@hitachivantara/uikit-react-core 5.39.1 → 5.39.3

package/dist/esm/components/Forms/Adornment/Adornment.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Adornment.styles.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.styles.tsx"],"sourcesContent":["import { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvAdornment\", {\n  root: {},\n  icon: { width: 32, height: 32 },\n  adornment: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n  },\n  adornmentIcon: { cursor: \"default\", pointerEvents: \"none\" },\n  hideIcon: { display: \"none\" },\n  adornmentButton: {\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","icon","width","height","adornment","backgroundColor","border","padding","margin","adornmentIcon","cursor","pointerEvents","hideIcon","display","adornmentButton","outlineStyles"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,eAAe;AAAA,EACxEC,MAAM,CAAC;AAAA,EACPC,MAAM;AAAA,IAAEC,OAAO;AAAA,IAAIC,QAAQ;AAAA,EAAG;AAAA,EAC9BC,WAAW;AAAA,IACTC,iBAAiB;AAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,EACV;AAAA,EACAC,eAAe;AAAA,IAAEC,QAAQ;AAAA,IAAWC,eAAe;AAAA,EAAO;AAAA,EAC1DC,UAAU;AAAA,IAAEC,SAAS;AAAA,EAAO;AAAA,EAC5BC,iBAAiB;AAAA,IACfJ,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAGK;AAAAA,IACL;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"Adornment.styles.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.styles.tsx"],"sourcesContent":["import { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvAdornment\", {\n  root: {},\n  icon: { width: 32, height: 32 },\n  adornment: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n  },\n  adornmentIcon: { cursor: \"default\", pointerEvents: \"none\" },\n  hideIcon: { display: \"none\" },\n  adornmentButton: {\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n});\n"],"names":[],"mappings":";;AAGO,MAAM,EAAE,eAAe,eAAe,cAAc,eAAe;AAAA,EACxE,MAAM,CAAC;AAAA,EACP,MAAM,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA,EAC9B,WAAW;AAAA,IACT,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,eAAe,EAAE,QAAQ,WAAW,eAAe,OAAO;AAAA,EAC1D,UAAU,EAAE,SAAS,OAAO;AAAA,EAC5B,iBAAiB;AAAA,IACf,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAG;AAAA,IACL;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/components/Forms/CharCounter/CharCounter.js

@@ -18,32 +18,58 @@ const HvCharCounter = (props) => {
     disableGutter = false,
     ...others
   } = useDefaultProps("HvCharCounter", props);
-  const {
-    classes,
-    cx
-  } = useClasses(classesProp);
-  const {
-    elementId,
-    elementDisabled
-  } = useContext(HvFormElementContext);
+  const { classes, cx } = useClasses(classesProp);
+  const { elementId, elementDisabled } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
   const localId = id ?? setId(elementId, "counter");
   const currentId = setId(localId, "currentQuantity");
   const maxQuantityId = setId(localId, "maxQuantity");
   const isOverloaded = currentCharQuantity > maxCharQuantity;
