Make jquery-ui a peerdependency

Author: ComLock

package-lock.json

@@ -26,14 +26,14 @@
     "dompurify": "^3.0.6",
     "fine-uploader": "^5.16.2",
     "jquery-simulate": "^1.0.2",
-    "jquery-ui": "^1.13.2",
     "mousetrap": "^1.6.5",
     "q": "^1.5.1",
     "slickgrid": "^4.0.1",
     "validator": "^13.11.0"
   },
   "peerDependencies": {
     "jquery": "^3.7.1",
+    "jquery-ui-dist": "^1.13.2",
     "postcss": "^8.2.2"
   },
   "devDependencies": {
@@ -58,6 +58,7 @@
     "error-logger-webpack-plugin": "^1.1.1",
     "eslint": "^8.50.0",
     "glob": "^10.3.10",
+    "jquery-ui": "^1.13.2",
     "less": "^4.2.0",
     "less-loader": "^11.1.3",
     "mini-css-extract-plugin": "^2.7.6",

package.json

@@ -1,5 +1,5 @@
 import * as Q from 'q';
-import 'jquery-ui/ui/tabbable';
+// import 'jquery-ui/ui/tabbable'; // jquery-ui is a peerDependency
 import {StyleHelper} from '../StyleHelper';
 import {StringHelper} from '../util/StringHelper';
 import {ObjectHelper} from '../ObjectHelper';

src/main/resources/assets/admin/common/js/dom/Element.ts

@@ -1,4 +1,4 @@
-import 'jquery-ui/ui/widgets/sortable'; // jquery-ui is a peerDependency
+// import 'jquery-ui/ui/widgets/sortable'; // jquery-ui is a peerDependency
 import * as Q from 'q';
 import {Property} from '../../../data/Property';
 import {PropertyArray} from '../../../data/PropertyArray';

src/main/resources/assets/admin/common/js/form/inputtype/support/BaseInputTypeNotManagingAdd.ts

@@ -1,4 +1,4 @@
-import 'jquery-ui/ui/widgets/sortable';
+// import 'jquery-ui/ui/widgets/sortable'; // jquery-ui is a peerDependency
 import {DivEl} from '../../../dom/DivEl';
 import {Element} from '../../../dom/Element';
 import {Option} from '../Option';

src/main/resources/assets/admin/common/js/ui/selector/combobox/BaseSelectedOptionsView.ts

@@ -1,7 +1,7 @@
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CircularDependencyPlugin = require('circular-dependency-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
-const ProvidePlugin = require('webpack/lib/ProvidePlugin');
+// const ProvidePlugin = require('webpack/lib/ProvidePlugin');
 const path = require('path');
 const fs = require('fs');
 
@@ -18,6 +18,9 @@ module.exports = {
         'styles/lib': './styles/main.less',
         'styles/lib.lite': './styles/main.lite.less',
     },
+    externals: {
+        jquery: 'jQuery',
+    },
     output: {
         path: path.join(__dirname, '/build/resources/main/assets/admin/common'),
         filename: './[name].js',
@@ -70,11 +73,11 @@ module.exports = {
         ]
     },
     plugins: [
-        new ProvidePlugin({
-            $: 'jquery',
-            jQuery: 'jquery',
-            'window.jQuery': 'jquery'
-        }),
+        // new ProvidePlugin({
+        //     $: 'jquery',
+        //     jQuery: 'jquery',
+        //     'window.jQuery': 'jquery'
+        // }),
         new MiniCssExtractPlugin({
             filename: '[name].css',
             chunkFilename: './styles/[id].css'