@rio-cloud/rio-uikit 1.13.0 → 1.13.2

package/{src/components → components}/button/Button.d.ts

@@ -2,6 +2,7 @@ import React, { type ForwardRefExoticComponent, type HTMLProps, type PropsWithCh
 import type { ObjectValues } from '../../utils/ObjectValues';
 export declare const STYLES_MAP: {
     readonly DEFAULT: "default";
+    readonly UNSTYLED: "unstyled";
     readonly PRIMARY: "primary";
     readonly SECONDARY: "secondary";
     readonly INFO: "info";
@@ -125,6 +126,7 @@ export type ButtonProps = Omit<HTMLProps<HTMLButtonElement>, 'type' | 'onClick'>
 type Props = PropsWithChildren<ButtonProps>;
 type ButtonType = ForwardRefExoticComponent<Props & RefAttributes<HTMLButtonElement>> & {
     DEFAULT: 'default';
+    UNSTYLED: 'unstyled';
     PRIMARY: 'primary';
     SECONDARY: 'secondary';
     INFO: 'info';

package/{src/components → components}/button/Button.js

@@ -6,6 +6,7 @@ import { createButtonRipple } from '../../utils/buttonEffect';
 import useMergeRefs from '../../hooks/useMergeRefs';
 export const STYLES_MAP = {
     DEFAULT: 'default',
+    UNSTYLED: 'unstyled',
     PRIMARY: 'primary',
     SECONDARY: 'secondary',
     INFO: 'info',

package/lib/es/{src/components → components}/button/Button.d.ts

@@ -2,6 +2,7 @@ import React, { type ForwardRefExoticComponent, type HTMLProps, type PropsWithCh
 import type { ObjectValues } from '../../utils/ObjectValues';
 export declare const STYLES_MAP: {
     readonly DEFAULT: "default";
+    readonly UNSTYLED: "unstyled";
     readonly PRIMARY: "primary";
     readonly SECONDARY: "secondary";
     readonly INFO: "info";
@@ -125,6 +126,7 @@ export type ButtonProps = Omit<HTMLProps<HTMLButtonElement>, 'type' | 'onClick'>
 type Props = PropsWithChildren<ButtonProps>;
 type ButtonType = ForwardRefExoticComponent<Props & RefAttributes<HTMLButtonElement>> & {
     DEFAULT: 'default';
+    UNSTYLED: 'unstyled';
     PRIMARY: 'primary';
     SECONDARY: 'secondary';
     INFO: 'info';

package/lib/es/{src/components → components}/button/Button.js

@@ -10,6 +10,7 @@ const buttonEffect_1 = require("../../utils/buttonEffect");
 const useMergeRefs_1 = tslib_1.__importDefault(require("../../hooks/useMergeRefs"));
 exports.STYLES_MAP = {
     DEFAULT: 'default',
+    UNSTYLED: 'unstyled',
     PRIMARY: 'primary',
     SECONDARY: 'secondary',
     INFO: 'info',

package/lib/es/{src/utils → utils}/hidePiiData.js

@@ -30,6 +30,9 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hidePiiData = exports.shufflePii = exports.shuffleText = void 0;
+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()`.
@@ -306,26 +309,26 @@ 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 = (0, exports.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
         }
@@ -365,10 +368,10 @@ 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;
@@ -377,20 +380,39 @@ 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 = (0, exports.shufflePii)(original);
-                if (shuffled !== original) {
-                    txtNode.nodeValue = shuffled;
+                const shuffled = (0, exports.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/lib/es/{src/utils → utils}/init/initPiiObserver.js

@@ -108,7 +108,7 @@ 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/lib/es/version.json

@@ -1,3 +1,3 @@
 {
-    "version": "1.13.0"
+    "version": "1.13.2"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "1.13.0",
+    "version": "1.13.2",
     "description": "The RIO UIKIT component library",
     "repository": {
         "type": "git",
@@ -10,7 +10,7 @@
         "build": "npm run build:rioglyph && 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 && echo '\n📦 Publish to npm only from within 'package' folder 📦'",
         "build:cjs": "tsc -p tsconfig.cjs.json && copyfiles --up 1 src/*.d.ts src/version.json src/styles/variables/colors/colors.json package/lib/es",
-        "build:esm": "tsc -p tsconfig.esm.json && copyfiles --up 1 src/*.d.ts src/version.json src/styles/variables/colors/colors.json package",
+        "build:esm": "tsc -p tsconfig.esm.json --listEmittedFiles && copyfiles --up 1 src/*.d.ts src/version.json src/styles/variables/colors/colors.json package",
         "build:vite": "vite build",
         "build:styles": "npm run build:style-full && npm run build:style-core && npm run build:style-responsive && npm run build:style-print && npm run build:style-website && npm run build:style-buyButton && npm run build:style-man && npm run build:style-vw && npm run build:style-scania && npm run build:style-traton && npm run build:style-xmas",
         "build:style-full": "vite build --mode style-full",

package/{src/utils → 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/{src/utils → utils}/init/initPiiObserver.js

@@ -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/version.json

@@ -1,3 +1,3 @@
 {
-    "version": "1.13.0"
+    "version": "1.13.2"
 }