@rio-cloud/rio-uikit 0.16.1-beta-7 → 0.16.1-beta-10

package/lib/themes/Xmas/styles/rio-xmas.less

@@ -0,0 +1,36 @@
+/* Backgrounds - Map Marker */
+@color-map-marker-xmas: #dd0a2c;
+
+.rio-map-marker {
+    &.active {
+        .rio-map-icon {
+            &:before {
+                color: @color-map-marker-xmas;
+            }
+        }
+    }
+}
+
+@rioglyph-truck: "\f17b";
+.rioglyph-truck:before,
+.hover-rioglyph-truck:hover:before {
+	content: "\f17b";
+}
+
+@rioglyph-bus: "\f17b";
+.rioglyph-bus:before,
+.hover-rioglyph-bus:hover:before {
+	content: "\f17b";
+}
+
+@rioglyph-van: "\f17b";
+.rioglyph-van:before,
+.hover-rioglyph-van:hover:before {
+	content: "\f17b";
+}
+
+@rioglyph-user: "\f17c";
+.rioglyph-user:before,
+.hover-rioglyph-user:hover:before {
+	content: "\f17c";
+}

package/lib/types.ts

@@ -143,9 +143,9 @@ export interface AreaChartProps {
     showXAxis?: boolean;
     showYAxis?: boolean;
     showGrid?: boolean;
-    legend?: Legend;
+    legend?: Legend | boolean;
     brush?: boolean;
-    tooltip?: boolean;
+    tooltip?: ChartTooltip | boolean;
 }
 
 export interface AreaGradient {
@@ -262,14 +262,14 @@ export interface BarChartProps {
     xAxisOptions?: object;
     yAxisOptions?: object;
     gridOptions?: object;
-    legend?: Legend;
+    legend?: Legend | boolean;
     brush?: boolean;
-    tooltip?: boolean;
+    tooltip?: ChartTooltip | boolean;
 }
 
 export type bsStyle = 'default' | 'primary' | 'info' | 'warning' | 'danger' | 'success' | 'link';
 
-export type bsSizeDialog = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'fullscreen';
+export type bsSizeDialog = 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'fullscreen';
 
 export type bsSize = 'xs' | 'sm' | 'lg';
 
@@ -348,6 +348,8 @@ export interface ChartNeedleProps {
     style?: object;
 }
 
+export interface ChartTooltip {}
+
 export interface CheckboxProps {
     id?: string;
     name?: string;
@@ -744,9 +746,9 @@ export interface LineChartProps {
     showXAxis?: boolean;
     showYAxis?: boolean;
     showGrid?: boolean;
-    legend?: Legend;
+    legend?: Legend | boolean;
     brush?: boolean;
-    tooltip?: boolean;
+    tooltip?: ChartTooltip | boolean;
 }
 
 export interface ListMenuItems {
@@ -1231,7 +1233,7 @@ export interface PieChartProps {
     innerLabels?: boolean;
     paddingAngle?: number;
     legend?: Legend | boolean;
-    tooltip?: boolean;
+    tooltip?: ChartTooltip | boolean;
     pieOptions?: object;
 }
 
@@ -1291,8 +1293,8 @@ export interface RadialBarChartProps {
     cornerRadius?: number;
     background?: boolean;
     range?: number[];
-    legend?: Legend;
-    tooltip?: boolean;
+    legend?: Legend | boolean;
+    tooltip?: ChartTooltip | boolean;
 }
 
 export interface RadioButtonProps {
@@ -1737,6 +1739,11 @@ export interface SteppedProgressBarProps {
     variant?: 'circle' | 'rectangle' | 'roadsign';
 }
 
+export interface SubNavigationProps {
+    navItems?: ModulePropTypes[];
+    className?: string;
+}
+
 export interface SwitchProps {
     keyName?: string;
     onChange: (toggleState: boolean) => void;
@@ -2041,6 +2048,7 @@ export interface TypeCounterProps {
     type?: string;
     icon?: string;
     isActive?: boolean;
+    hasFilter?: boolean;
     enableActivity?: boolean;
     hideOnZero?: boolean;
     onClick?: (type: string) => void;
@@ -2052,7 +2060,7 @@ export interface TypeCounterProps {
 export type UseAfterMount = (callback: () => void, deps?: any[]) => void;
 
 export type UseClickOutside<T extends HTMLElement = any> = (
-    callback: () => void,
+    callback: (event: React.MouseEvent<HTMLButtonElement>) => void,
     events?: ['mousedown', 'touchstart']
 ) => React.MutableRefObject<T>;
 

package/lib/utils/deviceUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toggleZoomOnMobile = exports.isMobileScreen = exports.isMobile = exports.isDesktop = exports.inIframe = exports.hasTouch = exports.MOBILE_SCREEN = void 0;
+exports.toggleZoomOnMobile = exports.isMobileScreen = exports.isMobile = exports.isDesktop = exports.inIframe = exports.hasTouch = exports.SCREEN_XL = exports.SCREEN_SM = exports.SCREEN_MD = exports.SCREEN_LG = exports.MOBILE_SCREEN = void 0;
 
 // As "cssuseragent" is accessing the html dom object directly without checking whether it exists or not, we need to
 // use old shool require() to have a conditional import only when html really exists. This avoids issues when
@@ -40,6 +40,14 @@ var hasTouch = function hasTouch() {
 exports.hasTouch = hasTouch;
 var MOBILE_SCREEN = 480;
 exports.MOBILE_SCREEN = MOBILE_SCREEN;
+var SCREEN_SM = 768;
+exports.SCREEN_SM = SCREEN_SM;
+var SCREEN_MD = 992;
+exports.SCREEN_MD = SCREEN_MD;
+var SCREEN_LG = 1200;
+exports.SCREEN_LG = SCREEN_LG;
+var SCREEN_XL = 1700;
+exports.SCREEN_XL = SCREEN_XL;
 
 var isMobileScreen = function isMobileScreen() {
   return window.matchMedia("(max-width: ".concat(MOBILE_SCREEN, "px)")).matches;

package/lib/version.json

@@ -1,3 +1,3 @@
 {
-"version": "0.16.1-beta-7"
+"version": "0.16.1-beta-10"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "0.16.1-beta-7",
+    "version": "0.16.1-beta-10",
     "description": "The RIO UIKIT component library",
     "repository": "https://collaboration.msi.audi.com/stash/projects/RIOFRONT/repos/uikit-web/browse",
     "scripts": {
@@ -12,7 +12,7 @@
         "git-tasks": "node tools/gitTasks.js",
         "lint": "eslint src",
         "lint-fix": "npm run lint -- --fix",
-        "analyze": "source-map-explorer 'dist/0.15.1/*.js'",
+        "analyze": "source-map-explorer 'dist/0.16.1/*.js'",
         "analyze-bundle": "BUILD_OPTION=BundleAnalyzer npm run build",
         "prepare": "ls -la .",
         "prepack": "NODE_ENV=production babel src --out-dir lib --copy-files && NODE_ENV=production webpack --progress",
@@ -31,123 +31,124 @@
         "check-licenses"
     ],
     "devDependencies": {
-        "@babel/cli": "^7.17.0",
-        "@babel/core": "^7.17.5",
-        "@babel/eslint-parser": "^7.17.0",
-        "@babel/plugin-proposal-class-properties": "^7.16.7",
-        "@babel/plugin-proposal-object-rest-spread": "^7.16.7",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-transform-react-display-name": "^7.16.7",
-        "@babel/plugin-transform-react-jsx": "^7.16.7",
-        "@babel/plugin-transform-runtime": "^7.17.0",
-        "@babel/preset-env": "^7.16.11",
-        "@babel/preset-react": "^7.16.7",
-        "@babel/runtime": "^7.16.7",
-        "@svgr/webpack": "^6.2.1",
+        "@babel/cli": "7.18.6",
+        "@babel/core": "7.18.6",
+        "@babel/eslint-parser": "7.18.2",
+        "@babel/plugin-proposal-class-properties": "7.18.6",
+        "@babel/plugin-proposal-object-rest-spread": "7.18.6",
+        "@babel/plugin-syntax-dynamic-import": "7.8.3",
+        "@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/preset-react": "7.18.6",
+        "@babel/runtime": "7.18.6",
+        "@svgr/webpack": "6.2.1",
         "@testing-library/react": "12.1.5",
         "@testing-library/user-event": "13.5.0",
-        "@types/jest": "^27.4.1",
-        "@types/lodash": "^4.14.178",
-        "@types/react": "^18.0.0",
-        "@types/react-redux": "^7.1.22",
-        "@typescript-eslint/eslint-plugin": "^5.12.1",
-        "@typescript-eslint/parser": "^5.10.1",
-        "autoprefixer": "^10.4.2",
-        "babel-eslint": "^10.1.0",
-        "babel-jest": "^27.4.6",
-        "babel-loader": "^8.2.2",
-        "babel-plugin-lodash": "^3.3.4",
-        "base64-font-loader": "^0.0.4",
-        "copy-webpack-plugin": "^10.2.4",
-        "core-js": "^3.21.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",
+        "base64-font-loader": "0.0.4",
+        "copy-webpack-plugin": "11.0.0",
+        "core-js": "3.23.3",
         "css-loader": "5.2.7",
-        "css-minimizer-webpack-plugin": "^3.3.1",
-        "dotenv": "^16.0.0",
-        "enzyme": "^3.11.0",
-        "enzyme-adapter-react-16": "^1.15.6",
-        "eslint": "^8.9.0",
-        "eslint-config-prettier": "^8.4.0",
-        "eslint-plugin-compat": "^4.0.2",
-        "eslint-plugin-getsentry": "^2.0.0",
-        "eslint-plugin-import": "^2.25.4",
-        "eslint-plugin-jest": "^26.1.1",
-        "eslint-plugin-prefer-arrow": "^1.2.3",
-        "eslint-plugin-prettier": "^4.0.0",
-        "eslint-plugin-react": "^7.28.0",
-        "eslint-plugin-react-hooks": "^4.3.0",
-        "expect": "^27.4.6",
-        "file-loader": "^6.2.0",
-        "fork-ts-checker-webpack-plugin": "^7.2.1",
-        "git-tools": "^0.3.0",
-        "html-loader": "^3.1.0",
-        "jest": "^27.4.7",
-        "jest-junit": "^13.0.0",
-        "jsdom": "^19.0.0",
-        "jsdom-global": "^3.0.2",
-        "less": "^4.1.1",
-        "less-loader": "^10.2.0",
-        "license-checker": "^25.0.1",
-        "mini-css-extract-plugin": "^2.5.2",
-        "node-gyp": "^9.0.0",
-        "npm-check-updates": "^12.2.1",
-        "postcss-loader": "^6.0.0",
-        "postcss-preset-env": "^7.3.1",
-        "postcss-short": "^5.0.0",
-        "pre-commit": "^1.2.2",
-        "prettier": "^2.2.1",
-        "process": "^0.11.10",
-        "react": "^16.14.0",
-        "react-dom": "^16.14.0",
-        "react-intl": "^5.24.4",
-        "remove-files-webpack-plugin": "^1.5.0",
-        "script-loader": "^0.7.2",
-        "semver": "^7.3.5",
-        "source-map-explorer": "^2.5.2",
-        "strip-ansi": "^7.0.1",
-        "style-loader": "^3.3.1",
-        "ts-loader": "^9.2.6",
-        "ttf2woff2": "^4.0.2",
-        "typescript": "^4.5.5",
-        "unirest": "^0.6.0",
-        "url-loader": "^4.1.1",
-        "webfont": "^11.0.0",
-        "webfont-webpack-plugin": "^1.0.0",
+        "css-minimizer-webpack-plugin": "4.0.0",
+        "dotenv": "16.0.1",
+        "enzyme": "3.11.0",
+        "enzyme-adapter-react-16": "1.15.6",
+        "eslint": "8.19.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-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-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-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",
+        "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",
+        "webfont": "11.2.26",
+        "webfont-webpack-plugin": "1.0.0",
         "webfonts-generator": "github:rio-cloud/webfonts-generator",
-        "webpack": "^5.67.0",
-        "webpack-bundle-analyzer": "^4.4.0",
-        "webpack-cli": "^4.9.2",
-        "webpack-license-plugin": "^4.1.2"
+        "webpack": "5.73.0",
+        "webpack-bundle-analyzer": "4.5.0",
+        "webpack-cli": "4.10.0",
+        "webpack-license-plugin": "4.2.2"
     },
     "peerDependencies": {
         "react": ">16.8.6",
         "react-dom": ">16.8.6"
     },
     "dependencies": {
-        "@dnd-kit/core": "5.0.3",
-        "@dnd-kit/modifiers": "5.0.0",
-        "@dnd-kit/sortable": "6.0.1",
+        "@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",
+        "@types/resize-observer-browser": "0.1.7",
         "classlist-polyfill": "1.2.0",
         "classnames": "2.3.1",
         "cssuseragent": "2.1.31",
         "framer-motion": "4.1.17",
+        "jest-environment-jsdom": "28.1.2",
         "lodash": "4.17.21",
-        "moment": "2.29.3",
+        "moment": "2.29.4",
         "natural-orderby": "2.0.3",
         "prop-types": "15.8.1",
         "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.2.5",
-        "react-dropzone": "14.2.0",
+        "react-debounce-input": "3.3.0",
+        "react-dropzone": "14.2.2",
         "react-input-mask": "3.0.0-alpha.2",
         "react-notifications": "1.7.3",
-        "react-onclickoutside": "6.12.1",
+        "react-onclickoutside": "6.12.2",
         "react-popper": "2.3.0",
-        "react-responsive": "^9.0.0-beta.8",
+        "react-responsive": "9.0.0-beta.10",
         "react-transition-group": "4.4.2",
-        "recharts": "2.1.9",
+        "recharts": "2.1.12",
         "regenerator-runtime": "0.13.9",
         "smoothscroll-polyfill": "0.4.4"
     },
@@ -184,4 +185,4 @@
     "jest-junit": {
         "outputDirectory": "./results/jest"
     }
-}
+}