@rio-cloud/rio-uikit 0.16.4-beta.7 → 1.0.0

package/mapIndex.d.ts

@@ -1,38 +1,38 @@
-import { default as _Marker } from "./components/map/components/features/basics/marker/Marker";
-import { default as _Map } from "./components/map/components/Map";
-import { default as _DomMarker } from "./components/map/components/features/basics/marker/DomMarker";
-import { default as _TextMarker } from "./components/map/components/features/basics/marker/TextMarker";
-import { default as _MapLayerGroup } from "./components/map/components/features/basics/MapLayerGroup";
-import { default as _Polygon } from "./components/map/components/features/basics/Polygon";
-import { default as _Circle } from "./components/map/components/features/basics/Circle";
-import { default as _Polyline } from "./components/map/components/features/basics/Polyline";
-import { default as _Route } from "./components/map/components/features/Route";
-import { default as _ClusterLayer } from "./components/map/components/features/layers/clustering/ClusterLayer";
-import { default as _SimpleClusterLayer } from "./components/map/components/features/layers/clustering/SimpleClusterLayer";
-import { default as _MarkerLayer } from "./components/map/components/features/layers/MarkerLayer";
-import { EventUtils as _EventUtils } from "./components/map/utils/eventHandling";
-import { ClusterUtils as _ClusterUtils } from "./components/map/utils/clustering";
-import { PositionUtils as _PositionUtils } from "./components/map/utils/positions";
-import { default as _TrafficLayer } from "./components/map/components/features/layers/TrafficLayer";
-import { default as _TruckLayer } from "./components/map/components/features/layers/RoadRestrictionLayer";
-import { default as _IncidentsLayer } from "./components/map/components/features/layers/IncidentsLayer";
-import { default as _MapSettings } from "./components/map/components/features/MapSettings";
-import { default as _MapSettingsPanel } from "./components/map/components/features/settings/MapSettingsPanel";
-import { default as _MapSettingsTile } from "./components/map/components/features/settings/MapSettingsTile";
-import { default as _MapSettingsItem } from "./components/map/components/features/settings/MapSettingsItem";
-import { default as _MapClusterSettings } from "./components/map/components/features/settings/builtinSettings/MapClusterSettings";
-import { default as _MapLayerSettings } from "./components/map/components/features/settings/builtinSettings/MapLayerSettings";
-import { default as _MapTypeSettings } from "./components/map/components/features/settings/builtinSettings/MapTypeSettings";
-import { default as _MapCustomerPoiSettingsItem } from "./components/map/components/features/settings/items/MapCustomerPoiSettingsItem";
-import { default as _MapWorkshopPoiSettingsItem } from "./components/map/components/features/settings/items/MapWorkshopPoiSettingsItem";
-import { default as _MapLayerIncidentsItem } from "./components/map/components/features/settings/items/MapLayerIncidentsItem";
-import { default as _MapLayerRoadRestrictionsItem } from "./components/map/components/features/settings/items/MapLayerRoadRestrictionsItem";
-import { default as _MapLayerTrafficItem } from "./components/map/components/features/settings/items/MapLayerTrafficItem";
-import { default as _MapBoundingBoxButton } from "./components/map/components/features/settings/buttons/MapBoundingBoxButton";
-import { default as _MapCenterMarkerButton } from "./components/map/components/features/settings/buttons/MapCenterMarkerButton";
-import { default as _MapLockMarkerButton } from "./components/map/components/features/settings/buttons/MapLockMarkerButton";
-import { default as _ContextMenu } from "./components/map/components/features/ContextMenu";
-import { default as _ContextMenuItem } from "./components/map/components/features/ContextMenuItem";
-import { default as _SingleMapMarker } from "./components/mapMarker/SingleMapMarker";
-import { default as _ClusterMapMarker } from "./components/mapMarker/ClusterMapMarker";
-export { _Marker as Marker, _Map as Map, _DomMarker as DomMarker, _TextMarker as TextMarker, _MapLayerGroup as MapLayerGroup, _Polygon as Polygon, _Circle as Circle, _Polyline as Polyline, _Route as Route, _ClusterLayer as ClusterLayer, _SimpleClusterLayer as SimpleClusterLayer, _MarkerLayer as MarkerLayer, _EventUtils as EventUtils, _ClusterUtils as ClusterUtils, _PositionUtils as PositionUtils, _TrafficLayer as TrafficLayer, _TruckLayer as TruckLayer, _IncidentsLayer as IncidentsLayer, _MapSettings as MapSettings, _MapSettingsPanel as MapSettingsPanel, _MapSettingsTile as MapSettingsTile, _MapSettingsItem as MapSettingsItem, _MapClusterSettings as MapClusterSettings, _MapLayerSettings as MapLayerSettings, _MapTypeSettings as MapTypeSettings, _MapCustomerPoiSettingsItem as MapCustomerPoiSettingsItem, _MapWorkshopPoiSettingsItem as MapWorkshopPoiSettingsItem, _MapLayerIncidentsItem as MapLayerIncidentsItem, _MapLayerRoadRestrictionsItem as MapLayerRoadRestrictionsItem, _MapLayerTrafficItem as MapLayerTrafficItem, _MapBoundingBoxButton as MapBoundingBoxButton, _MapCenterMarkerButton as MapCenterMarkerButton, _MapLockMarkerButton as MapLockMarkerButton, _ContextMenu as ContextMenu, _ContextMenuItem as ContextMenuItem, _SingleMapMarker as SingleMapMarker, _ClusterMapMarker as ClusterMapMarker };
+import { default as _Marker } from './components/map/components/features/basics/Marker';
+import { default as _Map } from './components/map/components/Map';
+import { default as _TextMarker } from './components/map/components/features/basics/TextMarker';
+import { default as _MapLayerGroup } from './components/map/components/features/layers/MapLayerGroup';
+import { default as _Polygon } from './components/map/components/features/basics/Polygon';
+import { default as _Polyline } from './components/map/components/features/basics/Polyline';
+import { default as _Route } from './components/map/components/features/Route';
+import { default as _ClusterLayer } from './components/map/components/features/layers/clustering/ClusterLayer';
+import { default as _SimpleClusterLayer } from './components/map/components/features/layers/clustering/SimpleClusterLayer';
+import { default as _MarkerLayer } from './components/map/components/features/layers/MarkerLayer';
+import { default as _TrafficLayer } from './components/map/components/features/layers/overlayLayers/TrafficLayer';
+import { default as _TruckLayer } from './components/map/components/features/layers/overlayLayers/RoadRestrictionLayer';
+import { default as _IncidentsLayer } from './components/map/components/features/layers/overlayLayers/IncidentsLayer';
+import { default as _Circle } from './components/map/components/features/basics/Circle';
+import { default as _MapSettings } from './components/map/components/features/MapSettings';
+import { default as _MapSettingsPanel } from './components/map/components/features/settings/MapSettingsPanel';
+import { default as _MapSettingsTile } from './components/map/components/features/settings/MapSettingsTile';
+import { default as _MapClusterSettings } from './components/map/components/features/settings/builtinSettings/MapClusterSettings';
+import { default as _MapLayerSettings } from './components/map/components/features/settings/builtinSettings/MapLayerSettings';
+import { default as _MapTypeSettings } from './components/map/components/features/settings/builtinSettings/MapTypeSettings';
+import { default as _MapSettingsItem } from './components/map/components/features/settings/MapSettingsItem';
+import { default as _MapCustomerPoiSettingsItem } from './components/map/components/features/settings/items/MapCustomerPoiSettingsItem';
+import { default as _MapWorkshopPoiSettingsItem } from './components/map/components/features/settings/items/MapWorkshopPoiSettingsItem';
+import { default as _MapLayerIncidentsItem } from './components/map/components/features/settings/items/MapLayerIncidentsItem';
+import { default as _MapLayerRoadRestrictionsItem } from './components/map/components/features/settings/items/MapLayerRoadRestrictionsItem';
+import { default as _MapLayerTrafficItem } from './components/map/components/features/settings/items/MapLayerTrafficItem';
+import { default as _MapBoundingBoxButton } from './components/map/components/features/settings/buttons/MapBoundingBoxButton';
+import { default as _MapCenterMarkerButton } from './components/map/components/features/settings/buttons/MapCenterMarkerButton';
+import { default as _MapLockMarkerButton } from './components/map/components/features/settings/buttons/MapLockMarkerButton';
+import { default as _ContextMenu } from './components/map/components/features/ContextMenu';
+import { default as _ContextMenuItem } from './components/map/components/features/ContextMenuItem';
+import { EventUtils as _EventUtils } from './components/map/utils/eventHandling';
+import { ClusterUtils as _ClusterUtils } from './components/map/utils/clustering';
+export { _Marker as Marker, _Map as Map, _TextMarker as TextMarker, _MapLayerGroup as MapLayerGroup, _Polygon as Polygon, _Circle as Circle, _Polyline as Polyline, _Route as Route, _ClusterLayer as ClusterLayer, _SimpleClusterLayer as SimpleClusterLayer, _MarkerLayer as MarkerLayer, _EventUtils as EventUtils, _ClusterUtils as ClusterUtils, _TrafficLayer as TrafficLayer, _TruckLayer as TruckLayer, _IncidentsLayer as IncidentsLayer, _MapSettings as MapSettings, _MapSettingsPanel as MapSettingsPanel, _MapSettingsTile as MapSettingsTile, _MapSettingsItem as MapSettingsItem, _MapClusterSettings as MapClusterSettings, _MapLayerSettings as MapLayerSettings, _MapTypeSettings as MapTypeSettings, _MapCustomerPoiSettingsItem as MapCustomerPoiSettingsItem, _MapWorkshopPoiSettingsItem as MapWorkshopPoiSettingsItem, _MapLayerIncidentsItem as MapLayerIncidentsItem, _MapLayerRoadRestrictionsItem as MapLayerRoadRestrictionsItem, _MapLayerTrafficItem as MapLayerTrafficItem, _MapBoundingBoxButton as MapBoundingBoxButton, _MapCenterMarkerButton as MapCenterMarkerButton, _MapLockMarkerButton as MapLockMarkerButton, _ContextMenu as ContextMenu, _ContextMenuItem as ContextMenuItem, };
+export { default as SingleMapMarker } from './components/mapMarker/SingleMapMarker';
+export * from './components/mapMarker/SingleMapMarker';
+export { default as ClusterMapMarker } from './components/mapMarker/ClusterMapMarker';
+export * from './components/mapMarker/ClusterMapMarker';