-  return /* @__PURE__ */ jsxs("div", { id: localId, className: cx(classes.root, {
-    [classes.counterDisabled]: !!localDisabled,
-    [classes.gutter]: !disableGutter
-  }, className), "aria-live": "polite", "aria-disabled": localDisabled, ...others, children: [
-    /* @__PURE__ */ jsx(HvTypography, { id: currentId, className: cx({
-      [classes.overloaded]: isOverloaded && !localDisabled,
-      [classes.counterDisabled]: !!localDisabled
-    }), variant: "label", component: "label", children: currentCharQuantity }),
-    /* @__PURE__ */ jsx(HvTypography, { id: maxQuantityId, className: cx({
-      [classes.overloaded]: isOverloaded && !localDisabled,
-      [classes.counterDisabled]: !!localDisabled
-    }), variant: "body", component: "label", children: ` ${separator} ${maxCharQuantity}` })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id: localId,
+      className: cx(
+        classes.root,
+        {
+          [classes.counterDisabled]: !!localDisabled,
+          [classes.gutter]: !disableGutter
+        },
+        className
+      ),
+      "aria-live": "polite",
+      "aria-disabled": localDisabled,
+      ...others,
+      children: [
+        /* @__PURE__ */ jsx(
+          HvTypography,
+          {
+            id: currentId,
+            className: cx({
+              [classes.overloaded]: isOverloaded && !localDisabled,
+              [classes.counterDisabled]: !!localDisabled
+            }),
+            variant: "label",
+            component: "label",
+            children: currentCharQuantity
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          HvTypography,
+          {
+            id: maxQuantityId,
+            className: cx({
+              [classes.overloaded]: isOverloaded && !localDisabled,
+              [classes.counterDisabled]: !!localDisabled
+            }),
+            variant: "body",
+            component: "label",
+            children: ` ${separator} ${maxCharQuantity}`
+          }
+        )
+      ]
+    }
+  );
 };
 export {
   HvCharCounter,

package/dist/esm/components/Forms/CharCounter/CharCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CharCounter.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./CharCounter.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as charCounterClasses };\n\nexport type HvCharCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCharCounterProps extends HvBaseProps {\n  /** The string that separates the current char quantity from the max quantity. */\n  separator?: string;\n  /** The maximum allowed length of the characters. */\n  maxCharQuantity: number;\n  /** The current char quantity to be rendered. */\n  currentCharQuantity?: number;\n  /** If `true` the counter is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCharCounterClasses;\n}\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = (props: HvCharCounterProps) => {\n  const {\n    separator = \"/\",\n    maxCharQuantity,\n    currentCharQuantity = 0,\n    classes: classesProp,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = useDefaultProps(\"HvCharCounter\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <div\n      id={localId}\n      className={cx(\n        classes.root,\n        {\n          [classes.counterDisabled]: !!localDisabled,\n          [classes.gutter]: !disableGutter,\n        },\n        className\n      )}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <HvTypography\n        id={currentId}\n        className={cx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: !!localDisabled,\n        })}\n        variant=\"label\"\n        component=\"label\"\n      >\n        {currentCharQuantity}\n      </HvTypography>\n      <HvTypography\n        id={maxQuantityId}\n        className={cx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: !!localDisabled,\n        })}\n        variant=\"body\"\n        component=\"label\"\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </HvTypography>\n    </div>\n  );\n};\n"],"names":["HvCharCounter","props","separator","maxCharQuantity","currentCharQuantity","classes","classesProp","className","id","disabled","disableGutter","others","useDefaultProps","cx","useClasses","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","root","counterDisabled","gutter","overloaded"],"mappings":";;;;;;;;AAoCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC;AAAAA,IACAC,sBAAsB;AAAA,IACtBC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,gBAAgB;AAAA,IAChB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,iBAAiBX,KAAK;AAEpC,QAAA;AAAA,IAAEI;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAExC,QAAA;AAAA,IAAES;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBV,YAAYO;AAClC,QAAMI,UAAUZ,MAAMa,MAAMN,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAepB,sBAAsBD;AAE3C,8BACG,OACC,EAAA,IAAIiB,SACJ,WAAWP,GACTR,QAAQoB,MACR;AAAA,IACE,CAACpB,QAAQqB,eAAe,GAAG,CAAC,CAACP;AAAAA,IAC7B,CAACd,QAAQsB,MAAM,GAAG,CAACjB;AAAAA,EAAAA,GAErBH,SACF,GACA,aAAU,UACV,iBAAeY,eACf,GAAIR,QAEJ,UAAA;AAAA,IAAA,oBAAC,cACC,EAAA,IAAIW,WACJ,WAAWT,GAAG;AAAA,MACZ,CAACR,QAAQuB,UAAU,GAAGJ,gBAAgB,CAACL;AAAAA,MACvC,CAACd,QAAQqB,eAAe,GAAG,CAAC,CAACP;AAAAA,IAAAA,CAC9B,GACD,SAAQ,SACR,WAAU,SAETf,UACH,qBAAA;AAAA,IACC,oBAAA,cAAA,EACC,IAAImB,eACJ,WAAWV,GAAG;AAAA,MACZ,CAACR,QAAQuB,UAAU,GAAGJ,gBAAgB,CAACL;AAAAA,MACvC,CAACd,QAAQqB,eAAe,GAAG,CAAC,CAACP;AAAAA,IAC9B,CAAA,GACD,SAAQ,QACR,WAAU,SAER,UAAGjB,IAAAA,SAAU,IAAGC,eAAgB,GACpC,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"CharCounter.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./CharCounter.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as charCounterClasses };\n\nexport type HvCharCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCharCounterProps extends HvBaseProps {\n  /** The string that separates the current char quantity from the max quantity. */\n  separator?: string;\n  /** The maximum allowed length of the characters. */\n  maxCharQuantity: number;\n  /** The current char quantity to be rendered. */\n  currentCharQuantity?: number;\n  /** If `true` the counter is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCharCounterClasses;\n}\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = (props: HvCharCounterProps) => {\n  const {\n    separator = \"/\",\n    maxCharQuantity,\n    currentCharQuantity = 0,\n    classes: classesProp,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = useDefaultProps(\"HvCharCounter\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <div\n      id={localId}\n      className={cx(\n        classes.root,\n        {\n          [classes.counterDisabled]: !!localDisabled,\n          [classes.gutter]: !disableGutter,\n        },\n        className\n      )}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <HvTypography\n        id={currentId}\n        className={cx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: !!localDisabled,\n        })}\n        variant=\"label\"\n        component=\"label\"\n      >\n        {currentCharQuantity}\n      </HvTypography>\n      <HvTypography\n        id={maxQuantityId}\n        className={cx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: !!localDisabled,\n        })}\n        variant=\"body\"\n        component=\"label\"\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </HvTypography>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAoCa,MAAA,gBAAgB,CAAC,UAA8B;AACpD,QAAA;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA,sBAAsB;AAAA,IACtB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,GAAG;AAAA,EAAA,IACD,gBAAgB,iBAAiB,KAAK;AAE1C,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,EAAE,WAAW,gBAAgB,IAAI,WAAW,oBAAoB;AACtE,QAAM,gBAAgB,YAAY;AAClC,QAAM,UAAU,MAAM,MAAM,WAAW,SAAS;AAC1C,QAAA,YAAY,MAAM,SAAS,iBAAiB;AAC5C,QAAA,gBAAgB,MAAM,SAAS,aAAa;AAClD,QAAM,eAAe,sBAAsB;AAGzC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,eAAe,GAAG,CAAC,CAAC;AAAA,UAC7B,CAAC,QAAQ,MAAM,GAAG,CAAC;AAAA,QACrB;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAU;AAAA,MACV,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,GAAG;AAAA,cACZ,CAAC,QAAQ,UAAU,GAAG,gBAAgB,CAAC;AAAA,cACvC,CAAC,QAAQ,eAAe,GAAG,CAAC,CAAC;AAAA,YAAA,CAC9B;AAAA,YACD,SAAQ;AAAA,YACR,WAAU;AAAA,YAET,UAAA;AAAA,UAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,GAAG;AAAA,cACZ,CAAC,QAAQ,UAAU,GAAG,gBAAgB,CAAC;AAAA,cACvC,CAAC,QAAQ,eAAe,GAAG,CAAC,CAAC;AAAA,YAAA,CAC9B;AAAA,YACD,SAAQ;AAAA,YACR,WAAU;AAAA,YAET,UAAA,IAAI,SAAS,IAAI,eAAe;AAAA,UAAA;AAAA,QACnC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/components/Forms/CharCounter/CharCounter.styles.js

@@ -1,22 +1,10 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses } from "../../../utils/classes.js";
-const {
-  staticClasses,
-  useClasses
-} = createClasses("HvCharCounter", {
-  root: {
-    display: "inline-block",
-    float: "right"
-  },
-  counterDisabled: {
-    color: theme.colors.secondary_60
-  },
-  gutter: {
-    paddingLeft: "6px"
-  },
-  overloaded: {
-    color: theme.colors.negative
-  }
+const { staticClasses, useClasses } = createClasses("HvCharCounter", {
+  root: { display: "inline-block", float: "right" },
+  counterDisabled: { color: theme.colors.secondary_60 },
+  gutter: { paddingLeft: "6px" },
+  overloaded: { color: theme.colors.negative }
 });
 export {
   staticClasses,

package/dist/esm/components/Forms/CharCounter/CharCounter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CharCounter.styles.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCharCounter\", {\n  root: { display: \"inline-block\", float: \"right\" },\n  counterDisabled: { color: theme.colors.secondary_60 },\n  gutter: { paddingLeft: \"6px\" },\n  overloaded: { color: theme.colors.negative },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","float","counterDisabled","color","theme","colors","secondary_60","gutter","paddingLeft","overloaded","negative"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,SAAS;AAAA,IAAgBC,OAAO;AAAA,EAAQ;AAAA,EAChDC,iBAAiB;AAAA,IAAEC,OAAOC,MAAMC,OAAOC;AAAAA,EAAa;AAAA,EACpDC,QAAQ;AAAA,IAAEC,aAAa;AAAA,EAAM;AAAA,EAC7BC,YAAY;AAAA,IAAEN,OAAOC,MAAMC,OAAOK;AAAAA,EAAS;AAC7C,CAAC;"}
+{"version":3,"file":"CharCounter.styles.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCharCounter\", {\n  root: { display: \"inline-block\", float: \"right\" },\n  counterDisabled: { color: theme.colors.secondary_60 },\n  gutter: { paddingLeft: \"6px\" },\n  overloaded: { color: theme.colors.negative },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,iBAAiB;AAAA,EAC1E,MAAM,EAAE,SAAS,gBAAgB,OAAO,QAAQ;AAAA,EAChD,iBAAiB,EAAE,OAAO,MAAM,OAAO,aAAa;AAAA,EACpD,QAAQ,EAAE,aAAa,MAAM;AAAA,EAC7B,YAAY,EAAE,OAAO,MAAM,OAAO,SAAS;AAC7C,CAAC;"}

package/dist/esm/components/Forms/FormElement/FormElement.js

@@ -22,19 +22,19 @@ const HvFormElement = (props) => {
     status = "standBy",
     ...others
   } = useDefaultProps("HvFormElement", props);
-  const {
-    classes,
-    cx
-  } = useClasses(classesProp);
+  const { classes, cx } = useClasses(classesProp);
   const elementId = useUniqueId(id, "hvformelement");
-  const contextValue = useMemo(() => ({
-    elementId,
-    elementName: name,
-    elementStatus: status,
-    elementDisabled: disabled,
-    elementRequired: required,
-    elementReadOnly: readOnly
-  }), [disabled, elementId, name, readOnly, required, status]);
+  const contextValue = useMemo(
+    () => ({
+      elementId,
+      elementName: name,
+      elementStatus: status,
+      elementDisabled: disabled,
+      elementRequired: required,
+      elementReadOnly: readOnly
+    }),
+    [disabled, elementId, name, readOnly, required, status]
+  );
   const descriptors = useMemo(() => findDescriptors(children), [children]);
   return /* @__PURE__ */ jsx("div", { id, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsx(HvFormElementContextProvider, { value: contextValue, children: /* @__PURE__ */ jsx(HvFormElementValueContextProvider, { value, children: /* @__PURE__ */ jsx(HvFormElementDescriptorsContextProvider, { value: descriptors, children }) }) }) });
 };

package/dist/esm/components/Forms/FormElement/FormElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElement.js","sources":["../../../../../src/components/Forms/FormElement/FormElement.tsx"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport { staticClasses, useClasses } from \"./FormElement.styles\";\n\nexport { staticClasses as formElementClasses };\n\nexport type HvFormElementClasses = ExtractNames<typeof useClasses>;\n\nexport type HvFormStatus = \"standBy\" | \"valid\" | \"invalid\" | \"empty\";\n\nexport interface HvFormElementProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * Name of the form element.\n   *\n   * Part of a name/value pair, should be the name property of the underling native input.\n   */\n  name?: string;\n  /**\n   * Current value of the form element.\n   *\n   * Part of a name/value pair, should be the value property of the underling native input.\n   */\n  value?: any;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Whether the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /** The callback fired when the value changes. */\n  onChange?: (event: React.FormEvent<HTMLDivElement>) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFormElementClasses;\n}\n\nexport const HvFormElement = (props: HvFormElementProps) => {\n  const {\n    classes: classesProp,\n    className,\n    children,\n    id,\n    name,\n    value,\n    disabled = false,\n    required = false,\n    readOnly = false,\n    status = \"standBy\",\n    ...others\n  } = useDefaultProps(\"HvFormElement\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const elementId = useUniqueId(id, \"hvformelement\");\n\n  const contextValue = useMemo(\n    () => ({\n      elementId,\n      elementName: name,\n      elementStatus: status,\n      elementDisabled: disabled,\n      elementRequired: required,\n      elementReadOnly: readOnly,\n    }),\n    [disabled, elementId, name, readOnly, required, status]\n  );\n\n  const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      <HvFormElementContextProvider value={contextValue}>\n        <HvFormElementValueContextProvider value={value}>\n          <HvFormElementDescriptorsContextProvider value={descriptors}>\n            {children}\n          </HvFormElementDescriptorsContextProvider>\n        </HvFormElementValueContextProvider>\n      </HvFormElementContextProvider>\n    </div>\n  );\n};\n\nHvFormElement.formElementType = \"formelement\";\n"],"names":["HvFormElement","props","classes","classesProp","className","children","id","name","value","disabled","required","readOnly","status","others","useDefaultProps","cx","useClasses","elementId","useUniqueId","contextValue","useMemo","elementName","elementStatus","elementDisabled","elementRequired","elementReadOnly","descriptors","findDescriptors","root","formElementType"],"mappings":";;;;;;;;;;AAiEaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,SAAS;AAAA,IACT,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,iBAAiBb,KAAK;AAEpC,QAAA;AAAA,IAAEC;AAAAA,IAASa;AAAAA,EAAAA,IAAOC,WAAWb,WAAW;AAExCc,QAAAA,YAAYC,YAAYZ,IAAI,eAAe;AAE3Ca,QAAAA,eAAeC,QACnB,OAAO;AAAA,IACLH;AAAAA,IACAI,aAAad;AAAAA,IACbe,eAAeV;AAAAA,IACfW,iBAAiBd;AAAAA,IACjBe,iBAAiBd;AAAAA,IACjBe,iBAAiBd;AAAAA,EAAAA,IAEnB,CAACF,UAAUQ,WAAWV,MAAMI,UAAUD,UAAUE,MAAM,CACxD;AAEMc,QAAAA,cAAcN,QAAQ,MAAMO,gBAAgBtB,QAAQ,GAAG,CAACA,QAAQ,CAAC;AAGrE,SAAA,oBAAC,OAAI,EAAA,IAAQ,WAAWU,GAAGb,QAAQ0B,MAAMxB,SAAS,GAAOS,GAAAA,QACvD,UAAA,oBAAC,gCAA6B,OAAOM,cACnC,UAAC,oBAAA,mCAAA,EAAkC,OACjC,UAAA,oBAAC,yCAAwC,EAAA,OAAOO,aAC7CrB,SAAAA,CACH,EACF,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;AAEAL,cAAc6B,kBAAkB;"}
+{"version":3,"file":"FormElement.js","sources":["../../../../../src/components/Forms/FormElement/FormElement.tsx"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport { staticClasses, useClasses } from \"./FormElement.styles\";\n\nexport { staticClasses as formElementClasses };\n\nexport type HvFormElementClasses = ExtractNames<typeof useClasses>;\n\nexport type HvFormStatus = \"standBy\" | \"valid\" | \"invalid\" | \"empty\";\n\nexport interface HvFormElementProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * Name of the form element.\n   *\n   * Part of a name/value pair, should be the name property of the underling native input.\n   */\n  name?: string;\n  /**\n   * Current value of the form element.\n   *\n   * Part of a name/value pair, should be the value property of the underling native input.\n   */\n  value?: any;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Whether the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /** The callback fired when the value changes. */\n  onChange?: (event: React.FormEvent<HTMLDivElement>) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFormElementClasses;\n}\n\nexport const HvFormElement = (props: HvFormElementProps) => {\n  const {\n    classes: classesProp,\n    className,\n    children,\n    id,\n    name,\n    value,\n    disabled = false,\n    required = false,\n    readOnly = false,\n    status = \"standBy\",\n    ...others\n  } = useDefaultProps(\"HvFormElement\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const elementId = useUniqueId(id, \"hvformelement\");\n\n  const contextValue = useMemo(\n    () => ({\n      elementId,\n      elementName: name,\n      elementStatus: status,\n      elementDisabled: disabled,\n      elementRequired: required,\n      elementReadOnly: readOnly,\n    }),\n    [disabled, elementId, name, readOnly, required, status]\n  );\n\n  const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      <HvFormElementContextProvider value={contextValue}>\n        <HvFormElementValueContextProvider value={value}>\n          <HvFormElementDescriptorsContextProvider value={descriptors}>\n            {children}\n          </HvFormElementDescriptorsContextProvider>\n        </HvFormElementValueContextProvider>\n      </HvFormElementContextProvider>\n    </div>\n  );\n};\n\nHvFormElement.formElementType = \"formelement\";\n"],"names":[],"mappings":";;;;;;;;;;AAiEa,MAAA,gBAAgB,CAAC,UAA8B;AACpD,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,GAAG;AAAA,EAAA,IACD,gBAAgB,iBAAiB,KAAK;AAE1C,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAExC,QAAA,YAAY,YAAY,IAAI,eAAe;AAEjD,QAAM,eAAe;AAAA,IACnB,OAAO;AAAA,MACL;AAAA,MACA,aAAa;AAAA,MACb,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,IAAA;AAAA,IAEnB,CAAC,UAAU,WAAW,MAAM,UAAU,UAAU,MAAM;AAAA,EAAA;AAGlD,QAAA,cAAc,QAAQ,MAAM,gBAAgB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAGrE,SAAA,oBAAC,OAAI,EAAA,IAAQ,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,QACvD,UAAA,oBAAC,gCAA6B,OAAO,cACnC,UAAC,oBAAA,mCAAA,EAAkC,OACjC,UAAA,oBAAC,yCAAwC,EAAA,OAAO,aAC7C,SAAA,CACH,EACF,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;AAEA,cAAc,kBAAkB;"}

