@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.22

package/package.json

@@ -1,24 +1,34 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "0.16.1-beta.21",
+    "version": "0.16.1-beta.22",
     "description": "The RIO UIKIT component library",
     "repository": "https://collaboration.msi.audi.com/stash/projects/RIOFRONT/repos/uikit-web/browse",
     "scripts": {
+        "build": "npm run build:styles && npm run build:vite && echo '\n👉 For an npm release use build:npm 👈'",
+        "build:npm": "npm run build:cjs && npm run build:esm && npm run copy-to-package && echo '\n📦 Publish to npm only from within 'package' folder 📦'",
         "build:cjs": "NODE_ENV=production BABEL_ENV=cjs babel src --out-dir package/lib/es --copy-files",
         "build:esm": "NODE_ENV=production BABEL_ENV=esm babel src --out-dir package --copy-files",
-        "build": "npm run build:cjs && npm run build:esm && npm run copy-to-package && NODE_ENV=production webpack --progress --stats-children && echo '👉 For a npm release use update-build 👈'",
-        "update-build": "npm update && npm run build",
+        "build:vite": "vite build",
+        "build:styles": "npm run build:style-full && npm run build:style-core && npm run build:style-responsive && npm run build:style-print && npm run build:style-website && npm run build:style-buyButton && npm run build:style-man && npm run build:style-vw && npm run build:style-scania && npm run build:style-xmas",
+        "build:style-full": "vite build --mode style-full",
+        "build:style-core": "vite build --mode style-core",
+        "build:style-responsive": "vite build --mode style-responsive",
+        "build:style-print": "vite build --mode style-print",
+        "build:style-website": "vite build --mode style-website",
+        "build:style-buyButton": "vite build --mode style-buyButton",
+        "build:style-man": "vite build --mode style-man",
+        "build:style-vw": "vite build --mode style-vw",
+        "build:style-scania": "vite build --mode style-scania",
+        "build:style-xmas": "vite build --mode style-xmas",
         "copy-to-package": "copyfiles package.json README.md LICENSE package",
-        "check-licenses": "node tools/check-licenses.js .",
-        "check-updates": "node tools/checkUpdates.js",
-        "license-check": "license-checker --production --json --onlyAllow \"`cat whitelist.txt`\" --excludePackages \"rio-livemonitor@0.1.3\" --out licenses.txt",
-        "git-tasks": "node tools/gitTasks.js",
+        "test": "vitest run",
+        "test:ci": "vitest run --reporter=junit --outputFile.junit=./results/jest/junit.xml",
+        "test-dev": "vitest",
+        "coverage": "vitest run --coverage",
+        "check-licenses": "node tools/check-licenses.mjs .",
+        "license-check": "license-checker --production --json --onlyAllow \"`cat whitelist.txt`\" --excludePackages \"@rio-cloud/rio-uikit\" --out licenses.txt",
         "lint": "eslint src",
-        "lint-fix": "npm run lint -- --fix",
-        "analyze": "source-map-explorer 'dist/0.16.1/*.js'",
-        "analyze-bundle": "BUILD_OPTION=BundleAnalyzer npm run build",
-        "test": "NODE_ENV=test TZ=UTC jest",
-        "test-dev": "NODE_ENV=test TZ=UTC jest --watch"
+        "lint-fix": "npm run lint -- --fix"
     },
     "author": "TB Digital Services GmbH",
     "license": "Apache-2.0",
@@ -29,115 +39,77 @@
     "files": [
         "**/*.*"
     ],
