feat(core): upgrade to jQuery 3.6 and jQuery-UI 1.13

- finally found how to upgrade both jQuery/jQueryUI and get all Cypress E2E tests pass

.github/renovate.json5

@@ -10,18 +10,6 @@
       depTypeList: ['peerDependencies'],
       enabled: false,
     },
-    {
-      packageNames: ['jquery'],
-      allowedVersions: '3.5.1',
-    },
-    {
-      packageNames: ['jquery-ui'],
-      allowedVersions: '1.12.1',
-    },
-    {
-      packageNames: ['jquery-ui-dist'],
-      allowedVersions: '1.12.1',
-    },
     // allow Node14/npm8 until its EOL June 2023
     {
       packageNames: ['node'],

examples/webpack-demo-vanilla-bundle/package.json

@@ -48,7 +48,7 @@
     "@slickgrid-universal/vanilla-force-bundle": "workspace:*",
     "bulma": "^0.9.4",
     "dompurify": "^2.3.8",
-    "jquery": "^3.5.1",
+    "jquery": "^3.6.0",
     "moment-mini": "^2.24.0",
     "rxjs": "^7.5.5",
     "whatwg-fetch": "^3.6.2"

package.json

@@ -61,13 +61,6 @@
     "ts-jest": "^28.0.4",
     "typescript": "^4.7.3"
   },
-  "pnpm": {
-    "overrides": {
-      "jquery": "3.5.1",
-      "jquery-ui": "1.12.1",
-      "jquery-ui-dist": "1.12.1"
-    }
-  },
   "packageManager": "pnpm@7.1.9",
   "engines": {
     "node": ">=14.17.0",

packages/common/package.json

@@ -74,9 +74,9 @@
     "dequal": "^2.0.2",
     "dompurify": "^2.3.8",
     "flatpickr": "^4.6.13",
-    "jquery": "^3.5.1",
-    "jquery-ui": "^1.12.1",
-    "jquery-ui-dist": "^1.12.1",
+    "jquery": "^3.6.0",
+    "jquery-ui": "^1.13.1",
+    "jquery-ui-dist": "^1.13.1",
     "moment-mini": "^2.24.0",
     "multiple-select-modified": "^1.3.17",
     "slickgrid": "^2.4.44",

packages/vanilla-bundle/package.json

@@ -52,8 +52,8 @@
     "@slickgrid-universal/utils": "workspace:*",
     "dequal": "^2.0.2",
     "flatpickr": "^4.6.13",
-    "jquery": "^3.5.1",
-    "jquery-ui": "^1.12.1",
+    "jquery": "^3.6.0",
+    "jquery-ui": "^1.13.1",
     "slickgrid": "^2.4.44",
     "whatwg-fetch": "^3.6.2"
   },

test/cypress/integration/example03.spec.js

@@ -89,7 +89,7 @@ describe('Example 03 - Draggable Grouping', { retries: 1 }, () => {
       cy.get('.slick-dropped-grouping:nth(1) div')
         .contains('Effort-Driven')
         .trigger('mousemove', 'bottomRight')
-        .trigger('mouseup', 'bottomRight', { force: true });
+        .trigger('mouseup', 'bottomRight', { which: 1, force: true });
     });
 
     it('should expect the grouping to be swapped as well in the grid', () => {

test/cypress/integration/example07.spec.js

@@ -78,12 +78,12 @@ describe('Example 07 - Row Move & Checkbox Selector Selector Plugins', { retries
     cy.get('@moveIconTask3').should('have.length', 1);
 
     cy.get('@moveIconTask3')
-      .trigger('mousedown', { button: 0, force: true })
+      .trigger('mousedown', { which: 1, force: true })
       .trigger('mousemove', 'bottomRight');
 
     cy.get('@moveIconTask1')
       .trigger('mousemove', 'bottomRight')
-      .trigger('mouseup', 'bottomRight', { force: true });
+      .trigger('mouseup', 'bottomRight', { which: 1, force: true });
 
     cy.get('input[type="checkbox"]:checked')
       .should('have.length', 4);
@@ -130,12 +130,12 @@ describe('Example 07 - Row Move & Checkbox Selector Selector Plugins', { retries
     cy.get('@moveIconTask3').should('have.length', 1);
 
     cy.get('@moveIconTask3')
-      .trigger('mousedown', { button: 0, force: true })
+      .trigger('mousedown', { which: 1, force: true })
       .trigger('mousemove', 'bottomRight');
 
     cy.get('@moveIconTask5')
       .trigger('mousemove', 'bottomRight')
-      .trigger('mouseup', 'bottomRight', { force: true });
+      .trigger('mouseup', 'bottomRight', { which: 1, force: true });
 
     cy.get('.slick-viewport-top.slick-viewport-left')
       .scrollTo('top');
@@ -310,7 +310,7 @@ describe('Example 07 - Row Move & Checkbox Selector Selector Plugins', { retries
       .children('.slick-header-column:nth(7)')
       .should('contain', 'Finish')
       .trigger('mousemove', 'bottomRight')
-      .trigger('mouseup', 'bottomRight', { force: true });
+      .trigger('mouseup', 'bottomRight', { which: 1, force: true });
 
     cy.get('.grid7')
       .find('.slick-header-columns')
@@ -733,7 +733,7 @@ describe('Example 07 - Row Move & Checkbox Selector Selector Plugins', { retries
       .children('.slick-header-column:nth(8)')
       .should('contain', 'Completed')
       .trigger('mousemove', 'bottomRight')
-      .trigger('mouseup', 'bottomRight', { force: true });
+      .trigger('mouseup', 'bottomRight', { which: 1, force: true });
 
     cy.get('.grid7')
       .find('.slick-header-columns')

test/cypress/integration/example18.spec.js

@@ -49,11 +49,11 @@ describe('Example 18 - Real-Time Trading Platform', { retries: 1 }, () => {
   it('should Group by 1st column "Currency" and expect 2 groups with Totals when collapsed', () => {
     cy.get('.slick-column-name')
       .first()
-      .trigger('mousedown', { button: 1, force: true })
+      .trigger('mousedown', { which: 1, force: true })
 
     cy.get('.slick-draggable-dropbox-toggle-placeholder')
       .trigger('mousemove', 'center')
-      .trigger('mouseup', 'center', { force: true });
+      .trigger('mouseup', 'center', { which: 1, force: true });
 
     cy.get('.slick-group-toggle-all')
       .click();