@rio-cloud/rio-uikit 1.12.0 → 1.13.0

package/lib/es/rioglyph/rioglyphMetaData.json

@@ -197,7 +197,7 @@
     "rioglyph-minus-light": "decrease subtract remove minimal",
     "rioglyph-minus-sign": "negative reduce delete",
     "rioglyph-minus": "subtract decrease remove",
-    "rioglyph-missing": "lost unavailable not found",
+    "rioglyph-missing": "lost unavailable not found dashed",
     "rioglyph-mode-dark-light": "theme night day toggle",
     "rioglyph-more": "options expand additional",
     "rioglyph-new-window": "open external link pop-up",
@@ -388,5 +388,25 @@
     "rioglyph-xmas-raindeer": "holiday christmas festive",
     "rioglyph-xmas-santa": "christmas holiday gift festive",
     "rioglyph-video-off": "video off",
-    "rioglyph-video": "video"
+    "rioglyph-video": "video",
+    "rioglyph-circle-dashed": "circle dashed",
+    "rioglyph-cube-dashed": "cube dashed package box",
+    "rioglyph-dashboard-view": "dashboard view",
+    "rioglyph-group-blocks": "group blocks",
+    "rioglyph-square-dashed": "square dashed",
+    "rioglyph-cube": "cube package box",
+    "rioglyph-ok-dashed": "ok dashed pending",
+    "rioglyph-prompt": "code prompt",
+    "rioglyph-recycle": "recycle reuse",
+    "rioglyph-status-change": "status change",
+    "rioglyph-transition-right": "transition right change",
+    "rioglyph-transition-push-right": "transition push right change",
+    "rioglyph-status-change-horizontal": "status change horizontal",
+    "rioglyph-warehouse": "building warehouse",
+    "rioglyph-migrate": "migrate change",
+    "rioglyph-shelve": "shelve rack",
+    "rioglyph-convert": "convert change",
+    "rioglyph-conveyor-belt": "conveyor belt",
+    "rioglyph-tracking-package": "tracking package",
+    "rioglyph-issue-tracking": "issue tracking tasks"
 }

package/lib/es/src/components/assetTree/useTreeVirtualization.js

@@ -57,7 +57,7 @@ const useTreeVirtualization = (groupedItems, flatItems, hasSearchValue, hasGroup
                 // SmoothScrollbars exposes the scroll container through its view
                 const scrollbarsInstance = scrollElementRef.current;
                 // Access the internal scroll container
-                // This depends on how react-custom-scrollbars-2 exposes its internals
+                // This depends on how react-custom-scrollbars-4 exposes its internals
                 return scrollbarsInstance?.view;
             }
             return null;

package/lib/es/src/components/datepicker/DayPicker.js

@@ -84,8 +84,14 @@ const DayPicker = (props) => {
         setInternalInputValue(rawValue); // always update input state
         debouncedParseInput(rawValue); // defer parsing & callback execution
     };