package/mapIndex.js

@@ -1,20 +1,17 @@
 /* eslint-disable max-len */
-import { default as _SingleMapMarker } from './components/mapMarker/SingleMapMarker';
-import { default as _ClusterMapMarker } from './components/mapMarker/ClusterMapMarker';
-import { default as _Marker } from './components/map/components/features/basics/marker/Marker';
+import { default as _Marker } from './components/map/components/features/basics/Marker';
 import { default as _Map } from './components/map/components/Map';
-import { default as _DomMarker } from './components/map/components/features/basics/marker/DomMarker';
-import { default as _TextMarker } from './components/map/components/features/basics/marker/TextMarker';
-import { default as _MapLayerGroup } from './components/map/components/features/basics/MapLayerGroup';
+import { default as _TextMarker } from './components/map/components/features/basics/TextMarker';
+import { default as _MapLayerGroup } from './components/map/components/features/layers/MapLayerGroup';
 import { default as _Polygon } from './components/map/components/features/basics/Polygon';
 import { default as _Polyline } from './components/map/components/features/basics/Polyline';
 import { default as _Route } from './components/map/components/features/Route';
 import { default as _ClusterLayer } from './components/map/components/features/layers/clustering/ClusterLayer';
 import { default as _SimpleClusterLayer } from './components/map/components/features/layers/clustering/SimpleClusterLayer';
 import { default as _MarkerLayer } from './components/map/components/features/layers/MarkerLayer';
