npm - @x15ventures/x15-ui-library - Versions diffs - 3.19.0 → 3.20.0 - Mend

@x15ventures/x15-ui-library 3.19.0 → 3.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (484) hide show

package/dist/cjs/autoGenerated/libraryThemes.js CHANGED Viewed

@@ -17,8 +17,8 @@ const libraryThemes = exports.libraryThemes = {
       "map": "index.min.css.map"
     },
     "versioned": {
-      "css": "index.min.3.19.0.css",
-      "map": "index.min.3.19.0.css.map"
+      "css": "index.min.3.20.0.css",
+      "map": "index.min.3.20.0.css.map"
     }
   },
   "cba": {
@@ -32,8 +32,8 @@ const libraryThemes = exports.libraryThemes = {
       "map": "cba.min.css.map"
     },
     "versioned": {
-      "css": "cba.min.3.19.0.css",
-      "map": "cba.min.3.19.0.css.map"
+      "css": "cba.min.3.20.0.css",
+      "map": "cba.min.3.20.0.css.map"
     }
   },
   "creditSavvy": {
@@ -47,8 +47,8 @@ const libraryThemes = exports.libraryThemes = {
       "map": "creditSavvy.min.css.map"
     },
     "versioned": {
-      "css": "creditSavvy.min.3.19.0.css",
-      "map": "creditSavvy.min.3.19.0.css.map"
+      "css": "creditSavvy.min.3.20.0.css",
+      "map": "creditSavvy.min.3.20.0.css.map"
     }
   },
   "doshii": {
@@ -62,8 +62,8 @@ const libraryThemes = exports.libraryThemes = {
       "map": "doshii.min.css.map"
     },
     "versioned": {
-      "css": "doshii.min.3.19.0.css",
-      "map": "doshii.min.3.19.0.css.map"
+      "css": "doshii.min.3.20.0.css",
+      "map": "doshii.min.3.20.0.css.map"
     }
   },
   "homeIn": {
@@ -77,8 +77,8 @@ const libraryThemes = exports.libraryThemes = {
       "map": "homeIn.min.css.map"
     },
     "versioned": {
-      "css": "homeIn.min.3.19.0.css",
-      "map": "homeIn.min.3.19.0.css.map"
+      "css": "homeIn.min.3.20.0.css",
+      "map": "homeIn.min.3.20.0.css.map"
     }
   },
   "x15Core": {
@@ -92,8 +92,8 @@ const libraryThemes = exports.libraryThemes = {
       "map": "x15Core.min.css.map"
     },
     "versioned": {
-      "css": "x15Core.min.3.19.0.css",
-      "map": "x15Core.min.3.19.0.css.map"
+      "css": "x15Core.min.3.20.0.css",
+      "map": "x15Core.min.3.20.0.css.map"
     }
   }
 };

package/dist/cjs/autoGenerated/libraryThemes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"libraryThemes.js","names":["libraryThemes","exports","_default","default"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.19.0.css\",\n \"map\": \"index.min.3.19.0.css.map\"\n }\n },\n \"cba\": {\n \"buildPath\": \"styles/themes/cba\",\n \"dev\": {\n \"css\": \"cba.css\",\n \"map\": \"cba.css.map\"\n },\n \"min\": {\n \"css\": \"cba.min.css\",\n \"map\": \"cba.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"cba.min.3.19.0.css\",\n \"map\": \"cba.min.3.19.0.css.map\"\n }\n },\n \"creditSavvy\": {\n \"buildPath\": \"styles/themes/creditSavvy\",\n \"dev\": {\n \"css\": \"creditSavvy.css\",\n \"map\": \"creditSavvy.css.map\"\n },\n \"min\": {\n \"css\": \"creditSavvy.min.css\",\n \"map\": \"creditSavvy.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"creditSavvy.min.3.19.0.css\",\n \"map\": \"creditSavvy.min.3.19.0.css.map\"\n }\n },\n \"doshii\": {\n \"buildPath\": \"styles/themes/doshii\",\n \"dev\": {\n \"css\": \"doshii.css\",\n \"map\": \"doshii.css.map\"\n },\n \"min\": {\n \"css\": \"doshii.min.css\",\n \"map\": \"doshii.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"doshii.min.3.19.0.css\",\n \"map\": \"doshii.min.3.19.0.css.map\"\n }\n },\n \"homeIn\": {\n \"buildPath\": \"styles/themes/homeIn\",\n \"dev\": {\n \"css\": \"homeIn.css\",\n \"map\": \"homeIn.css.map\"\n },\n \"min\": {\n \"css\": \"homeIn.min.css\",\n \"map\": \"homeIn.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"homeIn.min.3.19.0.css\",\n \"map\": \"homeIn.min.3.19.0.css.map\"\n }\n },\n \"x15Core\": {\n \"buildPath\": \"styles/themes/x15Core\",\n \"dev\": {\n \"css\": \"x15Core.css\",\n \"map\": \"x15Core.css.map\"\n },\n \"min\": {\n \"css\": \"x15Core.min.css\",\n \"map\": \"x15Core.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"x15Core.min.3.19.0.css\",\n \"map\": \"x15Core.min.3.19.0.css.map\"\n }\n }\n}; export default libraryThemes;"],"mappings":";;;;;;AAAA;AACO,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3B,MAAM,EAAE;IACN,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE;MACL,KAAK,EAAE,WAAW;MAClB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,eAAe;MACtB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,sBAAsB;MAC7B,KAAK,EAAE;IACT;EACF,CAAC;EACD,KAAK,EAAE;IACL,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE;MACL,KAAK,EAAE,SAAS;MAChB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,oBAAoB;MAC3B,KAAK,EAAE;IACT;EACF,CAAC;EACD,aAAa,EAAE;IACb,WAAW,EAAE,2BAA2B;IACxC,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,qBAAqB;MAC5B,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,4BAA4B;MACnC,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,SAAS,EAAE;IACT,WAAW,EAAE,uBAAuB;IACpC,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,wBAAwB;MAC/B,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAAC,IAAAE,QAAA,GAAAD,OAAA,CAAAE,OAAA,GAAgBH,aAAa","ignoreList":[]}
1	+ {"version":3,"file":"libraryThemes.js","names":["libraryThemes","exports","_default","default"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.20.0.css\",\n \"map\": \"index.min.3.20.0.css.map\"\n }\n },\n \"cba\": {\n \"buildPath\": \"styles/themes/cba\",\n \"dev\": {\n \"css\": \"cba.css\",\n \"map\": \"cba.css.map\"\n },\n \"min\": {\n \"css\": \"cba.min.css\",\n \"map\": \"cba.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"cba.min.3.20.0.css\",\n \"map\": \"cba.min.3.20.0.css.map\"\n }\n },\n \"creditSavvy\": {\n \"buildPath\": \"styles/themes/creditSavvy\",\n \"dev\": {\n \"css\": \"creditSavvy.css\",\n \"map\": \"creditSavvy.css.map\"\n },\n \"min\": {\n \"css\": \"creditSavvy.min.css\",\n \"map\": \"creditSavvy.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"creditSavvy.min.3.20.0.css\",\n \"map\": \"creditSavvy.min.3.20.0.css.map\"\n }\n },\n \"doshii\": {\n \"buildPath\": \"styles/themes/doshii\",\n \"dev\": {\n \"css\": \"doshii.css\",\n \"map\": \"doshii.css.map\"\n },\n \"min\": {\n \"css\": \"doshii.min.css\",\n \"map\": \"doshii.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"doshii.min.3.20.0.css\",\n \"map\": \"doshii.min.3.20.0.css.map\"\n }\n },\n \"homeIn\": {\n \"buildPath\": \"styles/themes/homeIn\",\n \"dev\": {\n \"css\": \"homeIn.css\",\n \"map\": \"homeIn.css.map\"\n },\n \"min\": {\n \"css\": \"homeIn.min.css\",\n \"map\": \"homeIn.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"homeIn.min.3.20.0.css\",\n \"map\": \"homeIn.min.3.20.0.css.map\"\n }\n },\n \"x15Core\": {\n \"buildPath\": \"styles/themes/x15Core\",\n \"dev\": {\n \"css\": \"x15Core.css\",\n \"map\": \"x15Core.css.map\"\n },\n \"min\": {\n \"css\": \"x15Core.min.css\",\n \"map\": \"x15Core.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"x15Core.min.3.20.0.css\",\n \"map\": \"x15Core.min.3.20.0.css.map\"\n }\n }\n}; export default libraryThemes;"],"mappings":";;;;;;AAAA;AACO,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3B,MAAM,EAAE;IACN,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE;MACL,KAAK,EAAE,WAAW;MAClB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,eAAe;MACtB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,sBAAsB;MAC7B,KAAK,EAAE;IACT;EACF,CAAC;EACD,KAAK,EAAE;IACL,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE;MACL,KAAK,EAAE,SAAS;MAChB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,oBAAoB;MAC3B,KAAK,EAAE;IACT;EACF,CAAC;EACD,aAAa,EAAE;IACb,WAAW,EAAE,2BAA2B;IACxC,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,qBAAqB;MAC5B,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,4BAA4B;MACnC,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,SAAS,EAAE;IACT,WAAW,EAAE,uBAAuB;IACpC,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,wBAAwB;MAC/B,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAAC,IAAAE,QAAA,GAAAD,OAAA,CAAAE,OAAA,GAAgBH,aAAa","ignoreList":[]}

package/dist/cjs/autoGenerated/libraryThemes.json CHANGED Viewed

@@ -10,8 +10,8 @@
       "map": "index.min.css.map"
     },
     "versioned": {
-      "css": "base.min.3.19.0.css",
-      "map": "base.min.3.19.0.css.map"
+      "css": "base.min.3.20.0.css",
+      "map": "base.min.3.20.0.css.map"
     }
   },
   "cba": {
@@ -25,8 +25,8 @@
       "map": "cba.min.css.map"
     },
     "versioned": {
-      "css": "cba.min.3.19.0.css",
-      "map": "cba.min.3.19.0.css.map"
+      "css": "cba.min.3.20.0.css",
+      "map": "cba.min.3.20.0.css.map"
     }
   },
   "creditSavvy": {
@@ -40,8 +40,8 @@
       "map": "creditSavvy.min.css.map"
     },
     "versioned": {
-      "css": "creditSavvy.min.3.19.0.css",
-      "map": "creditSavvy.min.3.19.0.css.map"
+      "css": "creditSavvy.min.3.20.0.css",
+      "map": "creditSavvy.min.3.20.0.css.map"
     }
   },
   "doshii": {
@@ -55,8 +55,8 @@
       "map": "doshii.min.css.map"
     },
     "versioned": {
-      "css": "doshii.min.3.19.0.css",
-      "map": "doshii.min.3.19.0.css.map"
+      "css": "doshii.min.3.20.0.css",
+      "map": "doshii.min.3.20.0.css.map"
     }
   },
   "homeIn": {
@@ -70,8 +70,8 @@
       "map": "homeIn.min.css.map"
     },
     "versioned": {
-      "css": "homeIn.min.3.19.0.css",
-      "map": "homeIn.min.3.19.0.css.map"
+      "css": "homeIn.min.3.20.0.css",
+      "map": "homeIn.min.3.20.0.css.map"
     }
   },
   "x15Core": {
@@ -85,8 +85,8 @@
       "map": "x15Core.min.css.map"
     },
     "versioned": {
-      "css": "x15Core.min.3.19.0.css",
-      "map": "x15Core.min.3.19.0.css.map"
+      "css": "x15Core.min.3.20.0.css",
+      "map": "x15Core.min.3.20.0.css.map"
     }
   }
 }