package/dist/esm/components/Forms/FormElement/FormElement.styles.js

@@ -1,8 +1,5 @@
 import { createClasses } from "../../../utils/classes.js";
-const {
-  staticClasses,
-  useClasses
-} = createClasses("HvFormElement", {
+const { staticClasses, useClasses } = createClasses("HvFormElement", {
   root: {}
 });
 export {

package/dist/esm/components/Forms/FormElement/FormElement.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElement.styles.js","sources":["../../../../../src/components/Forms/FormElement/FormElement.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFormElement\", {\n  root: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root"],"mappings":";AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM,CAAC;AACT,CAAC;"}
+{"version":3,"file":"FormElement.styles.js","sources":["../../../../../src/components/Forms/FormElement/FormElement.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFormElement\", {\n  root: {},\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,iBAAiB;AAAA,EAC1E,MAAM,CAAC;AACT,CAAC;"}

package/dist/esm/components/Forms/FormElement/context/FormElementContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementContext.js","sources":["../../../../../../src/components/Forms/FormElement/context/FormElementContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport const HvFormElementContext = React.createContext<{\n  elementId?: string;\n  elementDisabled?: boolean;\n  elementRequired?: boolean;\n  elementStatus?: string;\n}>({});\n\nexport const HvFormElementContextProvider = HvFormElementContext.Provider;\nexport const HvFormElementContextConsumer = HvFormElementContext.Consumer;\nexport default HvFormElementContext;\n"],"names":["HvFormElementContext","React","createContext","HvFormElementContextProvider","Provider","HvFormElementContextConsumer","Consumer"],"mappings":";AAEO,MAAMA,uBAAuBC,eAAMC,cAKvC,EAAE;AAEE,MAAMC,+BAA+BH,qBAAqBI;AAC1D,MAAMC,+BAA+BL,qBAAqBM;"}
+{"version":3,"file":"FormElementContext.js","sources":["../../../../../../src/components/Forms/FormElement/context/FormElementContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport const HvFormElementContext = React.createContext<{\n  elementId?: string;\n  elementDisabled?: boolean;\n  elementRequired?: boolean;\n  elementStatus?: string;\n}>({});\n\nexport const HvFormElementContextProvider = HvFormElementContext.Provider;\nexport const HvFormElementContextConsumer = HvFormElementContext.Consumer;\nexport default HvFormElementContext;\n"],"names":["React"],"mappings":";AAEO,MAAM,uBAAuBA,eAAM,cAKvC,EAAE;AAEE,MAAM,+BAA+B,qBAAqB;AAC1D,MAAM,+BAA+B,qBAAqB;"}

package/dist/esm/components/Forms/FormElement/context/FormElementDescriptorsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementDescriptorsContext.js","sources":["../../../../../../src/components/Forms/FormElement/context/FormElementDescriptorsContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport const HvFormElementDescriptorsContext = React.createContext<{\n  input?: any;\n  label?: any;\n}>({});\n\nexport const HvFormElementDescriptorsContextProvider =\n  HvFormElementDescriptorsContext.Provider;\nexport const HvFormElementDescriptorsContextConsumer =\n  HvFormElementDescriptorsContext.Consumer;\nexport default HvFormElementDescriptorsContext;\n"],"names":["HvFormElementDescriptorsContext","React","createContext","HvFormElementDescriptorsContextProvider","Provider","HvFormElementDescriptorsContextConsumer","Consumer"],"mappings":";AAEO,MAAMA,kCAAkCC,eAAMC,cAGlD,EAAE;AAEE,MAAMC,0CACXH,gCAAgCI;AAC3B,MAAMC,0CACXL,gCAAgCM;"}
+{"version":3,"file":"FormElementDescriptorsContext.js","sources":["../../../../../../src/components/Forms/FormElement/context/FormElementDescriptorsContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport const HvFormElementDescriptorsContext = React.createContext<{\n  input?: any;\n  label?: any;\n}>({});\n\nexport const HvFormElementDescriptorsContextProvider =\n  HvFormElementDescriptorsContext.Provider;\nexport const HvFormElementDescriptorsContextConsumer =\n  HvFormElementDescriptorsContext.Consumer;\nexport default HvFormElementDescriptorsContext;\n"],"names":["React"],"mappings":";AAEO,MAAM,kCAAkCA,eAAM,cAGlD,EAAE;AAEE,MAAM,0CACX,gCAAgC;AAC3B,MAAM,0CACX,gCAAgC;"}

package/dist/esm/components/Forms/FormElement/context/FormElementValueContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementValueContext.js","sources":["../../../../../../src/components/Forms/FormElement/context/FormElementValueContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport const HvFormElementValueContext = React.createContext(undefined);\n\nexport const HvFormElementValueContextProvider =\n  HvFormElementValueContext.Provider;\nexport const HvFormElementValueContextConsumer =\n  HvFormElementValueContext.Consumer;\nexport default HvFormElementValueContext;\n"],"names":["HvFormElementValueContext","React","createContext","undefined","HvFormElementValueContextProvider","Provider","HvFormElementValueContextConsumer","Consumer"],"mappings":";AAEaA,MAAAA,4BAA4BC,eAAMC,cAAcC,MAAS;AAE/D,MAAMC,oCACXJ,0BAA0BK;AACrB,MAAMC,oCACXN,0BAA0BO;"}
+{"version":3,"file":"FormElementValueContext.js","sources":["../../../../../../src/components/Forms/FormElement/context/FormElementValueContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport const HvFormElementValueContext = React.createContext(undefined);\n\nexport const HvFormElementValueContextProvider =\n  HvFormElementValueContext.Provider;\nexport const HvFormElementValueContextConsumer =\n  HvFormElementValueContext.Consumer;\nexport default HvFormElementValueContext;\n"],"names":["React"],"mappings":";AAEa,MAAA,4BAA4BA,eAAM,cAAc,MAAS;AAE/D,MAAM,oCACX,0BAA0B;AACrB,MAAM,oCACX,0BAA0B;"}

package/dist/esm/components/Forms/FormElement/utils/FormUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormUtils.js","sources":["../../../../../../src/components/Forms/FormElement/utils/FormUtils.ts"],"sourcesContent":["import React from \"react\";\n\ninterface Descriptor {\n  id?: string;\n  htmlFor?: string;\n}\n/**\n * Scans the element's children looking for the children IDs that match the different form element types.\n * This function will produce an object that has a key for each provided name\n * Inside each key there will be an array with each id of the found descriptor.\n *\n * @param {Array} children - The children inside the form element to scan.\n * @param {Object} descriptors - Initial descriptors map (used for recursion).\n *\n */\nconst findDescriptors = (\n  children,\n  descriptors: {\n    input: Descriptor[];\n    label: Descriptor[];\n    description: Descriptor[];\n    controlled: Descriptor[];\n    errormessage: Descriptor[];\n    HvCalendarHeader?: Descriptor[];\n  } = {\n    input: [],\n    label: [],\n    description: [],\n    controlled: [],\n    errormessage: [],\n\n    // TODO: refactor this out\n    HvCalendarHeader: [],\n  }\n) => {\n  React.Children.forEach(children, (child) => {\n    if (child?.type?.formElementType && child.props?.id) {\n      descriptors[child.type.formElementType]?.push({\n        id: child.props?.id,\n        htmlFor: child.props?.htmlFor,\n      });\n    }\n\n    if (child?.type?.formElementType !== \"formelement\") {\n      findDescriptors(child?.props?.children, descriptors);\n    }\n  });\n\n  return descriptors;\n};\n\nconst getIdReferenceListFor = (\n  formElementType,\n  descriptors,\n  filterFor = null\n) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)\n    .join(\" \")\n    .trim();\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)?.[0];\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst buildFormElementPropsFromContext = (\n  name,\n  disabled,\n  readOnly,\n  required,\n  context\n) => {\n  return {\n    name: name || context?.elementName,\n    disabled: disabled !== undefined ? disabled : context?.elementDisabled,\n    readOnly: readOnly !== undefined ? readOnly : context?.elementReadOnly,\n    required: required !== undefined ? required : context?.elementRequired,\n    status: context?.elementStatus,\n  };\n};\n\nconst buildAriaPropsFromContext = (props, context, isInvalid, inputId) => {\n  const arias = {\n    \"aria-labelledby\":\n      props?.[\"aria-labelledby\"] !== undefined\n        ? props?.[\"aria-labelledby\"]\n        : getIdReferenceListFor(\"label\", context?.descriptors, inputId),\n    \"aria-describedby\":\n      props?.[\"aria-describedby\"] !== undefined\n        ? props?.[\"aria-describedby\"]\n        : getIdReferenceListFor(\"description\", context?.descriptors),\n    \"aria-controls\":\n      props?.[\"aria-controls\"] !== undefined\n        ? props?.[\"aria-controls\"]\n        : getIdReferenceListFor(\"controlled\", context?.descriptors),\n  };\n\n  if (isInvalid) {\n    arias[\"aria-invalid\"] = isInvalid;\n    arias[\"aria-errormessage\"] =\n      props?.[\"aria-errormessage\"] !== undefined\n        ? props?.[\"aria-errormessage\"]\n        : getIdReferenceFor(\"errormessage\", context?.descriptors);\n  }\n\n  return arias;\n};\n\nexport {\n  findDescriptors,\n  getIdReferenceListFor,\n  getIdReferenceFor,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n};\n"],"names":["findDescriptors","children","descriptors","input","label","description","controlled","errormessage","HvCalendarHeader","Children","forEach","child","type","formElementType","props","id","push","htmlFor","getIdReferenceListFor","filterFor","referenceList","filter","d","map","join","trim","undefined","getIdReferenceFor","buildFormElementPropsFromContext","name","disabled","readOnly","required","context","elementName","elementDisabled","elementReadOnly","elementRequired","status","elementStatus","buildAriaPropsFromContext","isInvalid","inputId","arias"],"mappings":";AAeMA,MAAAA,kBAAkBA,CACtBC,UACAC,cAOI;AAAA,EACFC,OAAO,CAAE;AAAA,EACTC,OAAO,CAAE;AAAA,EACTC,aAAa,CAAE;AAAA,EACfC,YAAY,CAAE;AAAA,EACdC,cAAc,CAAE;AAAA;AAAA,EAGhBC,kBAAkB,CAAA;AACpB,MACG;AACGC,iBAAAA,SAASC,QAAQT,UAAWU,CAAU,UAAA;AAC1C,QAAIA,OAAOC,MAAMC,mBAAmBF,MAAMG,OAAOC,IAAI;AACnDb,kBAAYS,MAAMC,KAAKC,eAAe,GAAGG,KAAK;AAAA,QAC5CD,IAAIJ,MAAMG,OAAOC;AAAAA,QACjBE,SAASN,MAAMG,OAAOG;AAAAA,MAAAA,CACvB;AAAA,IACH;AAEIN,QAAAA,OAAOC,MAAMC,oBAAoB,eAAe;AAClCF,sBAAAA,OAAOG,OAAOb,UAAUC,WAAW;AAAA,IACrD;AAAA,EAAA,CACD;AAEMA,SAAAA;AACT;AAEA,MAAMgB,wBAAwBA,CAC5BL,iBACAX,aACAiB,YAAY,SACT;AACH,QAAMC,gBAAgBlB,cAAcW,eAAe,GAC/CQ,OAAQC,CAAAA,MAAMA,EAAEL,YAAYE,SAAS,GACrCI,IAAKD,OAAMA,EAAEP,EAAE,EAChBS,KAAK,GAAG,EACRC;AAEIL,SAAAA,kBAAkB,KAAKA,gBAAgBM;AAChD;AAEA,MAAMC,oBAAoBA,CAACd,iBAAiBX,aAAaiB,YAAY,SAAS;AAC5E,QAAMC,gBAAgBlB,cAAcW,eAAe,GAC/CQ,OAAQC,CAAMA,MAAAA,EAAEL,YAAYE,SAAS,GACrCI,IAAKD,CAAAA,MAAMA,EAAEP,EAAE,IAAI,CAAC;AAEjBK,SAAAA,kBAAkB,KAAKA,gBAAgBM;AAChD;AAEA,MAAME,mCAAmCA,CACvCC,MACAC,UACAC,UACAC,UACAC,YACG;AACI,SAAA;AAAA,IACLJ,MAAMA,QAAQI,SAASC;AAAAA,IACvBJ,UAAUA,aAAaJ,SAAYI,WAAWG,SAASE;AAAAA,IACvDJ,UAAUA,aAAaL,SAAYK,WAAWE,SAASG;AAAAA,IACvDJ,UAAUA,aAAaN,SAAYM,WAAWC,SAASI;AAAAA,IACvDC,QAAQL,SAASM;AAAAA,EAAAA;AAErB;AAEA,MAAMC,4BAA4BA,CAAC1B,OAAOmB,SAASQ,WAAWC,YAAY;AACxE,QAAMC,QAAQ;AAAA,IACZ,mBACE7B,QAAQ,iBAAiB,MAAMY,SAC3BZ,QAAQ,iBAAiB,IACzBI,sBAAsB,SAASe,SAAS/B,aAAawC,OAAO;AAAA,IAClE,oBACE5B,QAAQ,kBAAkB,MAAMY,SAC5BZ,QAAQ,kBAAkB,IAC1BI,sBAAsB,eAAee,SAAS/B,WAAW;AAAA,IAC/D,iBACEY,QAAQ,eAAe,MAAMY,SACzBZ,QAAQ,eAAe,IACvBI,sBAAsB,cAAce,SAAS/B,WAAW;AAAA,EAAA;AAGhE,MAAIuC,WAAW;AACbE,UAAM,cAAc,IAAIF;AACxBE,UAAM,mBAAmB,IACvB7B,QAAQ,mBAAmB,MAAMY,SAC7BZ,QAAQ,mBAAmB,IAC3Ba,kBAAkB,gBAAgBM,SAAS/B,WAAW;AAAA,EAC9D;AAEOyC,SAAAA;AACT;"}
+{"version":3,"file":"FormUtils.js","sources":["../../../../../../src/components/Forms/FormElement/utils/FormUtils.ts"],"sourcesContent":["import React from \"react\";\n\ninterface Descriptor {\n  id?: string;\n  htmlFor?: string;\n}\n/**\n * Scans the element's children looking for the children IDs that match the different form element types.\n * This function will produce an object that has a key for each provided name\n * Inside each key there will be an array with each id of the found descriptor.\n *\n * @param {Array} children - The children inside the form element to scan.\n * @param {Object} descriptors - Initial descriptors map (used for recursion).\n *\n */\nconst findDescriptors = (\n  children,\n  descriptors: {\n    input: Descriptor[];\n    label: Descriptor[];\n    description: Descriptor[];\n    controlled: Descriptor[];\n    errormessage: Descriptor[];\n    HvCalendarHeader?: Descriptor[];\n  } = {\n    input: [],\n    label: [],\n    description: [],\n    controlled: [],\n    errormessage: [],\n\n    // TODO: refactor this out\n    HvCalendarHeader: [],\n  }\n) => {\n  React.Children.forEach(children, (child) => {\n    if (child?.type?.formElementType && child.props?.id) {\n      descriptors[child.type.formElementType]?.push({\n        id: child.props?.id,\n        htmlFor: child.props?.htmlFor,\n      });\n    }\n\n    if (child?.type?.formElementType !== \"formelement\") {\n      findDescriptors(child?.props?.children, descriptors);\n    }\n  });\n\n  return descriptors;\n};\n\nconst getIdReferenceListFor = (\n  formElementType,\n  descriptors,\n  filterFor = null\n) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)\n    .join(\" \")\n    .trim();\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)?.[0];\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst buildFormElementPropsFromContext = (\n  name,\n  disabled,\n  readOnly,\n  required,\n  context\n) => {\n  return {\n    name: name || context?.elementName,\n    disabled: disabled !== undefined ? disabled : context?.elementDisabled,\n    readOnly: readOnly !== undefined ? readOnly : context?.elementReadOnly,\n    required: required !== undefined ? required : context?.elementRequired,\n    status: context?.elementStatus,\n  };\n};\n\nconst buildAriaPropsFromContext = (props, context, isInvalid, inputId) => {\n  const arias = {\n    \"aria-labelledby\":\n      props?.[\"aria-labelledby\"] !== undefined\n        ? props?.[\"aria-labelledby\"]\n        : getIdReferenceListFor(\"label\", context?.descriptors, inputId),\n    \"aria-describedby\":\n      props?.[\"aria-describedby\"] !== undefined\n        ? props?.[\"aria-describedby\"]\n        : getIdReferenceListFor(\"description\", context?.descriptors),\n    \"aria-controls\":\n      props?.[\"aria-controls\"] !== undefined\n        ? props?.[\"aria-controls\"]\n        : getIdReferenceListFor(\"controlled\", context?.descriptors),\n  };\n\n  if (isInvalid) {\n    arias[\"aria-invalid\"] = isInvalid;\n    arias[\"aria-errormessage\"] =\n      props?.[\"aria-errormessage\"] !== undefined\n        ? props?.[\"aria-errormessage\"]\n        : getIdReferenceFor(\"errormessage\", context?.descriptors);\n  }\n\n  return arias;\n};\n\nexport {\n  findDescriptors,\n  getIdReferenceListFor,\n  getIdReferenceFor,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n};\n"],"names":["React"],"mappings":";AAeM,MAAA,kBAAkB,CACtB,UACA,cAOI;AAAA,EACF,OAAO,CAAC;AAAA,EACR,OAAO,CAAC;AAAA,EACR,aAAa,CAAC;AAAA,EACd,YAAY,CAAC;AAAA,EACb,cAAc,CAAC;AAAA;AAAA,EAGf,kBAAkB,CAAC;AACrB,MACG;AACHA,iBAAM,SAAS,QAAQ,UAAU,CAAC,UAAU;AAC1C,QAAI,OAAO,MAAM,mBAAmB,MAAM,OAAO,IAAI;AACnD,kBAAY,MAAM,KAAK,eAAe,GAAG,KAAK;AAAA,QAC5C,IAAI,MAAM,OAAO;AAAA,QACjB,SAAS,MAAM,OAAO;AAAA,MAAA,CACvB;AAAA,IACH;AAEI,QAAA,OAAO,MAAM,oBAAoB,eAAe;AAClC,sBAAA,OAAO,OAAO,UAAU,WAAW;AAAA,IACrD;AAAA,EAAA,CACD;AAEM,SAAA;AACT;AAEA,MAAM,wBAAwB,CAC5B,iBACA,aACA,YAAY,SACT;AACG,QAAA,gBAAgB,cAAc,eAAe,GAC/C,OAAO,CAAC,MAAM,EAAE,YAAY,SAAS,GACrC,IAAI,CAAC,MAAM,EAAE,EAAE,EAChB,KAAK,GAAG,EACR;AAEI,SAAA,kBAAkB,KAAK,gBAAgB;AAChD;AAEA,MAAM,oBAAoB,CAAC,iBAAiB,aAAa,YAAY,SAAS;AAC5E,QAAM,gBAAgB,cAAc,eAAe,GAC/C,OAAO,CAAC,MAAM,EAAE,YAAY,SAAS,GACrC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC;AAEjB,SAAA,kBAAkB,KAAK,gBAAgB;AAChD;AAEA,MAAM,mCAAmC,CACvC,MACA,UACA,UACA,UACA,YACG;AACI,SAAA;AAAA,IACL,MAAM,QAAQ,SAAS;AAAA,IACvB,UAAU,aAAa,SAAY,WAAW,SAAS;AAAA,IACvD,UAAU,aAAa,SAAY,WAAW,SAAS;AAAA,IACvD,UAAU,aAAa,SAAY,WAAW,SAAS;AAAA,IACvD,QAAQ,SAAS;AAAA,EAAA;AAErB;AAEA,MAAM,4BAA4B,CAAC,OAAO,SAAS,WAAW,YAAY;AACxE,QAAM,QAAQ;AAAA,IACZ,mBACE,QAAQ,iBAAiB,MAAM,SAC3B,QAAQ,iBAAiB,IACzB,sBAAsB,SAAS,SAAS,aAAa,OAAO;AAAA,IAClE,oBACE,QAAQ,kBAAkB,MAAM,SAC5B,QAAQ,kBAAkB,IAC1B,sBAAsB,eAAe,SAAS,WAAW;AAAA,IAC/D,iBACE,QAAQ,eAAe,MAAM,SACzB,QAAQ,eAAe,IACvB,sBAAsB,cAAc,SAAS,WAAW;AAAA,EAAA;AAGhE,MAAI,WAAW;AACb,UAAM,cAAc,IAAI;AACxB,UAAM,mBAAmB,IACvB,QAAQ,mBAAmB,MAAM,SAC7B,QAAQ,mBAAmB,IAC3B,kBAAkB,gBAAgB,SAAS,WAAW;AAAA,EAC9D;AAEO,SAAA;AACT;"}