-import { default as _TrafficLayer } from './components/map/components/features/layers/TrafficLayer';
-import { default as _TruckLayer } from './components/map/components/features/layers/RoadRestrictionLayer';
-import { default as _IncidentsLayer } from './components/map/components/features/layers/IncidentsLayer';
+import { default as _TrafficLayer } from './components/map/components/features/layers/overlayLayers/TrafficLayer';
+import { default as _TruckLayer } from './components/map/components/features/layers/overlayLayers/RoadRestrictionLayer';
+import { default as _IncidentsLayer } from './components/map/components/features/layers/overlayLayers/IncidentsLayer';
 import { default as _Circle } from './components/map/components/features/basics/Circle';
 import { default as _MapSettings } from './components/map/components/features/MapSettings';
 import { default as _MapSettingsPanel } from './components/map/components/features/settings/MapSettingsPanel';
@@ -35,5 +32,11 @@ import { default as _ContextMenu } from './components/map/components/features/Co
 import { default as _ContextMenuItem } from './components/map/components/features/ContextMenuItem';
 import { EventUtils as _EventUtils } from './components/map/utils/eventHandling';
 import { ClusterUtils as _ClusterUtils } from './components/map/utils/clustering';
-import { PositionUtils as _PositionUtils } from './components/map/utils/positions';
-export { _Marker as Marker, _Map as Map, _DomMarker as DomMarker, _TextMarker as TextMarker, _MapLayerGroup as MapLayerGroup, _Polygon as Polygon, _Circle as Circle, _Polyline as Polyline, _Route as Route, _ClusterLayer as ClusterLayer, _SimpleClusterLayer as SimpleClusterLayer, _MarkerLayer as MarkerLayer, _EventUtils as EventUtils, _ClusterUtils as ClusterUtils, _PositionUtils as PositionUtils, _TrafficLayer as TrafficLayer, _TruckLayer as TruckLayer, _IncidentsLayer as IncidentsLayer, _MapSettings as MapSettings, _MapSettingsPanel as MapSettingsPanel, _MapSettingsTile as MapSettingsTile, _MapSettingsItem as MapSettingsItem, _MapClusterSettings as MapClusterSettings, _MapLayerSettings as MapLayerSettings, _MapTypeSettings as MapTypeSettings, _MapCustomerPoiSettingsItem as MapCustomerPoiSettingsItem, _MapWorkshopPoiSettingsItem as MapWorkshopPoiSettingsItem, _MapLayerIncidentsItem as MapLayerIncidentsItem, _MapLayerRoadRestrictionsItem as MapLayerRoadRestrictionsItem, _MapLayerTrafficItem as MapLayerTrafficItem, _MapBoundingBoxButton as MapBoundingBoxButton, _MapCenterMarkerButton as MapCenterMarkerButton, _MapLockMarkerButton as MapLockMarkerButton, _ContextMenu as ContextMenu, _ContextMenuItem as ContextMenuItem, _SingleMapMarker as SingleMapMarker, _ClusterMapMarker as ClusterMapMarker, };
+// import { PositionUtils as _PositionUtils } from './components/map/utils/positions';
+export { _Marker as Marker, _Map as Map, _TextMarker as TextMarker, _MapLayerGroup as MapLayerGroup, _Polygon as Polygon, _Circle as Circle, _Polyline as Polyline, _Route as Route, _ClusterLayer as ClusterLayer, _SimpleClusterLayer as SimpleClusterLayer, _MarkerLayer as MarkerLayer, _EventUtils as EventUtils, _ClusterUtils as ClusterUtils, 
+// _PositionUtils as PositionUtils,
+_TrafficLayer as TrafficLayer, _TruckLayer as TruckLayer, _IncidentsLayer as IncidentsLayer, _MapSettings as MapSettings, _MapSettingsPanel as MapSettingsPanel, _MapSettingsTile as MapSettingsTile, _MapSettingsItem as MapSettingsItem, _MapClusterSettings as MapClusterSettings, _MapLayerSettings as MapLayerSettings, _MapTypeSettings as MapTypeSettings, _MapCustomerPoiSettingsItem as MapCustomerPoiSettingsItem, _MapWorkshopPoiSettingsItem as MapWorkshopPoiSettingsItem, _MapLayerIncidentsItem as MapLayerIncidentsItem, _MapLayerRoadRestrictionsItem as MapLayerRoadRestrictionsItem, _MapLayerTrafficItem as MapLayerTrafficItem, _MapBoundingBoxButton as MapBoundingBoxButton, _MapCenterMarkerButton as MapCenterMarkerButton, _MapLockMarkerButton as MapLockMarkerButton, _ContextMenu as ContextMenu, _ContextMenuItem as ContextMenuItem, };
+export { default as SingleMapMarker } from './components/mapMarker/SingleMapMarker';
+export * from './components/mapMarker/SingleMapMarker';
+export { default as ClusterMapMarker } from './components/mapMarker/ClusterMapMarker';
+export * from './components/mapMarker/ClusterMapMarker';

