@rio-cloud/rio-uikit 1.7.1 → 1.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "1.7.1",
+    "version": "1.9.0",
     "description": "The RIO UIKIT component library",
     "repository": {
         "type": "git",
@@ -27,8 +27,10 @@
         "build:rioglyph": "svgo -f rioglyph/svgs && vite build --mode rioglyph",
         "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}\"",
+        "format-code:uikit": "biome format --write src",
+        "format-code:demo": "biome format --write uikit-demo",
+        "lint": "biome check src",
+        "lint-fix": "biome check src --write",
         "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",
@@ -36,9 +38,7 @@
         "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"
+        "license-check": "license-checker --production --json --onlyAllow \"`cat whitelist.txt`\" --excludePackages \"@rio-cloud/rio-uikit\" --out licenses.txt"
     },
     "author": "TB Digital Services GmbH",
     "license": "Apache-2.0",
@@ -46,47 +46,47 @@
     "module": "index.js",
     "types": "index.d.ts",
     "less": "./styles/css/rio-uikit.less",
-    "files": ["**/*.*"],
+    "files": [
+        "**/*.*"
+    ],
+    "exports": {
+        ".": {
+            "import": "./index.js",
+            "types": "./index.d.ts"
+        },
+        "./*": {
+            "import": "./*.js",
+            "types": "./*.d.ts"
+        }
+    },
     "devDependencies": {
+        "@biomejs/biome": "2.0.5",
         "@testing-library/dom": "10.4.0",
         "@testing-library/jest-dom": "6.6.3",
-        "@testing-library/react": "16.2.0",
+        "@testing-library/react": "16.3.0",
         "@testing-library/react-hooks": "8.0.1",
         "@testing-library/user-event": "14.6.1",
         "@types/heremaps": "3.1.14",
-        "@types/lodash": "4.17.14",
-        "@types/qs": "6.9.18",
+        "@types/lodash": "4.17.18",
+        "@types/qs": "6.14.0",
         "@types/react": "18.3.18",
         "@types/react-dom": "18.3.5",
-        "@types/react-input-mask": "3.0.6",
         "@types/react-redux": "7.1.34",
         "@types/resize-observer-browser": "0.1.11",
-        "@typescript-eslint/eslint-plugin": "6.13.2",
-        "@typescript-eslint/parser": "6.13.2",
-        "@vitejs/plugin-react": "4.3.4",
+        "@vitejs/plugin-react": "4.6.0",
         "@vitest/coverage-c8": "0.33.0",
-        "autoprefixer": "10.4.20",
+        "autoprefixer": "10.4.21",
         "backstopjs": "6.3.25",
         "copyfiles": "2.4.1",
-        "dotenv": "16.4.7",
-        "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.31.0",
-        "eslint-plugin-prefer-arrow": "1.2.3",
-        "eslint-plugin-prettier": "5.2.3",
-        "eslint-plugin-react": "7.37.4",
-        "eslint-plugin-react-hooks": "4.6.2",
-        "jsdom": "26.0.0",
+        "dotenv": "16.5.0",
+        "jsdom": "26.1.0",
         "jsdom-global": "3.0.2",
-        "less": "4.2.2",
+        "less": "4.3.0",
         "license-checker": "25.0.1",
-        "postcss": "8.5.1",
+        "postcss": "8.5.6",
         "postcss-preset-env": "8.5.1",
         "postcss-short": "5.0.0",
         "pre-commit": "1.2.2",
-        "prettier": "3.4.2",
         "react": "18.0.0",
         "react-dom": "18.0.0",
         "react-intl": "6.6.8",
@@ -94,10 +94,11 @@
         "strip-ansi": "7.1.0",
         "svgo": "3.3.2",
         "tiny-invariant": "1.3.3",
-        "typescript": "5.7.3",
-        "vite": "6.0.11",
+        "typescript": "5.8.3",
+        "vite": "6.3.5",
         "vite-plugin-zip-pack": "1.2.4",
-        "vitest": "3.0.4"
+        "vitest": "3.2.4",
+        "vitest-fetch-mock": "^0.4.5"
     },
     "peerDependencies": {
         "react": "^18.0.0 || ^19.0.0",
@@ -109,8 +110,9 @@
         "@dnd-kit/sortable": "7.0.2",
         "@formkit/auto-animate": "0.8.2",
         "@popperjs/core": "2.11.8",
+        "@tanstack/react-virtual": "^3.13.11",
         "classnames": "2.5.1",
-        "driver.js": "1.3.1",
+        "driver.js": "1.3.6",
         "events": "3.3.0",
         "framer-motion": "4.1.17",
         "iframe-resizer-react": "1.1.0",
@@ -124,19 +126,25 @@
         "react-content-loader": "7.0.2",
         "react-custom-scrollbars-2": "4.5.0",
         "react-datetime": "github:rio-cloud/react-datetime#v3.1.1-1-merged",
-        "react-dropzone": "14.3.5",
-        "react-input-mask": "3.0.0-alpha.2",
+        "react-dropzone": "14.3.8",
+        "react-imask": "7.6.1",
         "react-notifications": "1.7.4",
-        "react-onclickoutside": "6.13.1",
+        "react-onclickoutside": "6.13.2",
         "react-popper": "2.3.0",
         "react-shadow-root": "6.2.0",
-        "react-toastify": "11.0.3",
-        "recharts": "2.15.0",
+        "react-toastify": "11.0.5",
+        "recharts": "2.15.3",
         "tslib": "2.8.1"
     },
     "overrides": {
         "iframe-resizer": "4.3.11"
     },