package/dist/esm/components/Forms/FormElement/validationStates.js.map

@@ -1 +1 @@
-{"version":3,"file":"validationStates.js","sources":["../../../../../src/components/Forms/FormElement/validationStates.ts"],"sourcesContent":["import { HvFormStatus } from \"./FormElement\";\n\nconst validationState = Object.freeze({\n  standBy: \"standBy\",\n  valid: \"valid\",\n  invalid: \"invalid\",\n});\n\nexport const isValid = (compareState: HvFormStatus) =>\n  compareState === validationState.valid;\nexport const isInvalid = (compareState: HvFormStatus) =>\n  compareState === validationState.invalid;\n\nexport default validationState;\n"],"names":["validationState","Object","freeze","standBy","valid","invalid","isValid","compareState","isInvalid"],"mappings":"AAEMA,MAAAA,kBAAkBC,OAAOC,OAAO;AAAA,EACpCC,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,SAAS;AACX,CAAC;AAEM,MAAMC,UAAUA,CAACC,iBACtBA,iBAAiBP,gBAAgBI;AAC5B,MAAMI,YAAYA,CAACD,iBACxBA,iBAAiBP,gBAAgBK;"}
+{"version":3,"file":"validationStates.js","sources":["../../../../../src/components/Forms/FormElement/validationStates.ts"],"sourcesContent":["import { HvFormStatus } from \"./FormElement\";\n\nconst validationState = Object.freeze({\n  standBy: \"standBy\",\n  valid: \"valid\",\n  invalid: \"invalid\",\n});\n\nexport const isValid = (compareState: HvFormStatus) =>\n  compareState === validationState.valid;\nexport const isInvalid = (compareState: HvFormStatus) =>\n  compareState === validationState.invalid;\n\nexport default validationState;\n"],"names":[],"mappings":"AAEM,MAAA,kBAAkB,OAAO,OAAO;AAAA,EACpC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX,CAAC;AAEM,MAAM,UAAU,CAAC,iBACtB,iBAAiB,gBAAgB;AAC5B,MAAM,YAAY,CAAC,iBACxB,iBAAiB,gBAAgB;"}

