@rio-cloud/rio-uikit 1.13.1 → 2.0.0-beta.1

package/useToggle.js

@@ -1,2 +1,2 @@
-export { default } from './hooks/useToggle';
-export * from './hooks/useToggle';
+export { default } from "./hooks/useToggle.js";
+export * from "./hooks/useToggle.js";

package/useWindowResize.js

@@ -1,2 +1,2 @@
-export { default } from './hooks/useWindowResize';
-export * from './hooks/useWindowResize';
+export { default } from "./hooks/useWindowResize.js";
+export * from "./hooks/useWindowResize.js";

package/utils/SortUtils.js

@@ -1,4 +1,4 @@
-import orderBy from 'lodash/fp/orderBy';
+import { orderBy } from 'es-toolkit/compat';
 import { orderBy as naturalOrderBy } from 'natural-orderby';
 export const SortDirection = {
     ASCENDING: 'asc',
@@ -13,9 +13,9 @@ const toLowerCaseProp = (element, prop) => {
 };
 export const sortByProperty = (array, property, sortDirection = SortDirection.ASCENDING, isCaseSensitive) => {
     if (!isCaseSensitive) {
-        return orderBy((element) => toLowerCaseProp(element, property), sortDirection, array);
+        return orderBy(array, (element) => toLowerCaseProp(element, property), sortDirection);
     }
-    return orderBy([property], sortDirection, array);
+    return orderBy(array, [property], sortDirection);
 };
 export const naturalSortByProperty = (array, property, sortDirection = SortDirection.ASCENDING, isCaseSensitive) => {
     if (!isCaseSensitive) {

package/utils/cssuseragent.js

@@ -90,7 +90,7 @@ export const cssua = (html, userAgent, sa) => {
                         if (R_Platform.exec(platforms[i])) {
                             var key = RegExp.$1.split(' ').join('_'), val = RegExp.$2;
                             // if duplicate entries favor highest version
-                            if (!ua[key] || parseFloat(ua[key]) < parseFloat(val)) {
+                            if (!ua[key] || Number.parseFloat(ua[key]) < Number.parseFloat(val)) {
                                 ua[key] = val;
                             }
                         }
@@ -206,7 +206,7 @@ export const cssua = (html, userAgent, sa) => {
                                 312: '1.3',
                                 125: '1.2',
                                 85: '1.0',
-                            }[parseInt(ua.safari, 10)] || ua.safari;
+                            }[Number.parseInt(ua.safari, 10)] || ua.safari;
                     }
                 }
             }

package/utils/deviceUtils.js

@@ -1,10 +1,9 @@
-import { cssua } from './cssuseragent';
+import { cssua } from "./cssuseragent.js";
 // As "cssuseragent" is accessing the html dom object directly without checking whether it exists or not,
 // we need to initialize only when html really exists. This avoids issues when running the UIKIT in a web-worker
 if (document?.documentElement) {
     cssua(document.documentElement, navigator.userAgent, navigator.standalone);
 }
-// biome-ignore lint/suspicious/noExplicitAny: <explanation>
 const isDefined = (val) => val !== undefined && val !== null;
 // see https://patrickhlauke.github.io/touch/touchscreen-detection/ for reference
 export const hasTouch = () => {

package/utils/formatUtils.js

@@ -1,4 +1,4 @@
-import isNil from 'lodash/fp/isNil';
+import { isNil } from 'es-toolkit/predicate';
 /**
  * Helper to extract a number from a string that may have units or grouping delimiters. It take localization into account.
  *

package/utils/fuelTypeUtils.d.ts

@@ -23,7 +23,7 @@ export declare const fuelTypeGroups: FuelTypeGroup[];
  * @example
  * getFuelTypeGroupIcon('gas') // → 'rioglyph-fuel-gas'
  */
-export declare const getFuelTypeGroupIcon: (fuelTypeGroup: FuelTypeGroup) => "rioglyph-status-available" | "rioglyph-status-working" | "rioglyph-status-driving" | "rioglyph-status-resting" | "rioglyph-arrow-left" | "rioglyph-remove" | "rioglyph-arrow-right" | "rioglyph-empty" | "rioglyph-truck-breakdown" | "rioglyph-chevron-down" | "rioglyph-ban-circle" | "rioglyph-wrench" | "rioglyph-stars" | "rioglyph-looking-glass-man" | "rioglyph-academic-cap" | "rioglyph-addressbook" | "rioglyph-air-pay" | "rioglyph-am" | "rioglyph-angle-double-down" | "rioglyph-angle-double-left" | "rioglyph-angle-double-right" | "rioglyph-angle-double-up" | "rioglyph-antenna" | "rioglyph-api" | "rioglyph-archive" | "rioglyph-area-chart" | "rioglyph-area-in" | "rioglyph-area-out" | "rioglyph-arrow-down" | "rioglyph-arrow-up" | "rioglyph-axle" | "rioglyph-battery-level-empty" | "rioglyph-battery-level-full" | "rioglyph-battery-level-low" | "rioglyph-beacon" | "rioglyph-book" | "rioglyph-bookable-poi" | "rioglyph-bookmark-square" | "rioglyph-bookmark" | "rioglyph-border-crossing" | "rioglyph-brake" | "rioglyph-building" | "rioglyph-bus-baseline" | "rioglyph-bus-breakdown" | "rioglyph-bus" | "rioglyph-businessman" | "rioglyph-calendar-parking" | "rioglyph-calendar-plus" | "rioglyph-calendar-today" | "rioglyph-calendar" | "rioglyph-camera" | "rioglyph-car-baseline" | "rioglyph-car-wash" | "rioglyph-car" | "rioglyph-card-hotel" | "rioglyph-card-reader" | "rioglyph-cards-add" | "rioglyph-cards-grid" | "rioglyph-cards-list" | "rioglyph-cards-table" | "rioglyph-cargo" | "rioglyph-carrier" | "rioglyph-chat" | "rioglyph-check-badge" | "rioglyph-check-shield" | "rioglyph-checkbox-checked" | "rioglyph-checkbox" | "rioglyph-checkboxes" | "rioglyph-chevron-left" | "rioglyph-chevron-right" | "rioglyph-chevron-up" | "rioglyph-circle-stack" | "rioglyph-click" | "rioglyph-climate-control" | "rioglyph-clipboard" | "rioglyph-cloud-download" | "rioglyph-cloud-not-saved" | "rioglyph-cloud-upload" | "rioglyph-cloud" | "rioglyph-coasting" | "rioglyph-code-braces" | "rioglyph-code-brackets" | "rioglyph-cog" | "rioglyph-color-swatch" | "rioglyph-comment" | "rioglyph-compare" | "rioglyph-component-custom-recurrent" | "rioglyph-component-custom" | "rioglyph-component" | "rioglyph-construction" | "rioglyph-cookie" | "rioglyph-cooling" | "rioglyph-cost-efficency" | "rioglyph-cruise-control" | "rioglyph-csv" | "rioglyph-currency-euro" | "rioglyph-damages" | "rioglyph-dangerousgoods" | "rioglyph-dashboard" | "rioglyph-delivery-completed" | "rioglyph-delivery-error" | "rioglyph-delivery-late" | "rioglyph-delivery-on-track" | "rioglyph-delivery-warning" | "rioglyph-delivery" | "rioglyph-design" | "rioglyph-desktop" | "rioglyph-detail-view-info" | "rioglyph-detail-view" | "rioglyph-direction" | "rioglyph-document-out" | "rioglyph-document" | "rioglyph-download" | "rioglyph-drag-n-drop" | "rioglyph-drive-history" | "rioglyph-driver-card" | "rioglyph-driver" | "rioglyph-drivercard-in" | "rioglyph-drivercard-out" | "rioglyph-duplicate" | "rioglyph-earphone" | "rioglyph-engine" | "rioglyph-envelope-indicator" | "rioglyph-envelope-open" | "rioglyph-envelope" | "rioglyph-erase" | "rioglyph-error-sign" | "rioglyph-euro-note" | "rioglyph-exclamation-sign" | "rioglyph-exclamation" | "rioglyph-eye-close" | "rioglyph-eye-option" | "rioglyph-face-frown" | "rioglyph-face-neutral" | "rioglyph-face-smile" | "rioglyph-facetime-video" | "rioglyph-factory" | "rioglyph-file-signature" | "rioglyph-files" | "rioglyph-fill" | "rioglyph-filling-e-station" | "rioglyph-filling-station" | "rioglyph-filter-active" | "rioglyph-filter" | "rioglyph-fingerprint" | "rioglyph-finish" | "rioglyph-fire" | "rioglyph-flag" | "rioglyph-flash" | "rioglyph-folder-closed" | "rioglyph-folder-open" | "rioglyph-fuel-diesel" | "rioglyph-fuel-electric" | "rioglyph-fuel-gas" | "rioglyph-fuel-hydrogen" | "rioglyph-fuel-liquid" | "rioglyph-fuel-mix" | "rioglyph-fullscreen" | "rioglyph-geofence" | "rioglyph-globe" | "rioglyph-group" | "rioglyph-hand-down" | "rioglyph-hand-left" | "rioglyph-hand-right" | "rioglyph-hand-up" | "rioglyph-handshake" | "rioglyph-hash" | "rioglyph-heart" | "rioglyph-heating" | "rioglyph-home-sign" | "rioglyph-home" | "rioglyph-hour-glass" | "rioglyph-id" | "rioglyph-inbox-in" | "rioglyph-inbox-out" | "rioglyph-inbox-stack" | "rioglyph-inbox" | "rioglyph-info-sign" | "rioglyph-info" | "rioglyph-key" | "rioglyph-kickdown" | "rioglyph-language" | "rioglyph-layer-pois" | "rioglyph-layer" | "rioglyph-light-bulb" | "rioglyph-line-chart" | "rioglyph-link" | "rioglyph-load-unload" | "rioglyph-load" | "rioglyph-location-arrow" | "rioglyph-lock-open" | "rioglyph-lock" | "rioglyph-log-in" | "rioglyph-logout" | "rioglyph-looking-glass" | "rioglyph-maintenance-components" | "rioglyph-map-location" | "rioglyph-map-marker" | "rioglyph-map" | "rioglyph-megaphone" | "rioglyph-menu-hamburger" | "rioglyph-merge" | "rioglyph-milage" | "rioglyph-minus-light" | "rioglyph-minus-sign" | "rioglyph-minus" | "rioglyph-missing" | "rioglyph-mode-dark-light" | "rioglyph-more" | "rioglyph-new-window" | "rioglyph-newspaper" | "rioglyph-notification" | "rioglyph-number-1" | "rioglyph-number-2" | "rioglyph-number-3" | "rioglyph-off" | "rioglyph-oil-can" | "rioglyph-ok-circle" | "rioglyph-ok-sign" | "rioglyph-ok" | "rioglyph-onboarding" | "rioglyph-ongoing" | "rioglyph-option-horizontal" | "rioglyph-option-vertical" | "rioglyph-order" | "rioglyph-palette-broken" | "rioglyph-palette" | "rioglyph-paper-clip" | "rioglyph-parcel-broken" | "rioglyph-parcel" | "rioglyph-parking" | "rioglyph-pause-circle" | "rioglyph-pause" | "rioglyph-pdf-file" | "rioglyph-pencil-square" | "rioglyph-pencil" | "rioglyph-phone" | "rioglyph-pictures" | "rioglyph-pin-range" | "rioglyph-pin" | "rioglyph-play-circle" | "rioglyph-play" | "rioglyph-plugged-off" | "rioglyph-plugged-on" | "rioglyph-plus-light" | "rioglyph-plus-sign" | "rioglyph-plus" | "rioglyph-pm" | "rioglyph-poi" | "rioglyph-polygon" | "rioglyph-position" | "rioglyph-print" | "rioglyph-progress-ongoing" | "rioglyph-progress-remaining" | "rioglyph-pto-off" | "rioglyph-pto-on" | "rioglyph-pushpin" | "rioglyph-puzzle" | "rioglyph-pylon" | "rioglyph-qr-code" | "rioglyph-question-sign" | "rioglyph-question" | "rioglyph-record" | "rioglyph-refresh" | "rioglyph-remove-circle" | "rioglyph-remove-sign" | "rioglyph-repeat" | "rioglyph-resize-full" | "rioglyph-resize-horizontal" | "rioglyph-resize-small" | "rioglyph-resize-vertical" | "rioglyph-retrofit" | "rioglyph-retweet" | "rioglyph-revert" | "rioglyph-rio-marker" | "rioglyph-rio" | "rioglyph-road-restrictions" | "rioglyph-road" | "rioglyph-robot" | "rioglyph-rocket" | "rioglyph-role-management" | "rioglyph-route-option" | "rioglyph-route-view" | "rioglyph-route" | "rioglyph-ruler" | "rioglyph-save" | "rioglyph-scale" | "rioglyph-scan" | "rioglyph-scissors" | "rioglyph-search-list" | "rioglyph-search-truck" | "rioglyph-search" | "rioglyph-send" | "rioglyph-series" | "rioglyph-server-stack" | "rioglyph-settings" | "rioglyph-share-alt" | "rioglyph-share-nodes" | "rioglyph-share" | "rioglyph-ship" | "rioglyph-shopping-bag" | "rioglyph-shopping-cart" | "rioglyph-signature" | "rioglyph-slope-down-max" | "rioglyph-slope-down-min" | "rioglyph-slope-up-max" | "rioglyph-slope-up-min" | "rioglyph-sort-by-attributes-alt" | "rioglyph-sort-by-attributes" | "rioglyph-sort" | "rioglyph-sparkles" | "rioglyph-speed" | "rioglyph-sphere" | "rioglyph-spinner" | "rioglyph-split-view" | "rioglyph-stack" | "rioglyph-star-empty" | "rioglyph-star" | "rioglyph-start" | "rioglyph-stats" | "rioglyph-steering-wheel" | "rioglyph-stopover" | "rioglyph-support" | "rioglyph-table-view" | "rioglyph-tachograph-download" | "rioglyph-tachograph" | "rioglyph-tag" | "rioglyph-tasks" | "rioglyph-temperature" | "rioglyph-th-list" | "rioglyph-thumbs-down" | "rioglyph-thumbs-up" | "rioglyph-tickets" | "rioglyph-time-alt" | "rioglyph-time-cancle" | "rioglyph-time" | "rioglyph-tire" | "rioglyph-tms" | "rioglyph-to-bottom" | "rioglyph-to-left" | "rioglyph-to-right" | "rioglyph-to-top" | "rioglyph-traffic-lights" | "rioglyph-trailer-baseline" | "rioglyph-trailer" | "rioglyph-trailerposition" | "rioglyph-train" | "rioglyph-transfer" | "rioglyph-trash" | "rioglyph-triangle-bottom" | "rioglyph-triangle-left" | "rioglyph-triangle-right" | "rioglyph-triangle-top" | "rioglyph-trophy" | "rioglyph-truck-baseline" | "rioglyph-truck-unit" | "rioglyph-truck" | "rioglyph-unlink" | "rioglyph-upload" | "rioglyph-user-add" | "rioglyph-user-group" | "rioglyph-user-ok" | "rioglyph-user-remove" | "rioglyph-user-sign-off" | "rioglyph-user-sign" | "rioglyph-user" | "rioglyph-van-baseline" | "rioglyph-van" | "rioglyph-volume" | "rioglyph-wallet" | "rioglyph-warning-sign" | "rioglyph-weather-cloudy" | "rioglyph-weather-icy" | "rioglyph-weather-overcast" | "rioglyph-weather-raining" | "rioglyph-weather-snowing" | "rioglyph-weather-stormy" | "rioglyph-weather-sunny" | "rioglyph-weather-thundering" | "rioglyph-weather-windy" | "rioglyph-weight" | "rioglyph-width" | "rioglyph-wifi-off" | "rioglyph-wifi" | "rioglyph-window" | "rioglyph-workshop" | "rioglyph-xmas-raindeer" | "rioglyph-xmas-santa" | "rioglyph-video-off" | "rioglyph-video" | "rioglyph-circle-dashed" | "rioglyph-cube-dashed" | "rioglyph-dashboard-view" | "rioglyph-group-blocks" | "rioglyph-square-dashed" | "rioglyph-cube" | "rioglyph-ok-dashed" | "rioglyph-prompt" | "rioglyph-recycle" | "rioglyph-status-change" | "rioglyph-transition-right" | "rioglyph-transition-push-right" | "rioglyph-status-change-horizontal" | "rioglyph-warehouse" | "rioglyph-migrate" | "rioglyph-shelve" | "rioglyph-convert" | "rioglyph-conveyor-belt" | "rioglyph-tracking-package" | "rioglyph-issue-tracking";
+export declare const getFuelTypeGroupIcon: (fuelTypeGroup: FuelTypeGroup) => import("../components/rioglyph/RioglyphIconType").RioglyphIconType;
 /**
  * Returns the representative icon for a specific fuel type.
  *

package/utils/hasUtilityClass.js

@@ -3,9 +3,7 @@ const hasClass = (utilityClass) => {
         if (classes.includes(utilityClass)) {
             return true;
         }
-        else {
-            return false;
-        }
+        return false;
     };
 };
 const hasAlignContentClass = hasClass('align-content-');

package/utils/hidePiiData.js

@@ -27,6 +27,9 @@
  * - `data-pii="hidden"` is written to elements that have already been processed to help external code introspect state.
  * - `data-hide-pii="shuffle"` on `<html>` is used by an external observer to decide when to call `hidePiiData`.
  */
+const ATTR_DATA_PII = 'data-pii';
+const ATTR_ORIGINAL_PII = 'data-original-pii';
+const ATTR_OBFUSCATED_PII = 'data-obfuscated-pii';
 /**
  * In place Fisher Yates shuffle.
  * Randomizes the order of the given array using `Math.random()`.
@@ -301,26 +304,26 @@ export const hidePiiData = (target, forceResult) => {
     const elements = target instanceof Element ? [target] : Array.from(target);
     for (const el of elements) {
         // Mark the element as processed so other parts of the app can detect its state
-        el.setAttribute('data-pii', 'hidden');
+        el.setAttribute(ATTR_DATA_PII, 'hidden');
         const beforeText = (el.textContent || '').trim();
         // If the selected element is an <input>, shuffle its value instead of text nodes
         if (el.matches?.('input') || el.tagName === 'INPUT') {
             const input = el;
             const val = input.value || '';
             if (typeof forceResult === 'string' && forceResult.length > 0) {
-                el.setAttribute('data-original-pii', val);
+                el.setAttribute(ATTR_ORIGINAL_PII, val);
                 input.value = forceResult;
-                el.setAttribute('data-obfuscated-pii', input.value);
+                el.setAttribute(ATTR_OBFUSCATED_PII, input.value);
                 continue;
             }
-            el.setAttribute('data-original-pii', val);
+            el.setAttribute(ATTR_ORIGINAL_PII, val);
             const trimmed = val.trim();
             if (trimmed.length > 0) {
                 const shuffled = shufflePii(val);
                 if (shuffled !== val) {
                     input.value = shuffled;
                 }
-                el.setAttribute('data-obfuscated-pii', input.value);
+                el.setAttribute(ATTR_OBFUSCATED_PII, input.value);
             }
             continue; // skip text-node processing for inputs
         }
@@ -360,10 +363,10 @@ export const hidePiiData = (target, forceResult) => {
         };
         if (typeof forceResult === 'string' && forceResult.length > 0) {
             if (beforeText) {
-                el.setAttribute('data-original-pii', beforeText);
+                el.setAttribute(ATTR_ORIGINAL_PII, beforeText);
             }
             applyForcedText(el, forceResult);
-            el.setAttribute('data-obfuscated-pii', (el.textContent || '').trim());
+            el.setAttribute(ATTR_OBFUSCATED_PII, (el.textContent || '').trim());
             continue;
         }
         let anyTextChanged = false;
@@ -372,20 +375,39 @@ export const hidePiiData = (target, forceResult) => {
         let node = walker.nextNode();
         while (node) {
             const txtNode = node;
-            const original = txtNode.nodeValue || '';
-            const trimmed = original.trim();
+            const original = String(txtNode.textContent || '');
+            // Whitespace fix 1/2: If the text node contains only whitespace, remove it entirely
+            if (/^\s*$/.test(original)) {
+                const nextNode = walker.nextNode();
+                txtNode.remove();
+                node = nextNode;
+                continue;
+            }
+            // Normalize all whitespace in non-empty text nodes to a single space
+            const normalized = original.replace(/\s+/g, ' ');
+            const trimmed = normalized.trim();
             if (trimmed.length > 0) {
-                const shuffled = shufflePii(original);
-                if (shuffled !== original) {
-                    txtNode.nodeValue = shuffled;
+                const shuffled = shufflePii(normalized);
+                if (shuffled !== normalized) {
+                    txtNode.textContent = shuffled;
                     anyTextChanged = true;
                 }
             }
             node = walker.nextNode();
         }
+        // Whitespace fix 2/2: Restore spacing between adjacent text nodes
+        const directTextNodes = Array.from(el.childNodes).filter(n => n.nodeType === Node.TEXT_NODE);
+        for (let i = 0; i < directTextNodes.length - 1; i++) {
+            const current = directTextNodes[i];
+            const next = directTextNodes[i + 1];
+            if (current.textContent?.trim() && next.textContent?.trim()) {
+                const spacer = document.createTextNode(' ');
+                current.parentNode?.insertBefore(spacer, next);
+            }
+        }
         const currentText = (el.textContent || '').trim();
         if (anyTextChanged && currentText) {
-            el.setAttribute('data-obfuscated-pii', currentText);
+            el.setAttribute(ATTR_OBFUSCATED_PII, currentText);
             if (beforeText) {
                 el.setAttribute('data-original-pii', beforeText);
             }

package/utils/init/checkForReleaseVersion.js

@@ -1,5 +1,5 @@
 import { version } from '../../version.json';
-import { getConsoleStyle } from './styledLogs';
+import { getConsoleStyle } from "./styledLogs.js";
 const versionsListUrl = 'https://uikit.developers.rio.cloud/versionsList.json';
 export const checkForReleaseVersion = async () => {
     const logStyled = (message) => console.log('%c%s', getConsoleStyle(), message);

package/utils/init/doNotUseTailwind.js

@@ -1,4 +1,4 @@
-import { getConsoleStyle } from './styledLogs';
+import { getConsoleStyle } from "./styledLogs.js";
 export const doNotUseTailwind = async () => {
     // Detect Tailwind CSS in linked stylesheets
     const links = document.querySelectorAll('link[rel="stylesheet"]');

package/utils/init/initCSS.js

@@ -1,4 +1,4 @@
-import { debug, isInIframe } from './initConfig';
+import { debug, isInIframe } from "./initConfig.js";
 import { version } from '../../version.json';
 const documentHas = (selector) => !!document.head.querySelector(selector);
 const documentHasAnyOf = (selectors) => selectors.some(documentHas);
@@ -46,9 +46,7 @@ export const checkCSSVersion = () => {
         if (href.includes('uikit.developers.rio.cloud')) {
             const [, uikitVersionCSS] = new URL(href).pathname.split('/');
             if (!href.includes(version)) {
-                console.warn(
-                // biome-ignore lint/style/useTemplate: <explanation>
-                'You are using different UIKIT JS and CSS versions.\n' +
+                console.warn('You are using different UIKIT JS and CSS versions.\n' +
                     `Your current JS version is ${version} and ` +
                     `your current CSS version is ${uikitVersionCSS}.\n` +
                     'If this is not on purpose, please fix it. Otherwise, this may lead to UI bugs.');

package/utils/init/initConfig.js

@@ -1,5 +1,5 @@
 import process from 'process';
-import { inIframe } from '../deviceUtils';
+import { inIframe } from "../deviceUtils.js";
 // Note: using import.meta.env.DEV does not work here due to backward compatibility with webpack and jest setups
 export const isProd = process.env.NODE_ENV === 'production' || location.protocol.startsWith('https');
 export const isTest = process.env.NODE_ENV === 'test';

package/utils/init/initDocumentBootstrapping.js

@@ -1,12 +1,12 @@
-import { getColorScheme, listenForSchemeChange } from '../colorScheme';
-import { isTest, isInIframe } from './initConfig';
-import { usedUikitVersion } from './usedUikitVersion';
-import { weAreHiring } from './weAreHiring';
-import { doNotUseTailwind } from './doNotUseTailwind';
-import { checkCSSVersion, initCSS } from './initCSS';
-import { checkForReleaseVersion } from './checkForReleaseVersion';
-import { getConsoleStyle } from './styledLogs';
-import { initPiiObserver } from './initPiiObserver';
+import { getColorScheme, listenForSchemeChange } from "../colorScheme.js";
+import { isTest, isInIframe } from "./initConfig.js";
+import { usedUikitVersion } from "./usedUikitVersion.js";
+import { weAreHiring } from "./weAreHiring.js";
+import { doNotUseTailwind } from "./doNotUseTailwind.js";
+import { checkCSSVersion, initCSS } from "./initCSS.js";
+import { checkForReleaseVersion } from "./checkForReleaseVersion.js";
+import { getConsoleStyle } from "./styledLogs.js";
+import { initPiiObserver } from "./initPiiObserver.js";
 export const initDocumentBootstrapping = async () => {
     if (!document || !document.documentElement) {
         return;

package/utils/init/initPiiObserver.js

@@ -1,4 +1,4 @@
-import { hidePiiData } from '../hidePiiData';
+import { hidePiiData } from "../hidePiiData.js";
 const MODE_SHUFFLE = 'shuffle';
 const MODE_MASK = 'mask';
 const MODE_RESET = 'reset';
@@ -105,7 +105,7 @@ export const initPiiObserver = () => {
                         ensureHiddenConsistent(node);
                         const descendants = node.querySelectorAll(SELECTOR_PII_OBFUSCATED + SELECTOR_PII_ORIGINAL);
                         for (const descendant of descendants) {
-                            console.log('data-original-pii:', descendant.getAttribute(ATTR_ORIGINAL_PII));
+                            // console.log('data-original-pii:', descendant.getAttribute(ATTR_ORIGINAL_PII));
                             ensureHiddenConsistent(descendant);
                         }
                     }

package/utils/init/usedUikitVersion.js

@@ -1,5 +1,5 @@
 import { version } from '../../version.json';
-import { getConsoleStyle } from './styledLogs';
+import { getConsoleStyle } from "./styledLogs.js";
 const logStyled = (message) => console.log('%c%s', getConsoleStyle(), message);
 export const usedUikitVersion = () => {
     const message = `RIO UIKIT Version ${version}\nhttps://uikit.developers.rio.cloud`;

package/utils/init/weAreHiring.js

@@ -1,4 +1,4 @@
-import { getConsoleStyle } from './styledLogs';
+import { getConsoleStyle } from "./styledLogs.js";
 const logStyled = (message) => console.log('%c%s', getConsoleStyle(), message);
 export const weAreHiring = () => {
     const message = 'You are a Developer? RIO is hiring!\nhttps://company.rio.cloud/en/career/jobs';

package/utils/logDeprecatedWarnings.js

@@ -1,11 +1,11 @@
-import has from 'lodash/fp/has';
+import { has } from 'es-toolkit/compat';
 export const BASE_URL = 'https://uikit.developers.rio.cloud/';
 // Logs deprecation warnings to console if prop is used.
 // use this function in the render method of a component.
 export const logDeprecatedWarnings = (deprecatedProps, props, componentName, removeVersion, additionalText) => {
     deprecatedProps.forEach(deprecatedProp => {
         // Check whether the deprecated prop is used by checking the component props
-        if (has(deprecatedProp.prop, props)) {
+        if (has(props, deprecatedProp.prop)) {
             console.warn([
                 'RIO UIKIT: ',
                 deprecatedProp.propCaption ? deprecatedProp.propCaption : 'Prop',

package/utils/mergeRefs.d.ts

@@ -1,3 +1,3 @@
-import { type Ref } from 'react';
+import type { Ref } from 'react';
 declare const mergeRefs: <T>(refs: Ref<T>[]) => Ref<T>;
 export default mergeRefs;

package/utils/routeUtils.js

@@ -1,6 +1,5 @@
-import get from 'lodash/fp/get';
-import isFinite from 'lodash/fp/isFinite';
-import { SortDirection } from './SortUtils';
+import { get } from 'es-toolkit/compat';
+import { SortDirection } from "./SortUtils.js";
 export const getSortDirShort = (sortDir) => (sortDir === SortDirection.DESCENDING ? '-' : '+');
 export const parseSorting = (sortValueShort) => {
     const sortDir = sortValueShort.startsWith('-') ? SortDirection.DESCENDING : SortDirection.ASCENDING;
@@ -13,8 +12,8 @@ export const parseSorting = (sortValueShort) => {
 };
 export const mapColumnsSettingsToStrings = ({ columnOrder = [], hiddenColumns = [], columnsDetails = {}, }) => {
     const mappedColumns = columnOrder.map(column => {
-        const currentWidth = get('width')(columnsDetails[column]);
-        const defaultWidth = get('defaultWidth')(columnsDetails[column]);
+        const currentWidth = get(columnsDetails[column], 'width');
+        const defaultWidth = get(columnsDetails[column], 'defaultWidth');
         const width = currentWidth !== 0 && currentWidth !== defaultWidth ? `:${currentWidth}` : '';
         const hiddenSign = hiddenColumns.includes(column) ? '-' : '';
         return `${hiddenSign}${column}${width}`;
@@ -27,13 +26,13 @@ export const parseColumnsSettingsStrings = (settings, defaultColumnsDetails) =>
         hiddenColumns: [],
         columnsDetails: { ...defaultColumnsDetails },
     };
-    settings.map(setting => {
+    settings.forEach(setting => {
         const [column, columnWidth] = setting.split(':');
         const columnKey = column.startsWith('-') ? column.substr(1) : column;
         columns.columnOrder = [...columns.columnOrder, columnKey];
         if (columnWidth) {
-            const width = parseInt(columnWidth, 10);
-            if (isFinite(width)) {
+            const width = Number.parseInt(columnWidth, 10);
+            if (Number.isFinite(width)) {
                 columns.columnsDetails[columnKey] = { ...columns.columnsDetails[columnKey], width };
             }
         }

package/utils/urlFeatureToggles.js

@@ -1,12 +1,12 @@
 import qs from 'qs';
-import mapValues from 'lodash/fp/mapValues';
-import forEach from 'lodash/fp/forEach';
-import get from 'lodash/fp/get';
-import { storage } from './storageUtils';
+import { get, mapValues } from 'es-toolkit/compat';
+import { storage } from "./storageUtils.js";
 export const DEFAULT_PREFIX = 'featureToggle.';
 export const cleanupOldToggles = (oldToggles, prefix) => {
     try {
-        forEach(toggle => storage.removeItem(toggle, prefix), oldToggles);
+        oldToggles.forEach(toggle => {
+            storage.removeItem(toggle, prefix);
+        });
     }
     catch (error) {
         console.error(error);
@@ -15,7 +15,7 @@ export const cleanupOldToggles = (oldToggles, prefix) => {
 const detectToggle = (param, prefix, transformFn, defaultValue) => {
     const [_, searchParams = ''] = window.location.hash.split('?');
     const urlSearchParams = qs.parse(searchParams);
-    const urlValue = get(param, urlSearchParams)?.toString() || '';
+    const urlValue = get(urlSearchParams, param)?.toString() || '';
     const storageValue = urlValue ? storage.save(param, urlValue, prefix) : storage.load(param, prefix);
     return storageValue ? transformFn(storageValue) : defaultValue;
 };
@@ -30,5 +30,5 @@ export const asNumber = (urlParamName) => (prefix) => detectToggle(urlParamName,
 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);
+    return mapValues(toggleDefinitions, toggleFn => toggleFn(prefix));
 };

package/utils/useDropDirection.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type DropDirection = {
     pullRight: boolean;
     dropup: boolean;

package/utils/useDropDirection.js

@@ -1,6 +1,5 @@
-// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains
 import { useEffect, useState } from 'react';
-import getDropDirection from './getDropDirection';
+import getDropDirection from "./getDropDirection.js";
 export const useDropDirection = ({ pullRight = false, dropup = false, autoDropDirection = false, dropdownMenuRef }, dependencies) => {
     // Note: Using an object for local state has lead to tests getting stuck here.
     // The solution was to split the values into dedicated state primitives here.

package/version.json

@@ -1,3 +1,3 @@
 {
-    "version": "1.13.1"
-}
+"version": "2.0.0-beta.1"
+}

package/framer-motion.d.ts

@@ -1 +0,0 @@
-export * from 'framer-motion';

package/framer-motion.js

@@ -1 +0,0 @@
-export * from 'framer-motion';