-    "pre-commit": ["format-code"],
-    "browserslist": ["> 0.5%", "Firefox ESR", "not dead"]
+    "pre-commit": [
+        "format-code"
+    ],
+    "browserslist": [
+        "> 0.5%",
+        "Firefox ESR",
+        "not dead"
+    ]
 }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-ignore-next-line importsNotUsedAsValues
+// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains
 import { forwardRef } from 'react';
 import isEmpty from 'lodash/fp/isEmpty';
 import classNames from 'classnames';

package/useIsFocusWithin.d.ts

@@ -0,0 +1,2 @@
+export { default } from './hooks/useIsFocusWithin';
+export * from './hooks/useIsFocusWithin';

package/useIsFocusWithin.js

@@ -0,0 +1,2 @@
+export { default } from './hooks/useIsFocusWithin';
+export * from './hooks/useIsFocusWithin';

package/useLocationSuggestions.d.ts

@@ -0,0 +1,2 @@
+export { default } from './hooks/useLocationSuggestions';
+export * from './hooks/useLocationSuggestions';

package/useLocationSuggestions.js

@@ -0,0 +1,2 @@
+export { default } from './hooks/useLocationSuggestions';
+export * from './hooks/useLocationSuggestions';

package/useSearch.d.ts

@@ -0,0 +1,2 @@
+export { default } from './hooks/useSearch';
+export * from './hooks/useSearch';

package/useSearch.js

@@ -0,0 +1,2 @@
+export { default } from './hooks/useSearch';
+export * from './hooks/useSearch';

package/useTableExport.d.ts

@@ -0,0 +1,2 @@
+export { default } from './hooks/useTableExport';
+export * from './hooks/useTableExport';

package/useTableExport.js

@@ -0,0 +1,2 @@
+export { default } from './hooks/useTableExport';
+export * from './hooks/useTableExport';

package/useTableSelection.d.ts

@@ -0,0 +1,2 @@
+export { default } from './hooks/useTableSelection';
+export * from './hooks/useTableSelection';

package/useTableSelection.js

@@ -0,0 +1,2 @@
+export { default } from './hooks/useTableSelection';
+export * from './hooks/useTableSelection';

package/utils/storageUtils.d.ts

@@ -1,5 +1,5 @@
 export declare const storage: {
-    save: (key: string, value: string | boolean, prefix?: string) => string | boolean | undefined;
-    load: (key: string, prefix?: string) => string | undefined;
+    save: (key: string, value: string, prefix?: string) => string | null;
+    load: (key: string, prefix?: string) => string | null;
     removeItem: (key: string, prefix?: string) => void;
 };

package/utils/storageUtils.js