package/dist/esm/components/Forms/InfoMessage/InfoMessage.js

@@ -16,20 +16,28 @@ const HvInfoMessage = (props) => {
     disableGutter = false,
     ...others
   } = useDefaultProps("HvInfoMessage", props);
-  const {
-    classes,
-    cx
-  } = useClasses(classesProp);
-  const {
-    elementId,
-    elementDisabled
-  } = useContext(HvFormElementContext);
+  const { classes, cx } = useClasses(classesProp);
+  const { elementId, elementDisabled } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
   const localId = id ?? setId(elementId, "description");
-  return /* @__PURE__ */ jsx(HvTypography, { id: localId, className: cx(classes.root, {
-    [classes.infoDisabled]: !!localDisabled,
-    [classes.gutter]: !disableGutter
-  }, className), variant: "body", component: "label", ...others, children });
+  return /* @__PURE__ */ jsx(
+    HvTypography,
+    {
+      id: localId,
+      className: cx(
+        classes.root,
+        {
+          [classes.infoDisabled]: !!localDisabled,
+          [classes.gutter]: !disableGutter
+        },
+        className
+      ),
+      variant: "body",
+      component: "label",
+      ...others,
+      children
+    }
+  );
 };
 export {
   HvInfoMessage,

package/dist/esm/components/Forms/InfoMessage/InfoMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.js","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./InfoMessage.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as infoMessageClasses };\n\nexport type HvInfoMessageClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvInfoMessageProps extends HvTypographyProps<\"label\"> {\n  /** If `true` the label is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInfoMessageClasses;\n}\n\n/**\n * Provides the user with additional descriptive text for the form element.\n */\nexport const HvInfoMessage = (props: HvInfoMessageProps) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    children,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = useDefaultProps(\"HvInfoMessage\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"description\");\n\n  return (\n    <HvTypography\n      id={localId}\n      className={cx(\n        classes.root,\n        {\n          [classes.infoDisabled]: !!localDisabled,\n          [classes.gutter]: !disableGutter,\n        },\n        className\n      )}\n      variant=\"body\"\n      component=\"label\"\n      {...others}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n"],"names":["HvInfoMessage","props","id","classes","classesProp","className","children","disabled","disableGutter","others","useDefaultProps","cx","useClasses","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","root","infoDisabled","gutter"],"mappings":";;;;;;;;AA0BaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,gBAAgB;AAAA,IAChB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,iBAAiBT,KAAK;AAEpC,QAAA;AAAA,IAAEE;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAExC,QAAA;AAAA,IAAES;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBV,YAAYO;AAClC,QAAMI,UAAUhB,MAAMiB,MAAMN,WAAW,aAAa;AAEpD,6BACG,cACC,EAAA,IAAIK,SACJ,WAAWP,GACTR,QAAQiB,MACR;AAAA,IACE,CAACjB,QAAQkB,YAAY,GAAG,CAAC,CAACJ;AAAAA,IAC1B,CAACd,QAAQmB,MAAM,GAAG,CAACd;AAAAA,EAAAA,GAErBH,SACF,GACA,SAAQ,QACR,WAAU,SACV,GAAII,QAEHH,SACH,CAAA;AAEJ;"}
+{"version":3,"file":"InfoMessage.js","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./InfoMessage.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as infoMessageClasses };\n\nexport type HvInfoMessageClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvInfoMessageProps extends HvTypographyProps<\"label\"> {\n  /** If `true` the label is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInfoMessageClasses;\n}\n\n/**\n * Provides the user with additional descriptive text for the form element.\n */\nexport const HvInfoMessage = (props: HvInfoMessageProps) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    children,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = useDefaultProps(\"HvInfoMessage\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"description\");\n\n  return (\n    <HvTypography\n      id={localId}\n      className={cx(\n        classes.root,\n        {\n          [classes.infoDisabled]: !!localDisabled,\n          [classes.gutter]: !disableGutter,\n        },\n        className\n      )}\n      variant=\"body\"\n      component=\"label\"\n      {...others}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA0Ba,MAAA,gBAAgB,CAAC,UAA8B;AACpD,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,GAAG;AAAA,EAAA,IACD,gBAAgB,iBAAiB,KAAK;AAE1C,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,EAAE,WAAW,gBAAgB,IAAI,WAAW,oBAAoB;AACtE,QAAM,gBAAgB,YAAY;AAClC,QAAM,UAAU,MAAM,MAAM,WAAW,aAAa;AAGlD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,YAAY,GAAG,CAAC,CAAC;AAAA,UAC1B,CAAC,QAAQ,MAAM,GAAG,CAAC;AAAA,QACrB;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAQ;AAAA,MACR,WAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/components/Forms/InfoMessage/InfoMessage.styles.js

@@ -1,19 +1,9 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses } from "../../../utils/classes.js";
-const {
-  staticClasses,
-  useClasses
-} = createClasses("HvInfoMessage", {
-  root: {
-    color: theme.colors.secondary_80,
-    display: "inline-block"
-  },
-  infoDisabled: {
-    color: theme.colors.secondary_60
-  },
-  gutter: {
-    padding: `0 0 6px ${theme.space.xs}`
-  }
+const { staticClasses, useClasses } = createClasses("HvInfoMessage", {
+  root: { color: theme.colors.secondary_80, display: "inline-block" },
+  infoDisabled: { color: theme.colors.secondary_60 },
+  gutter: { padding: `0 0 6px ${theme.space.xs}` }
 });
 export {
   staticClasses,

package/dist/esm/components/Forms/InfoMessage/InfoMessage.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.styles.js","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInfoMessage\", {\n  root: { color: theme.colors.secondary_80, display: \"inline-block\" },\n  infoDisabled: { color: theme.colors.secondary_60 },\n  gutter: { padding: `0 0 6px ${theme.space.xs}` },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","theme","colors","secondary_80","display","infoDisabled","secondary_60","gutter","padding","space","xs"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,OAAOC,MAAMC,OAAOC;AAAAA,IAAcC,SAAS;AAAA,EAAe;AAAA,EAClEC,cAAc;AAAA,IAAEL,OAAOC,MAAMC,OAAOI;AAAAA,EAAa;AAAA,EACjDC,QAAQ;AAAA,IAAEC,SAAU,WAAUP,MAAMQ,MAAMC,EAAG;AAAA,EAAE;AACjD,CAAC;"}
+{"version":3,"file":"InfoMessage.styles.js","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInfoMessage\", {\n  root: { color: theme.colors.secondary_80, display: \"inline-block\" },\n  infoDisabled: { color: theme.colors.secondary_60 },\n  gutter: { padding: `0 0 6px ${theme.space.xs}` },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,iBAAiB;AAAA,EAC1E,MAAM,EAAE,OAAO,MAAM,OAAO,cAAc,SAAS,eAAe;AAAA,EAClE,cAAc,EAAE,OAAO,MAAM,OAAO,aAAa;AAAA,EACjD,QAAQ,EAAE,SAAS,WAAW,MAAM,MAAM,EAAE,GAAG;AACjD,CAAC;"}

package/dist/esm/components/Forms/Label/Label.js

@@ -19,27 +19,35 @@ const HvLabel = (props) => {
     htmlFor: htmlForProp,
     ...others
   } = useDefaultProps("HvLabel", props);
-  const {
-    classes,
-    cx
-  } = useClasses(classesProp);
-  const {
-    elementId,
-    elementDisabled,
-    elementRequired
-  } = useContext(HvFormElementContext);
+  const { classes, cx } = useClasses(classesProp);
+  const { elementId, elementDisabled, elementRequired } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
   const localRequired = required || elementRequired;
   const localId = id ?? setId(elementId, "label");
   const forId = htmlForProp || findDescriptors(children)?.input?.[0]?.id;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(HvTypography, { id: localId, className: cx(classes.root, {
-      [classes.labelDisabled]: !!localDisabled,
-      [classes.childGutter]: !!(children && label)
-    }, className), variant: "label", component: "label", htmlFor: forId, ...others, children: [
-      label,
-      localRequired && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "*" })
-    ] }),
+    /* @__PURE__ */ jsxs(
+      HvTypography,
+      {
+        id: localId,
+        className: cx(
+          classes.root,
+          {
+            [classes.labelDisabled]: !!localDisabled,
+            [classes.childGutter]: !!(children && label)
+          },
+          className
+        ),
+        variant: "label",
+        component: "label",
+        htmlFor: forId,
+        ...others,
+        children: [
+          label,
+          localRequired && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "*" })
+        ]
+      }
+    ),
     children
   ] });
 };