package/mapTypes.d.ts

@@ -0,0 +1 @@
+export * from './components/map/utils/mapTypes';

package/mapTypes.js

@@ -0,0 +1 @@
+export * from './components/map/utils/mapTypes';

package/package.json

@@ -1,15 +1,15 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "0.16.4-beta.7",
+    "version": "1.0.0",
     "description": "The RIO UIKIT component library",
-    "repository": "https://collaboration.msi.audi.com/stash/projects/RIOFRONT/repos/uikit-web/browse",
+    "repository": "https://bitbucket.collaboration-man.com/projects/RIOFRONT/repos/uikit-web/browse",
     "scripts": {
         "build": "npm run build:font && npm run build:styles && npm run build:vite && npm run format-code && echo '\n👉 For an npm release use build:npm 👈'",
-        "build:npm": "npm run build:cjs && npm run build:esm && npm run copy-to-package && npm run fixEsmImports && echo '\n📦 Publish to npm only from within 'package' folder 📦'",
-        "build:cjs": "tsc -p tsconfig.cjs.json && copyfiles --up 1 src/*.d.ts src/version.json src/styles/variables/colors.json package/lib/es",
-        "build:esm": "tsc -p tsconfig.esm.json && copyfiles --up 1 src/*.d.ts src/version.json src/styles/variables/colors.json package",
+        "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": "tsc -p tsconfig.cjs.json && copyfiles --up 1 src/*.d.ts src/version.json src/styles/variables/colors/colors.json package/lib/es",
+        "build:esm": "tsc -p tsconfig.esm.json && copyfiles --up 1 src/*.d.ts src/version.json src/styles/variables/colors/colors.json package",
         "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: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-traton && 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",
@@ -19,9 +19,9 @@
         "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-traton": "vite build --mode style-traton",
         "build:style-xmas": "vite build --mode style-xmas",
-        "build:font": "svgo -f webfont/rioglyph-export && vite build --mode font",
-        "fixEsmImports": "node tools/fixEsmImportsInDeclarations.mjs",
+        "build:font": "svgo -f webfont/svgs && vite build --mode font",
         "fixCssMinified": "node tools/fixCssMinified.mjs",
         "format-code": "npm run format-code:uikit && npm run format-code:demo",
         "format-code:uikit": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,md}\"",
