@rio-cloud/rio-uikit 0.16.3 → 0.16.4-beta.10

package/package.json

@@ -1,145 +1,151 @@
-{
-    "name": "@rio-cloud/rio-uikit",
-    "version": "0.16.3",
-    "description": "The RIO UIKIT component library",
-    "repository": "https://collaboration.msi.audi.com/stash/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": "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: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 && npm run fixCssMinified",
-        "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",
-        "build:font": "svgo -f webfont/rioglyph-export && vite build --mode font",
-        "fixEsmImports": "node tools/fixEsmImportsInDeclarations.mjs",
-        "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}\"",
-        "format-code:demo": "prettier --write \"uikit-demo/src/**/*.{js,jsx,ts,tsx,json,md}\"",
-        "copy-to-package": "copyfiles package.json README.md LICENSE package",
-        "test": "vitest run",
-        "test:ci": "vitest run --reporter=junit --outputFile.junit=./results/jest/junit.xml",
-        "test-dev": "vitest",
-        "test:ui": "node tools/testUI.js && backstop reference --config='test/backstop/config.js' && backstop test --config='test/backstop/config.js'",
-        "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"
-    },
-    "author": "TB Digital Services GmbH",
-    "license": "Apache-2.0",
-    "main": "./lib/es/index.js",
-    "module": "./index.js",
-    "types": "./lib/es/index.d.ts",
-    "less": "./styles/css/rio-uikit.less",
-    "files": [
-        "**/*.*"
-    ],
-    "devDependencies": {
-        "@babel/cli": "7.21.0",
-        "@babel/core": "7.21.4",
-        "@babel/eslint-parser": "7.21.3",
-        "@babel/plugin-proposal-class-properties": "7.18.6",
-        "@babel/plugin-proposal-object-rest-spread": "7.20.7",
-        "@babel/plugin-syntax-dynamic-import": "7.8.3",
-        "@babel/plugin-transform-modules-commonjs": "7.21.2",
-        "@babel/plugin-transform-react-display-name": "7.18.6",
-        "@babel/plugin-transform-react-jsx": "7.21.0",
-        "@babel/plugin-transform-runtime": "7.21.4",
-        "@babel/preset-env": "7.21.4",
-        "@babel/preset-react": "7.18.6",
-        "@babel/runtime": "7.21.0",
-        "@testing-library/jest-dom": "5.16.5",
-        "@testing-library/react": "12.1.5",
-        "@testing-library/user-event": "13.5.0",
-        "@types/lodash": "4.14.192",
-        "@types/react": "18.0.35",
-        "@types/react-redux": "7.1.25",
-        "@types/resize-observer-browser": "0.1.7",
-        "@typescript-eslint/eslint-plugin": "5.58.0",
-        "@typescript-eslint/parser": "5.58.0",
-        "@vitejs/plugin-react": "3.1.0",
-        "@vitest/coverage-c8": "0.30.1",
-        "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
-        "autoprefixer": "10.4.14",
-        "backstopjs": "6.2.1",
-        "copyfiles": "2.4.1",
-        "dotenv": "16.0.3",
-        "enzyme": "3.11.0",
-        "enzyme-adapter-react-16": "1.15.7",
-        "eslint": "8.38.0",
-        "eslint-config-prettier": "8.8.0",
-        "eslint-plugin-compat": "4.1.4",
-        "eslint-plugin-getsentry": "2.0.0",
-        "eslint-plugin-import": "2.27.5",
-        "eslint-plugin-prefer-arrow": "1.2.3",
-        "eslint-plugin-prettier": "4.2.1",
-        "eslint-plugin-react": "7.32.2",
-        "eslint-plugin-react-hooks": "4.6.0",
-        "jsdom": "21.1.1",
-        "jsdom-global": "3.0.2",
-        "less": "4.1.3",
-        "license-checker": "25.0.1",
-        "postcss": "^8.4.21",
-        "postcss-preset-env": "8.3.1",
-        "postcss-short": "5.0.0",
-        "postcss-variable-compress": "2.1.0",
-        "pre-commit": "^1.2.2",
-        "prettier": "2.8.7",
-        "react": "17.0.2",
-        "react-dom": "17.0.2",
-        "react-intl": "6.3.2",
-        "rollup-plugin-copy": "^3.4.0",
-        "strip-ansi": "7.0.1",
-        "svgo": "^3.0.2",
-        "typescript": "4.9.5",
-        "vite": "4.2.1",
-        "vite-plugin-zip-pack": "^1.0.5",
-        "vitest": "0.30.1",
-        "webfonts-generator": "github:rio-cloud/webfonts-generator#f666e60803da9155175a7f1775e09671d47a383b"
-    },
-    "peerDependencies": {
-        "react": ">=17.0.0",
-        "react-dom": ">=17.0.0"
-    },
-    "dependencies": {
-        "@dnd-kit/core": "6.0.8",
-        "@dnd-kit/modifiers": "6.0.1",
-        "@dnd-kit/sortable": "7.0.2",
-        "@popperjs/core": "2.11.7",
-        "classnames": "2.3.2",
-        "dom-helpers": "5.2.1",
-        "events": "3.3.0",
-        "framer-motion": "4.1.17",
-        "lodash": "4.17.21",
-        "moment": "2.29.4",
-        "natural-orderby": "2.0.3",
-        "process": "0.11.10",
-        "prop-types": "15.8.1",
-        "react-bootstrap": "1.6.4",
-        "react-content-loader": "6.2.1",
-        "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",
-        "react-notifications": "1.7.4",
-        "react-onclickoutside": "6.13.0",
-        "react-popper": "2.3.0",
-        "react-responsive": "9.0.2",
-        "react-transition-group": "4.4.5",
-        "recharts": "2.5.0"
-    },
-    "pre-commit": [
-        "format-code"
-    ]
-}
+{
+    "name": "@rio-cloud/rio-uikit",
+    "version": "0.16.4-beta.10",
+    "description": "The RIO UIKIT component library",
+    "repository": "https://collaboration.msi.audi.com/stash/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: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 && npm run fixCssMinified",
+        "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",
+        "build:font": "svgo -f webfont/rioglyph-export && vite build --mode font",
+        "fixEsmImports": "node tools/fixEsmImportsInDeclarations.mjs",
+        "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}\"",
+        "format-code:demo": "prettier --write \"uikit-demo/src/**/*.{js,jsx,ts,tsx,json,md}\"",
+        "copy-to-package": "copyfiles package.json README.md LICENSE package",
+        "test": "vitest run",
+        "test:ci": "vitest run --reporter=junit --outputFile.junit=./results/jest/junit.xml",
+        "test-dev": "vitest",
+        "test:ui": "node tools/testUI.js && backstop reference --config='test/backstop/config.js' && backstop test --config='test/backstop/config.js'",
+        "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"
+    },
+    "author": "TB Digital Services GmbH",
+    "license": "Apache-2.0",
+    "main": "./lib/es/index.js",
+    "module": "./index.js",
+    "types": "./lib/es/index.d.ts",
+    "less": "./styles/css/rio-uikit.less",
+    "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/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",
+        "@vitest/coverage-c8": "0.33.0",
+        "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
+        "autoprefixer": "10.4.14",
+        "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-plugin-getsentry": "2.0.0",
+        "eslint-plugin-import": "2.28.0",
+        "eslint-plugin-prefer-arrow": "1.2.3",
+        "eslint-plugin-prettier": "5.0.0",
+        "eslint-plugin-react": "7.33.1",
+        "eslint-plugin-react-hooks": "4.6.0",
+        "jsdom": "22.1.0",
+        "jsdom-global": "3.0.2",
+        "less": "4.1.3",
+        "license-checker": "25.0.1",
+        "postcss": "8.4.27",
+        "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",
+        "react": "17.0.2",
+        "react-dom": "17.0.2",
+        "react-intl": "6.4.4",
+        "rollup-plugin-copy": "3.4.0",
+        "strip-ansi": "7.1.0",
+        "svgo": "3.0.2",
+        "typescript": "4.9.5",
+        "vite": "4.4.8",
+        "vite-plugin-zip-pack": "1.0.6",
+        "vitest": "0.34.1",
+        "webfonts-generator": "github:rio-cloud/webfonts-generator#f666e60803da9155175a7f1775e09671d47a383b"
+    },
+    "peerDependencies": {
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+    },
+    "dependencies": {
+        "@dnd-kit/core": "6.0.8",
+        "@dnd-kit/modifiers": "6.0.1",
+        "@dnd-kit/sortable": "7.0.2",
+        "@popperjs/core": "2.11.8",
+        "classnames": "2.3.2",
+        "dom-helpers": "5.2.1",
+        "events": "3.3.0",
+        "framer-motion": "4.1.17",
+        "lodash": "4.17.21",
+        "moment": "2.29.4",
+        "natural-orderby": "2.0.3",
+        "process": "0.11.10",
+        "prop-types": "15.8.1",
+        "react-bootstrap": "1.6.4",
+        "react-content-loader": "6.2.1",
+        "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",
+        "react-notifications": "1.7.4",
+        "react-onclickoutside": "6.13.0",
+        "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"
+    },
+    "pre-commit": [
+        "format-code"
+    ]
+}

