Update Vite to 8.3.5 and the admin panels' jQuery to 3.7.1 (#980)

Author: KrzysztofPajak

src/Web/Grand.SharedUIResources/adminapp/README.md

@@ -238,8 +238,10 @@ npm run lint
 npm test
 ```
 
-The serializer tests compare against `jQuery.param` from jQuery 2.2.4, a dev dependency
-only (the panels load their own copy).
+The serializer tests compare against `jQuery.param` from jQuery 3.7.1, a dev dependency
+only (the panels load their own copy). The serializer keeps writing a space as `+`, as
+jQuery 2 and the Kendo transports did; jQuery 3 writes `%20`, and the tests treat the two
+as equal because the model binders decode both the same.
 
 ## End-to-end smoke tests
 

src/Web/Grand.SharedUIResources/adminapp/package-lock.json

@@ -26,11 +26,11 @@
     "acorn": "^8.18.0",
     "eslint": "^10.11.0",
     "globals": "^17.13.0",
-    "jquery": "^2.2.4",
+    "jquery": "^3.7.1",
     "jsdom": "^30.1.1",
     "rtlcss": "^4.3.0",
     "sass": "^1.105.1",
-    "vite": "^8.3.2",
+    "vite": "^8.3.5",
     "vitest": "^5.0.3"
   },
   "browserslist": [

src/Web/Grand.SharedUIResources/adminapp/package.json

@@ -7,12 +7,16 @@ const require = createRequire(import.meta.url)
 let $
 
 beforeAll(() => {
-    //jquery 2.2.4, the version the panels load; with a global document the module is
+    //jquery 3.7.1, the version the panels load; with a global document the module is
     //jQuery itself, without one it is a factory taking a window
     const jquery = require('jquery')
     $ = typeof jquery.param === 'function' ? jquery : jquery(window)
 })
 
+//jQuery 3 writes a space as %20, jQuery 2 and the Kendo transports wrote '+', which param
+//keeps; the model binders decode both the same
+const jqueryParam = data => $.param(data).replace(/%20/g, '+')
+
 const cases = {
     'read request with paging and additional data': {
         take: 15, skip: 15, page: 2, pageSize: 15,
@@ -43,13 +47,13 @@ const cases = {
 describe('param', () => {
     for (const [name, data] of Object.entries(cases)) {
         it(`matches jQuery.param: ${name}`, () => {
-            expect(param(data)).toBe($.param(data))
+            expect(param(data)).toBe(jqueryParam(data))
         })
     }
 
     it('serializes an array of name/value pairs like jQuery', () => {
         const fields = [{ name: 'a', value: '1' }, { name: 'a', value: '2 3' }, { name: 'b', value: null }]
-        expect(param(fields)).toBe($.param(fields))
+        expect(param(fields)).toBe(jqueryParam(fields))
     })
 
     it('returns an empty string for null', () => {

src/Web/Grand.SharedUIResources/adminapp/src/grid/param.test.js

@@ -494,7 +494,7 @@ if (typeof NProgress != 'undefined') {
         NProgress.start();
     });
 
-    $(window).load(function () {
+    $(window).on('load', function () {
         NProgress.done();
     });
 }