package/dist/esm/components/Forms/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../../src/components/Forms/Label/Label.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\n\nimport { HvFormElementContext } from \"../FormElement\";\nimport { findDescriptors } from \"../FormElement/utils/FormUtils\";\nimport { staticClasses, useClasses } from \"./Label.styles\";\n\nexport { staticClasses as labelClasses };\n\nexport type HvLabelClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLabelProps extends HvTypographyProps<\"label\"> {\n  /** Id to be applied to the root node */\n  id?: string;\n  /** The text to be shown by the label. */\n  label?: React.ReactNode;\n  /** The id of the form element the label is bound to. */\n  htmlFor?: string;\n  /** If `true` the label is displayed with a disabled style. */\n  disabled?: boolean;\n  /** If `true`, the label will indicate that the form element is required (an `*` after the label text). */\n  required?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLabelClasses;\n}\n\n/**\n * Provides the user with a recognizable name for a given form element.\n */\nexport const HvLabel = (props: HvLabelProps) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    children,\n    label,\n    disabled,\n    required,\n    htmlFor: htmlForProp,\n    ...others\n  } = useDefaultProps(\"HvLabel\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId, elementDisabled, elementRequired } =\n    useContext(HvFormElementContext);\n\n  const localDisabled = disabled || elementDisabled;\n  const localRequired = required || elementRequired;\n\n  const localId = id ?? setId(elementId, \"label\");\n\n  const forId = htmlForProp || findDescriptors(children)?.input?.[0]?.id;\n\n  return (\n    <>\n      <HvTypography\n        id={localId}\n        className={cx(\n          classes.root,\n          {\n            [classes.labelDisabled]: !!localDisabled,\n            [classes.childGutter]: !!(children && label),\n          },\n          className\n        )}\n        variant=\"label\"\n        component=\"label\"\n        htmlFor={forId}\n        {...others}\n      >\n        {label}\n        {localRequired && <span aria-hidden=\"true\">*</span>}\n      </HvTypography>\n      {children}\n    </>\n  );\n};\n"],"names":["HvLabel","props","id","classes","classesProp","className","children","label","disabled","required","htmlFor","htmlForProp","others","useDefaultProps","cx","useClasses","elementId","elementDisabled","elementRequired","useContext","HvFormElementContext","localDisabled","localRequired","localId","setId","forId","findDescriptors","input","root","labelDisabled","childGutter"],"mappings":";;;;;;;;;AAiCaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACT,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,WAAWZ,KAAK;AAE9B,QAAA;AAAA,IAAEE;AAAAA,IAASW;AAAAA,EAAAA,IAAOC,WAAWX,WAAW;AAExC,QAAA;AAAA,IAAEY;AAAAA,IAAWC;AAAAA,IAAiBC;AAAAA,EAAAA,IAClCC,WAAWC,oBAAoB;AAEjC,QAAMC,gBAAgBb,YAAYS;AAClC,QAAMK,gBAAgBb,YAAYS;AAElC,QAAMK,UAAUrB,MAAMsB,MAAMR,WAAW,OAAO;AAE9C,QAAMS,QAAQd,eAAee,gBAAgBpB,QAAQ,GAAGqB,QAAQ,CAAC,GAAGzB;AAEpE,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,qBAAC,gBACC,IAAIqB,SACJ,WAAWT,GACTX,QAAQyB,MACR;AAAA,MACE,CAACzB,QAAQ0B,aAAa,GAAG,CAAC,CAACR;AAAAA,MAC3B,CAAClB,QAAQ2B,WAAW,GAAG,CAAC,EAAExB,YAAYC;AAAAA,IACxC,GACAF,SACF,GACA,SAAQ,SACR,WAAU,SACV,SAASoB,OACLb,GAAAA,QAEHL,UAAAA;AAAAA,MAAAA;AAAAA,MACAe,iBAAiB,oBAAC,QAAK,EAAA,eAAY,QAAO,UAAC,KAAA;AAAA,IAAA,GAC9C;AAAA,IACChB;AAAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"Label.js","sources":["../../../../../src/components/Forms/Label/Label.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\n\nimport { HvFormElementContext } from \"../FormElement\";\nimport { findDescriptors } from \"../FormElement/utils/FormUtils\";\nimport { staticClasses, useClasses } from \"./Label.styles\";\n\nexport { staticClasses as labelClasses };\n\nexport type HvLabelClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLabelProps extends HvTypographyProps<\"label\"> {\n  /** Id to be applied to the root node */\n  id?: string;\n  /** The text to be shown by the label. */\n  label?: React.ReactNode;\n  /** The id of the form element the label is bound to. */\n  htmlFor?: string;\n  /** If `true` the label is displayed with a disabled style. */\n  disabled?: boolean;\n  /** If `true`, the label will indicate that the form element is required (an `*` after the label text). */\n  required?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLabelClasses;\n}\n\n/**\n * Provides the user with a recognizable name for a given form element.\n */\nexport const HvLabel = (props: HvLabelProps) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    children,\n    label,\n    disabled,\n    required,\n    htmlFor: htmlForProp,\n    ...others\n  } = useDefaultProps(\"HvLabel\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId, elementDisabled, elementRequired } =\n    useContext(HvFormElementContext);\n\n  const localDisabled = disabled || elementDisabled;\n  const localRequired = required || elementRequired;\n\n  const localId = id ?? setId(elementId, \"label\");\n\n  const forId = htmlForProp || findDescriptors(children)?.input?.[0]?.id;\n\n  return (\n    <>\n      <HvTypography\n        id={localId}\n        className={cx(\n          classes.root,\n          {\n            [classes.labelDisabled]: !!localDisabled,\n            [classes.childGutter]: !!(children && label),\n          },\n          className\n        )}\n        variant=\"label\"\n        component=\"label\"\n        htmlFor={forId}\n        {...others}\n      >\n        {label}\n        {localRequired && <span aria-hidden=\"true\">*</span>}\n      </HvTypography>\n      {children}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAiCa,MAAA,UAAU,CAAC,UAAwB;AACxC,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,GAAG;AAAA,EAAA,IACD,gBAAgB,WAAW,KAAK;AAEpC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,EAAE,WAAW,iBAAiB,gBAAgB,IAClD,WAAW,oBAAoB;AAEjC,QAAM,gBAAgB,YAAY;AAClC,QAAM,gBAAgB,YAAY;AAElC,QAAM,UAAU,MAAM,MAAM,WAAW,OAAO;AAE9C,QAAM,QAAQ,eAAe,gBAAgB,QAAQ,GAAG,QAAQ,CAAC,GAAG;AAEpE,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,WAAW;AAAA,UACT,QAAQ;AAAA,UACR;AAAA,YACE,CAAC,QAAQ,aAAa,GAAG,CAAC,CAAC;AAAA,YAC3B,CAAC,QAAQ,WAAW,GAAG,CAAC,EAAE,YAAY;AAAA,UACxC;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,SAAS;AAAA,QACR,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UACA,iBAAiB,oBAAC,QAAK,EAAA,eAAY,QAAO,UAAC,KAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C;AAAA,IACC;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Forms/Label/Label.styles.js