@@ -39,93 +39,77 @@
     },
     "author": "TB Digital Services GmbH",
     "license": "Apache-2.0",
-    "main": "./lib/es/index.js",
-    "module": "./index.js",
-    "types": "./lib/es/index.d.ts",
+    "main": "lib/es/index.js",
+    "module": "index.js",
+    "types": "index.d.ts",
     "less": "./styles/css/rio-uikit.less",
-    "files": [
-        "**/*.*"
-    ],
+    "files": ["**/*.*"],
     "devDependencies": {
-        "@react-email/body": "0.0.3",
-        "@react-email/button": "0.0.10",
-        "@react-email/column": "0.0.7",
-        "@react-email/container": "0.0.8",
-        "@react-email/font": "0.0.3",
-        "@react-email/head": "0.0.5",
-        "@react-email/heading": "0.0.8",
-        "@react-email/hr": "0.0.5",
-        "@react-email/html": "0.0.4",
-        "@react-email/img": "0.0.5",
-        "@react-email/link": "0.0.5",
-        "@react-email/preview": "0.0.6",
-        "@react-email/render": "0.0.7",
-        "@react-email/row": "0.0.5",
-        "@react-email/section": "0.0.9",
-        "@react-email/text": "0.0.5",
-        "@testing-library/dom": "9.3.1",
+        "@testing-library/dom": "9.3.3",
         "@testing-library/jest-dom": "5.17.0",
         "@testing-library/react": "12.1.5",
-        "@testing-library/user-event": "14.4.3",
-        "@types/lodash": "4.14.196",
-        "@types/react": "18.2.18",
-        "@types/react-redux": "7.1.25",
-        "@types/resize-observer-browser": "0.1.7",
-        "@typescript-eslint/eslint-plugin": "6.2.1",
-        "@typescript-eslint/parser": "6.2.1",
-        "@vitejs/plugin-react": "4.0.4",
+        "@testing-library/user-event": "14.5.1",
+        "@types/heremaps": "3.1.14",
+        "@types/lodash": "4.14.202",
+        "@types/react": "18.2.42",
+        "@types/react-dom": "18.2.17",
+        "@types/react-input-mask": "3.0.5",
+        "@types/react-redux": "7.1.32",
+        "@types/resize-observer-browser": "0.1.11",
+        "@typescript-eslint/eslint-plugin": "6.13.2",
+        "@typescript-eslint/parser": "6.13.2",
+        "@vitejs/plugin-react": "4.2.1",
         "@vitest/coverage-c8": "0.33.0",
-        "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
-        "autoprefixer": "10.4.14",
+        "autoprefixer": "10.4.16",
         "backstopjs": "6.2.2",
         "copyfiles": "2.4.1",
         "dotenv": "16.3.1",
-        "enzyme": "3.11.0",
-        "enzyme-adapter-react-16": "1.15.7",
-        "eslint": "8.46.0",
-        "eslint-config-prettier": "8.10.0",
-        "eslint-plugin-compat": "3.13.0",
+        "eslint": "8.55.0",
+        "eslint-config-prettier": "9.1.0",
+        "eslint-plugin-compat": "4.2.0",
         "eslint-plugin-getsentry": "2.0.0",
-        "eslint-plugin-import": "2.28.0",
+        "eslint-plugin-import": "2.29.0",
         "eslint-plugin-prefer-arrow": "1.2.3",
-        "eslint-plugin-prettier": "5.0.0",
-        "eslint-plugin-react": "7.33.1",
+        "eslint-plugin-prettier": "5.0.1",
+        "eslint-plugin-react": "7.33.2",
         "eslint-plugin-react-hooks": "4.6.0",
         "jsdom": "22.1.0",
         "jsdom-global": "3.0.2",
-        "less": "4.1.3",
+        "less": "4.2.0",
         "license-checker": "25.0.1",
-        "postcss": "8.4.27",
+        "postcss": "8.4.32",
         "postcss-preset-env": "8.5.1",
         "postcss-short": "5.0.0",
         "postcss-variable-compress": "2.1.0",
         "pre-commit": "1.2.2",
-        "prettier": "3.0.1",
+        "prettier": "3.1.0",
         "react": "17.0.2",
         "react-dom": "17.0.2",
-        "react-intl": "6.4.4",
-        "rollup-plugin-copy": "3.4.0",
+        "react-intl": "6.5.5",
+        "rollup-plugin-copy": "3.5.0",
         "strip-ansi": "7.1.0",
-        "svgo": "3.0.2",
+        "svgo": "3.0.5",
+        "tiny-invariant": "1.3.1",
         "typescript": "4.9.5",
-        "vite": "4.4.8",
+        "vite": "4.5.0",
         "vite-plugin-zip-pack": "1.0.6",
-        "vitest": "0.34.1",
+        "vitest": "1.0.1",
         "webfonts-generator": "github:rio-cloud/webfonts-generator#f666e60803da9155175a7f1775e09671d47a383b"
     },
     "peerDependencies": {
-        "react": ">=17.0.0",
+        "react": "^17.0.0 || ^18.0.0",
         "react-dom": ">=17.0.0"
     },
     "dependencies": {
-        "@dnd-kit/core": "6.0.8",
+        "@dnd-kit/core": "6.1.0",
         "@dnd-kit/modifiers": "6.0.1",
         "@dnd-kit/sortable": "7.0.2",
+        "@formkit/auto-animate": "0.8.1",
         "@popperjs/core": "2.11.8",
         "classnames": "2.3.2",
-        "dom-helpers": "5.2.1",
         "events": "3.3.0",
         "framer-motion": "4.1.17",
+        "iframe-resizer-react": "1.1.0",
         "lodash": "4.17.21",
         "moment": "2.29.4",
         "natural-orderby": "2.0.3",
@@ -133,6 +117,7 @@
         "prop-types": "15.8.1",
         "react-bootstrap": "1.6.4",
         "react-content-loader": "6.2.1",
+        "react-custom-scrollbars-2": "^4.5.0",
         "react-datetime": "github:rio-cloud/react-datetime#v3.1.1-1-merged",
         "react-dropzone": "14.2.3",
         "react-input-mask": "3.0.0-alpha.2",
@@ -141,11 +126,9 @@
         "react-popper": "2.3.0",
         "react-responsive": "9.0.2",
         "react-shadow-root": "6.2.0",
-        "react-transition-group": "4.4.5",
-        "recharts": "2.7.2",
-        "tslib": "2.6.1"
+        "recharts": "2.10.3",
+        "tslib": "2.6.2"
     },