package/dist/cjs/components/design/banners/pageBanner/PageBanner.js CHANGED Viewed

@@ -10,6 +10,22 @@ var _iconHelpers = require("../../../../helpers/iconHelpers");
 var _SimpleButton = require("../../../form/buttons/SimpleButton");
 require("./pageBanners.css");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/*
+  Reads whether the banner was dismissed. Storage is shared with the rest of the origin and may hold
+  anything, and can throw where it is blocked (e.g. some privacy modes), so any unreadable or
+  unexpected value means the banner shows.
+ */
+const readShouldDisplay = storageKey => {
+  try {
+    const stored = JSON.parse(localStorage.getItem(storageKey) ?? 'null');
+    if (stored && typeof stored === 'object' && typeof stored.shouldDisplay === 'boolean') {
+      return stored.shouldDisplay;
+    }
+  } catch {
+    // Fall through to the default.
+  }
+  return true;
+};
 const PageBanner = ({
   animation = 'none',
   reDisplayOnClose = false,
@@ -26,17 +42,12 @@ const PageBanner = ({
   backgroundFill = 'primary'
 }) => {
   const StorageKey = `pageBanner_${id}`;
-  const [StorageValue, setStorageValue] = (0, _react.useState)(null);
+  const [isVisible, setVisibility] = (0, _react.useState)(true);
+  // Read after mounting, so server and first client render agree.
   (0, _react.useEffect)(() => {
-    setStorageValue(localStorage.getItem(StorageKey));
+    setVisibility(readShouldDisplay(StorageKey));
   }, [StorageKey]);
-  const UserPreferences = StorageValue && JSON.parse(StorageValue);
-  const {
-    shouldDisplay
-  } = UserPreferences || {
-    shouldDisplay: true
-  };
-  const [isVisible, setVisibility] = (0, _react.useState)(shouldDisplay);
   const autoHideCssClass = autoHide ? `autoHide_${autoHideDelay}` : 'noAutoHide';
   const cssClass = `
     pageBanner
@@ -49,9 +60,13 @@ const PageBanner = ({
   `;
   const handleBannerClose = () => {
     setVisibility(false);
-    localStorage.setItem(StorageKey, JSON.stringify({
-      shouldDisplay: reDisplayOnClose
-    }));
+    try {
+      localStorage.setItem(StorageKey, JSON.stringify({
+        shouldDisplay: reDisplayOnClose
+      }));
+    } catch {
+      // Storage is unavailable, so the dismissal lasts only until the next visit.
+    }
   };
   if (isVisible) {
     return /*#__PURE__*/_react.default.createElement("aside", {

package/dist/cjs/components/design/banners/pageBanner/PageBanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageBanner.js","names":["Object","defineProperty","exports","value","default","PageBanner","Banner","Alert","_react","_interopRequireWildcard","require","_iconHelpers","_SimpleButton","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","~~animation~~","~~reDisplayOnClose~~","~~autoHide~~","~~autoHideDelay~~","~~children~~","~~displayMode~~","~~icon~~","id","~~position~~","~~type~~","~~disableClose~~","~~widthVariant~~","~~backgroundFill~~","~~StorageKey~~","~~StorageValue~~","~~setStorageValue~~","~~useState~~","~~useEffect~~","~~localStorage~~","~~getItem~~","~~UserPreferences~~","~~JSON~~","~~parse~~","~~shouldDisplay~~","~~isVisible~~","~~setVisibility~~","autoHideCssClass","cssClass","handleBannerClose","setItem","stringify","createElement","className","SimpleButton","label","onClickHandler","hideLabel","leftIcon","renderIcon","_default"],"sources":["../../../../../../src/components/design/banners/pageBanner/PageBanner.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, ReactNode, ReactElement, useEffect } from 'react';\nimport { IconSource, renderIcon } from '../../../../helpers/iconHelpers';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\n\nimport './pageBanners.scss';\n\nexport interface PageBannerProps {\n id: string;\n children: ReactNode \| ReactElement;\n animation?: 'slideInLeft' \| 'slideInRight' \| 'growOnHover' \| 'none';\n reDisplayOnClose?: boolean;\n autoHide?: boolean;\n autoHideDelay?: 1 \| 3 \| 5 \| 10;\n displayMode?: 'fixed' \| 'inline';\n icon?: IconSource;\n position?: 'topRight' \| 'topCentre' \| 'bottomRight' \| 'bottomLeft'; // Only applicable with fixed display\n type?: 'alert' \| 'info' \| 'warn' \| 'error' \| 'success';\n disableClose?: boolean;\n widthVariant?: 'sm' \| 'md' \| 'lg';\n backgroundFill?: 'primary' \| 'secondary';\n}\n\nexport const PageBanner: React.FC<PageBannerProps> = ({\n animation = 'none',\n reDisplayOnClose = false,\n autoHide = false,\n autoHideDelay = 10,\n children,\n displayMode = 'fixed',\n icon = 'info',\n id = 'pageBanner',\n position = 'topCentre', \n type = 'info',\n disableClose = false,\n widthVariant = 'lg',\n backgroundFill = 'primary',\n}) => {\n const StorageKey = `pageBanner_${ id }`;\n\n const [~~StorageValue~~, ~~setStorageValue~~] = useState<~~string \| null~~>(~~null~~);\n\n useEffect(() => {\n ~~setStorageValue~~(~~localStorage.getItem~~(StorageKey));\n }, [StorageKey]);\n\n const UserPreferences = StorageValue && JSON.parse(StorageValue);\n\n const { shouldDisplay } = UserPreferences \|\| { shouldDisplay: true };\n\n const [isVisible, setVisibility] = useState<boolean>(shouldDisplay);\n\n const autoHideCssClass = autoHide ? `autoHide_${ autoHideDelay }` : 'noAutoHide';\n\n const cssClass = `\n pageBanner \n ${ type } \n ${ position } \n ${ displayMode } \n ${ autoHideCssClass }_${ animation }\n width_${ widthVariant }\n backgroundFill_${ backgroundFill }\n `;\n\n const handleBannerClose = () => {\n setVisibility(false);\n localStorage.setItem(StorageKey, JSON.stringify({ shouldDisplay: reDisplayOnClose }));\n };\n\n if (isVisible) {\n return (\n <aside className={ cssClass }>\n { !disableClose && (\n <SimpleButton\n cssClass=\"closeBannerButton\"\n label=\"Close page banner\"\n id={ `${ id }_CloseBannerButton` }\n onClickHandler={ handleBannerClose }\n hideLabel\n leftIcon={ { icon: 'close' } }\n />\n ) }\n\n <div className=\"pageBannerMainIcon\">\n { renderIcon(icon) }\n </div>\n\n <div className=\"pageBannerContent\">\n { children }\n </div>\n </aside>\n );\n }\n\n return null;\n};\n\nexport default PageBanner;\n\nexport { PageBanner as Banner };\nexport { PageBanner as Alert };"],"mappings":";AAAA,YAAY;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAF,OAAA,CAAAG,UAAA,GAAAH,OAAA,CAAAI,MAAA,GAAAJ,OAAA,CAAAK,KAAA;AAEb,IAAAC,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEAA,OAAA;AAA4B,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAlB,OAAA,EAAAS,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAI,GAAA,CAAAV,CAAA,UAAAM,CAAA,CAAAK,GAAA,CAAAX,CAAA,GAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAnB,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAA4B,wBAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;~~AAkBrB~~,~~MAAMT~~,UAAqC,GAAGA,CAAC;~~EACpDwB~~,SAAS,GAAG,MAAM;EAClBC,gBAAgB,GAAG,KAAK;EACxBC,QAAQ,GAAG,KAAK;EAChBC,aAAa,GAAG,EAAE;EAClBC,QAAQ;EACRC,WAAW,GAAG,OAAO;EACrBC,IAAI,GAAG,MAAM;EACbC,EAAE,GAAG,YAAY;EACjBC,QAAQ,GAAG,WAAW;EACtBC,IAAI,GAAG,MAAM;EACbC,YAAY,GAAG,KAAK;EACpBC,YAAY,GAAG,IAAI;EACnBC,cAAc,GAAG;AACnB,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAG,cAAeN,EAAE,EAAG;EAEvC,MAAM,CAACO,~~YAAY~~,EAAEC,~~eAAe~~,CAAC,GAAG,IAAAC,eAAQ,~~EAAgB~~,IAAI,CAAC;~~EAErE~~,IAAAC,gBAAS,EAAC,MAAM;IACdF,~~eAAe~~,~~CAACG~~,~~YAAY~~,~~CAACC~~,~~OAAO,CAACN,~~UAAU,CAAC,CAAC;~~EACnD~~,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,~~MAAMO~~,eAAe,GAAGN,YAAY,IAAIO,IAAI,CAACC,KAAK,CAACR,YAAY,CAAC;EAEhE,MAAM;IAAES;EAAc,CAAC,GAAGH,eAAe,IAAI;IAAEG,aAAa,EAAE;EAAK,CAAC;EAEpE,MAAM,CAACC,SAAS,EAAEC,aAAa,CAAC,GAAG,IAAAT,eAAQ,EAAUO,aAAa,CAAC;EAEnE,MAAMG,gBAAgB,~~GAAGxB~~,QAAQ,GAAG,YAAaC,aAAa,EAAG,GAAG,YAAY;EAEhF,~~MAAMwB~~,QAAQ,GAAG;AACnB;AACA,~~MAAOlB~~,IAAI;AACX,MAAOD,QAAQ;AACf,MAAOH,WAAW;AAClB,~~MAAOqB~~,gBAAgB,~~IAAM1B~~,SAAS;AACtC,YAAaW,YAAY;AACzB,qBAAsBC,cAAc;AACpC,GAAG;EAED,~~MAAMgB~~,iBAAiB,GAAGA,CAAA,KAAM;~~IAC9BH~~,aAAa,CAAC,KAAK,CAAC;~~IACpBP~~,YAAY,~~CAACW~~,OAAO,~~CAAChB~~,UAAU,~~EAAEQ~~,IAAI,~~CAACS~~,SAAS,CAAC;~~MAAEP~~,aAAa,~~EAAEtB~~;~~IAAiB~~,CAAC,CAAC,CAAC;~~EACvF~~,CAAC;EAED,~~IAAIuB~~,SAAS,EAAE;IACb,~~oBACE7C~~,MAAA,CAAAJ,OAAA,CAAAwD,aAAA;MAAOC,SAAS,EAAGL;IAAU,GACzB,~~CAACjB~~,YAAY,~~iBACb/B~~,MAAA,CAAAJ,OAAA,CAAAwD,aAAA,CAAChD,aAAA,CAAAkD,YAAY;MACXN,QAAQ,EAAC,mBAAmB;MAC5BO,KAAK,EAAC,mBAAmB;~~MACzB3B~~,EAAE,EAAG,GAAIA,EAAE,oBAAuB;~~MAClC4B~~,cAAc,EAAGP,iBAAmB;MACpCQ,SAAS;MACTC,QAAQ,EAAG;~~QAAE/B~~,IAAI,EAAE;MAAQ;IAAG,CAC/B,CACF,~~eAED3B~~,MAAA,CAAAJ,OAAA,CAAAwD,aAAA;MAAKC,SAAS,EAAC;IAAoB,GAC/B,IAAAM,uBAAU,~~EAAChC~~,IAAI,CACd,CAAC,~~eAEN3B~~,MAAA,CAAAJ,OAAA,CAAAwD,aAAA;MAAKC,SAAS,EAAC;IAAmB,~~GAC9B5B~~,QACC,CACA,CAAC;EAEZ;EAEA,OAAO,IAAI;AACb,CAAC;~~AAAC/B~~,OAAA,CAAAK,KAAA,GAAAL,OAAA,CAAAI,MAAA,GAAAJ,OAAA,CAAAG,UAAA,GAAAA,UAAA;AAAA,IAAA+D,QAAA,GAAAlE,OAAA,CAAAE,OAAA,GAEaC,UAAU","ignoreList":[]}
1	+ {"version":3,"file":"PageBanner.js","names":["Object","defineProperty","exports","value","default","PageBanner","Banner","Alert","_react","_interopRequireWildcard","require","_iconHelpers","_SimpleButton","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","readShouldDisplay","storageKey","stored","JSON","parse","localStorage","getItem","shouldDisplay","animation","reDisplayOnClose","autoHide","autoHideDelay","children","displayMode","icon","id","position","type","disableClose","widthVariant","backgroundFill","StorageKey","isVisible","setVisibility","useState","useEffect","autoHideCssClass","cssClass","handleBannerClose","setItem","stringify","createElement","className","SimpleButton","label","onClickHandler","hideLabel","leftIcon","renderIcon","_default"],"sources":["../../../../../../src/components/design/banners/pageBanner/PageBanner.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, ReactNode, ReactElement, useEffect } from 'react';\nimport { IconSource, renderIcon } from '../../../../helpers/iconHelpers';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\n\nimport './pageBanners.scss';\n\nexport interface PageBannerProps {\n id: string;\n children: ReactNode \| ReactElement;\n animation?: 'slideInLeft' \| 'slideInRight' \| 'growOnHover' \| 'none';\n reDisplayOnClose?: boolean;\n autoHide?: boolean;\n autoHideDelay?: 1 \| 3 \| 5 \| 10;\n displayMode?: 'fixed' \| 'inline';\n icon?: IconSource;\n position?: 'topRight' \| 'topCentre' \| 'bottomRight' \| 'bottomLeft'; // Only applicable with fixed display\n type?: 'alert' \| 'info' \| 'warn' \| 'error' \| 'success';\n disableClose?: boolean;\n widthVariant?: 'sm' \| 'md' \| 'lg';\n backgroundFill?: 'primary' \| 'secondary';\n}\n\n/\n Reads whether the banner was dismissed. Storage is shared with the rest of the origin and may hold\n anything, and can throw where it is blocked (e.g. some privacy modes), so any unreadable or\n unexpected value means the banner shows.\n /\nconst readShouldDisplay = (storageKey: string): boolean => {\n try {\n const stored: unknown = JSON.parse(localStorage.getItem(storageKey) ?? 'null');\n if (stored && typeof stored === 'object' && typeof (stored as { shouldDisplay?: unknown }).shouldDisplay === 'boolean') {\n return (stored as { shouldDisplay: boolean }).shouldDisplay;\n }\n } catch {\n // Fall through to the default.\n }\n return true;\n};\n\nexport const PageBanner: React.FC<PageBannerProps> = ({\n animation = 'none',\n reDisplayOnClose = false,\n autoHide = false,\n autoHideDelay = 10,\n children,\n displayMode = 'fixed',\n icon = 'info',\n id = 'pageBanner',\n position = 'topCentre', \n type = 'info',\n disableClose = false,\n widthVariant = 'lg',\n backgroundFill = 'primary',\n}) => {\n const StorageKey = `pageBanner_${ id }`;\n\n const [isVisible, setVisibility] = useState<boolean>(true);\n\n // Read after mounting, so server and first client render agree.\n useEffect(() => {\n setVisibility(readShouldDisplay(StorageKey));\n }, [StorageKey]);\n\n const autoHideCssClass = autoHide ? `autoHide_${ autoHideDelay }` : 'noAutoHide';\n\n const cssClass = `\n pageBanner \n ${ type } \n ${ position } \n ${ displayMode } \n ${ autoHideCssClass }_${ animation }\n width_${ widthVariant }\n backgroundFill_${ backgroundFill }\n `;\n\n const handleBannerClose = () => {\n setVisibility(false);\n try {\n localStorage.setItem(StorageKey, JSON.stringify({ shouldDisplay: reDisplayOnClose }));\n } catch {\n // Storage is unavailable, so the dismissal lasts only until the next visit.\n }\n };\n\n if (isVisible) {\n return (\n <aside className={ cssClass }>\n { !disableClose && (\n <SimpleButton\n cssClass=\"closeBannerButton\"\n label=\"Close page banner\"\n id={ `${ id }_CloseBannerButton` }\n onClickHandler={ handleBannerClose }\n hideLabel\n leftIcon={ { icon: 'close' } }\n />\n ) }\n\n <div className=\"pageBannerMainIcon\">\n { renderIcon(icon) }\n </div>\n\n <div className=\"pageBannerContent\">\n { children }\n </div>\n </aside>\n );\n }\n\n return null;\n};\n\nexport default PageBanner;\n\nexport { PageBanner as Banner };\nexport { PageBanner as Alert };"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/design/card/cardHeader/CardHeaderItem.js CHANGED Viewed

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardHeaderItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _iconHelpers = require("../../../../helpers/iconHelpers");
+var _urlHelpers = require("../../../../helpers/urlHelpers");
 var _LogoLink = require("../../logos/LogoLink");
 var _OwnerDetailsPopup = require("../../ownerDetailsPopup/OwnerDetailsPopup");
 var _SimpleButton = require("../../../form/buttons/SimpleButton");
@@ -21,20 +22,26 @@ const CardHeaderItem = ({
   hideTitle = false,
   url,
   actionButton
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: "cardHeaderItem",
-  title: title
-}, url ? /*#__PURE__*/_react.default.createElement("a", {
-  className: "cardHeaderItemLink",
-  href: url
-}, (0, _iconHelpers.renderIcon)(icon), logo && /*#__PURE__*/_react.default.createElement(_LogoLink.LogoLink, logo), graphic && /*#__PURE__*/_react.default.createElement("img", {
-  src: graphic.imageUrl,
-  className: "logoImage",
-  alt: `${graphic.label}`
-}), /*#__PURE__*/_react.default.createElement("span", {
-  className: hideTitle ? 'sr-only' : 'cardHeaderItemTitle'
-}, content || title)) : content, owner && /*#__PURE__*/_react.default.createElement(_OwnerDetailsPopup.OwnerDetailsPopup, {
-  owner: owner
-}), actionButton && /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, actionButton));
+}) => {
+  const safeUrl = url ? (0, _urlHelpers.getSafeLinkHref)(url) : undefined;
+  const headerContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _iconHelpers.renderIcon)(icon), logo && /*#__PURE__*/_react.default.createElement(_LogoLink.LogoLink, logo), graphic && /*#__PURE__*/_react.default.createElement("img", {
+    src: graphic.imageUrl,
+    className: "logoImage",
+    alt: `${graphic.label}`
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: hideTitle ? 'sr-only' : 'cardHeaderItemTitle'
+  }, content || title));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "cardHeaderItem",
+    title: title
+  }, safeUrl ? /*#__PURE__*/_react.default.createElement("a", {
+    className: "cardHeaderItemLink",
+    href: safeUrl
+  }, headerContent) : url ? /*#__PURE__*/_react.default.createElement("span", {
+    className: "cardHeaderItemLink"
+  }, headerContent) : content, owner && /*#__PURE__*/_react.default.createElement(_OwnerDetailsPopup.OwnerDetailsPopup, {
+    owner: owner
+  }), actionButton && /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, actionButton));
+};
 exports.CardHeaderItem = CardHeaderItem;
 //# sourceMappingURL=CardHeaderItem.js.map