-    "pre-commit": [
-        "check-licenses"
-    ],
     "devDependencies": {
-        "@babel/cli": "7.18.6",
-        "@babel/core": "7.18.6",
-        "@babel/eslint-parser": "7.18.2",
+        "@babel/cli": "7.19.3",
+        "@babel/core": "7.19.3",
+        "@babel/eslint-parser": "7.19.1",
         "@babel/plugin-proposal-class-properties": "7.18.6",
-        "@babel/plugin-proposal-object-rest-spread": "7.18.6",
+        "@babel/plugin-proposal-object-rest-spread": "7.19.4",
         "@babel/plugin-syntax-dynamic-import": "7.8.3",
-        "@babel/plugin-transform-modules-commonjs": "^7.18.6",
+        "@babel/plugin-transform-modules-commonjs": "7.18.6",
         "@babel/plugin-transform-react-display-name": "7.18.6",
-        "@babel/plugin-transform-react-jsx": "7.18.6",
-        "@babel/plugin-transform-runtime": "7.18.6",
-        "@babel/preset-env": "7.18.6",
+        "@babel/plugin-transform-react-jsx": "7.19.0",
+        "@babel/plugin-transform-runtime": "7.19.1",
+        "@babel/preset-env": "7.19.4",
         "@babel/preset-react": "7.18.6",
-        "@babel/runtime": "7.18.6",
-        "@svgr/webpack": "6.2.1",
-        "@testing-library/jest-dom": "^5.16.4",
+        "@babel/runtime": "7.19.4",
+        "@testing-library/jest-dom": "5.16.5",
         "@testing-library/react": "12.1.5",
         "@testing-library/user-event": "13.5.0",
-        "@types/jest": "28.1.4",
         "@types/lodash": "4.14.182",
         "@types/react": "18.0.15",
         "@types/react-redux": "7.1.24",
-        "@typescript-eslint/eslint-plugin": "5.30.5",
-        "@typescript-eslint/parser": "5.30.5",
-        "autoprefixer": "10.4.7",
-        "babel-eslint": "10.1.0",
-        "babel-jest": "28.1.2",
-        "babel-loader": "8.2.5",
-        "babel-plugin-lodash": "3.3.4",
+        "@types/resize-observer-browser": "0.1.7",
+        "@typescript-eslint/eslint-plugin": "5.40.0",
+        "@typescript-eslint/parser": "5.40.0",
+        "@vitejs/plugin-react": "^2.1.0",
+        "@vitest/coverage-c8": "0.24.2",
+        "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
+        "autoprefixer": "10.4.12",
         "base64-font-loader": "0.0.4",
-        "copy-webpack-plugin": "11.0.0",
-        "copyfiles": "^2.4.1",
-        "core-js": "3.23.3",
-        "css-loader": "5.2.7",
-        "css-minimizer-webpack-plugin": "4.0.0",
-        "dotenv": "16.0.1",
+        "copyfiles": "2.4.1",
+        "dotenv": "16.0.3",
         "enzyme": "3.11.0",
         "enzyme-adapter-react-16": "1.15.6",
-        "eslint": "8.19.0",
+        "eslint": "8.25.0",
         "eslint-config-prettier": "8.5.0",
         "eslint-plugin-compat": "4.0.2",
         "eslint-plugin-getsentry": "2.0.0",
         "eslint-plugin-import": "2.26.0",
-        "eslint-plugin-jest": "26.5.3",
         "eslint-plugin-prefer-arrow": "1.2.3",
         "eslint-plugin-prettier": "4.2.1",
-        "eslint-plugin-react": "7.30.1",
+        "eslint-plugin-react": "7.31.10",
         "eslint-plugin-react-hooks": "4.6.0",
-        "expect": "28.1.1",
-        "file-loader": "6.2.0",
-        "fork-ts-checker-webpack-plugin": "7.2.11",
-        "git-tools": "0.3.0",
-        "html-loader": "3.1.2",
-        "jest": "28.1.2",
-        "jest-junit": "14.0.0",
-        "jsdom": "20.0.0",
+        "jsdom": "20.0.1",
         "jsdom-global": "3.0.2",
         "less": "4.1.3",
-        "less-loader": "11.0.0",
         "license-checker": "25.0.1",
-        "mini-css-extract-plugin": "2.6.1",
-        "node-gyp": "9.0.0",
-        "npm-check-updates": "15.2.1",
-        "postcss-loader": "7.0.0",
-        "postcss-preset-env": "7.7.2",
+        "postcss-preset-env": "7.8.2",
         "postcss-short": "5.0.0",
-        "pre-commit": "1.2.2",
         "prettier": "2.7.1",
-        "process": "0.11.10",
-        "react": "16.14.0",
-        "react-dom": "16.14.0",
-        "react-intl": "6.0.5",
-        "remove-files-webpack-plugin": "1.5.0",
-        "script-loader": "0.7.2",
-        "semver": "7.3.7",
-        "source-map-explorer": "2.5.2",
+        "react": "17.0.2",
+        "react-dom": "17.0.2",
+        "react-intl": "6.2.0",
+        "rollup-plugin-copy": "^3.4.0",
         "strip-ansi": "7.0.1",
-        "style-loader": "3.3.1",
-        "ts-loader": "9.3.1",
         "ttf2woff2": "4.0.5",
-        "typescript": "4.7.4",
-        "unirest": "0.6.0",
-        "url-loader": "4.1.1",
+        "vite": "3.1.8",
+        "vitest": "0.24.2",
         "webfont": "11.2.26",
-        "webfont-webpack-plugin": "1.0.0",
-        "webfonts-generator": "github:rio-cloud/webfonts-generator",
-        "webpack": "5.73.0",
-        "webpack-bundle-analyzer": "4.5.0",
-        "webpack-cli": "4.10.0",
-        "webpack-license-plugin": "4.2.2"
+        "webfonts-generator": "github:rio-cloud/webfonts-generator"
     },
     "peerDependencies": {
-        "react": ">16.8.6",
-        "react-dom": ">16.8.6"
+        "react": ">17.0.2",
+        "react-dom": ">17.0.2"
     },
     "dependencies": {
         "@dnd-kit/core": "6.0.5",
         "@dnd-kit/modifiers": "6.0.0",
         "@dnd-kit/sortable": "7.0.1",
-        "@popperjs/core": "2.11.5",
-        "@types/resize-observer-browser": "0.1.7",
-        "classlist-polyfill": "1.2.0",
-        "classnames": "2.3.1",
-        "cssuseragent": "2.1.31",
+        "@popperjs/core": "2.11.6",
+        "classnames": "2.3.2",
+        "events": "3.3.0",
         "framer-motion": "4.1.17",
-        "jest-environment-jsdom": "28.1.2",
         "lodash": "4.17.21",
         "moment": "2.29.4",
         "natural-orderby": "2.0.3",
@@ -145,42 +117,13 @@
         "react-bootstrap": "1.6.4",
         "react-content-loader": "6.2.0",
         "react-datetime": "github:rio-cloud/react-datetime#v3.1.0-1-merged",
-        "react-debounce-input": "3.3.0",
-        "react-dropzone": "14.2.2",
+        "react-dropzone": "14.2.3",
         "react-input-mask": "3.0.0-alpha.2",
-        "react-notifications": "1.7.3",
+        "react-notifications": "1.7.4",
         "react-onclickoutside": "6.12.2",
         "react-popper": "2.3.0",
-        "react-responsive": "9.0.0-beta.10",
-        "react-transition-group": "4.4.2",
-        "recharts": "2.1.14",
-        "regenerator-runtime": "0.13.9",
-        "smoothscroll-polyfill": "0.4.4"
-    },
-    "jest": {
-        "setupFilesAfterEnv": [
-            "<rootDir>test/index.js"
-        ],
-        "testMatch": [
-            "**/test/**/*Test.js"
-        ],
-        "moduleFileExtensions": [
-            "js",
-            "jsx"
-        ],
-        "moduleDirectories": [
-            "node_modules"
-        ],
-        "testEnvironment": "jsdom",
-        "moduleNameMapper": {
-            "\\.svg": "<rootDir>/__mocks__/svg.js"
-        },
-        "reporters": [
-            "default",
-            "jest-junit"
-        ]
-    },
-    "jest-junit": {
-        "outputDirectory": "./results/jest"
+        "react-responsive": "9.0.0",
+        "react-transition-group": "4.4.5",
+        "recharts": "2.1.14"
     }
 }