-    "pre-commit": [
-        "format-code"
-    ]
-}
+    "pre-commit": ["format-code"],
+    "browserslist": ["> 0.5%", "Firefox ESR", "not dead"]
+}

package/routeUtils.d.ts

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

package/routeUtils.js

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

package/styles/variables/colors/colors.json

@@ -0,0 +1,74 @@
+{
+    "always-color-white": "#ffffff",
+    "always-color-black": "#000000",
+    "color-white": "#ffffff",
+    "color-black": "#000000",
+    "gray-darkest": "#2a3740",
+    "gray-darker": "#4C5667",
+    "gray-dark": "#697A8B",
+    "gray": "#A7AFBB",
+    "gray-light": "#D0D8DE",
+    "gray-lighter": "#E5EBF0",
+    "gray-lightest": "#f6f8f9",
+    "gray-decent": "#fdfdfd",
+    "brand-primary": "#30b4c0",
+    "brand-secondary": "#b23672",
+    "brand-primary-decent": "#f4fbfc",
+    "brand-secondary-decent": "#fbf5f8",
+    "brand-info": "#4B80A6",
+    "brand-success": "#5cb85c",
+    "brand-warning": "#ff8e3c",
+    "brand-danger": "#d90000",
+    "brand-info-decent": "#f5f8fb",
+    "brand-success-decent": "#f6fbf5",
+    "brand-warning-decent": "#fdf5f0",
+    "brand-danger-decent": "#fdf3f3",
+    "color-code": "#f3f3f4",
+    "color-status-available": "#239b7d",
+    "color-status-driving": "#3690ae",
+    "color-status-resting": "#626b72",
+    "color-status-working": "#94488b",
+    "color-map-marker-active": "#ffffff",
+    "color-map-marker-asset": "#2a3740",
+    "color-map-marker-poi": "#b23672",
+    "color-map-marker-geofence": "#5a4876",
+    "color-map-marker-route": "#3690ae",
+    "color-map-marker-text": "#ffffff",
+    "color-map-marker-active-night": "#ededed",
+    "color-map-marker-asset-night": "#6e757a",
+    "color-map-marker-poi-night": "#b23672",
+    "color-map-marker-geofence-night": "#79619f",
+    "color-map-marker-route-night": "#3b9fc1",
+    "color-map-marker-text-night": "#ededed",
+    "color-rating-1": "#d90000",
+    "color-rating-2": "#ff8e3c",
+    "color-rating-3": "#f8c575",
+    "color-rating-4": "#5cb85c",
+    "color-rating-5": "#4b924c",
+    "color-highlight-darkest": "#154b56",
+    "color-highlight-darker": "#206e7e",
+    "color-highlight-dark": "#268897",
+    "color-highlight": "#30b4c0",
+    "color-highlight-light": "#8ddbe3",
+    "color-highlight-lighter": "#cef0f3",
+    "color-highlight-lightest": "#ebf9fa",
+    "color-highlight-decent": "#f3fbfc",
+    "color-coldplay-wine": "#520D4E",
+    "color-coldplay-aubergine": "#5a4876",
+    "color-coldplay-kashmir": "#536E8B",
+    "color-coldplay-fountain": "#67abc5",
+    "color-coldplay-turquoise": "#4ECCC1",
+    "color-coldplay-bermuda": "#79D4B3",
+    "color-coldplay-moos": "#A1DAA3",
+    "color-coldplay-primrose": "#C7E291",
+    "color-coldplay-khaki": "#F0EB83",
+    "color-warmup-crimson": "#31144F",
+    "color-warmup-victoria": "#493D6D",
+    "color-warmup-cadillac": "#7E3E72",
+    "color-warmup-raspberry": "#B23672",
+    "color-warmup-cerise": "#E72472",
+    "color-warmup-charm": "#C9778D",
+    "color-warmup-salmon": "#F19588",
+    "color-warmup-cherokee": "#F5BB89",
+    "color-warmup-corn": "#FDE082"
+}