package/dist/cjs/components/design/card/cardHeader/CardHeaderItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardHeaderItem.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","CardHeaderItem","_react","_iconHelpers","_LogoLink","_OwnerDetailsPopup","_SimpleButton","icon","logo","graphic","owner","title","content","hideTitle","url","actionButton","~~default~~","~~createElement~~","~~className~~","~~href~~","renderIcon","LogoLink","src","imageUrl","alt","label","OwnerDetailsPopup","SimpleButton"],"sources":["../../../../../../src/components/design/card/cardHeader/CardHeaderItem.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactElement, ReactNode } from 'react';\nimport { IconSource, renderIcon } from '../../../../helpers/iconHelpers';\nimport { LogoLink, LogoLinkProps } from '../../logos/LogoLink';\nimport { OwnerDetailsPopup } from '../../ownerDetailsPopup/OwnerDetailsPopup';\nimport { ButtonProps } from '../../../form/buttons/button.interface';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\n\nexport interface CardHeaderItemProps {\n icon?: IconSource;\n logo?: LogoLinkProps;\n graphic?: {\n imageUrl: string;\n label: string;\n },\n owner?: {\n name: string;\n email?: string;\n phone?: string;\n },\n title?: string;\n content?: ReactNode \| ReactElement;\n hideTitle?: boolean;\n url?: string;\n actionButton?: ButtonProps;\n}\n\nexport const CardHeaderItem: React.FC<CardHeaderItemProps> = (\n {\n icon,\n logo,\n graphic,\n owner,\n title,\n content,\n hideTitle = false,\n url,\n actionButton\n }\n) => (\n ~~<div~~ ~~className=\"cardHeaderItem\"~~ ~~title~~={ ~~title~~ ~~}>\n {\n url\n~~ ? (\n <a ~~className=\"cardHeaderItemLink\"~~ ~~href~~={ ~~url }>\~~n { renderIcon(icon) }\n\n { logo && <LogoLink { ...logo } /> }\n\n { graphic && <img src={ graphic.imageUrl } className=\"logoImage\" alt={ `${ graphic.label }` } /> }\n\n <span className={ hideTitle ? 'sr-only' : 'cardHeaderItemTitle' }>{ content \|\| title }</span>\n </a>\n )\n : content\n }\n\n {\n owner && <OwnerDetailsPopup owner={ owner } ~~/>\n~~ }\n\n {\n actionButton && <SimpleButton { ...actionButton } ~~/>\n~~ }\n </div>\n);\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,cAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,~~SAAA~~,GAAAR,OAAA;AACA,IAAAS,~~kBAAA~~,GAAAT,OAAA;~~AAEA~~,IAAAU,~~aAAA~~,GAAAV,OAAA;AAqBO,MAAMK,cAA6C,GAAGA,CAC3D;~~EACEM~~,IAAI;EACJC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,SAAS,GAAG,KAAK;EACjBC,GAAG;EACHC;AACF,CAAC,~~kBAEDb~~,~~MAAA~~,~~CAAAc~~,~~OAAA~~,~~CAAAC~~,~~aAAA;EAAKC~~,~~SAAS~~,~~EAAC~~,~~gBAAgB;EAACP~~,~~KAAK~~,~~EAAGA~~;~~AAAO~~,~~GAE3CG~~,~~GAAG~~,~~gBAECZ~~,MAAA,~~CAAAc~~,OAAA,CAAAC,aAAA~~;EAAGC~~,~~SAAS~~,~~EAAC~~,~~oBAAoB;EAACC~~,~~IAAI~~,~~EAAGL;AAAK~~,~~GAC1C~~,~~IAAAM~~,uBAAU,~~EAACb~~,IAAI,CAAC,EAEhBC,IAAI,~~iBAAIN~~,MAAA,~~CAAAc~~,OAAA,CAAAC,aAAA,~~CAACb~~,SAAA,~~CAAAiB~~,QAAQ,~~EAAMb~~,IAAQ,CAAC,EAEhCC,OAAO,~~iBAAIP~~,MAAA,~~CAAAc~~,OAAA,CAAAC,aAAA;~~EAAKK~~,GAAG,~~EAAGb~~,OAAO,~~CAACc~~,QAAU;~~EAACL~~,SAAS,EAAC,WAAW;~~EAACM~~,GAAG,EAAG,~~GAAIf~~,OAAO,~~CAACgB~~,KAAK;~~AAAK~~,CAAE,CAAC,~~eAEhGvB~~,MAAA,~~CAAAc~~,OAAA,CAAAC,aAAA;~~EAAMC~~,SAAS,~~EAAGL~~,SAAS,GAAG,SAAS,GAAG;~~AAAuB~~,GAAGD,OAAO,IAAID,KAAa,~~CAC3F~~,CAAC,~~GAEJC~~,OAAO,~~EAIXF~~,KAAK,~~iBAAIR~~,MAAA,~~CAAAc~~,OAAA,CAAAC,aAAA,~~CAACZ~~,kBAAA,~~CAAAqB~~,iBAAiB;~~EAAChB~~,KAAK,EAAGA;~~AAAO~~,CAAE,CAAC,~~EAI9CK~~,YAAY,~~iBAAIb~~,MAAA,~~CAAAc~~,OAAA,CAAAC,aAAA,~~CAACX~~,aAAA,~~CAAAqB~~,YAAY,~~EAAMZ~~,YAAgB,~~CAElD~~,~~CACN~~;~~AAAChB~~,OAAA,CAAAE,cAAA,GAAAA,cAAA","ignoreList":[]}
1	+ {"version":3,"file":"CardHeaderItem.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","CardHeaderItem","_react","_iconHelpers","_urlHelpers","_LogoLink","_OwnerDetailsPopup","_SimpleButton","icon","logo","graphic","owner","title","content","hideTitle","url","actionButton","safeUrl","getSafeLinkHref","undefined","headerContent","default","createElement","Fragment","renderIcon","LogoLink","src","imageUrl","className","alt","label","href","OwnerDetailsPopup","SimpleButton"],"sources":["../../../../../../src/components/design/card/cardHeader/CardHeaderItem.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactElement, ReactNode } from 'react';\nimport { IconSource, renderIcon } from '../../../../helpers/iconHelpers';\nimport { getSafeLinkHref } from '../../../../helpers/urlHelpers';\nimport { LogoLink, LogoLinkProps } from '../../logos/LogoLink';\nimport { OwnerDetailsPopup } from '../../ownerDetailsPopup/OwnerDetailsPopup';\nimport { ButtonProps } from '../../../form/buttons/button.interface';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\n\nexport interface CardHeaderItemProps {\n icon?: IconSource;\n logo?: LogoLinkProps;\n graphic?: {\n imageUrl: string;\n label: string;\n },\n owner?: {\n name: string;\n email?: string;\n phone?: string;\n },\n title?: string;\n content?: ReactNode \| ReactElement;\n hideTitle?: boolean;\n url?: string;\n actionButton?: ButtonProps;\n}\n\nexport const CardHeaderItem: React.FC<CardHeaderItemProps> = (\n {\n icon,\n logo,\n graphic,\n owner,\n title,\n content,\n hideTitle = false,\n url,\n actionButton\n }\n) => {\n const safeUrl = url ? getSafeLinkHref(url) : undefined;\n const headerContent = (\n <>\n { renderIcon(icon) }\n\n { logo && <LogoLink { ...logo } /> }\n\n { graphic && <img src={ graphic.imageUrl } className=\"logoImage\" alt={ `${ graphic.label }` } /> }\n\n <span className={ hideTitle ? 'sr-only' : 'cardHeaderItemTitle' }>{ content \|\| title }</span>\n </>\n );\n\n return (\n <div className=\"cardHeaderItem\" title={ title }>\n { safeUrl\n ? <a className=\"cardHeaderItemLink\" href={ safeUrl }>{ headerContent }</a>\n : url\n ? <span className=\"cardHeaderItemLink\">{ headerContent }</span>\n : content\n }\n\n { owner && <OwnerDetailsPopup owner={ owner } /> }\n\n { actionButton && <SimpleButton { ...actionButton } /> }\n </div>\n );\n};\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,cAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,kBAAA,GAAAV,OAAA;AAEA,IAAAW,aAAA,GAAAX,OAAA;AAqBO,MAAMK,cAA6C,GAAGA,CAC3D;EACEO,IAAI;EACJC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,SAAS,GAAG,KAAK;EACjBC,GAAG;EACHC;AACF,CAAC,KACE;EACH,MAAMC,OAAO,GAAGF,GAAG,GAAG,IAAAG,2BAAe,EAACH,GAAG,CAAC,GAAGI,SAAS;EACtD,MAAMC,aAAa,gBACjBlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAApB,MAAA,CAAAmB,OAAA,CAAAE,QAAA,QACI,IAAAC,uBAAU,EAAChB,IAAI,CAAC,EAEhBC,IAAI,iBAAIP,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,SAAA,CAAAoB,QAAQ,EAAMhB,IAAQ,CAAC,EAEhCC,OAAO,iBAAIR,MAAA,CAAAmB,OAAA,CAAAC,aAAA;IAAKI,GAAG,EAAGhB,OAAO,CAACiB,QAAU;IAACC,SAAS,EAAC,WAAW;IAACC,GAAG,EAAG,GAAInB,OAAO,CAACoB,KAAK;EAAK,CAAE,CAAC,eAEhG5B,MAAA,CAAAmB,OAAA,CAAAC,aAAA;IAAMM,SAAS,EAAGd,SAAS,GAAG,SAAS,GAAG;EAAuB,GAAGD,OAAO,IAAID,KAAa,CAC5F,CACH;EAED,oBACEV,MAAA,CAAAmB,OAAA,CAAAC,aAAA;IAAKM,SAAS,EAAC,gBAAgB;IAAChB,KAAK,EAAGA;EAAO,GAC3CK,OAAO,gBACLf,MAAA,CAAAmB,OAAA,CAAAC,aAAA;IAAGM,SAAS,EAAC,oBAAoB;IAACG,IAAI,EAAGd;EAAS,GAAGG,aAAkB,CAAC,GACxEL,GAAG,gBACDb,MAAA,CAAAmB,OAAA,CAAAC,aAAA;IAAMM,SAAS,EAAC;EAAoB,GAAGR,aAAqB,CAAC,GAC7DP,OAAO,EAGXF,KAAK,iBAAIT,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,kBAAA,CAAA0B,iBAAiB;IAACrB,KAAK,EAAGA;EAAO,CAAE,CAAC,EAE9CK,YAAY,iBAAId,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA0B,YAAY,EAAMjB,YAAgB,CAClD,CAAC;AAEV,CAAC;AAACjB,OAAA,CAAAE,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/components/design/dialog/dialog.css CHANGED Viewed

@@ -41,6 +41,7 @@
   height: 30px;
   font-size: 10px;
   display: flex;
+  flex-shrink: 0;
   align-items: center;
   justify-content: center;
   border: var(--dialogCloseButtonBorder, none);
@@ -65,6 +66,9 @@
   flex-direction: row;
   justify-content: space-between;
 }