@@ -1,19 +1,9 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses } from "../../../utils/classes.js";
-const {
-  staticClasses,
-  useClasses
-} = createClasses("HvLabel", {
-  root: {
-    fontWeight: theme.fontWeights.normal,
-    display: "inline-block"
-  },
-  labelDisabled: {
-    color: theme.colors.secondary_60
-  },
-  childGutter: {
-    paddingBottom: "6px"
-  }
+const { staticClasses, useClasses } = createClasses("HvLabel", {
+  root: { fontWeight: theme.fontWeights.normal, display: "inline-block" },
+  labelDisabled: { color: theme.colors.secondary_60 },
+  childGutter: { paddingBottom: "6px" }
 });
 export {
   staticClasses,

package/dist/esm/components/Forms/Label/Label.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.styles.js","sources":["../../../../../src/components/Forms/Label/Label.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvLabel\", {\n  root: { fontWeight: theme.fontWeights.normal, display: \"inline-block\" },\n  labelDisabled: { color: theme.colors.secondary_60 },\n  childGutter: { paddingBottom: \"6px\" },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","fontWeight","theme","fontWeights","normal","display","labelDisabled","color","colors","secondary_60","childGutter","paddingBottom"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,YAAYC,MAAMC,YAAYC;AAAAA,IAAQC,SAAS;AAAA,EAAe;AAAA,EACtEC,eAAe;AAAA,IAAEC,OAAOL,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EAClDC,aAAa;AAAA,IAAEC,eAAe;AAAA,EAAM;AACtC,CAAC;"}
+{"version":3,"file":"Label.styles.js","sources":["../../../../../src/components/Forms/Label/Label.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvLabel\", {\n  root: { fontWeight: theme.fontWeights.normal, display: \"inline-block\" },\n  labelDisabled: { color: theme.colors.secondary_60 },\n  childGutter: { paddingBottom: \"6px\" },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,WAAW;AAAA,EACpE,MAAM,EAAE,YAAY,MAAM,YAAY,QAAQ,SAAS,eAAe;AAAA,EACtE,eAAe,EAAE,OAAO,MAAM,OAAO,aAAa;AAAA,EAClD,aAAa,EAAE,eAAe,MAAM;AACtC,CAAC;"}

package/dist/esm/components/Forms/Suggestions/Suggestions.js

@@ -20,13 +20,8 @@ const HvSuggestions = forwardRef((props, extRef) => {
     onSuggestionSelected,
     ...others
   } = props;
-  const {
-    classes,
-    cx
-  } = useClasses(classesProp);
-  const {
-    elementId
-  } = useContext(HvFormElementContext);
+  const { classes, cx } = useClasses(classesProp);
+  const { elementId } = useContext(HvFormElementContext);
   const localId = id ?? setId(elementId, "suggestions");
   const ref = useRef(null);
   const forkedRef = useForkRef(ref, extRef);
@@ -38,10 +33,44 @@ const HvSuggestions = forwardRef((props, extRef) => {
   useEffect(() => {
     setIsOpen(expanded);
   }, [expanded]);
-  return /* @__PURE__ */ jsx("div", { id: localId, ref: forkedRef, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsx(Popper, { open: isOpen, disablePortal: true, anchorEl, className: classes.popper, children: /* @__PURE__ */ jsx(HvSelectionList, { className: classes.list, id: setId(localId, "list"), onChange: onSuggestionSelected, children: suggestionValues?.map((item, i) => {
-    const itemKey = item.id || setId("item", i);
-    return /* @__PURE__ */ jsx(HvListItem, { value: item, disabled: item.disabled || void 0, children: item.label }, itemKey);
-  }) }) }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: localId,
+      ref: forkedRef,
+      className: cx(classes.root, className),
+      ...others,
+      children: /* @__PURE__ */ jsx(
+        Popper,
+        {
+          open: isOpen,
+          disablePortal: true,
+          anchorEl,
+          className: classes.popper,
+          children: /* @__PURE__ */ jsx(
+            HvSelectionList,
+            {
+              className: classes.list,
+              id: setId(localId, "list"),
+              onChange: onSuggestionSelected,
+              children: suggestionValues?.map((item, i) => {
+                const itemKey = item.id || setId("item", i);
+                return /* @__PURE__ */ jsx(
+                  HvListItem,
+                  {
+                    value: item,
+                    disabled: item.disabled || void 0,
+                    children: item.label
+                  },
+                  itemKey
+                );
+              })
+            }
+          )
+        }
+      )
+    }
+  );
 });
 export {
   HvSuggestions,