package/themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.d.ts

@@ -1,3 +1,29 @@
-export const VolkswagenApplicationHeader: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';
+import type { ApplicationHeaderProps } from '../../../../ApplicationHeader';
+export type ModuleProps = {
+    key: string;
+    route: React.ReactNode;
+};
+export type VolkswagenApplicationHeaderProps = ApplicationHeaderProps & {
+    homeRoute?: React.ReactNode;
+    appMenuItems?: ModuleProps[];
+    appNavigator?: React.ReactNode;
+    appNavigatorClassName?: string;
+    navItems?: ModuleProps[];
+    actionBarItems?: React.ReactNode[];
+    onMount?: VoidFunction;
+    onUnmount?: VoidFunction;
+    className?: string;
+};
+export declare const VolkswagenApplicationHeader: React.ForwardRefExoticComponent<ApplicationHeaderProps & {
+    homeRoute?: React.ReactNode;
+    appMenuItems?: ModuleProps[] | undefined;
+    appNavigator?: React.ReactNode;
+    appNavigatorClassName?: string | undefined;
+    navItems?: ModuleProps[] | undefined;
+    actionBarItems?: React.ReactNode[] | undefined;
+    onMount?: VoidFunction | undefined;
+    onUnmount?: VoidFunction | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLElement>>;
 export default VolkswagenApplicationHeader;
-import React from "react";

package/themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.js

@@ -1,39 +1,13 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useRef, forwardRef, useCallback, useImperativeHandle } from 'react';
-import PropTypes from 'prop-types';
+// @ts-ignore-next-line importsNotUsedAsValues
+import { forwardRef } from 'react';
 import isEmpty from 'lodash/fp/isEmpty';
 import classNames from 'classnames';
 import ApplicationActionBar from '../../../../components/applicationHeader/ApplicationActionBar';