+.dialog .dialogHeader .dialogHeaderTextWrapper {
+  min-width: 0;
+}
 .dialog .dialogHeader .dialogHeaderText,
 .dialog .dialogHeader .headerBar {
   text-overflow: ellipsis;

package/dist/cjs/components/design/logos/LogoLink.js CHANGED Viewed

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.LogoLink = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _urlHelpers = require("../../../helpers/urlHelpers");
 const LogoLink = ({
   imageUrl,
   svg,
@@ -16,7 +17,7 @@ const LogoLink = ({
   url,
   hideLabel = true
 }) => /*#__PURE__*/_react.default.createElement("a", {
-  href: url,
+  href: (0, _urlHelpers.getSafeLinkHref)(url),
   title: label,
   target: "_blank",
   className: `logoLink logoLink_${size} ${customCssClass || ''}`,

package/dist/cjs/components/design/logos/LogoLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LogoLink.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","LogoLink","_react","imageUrl","svg","size","customCssClass","label","url","hideLabel","default","createElement","href","title","target","className","rel","src","alt"],"sources":["../../../../../src/components/design/logos/LogoLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactElement, ReactNode } from 'react';\n\nexport interface LogoLinkProps {\n imageUrl?: string;\n svg?: ReactElement \| ReactNode;\n size?: 'xs' \| 's' \| 'm'\n customCssClass?: string;\n label: string;\n url: string;\n hideLabel?: boolean;\n}\n\nexport const LogoLink: React.FC<LogoLinkProps> = (\n {\n imageUrl,\n svg,\n size = 's',\n customCssClass,\n label,\n url,\n hideLabel = true\n }\n) => (\n <a href={ url } title={ label } target=\"_blank\" className={ `logoLink logoLink_${ size } ${ customCssClass \|\| '' }` } rel=\"noreferrer\">\n {\n imageUrl && (\n <img src={ imageUrl }\n className=\"logoImage\"\n alt={ `${ label } logo` }\n />\n )\n }\n {\n svg && <span className=\"logoSvg\">{ svg }</span>\n }\n <span className={ hideLabel ? 'sr-only' : 'logoLabel' }>\n { label }\n </span>\n </a>\n);\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,QAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AAYO,MAAMK,QAAiC,GAAGA,CAC/C;~~EACEE~~,QAAQ;EACRC,GAAG;EACHC,IAAI,GAAG,GAAG;EACVC,cAAc;EACdC,KAAK;EACLC,GAAG;EACHC,SAAS,GAAG;AACd,CAAC,~~kBAEDP~~,MAAA,~~CAAAQ~~,OAAA,CAAAC,aAAA;EAAGC,IAAI,~~EAAGJ~~,~~GAAK~~;~~EAACK~~,KAAK,~~EAAGN~~,KAAO;~~EAACO~~,MAAM,EAAC,QAAQ;EAACC,SAAS,EAAG,~~qBAAsBV~~,IAAI,IAAMC,cAAc,IAAI,EAAE,EAAK;~~EAACU~~,GAAG,EAAC;AAAY,~~GAElIb~~,QAAQ,~~iBACND~~,MAAA,~~CAAAQ~~,OAAA,CAAAC,aAAA;~~EAAKM~~,GAAG,~~EAAGd~~,QAAU;~~EACnBY~~,SAAS,EAAC,WAAW;EACrBG,GAAG,EAAG,~~GAAIX~~,KAAK;AAAU,CAC1B,CACF,EAGDH,GAAG,~~iBAAIF~~,MAAA,~~CAAAQ~~,OAAA,CAAAC,aAAA;~~EAAMI~~,SAAS,EAAC;AAAS,~~GAAGX~~,GAAW,CAAC,~~eAEjDF~~,MAAA,~~CAAAQ~~,OAAA,CAAAC,aAAA;~~EAAMI~~,SAAS,~~EAAGN~~,SAAS,GAAG,SAAS,GAAG;AAAa,GACnDF,KACE,CACL,CACJ;~~AAACR~~,OAAA,CAAAE,QAAA,GAAAA,QAAA","ignoreList":[]}
1	+ {"version":3,"file":"LogoLink.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","LogoLink","_react","_urlHelpers","imageUrl","svg","size","customCssClass","label","url","hideLabel","default","createElement","href","getSafeLinkHref","title","target","className","rel","src","alt"],"sources":["../../../../../src/components/design/logos/LogoLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactElement, ReactNode } from 'react';\nimport { getSafeLinkHref } from '../../../helpers/urlHelpers';\n\nexport interface LogoLinkProps {\n imageUrl?: string;\n svg?: ReactElement \| ReactNode;\n size?: 'xs' \| 's' \| 'm'\n customCssClass?: string;\n label: string;\n url: string;\n hideLabel?: boolean;\n}\n\nexport const LogoLink: React.FC<LogoLinkProps> = (\n {\n imageUrl,\n svg,\n size = 's',\n customCssClass,\n label,\n url,\n hideLabel = true\n }\n) => (\n <a href={ getSafeLinkHref(url) } title={ label } target=\"_blank\" className={ `logoLink logoLink_${ size } ${ customCssClass \|\| '' }` } rel=\"noreferrer\">\n {\n imageUrl && (\n <img src={ imageUrl }\n className=\"logoImage\"\n alt={ `${ label } logo` }\n />\n )\n }\n {\n svg && <span className=\"logoSvg\">{ svg }</span>\n }\n <span className={ hideLabel ? 'sr-only' : 'logoLabel' }>\n { label }\n </span>\n </a>\n);\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,QAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAYO,MAAMK,QAAiC,GAAGA,CAC/C;EACEG,QAAQ;EACRC,GAAG;EACHC,IAAI,GAAG,GAAG;EACVC,cAAc;EACdC,KAAK;EACLC,GAAG;EACHC,SAAS,GAAG;AACd,CAAC,kBAEDR,MAAA,CAAAS,OAAA,CAAAC,aAAA;EAAGC,IAAI,EAAG,IAAAC,2BAAe,EAACL,GAAG,CAAG;EAACM,KAAK,EAAGP,KAAO;EAACQ,MAAM,EAAC,QAAQ;EAACC,SAAS,EAAG,qBAAsBX,IAAI,IAAMC,cAAc,IAAI,EAAE,EAAK;EAACW,GAAG,EAAC;AAAY,GAEnJd,QAAQ,iBACNF,MAAA,CAAAS,OAAA,CAAAC,aAAA;EAAKO,GAAG,EAAGf,QAAU;EACnBa,SAAS,EAAC,WAAW;EACrBG,GAAG,EAAG,GAAIZ,KAAK;AAAU,CAC1B,CACF,EAGDH,GAAG,iBAAIH,MAAA,CAAAS,OAAA,CAAAC,aAAA;EAAMK,SAAS,EAAC;AAAS,GAAGZ,GAAW,CAAC,eAEjDH,MAAA,CAAAS,OAAA,CAAAC,aAAA;EAAMK,SAAS,EAAGP,SAAS,GAAG,SAAS,GAAG;AAAa,GACnDF,KACE,CACL,CACJ;AAACT,OAAA,CAAAE,QAAA,GAAAA,QAAA","ignoreList":[]}

package/dist/cjs/components/design/logos/VentureLogo.js CHANGED Viewed

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.VentureLogo = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ventures = require("../../../constants/ventures");
+var _urlHelpers = require("../../../helpers/urlHelpers");
 require("./ventureLogos.css");
 const VentureLogo = ({
   ventureKey = 'x15Ventures',
@@ -31,7 +32,7 @@ const VentureLogo = ({
   } = logoDefinition;
   const cssClass = `ventureLogo ventureLogo_${size} ${ventureKey}Logo ${customCssClass || ''}`;
   return /*#__PURE__*/_react.default.createElement("a", {
-    href: url,
+    href: (0, _urlHelpers.getSafeLinkHref)(url),
     title: name,
     target: "_blank",
     className: cssClass,

package/dist/cjs/components/design/logos/VentureLogo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VentureLogo.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","VentureLogo","_react","_ventures","ventureKey","ventureDefinition","size","customCssClass","logoDefinition","VENTURES","x15Ventures","logo","icon","full","name","sites","public","publicSiteName","url","cssClass","default","createElement","href","title","target","className","rel"],"sources":["../../../../../src/components/design/logos/VentureLogo.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { VENTURES, VentureDefinition } from '../../../constants/ventures';\n\nimport './ventureLogos.scss';\n\nexport interface VentureLogoProps {\n ventureDefinition?: VentureDefinition;\n ventureKey: string;\n size?: 'icon' \| 'full';\n customCssClass?: string;\n}\n\nexport const VentureLogo: React.FC<VentureLogoProps> = (\n {\n ventureKey = 'x15Ventures',\n ventureDefinition,\n size = 'full',\n customCssClass\n }\n) => {\n const logoDefinition = ventureDefinition \|\| VENTURES[ ventureKey ] \|\| VENTURES.x15Ventures;\n\n const { logo: { icon, full }, name, sites: { public: { name: publicSiteName, url } } } = logoDefinition;\n\n const cssClass = `ventureLogo ventureLogo_${ size } ${ ventureKey }Logo ${ customCssClass \|\| '' }`;\n\n return (\n <a href={ url } title={ name } target=\"_blank\" className={ cssClass } rel=\"noreferrer\">\n {\n size === 'icon'\n ? icon\n : full\n }\n\n <span className=\"sr-only\">\n Visit { publicSiteName }\n </span>\n </a>\n );\n};\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,WAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAEAA,OAAA;AASO,MAAMK,WAAuC,GAAGA,CACrD;~~EACEG~~,UAAU,GAAG,aAAa;EAC1BC,iBAAiB;EACjBC,IAAI,GAAG,MAAM;EACbC;AACF,CAAC,KACE;EACH,MAAMC,cAAc,GAAGH,iBAAiB,IAAII,kBAAQ,CAAEL,UAAU,CAAE,IAAIK,kBAAQ,CAACC,WAAW;EAE1F,MAAM;IAAEC,IAAI,EAAE;MAAEC,IAAI;MAAEC;IAAK,CAAC;IAAEC,IAAI;IAAEC,KAAK,EAAE;MAAEC,MAAM,EAAE;QAAEF,IAAI,EAAEG,cAAc;QAAEC;MAAI;IAAE;EAAE,CAAC,GAAGV,cAAc;EAEvG,MAAMW,QAAQ,GAAG,2BAA4Bb,IAAI,IAAMF,UAAU,QAAUG,cAAc,IAAI,EAAE,EAAG;EAElG,~~oBACEL~~,MAAA,~~CAAAkB~~,OAAA,CAAAC,aAAA;IAAGC,IAAI,~~EAAGJ~~,~~GAAK~~;~~IAACK~~,KAAK,~~EAAGT~~,IAAM;~~IAACU~~,MAAM,EAAC,QAAQ;IAACC,SAAS,~~EAAGN~~,QAAU;~~IAACO~~,GAAG,EAAC;EAAY,~~GAElFpB~~,IAAI,KAAK,MAAM,GACXM,IAAI,GACJC,IAAI,~~eAGVX~~,MAAA,~~CAAAkB~~,OAAA,CAAAC,aAAA;~~IAAMI~~,SAAS,EAAC;EAAS,GAAC,QAClB,~~EAAER~~,cACJ,CACL,CAAC;AAER,CAAC;~~AAAClB~~,OAAA,CAAAE,WAAA,GAAAA,WAAA","ignoreList":[]}
1	+ {"version":3,"file":"VentureLogo.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","VentureLogo","_react","_ventures","_urlHelpers","ventureKey","ventureDefinition","size","customCssClass","logoDefinition","VENTURES","x15Ventures","logo","icon","full","name","sites","public","publicSiteName","url","cssClass","default","createElement","href","getSafeLinkHref","title","target","className","rel"],"sources":["../../../../../src/components/design/logos/VentureLogo.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { VENTURES, VentureDefinition } from '../../../constants/ventures';\nimport { getSafeLinkHref } from '../../../helpers/urlHelpers';\n\nimport './ventureLogos.scss';\n\nexport interface VentureLogoProps {\n ventureDefinition?: VentureDefinition;\n ventureKey: string;\n size?: 'icon' \| 'full';\n customCssClass?: string;\n}\n\nexport const VentureLogo: React.FC<VentureLogoProps> = (\n {\n ventureKey = 'x15Ventures',\n ventureDefinition,\n size = 'full',\n customCssClass\n }\n) => {\n const logoDefinition = ventureDefinition \|\| VENTURES[ ventureKey ] \|\| VENTURES.x15Ventures;\n\n const { logo: { icon, full }, name, sites: { public: { name: publicSiteName, url } } } = logoDefinition;\n\n const cssClass = `ventureLogo ventureLogo_${ size } ${ ventureKey }Logo ${ customCssClass \|\| '' }`;\n\n return (\n <a href={ getSafeLinkHref(url) } title={ name } target=\"_blank\" className={ cssClass } rel=\"noreferrer\">\n {\n size === 'icon'\n ? icon\n : full\n }\n\n <span className=\"sr-only\">\n Visit { publicSiteName }\n </span>\n </a>\n );\n};\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,WAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAEAA,OAAA;AASO,MAAMK,WAAuC,GAAGA,CACrD;EACEI,UAAU,GAAG,aAAa;EAC1BC,iBAAiB;EACjBC,IAAI,GAAG,MAAM;EACbC;AACF,CAAC,KACE;EACH,MAAMC,cAAc,GAAGH,iBAAiB,IAAII,kBAAQ,CAAEL,UAAU,CAAE,IAAIK,kBAAQ,CAACC,WAAW;EAE1F,MAAM;IAAEC,IAAI,EAAE;MAAEC,IAAI;MAAEC;IAAK,CAAC;IAAEC,IAAI;IAAEC,KAAK,EAAE;MAAEC,MAAM,EAAE;QAAEF,IAAI,EAAEG,cAAc;QAAEC;MAAI;IAAE;EAAE,CAAC,GAAGV,cAAc;EAEvG,MAAMW,QAAQ,GAAG,2BAA4Bb,IAAI,IAAMF,UAAU,QAAUG,cAAc,IAAI,EAAE,EAAG;EAElG,oBACEN,MAAA,CAAAmB,OAAA,CAAAC,aAAA;IAAGC,IAAI,EAAG,IAAAC,2BAAe,EAACL,GAAG,CAAG;IAACM,KAAK,EAAGV,IAAM;IAACW,MAAM,EAAC,QAAQ;IAACC,SAAS,EAAGP,QAAU;IAACQ,GAAG,EAAC;EAAY,GAEnGrB,IAAI,KAAK,MAAM,GACXM,IAAI,GACJC,IAAI,eAGVZ,MAAA,CAAAmB,OAAA,CAAAC,aAAA;IAAMK,SAAS,EAAC;EAAS,GAAC,QAClB,EAAET,cACJ,CACL,CAAC;AAER,CAAC;AAACnB,OAAA,CAAAE,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/design/revealMore/RevealMoreBelow.js CHANGED Viewed

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RevealMoreBelow = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _ = require("../../..");
+var _SimpleButton = require("../../form/buttons/SimpleButton");
 var _useRevealMoreLogic = require("./hooks/useRevealMoreLogic");
 var _useCustomButton = require("./hooks/useCustomButton");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -48,7 +48,7 @@ const RevealMoreBelow = props => {
       ...elementStyle,
       WebkitLineClamp: 'none'
     } : elementStyle
-  }, children), isOverflowing && (isCustomButton ? renderCustomButton(isExpanded ? props.revealLessButton : props.revealMoreButton) : /*#__PURE__*/_react.default.createElement(_.SimpleButton, {
+  }, children), isOverflowing && (isCustomButton ? renderCustomButton(isExpanded ? props.revealLessButton : props.revealMoreButton) : /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
     onClickHandler: () => {
       toggleExpand();
       if (isExpanded) {

package/dist/cjs/components/design/revealMore/RevealMoreBelow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RevealMoreBelow.js","names":["Object","defineProperty","exports","value","RevealMoreBelow","_react","_interopRequireWildcard","require","_","_useRevealMoreLogic","_useCustomButton","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","props","children","lineClamp","customCssClass","isExpanded","isOverflowing","setIsOverflowing","toggleExpand","useRevealMoreLogic","renderCustomButton","useCustomButton","contentRef","useRef","isCustomButton","useEffect","el","current","scrollHeight","clientHeight","elementStyle","overflow","display","WebkitBoxOrient","WebkitLineClamp","createElement","className","ref","style","revealLessButton","revealMoreButton","SimpleButton","onClickHandler","revealLessLabelOnClickHandler","revealMoreLabelOnClickHandler","id","cssClass","label","revealLessLabel","revealMoreLabel","leftIcon","icon","onRevealLess","onRevealMore"],"sources":["../../../../../src/components/design/revealMore/RevealMoreBelow.tsx"],"sourcesContent":["'use client';\n\nimport React, { useRef, useEffect } from 'react';\nimport { SimpleButton } from '~~../../..~~';\nimport { RevealMoreBelowProps, ManagedButtonProps } from './types/revealMoreTypes';\nimport { useRevealMoreLogic } from './hooks/useRevealMoreLogic';\nimport { useCustomButton } from './hooks/useCustomButton';\n\nexport const RevealMoreBelow: React.FC<RevealMoreBelowProps> = (props) => {\n const {\n children,\n lineClamp = 2,\n customCssClass\n } = props;\n\n const { isExpanded, isOverflowing, setIsOverflowing, toggleExpand } = useRevealMoreLogic();\n const { renderCustomButton } = useCustomButton(toggleExpand);\n const contentRef = useRef<HTMLDivElement>(null);\n\n const isCustomButton = 'revealMoreButton' in props && 'revealLessButton' in props;\n\n useEffect(() => {\n const el = contentRef.current;\n if (el) {\n setIsOverflowing(el.scrollHeight > el.clientHeight);\n }\n }, [children, lineClamp]);\n\n const elementStyle: React.CSSProperties = {\n overflow: 'hidden',\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: lineClamp,\n };\n\n return (\n <div className={ `revealMore revealMore_below ${ customCssClass \|\| '' }` }>\n <div\n ref={ contentRef }\n className={ 'revealMore_content' }\n style={ isExpanded ? { ...elementStyle, WebkitLineClamp: 'none' } : elementStyle }\n >\n { children }\n </div>\n { isOverflowing && (\n isCustomButton ? (\n renderCustomButton(\n isExpanded ? props.revealLessButton : props.revealMoreButton\n )\n ) : (\n <SimpleButton\n onClickHandler={ () => {\n toggleExpand();\n if (isExpanded) {\n (props as ManagedButtonProps).revealLessLabelOnClickHandler?.();\n } else {\n (props as ManagedButtonProps).revealMoreLabelOnClickHandler?.();\n }\n } }\n id='revealMore_button-below'\n cssClass=\"button compact\"\n label={\n isExpanded \n ? (props as ManagedButtonProps).revealLessLabel \|\| 'Reveal Less' \n : (props as ManagedButtonProps).revealMoreLabel \|\| 'Reveal More'\n }\n leftIcon={\n isExpanded\n ? (props as ManagedButtonProps).icon?.onRevealLess\n : (props as ManagedButtonProps).icon?.onRevealMore\n }\n aria-hidden = { props.revealLessLabelOnClickHandler \|\| props.revealMoreLabelOnClickHandler ? false : true }\n />\n )\n ) }\n </div>\n );\n};"],"mappings":";AAAA,YAAY;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,eAAA;AAEb,IAAAC,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,~~CAAA~~,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAA0D,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAjB,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAA2B,wBAAA,CAAAhB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEnD,MAAMR,eAA+C,GAAIwB,KAAK,IAAK;EACxE,MAAM;IACJC,QAAQ;IACRC,SAAS,GAAG,CAAC;IACbC;EACF,CAAC,GAAGH,KAAK;EAET,MAAM;IAAEI,UAAU;IAAEC,aAAa;IAAEC,gBAAgB;IAAEC;EAAa,CAAC,GAAG,IAAAC,sCAAkB,EAAC,CAAC;EAC1F,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,gCAAe,EAACH,YAAY,CAAC;EAC5D,MAAMI,UAAU,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAE/C,MAAMC,cAAc,GAAG,kBAAkB,IAAIb,KAAK,IAAI,kBAAkB,IAAIA,KAAK;EAEjF,IAAAc,gBAAS,EAAC,MAAM;IACd,MAAMC,EAAE,GAAGJ,UAAU,CAACK,OAAO;IAC7B,IAAID,EAAE,EAAE;MACNT,gBAAgB,CAACS,EAAE,CAACE,YAAY,GAAGF,EAAE,CAACG,YAAY,CAAC;IACrD;EACF,CAAC,EAAE,CAACjB,QAAQ,EAAEC,SAAS,CAAC,CAAC;EAEzB,MAAMiB,YAAiC,GAAG;IACxCC,QAAQ,EAAE,QAAQ;IAClBC,OAAO,EAAE,aAAa;IACtBC,eAAe,EAAE,UAAU;IAC3BC,eAAe,EAAErB;EACnB,CAAC;EAED,oBACEzB,MAAA,CAAAgB,OAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAG,+BAAgCtB,cAAc,IAAI,EAAE;EAAK,gBACxE1B,MAAA,CAAAgB,OAAA,CAAA+B,aAAA;IACEE,GAAG,EAAGf,UAAY;IAClBc,SAAS,EAAG,oBAAsB;IAClCE,KAAK,EAAGvB,UAAU,GAAG;MAAE,GAAGe,YAAY;MAAEI,eAAe,EAAE;IAAO,CAAC,GAAGJ;EAAc,GAEhFlB,QACC,CAAC,EACJI,aAAa,KACbQ,cAAc,GACZJ,kBAAkB,CAChBL,UAAU,GAAGJ,KAAK,CAAC4B,gBAAgB,GAAG5B,KAAK,CAAC6B,gBAC9C,CAAC,gBAEDpD,MAAA,CAAAgB,OAAA,CAAA+B,aAAA,CAAC5C,~~CAAA~~,CAAAkD,YAAY;IACXC,cAAc,EAAGA,CAAA,KAAM;MACrBxB,YAAY,CAAC,CAAC;MACd,IAAIH,UAAU,EAAE;QACbJ,KAAK,CAAwBgC,6BAA6B,GAAG,CAAC;MACjE,CAAC,MAAM;QACJhC,KAAK,CAAwBiC,6BAA6B,GAAG,CAAC;MACjE;IACF,CAAG;IACHC,EAAE,EAAC,yBAAyB;IAC5BC,QAAQ,EAAC,gBAAgB;IACzBC,KAAK,EACHhC,UAAU,GACLJ,KAAK,CAAwBqC,eAAe,IAAI,aAAa,GAC7DrC,KAAK,CAAwBsC,eAAe,IAAI,aACtD;IACDC,QAAQ,EACNnC,UAAU,GACLJ,KAAK,CAAwBwC,IAAI,EAAEC,YAAY,GAC/CzC,KAAK,CAAwBwC,IAAI,EAAEE,YACzC;IACD,eAAgB1C,KAAK,CAACgC,6BAA6B,IAAIhC,KAAK,CAACiC,6BAA6B,GAAG,KAAK,GAAG;EAAM,CAC5G,CACF,CAEA,CAAC;AAEV,CAAC;AAAC3D,OAAA,CAAAE,eAAA,GAAAA,eAAA","ignoreList":[]}
1	+ {"version":3,"file":"RevealMoreBelow.js","names":["Object","defineProperty","exports","value","RevealMoreBelow","_react","_interopRequireWildcard","require","_SimpleButton","_useRevealMoreLogic","_useCustomButton","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","props","children","lineClamp","customCssClass","isExpanded","isOverflowing","setIsOverflowing","toggleExpand","useRevealMoreLogic","renderCustomButton","useCustomButton","contentRef","useRef","isCustomButton","useEffect","el","current","scrollHeight","clientHeight","elementStyle","overflow","display","WebkitBoxOrient","WebkitLineClamp","createElement","className","ref","style","revealLessButton","revealMoreButton","SimpleButton","onClickHandler","revealLessLabelOnClickHandler","revealMoreLabelOnClickHandler","id","cssClass","label","revealLessLabel","revealMoreLabel","leftIcon","icon","onRevealLess","onRevealMore"],"sources":["../../../../../src/components/design/revealMore/RevealMoreBelow.tsx"],"sourcesContent":["'use client';\n\nimport React, { useRef, useEffect } from 'react';\nimport { SimpleButton } from '../../form/buttons/SimpleButton';\nimport { RevealMoreBelowProps, ManagedButtonProps } from './types/revealMoreTypes';\nimport { useRevealMoreLogic } from './hooks/useRevealMoreLogic';\nimport { useCustomButton } from './hooks/useCustomButton';\n\nexport const RevealMoreBelow: React.FC<RevealMoreBelowProps> = (props) => {\n const {\n children,\n lineClamp = 2,\n customCssClass\n } = props;\n\n const { isExpanded, isOverflowing, setIsOverflowing, toggleExpand } = useRevealMoreLogic();\n const { renderCustomButton } = useCustomButton(toggleExpand);\n const contentRef = useRef<HTMLDivElement>(null);\n\n const isCustomButton = 'revealMoreButton' in props && 'revealLessButton' in props;\n\n useEffect(() => {\n const el = contentRef.current;\n if (el) {\n setIsOverflowing(el.scrollHeight > el.clientHeight);\n }\n }, [children, lineClamp]);\n\n const elementStyle: React.CSSProperties = {\n overflow: 'hidden',\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: lineClamp,\n };\n\n return (\n <div className={ `revealMore revealMore_below ${ customCssClass \|\| '' }` }>\n <div\n ref={ contentRef }\n className={ 'revealMore_content' }\n style={ isExpanded ? { ...elementStyle, WebkitLineClamp: 'none' } : elementStyle }\n >\n { children }\n </div>\n { isOverflowing && (\n isCustomButton ? (\n renderCustomButton(\n isExpanded ? props.revealLessButton : props.revealMoreButton\n )\n ) : (\n <SimpleButton\n onClickHandler={ () => {\n toggleExpand();\n if (isExpanded) {\n (props as ManagedButtonProps).revealLessLabelOnClickHandler?.();\n } else {\n (props as ManagedButtonProps).revealMoreLabelOnClickHandler?.();\n }\n } }\n id='revealMore_button-below'\n cssClass=\"button compact\"\n label={\n isExpanded \n ? (props as ManagedButtonProps).revealLessLabel \|\| 'Reveal Less' \n : (props as ManagedButtonProps).revealMoreLabel \|\| 'Reveal More'\n }\n leftIcon={\n isExpanded\n ? (props as ManagedButtonProps).icon?.onRevealLess\n : (props as ManagedButtonProps).icon?.onRevealMore\n }\n aria-hidden = { props.revealLessLabelOnClickHandler \|\| props.revealMoreLabelOnClickHandler ? false : true }\n />\n )\n ) }\n </div>\n );\n};"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/design/skeleton/Skeleton.js CHANGED Viewed

@@ -7,7 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Skeleton = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./skeleton.css");
-const toCssSize = value => typeof value === 'number' ? `${value}px` : value;
+// Sizes, calc(), min(), var(--x) and the like. Excludes `;`, `:`, quotes, braces and backslashes, which
+// could end the declaration in a server-rendered style attribute, since React does not escape them.
+const CSS_SIZE_PATTERN = /^[\w\s.%()+\-*/,]+$/;
+const toCssSize = value => {
+  if (typeof value === 'number') {
+    return Number.isFinite(value) ? `${value}px` : undefined;
+  }
+  return typeof value === 'string' && CSS_SIZE_PATTERN.test(value) ? value : undefined;
+};
 const Skeleton = ({
   variant = 'text',
   width,
@@ -25,11 +33,13 @@ const Skeleton = ({
   const barCount = variant === 'text' ? rowCount : 1;
   const animationCssClass = animation ? `skeleton_${animation}` : 'skeleton_noAnimation';
   const skeletonStyle = {};
-  if (width !== undefined) {
-    skeletonStyle['--skeletonWidth'] = toCssSize(width);
+  const cssWidth = width === undefined ? undefined : toCssSize(width);
+  const cssHeight = height === undefined || variant === 'circle' ? undefined : toCssSize(height);
+  if (cssWidth) {
+    skeletonStyle['--skeletonWidth'] = cssWidth;
   }
-  if (height !== undefined && variant !== 'circle') {
-    skeletonStyle['--skeletonHeight'] = toCssSize(height);
+  if (cssHeight) {
+    skeletonStyle['--skeletonHeight'] = cssHeight;
   }
   return /*#__PURE__*/_react.default.createElement("span", {
     id: id,

package/dist/cjs/components/design/skeleton/Skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.js","names":["_react","_interopRequireDefault","require","toCssSize","value","Skeleton","variant","width","height","lines","animation","appearance","isLoaded","children","id","customCssClass","default","createElement","Fragment","rowCount","~~Number","isFinite","~~Math","max","floor","barCount","animationCssClass","skeletonStyle","~~undefined~~","className","style","Array","from","length","_bar","index","key","exports","_default"],"sources":["../../../../../src/components/design/skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\n\nimport './skeleton.scss';\n\nexport interface SkeletonProps {\n /** Structural style of the placeholder. `text` renders line sized bars, `block` a sharp cornered area, `rounded` a softened one, and `circle` an avatar style disc. /\n variant?: 'text' \| 'block' \| 'circle' \| 'rounded';\n /* Inline size of the placeholder. Numbers are treated as pixels, strings are passed through as written (for example `'50%'`). /\n width?: string \| number;\n /* Block size of the placeholder. Numbers are treated as pixels. Ignored for the `circle` variant, which stays square. /\n height?: string \| number;\n /* How many placeholder rows to render. Applies to the `text` variant only; all other variants render a single bar. /\n lines?: number;\n /* Animation style, or `false` for a static placeholder. Both animations are suppressed under `prefers-reduced-motion`. /\n animation?: 'pulse' \| 'wave' \| false;\n /* Visual intensity. `opaque` gives a higher contrast fill for busier or lower contrast surfaces. /\n appearance?: 'subtle' \| 'opaque';\n /* When true, `children` are rendered in place of the placeholder. /\n isLoaded?: boolean;\n /* Real content, rendered once `isLoaded` is true. /\n children?: React.ReactNode;\n /* Applied to the placeholder wrapper. Note the wrapper is `aria-hidden`, so this is intended for styling and testing rather than as an ARIA target. /\n id?: string;\n /* Additional class names appended to the placeholder wrapper. */\n customCssClass?: string;\n}\n\nconst toCssSize = (value: string \| number): string => (\n typeof value === 'number' ? `${ value }px` : ~~value~~\n);\n\nexport const Skeleton: React.FC<SkeletonProps> = (\n {\n variant = 'text',\n width,\n height,\n lines = 1,\n animation = 'wave',\n appearance = 'subtle',\n isLoaded = false,\n children,\n id,\n customCssClass = ''\n }\n) => {\n if (isLoaded) return <>{ children }</>;\n\n const rowCount = Number.isFinite(lines) ? Math.max(1, Math.floor(lines)) : 1;\n const barCount = variant === 'text' ? rowCount : 1;\n const animationCssClass = animation ? `skeleton_${ animation }` : 'skeleton_noAnimation';\n\n const skeletonStyle: Record<string, string> = {};\n\n if (width ~~!==~~ undefined) {\n skeletonStyle['--skeletonWidth'] = ~~toCssSize(width)~~;\n }\n\n if (~~height !== undefined && variant !== 'circle'~~) {\n skeletonStyle['--skeletonHeight'] = ~~toCssSize(height)~~;\n }\n\n return (\n <span\n id={ id }\n aria-hidden=\"true\"\n className={ `skeleton skeleton_${ variant } skeleton_${ appearance } ${ animationCssClass } ${ customCssClass }` }\n style={ skeletonStyle as React.CSSProperties }\n >\n { Array.from({ length: barCount }, (_bar, index) => (\n <span key={ index } className=\"skeletonBar\" />\n )) }\n </span>\n );\n};\n\nexport default Skeleton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEAA,OAAA;AAyBA,MAAMC,SAAS,GAAIC,KAAsB,~~IACvC~~,OAAOA,KAAK,KAAK,QAAQ,GAAG,GAAIA,KAAK,IAAK,GAAGA,~~KAC9C~~;AAEM,~~MAAMC~~,QAAiC,GAAGA,CAC/C;EACEC,OAAO,GAAG,MAAM;EAChBC,KAAK;EACLC,MAAM;EACNC,KAAK,GAAG,CAAC;EACTC,SAAS,GAAG,MAAM;EAClBC,UAAU,GAAG,QAAQ;EACrBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,EAAE;EACFC,cAAc,GAAG;AACnB,CAAC,KACE;EACH,IAAIH,QAAQ,EAAE,~~oBAAOZ~~,MAAA,~~CAAAgB~~,OAAA,CAAAC,aAAA,~~CAAAjB~~,MAAA,~~CAAAgB~~,OAAA,CAAAE,QAAA,QAAIL,QAAY,CAAC;EAEtC,MAAMM,QAAQ,~~GAAGC~~,MAAM,CAACC,QAAQ,~~CAACZ~~,KAAK,CAAC,~~GAAGa~~,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,~~CAACf~~,KAAK,CAAC,CAAC,GAAG,CAAC;EAC5E,~~MAAMgB~~,QAAQ,~~GAAGnB~~,OAAO,KAAK,MAAM,GAAGa,QAAQ,GAAG,CAAC;EAClD,~~MAAMO~~,iBAAiB,~~GAAGhB~~,SAAS,GAAG,YAAaA,SAAS,EAAG,GAAG,sBAAsB;EAExF,~~MAAMiB~~,aAAqC,GAAG,CAAC,CAAC;EAEhD,~~IAAIpB~~,KAAK,~~KAAKqB~~,SAAS,~~EAAE;IACvBD~~,~~aAAa~~,~~CAAC~~,~~iBAAiB,CAAC,GAAGxB,~~SAAS,~~CAACI~~,KAAK,CAAC;~~EACrD;EAEA~~,~~IAAIC~~,MAAM,~~KAAKoB~~,SAAS,~~IAAItB~~,OAAO,KAAK,QAAQ,EAAE;~~IAChDqB~~,aAAa,CAAC,~~kBAAkB~~,CAAC,~~GAAGxB~~,SAAS,~~CAACK~~,~~MAAM~~,CAAC;~~EACvD~~;EAEA,~~oBACER~~,MAAA,~~CAAAgB~~,OAAA,CAAAC,aAAA;IACEH,EAAE,EAAGA,EAAI;IACT,eAAY,MAAM;~~IAClBe~~,SAAS,EAAG,~~qBAAsBvB~~,OAAO,aAAeK,UAAU,~~IAAMe~~,iBAAiB,~~IAAMX~~,cAAc,EAAK;~~IAClHe~~,KAAK,~~EAAGH~~;EAAsC,~~GAE5CI~~,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,~~EAAER~~;EAAS,CAAC,EAAE,~~CAACS~~,IAAI,EAAEC,KAAK,~~kBAC7CnC~~,MAAA,~~CAAAgB~~,OAAA,CAAAC,aAAA;~~IAAMmB~~,GAAG,EAAGD,KAAO;IAACN,SAAS,EAAC;EAAa,CAAE,CAC9C,CACG,CAAC;AAEX,CAAC;AAACQ,OAAA,~~CAAAhC~~,QAAA,GAAAA,QAAA;AAAA,~~IAAAiC~~,QAAA,GAAAD,OAAA,~~CAAArB~~,OAAA,GAEaX,QAAQ","ignoreList":[]}
1	+ {"version":3,"file":"Skeleton.js","names":["_react","_interopRequireDefault","require","CSS_SIZE_PATTERN","toCssSize","value","Number","isFinite","undefined","test","Skeleton","variant","width","height","lines","animation","appearance","isLoaded","children","id","customCssClass","default","createElement","Fragment","rowCount","Math","max","floor","barCount","animationCssClass","skeletonStyle","cssWidth","cssHeight","className","style","Array","from","length","_bar","index","key","exports","_default"],"sources":["../../../../../src/components/design/skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\n\nimport './skeleton.scss';\n\nexport interface SkeletonProps {\n /** Structural style of the placeholder. `text` renders line sized bars, `block` a sharp cornered area, `rounded` a softened one, and `circle` an avatar style disc. /\n variant?: 'text' \| 'block' \| 'circle' \| 'rounded';\n /* Inline size of the placeholder. Numbers are treated as pixels, strings are passed through as written (for example `'50%'` or `'calc(100% - 2rem)'`). Strings containing characters that could not be part of a size, such as `;` or quotes, are ignored. /\n width?: string \| number;\n /* Block size of the placeholder. Numbers are treated as pixels. Ignored for the `circle` variant, which stays square. /\n height?: string \| number;\n /* How many placeholder rows to render. Applies to the `text` variant only; all other variants render a single bar. /\n lines?: number;\n /* Animation style, or `false` for a static placeholder. Both animations are suppressed under `prefers-reduced-motion`. /\n animation?: 'pulse' \| 'wave' \| false;\n /* Visual intensity. `opaque` gives a higher contrast fill for busier or lower contrast surfaces. /\n appearance?: 'subtle' \| 'opaque';\n /* When true, `children` are rendered in place of the placeholder. /\n isLoaded?: boolean;\n /* Real content, rendered once `isLoaded` is true. /\n children?: React.ReactNode;\n /* Applied to the placeholder wrapper. Note the wrapper is `aria-hidden`, so this is intended for styling and testing rather than as an ARIA target. /\n id?: string;\n /* Additional class names appended to the placeholder wrapper. /\n customCssClass?: string;\n}\n\n// Sizes, calc(), min(), var(--x) and the like. Excludes `;`, `:`, quotes, braces and backslashes, which\n// could end the declaration in a server-rendered style attribute, since React does not escape them.\nconst CSS_SIZE_PATTERN = /^[\\w\\s.%()+\\-/,]+$/;\n\nconst toCssSize = (value: string \| number): string \| undefined => {\n if (typeof value === 'number') {\n return Number.isFinite(value) ? `${ value }px` : undefined;\n }\n return typeof value === 'string' && CSS_SIZE_PATTERN.test(value) ? value : undefined;\n};\n\nexport const Skeleton: React.FC<SkeletonProps> = (\n {\n variant = 'text',\n width,\n height,\n lines = 1,\n animation = 'wave',\n appearance = 'subtle',\n isLoaded = false,\n children,\n id,\n customCssClass = ''\n }\n) => {\n if (isLoaded) return <>{ children }</>;\n\n const rowCount = Number.isFinite(lines) ? Math.max(1, Math.floor(lines)) : 1;\n const barCount = variant === 'text' ? rowCount : 1;\n const animationCssClass = animation ? `skeleton_${ animation }` : 'skeleton_noAnimation';\n\n const skeletonStyle: Record<string, string> = {};\n\n const cssWidth = width === undefined ? undefined : toCssSize(width);\n const cssHeight = height === undefined \|\| variant === 'circle' ? undefined : toCssSize(height);\n\n if (cssWidth) {\n skeletonStyle['--skeletonWidth'] = cssWidth;\n }\n\n if (cssHeight) {\n skeletonStyle['--skeletonHeight'] = cssHeight;\n }\n\n return (\n <span\n id={ id }\n aria-hidden=\"true\"\n className={ `skeleton skeleton_${ variant } skeleton_${ appearance } ${ animationCssClass } ${ customCssClass }` }\n style={ skeletonStyle as React.CSSProperties }\n >\n { Array.from({ length: barCount }, (_bar, index) => (\n <span key={ index } className=\"skeletonBar\" />\n )) }\n </span>\n );\n};\n\nexport default Skeleton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEAA,OAAA;AAyBA;AACA;AACA,MAAMC,gBAAgB,GAAG,qBAAqB;AAE9C,MAAMC,SAAS,GAAIC,KAAsB,IAAyB;EAChE,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOC,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,GAAG,GAAIA,KAAK,IAAK,GAAGG,SAAS;EAC5D;EACA,OAAO,OAAOH,KAAK,KAAK,QAAQ,IAAIF,gBAAgB,CAACM,IAAI,CAACJ,KAAK,CAAC,GAAGA,KAAK,GAAGG,SAAS;AACtF,CAAC;AAEM,MAAME,QAAiC,GAAGA,CAC/C;EACEC,OAAO,GAAG,MAAM;EAChBC,KAAK;EACLC,MAAM;EACNC,KAAK,GAAG,CAAC;EACTC,SAAS,GAAG,MAAM;EAClBC,UAAU,GAAG,QAAQ;EACrBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,EAAE;EACFC,cAAc,GAAG;AACnB,CAAC,KACE;EACH,IAAIH,QAAQ,EAAE,oBAAOjB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAAtB,MAAA,CAAAqB,OAAA,CAAAE,QAAA,QAAIL,QAAY,CAAC;EAEtC,MAAMM,QAAQ,GAAGlB,MAAM,CAACC,QAAQ,CAACO,KAAK,CAAC,GAAGW,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACb,KAAK,CAAC,CAAC,GAAG,CAAC;EAC5E,MAAMc,QAAQ,GAAGjB,OAAO,KAAK,MAAM,GAAGa,QAAQ,GAAG,CAAC;EAClD,MAAMK,iBAAiB,GAAGd,SAAS,GAAG,YAAaA,SAAS,EAAG,GAAG,sBAAsB;EAExF,MAAMe,aAAqC,GAAG,CAAC,CAAC;EAEhD,MAAMC,QAAQ,GAAGnB,KAAK,KAAKJ,SAAS,GAAGA,SAAS,GAAGJ,SAAS,CAACQ,KAAK,CAAC;EACnE,MAAMoB,SAAS,GAAGnB,MAAM,KAAKL,SAAS,IAAIG,OAAO,KAAK,QAAQ,GAAGH,SAAS,GAAGJ,SAAS,CAACS,MAAM,CAAC;EAE9F,IAAIkB,QAAQ,EAAE;IACZD,aAAa,CAAC,iBAAiB,CAAC,GAAGC,QAAQ;EAC7C;EAEA,IAAIC,SAAS,EAAE;IACbF,aAAa,CAAC,kBAAkB,CAAC,GAAGE,SAAS;EAC/C;EAEA,oBACEhC,MAAA,CAAAqB,OAAA,CAAAC,aAAA;IACEH,EAAE,EAAGA,EAAI;IACT,eAAY,MAAM;IAClBc,SAAS,EAAG,qBAAsBtB,OAAO,aAAeK,UAAU,IAAMa,iBAAiB,IAAMT,cAAc,EAAK;IAClHc,KAAK,EAAGJ;EAAsC,GAE5CK,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAET;EAAS,CAAC,EAAE,CAACU,IAAI,EAAEC,KAAK,kBAC7CvC,MAAA,CAAAqB,OAAA,CAAAC,aAAA;IAAMkB,GAAG,EAAGD,KAAO;IAACN,SAAS,EAAC;EAAa,CAAE,CAC9C,CACG,CAAC;AAEX,CAAC;AAACQ,OAAA,CAAA/B,QAAA,GAAAA,QAAA;AAAA,IAAAgC,QAAA,GAAAD,OAAA,CAAApB,OAAA,GAEaX,QAAQ","ignoreList":[]}

package/dist/cjs/components/design/themeLoader/ThemeLoader.js CHANGED Viewed

@@ -18,7 +18,7 @@ const ThemeLoader = ({
   forceProd = false,
   forceCacheBusting = false,
   userTheme,
-  useLatest = true
+  useLatest = false
 }) => {
   const baseCssLink = (0, _react.useRef)(null);
   const themeCssLink = (0, _react.useRef)(null);