@@ -8,6 +8,7 @@ const save = (key, value, prefix = STORAGE_PREFIX) => {
     catch (_) {
         // Intentionally left blank
     }
+    return null;
 };
 const removeItem = (key, prefix = STORAGE_PREFIX) => {
     try {
@@ -25,5 +26,6 @@ const load = (key, prefix = STORAGE_PREFIX) => {
     catch (_) {
         // Intentionally left blank
     }
+    return null;
 };
 export const storage = { save, load, removeItem };

package/utils/urlFeatureToggles.d.ts

@@ -1,9 +1,15 @@
 export declare const DEFAULT_PREFIX = "featureToggle.";
 export type ToggleType = string | boolean | number;
 export declare const cleanupOldToggles: (oldToggles: string[], prefix: string) => void;
-export declare const asBoolean: (urlParamName: string) => (prefix: string) => ToggleType | undefined;
-export declare const asString: (urlParamName: string) => (prefix: string) => ToggleType | undefined;
-export declare const asNumber: (urlParamName: string) => (prefix: string) => ToggleType | undefined;
-export declare const detectFeatureToggles: (toggleDefinitions: {
-    [key: string]: (paramName: string) => ToggleType | undefined;
-}, oldToggles?: string[], prefix?: string) => import("lodash").Dictionary<ToggleType | undefined>;
+export declare const asBoolean: (urlParamName: string) => (prefix: string) => boolean | null;
+export declare const asBooleanWithDefault: (urlParamName: string, defaultValue: boolean) => (prefix: string) => boolean;
+export declare const asString: (urlParamName: string) => (prefix: string) => string | null;
+export declare const asStringWithDefault: (urlParamName: string, defaultValue: string) => (prefix: string) => string;
+export declare const asNumber: (urlParamName: string) => (prefix: string) => number | null;
+export declare const asNumberWithDefault: (urlParamName: string, defaultValue: number) => (prefix: string) => number;
+type ToggleValueExtractor = (prefix: string) => ToggleType | null;
+type ToggleValues<TOGGLE_DEFS> = TOGGLE_DEFS extends Record<string, ToggleValueExtractor> ? {
+    [K in keyof TOGGLE_DEFS]: ReturnType<TOGGLE_DEFS[K]>;
+} : never;
+export declare const detectFeatureToggles: <TOGGLE_DEFS extends Record<string, ToggleValueExtractor>>(toggleDefinitions: TOGGLE_DEFS, oldToggles?: string[], prefix?: string) => ToggleValues<TOGGLE_DEFS>;
+export {};

package/utils/urlFeatureToggles.js

@@ -12,19 +12,22 @@ export const cleanupOldToggles = (oldToggles, prefix) => {
         console.error(error);
     }
 };
-const detectToggle = (param, prefix, transformFn) => {
+const detectToggle = (param, prefix, transformFn, defaultValue) => {
     const [_, searchParams = ''] = window.location.hash.split('?');
     const urlSearchParams = qs.parse(searchParams);
     const urlValue = get(param, urlSearchParams)?.toString() || '';
     const storageValue = urlValue ? storage.save(param, urlValue, prefix) : storage.load(param, prefix);
-    return storageValue && transformFn(storageValue);
+    return storageValue ? transformFn(storageValue) : defaultValue;
 };
 const transformBoolean = (value) => value === 'true' || value === '1';
-const transformString = (value) => value || '';
-const transformNumber = (value) => (value !== null ? Number.parseFloat(value) : 0);
-export const asBoolean = (urlParamName) => (prefix) => detectToggle(urlParamName, prefix, transformBoolean);
-export const asString = (urlParamName) => (prefix) => detectToggle(urlParamName, prefix, transformString);
-export const asNumber = (urlParamName) => (prefix) => detectToggle(urlParamName, prefix, transformNumber);
+const transformString = (value) => value;
+const transformNumber = (value) => Number.parseFloat(value);
+export const asBoolean = (urlParamName) => (prefix) => detectToggle(urlParamName, prefix, transformBoolean, null);
+export const asBooleanWithDefault = (urlParamName, defaultValue) => (prefix) => detectToggle(urlParamName, prefix, transformBoolean, defaultValue);
+export const asString = (urlParamName) => (prefix) => detectToggle(urlParamName, prefix, transformString, null);
+export const asStringWithDefault = (urlParamName, defaultValue) => (prefix) => detectToggle(urlParamName, prefix, transformString, defaultValue);
+export const asNumber = (urlParamName) => (prefix) => detectToggle(urlParamName, prefix, transformNumber, null);
+export const asNumberWithDefault = (urlParamName, defaultValue) => (prefix) => detectToggle(urlParamName, prefix, transformNumber, defaultValue);
 export const detectFeatureToggles = (toggleDefinitions, oldToggles = [], prefix = DEFAULT_PREFIX) => {
     cleanupOldToggles(oldToggles, prefix);
     return mapValues(toggleFn => toggleFn(prefix), toggleDefinitions);

package/utils/useDropDirection.js

@@ -1,3 +1,4 @@
+// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains
 import { useEffect, useState } from 'react';
 import getDropDirection from './getDropDirection';
 export const useDropDirection = ({ pullRight = false, dropup = false, autoDropDirection = false, dropdownMenuRef }, dependencies) => {

package/version.json

@@ -1,3 +1,3 @@
 {
-    "version": "1.7.1"
+    "version": "1.9.0"
 }