@x15ventures/x15-ui-library 3.13.4 → 3.14.0

package/dist/cjs/autoGenerated/libraryThemes.js

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

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

@@ -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.13.4.css\",\n      \"map\": \"index.min.3.13.4.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.13.4.css\",\n      \"map\": \"cba.min.3.13.4.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.13.4.css\",\n      \"map\": \"creditSavvy.min.3.13.4.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.13.4.css\",\n      \"map\": \"doshii.min.3.13.4.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.13.4.css\",\n      \"map\": \"homeIn.min.3.13.4.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.13.4.css\",\n      \"map\": \"x15Core.min.3.13.4.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":[]}
+{"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.14.0.css\",\n      \"map\": \"index.min.3.14.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.14.0.css\",\n      \"map\": \"cba.min.3.14.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.14.0.css\",\n      \"map\": \"creditSavvy.min.3.14.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.14.0.css\",\n      \"map\": \"doshii.min.3.14.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.14.0.css\",\n      \"map\": \"homeIn.min.3.14.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.14.0.css\",\n      \"map\": \"x15Core.min.3.14.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

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

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

@@ -26,7 +26,10 @@ const PageBanner = ({
   backgroundFill = 'primary'
 }) => {
   const StorageKey = `pageBanner_${id}`;
-  const StorageValue = localStorage.getItem(StorageKey);
+  const [StorageValue, setStorageValue] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    setStorageValue(localStorage.getItem(StorageKey));
+  }, [StorageKey]);
   const UserPreferences = StorageValue && JSON.parse(StorageValue);
   const {
     shouldDisplay

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

@@ -1 +1 @@
-{"version":3,"file":"PageBanner.js","names":["Object","defineProperty","exports","value","default","PageBanner","Banner","Alert","_react","_interopRequireWildcard","require","_Icon","_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","localStorage","getItem","UserPreferences","JSON","parse","shouldDisplay","isVisible","setVisibility","useState","autoHideCssClass","cssClass","handleBannerClose","setItem","stringify","createElement","className","SimpleButton","label","onClickHandler","hideLabel","leftIcon","Icon","_default"],"sources":["../../../../../../src/components/design/banners/pageBanner/PageBanner.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, ReactNode, ReactElement } from 'react';\nimport { Icon } from '../../icons/basicIcon/Icon';\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?: string;\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  const StorageValue = localStorage.getItem(StorageKey);\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          <Icon icon={ 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":[]}
+{"version":3,"file":"PageBanner.js","names":["Object","defineProperty","exports","value","default","PageBanner","Banner","Alert","_react","_interopRequireWildcard","require","_Icon","_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","Icon","_default"],"sources":["../../../../../../src/components/design/banners/pageBanner/PageBanner.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, ReactNode, ReactElement, useEffect } from 'react';\nimport { Icon } from '../../icons/basicIcon/Icon';\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?: string;\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          <Icon icon={ 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/form/formFields/formFieldWrapper/FormField.js

@@ -100,7 +100,7 @@ const FormField = ({
     htmlFor: field.id
   }, (!label?.position || label.position === 'left' || separateLabelAndField) && /*#__PURE__*/_react.default.createElement(_FormFieldLabel.FormFieldLabel, labelProps), !separateLabelAndField && /*#__PURE__*/_react.default.createElement("span", {
     className: "inputContainer"
-  }, getFieldElement(), label?.position === 'inset' && /*#__PURE__*/_react.default.createElement(_FormFieldLabel.FormFieldLabel, labelProps)), label?.position === 'right' && /*#__PURE__*/_react.default.createElement(_FormFieldLabel.FormFieldLabel, labelProps), showSpinner && /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, null), /*#__PURE__*/_react.default.createElement(_ValidationMessages.ValidationMessages, {
+  }, getFieldElement(), label?.position === 'inset' && /*#__PURE__*/_react.default.createElement(_FormFieldLabel.FormFieldLabel, labelProps)), label?.position === 'right' && /*#__PURE__*/_react.default.createElement(_FormFieldLabel.FormFieldLabel, labelProps), showSpinner && /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, null), field.type !== 'textarea' && /*#__PURE__*/_react.default.createElement(_ValidationMessages.ValidationMessages, {
     name: field.name,
     validation: validation
   })), separateLabelAndField && /*#__PURE__*/_react.default.createElement("div", {

package/dist/cjs/components/form/formFields/formFieldWrapper/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","names":["Object","defineProperty","exports","value","default","FormField","_react","_interopRequireWildcard","require","_HookFormWrapper","_FormFieldLabel","_InputText","_ValidationMessages","_Spinner","_InputSearch","_InputDate","_Select","_Textarea","_Autocomplete","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","label","field","layout","showSpinner","validation","customContent","customCssClasses","separateLabelAndField","isTouched","setIsTouched","useState","wrapperCssClass","type","wrapper","position","wrapperHoverText","hide","undefined","placeholder","text","getFieldElement","fieldType","toLowerCase","fieldProps","defaultValue","onTouched","createElement","Textarea","Select","Error","InputText","InputDate","InputSearch","Autocomplete","labelProps","inputId","id","isRequired","required","HookFormWrapper","className","title","labelId","htmlFor","FormFieldLabel","Spinner","ValidationMessages","name","_default"],"sources":["../../../../../../src/components/form/formFields/formFieldWrapper/FormField.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode, useState } from 'react';\nimport { HookFormWrapper } from '../../hookFormWrapper/HookFormWrapper';\nimport { FormFieldLabel } from '../subComponents/labels/FormFieldLabel';\nimport { FormFieldProps } from './formFieldProps';\nimport { InputText } from '../subComponents/inputs/text/InputText';\nimport { ValidationMessages } from '../../validation/ValidationMessages';\nimport { Spinner } from '../../../design/spinner/Spinner';\nimport { InputSearch } from '../subComponents/inputs/search/InputSearch';\nimport { InputDate } from '../subComponents/inputs/date/InputDate';\nimport { Select } from '../subComponents/select/Select';\nimport { Textarea } from '../subComponents/textarea/Textarea';\nimport { Autocomplete } from '../subComponents/inputs/autocomplete/Autocomplete';\n\nexport const FormField: React.FC<FormFieldProps> = (\n  {\n    label,\n    field,\n    layout = 'stacked',\n    showSpinner,\n    validation,\n    customContent,\n    customCssClasses,\n    separateLabelAndField = false\n  }\n) => {\n  const [isTouched, setIsTouched] = useState(false);\n\n  const wrapperCssClass = `\n    formField \n    ${ layout } \n    ${ field.type }_Field \n    ${ customCssClasses?.wrapper || '' } \n    ${ isTouched ? 'touched' : '' } \n    ${ typeof validation !== 'undefined' ? 'withValidation' : '' } \n    ${ label?.position === 'inset' ? 'insetLabel' : '' }\n  `;\n\n  const wrapperHoverText = (): string | undefined => {\n    if (!label.hide) {\n      return undefined;\n    }\n\n    if (field.placeholder) {\n      return field.placeholder;\n    }\n\n    if (typeof label.text === 'string') {\n      return label.text;\n    }\n\n    return undefined;\n  };\n\n  const getFieldElement = () => {\n    const fieldType = field.type.toLowerCase();\n    const fieldProps = {\n      field: {\n        ...field,\n        ...(fieldType !== 'checkbox' ? { defaultValue: field.defaultValue || '' } : {}),\n        onTouched: () => setIsTouched(true)\n      },\n      label,\n      showSpinner,\n      validation,\n      customContent\n    };\n\n    switch (fieldType) {\n    case 'textarea':\n      return <Textarea { ...fieldProps } />;\n    case 'select':\n      return <Select { ...fieldProps } />;\n    case 'checkbox':\n      return new Error('Checkboxes require special handling. Please use the InputCheckbox component instead.');\n    case 'file':\n      return new Error('File inputs require special handling. Please use the DragAndDropFileUpload component instead.');\n    case 'password':\n      return <InputText { ...fieldProps } />;\n    case 'date':\n      return <InputDate { ...fieldProps } />;\n    case 'search':\n      return <InputSearch { ...fieldProps } />;\n    case 'combobox':\n      return <Autocomplete { ...fieldProps } />;\n    default:\n      return <InputText { ...fieldProps } />;\n    }\n  };\n\n  const labelProps = {\n    ...label,\n    inputId: field.id,\n    isRequired: validation && typeof validation.required !== 'undefined',\n    customContent\n  };\n\n  return (\n    <HookFormWrapper>\n      <div\n        className={ wrapperCssClass }\n        title={ wrapperHoverText() }\n      >\n        <label\n          id={ label.labelId || `${ field.id }_label` }\n          className={ `${ customCssClasses?.label || '' } ${ showSpinner ? 'withSpinner' : '' } ${ label.hide ? 'hiddenLabel' : '' }` }\n          htmlFor={ field.id }\n        >\n\n          { (!label?.position || label.position === 'left' || separateLabelAndField)\n            && <FormFieldLabel { ...labelProps } /> }\n\n          {\n            !separateLabelAndField && (\n              <span className=\"inputContainer\">\n                {\n                getFieldElement() as ReactNode\n                }\n                { label?.position === 'inset'\n                && <FormFieldLabel { ...labelProps } /> }\n              </span>\n            )\n          }\n\n          { label?.position === 'right'\n            && <FormFieldLabel { ...labelProps } /> }\n\n          {\n            showSpinner && <Spinner />\n          }\n\n          <ValidationMessages name={ field.name } validation={ validation } />\n        </label>\n\n        {\n          separateLabelAndField && (\n            <div className=\"inputContainer\">\n              {\n                getFieldElement() as ReactNode\n              }\n            </div>\n          )\n        }\n      </div>\n    </HookFormWrapper>\n  );\n};\n\nexport default FormField;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormField.js","names":["Object","defineProperty","exports","value","default","FormField","_react","_interopRequireWildcard","require","_HookFormWrapper","_FormFieldLabel","_InputText","_ValidationMessages","_Spinner","_InputSearch","_InputDate","_Select","_Textarea","_Autocomplete","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","label","field","layout","showSpinner","validation","customContent","customCssClasses","separateLabelAndField","isTouched","setIsTouched","useState","wrapperCssClass","type","wrapper","position","wrapperHoverText","hide","undefined","placeholder","text","getFieldElement","fieldType","toLowerCase","fieldProps","defaultValue","onTouched","createElement","Textarea","Select","Error","InputText","InputDate","InputSearch","Autocomplete","labelProps","inputId","id","isRequired","required","HookFormWrapper","className","title","labelId","htmlFor","FormFieldLabel","Spinner","ValidationMessages","name","_default"],"sources":["../../../../../../src/components/form/formFields/formFieldWrapper/FormField.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode, useState } from 'react';\nimport { HookFormWrapper } from '../../hookFormWrapper/HookFormWrapper';\nimport { FormFieldLabel } from '../subComponents/labels/FormFieldLabel';\nimport { FormFieldProps } from './formFieldProps';\nimport { InputText } from '../subComponents/inputs/text/InputText';\nimport { ValidationMessages } from '../../validation/ValidationMessages';\nimport { Spinner } from '../../../design/spinner/Spinner';\nimport { InputSearch } from '../subComponents/inputs/search/InputSearch';\nimport { InputDate } from '../subComponents/inputs/date/InputDate';\nimport { Select } from '../subComponents/select/Select';\nimport { Textarea } from '../subComponents/textarea/Textarea';\nimport { Autocomplete } from '../subComponents/inputs/autocomplete/Autocomplete';\n\nexport const FormField: React.FC<FormFieldProps> = (\n  {\n    label,\n    field,\n    layout = 'stacked',\n    showSpinner,\n    validation,\n    customContent,\n    customCssClasses,\n    separateLabelAndField = false\n  }\n) => {\n  const [isTouched, setIsTouched] = useState(false);\n\n  const wrapperCssClass = `\n    formField \n    ${ layout } \n    ${ field.type }_Field \n    ${ customCssClasses?.wrapper || '' } \n    ${ isTouched ? 'touched' : '' } \n    ${ typeof validation !== 'undefined' ? 'withValidation' : '' } \n    ${ label?.position === 'inset' ? 'insetLabel' : '' }\n  `;\n\n  const wrapperHoverText = (): string | undefined => {\n    if (!label.hide) {\n      return undefined;\n    }\n\n    if (field.placeholder) {\n      return field.placeholder;\n    }\n\n    if (typeof label.text === 'string') {\n      return label.text;\n    }\n\n    return undefined;\n  };\n\n  const getFieldElement = () => {\n    const fieldType = field.type.toLowerCase();\n    const fieldProps = {\n      field: {\n        ...field,\n        ...(fieldType !== 'checkbox' ? { defaultValue: field.defaultValue || '' } : {}),\n        onTouched: () => setIsTouched(true)\n      },\n      label,\n      showSpinner,\n      validation,\n      customContent\n    };\n\n    switch (fieldType) {\n    case 'textarea':\n      return <Textarea { ...fieldProps } />;\n    case 'select':\n      return <Select { ...fieldProps } />;\n    case 'checkbox':\n      return new Error('Checkboxes require special handling. Please use the InputCheckbox component instead.');\n    case 'file':\n      return new Error('File inputs require special handling. Please use the DragAndDropFileUpload component instead.');\n    case 'password':\n      return <InputText { ...fieldProps } />;\n    case 'date':\n      return <InputDate { ...fieldProps } />;\n    case 'search':\n      return <InputSearch { ...fieldProps } />;\n    case 'combobox':\n      return <Autocomplete { ...fieldProps } />;\n    default:\n      return <InputText { ...fieldProps } />;\n    }\n  };\n\n  const labelProps = {\n    ...label,\n    inputId: field.id,\n    isRequired: validation && typeof validation.required !== 'undefined',\n    customContent\n  };\n\n  return (\n    <HookFormWrapper>\n      <div\n        className={ wrapperCssClass }\n        title={ wrapperHoverText() }\n      >\n        <label\n          id={ label.labelId || `${ field.id }_label` }\n          className={ `${ customCssClasses?.label || '' } ${ showSpinner ? 'withSpinner' : '' } ${ label.hide ? 'hiddenLabel' : '' }` }\n          htmlFor={ field.id }\n        >\n\n          { (!label?.position || label.position === 'left' || separateLabelAndField)\n            && <FormFieldLabel { ...labelProps } /> }\n\n          {\n            !separateLabelAndField && (\n              <span className=\"inputContainer\">\n                {\n                getFieldElement() as ReactNode\n                }\n                { label?.position === 'inset'\n                && <FormFieldLabel { ...labelProps } /> }\n              </span>\n            )\n          }\n\n          { label?.position === 'right'\n            && <FormFieldLabel { ...labelProps } /> }\n\n          {\n            showSpinner && <Spinner />\n          }\n\n          { field.type !== 'textarea' && <ValidationMessages name={ field.name } validation={ validation } /> }\n        </label>\n\n        {\n          separateLabelAndField && (\n            <div className=\"inputContainer\">\n              {\n                getFieldElement() as ReactNode\n              }\n            </div>\n          )\n        }\n      </div>\n    </HookFormWrapper>\n  );\n};\n\nexport default FormField;\n"],"mappings":";AAAA,YAAY;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAF,OAAA,CAAAG,SAAA;AAEb,IAAAC,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AAAiF,SAAAD,wBAAAY,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAY,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAxB,OAAA,EAAAe,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,GAAAzB,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAkC,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;AAE1E,MAAMf,SAAmC,GAAGA,CACjD;EACE8B,KAAK;EACLC,KAAK;EACLC,MAAM,GAAG,SAAS;EAClBC,WAAW;EACXC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,qBAAqB,GAAG;AAC1B,CAAC,KACE;EACH,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEjD,MAAMC,eAAe,GAAG;AAC1B;AACA,MAAOT,MAAM;AACb,MAAOD,KAAK,CAACW,IAAI;AACjB,MAAON,gBAAgB,EAAEO,OAAO,IAAI,EAAE;AACtC,MAAOL,SAAS,GAAG,SAAS,GAAG,EAAE;AACjC,MAAO,OAAOJ,UAAU,KAAK,WAAW,GAAG,gBAAgB,GAAG,EAAE;AAChE,MAAOJ,KAAK,EAAEc,QAAQ,KAAK,OAAO,GAAG,YAAY,GAAG,EAAE;AACtD,GAAG;EAED,MAAMC,gBAAgB,GAAGA,CAAA,KAA0B;IACjD,IAAI,CAACf,KAAK,CAACgB,IAAI,EAAE;MACf,OAAOC,SAAS;IAClB;IAEA,IAAIhB,KAAK,CAACiB,WAAW,EAAE;MACrB,OAAOjB,KAAK,CAACiB,WAAW;IAC1B;IAEA,IAAI,OAAOlB,KAAK,CAACmB,IAAI,KAAK,QAAQ,EAAE;MAClC,OAAOnB,KAAK,CAACmB,IAAI;IACnB;IAEA,OAAOF,SAAS;EAClB,CAAC;EAED,MAAMG,eAAe,GAAGA,CAAA,KAAM;IAC5B,MAAMC,SAAS,GAAGpB,KAAK,CAACW,IAAI,CAACU,WAAW,CAAC,CAAC;IAC1C,MAAMC,UAAU,GAAG;MACjBtB,KAAK,EAAE;QACL,GAAGA,KAAK;QACR,IAAIoB,SAAS,KAAK,UAAU,GAAG;UAAEG,YAAY,EAAEvB,KAAK,CAACuB,YAAY,IAAI;QAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QAC/EC,SAAS,EAAEA,CAAA,KAAMhB,YAAY,CAAC,IAAI;MACpC,CAAC;MACDT,KAAK;MACLG,WAAW;MACXC,UAAU;MACVC;IACF,CAAC;IAED,QAAQgB,SAAS;MACjB,KAAK,UAAU;QACb,oBAAOlD,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAAC5C,SAAA,CAAA6C,QAAQ,EAAMJ,UAAc,CAAC;MACvC,KAAK,QAAQ;QACX,oBAAOpD,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAAC7C,OAAA,CAAA+C,MAAM,EAAML,UAAc,CAAC;MACrC,KAAK,UAAU;QACb,OAAO,IAAIM,KAAK,CAAC,sFAAsF,CAAC;MAC1G,KAAK,MAAM;QACT,OAAO,IAAIA,KAAK,CAAC,+FAA+F,CAAC;MACnH,KAAK,UAAU;QACb,oBAAO1D,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAAClD,UAAA,CAAAsD,SAAS,EAAMP,UAAc,CAAC;MACxC,KAAK,MAAM;QACT,oBAAOpD,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAAC9C,UAAA,CAAAmD,SAAS,EAAMR,UAAc,CAAC;MACxC,KAAK,QAAQ;QACX,oBAAOpD,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAAC/C,YAAA,CAAAqD,WAAW,EAAMT,UAAc,CAAC;MAC1C,KAAK,UAAU;QACb,oBAAOpD,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAAC3C,aAAA,CAAAkD,YAAY,EAAMV,UAAc,CAAC;MAC3C;QACE,oBAAOpD,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAAClD,UAAA,CAAAsD,SAAS,EAAMP,UAAc,CAAC;IACxC;EACF,CAAC;EAED,MAAMW,UAAU,GAAG;IACjB,GAAGlC,KAAK;IACRmC,OAAO,EAAElC,KAAK,CAACmC,EAAE;IACjBC,UAAU,EAAEjC,UAAU,IAAI,OAAOA,UAAU,CAACkC,QAAQ,KAAK,WAAW;IACpEjC;EACF,CAAC;EAED,oBACElC,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAACpD,gBAAA,CAAAiE,eAAe,qBACdpE,MAAA,CAAAF,OAAA,CAAAyD,aAAA;IACEc,SAAS,EAAG7B,eAAiB;IAC7B8B,KAAK,EAAG1B,gBAAgB,CAAC;EAAG,gBAE5B5C,MAAA,CAAAF,OAAA,CAAAyD,aAAA;IACEU,EAAE,EAAGpC,KAAK,CAAC0C,OAAO,IAAI,GAAIzC,KAAK,CAACmC,EAAE,QAAW;IAC7CI,SAAS,EAAG,GAAIlC,gBAAgB,EAAEN,KAAK,IAAI,EAAE,IAAMG,WAAW,GAAG,aAAa,GAAG,EAAE,IAAMH,KAAK,CAACgB,IAAI,GAAG,aAAa,GAAG,EAAE,EAAK;IAC7H2B,OAAO,EAAG1C,KAAK,CAACmC;EAAI,GAGlB,CAAC,CAACpC,KAAK,EAAEc,QAAQ,IAAId,KAAK,CAACc,QAAQ,KAAK,MAAM,IAAIP,qBAAqB,kBACpEpC,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAACnD,eAAA,CAAAqE,cAAc,EAAMV,UAAc,CAAC,EAGvC,CAAC3B,qBAAqB,iBACpBpC,MAAA,CAAAF,OAAA,CAAAyD,aAAA;IAAMc,SAAS,EAAC;EAAgB,GAE9BpB,eAAe,CAAC,CAAC,EAEfpB,KAAK,EAAEc,QAAQ,KAAK,OAAO,iBAC1B3C,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAACnD,eAAA,CAAAqE,cAAc,EAAMV,UAAc,CAClC,CACP,EAGDlC,KAAK,EAAEc,QAAQ,KAAK,OAAO,iBACxB3C,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAACnD,eAAA,CAAAqE,cAAc,EAAMV,UAAc,CAAC,EAGvC/B,WAAW,iBAAIhC,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAAChD,QAAA,CAAAmE,OAAO,MAAE,CAAC,EAG1B5C,KAAK,CAACW,IAAI,KAAK,UAAU,iBAAIzC,MAAA,CAAAF,OAAA,CAAAyD,aAAA,CAACjD,mBAAA,CAAAqE,kBAAkB;IAACC,IAAI,EAAG9C,KAAK,CAAC8C,IAAM;IAAC3C,UAAU,EAAGA;EAAY,CAAE,CAC7F,CAAC,EAGNG,qBAAqB,iBACnBpC,MAAA,CAAAF,OAAA,CAAAyD,aAAA;IAAKc,SAAS,EAAC;EAAgB,GAE3BpB,eAAe,CAAC,CAEf,CAGN,CACU,CAAC;AAEtB,CAAC;AAACrD,OAAA,CAAAG,SAAA,GAAAA,SAAA;AAAA,IAAA8E,QAAA,GAAAjF,OAAA,CAAAE,OAAA,GAEaC,SAAS","ignoreList":[]}

package/dist/cjs/components/form/formFields/formFieldWrapper/formFieldProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"formFieldProps.js","names":[],"sources":["../../../../../../src/components/form/formFields/formFieldWrapper/formFieldProps.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\n\nimport {\n  ChangeEvent, ChangeEventHandler, FormEventHandler,\n  KeyboardEvent,\n  ReactElement,\n  ReactNode,\n} from 'react';\n\nimport type {\n  InputHTMLAttributes,\n  SelectHTMLAttributes,\n  TextareaHTMLAttributes,\n} from 'react';\n\nimport {\n  Message,\n  Validate,\n  ValidationRule\n} from 'react-hook-form';\nimport { GenericFunction } from '../../../../interfaces';\nimport { KeyboardEventHandler } from '../../../../interfaces/generic.interface';\n\n/**\n * Custom content props for additional elements around the label or field.\n */\nexport interface CustomContentProps {\n  /** Element or text to display before the label. */\n  preLabel?: ReactElement | string;\n  /** Element or text to display after the label. */\n  postLabel?: ReactElement | string;\n  /** Element or text to display before the field. */\n  preField?: ReactElement | string;\n  /** Element or text to display after the field. */\n  postField?: ReactElement | string;\n}\n\n/**\n * Props for the label element.\n */\nexport interface LabelProps {\n  /** Text or element for the label. */\n  text: string | ReactNode | ReactElement;\n  /** The ID of the input the label is associated with. */\n  inputId?: string;\n  /** The ID of the label element. */\n  labelId?: string;\n  /** Whether to hide the label visually. */\n  hide?: boolean;\n  /** Position of the label relative to the field. */\n  position?: 'inset' | 'left' | 'right' | string;\n  /** Tooltip for the label. */\n  labelTooltip?: {\n    /** Text for the tooltip. */\n    text: string;\n    /** Optional icon for the tooltip. */\n    icon?: ReactElement | string;\n  };\n  /** Screen reader instructions for the label. */\n  srInstruction?: string;\n  /** Whether the field is required. */\n  isRequired?: boolean;\n  /** Custom content for the label. */\n  customContent?: CustomContentProps;\n}\n\n/**\n * Type for a single select option.\n */\nexport type SelectOptionObjectType = {\n  /** Label of the option. */\n  label: string;\n  /** Value of the option. */\n  value: string | number | boolean;\n};\n\n/**\n * Type for select options, which can be an object or string.\n */\nexport type SelectOptionType = SelectOptionObjectType | string;\n\n/**\n * Type for a single combobox (autocomplete) option.\n */\nexport type ComboboxOptionObjectType = {\n  /** Label of the option. */\n  label: string;\n  /** Value of the option. */\n  value: string | number | boolean;\n  /** Additional data associated with the option. */\n  data?: Record<string, unknown>;\n};\n\nexport type ComboboxOption = ComboboxOptionObjectType | string;\n\n// Everything we want to *override* with our own definitions in FieldProps\nexport type OverriddenKeys =\n  | 'type'\n  | 'id'\n  | 'name'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'onChange'\n  | 'onBlur'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'disabled'\n  | 'readOnly'\n  | 'min'\n  | 'max';\n\n// All the native props we want to mix in, minus the ones we override\nexport type NativeFieldProps =\n  & Omit<InputHTMLAttributes<HTMLInputElement>, OverriddenKeys>\n  & Omit<SelectHTMLAttributes<HTMLSelectElement>, OverriddenKeys>\n  & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, OverriddenKeys>;\n\n/**\n * Props for the field element.\n */\nexport interface FieldProps extends NativeFieldProps {\n  /** The type of the input field. */\n  type: string;\n  /** The ID of the input field. */\n  id: string;\n  /** The name of the input field. */\n  name: string;\n  /** Placeholder text for the input field. */\n  placeholder?: string;\n  /** Default value for the input field. */\n  defaultValue?: string | number | readonly string[];\n  /** Handler for the change event. */\n  onChange?: ChangeEventHandler | ((\n    event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLSelectElement> | KeyboardEvent<HTMLTextAreaElement>\n  ) => void | GenericFunction);\n  /** Handler for the blur event. */\n  onBlur?: GenericFunction;\n  /** Handler for the input event. */\n  onInput?: FormEventHandler<\n    HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n  >;\n  /** Handler for the keydown event. */\n  onKeyDown?: KeyboardEventHandler | ((\n    event: KeyboardEvent<HTMLInputElement> | KeyboardEvent<HTMLSelectElement> | KeyboardEvent<HTMLTextAreaElement>\n  ) => void | GenericFunction);\n  /** Handler for marking the field as touched. */\n  onTouched?: GenericFunction;\n  /** Whether to include an empty option in a dropdown. */\n  includeEmptyOption?: boolean;\n  /** Label for the empty option. */\n  emptyOptionLabel?: string;\n  /** Options for a dropdown field. */\n  options?: SelectOptionType[] | ComboboxOption[];\n  /** Auto-complete behaviour for the field. */\n  autoComplete?: string;\n  /** Whether the field allows editing and interaction. Note: Setting this to true makes it invisible to screen reader users. */\n  disabled?: boolean;\n  /** Setting to true prevents editing and interaction whilst still making the value visible to screen reader users.  */\n  readonly?: boolean;\n  /** Minimum value or length. */\n  min?: string | number;\n  /** Maximum value or length. */\n  max?: string | number;\n}\n\n/**\n * Validation rules for fields.\n */\nexport type CustomValidate<TFieldValue> = (\n  value: TFieldValue,\n  formValues?: unknown\n) => boolean | string | Promise<boolean | string>;\n\n/**\n * Props for validation rules.\n */\n\nexport type MinMaxRule<T> = T extends boolean\n  ? ValidationRule<boolean>\n  : ValidationRule<number | string>;\n\nexport interface ValidationProps<\n  TFieldValue = unknown | string | boolean,\n  TFormValues = unknown\n> {\n  /** Whether the field is required. */\n  required?: Message | ValidationRule<boolean>;\n  /** Minimum value or length. */\n  min?: MinMaxRule<TFieldValue>;\n  /** Maximum value or length. */\n  max?: MinMaxRule<TFieldValue>;\n  /** Maximum length of the field. */\n  maxLength?: ValidationRule<number>;\n  /** Minimum length of the field. */\n  minLength?: ValidationRule<number>;\n  /** Regex pattern for validation. */\n  pattern?: ValidationRule<RegExp>;\n  /** Custom validation logic. */\n  validate?: CustomValidate<TFieldValue> | Record<string, CustomValidate<TFieldValue>> | Validate<TFieldValue, TFormValues>;\n}\n\nexport type ValidationKey = keyof ValidationProps<unknown, unknown>; // Restrict to known keys\n\n/**\n * Custom CSS classes for the field components.\n */\nexport interface CustomFieldCssClassesProps {\n  /** CSS class for the label. */\n  label?: string;\n  /** CSS class for the input field. */\n  input?: string;\n  /** CSS class for the wrapper. */\n  wrapper?: string;\n}\n\n/**\n * Props for a form field component.\n */\nexport interface FormFieldProps {\n  /** Props for the label. */\n  label: LabelProps;\n  /** Props for the field. */\n  field: FieldProps;\n  /** Layout style of the form field. */\n  layout?: 'stacked' | 'horizontal' | string;\n  /** Validation rules for the field. */\n  validation?: ValidationProps;\n  /** Whether to show a spinner. */\n  showSpinner?: boolean;\n  /** Custom CSS classes for the field. */\n  customCssClasses?: CustomFieldCssClassesProps;\n  /** Custom content for the field. */\n  customContent?: CustomContentProps;\n  /** Override the default nesting of the input inside the label. */\n  separateLabelAndField?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"formFieldProps.js","names":[],"sources":["../../../../../../src/components/form/formFields/formFieldWrapper/formFieldProps.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\n\nimport {\n  ChangeEvent, ChangeEventHandler, FormEventHandler,\n  KeyboardEvent,\n  ReactElement,\n  ReactNode,\n} from 'react';\n\nimport type {\n  InputHTMLAttributes,\n  SelectHTMLAttributes,\n  TextareaHTMLAttributes,\n} from 'react';\n\nimport {\n  Message,\n  Validate,\n  ValidationRule\n} from 'react-hook-form';\nimport { GenericFunction } from '../../../../interfaces';\nimport { KeyboardEventHandler } from '../../../../interfaces/generic.interface';\n\n/**\n * Custom content props for additional elements around the label or field.\n */\nexport interface CustomContentProps {\n  /** Element or text to display before the label. */\n  preLabel?: ReactElement | string;\n  /** Element or text to display after the label. */\n  postLabel?: ReactElement | string;\n  /** Element or text to display before the field. */\n  preField?: ReactElement | string;\n  /** Element or text to display after the field. */\n  postField?: ReactElement | string;\n}\n\n/**\n * Props for the label element.\n */\nexport interface LabelProps {\n  /** Text or element for the label. */\n  text: string | ReactNode | ReactElement;\n  /** The ID of the input the label is associated with. */\n  inputId?: string;\n  /** The ID of the label element. */\n  labelId?: string;\n  /** Whether to hide the label visually. */\n  hide?: boolean;\n  /** Position of the label relative to the field. */\n  position?: 'inset' | 'left' | 'right' | string;\n  /** Tooltip for the label. */\n  labelTooltip?: {\n    /** Text for the tooltip. */\n    text: string;\n    /** Optional icon for the tooltip. */\n    icon?: ReactElement | string;\n  };\n  /** Screen reader instructions for the label. */\n  srInstruction?: string;\n  /** Whether the field is required. */\n  isRequired?: boolean;\n  /** Custom content for the label. */\n  customContent?: CustomContentProps;\n}\n\n/**\n * Type for a single select option.\n */\nexport type SelectOptionObjectType = {\n  /** Label of the option. */\n  label: string;\n  /** Value of the option. */\n  value: string | number | boolean;\n};\n\n/**\n * Type for select options, which can be an object or string.\n */\nexport type SelectOptionType = SelectOptionObjectType | string;\n\n/**\n * Type for a single combobox (autocomplete) option.\n */\nexport type ComboboxOptionObjectType = {\n  /** Label of the option. */\n  label: string;\n  /** Value of the option. */\n  value: string | number | boolean;\n  /** Additional data associated with the option. */\n  data?: Record<string, unknown>;\n};\n\nexport type ComboboxOption = ComboboxOptionObjectType | string;\n\n// Everything we want to *override* with our own definitions in FieldProps\nexport type OverriddenKeys =\n  | 'type'\n  | 'id'\n  | 'name'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'onChange'\n  | 'onBlur'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'disabled'\n  | 'readOnly'\n  | 'min'\n  | 'max';\n\n// All the native props we want to mix in, minus the ones we override\nexport type NativeFieldProps =\n  & Omit<InputHTMLAttributes<HTMLInputElement>, OverriddenKeys>\n  & Omit<SelectHTMLAttributes<HTMLSelectElement>, OverriddenKeys>\n  & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, OverriddenKeys>;\n\n/**\n * Props for the field element.\n */\nexport interface FieldProps extends NativeFieldProps {\n  /** The type of the input field. */\n  type: string;\n  /** The ID of the input field. */\n  id: string;\n  /** The name of the input field. */\n  name: string;\n  /** Placeholder text for the input field. */\n  placeholder?: string;\n  /** Default value for the input field. */\n  defaultValue?: string | number | readonly string[];\n  /** Handler for the change event. */\n  onChange?: ChangeEventHandler | ((\n    event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLSelectElement> | KeyboardEvent<HTMLTextAreaElement>\n  ) => void | GenericFunction);\n  /** Handler for the blur event. */\n  onBlur?: GenericFunction;\n  /** Handler for the input event. */\n  onInput?: FormEventHandler<\n    HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n  >;\n  /** Handler for the keydown event. */\n  onKeyDown?: KeyboardEventHandler | ((\n    event: KeyboardEvent<HTMLInputElement> | KeyboardEvent<HTMLSelectElement> | KeyboardEvent<HTMLTextAreaElement>\n  ) => void | GenericFunction);\n  /** Handler for marking the field as touched. */\n  onTouched?: GenericFunction;\n  /** Whether to include an empty option in a dropdown. */\n  includeEmptyOption?: boolean;\n  /** Label for the empty option. */\n  emptyOptionLabel?: string;\n  /** Options for a dropdown field. */\n  options?: SelectOptionType[] | ComboboxOption[];\n  /** Auto-complete behaviour for the field. */\n  autoComplete?: string;\n  /** Whether the field allows editing and interaction. Note: Setting this to true makes it invisible to screen reader users. */\n  disabled?: boolean;\n  /** Setting to true prevents editing and interaction whilst still making the value visible to screen reader users.  */\n  readonly?: boolean;\n  /** Minimum value or length. */\n  min?: string | number;\n  /** Maximum value or length. */\n  max?: string | number;\n  /**\n   * Whether to enforce grapheme-aware max-length handling (used by textarea).\n   * Uses `field.maxLength` (native field prop) as the source for the UI/input limit.\n   * Keep `field.maxLength` and `validation.maxLength` aligned to avoid mixed UX/validation behaviour.\n   */\n  enforceMaxLength?: boolean;\n}\n\n/**\n * Validation rules for fields.\n */\nexport type CustomValidate<TFieldValue> = (\n  value: TFieldValue,\n  formValues?: unknown\n) => boolean | string | Promise<boolean | string>;\n\n/**\n * Props for validation rules.\n */\n\nexport type MinMaxRule<T> = T extends boolean\n  ? ValidationRule<boolean>\n  : ValidationRule<number | string>;\n\nexport interface ValidationProps<\n  TFieldValue = unknown | string | boolean,\n  TFormValues = unknown\n> {\n  /** Whether the field is required. */\n  required?: Message | ValidationRule<boolean>;\n  /** Minimum value or length. */\n  min?: MinMaxRule<TFieldValue>;\n  /** Maximum value or length. */\n  max?: MinMaxRule<TFieldValue>;\n  /**\n   * Maximum length validation rule.\n   * Used for validation outcome/messages, while textarea UI/input limiting is driven by `field.maxLength`.\n   * If both are provided, keep them equal.\n   */\n  maxLength?: ValidationRule<number>;\n  /** Minimum length of the field. */\n  minLength?: ValidationRule<number>;\n  /** Regex pattern for validation. */\n  pattern?: ValidationRule<RegExp>;\n  /** Custom validation logic. */\n  validate?: CustomValidate<TFieldValue> | Record<string, CustomValidate<TFieldValue>> | Validate<TFieldValue, TFormValues>;\n}\n\nexport type ValidationKey = keyof ValidationProps<unknown, unknown>; // Restrict to known keys\n\n/**\n * Custom CSS classes for the field components.\n */\nexport interface CustomFieldCssClassesProps {\n  /** CSS class for the label. */\n  label?: string;\n  /** CSS class for the input field. */\n  input?: string;\n  /** CSS class for the wrapper. */\n  wrapper?: string;\n}\n\n/**\n * Props for a form field component.\n */\nexport interface FormFieldProps {\n  /** Props for the label. */\n  label: LabelProps;\n  /** Props for the field. */\n  field: FieldProps;\n  /** Layout style of the form field. */\n  layout?: 'stacked' | 'horizontal' | string;\n  /** Validation rules for the field. */\n  validation?: ValidationProps;\n  /** Whether to show a spinner. */\n  showSpinner?: boolean;\n  /** Custom CSS classes for the field. */\n  customCssClasses?: CustomFieldCssClassesProps;\n  /** Custom content for the field. */\n  customContent?: CustomContentProps;\n  /** Override the default nesting of the input inside the label. */\n  separateLabelAndField?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/textarea/Textarea.js

@@ -1,25 +1,55 @@
 "use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Textarea = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactHookForm = require("react-hook-form");
 var _HookFormWrapper = require("../../../hookFormWrapper/HookFormWrapper");
 var _formUtilities = require("../../utilities/formUtilities");
+var _ValidationMessages = require("../../../validation/ValidationMessages");
+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); }
+/**
+* Counts user-perceived characters (grapheme clusters).
+* Treats emojis and composed characters (e.g. accented letters) as a single character.
+* Falls back to basic code-point counting if Intl.Segmenter is not available.
+*/
+function getCharacterCount(value) {
+  if (typeof Intl !== 'undefined' && 'Segmenter' in Intl) {
+    const segmenter = new Intl.Segmenter(undefined, {
+      granularity: 'grapheme'
+    });
+    return Array.from(segmenter.segment(value)).length;
+  }
+  return Array.from(value).length;
+}
+function clampToGraphemeMax(value, maxAllowed) {
+  if (getCharacterCount(value) <= maxAllowed) {
+    return value;
+  }
+  if (typeof Intl !== 'undefined' && 'Segmenter' in Intl) {
+    const segmenter = new Intl.Segmenter(undefined, {
+      granularity: 'grapheme'
+    });
+    return Array.from(segmenter.segment(value)).slice(0, maxAllowed).map(segment => segment.segment).join('');
+  }
+  return Array.from(value).slice(0, maxAllowed).join('');
+}
 const Textarea = ({
   field: {
     id,
     name,
     placeholder,
     defaultValue,
+    maxLength,
+    enforceMaxLength,
     onBlur = () => {},
     onChange = () => {},
     onKeyDown = () => {},
-    onTouched = () => {}
+    onTouched = () => {},
+    ...htmlNativeDomProps
   },
   validation,
   showSpinner,
@@ -28,17 +58,101 @@ const Textarea = ({
 }) => {
   const {
     register,
-    getFieldState
+    getFieldState,
+    formState: {
+      errors
+    }
   } = (0, _reactHookForm.useFormContext)() || _formUtilities.NoHookFormContext;
   const fieldState = getFieldState(name);
-  const HandleAutoFill = event => {
+  const hasFieldError = Boolean((0, _ValidationMessages.extractError)(errors, name));
+  // Combine fieldState.invalid with a direct errors lookup so this component re-renders
+  // whenever formState.errors changes (getFieldState alone does not subscribe to errors).
+  const isInvalid = Boolean(fieldState?.invalid ?? hasFieldError);
+  const [count, setCount] = (0, _react.useState)(() => getCharacterCount(defaultValue?.toString() || ''));
+  const [hasStartedTyping, setHasStartedTyping] = (0, _react.useState)(false);
+  const hasMaxLength = typeof maxLength === 'number';
+  const isAtLimit = hasMaxLength ? count >= maxLength : false;
+  // Only hide counter for 'required' error. All other errors (maxLength, pattern, etc)
+  // should show counter instead of error message.
+  const isRequiredError = fieldState?.error?.type === 'required';
+  const characterCounter = !hasStartedTyping || !hasMaxLength || isRequiredError ? undefined : `${count}/${maxLength}`;
+  const cssClass = `${customCssClasses?.input || ''}${isInvalid ? ' invalidField' : ''}`;
+  const normalizedValidation = (0, _react.useMemo)(() => {
+    if (!validation || typeof validation.maxLength === 'undefined') {
+      return validation;
+    }
+    const maxLengthRule = validation.maxLength;
+    const maxLengthValue = typeof maxLengthRule === 'number' ? maxLengthRule : typeof maxLengthRule === 'object' && maxLengthRule && 'value' in maxLengthRule ? Number(maxLengthRule.value) : undefined;
+    if (typeof maxLengthValue !== 'number' || Number.isNaN(maxLengthValue)) {
+      return validation;
+    }
+    const maxLengthMessage = `Maximum length is ${maxLengthValue}`;
+    const graphemeMaxLengthValidator = value => getCharacterCount(value || '') <= maxLengthValue || maxLengthMessage;
+
+    // eslint-disable-next-line no-unused-vars
     const {
-      target
-    } = event;
-    if (target) {
-      onChange(event);
+      maxLength: _maxLength,
+      validate,
+      ...restValidation
+    } = validation;
+    if (typeof validate === 'function') {
+      return {
+        ...restValidation,
+        validate: async (value, formValues) => {
+          const validationResult = await validate(value, formValues);
+          if (validationResult !== true) {
+            return validationResult;
+          }
+          return graphemeMaxLengthValidator(value);
+        }
+      };
+    }
+    if (validate && typeof validate === 'object') {
+      return {
+        ...restValidation,
+        validate: {
+          ...validate,
+          graphemeMaxLength: graphemeMaxLengthValidator
+        }
+      };
+    }
+    return {
+      ...restValidation,
+      validate: graphemeMaxLengthValidator
+    };
+  }, [validation]);
+  const registered = register(name, normalizedValidation);
+
+  /**
+   * Prevents input that would exceed the maxLength when counting grapheme clusters.
+   * Native <textarea maxLength> counts UTF-16 units, so emojis and composed characters
+   * can be treated as multiple characters. We avoid using native maxLength and enforce
+   * the limit here instead.
+   */
+  const HandleBeforeInput = event => {
+    if (enforceMaxLength !== true || !hasMaxLength) return;
+    const nativeEvent = event.nativeEvent;
+    const inserted = nativeEvent.data ?? '';
+    if (!inserted) return;
+    const target = event.currentTarget;
+    const start = target.selectionStart ?? target.value.length;
+    const end = target.selectionEnd ?? target.value.length;
+    const nextValue = target.value.slice(0, start) + inserted + target.value.slice(end);
+    if (getCharacterCount(nextValue) > maxLength) {
+      event.preventDefault();
     }
   };
+  const HandleChange = event => {
+    const rawValue = event.target.value || '';
+    const newValue = enforceMaxLength === true && hasMaxLength ? clampToGraphemeMax(rawValue, maxLength) : rawValue;
+    if (newValue !== rawValue) {
+      event.target.value = newValue;
+    }
+    setHasStartedTyping(true);
+    setCount(getCharacterCount(newValue));
+    const onTextareaChange = onChange;
+    onTextareaChange?.(event);
+  };
   const HandleOnBlur = event => {
     const {
       target
@@ -50,9 +164,14 @@ const Textarea = ({
   };
   const HandleKeyEvent = event => {
     onTouched();
-    onKeyDown(event);
+    const onTextareaKeyDown = onKeyDown;
+    onTextareaKeyDown?.(event);
   };
-  const cssClass = `${customCssClasses?.input || ''}${fieldState && fieldState?.invalid ? ' invalidField' : ''}`;
+  const characterCounterId = `${id}_characterCount`;
+  const errorsId = `${name}_errors`;
+  const existingDescribedBy = typeof htmlNativeDomProps['aria-describedby'] === 'string' ? htmlNativeDomProps['aria-describedby'] : undefined;
+  const showsRequiredError = isInvalid && isRequiredError;
+  const mergedDescribedBy = showsRequiredError ? [existingDescribedBy, errorsId].filter(Boolean).join(' ') : characterCounter !== undefined ? [existingDescribedBy, characterCounterId].filter(Boolean).join(' ') : existingDescribedBy;
   const textareaProps = {
     id,
     className: cssClass,
@@ -64,16 +183,38 @@ const Textarea = ({
     ...(validation && typeof validation.required !== 'undefined' ? {
       required: true
     } : {}),
-    ...register(name, {
-      onChange: HandleAutoFill,
-      onBlur: HandleOnBlur,
-      ...validation
-    }),
-    onKeyDown: HandleKeyEvent
+    ...registered,
+    onBeforeInput: HandleBeforeInput,
+    onChange: event => {
+      HandleChange(event);
+      registered?.onChange?.(event);
+    },
+    onBlur: event => {
+      HandleOnBlur(event);
+      registered?.onBlur?.(event);
+    },
+    onKeyDown: HandleKeyEvent,
+    ...htmlNativeDomProps,
+    'aria-describedby': mergedDescribedBy
   };
   return /*#__PURE__*/_react.default.createElement(_HookFormWrapper.HookFormWrapper, null, customContent?.preField && /*#__PURE__*/_react.default.createElement("span", {
     className: "preField"
-  }, customContent?.preField), /*#__PURE__*/_react.default.createElement("textarea", textareaProps), customContent?.postField && /*#__PURE__*/_react.default.createElement("span", {
+  }, customContent?.preField), /*#__PURE__*/_react.default.createElement("div", {
+    className: "textareaFieldContainer"
+  }, /*#__PURE__*/_react.default.createElement("textarea", textareaProps), /*#__PURE__*/_react.default.createElement("div", {
+    className: "textareaFooter"
+  }, isInvalid && isRequiredError ? /*#__PURE__*/_react.default.createElement(_ValidationMessages.ValidationMessages, {
+    name: name,
+    validation: {
+      required: validation?.required
+    }
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    id: characterCounterId,
+    className: `textareaCharacterCount ${isAtLimit ? 'textareaCharacterCountExceeded' : ''}`,
+    role: isAtLimit ? 'status' : undefined,
+    "aria-live": isAtLimit ? 'polite' : undefined,
+    "aria-atomic": isAtLimit ? 'true' : undefined
+  }, characterCounter))), customContent?.postField && /*#__PURE__*/_react.default.createElement("span", {
     className: "postField"
   }, customContent?.postField));
 };

package/dist/cjs/components/form/formFields/subComponents/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","Textarea","_react","_reactHookForm","_HookFormWrapper","_formUtilities","field","id","name","placeholder","defaultValue","onBlur","onChange","onKeyDown","onTouched","validation","showSpinner","customCssClasses","customContent","register","getFieldState","useFormContext","NoHookFormContext","fieldState","HandleAutoFill","event","target","HandleOnBlur","HandleKeyEvent","cssClass","input","invalid","textareaProps","className","disabled","required","default","createElement","HookFormWrapper","preField","postField"],"sources":["../../../../../../../src/components/form/formFields/subComponents/textarea/Textarea.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { HookFormWrapper } from '../../../hookFormWrapper/HookFormWrapper';\nimport { FormFieldProps } from '../../formFieldWrapper/formFieldProps';\nimport { NoHookFormContext } from '../../utilities/formUtilities';\n\ninterface TextareaProps extends FormFieldProps, React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nexport const Textarea: React.FC<TextareaProps> = (\n  {\n    field: {\n      id,\n      name,\n      placeholder,\n      defaultValue,\n      onBlur = () => {},\n      onChange = () => {},\n      onKeyDown = () => {},\n      onTouched = () => {}\n    },\n    validation,\n    showSpinner,\n    customCssClasses,\n    customContent\n  }\n) => {\n  const { register, getFieldState } = useFormContext() || NoHookFormContext;\n  const fieldState = getFieldState(name);\n\n  const HandleAutoFill = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      onChange(event);\n    }\n  };\n\n  const HandleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      onTouched();\n      onBlur(event);\n    }\n  };\n\n  const HandleKeyEvent = (\n    event: React.KeyboardEvent<HTMLInputElement> &\n      React.KeyboardEvent<HTMLSelectElement> &\n      React.KeyboardEvent<HTMLTextAreaElement>\n  ) => {\n    onTouched();\n    onKeyDown(event);\n  };\n\n  const cssClass = `${ customCssClasses?.input || '' }${ fieldState && fieldState?.invalid ? ' invalidField' : '' }`;\n\n  const textareaProps = {\n    id,\n    className: cssClass,\n    placeholder,\n    defaultValue,\n    ...(showSpinner ? { disabled: true } : {}),\n    ...(validation && typeof validation.required !== 'undefined' ? { required: true } : {}),\n    ...register(\n      name,\n      {\n        onChange: HandleAutoFill,\n        onBlur: HandleOnBlur,\n        ...validation\n      }\n    ),\n    onKeyDown: HandleKeyEvent\n  };\n\n  return (\n    <HookFormWrapper>\n      { customContent?.preField && <span className=\"preField\">{ customContent?.preField }</span> }\n\n      <textarea { ...textareaProps } />\n\n      { customContent?.postField && <span className=\"postField\">{ customContent?.postField }</span> }\n    </HookFormWrapper>\n  );\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,cAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AAEA,IAAAS,cAAA,GAAAT,OAAA;AAIO,MAAMK,QAAiC,GAAGA,CAC/C;EACEK,KAAK,EAAE;IACLC,EAAE;IACFC,IAAI;IACJC,WAAW;IACXC,YAAY;IACZC,MAAM,GAAGA,CAAA,KAAM,CAAC,CAAC;IACjBC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnBC,SAAS,GAAGA,CAAA,KAAM,CAAC,CAAC;IACpBC,SAAS,GAAGA,CAAA,KAAM,CAAC;EACrB,CAAC;EACDC,UAAU;EACVC,WAAW;EACXC,gBAAgB;EAChBC;AACF,CAAC,KACE;EACH,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAG,IAAAC,6BAAc,EAAC,CAAC,IAAIC,gCAAiB;EACzE,MAAMC,UAAU,GAAGH,aAAa,CAACZ,IAAI,CAAC;EAEtC,MAAMgB,cAAc,GAAIC,KAAyC,IAAK;IACpE,MAAM;MAAEC;IAAO,CAAC,GAAGD,KAAK;IACxB,IAAIC,MAAM,EAAE;MACVd,QAAQ,CAACa,KAAK,CAAC;IACjB;EACF,CAAC;EAED,MAAME,YAAY,GAAIF,KAAyC,IAAK;IAClE,MAAM;MAAEC;IAAO,CAAC,GAAGD,KAAK;IACxB,IAAIC,MAAM,EAAE;MACVZ,SAAS,CAAC,CAAC;MACXH,MAAM,CAACc,KAAK,CAAC;IACf;EACF,CAAC;EAED,MAAMG,cAAc,GAClBH,KAE0C,IACvC;IACHX,SAAS,CAAC,CAAC;IACXD,SAAS,CAACY,KAAK,CAAC;EAClB,CAAC;EAED,MAAMI,QAAQ,GAAG,GAAIZ,gBAAgB,EAAEa,KAAK,IAAI,EAAE,GAAKP,UAAU,IAAIA,UAAU,EAAEQ,OAAO,GAAG,eAAe,GAAG,EAAE,EAAG;EAElH,MAAMC,aAAa,GAAG;IACpBzB,EAAE;IACF0B,SAAS,EAAEJ,QAAQ;IACnBpB,WAAW;IACXC,YAAY;IACZ,IAAIM,WAAW,GAAG;MAAEkB,QAAQ,EAAE;IAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1C,IAAInB,UAAU,IAAI,OAAOA,UAAU,CAACoB,QAAQ,KAAK,WAAW,GAAG;MAAEA,QAAQ,EAAE;IAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACvF,GAAGhB,QAAQ,CACTX,IAAI,EACJ;MACEI,QAAQ,EAAEY,cAAc;MACxBb,MAAM,EAAEgB,YAAY;MACpB,GAAGZ;IACL,CACF,CAAC;IACDF,SAAS,EAAEe;EACb,CAAC;EAED,oBACE1B,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAACjC,gBAAA,CAAAkC,eAAe,QACZpB,aAAa,EAAEqB,QAAQ,iBAAIrC,MAAA,CAAAkC,OAAA,CAAAC,aAAA;IAAMJ,SAAS,EAAC;EAAU,GAAGf,aAAa,EAAEqB,QAAgB,CAAC,eAE1FrC,MAAA,CAAAkC,OAAA,CAAAC,aAAA,aAAeL,aAAiB,CAAC,EAE/Bd,aAAa,EAAEsB,SAAS,iBAAItC,MAAA,CAAAkC,OAAA,CAAAC,aAAA;IAAMJ,SAAS,EAAC;EAAW,GAAGf,aAAa,EAAEsB,SAAiB,CAC7E,CAAC;AAEtB,CAAC;AAACzC,OAAA,CAAAE,QAAA,GAAAA,QAAA","ignoreList":[]}
+{"version":3,"file":"Textarea.js","names":["Object","defineProperty","exports","value","Textarea","_react","_interopRequireWildcard","require","_reactHookForm","_HookFormWrapper","_formUtilities","_ValidationMessages","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","getCharacterCount","Intl","segmenter","Segmenter","undefined","granularity","Array","from","segment","length","clampToGraphemeMax","maxAllowed","slice","map","join","field","id","name","placeholder","defaultValue","maxLength","enforceMaxLength","onBlur","onChange","onKeyDown","onTouched","htmlNativeDomProps","validation","showSpinner","customCssClasses","customContent","register","getFieldState","formState","errors","useFormContext","NoHookFormContext","fieldState","hasFieldError","Boolean","extractError","isInvalid","invalid","count","setCount","useState","toString","hasStartedTyping","setHasStartedTyping","hasMaxLength","isAtLimit","isRequiredError","error","type","characterCounter","cssClass","input","normalizedValidation","useMemo","maxLengthRule","maxLengthValue","Number","isNaN","maxLengthMessage","graphemeMaxLengthValidator","_maxLength","validate","restValidation","formValues","validationResult","graphemeMaxLength","registered","HandleBeforeInput","event","nativeEvent","inserted","data","target","currentTarget","start","selectionStart","end","selectionEnd","nextValue","preventDefault","HandleChange","rawValue","newValue","onTextareaChange","HandleOnBlur","HandleKeyEvent","onTextareaKeyDown","characterCounterId","errorsId","existingDescribedBy","showsRequiredError","mergedDescribedBy","filter","textareaProps","className","disabled","required","onBeforeInput","createElement","HookFormWrapper","preField","ValidationMessages","role","postField"],"sources":["../../../../../../../src/components/form/formFields/subComponents/textarea/Textarea.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo, useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { HookFormWrapper } from '../../../hookFormWrapper/HookFormWrapper';\nimport { FormFieldProps } from '../../formFieldWrapper/formFieldProps';\nimport { NoHookFormContext } from '../../utilities/formUtilities';\nimport { extractError, ValidationMessages } from '../../../validation/ValidationMessages';\n\ninterface TextareaProps extends FormFieldProps, React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\n/**\n* Counts user-perceived characters (grapheme clusters).\n* Treats emojis and composed characters (e.g. accented letters) as a single character.\n* Falls back to basic code-point counting if Intl.Segmenter is not available.\n*/\nfunction getCharacterCount(value: string): number {\n  if (typeof Intl !== 'undefined' && 'Segmenter' in Intl) {\n    const segmenter = new Intl.Segmenter(undefined, {\n      granularity: 'grapheme',\n    });\n    return Array.from(segmenter.segment(value)).length;\n  }\n  return Array.from(value).length;\n}\n\nfunction clampToGraphemeMax(value: string, maxAllowed: number): string {\n  if (getCharacterCount(value) <= maxAllowed) {\n    return value;\n  }\n\n  if (typeof Intl !== 'undefined' && 'Segmenter' in Intl) {\n    const segmenter = new Intl.Segmenter(undefined, {\n      granularity: 'grapheme',\n    });\n\n    return Array.from(segmenter.segment(value))\n      .slice(0, maxAllowed)\n      .map((segment) => segment.segment)\n      .join('');\n  }\n\n  return Array.from(value).slice(0, maxAllowed).join('');\n}\n\nexport const Textarea: React.FC<TextareaProps> = (\n  {\n    field: {\n      id,\n      name,\n      placeholder,\n      defaultValue,\n      maxLength,\n      enforceMaxLength,\n      onBlur = () => {},\n      onChange = () => {},\n      onKeyDown = () => {},\n      onTouched = () => {},\n      ...htmlNativeDomProps\n    },\n    validation,\n    showSpinner,\n    customCssClasses,\n    customContent\n  }\n) => {\n  const { register, getFieldState, formState: { errors } } = useFormContext() || NoHookFormContext;\n  const fieldState = getFieldState(name);\n  const hasFieldError = Boolean(extractError(errors, name));\n  // Combine fieldState.invalid with a direct errors lookup so this component re-renders\n  // whenever formState.errors changes (getFieldState alone does not subscribe to errors).\n  const isInvalid = Boolean(fieldState?.invalid ?? hasFieldError);\n  const [count, setCount] = useState<number>(() =>\n    getCharacterCount(defaultValue?.toString() || '')\n  );\n  const [hasStartedTyping, setHasStartedTyping] = useState(false);\n  const hasMaxLength = typeof maxLength === 'number';\n  const isAtLimit = hasMaxLength ? count >= maxLength : false;\n  // Only hide counter for 'required' error. All other errors (maxLength, pattern, etc)\n  // should show counter instead of error message.\n  const isRequiredError = fieldState?.error?.type === 'required';\n  const characterCounter =\n    !hasStartedTyping || !hasMaxLength || isRequiredError\n      ? undefined\n      : `${ count }/${ maxLength }`;\n  const cssClass = `${ customCssClasses?.input || '' }${ isInvalid ? ' invalidField' : '' }`;\n\n  const normalizedValidation = useMemo(() => {\n    if (!validation || typeof validation.maxLength === 'undefined') {\n      return validation;\n    }\n\n    const maxLengthRule = validation.maxLength;\n    const maxLengthValue =\n      typeof maxLengthRule === 'number'\n        ? maxLengthRule\n        : typeof maxLengthRule === 'object' && maxLengthRule && 'value' in maxLengthRule\n          ? Number(maxLengthRule.value)\n          : undefined;\n\n    if (typeof maxLengthValue !== 'number' || Number.isNaN(maxLengthValue)) {\n      return validation;\n    }\n\n    const maxLengthMessage = `Maximum length is ${ maxLengthValue }`;\n\n    const graphemeMaxLengthValidator = (value: string) =>\n      getCharacterCount(value || '') <= maxLengthValue || maxLengthMessage;\n\n    // eslint-disable-next-line no-unused-vars\n    const { maxLength: _maxLength, validate, ...restValidation } = validation;\n\n    if (typeof validate === 'function') {\n      return {\n        ...restValidation,\n        validate: async (value: string, formValues?: unknown) => {\n          const validationResult = await validate(value, formValues);\n          if (validationResult !== true) {\n            return validationResult;\n          }\n          return graphemeMaxLengthValidator(value);\n        },\n      };\n    }\n\n    if (validate && typeof validate === 'object') {\n      return {\n        ...restValidation,\n        validate: {\n          ...validate,\n          graphemeMaxLength: graphemeMaxLengthValidator,\n        },\n      };\n    }\n\n    return {\n      ...restValidation,\n      validate: graphemeMaxLengthValidator,\n    };\n  }, [validation]);\n\n  const registered = register(name, normalizedValidation);\n\n  /**\n   * Prevents input that would exceed the maxLength when counting grapheme clusters.\n   * Native <textarea maxLength> counts UTF-16 units, so emojis and composed characters\n   * can be treated as multiple characters. We avoid using native maxLength and enforce\n   * the limit here instead.\n   */\n  const HandleBeforeInput = (event: React.FormEvent<HTMLTextAreaElement>) => {\n    if (enforceMaxLength !== true || !hasMaxLength) return;\n\n    const nativeEvent = event.nativeEvent as InputEvent;\n    const inserted = nativeEvent.data ?? '';\n\n    if (!inserted) return;\n\n    const target = event.currentTarget;\n    const start = target.selectionStart ?? target.value.length;\n    const end = target.selectionEnd ?? target.value.length;\n\n    const nextValue =\n      target.value.slice(0, start) +\n      inserted +\n      target.value.slice(end);\n\n    if (getCharacterCount(nextValue) > maxLength) {\n      event.preventDefault();\n    }\n  };\n\n  const HandleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const rawValue = event.target.value || '';\n    const newValue =\n      enforceMaxLength === true && hasMaxLength\n        ? clampToGraphemeMax(rawValue, maxLength)\n        : rawValue;\n\n    if (newValue !== rawValue) {\n      event.target.value = newValue;\n    }\n\n    setHasStartedTyping(true);\n    setCount(getCharacterCount(newValue));\n    const onTextareaChange = onChange as\n      | React.ChangeEventHandler<HTMLTextAreaElement>\n      | undefined;\n    onTextareaChange?.(event);\n  };\n\n  const HandleOnBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    const { target } = event;\n    if (target) {\n      onTouched();\n      onBlur(event);\n    }\n  };\n\n  const HandleKeyEvent = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    onTouched();\n    const onTextareaKeyDown = onKeyDown as\n      | React.KeyboardEventHandler<HTMLTextAreaElement>\n      | undefined;\n    onTextareaKeyDown?.(event);\n  };\n\n  const characterCounterId = `${ id }_characterCount`;\n  const errorsId = `${ name }_errors`;\n  const existingDescribedBy =\n    typeof htmlNativeDomProps['aria-describedby'] === 'string'\n      ? htmlNativeDomProps['aria-describedby']\n      : undefined;\n  const showsRequiredError = isInvalid && isRequiredError;\n  const mergedDescribedBy = showsRequiredError\n    ? [existingDescribedBy, errorsId].filter(Boolean).join(' ')\n    : characterCounter !== undefined\n      ? [existingDescribedBy, characterCounterId].filter(Boolean).join(' ')\n      : existingDescribedBy;\n  \n  const textareaProps = {\n    id,\n    className: cssClass,\n    placeholder,\n    defaultValue,\n    ...(showSpinner ? { disabled: true } : {}),\n    ...(validation && typeof validation.required !== 'undefined' ? { required: true } : {}),\n    ...registered,\n    onBeforeInput: HandleBeforeInput,\n    onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      HandleChange(event);\n      registered?.onChange?.(event);\n    },\n    onBlur: (event: React.FocusEvent<HTMLTextAreaElement>) => {\n      HandleOnBlur(event);\n      registered?.onBlur?.(event);\n    },\n    onKeyDown: HandleKeyEvent,\n    ...htmlNativeDomProps,\n    'aria-describedby': mergedDescribedBy,\n  };\n\n  return (\n    <HookFormWrapper>\n      { customContent?.preField && <span className=\"preField\">{ customContent?.preField }</span> }\n\n      <div className=\"textareaFieldContainer\">\n        <textarea { ...textareaProps } />  \n\n        <div className=\"textareaFooter\">\n          { isInvalid && isRequiredError\n            ? <ValidationMessages name={ name } validation={ { required: validation?.required } } />\n            : (\n              <div\n                id={ characterCounterId }\n                className={ `textareaCharacterCount ${\n                  isAtLimit\n                    ? 'textareaCharacterCountExceeded'\n                    : ''\n                }` }\n                role={ isAtLimit ? 'status' : undefined }\n                aria-live={ isAtLimit ? 'polite' : undefined }\n                aria-atomic={ isAtLimit ? 'true' : undefined }\n              >\n                { characterCounter }\n              </div>\n            )\n          }\n        </div>\n      </div>\n\n      { customContent?.postField && <span className=\"postField\">{ customContent?.postField }</span> }\n    </HookFormWrapper>\n  );\n};\n"],"mappings":"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","ignoreList":[]}