-import useResizeObserver from '../../../../hooks/useResizeObserver';
-import modulePropTypes from './modulePropTypes';
 export const VolkswagenApplicationHeader = forwardRef((props, ref) => {
-    const { homeRoute, className, appNavigator, appNavigatorClassName, appMenuItems, navItems, actionBarItems } = props, remainingProps = __rest(props, ["homeRoute", "className", "appNavigator", "appNavigatorClassName", "appMenuItems", "navItems", "actionBarItems"]);
-    const actionBarRef = useRef();
-    const [navRef, { contentRect }] = useResizeObserver();
-    useImperativeHandle(ref, () => navRef, []);
-    // const getContentRect = useCallback(key => contentRect && Math.round(contentRect[key]), [contentRect]);
-    // const containerWidth = getContentRect('width') || 0;
-    // const isMobileWidth = containerWidth <= MOBILE_MAX_WIDTH;
-    // const hasActionBarItems = !isEmpty(actionBarItems);
+    const { homeRoute = '', appNavigator, appNavigatorClassName, appMenuItems, navItems = [], actionBarItems = [], onMount = () => { }, onUnmount = () => { }, className = '' } = props, remainingProps = __rest(props, ["homeRoute", "appNavigator", "appNavigatorClassName", "appMenuItems", "navItems", "actionBarItems", "onMount", "onUnmount", "className"]);
     const wrapperClassNames = classNames('ApplicationHeader VolkswagenApplicationHeader', 'user-select-none', className && className);
-    return (_jsx("nav", Object.assign({}, remainingProps, { className: wrapperClassNames, ref: navRef }, { children: _jsxs("div", Object.assign({ className: 'width-100pct' }, { children: [_jsx("div", Object.assign({ className: 'brand' }, { children: _jsx("div", Object.assign({ className: 'logo' }, { children: homeRoute })) })), isEmpty(navItems) && _jsx("ul", { className: 'SubmoduleNavigation nav' }), !isEmpty(navItems) && (_jsx("ul", Object.assign({ className: 'SubmoduleNavigation nav' }, { children: navItems.map(navItem => (_jsx("li", Object.assign({ className: 'submodule', "data-nav-item-key": navItem.key }, { children: navItem.route }), navItem.key))) }))), _jsx(ApplicationActionBar, { nodeRef: actionBarRef, items: actionBarItems })] })) })));
+    return (_jsx("nav", Object.assign({}, remainingProps, { className: wrapperClassNames, ref: ref }, { children: _jsxs("div", Object.assign({ className: 'width-100pct' }, { children: [_jsx("div", Object.assign({ className: 'brand' }, { children: _jsx("div", Object.assign({ className: 'logo' }, { children: homeRoute })) })), isEmpty(navItems) && _jsx("ul", { className: 'SubmoduleNavigation nav' }), !isEmpty(navItems) && (_jsx("ul", Object.assign({ className: 'SubmoduleNavigation nav' }, { children: navItems.map(navItem => (_jsx("li", Object.assign({ className: 'submodule', "data-nav-item-key": navItem.key }, { children: navItem.route }), navItem.key))) }))), _jsx(ApplicationActionBar, { items: actionBarItems })] })) })));
 });
 export default VolkswagenApplicationHeader;
-VolkswagenApplicationHeader.defaultProps = {
-    homeRoute: '',
-    actionBarItems: [],
-    onMount: () => { },
-    onUnmount: () => { },
-};
-VolkswagenApplicationHeader.propTypes = {
-    className: PropTypes.string,
-    homeRoute: PropTypes.node.isRequired,
-    appMenuItems: PropTypes.arrayOf(modulePropTypes),
-    appNavigator: PropTypes.node,
-    appNavigatorClassName: PropTypes.string,
-    navItems: PropTypes.arrayOf(modulePropTypes),
-    actionBarItems: PropTypes.arrayOf(PropTypes.node),
-    onMount: PropTypes.func,
-    onUnmount: PropTypes.func,
-};