package/routeUtils.d.ts

@@ -0,0 +1,5 @@
+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 };

package/routeUtils.js

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

package/styles/variables/colors.json

@@ -1,74 +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": "@brand-primary",
-    "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"
-}
+{
+	"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

@@ -0,0 +1,3 @@
+export const VolkswagenApplicationHeader: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export default VolkswagenApplicationHeader;
+import React from "react";

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

@@ -1,78 +1,39 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["homeRoute", "className", "appNavigator", "appNavigatorClassName", "appMenuItems", "navItems", "actionBarItems"];
-import React, { useState, useRef, forwardRef, useCallback, useImperativeHandle } from 'react';
-import PropTypes from 'prop-types';
-import isEmpty from 'lodash/fp/isEmpty';
-import classname from 'classnames';
-import { ApplicationActionBar } from '../../../../components/applicationHeader/ApplicationActionBar';
-import useResizeObserver from '../../../../hooks/useResizeObserver';
-import modulePropTypes from './modulePropTypes';
-export var VolkswagenApplicationHeader = /*#__PURE__*/forwardRef(function (props, ref) {
-  var homeRoute = props.homeRoute,
-    className = props.className,
-    appNavigator = props.appNavigator,
-    appNavigatorClassName = props.appNavigatorClassName,
-    appMenuItems = props.appMenuItems,
-    navItems = props.navItems,
-    actionBarItems = props.actionBarItems,
-    remainingProps = _objectWithoutProperties(props, _excluded);
-  var actionBarRef = useRef();
-  var _useResizeObserver = useResizeObserver(),
-    _useResizeObserver2 = _slicedToArray(_useResizeObserver, 2),
-    navRef = _useResizeObserver2[0],
-    contentRect = _useResizeObserver2[1].contentRect;
-  useImperativeHandle(ref, function () {
-    return 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);
-
-  var classNames = classname('ApplicationHeader VolkswagenApplicationHeader', 'user-select-none', className && className);
-  return /*#__PURE__*/React.createElement("nav", _extends({}, remainingProps, {
-    className: classNames,
-    ref: navRef
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "width-100pct"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "brand"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "logo"
-  }, homeRoute)), isEmpty(navItems) && /*#__PURE__*/React.createElement("ul", {
-    className: "SubmoduleNavigation nav"
-  }), !isEmpty(navItems) && /*#__PURE__*/React.createElement("ul", {
-    className: "SubmoduleNavigation nav"
-  }, navItems.map(function (navItem) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: navItem.key,
-      className: "submodule",
-      "data-nav-item-key": navItem.key
-    }, navItem.route);
-  })), /*#__PURE__*/React.createElement(ApplicationActionBar, {
-    nodeRef: actionBarRef,
-    items: actionBarItems
-  })));
-});
-export default VolkswagenApplicationHeader;
-VolkswagenApplicationHeader.defaultProps = {
-  homeRoute: '',
-  actionBarItems: [],
-  onMount: function onMount() {},
-  onUnmount: function 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
-};
+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';
+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 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 })] })) })));
+});
+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,
+};

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

@@ -0,0 +1,6 @@
+declare const _default: PropTypes.Requireable<PropTypes.InferProps<{
+    key: PropTypes.Validator<string>;
+    route: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+}>>;
+export default _default;
+import PropTypes from "prop-types";