package/routeUtils.js

@@ -1,2 +1,2 @@
-import { getSortDirShort, parseSorting, mapColumnsSettingsToStrings, parseColumnsSettingsStrings } from '../utils/routeUtils';
+import { getSortDirShort, parseSorting, mapColumnsSettingsToStrings, parseColumnsSettingsStrings } from './utils/routeUtils';
 export { getSortDirShort, parseSorting, mapColumnsSettingsToStrings, parseColumnsSettingsStrings };

package/styles/design/buttons.less

@@ -92,8 +92,7 @@
 
   &:active,
   &.active,
-  &:focus,
-  &.focus {
+  &:focus {
     outline: 0 !important;
     outline-offset: 0 !important;
     text-decoration: none;
@@ -124,11 +123,8 @@
     &:active,
     &.active,
     &:focus,
-    &.focus,
     &:active:focus,
-    &:active.focus,
-    &.active:focus,
-    &.active.focus {
+    &.active:focus {
       .caret {
         border-color: @color-white;
       }
@@ -143,11 +139,8 @@
     &:active,
     &.active,
     &:focus,
-    &.focus,
     &:active:focus,
-    &:active.focus,
-    &.active:focus,
-    &.active.focus {
+    &.active:focus {
       text-decoration: none;
       box-shadow: none;
     }
@@ -166,11 +159,8 @@
     &:active,
     &.active,
     &:focus,
-    &.focus,
     &:active:focus,
-    &:active.focus,
-    &.active:focus,
-    &.active.focus {
+    &.active:focus {
       color: @btn-muted-active-color !important;
 
       > .rioglyph {
@@ -180,7 +170,7 @@
   }
 
   &.btn-outline {
-    &:not(:hover):not(:active):not(.active):not(:focus):not(.focus) {
+    &:not(:hover):not(:active):not(.active):not(:focus) {
       background: none;
 
       // primary
@@ -225,8 +215,7 @@
 
     &:active,
     &.active,
-    &:focus,
-    &.focus {
+    &:focus {
       background: none !important;
       border-color: transparent !important;
     }
@@ -260,11 +249,8 @@
     &:active,
     &.active,
     &:focus,
-    &.focus,
     &:active:focus,
-    &:active.focus,
-    &.active:focus,
-    &.active.focus {
+    &.active:focus {
       background: none;
       border-color: transparent;
       text-decoration: none;
@@ -332,8 +318,7 @@
     }
 
     &:not(.btn-default),
-    &:focus,
-    &.focus {
+    &:focus {
       &:before {
         color: @color-white;
       }