Upgrade JS deps (#2153)

.github/workflows/test-unit.yml

@@ -37,7 +37,7 @@ jobs:
           echo "dir=$(composer config cache-files-dir)" >> $GITHUB_OUTPUT
 
       - name: Setup cache 2/2
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ${{ steps.composer-cache.outputs.dir }}
           key: ${{ runner.os }}-composer-smoke-${{ matrix.php }}-${{ matrix.type }}-${{ hashFiles('composer.json') }}
@@ -124,7 +124,7 @@ jobs:
           echo "dir=$(composer config cache-files-dir)" >> $GITHUB_OUTPUT
 
       - name: Setup cache 2/2
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ${{ steps.composer-cache.outputs.dir }}
           key: ${{ runner.os }}-composer-${{ matrix.php }}-${{ matrix.type }}-${{ hashFiles('composer.json') }}
@@ -288,7 +288,7 @@ jobs:
           echo "dir=$(composer config cache-files-dir)" >> $GITHUB_OUTPUT
 
       - name: Setup cache 2/2
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ${{ steps.composer-cache.outputs.dir }}
           key: ${{ runner.os }}-composer-behat-${{ matrix.php }}-${{ matrix.type }}-${{ hashFiles('composer.json') }}

js/.stylelintrc.js

@@ -5,9 +5,8 @@ module.exports = {
     customSyntax: 'postcss-less',
     rules: {
         'at-rule-empty-line-before': null,
-        'at-rule-name-case': null,
         'color-function-notation': 'legacy',
-        'max-line-length': null,
+        'media-query-no-invalid': null,
         'no-descending-specificity': null,
         'rule-empty-line-before': null,
 

js/package.json

@@ -8,8 +8,8 @@
         "dev": "webpack --progress --watch --env development",
         "profile": "webpack --env production --profile --json > profile/atkjs-bundle-profile.json",
         "analyze-profile": "webpack-bundle-analyzer profile/atkjs-bundle-profile.json",
-        "lint": "eslint --ext .js,.vue . && stylelint \"../**/*.less\" && prettier --config .prettierrc.js --loglevel warn \"../**/*.less\" --check",
-        "lint-fix": "eslint --ext .js,.vue . --fix && stylelint \"../**/*.less\" --fix && prettier --config .prettierrc.js --loglevel warn \"../**/*.less\" --write"
+        "lint": "eslint --ext .js,.vue . && stylelint \"../public/**/*.less\" && prettier --config .prettierrc.js --log-level warn \"../public/**/*.less\" --check",
+        "lint-fix": "eslint --ext .js,.vue . --fix && stylelint \"../public/**/*.less\" --fix && prettier --config .prettierrc.js --log-level warn \"../public/**/*.less\" --write"
     },
     "repository": {
         "type": "git",
@@ -29,7 +29,7 @@
         "mitt": "^3.0.0",
         "vue": "^3.3.4",
         "vue-flatpickr-component": "^11.0.3",
-        "vue-fomantic-ui": "^0.13.0",
+        "vue-fomantic-ui": "^0.15.1",
         "vue-query-builder": "github:TheAustinG/vue-query-builder#2f62fa09ea"
     },
     "devDependencies": {
@@ -42,17 +42,17 @@
         "css-loader": "^6.8.1",
         "eslint": "^8.41.0",
         "eslint-config-airbnb-base": "^15.0.0",
-        "eslint-import-resolver-webpack": "^0.13.2",
+        "eslint-import-resolver-webpack": "^0.13.8",
         "eslint-plugin-import": "^2.27.5",
-        "eslint-plugin-jsdoc": "^45.0.0",
-        "eslint-plugin-unicorn": "^47.0.0",
+        "eslint-plugin-jsdoc": "^48.0.4",
+        "eslint-plugin-unicorn": "^50.0.1",
         "eslint-plugin-vue": "^9.14.1",
         "postcss-less": "^6.0.0",
-        "prettier": "^2.8.8",
-        "source-map-loader": "^4.0.1",
+        "prettier": "^3.2.4",
+        "source-map-loader": "^5.0.0",
         "style-loader": "^3.3.3",
-        "stylelint": "^15.6.2",
-        "stylelint-config-standard": "^33.0.0",
+        "stylelint": "^16.2.0",
+        "stylelint-config-standard": "^36.0.0",
         "terser-webpack-plugin": "^5.3.9",
         "vue-loader": "^17.1.2",
         "webpack": "^5.84.1",

public/css/agileui.less

@@ -67,8 +67,7 @@
 }
 
 .atk-sidenav-content {
-    overflow-x: hidden;
-    overflow-y: auto;
+    overflow: hidden auto;
 }
 
 /* A selected item in admin menu */
@@ -201,7 +200,9 @@ footer.atk-footer {
 }
 
 .atk-right-panel {
-    transition: box-shadow 0.2s, right 0.2s;
+    transition:
+        box-shadow 0.2s,
+        right 0.2s;
     bottom: 0;
     background-color: @atkSlidePanelColor;
     box-shadow: 0 0 0 rgba(@black, 0%);