-    const handleInputBlur = () => {
-        closePopper();
+    const keyboardRef = (0, react_1.useRef)(false);
+    const handleInputBlur = (event) => {
+        // Do not close the dropdown on input blur when the user selects something inside the dropdown itself
+        const nextFocused = event.relatedTarget;
+        const focusInsideDropdown = nextFocused && popperElementRef.current?.contains(nextFocused);
+        if (isDropdownOpen && !focusInsideDropdown) {
+            closePopper();
+        }
         if (!isSingleMode) {
             return;
         }
@@ -96,6 +102,30 @@ const DayPicker = (props) => {
             setInternalInputValue(formatDate(parsed, locale, dateFormat));
         }
     };
+    const handleOnInputFocus = () => {
+        if (!isDropdownOpen) {
+            openPopper();
+        }
+    };
+    const handleInputKeyPress = (event) => {
+        // Workaround to figure out if the user navigates via keyboard
+        if (event.key === 'Tab') {
+            keyboardRef.current = true;
+        }
+        if (event.key !== 'Enter') {
+            return;
+        }
+        // In case the dropdown is not open but the input is focused, open the dropdown on enter
+        if (!isDropdownOpen) {
+            handleInputClick();
+            return;
+        }
+        // In case the dropdown is open, the input is focused and the prop allows it, close the dropdown
+        if (isDropdownOpen && closeOnSelect) {
+            onSelectChange(narrowedSelected, {});
+            closePopper();
+        }
+    };
     const handleSelectedChange = (newValue) => {
         if (!isControlled) {
             setInternalSelected(newValue);
@@ -122,17 +152,28 @@ const DayPicker = (props) => {
             // should be the only place formatting is applied to the input
             setInternalInputValue(formatDate(selected, locale, dateFormat));
         }
+        if (keyboardRef.current) {
+            // Note: When the date is selected via enter key, assume the user uses keyboard navigation.
+            // In this case the input should be focused to allow to tab to another element in his form.
+            // However, it is not possible to detect according to the event since the event.type is alway "click".
+            // Instead we check if the user used the tab key to focus the day picker.
+            inputRef?.current?.focus();
+        }
         if (closeOnSelect) {
             closePopper();
+            keyboardRef.current = false;
         }
     };
-    const { isOpen: isPopperOpen, open: openPopper, close: closePopper, referenceRef: popperRef, popperElementRef: setPopperElement, popperStyles, popperAttributes, } = (0, usePopperDropdown_1.default)({ placement: alignRight ? 'bottom-end' : 'bottom-start' });
+    const { isOpen: isDropdownOpen, open: openPopper, close: closePopper, referenceRef: popperRef, popperElementRef: setPopperElement, popperStyles, popperAttributes, } = (0, usePopperDropdown_1.default)({ placement: alignRight ? 'bottom-end' : 'bottom-start' });
     const inputRef = (0, react_1.useRef)(null);
     const popperElementRef = (0, react_1.useRef)(null);
     const assignPopperElement = (element) => {
         popperElementRef.current = element;
         setPopperElement(element);
     };
+    // Close the dropdown when clicking outside the dropdown wrapper.
+    // It also checks if the click happened into the input, in which case the
+    // dropdown will remain open.
     const outsideRef = (0, useClickOutside_1.default)(event => {
         const target = event.target;
         if (!target) {
@@ -145,36 +186,56 @@ const DayPicker = (props) => {
             return;
         }
         closePopper();
-    }, undefined, isPopperOpen);
+    }, undefined, isDropdownOpen);
     const handleInputClick = () => {
         openPopper();
         inputRef.current?.focus();
     };
-    (0, useKey_1.default)('Enter', event => {
+    // Needed to select all tabbable elements inside the dropdown calendar and to disable the
+    // focus on tab for all of these. This allows the user to tab between multiple inputs on the page
+    // or when having two day pickers side by side. Tabbing from one day picker input to the other will
+    // open and close the dropdown respectively and achieving the same usability as the old DatePicker.
+    // useEffect(() => {
+    //     if (isDropdownOpen && outsideRef.current) {
+    //         // get all buttons to disable the tab on them
+    //         const tabbableElements = (outsideRef.current as HTMLElement).querySelectorAll<HTMLElement>(
+    //             'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    //         );
+    //         tabbableElements.forEach((element: Element) => {
+    //             element.setAttribute('tabindex', '-1');
+    //         });
+    //     }
+    // }, [isDropdownOpen, outsideRef]);
+    // Close the dropdown when it is open and when the user presses the "escape" key
+    (0, useKey_1.default)('Escape', event => {
         const target = event.target;
-        const isWithinReference = !!(target && popperRef.current?.contains(target));
-        const isWithinPopper = !!(target && popperElementRef.current?.contains(target));
-        if (!isWithinReference && !isWithinPopper) {
-            return;
-        }
-        event.preventDefault();
-        if (!isPopperOpen) {
-            handleInputClick();
-            return;
-        }
-        if (isPopperOpen && closeOnSelect) {
-            onSelectChange(narrowedSelected, {});
-            closePopper();
-        }
-    });
-    (0, useKey_1.default)('Escape', () => {
-        if (isPopperOpen) {
+        const isInput = inputRef.current && inputRef.current === target;
+        if (isInput && isDropdownOpen) {
             closePopper();
         }
     });
+    (0, react_1.useEffect)(() => {
+        const handleKeyDown = (event) => {
+            if (!isDropdownOpen || !outsideRef.current) {
+                return;
+            }
+            if (event.key === 'Tab') {
+                const focusedInside = outsideRef.current.contains(document.activeElement);
+                if (focusedInside) {
+                    keyboardRef.current = true;
+                    console.log('User tabbed into dropdown');
+                    // Optional: closePopper(); or focus inputRef.current
+                }
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [isDropdownOpen]);
     const dayPickerClassName = `DayPicker ${bsSize === 'sm' ? 'margin-10' : 'margin-15'} ${bsSize}`;
-    // Render day picker inline without a dropdown
     if (inline) {
+        // Render day picker inline without a dropdown and an input
         return ((0, jsx_runtime_1.jsxs)("div", { className: `display-flex flex-column justify-content-between ${className}`, children: [(0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { ...selectionProps, mode: mode, defaultMonth: defaultMonth, locale: resolvedLocale, onSelect: handleDaySelect, captionLayout: 'dropdown', animate: true, navLayout: 'around', startMonth: startMonth, endMonth: endMonth, showOutsideDays: showOutsideDays, fixedWeeks: fixedWeeks, className: dayPickerClassName }), footer ? (0, jsx_runtime_1.jsx)("div", { className: 'padding-15', children: footer }) : (0, jsx_runtime_1.jsx)("div", {})] }));
     }
     const clearableInputProps = {
@@ -185,9 +246,9 @@ const DayPicker = (props) => {
             ...(inputProps?.style ?? {}),
         },
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: popperRef, className: `form-group ${className}`, children: (0, jsx_runtime_1.jsxs)("div", { className: 'input-group', children: [(0, jsx_runtime_1.jsx)("span", { className: 'input-group-addon', onClick: handleInputClick, children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-calendar', "aria-hidden": 'true' }) }), isClearable && ((0, jsx_runtime_1.jsx)(ClearableInput_1.default, { id: id, autoComplete: 'off', placeholder: placeholder, ...clearableInputProps, type: 'text', value: inputValue, onChange: handleInputChange, onClick: handleInputClick, onClear: handleClearSelection, onBlur: handleInputBlur, 
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: popperRef, className: `form-group ${className}`, children: (0, jsx_runtime_1.jsxs)("div", { className: 'input-group', children: [(0, jsx_runtime_1.jsx)("span", { className: 'input-group-addon', onClick: handleInputClick, children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-calendar', "aria-hidden": 'true' }) }), isClearable && ((0, jsx_runtime_1.jsx)(ClearableInput_1.default, { id: id, autoComplete: 'off', placeholder: placeholder, ...clearableInputProps, type: 'text', value: inputValue, onChange: handleInputChange, onClick: handleInputClick, onClear: handleClearSelection, onBlur: handleInputBlur, onFocus: handleOnInputFocus, onKeyPress: handleInputKeyPress, 
                             // hasError={hasError}
-                            ref: inputRef, inputClassName: inputClassName })), !isClearable && ((0, jsx_runtime_1.jsx)("input", { id: id, size: 12, type: 'text', autoComplete: 'off', placeholder: placeholder, ...inputProps, value: inputValue, onChange: handleInputChangeNative, onClick: handleInputClick, onBlur: handleInputBlur, ref: inputRef, readOnly: !isSingleMode, className: (0, classnames_1.default)('ClearableInput form-control bg-white', inputClassName) }))] }) }), isPopperOpen && ((0, jsx_runtime_1.jsx)("div", { style: popperStyles, className: 'DayPickerPopover z-index-max bg-white shadow-default rounded margin-y-3 border', ...popperAttributes, ref: assignPopperElement, role: 'dialog', "aria-label": 'DayPicker calendar', children: (0, jsx_runtime_1.jsxs)("div", { ref: outsideRef, className: 'display-flex flex-column justify-content-between', children: [(0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { ...selectionProps, mode: mode, defaultMonth: defaultMonth, locale: resolvedLocale, onSelect: handleDaySelect, captionLayout: 'dropdown', animate: true, navLayout: 'around', startMonth: startMonth, endMonth: endMonth, showOutsideDays: showOutsideDays, fixedWeeks: fixedWeeks, className: dayPickerClassName }), footer ? (0, jsx_runtime_1.jsx)("div", { className: 'padding-15', children: footer }) : (0, jsx_runtime_1.jsx)("div", {})] }) }))] }));
+                            ref: inputRef, inputClassName: inputClassName })), !isClearable && ((0, jsx_runtime_1.jsx)("input", { id: id, size: 12, type: 'text', autoComplete: 'off', placeholder: placeholder, ...inputProps, value: inputValue, onChange: handleInputChangeNative, onClick: handleInputClick, onBlur: handleInputBlur, onFocus: handleOnInputFocus, onKeyDown: handleInputKeyPress, ref: inputRef, readOnly: !isSingleMode, className: (0, classnames_1.default)('ClearableInput form-control bg-white', inputClassName) }))] }) }), isDropdownOpen && ((0, jsx_runtime_1.jsx)("div", { style: popperStyles, className: 'DayPickerPopover z-index-max bg-white shadow-default rounded margin-y-3 border', ...popperAttributes, ref: assignPopperElement, role: 'dialog', "aria-label": 'DayPicker calendar', children: (0, jsx_runtime_1.jsxs)("div", { ref: outsideRef, className: 'display-flex flex-column justify-content-between', children: [(0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { ...selectionProps, mode: mode, defaultMonth: defaultMonth, locale: resolvedLocale, onSelect: handleDaySelect, captionLayout: 'dropdown', animate: true, navLayout: 'around', startMonth: startMonth, endMonth: endMonth, showOutsideDays: showOutsideDays, fixedWeeks: fixedWeeks, className: dayPickerClassName }), footer ? (0, jsx_runtime_1.jsx)("div", { className: 'padding-15', children: footer }) : (0, jsx_runtime_1.jsx)("div", {})] }) }))] }));
 };
 const isDateRange = (value) => {
     if (!value || typeof value !== 'object') {

package/lib/es/src/components/filepicker/FilePicker.d.ts

@@ -38,6 +38,14 @@ export type FilePickerProps = {
      * @default ''
      */
     className?: string;
+    /**
+     * Flag to set the dropzone wrapper element to 100% height.
+     *
+     * This comes in handy, when the dropzone should have 100 % height so it can grow.
+     *
+     * @default false
+     */
+    fullHeight?: boolean;
     /**
      * Object list of accepted Mime Types as keys and file extensions array as value.
      */

package/lib/es/src/components/filepicker/FilePicker.js

@@ -7,8 +7,9 @@ const react_dropzone_1 = tslib_1.__importDefault(require("react-dropzone"));
 const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const Button_1 = tslib_1.__importDefault(require("../button/Button"));
 const FilePicker = (props) => {
-    const { displayMode = 'button', multiple = true, label = 'Select files', maxSize, onPick = noop_1.default, className = '', accept, children, ...remainingProps } = props;
+    const { displayMode = 'button', multiple = true, label = 'Select files', maxSize, onPick = noop_1.default, className = '', accept, fullHeight = false, children, ...remainingProps } = props;
     const dropzoneRef = (0, react_1.useRef)(null);
+    const wrapperRef = (0, react_1.useRef)(null);
     const isFull = displayMode === 'full';
     const showButton = isFull || displayMode === 'button';
     const showDropzone = isFull || displayMode === 'dropzone';
@@ -20,7 +21,14 @@ const FilePicker = (props) => {
         onPick(files, rejectedFiles);
     }, [onPick, accept]);
     const handleClick = () => dropzoneRef.current?.open();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'FilePicker', children: [showButton && ((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: handleClick, className: className, children: label })), (0, jsx_runtime_1.jsx)(react_dropzone_1.default, { ...remainingProps, onDrop: handleDrop, accept: accept, multiple: multiple, maxSize: maxSize, ref: dropzoneRef, children: ({ getRootProps, getInputProps, isDragActive }) => {
+    (0, react_1.useEffect)(() => {
+        // Set height to dropzones inner presentation div where there is no other access to this DOM element.
+        // This comes in handy, when the dropzone should have 100 % height so it can grow.
+        if (wrapperRef.current && fullHeight) {
+            wrapperRef.current.querySelector('.FilePicker > div')?.setAttribute('class', 'height-100pct');
+        }
+    }, [fullHeight, wrapperRef.current]);
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: wrapperRef, className: 'FilePicker', children: [showButton && ((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: handleClick, className: className, children: label })), (0, jsx_runtime_1.jsx)(react_dropzone_1.default, { ...remainingProps, onDrop: handleDrop, accept: accept, multiple: multiple, maxSize: maxSize, ref: dropzoneRef, children: ({ getRootProps, getInputProps, isDragActive }) => {
                     return ((0, jsx_runtime_1.jsxs)("div", { ...getRootProps(), children: [(0, jsx_runtime_1.jsx)("input", { ...getInputProps() }), showDropzone && children && children({ isDragActive })] }));
                 } })] }));
 };

package/lib/es/src/components/rioglyph/Rioglyph.d.ts

@@ -4,7 +4,7 @@ export type RioglyphProps = {
     /**
      * The icon class to display.
      */
-    icon: IconType;
+    icon: IconType | string;
     /**
      * Additional classes set to the icon span.
      */
@@ -24,7 +24,7 @@ export type RioglyphProps = {
     /**
      * The icon class to display as a pair (optional).
      */
-    pairIcon?: IconType;
+    pairIcon?: IconType | string;
     /**
      * Additional classes set to the pairIcon span.
      */

package/lib/es/src/components/rioglyph/Rioglyph.js

@@ -7,13 +7,21 @@ const Rioglyph = (props) => {
     const { icon, iconClassName = '', pairIcon, pairIconClassName = '', size, spinning = false, pulsing = false, } = props;
     const spinningClass = spinning ? 'spinning' : '';
     const pulsingClass = pulsing ? 'pulsing' : '';
+    let iconStyle;
+    if (icon.includes('.svg')) {
+        iconStyle = { '--i': `url(${icon})` };
+    }
     if (pairIcon) {
         const wrapperClasses = (0, classnames_1.default)('rioglyph-icon-pair', size && `text-size-${size}`);
-        const iconClasses = (0, classnames_1.default)('rioglyph', icon, iconClassName);
-        const pairIconClasses = (0, classnames_1.default)('rioglyph', pairIcon, pairIconClassName, spinningClass, pulsingClass);
-        return ((0, jsx_runtime_1.jsxs)("span", { className: wrapperClasses, children: [(0, jsx_runtime_1.jsx)("span", { className: iconClasses }), (0, jsx_runtime_1.jsx)("span", { className: pairIconClasses })] }));
+        const iconClasses = (0, classnames_1.default)('rioglyph', !icon.includes('.svg') && icon, iconClassName);
+        const pairIconClasses = (0, classnames_1.default)('rioglyph', !pairIcon.includes('.svg') && pairIcon, pairIconClassName, spinningClass, pulsingClass);
+        let pairIconStyle;
+        if (pairIcon?.includes('.svg')) {
+            pairIconStyle = { '--i': `url(${pairIcon})` };
+        }
+        return ((0, jsx_runtime_1.jsxs)("span", { className: wrapperClasses, children: [(0, jsx_runtime_1.jsx)("span", { className: iconClasses, style: iconStyle }), (0, jsx_runtime_1.jsx)("span", { className: pairIconClasses, style: pairIconStyle })] }));
     }
-    const iconClasses = (0, classnames_1.default)('rioglyph', icon, size && `text-size-${size}`, iconClassName, spinningClass, pulsingClass);
-    return (0, jsx_runtime_1.jsx)("span", { className: iconClasses });
+    const iconClasses = (0, classnames_1.default)('rioglyph', !icon.includes('.svg') && icon, size && `text-size-${size}`, iconClassName, spinningClass, pulsingClass);
+    return (0, jsx_runtime_1.jsx)("span", { className: iconClasses, style: iconStyle });
 };
 exports.default = Rioglyph;

package/lib/es/src/components/smoothScrollbars/SmoothScrollbars.js

@@ -4,7 +4,7 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 // biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains
 const react_1 = require("react");
-const react_custom_scrollbars_2_1 = require("react-custom-scrollbars-2");
+const react_custom_scrollbars_4_1 = require("react-custom-scrollbars-4");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
 const debounce_1 = tslib_1.__importDefault(require("lodash/fp/debounce"));
@@ -39,7 +39,7 @@ const SmoothScrollbars = (0, react_1.forwardRef)((componentProps, ref) => {
     const renderThumbVerticalNames = (0, classnames_1.default)('scrollbar-thumb-vertical', largeTrack && 'scrollbar-thumb-size-large');
     const renderTrackHorizontalNames = (0, classnames_1.default)('scrollbar-track-horizontal', largeTrack && 'scrollbar-track-size-large', trackOffset && 'scrollbar-track-offset');
     const renderThumbHorizontalNames = (0, classnames_1.default)('scrollbar-thumb-horizontal', largeTrack && 'scrollbar-thumb-size-large');
-    return ((0, jsx_runtime_1.jsx)(react_custom_scrollbars_2_1.Scrollbars, { ...remainingProps, ref: scrollbarsRef, tagName: tagName, onScroll: onScroll, className: wrapperClassNames, hideTracksWhenNotNeeded: true, autoHeight: autoHeight, autoHeightMin: autoHeightMin, autoHeightMax: autoHeightMax, renderView: props => {
+    return ((0, jsx_runtime_1.jsx)(react_custom_scrollbars_4_1.Scrollbars, { ...remainingProps, ref: scrollbarsRef, tagName: tagName, onScroll: onScroll, className: wrapperClassNames, hideTracksWhenNotNeeded: true, autoHeight: autoHeight, autoHeightMin: autoHeightMin, autoHeightMax: autoHeightMax, renderView: props => {
             return (0, jsx_runtime_1.jsx)("div", { ...props, className: 'scrollbar-view' });
         }, renderTrackVertical: props => {
             return (0, jsx_runtime_1.jsx)("div", { ...props, className: renderTrackVerticalNames });

package/lib/es/src/hooks/useFreezePiiData.d.ts

@@ -0,0 +1,2 @@
+declare const useFreezePiiData: () => void;
+export default useFreezePiiData;

package/lib/es/src/hooks/useFreezePiiData.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useFreezePiiData = () => {
+    (0, react_1.useEffect)(() => {
+        // Für alle Elemente mit data-pii='visible'
+        const elems = document.querySelectorAll("[data-pii='visible']");
+        for (const el of elems) {
+            let currentValue = null;
+            if ('value' in el && el.value) {
+                currentValue = el.value;
+                el.setAttribute('data-frozen-pii-data', currentValue);
+                el.value = currentValue;
+            }
+            else if (el.textContent) {
+                currentValue = el.textContent;
+                el.setAttribute('data-frozen-pii-data', currentValue);
+                // biome-ignore lint/correctness/noSelfAssign: <explanation>
+                el.textContent = currentValue;
+            }
+        }
+    }, []);
+};
+exports.default = useFreezePiiData;

package/lib/es/src/useFreezePiiData.d.ts

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

package/lib/es/{useDocumentTitle.js → src/useFreezePiiData.js}

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
 const tslib_1 = require("tslib");
-var useDocumentTitle_1 = require("./hooks/useDocumentTitle");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return tslib_1.__importDefault(useDocumentTitle_1).default; } });
-tslib_1.__exportStar(require("./hooks/useDocumentTitle"), exports);
+var useFreezePiiData_1 = require("./hooks/useFreezePiiData");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return tslib_1.__importDefault(useFreezePiiData_1).default; } });
+tslib_1.__exportStar(require("./hooks/useFreezePiiData"), exports);

package/lib/es/src/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";
+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";
 /**
  * Returns the representative icon for a specific fuel type.
  *

package/lib/es/src/utils/hidePiiData.d.ts

@@ -0,0 +1,62 @@
+/****
+ * hidePiiData.ts
+ *
+ * Purpose
+ * -------
+ * Utilities for anonymizing Personally Identifiable Information (PII) in rendered DOM content.
+ * The main entry point is `hidePiiData`, which shuffles visible text inside a target element.
+ *
+ * Integration / Activation
+ * -----------------------
+ * Activation can be toggled with **Ctrl+Shift+U / Cmd+Shift+U**, or by setting the
+ * `<html>` attribute `data-hide-pii="shuffle"`. When activated, new or changed content
+ * marked with `data-pii="visible"` is processed by this module.
+ * This file does not attach observers by itself. It only exposes pure DOM utilities.
+ *
+ * High level behavior
+ * -------------------
+ * 1. Tokenize text on whitespace while preserving the original whitespace.
+ * 2. For email tokens, clean punctuation, pad each part to at least six characters,
+ *    shuffle both parts independently, and rejoin with `@`.
+ * 3. For normal tokens shorter than six characters, pad with random alphanumerics before shuffling.
+ * 4. Preserve capitalization pattern for simple Name like tokens (e.g. `Alice`) after shuffling.
+ *
+ * Data attributes used
+ * --------------------
+ * - `data-pii="visible"` marks elements that should be anonymized.
+ * - `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`.
+ */
+/**
+ * Shuffle text while preserving whitespace.
+ *
+ * Behavior
+ * --------
+ * - Tokenization uses `\S+` to process non whitespace runs and preserves the original whitespace.
+ * - Email like tokens are handled by `shuffleEmail`.
+ * - Non email tokens shorter than six characters are padded with random alphanumerics before shuffling.
+ * - For simple Name like tokens (regex `^[A-Z][a-z]+$`), capitalization is preserved after shuffling.
+ */
+export declare const shuffleText: (str: string, preserveCase?: boolean) => string;
+export declare const shufflePii: (text: string) => string;
+/**
+ * Shuffle text nodes or input values inside the provided element(s).
+ *
+ * Parameters
+ * ----------
+ * - `target`: either a single `Element` or a `NodeListOf<Element>`.
+ * - `forceResult`: optional string to override output directly.
+ *
+ * How it works
+ * ------------
+ * - Marks each processed element with `data-pii="hidden"`.
+ * - If the element is an `<input>`, it shuffles the `value` string and writes it back.
+ * - For non input elements, it walks text nodes with a `TreeWalker` and replaces the node values
+ *   with their shuffled variants.
+ *
+ * Performance notes
+ * -----------------
+ * - Work is proportional to the number of text nodes in `target`.
+ * - Avoid calling this repeatedly on large subtrees without batching.
+ */
+export declare const hidePiiData: (target: Element | NodeListOf<Element>, forceResult?: string) => void;