@hitachivantara/uikit-react-core 5.39.1 → 5.39.2

package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressColumnCell.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.tsx"],"sourcesContent":["import MuiLinearProgress from \"@mui/material/LinearProgress\";\n\nimport { useClasses } from \"./ProgressColumnCell.styles\";\n\nexport interface HvProgressColumnCellProp {\n  /** Current value of the bar. */\n  partial: number;\n  /** Maximum value of the bar. */\n  total: number;\n  /** The color of the bar. */\n  color?: \"primary\" | \"secondary\";\n  \"aria-labelledby\"?: string;\n}\n\nexport const normalizeProgressBar = (value: number, max: number) => {\n  return max > 0 ? Math.floor((value * 100) / max) : 0;\n};\n\nexport const HvProgressColumnCell = ({\n  partial,\n  total,\n  color = \"primary\",\n  \"aria-labelledby\": ariaLabelledBy,\n}: HvProgressColumnCellProp): JSX.Element => {\n  const { classes } = useClasses();\n\n  const percentage = normalizeProgressBar(partial, total);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.linearProgressContainer}>\n        <MuiLinearProgress\n          className={classes.linearProgress}\n          classes={{\n            root: classes.linearProgressRoot,\n            colorPrimary: classes.linearProgressColorPrimary,\n            barColorPrimary: classes.linearProgressBarColorPrimary,\n            barColorSecondary: classes.linearProgressBarColorSecondary,\n          }}\n          color={color}\n          variant=\"determinate\"\n          value={percentage}\n          aria-labelledby={ariaLabelledBy}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["normalizeProgressBar","value","max","Math","floor","HvProgressColumnCell","partial","total","color","ariaLabelledBy","classes","useClasses","percentage","root","linearProgressContainer","linearProgress","linearProgressRoot","colorPrimary","linearProgressColorPrimary","barColorPrimary","linearProgressBarColorPrimary","barColorSecondary","linearProgressBarColorSecondary"],"mappings":";;;AAcaA,MAAAA,uBAAuBA,CAACC,OAAeC,QAAgB;AAClE,SAAOA,MAAM,IAAIC,KAAKC,MAAOH,QAAQ,MAAOC,GAAG,IAAI;AACrD;AAEO,MAAMG,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACR,mBAAmBC;AACK,MAAmB;AACrC,QAAA;AAAA,IAAEC;AAAAA,MAAYC,WAAW;AAEzBC,QAAAA,aAAaZ,qBAAqBM,SAASC,KAAK;AAEtD,SACG,oBAAA,OAAA,EAAI,WAAWG,QAAQG,MACtB,UAAC,oBAAA,OAAA,EAAI,WAAWH,QAAQI,yBACtB,UAAC,oBAAA,mBAAA,EACC,WAAWJ,QAAQK,gBACnB,SAAS;AAAA,IACPF,MAAMH,QAAQM;AAAAA,IACdC,cAAcP,QAAQQ;AAAAA,IACtBC,iBAAiBT,QAAQU;AAAAA,IACzBC,mBAAmBX,QAAQY;AAAAA,EAC7B,GACA,OACA,SAAQ,eACR,OAAOV,YACP,mBAAiBH,eAAe,CAAA,GAEpC,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"ProgressColumnCell.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.tsx"],"sourcesContent":["import MuiLinearProgress from \"@mui/material/LinearProgress\";\n\nimport { useClasses } from \"./ProgressColumnCell.styles\";\n\nexport interface HvProgressColumnCellProp {\n  /** Current value of the bar. */\n  partial: number;\n  /** Maximum value of the bar. */\n  total: number;\n  /** The color of the bar. */\n  color?: \"primary\" | \"secondary\";\n  \"aria-labelledby\"?: string;\n}\n\nexport const normalizeProgressBar = (value: number, max: number) => {\n  return max > 0 ? Math.floor((value * 100) / max) : 0;\n};\n\nexport const HvProgressColumnCell = ({\n  partial,\n  total,\n  color = \"primary\",\n  \"aria-labelledby\": ariaLabelledBy,\n}: HvProgressColumnCellProp): JSX.Element => {\n  const { classes } = useClasses();\n\n  const percentage = normalizeProgressBar(partial, total);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.linearProgressContainer}>\n        <MuiLinearProgress\n          className={classes.linearProgress}\n          classes={{\n            root: classes.linearProgressRoot,\n            colorPrimary: classes.linearProgressColorPrimary,\n            barColorPrimary: classes.linearProgressBarColorPrimary,\n            barColorSecondary: classes.linearProgressBarColorSecondary,\n          }}\n          color={color}\n          variant=\"determinate\"\n          value={percentage}\n          aria-labelledby={ariaLabelledBy}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AAca,MAAA,uBAAuB,CAAC,OAAe,QAAgB;AAClE,SAAO,MAAM,IAAI,KAAK,MAAO,QAAQ,MAAO,GAAG,IAAI;AACrD;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,mBAAmB;AACrB,MAA6C;AACrC,QAAA,EAAE,YAAY;AAEd,QAAA,aAAa,qBAAqB,SAAS,KAAK;AAGpD,SAAA,oBAAC,SAAI,WAAW,QAAQ,MACtB,UAAC,oBAAA,OAAA,EAAI,WAAW,QAAQ,yBACtB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,QAAQ;AAAA,MACnB,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,cAAc,QAAQ;AAAA,QACtB,iBAAiB,QAAQ;AAAA,QACzB,mBAAmB,QAAQ;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,OAAO;AAAA,MACP,mBAAiB;AAAA,IAAA;AAAA,EAAA,EAErB,CAAA,EACF,CAAA;AAEJ;"}

package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.js

@@ -1,33 +1,25 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses } from "../../../../utils/classes.js";
-const {
-  staticClasses,
-  useClasses
-} = createClasses("HvTable-ProgressColumnCell", {
-  root: {
-    display: "flex",
-    width: "100%"
-  },
-  linearProgressContainer: {
-    width: "100%",
-    margin: "auto"
-  },
-  linearProgress: {
-    height: 8
-  },
-  linearProgressRoot: {
-    backgroundColor: theme.colors.atmo4
-  },
-  linearProgressColorPrimary: {
-    backgroundColor: theme.colors.atmo4
-  },
-  linearProgressBarColorPrimary: {
-    backgroundColor: theme.colors.positive
-  },
-  linearProgressBarColorSecondary: {
-    backgroundColor: theme.colors.secondary
+const { staticClasses, useClasses } = createClasses(
+  "HvTable-ProgressColumnCell",
+  {
+    root: { display: "flex", width: "100%" },
+    linearProgressContainer: { width: "100%", margin: "auto" },
+    linearProgress: {
+      height: 8
+    },
+    linearProgressRoot: { backgroundColor: theme.colors.atmo4 },
+    linearProgressColorPrimary: {
+      backgroundColor: theme.colors.atmo4
+    },
+    linearProgressBarColorPrimary: {
+      backgroundColor: theme.colors.positive
+    },
+    linearProgressBarColorSecondary: {
+      backgroundColor: theme.colors.secondary
+    }
   }
-});
+);
 export {
   staticClasses,
   useClasses

package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-ProgressColumnCell\",\n  {\n    root: { display: \"flex\", width: \"100%\" },\n    linearProgressContainer: { width: \"100%\", margin: \"auto\" },\n    linearProgress: {\n      height: 8,\n    },\n    linearProgressRoot: { backgroundColor: theme.colors.atmo4 },\n    linearProgressColorPrimary: {\n      backgroundColor: theme.colors.atmo4,\n    },\n    linearProgressBarColorPrimary: {\n      backgroundColor: theme.colors.positive,\n    },\n    linearProgressBarColorSecondary: {\n      backgroundColor: theme.colors.secondary,\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","width","linearProgressContainer","margin","linearProgress","height","linearProgressRoot","backgroundColor","theme","colors","atmo4","linearProgressColorPrimary","linearProgressBarColorPrimary","positive","linearProgressBarColorSecondary","secondary"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,8BACA;AAAA,EACEC,MAAM;AAAA,IAAEC,SAAS;AAAA,IAAQC,OAAO;AAAA,EAAO;AAAA,EACvCC,yBAAyB;AAAA,IAAED,OAAO;AAAA,IAAQE,QAAQ;AAAA,EAAO;AAAA,EACzDC,gBAAgB;AAAA,IACdC,QAAQ;AAAA,EACV;AAAA,EACAC,oBAAoB;AAAA,IAAEC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAAM;AAAA,EAC1DC,4BAA4B;AAAA,IAC1BJ,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EACAE,+BAA+B;AAAA,IAC7BL,iBAAiBC,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EACAC,iCAAiC;AAAA,IAC/BP,iBAAiBC,MAAMC,OAAOM;AAAAA,EAChC;AACF,CACF;"}
+{"version":3,"file":"ProgressColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-ProgressColumnCell\",\n  {\n    root: { display: \"flex\", width: \"100%\" },\n    linearProgressContainer: { width: \"100%\", margin: \"auto\" },\n    linearProgress: {\n      height: 8,\n    },\n    linearProgressRoot: { backgroundColor: theme.colors.atmo4 },\n    linearProgressColorPrimary: {\n      backgroundColor: theme.colors.atmo4,\n    },\n    linearProgressBarColorPrimary: {\n      backgroundColor: theme.colors.positive,\n    },\n    linearProgressBarColorSecondary: {\n      backgroundColor: theme.colors.secondary,\n    },\n  }\n);\n"],"names":[],"mappings":";;AAIa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM,EAAE,SAAS,QAAQ,OAAO,OAAO;AAAA,IACvC,yBAAyB,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,IACzD,gBAAgB;AAAA,MACd,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB,EAAE,iBAAiB,MAAM,OAAO,MAAM;AAAA,IAC1D,4BAA4B;AAAA,MAC1B,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,+BAA+B;AAAA,MAC7B,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,iCAAiC;AAAA,MAC/B,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,EACF;AACF;"}

package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js

@@ -10,16 +10,35 @@ const HvSwitchColumnCell = ({
   trueLabel,
   switchProps
 }) => {
-  const {
-    classes
-  } = useClasses();
+  const { classes } = useClasses();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    falseLabel != null && /* @__PURE__ */ jsx(HvTypography, { "aria-hidden": "true", variant: "body", className: classes.switchNo, children: falseLabel }),
-    /* @__PURE__ */ jsx(HvBaseSwitch, { checked, value, ...switchProps, inputProps: {
-      "aria-label": switchLabel,
-      ...switchProps?.inputProps
-    } }),
-    trueLabel != null && /* @__PURE__ */ jsx(HvTypography, { "aria-hidden": "true", variant: "body", className: classes.switchYes, children: trueLabel })
+    falseLabel != null && /* @__PURE__ */ jsx(
+      HvTypography,
+      {
+        "aria-hidden": "true",
+        variant: "body",
+        className: classes.switchNo,
+        children: falseLabel
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      HvBaseSwitch,
+      {
+        checked,
+        value,
+        ...switchProps,
+        inputProps: { "aria-label": switchLabel, ...switchProps?.inputProps }
+      }
+    ),
+    trueLabel != null && /* @__PURE__ */ jsx(
+      HvTypography,
+      {
+        "aria-hidden": "true",
+        variant: "body",
+        className: classes.switchYes,
+        children: trueLabel
+      }
+    )
   ] });
 };
 export {

package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchColumnCell.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.tsx"],"sourcesContent":["import { HvBaseSwitch, HvBaseSwitchProps } from \"@core/components/BaseSwitch\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { useClasses } from \"./SwitchColumnCell.styles\";\n\nexport interface HvSwitchColumnCellProp {\n  /** Whether the switch is checked or not. */\n  checked: boolean;\n  /** The switch label. */\n  value: number | string | undefined;\n  /** The value of the switch. */\n  switchLabel: string;\n  /** The right switch label. */\n  falseLabel?: string;\n  /** The left switch label. */\n  trueLabel?: string;\n  /** Extra props to be passed to the switch. */\n  switchProps?: HvBaseSwitchProps;\n}\n\nexport const HvSwitchColumnCell = ({\n  checked,\n  value,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps,\n}: HvSwitchColumnCellProp): JSX.Element => {\n  const { classes } = useClasses();\n\n  return (\n    <>\n      {falseLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchNo}\n        >\n          {falseLabel}\n        </HvTypography>\n      )}\n      <HvBaseSwitch\n        checked={checked}\n        value={value}\n        {...switchProps}\n        inputProps={{ \"aria-label\": switchLabel, ...switchProps?.inputProps }}\n      />\n      {trueLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchYes}\n        >\n          {trueLabel}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n"],"names":["HvSwitchColumnCell","checked","value","switchLabel","falseLabel","trueLabel","switchProps","classes","useClasses","switchNo","inputProps","switchYes"],"mappings":";;;;AAoBO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACsB,MAAmB;AACnC,QAAA;AAAA,IAAEC;AAAAA,MAAYC,WAAW;AAE/B,SAEKJ,qBAAAA,UAAAA,EAAAA,UAAAA;AAAAA,IAAc,cAAA,QACZ,oBAAA,cAAA,EACC,eAAY,QACZ,SAAQ,QACR,WAAWG,QAAQE,UAElBL,UACH,WAAA,CAAA;AAAA,wBAED,cACC,EAAA,SACA,OACA,GAAIE,aACJ,YAAY;AAAA,MAAE,cAAcH;AAAAA,MAAa,GAAGG,aAAaI;AAAAA,IAAAA,GAAa;AAAA,IAEvEL,aAAa,QACZ,oBAAC,cACC,EAAA,eAAY,QACZ,SAAQ,QACR,WAAWE,QAAQI,WAElBN,UACH,UAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"SwitchColumnCell.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.tsx"],"sourcesContent":["import { HvBaseSwitch, HvBaseSwitchProps } from \"@core/components/BaseSwitch\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { useClasses } from \"./SwitchColumnCell.styles\";\n\nexport interface HvSwitchColumnCellProp {\n  /** Whether the switch is checked or not. */\n  checked: boolean;\n  /** The switch label. */\n  value: number | string | undefined;\n  /** The value of the switch. */\n  switchLabel: string;\n  /** The right switch label. */\n  falseLabel?: string;\n  /** The left switch label. */\n  trueLabel?: string;\n  /** Extra props to be passed to the switch. */\n  switchProps?: HvBaseSwitchProps;\n}\n\nexport const HvSwitchColumnCell = ({\n  checked,\n  value,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps,\n}: HvSwitchColumnCellProp): JSX.Element => {\n  const { classes } = useClasses();\n\n  return (\n    <>\n      {falseLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchNo}\n        >\n          {falseLabel}\n        </HvTypography>\n      )}\n      <HvBaseSwitch\n        checked={checked}\n        value={value}\n        {...switchProps}\n        inputProps={{ \"aria-label\": switchLabel, ...switchProps?.inputProps }}\n      />\n      {trueLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchYes}\n        >\n          {trueLabel}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAoBO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2C;AACnC,QAAA,EAAE,YAAY;AAEpB,SAEK,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,cAAc,QACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,SAAQ;AAAA,QACR,WAAW,QAAQ;AAAA,QAElB,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACJ,YAAY,EAAE,cAAc,aAAa,GAAG,aAAa,WAAW;AAAA,MAAA;AAAA,IACtE;AAAA,IACC,aAAa,QACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,SAAQ;AAAA,QACR,WAAW,QAAQ;AAAA,QAElB,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.js

@@ -4,17 +4,17 @@ const switchStyle = {
   display: "inline-flex",
   marginLeft: "10px"
 };
-const {
-  staticClasses,
-  useClasses
-} = createClasses("HvTable-SwitchColumnCell", {
-  switchNo: {
-    ...switchStyle
-  },
-  switchYes: {
-    ...switchStyle
+const { staticClasses, useClasses } = createClasses(
+  "HvTable-SwitchColumnCell",
+  {
+    switchNo: {
+      ...switchStyle
+    },
+    switchYes: {
+      ...switchStyle
+    }
   }
-});
+);
 export {
   staticClasses,
   useClasses

package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nconst switchStyle = {\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n  marginLeft: \"10px\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-SwitchColumnCell\",\n  {\n    switchNo: {\n      ...switchStyle,\n    },\n    switchYes: {\n      ...switchStyle,\n    },\n  }\n);\n"],"names":["switchStyle","cursor","display","marginLeft","staticClasses","useClasses","createClasses","switchNo","switchYes"],"mappings":";AAEA,MAAMA,cAAc;AAAA,EAClBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,YAAY;AACd;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,4BACA;AAAA,EACEC,UAAU;AAAA,IACR,GAAGP;AAAAA,EACL;AAAA,EACAQ,WAAW;AAAA,IACT,GAAGR;AAAAA,EACL;AACF,CACF;"}
+{"version":3,"file":"SwitchColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nconst switchStyle = {\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n  marginLeft: \"10px\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-SwitchColumnCell\",\n  {\n    switchNo: {\n      ...switchStyle,\n    },\n    switchYes: {\n      ...switchStyle,\n    },\n  }\n);\n"],"names":[],"mappings":";AAEA,MAAM,cAAc;AAAA,EAClB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AACd;AAEa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,GAAG;AAAA,IACL;AAAA,IACA,WAAW;AAAA,MACT,GAAG;AAAA,IACL;AAAA,EACF;AACF;"}

package/dist/esm/components/Table/renderers/renderers.js

@@ -13,18 +13,20 @@ import { HvTag } from "../../Tag/Tag.js";
 import { HvTypography } from "../../Typography/Typography.js";
 function hvTextColumn(col, overflowTooltipProps = {}) {
   return {
-    Cell: ({
-      value
-    }) => /* @__PURE__ */ jsx(HvOverflowTooltip, { data: hvStringFallback(value), ...overflowTooltipProps }),
+    Cell: ({ value }) => /* @__PURE__ */ jsx(
+      HvOverflowTooltip,
+      {
+        data: hvStringFallback(value),
+        ...overflowTooltipProps
+      }
+    ),
     sortType: "alphanumeric",
     ...col
   };
 }
 function hvNumberColumn(col) {
   return {
-    Cell: ({
-      value
-    }) => /* @__PURE__ */ jsx(Fragment, { children: hvNumberFallback(value) }),
+    Cell: ({ value }) => /* @__PURE__ */ jsx(Fragment, { children: hvNumberFallback(value) }),
     align: "right",
     sortType: "number",
     ...col
@@ -32,9 +34,7 @@ function hvNumberColumn(col) {
 }
 function hvDateColumn(col, dateFormat) {
   return {
-    Cell: ({
-      value
-    }) => /* @__PURE__ */ jsx(HvDateColumnCell, { date: value, dateFormat }),
+    Cell: ({ value }) => /* @__PURE__ */ jsx(HvDateColumnCell, { date: value, dateFormat }),
     sortType: "alphanumeric",
     sortDescFirst: true,
     ...col
@@ -43,23 +43,28 @@ function hvDateColumn(col, dateFormat) {
 function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand, ExpandedIcon = /* @__PURE__ */ jsx(DropUpXS, {}), CollapsedIcon = /* @__PURE__ */ jsx(DropDownXS, {})) {
   return {
     Cell: (cellProps) => {
-      const {
-        value,
-        row
-      } = cellProps;
+      const { value, row } = cellProps;
       const expandedProps = row.getToggleRowExpandedProps?.();
       const hasContent = getCanRowExpand?.(row) ?? true;
-      return /* @__PURE__ */ jsx(ClassNames, { children: ({
-        css
-      }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        hasContent && /* @__PURE__ */ jsx(HvButton, { icon: true, "aria-label": row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel, "aria-expanded": row.isExpanded, onClick: expandedProps?.onClick, classes: {
-          root: css({
-            position: "absolute",
-            left: 0,
-            top: "50%",
-            transform: "translateY(-50%)"
-          })
-        }, children: row.isExpanded ? ExpandedIcon : CollapsedIcon }),
+      return /* @__PURE__ */ jsx(ClassNames, { children: ({ css }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        hasContent && /* @__PURE__ */ jsx(
+          HvButton,
+          {
+            icon: true,
+            "aria-label": row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel,
+            "aria-expanded": row.isExpanded,
+            onClick: expandedProps?.onClick,
+            classes: {
+              root: css({
+                position: "absolute",
+                left: 0,
+                top: "50%",
+                transform: "translateY(-50%)"
+              })
+            },
+            children: row.isExpanded ? ExpandedIcon : CollapsedIcon
+          }
+        ),
         /* @__PURE__ */ jsx(HvOverflowTooltip, { data: hvStringFallback(value) })
       ] }) });
     },
@@ -73,10 +78,7 @@ function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabe
 function hvTagColumn(col, valueDataKey, colorDataKey, textColorDataKey, fromRowData = false, tagProps) {
   return {
     Cell: (cellProps) => {
-      const {
-        value,
-        row
-      } = cellProps;
+      const { value, row } = cellProps;
       if (!value) {
         return /* @__PURE__ */ jsx(Fragment, { children: "—" });
       }
@@ -85,9 +87,17 @@ function hvTagColumn(col, valueDataKey, colorDataKey, textColorDataKey, fromRowD
         [colorDataKey]: color,
         [textColorDataKey]: textColor
       } = fromRowData ? row.original : value;
-      return /* @__PURE__ */ jsx(HvTag, { label: /* @__PURE__ */ jsx(HvTypography, { variant: "body", children: name }), type: "semantic", color, style: textColor != null ? {
-        color: textColor
-      } : {}, tabIndex: -1, ...tagProps });
+      return /* @__PURE__ */ jsx(
+        HvTag,
+        {
+          label: /* @__PURE__ */ jsx(HvTypography, { variant: "body", children: name }),
+          type: "semantic",
+          color,
+          style: textColor != null ? { color: textColor } : {},
+          tabIndex: -1,
+          ...tagProps
+        }
+      );
     },
     cellStyle: {
       paddingTop: 0,
@@ -99,11 +109,18 @@ function hvTagColumn(col, valueDataKey, colorDataKey, textColorDataKey, fromRowD
 function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {
   return {
     Cell: (cellProps) => {
-      const {
-        value,
-        row
-      } = cellProps;
-      return /* @__PURE__ */ jsx(HvSwitchColumnCell, { checked: value, value: row.id, switchLabel, falseLabel, trueLabel, switchProps });
+      const { value, row } = cellProps;
+      return /* @__PURE__ */ jsx(
+        HvSwitchColumnCell,
+        {
+          checked: value,
+          value: row.id,
+          switchLabel,
+          falseLabel,
+          trueLabel,
+          switchProps
+        }
+      );
     },
     cellStyle: {
       paddingTop: 0,
@@ -115,16 +132,21 @@ function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {
 function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange) {
   return {
     Cell: (cellProps) => {
-      const {
-        value,
-        row,
-        column
-      } = cellProps;
+      const { value, row, column } = cellProps;
       const dsbld = value.length < 1;
-      return /* @__PURE__ */ jsx(HvDropdownColumnCell, { values: value, placeholder: dsbld ? disabledPlaceholder : placeholder, onChange: (val) => onChange?.(row.id, val), disabled: dsbld, dropdownProps: {
-        "aria-labelledby": setId(id, column.id) || column.id || id
-        // TODO - to be reviewed because it doesn't make much sense
-      } });
+      return /* @__PURE__ */ jsx(
+        HvDropdownColumnCell,
+        {
+          values: value,
+          placeholder: dsbld ? disabledPlaceholder : placeholder,
+          onChange: (val) => onChange?.(row.id, val),
+          disabled: dsbld,
+          dropdownProps: {
+            "aria-labelledby": setId(id, column.id) || column.id || id
+            // TODO - to be reviewed because it doesn't make much sense
+          }
+        }
+      );
     },
     cellStyle: {
       paddingTop: 0,
@@ -136,14 +158,19 @@ function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange) {
 function hvProgressColumn(col, getPartial, getTotal, color) {
   return {
     Cell: (cellProps) => {
-      const {
-        row,
-        column
-      } = cellProps;
+      const { row, column } = cellProps;
       const partial = getPartial?.(row) || 0;
       const total = getTotal?.(row);
       if (total) {
-        return /* @__PURE__ */ jsx(HvProgressColumnCell, { partial, total, color, "aria-labelledby": column.id });
+        return /* @__PURE__ */ jsx(
+          HvProgressColumnCell,
+          {
+            partial,
+            total,
+            color,
+            "aria-labelledby": column.id
+          }
+        );
       }
       return /* @__PURE__ */ jsx(Fragment, { children: "—" });
     },

package/dist/esm/components/Table/renderers/renderers.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderers.js","sources":["../../../../../src/components/Table/renderers/renderers.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { HvTag, HvTagProps } from \"@core/components/Tag\";\nimport { HvButton } from \"@core/components/Button\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport {\n  HvOverflowTooltip,\n  HvOverflowTooltipProps,\n} from \"@core/components/OverflowTooltip\";\nimport { HvBaseSwitchProps } from \"@core/components/BaseSwitch\";\nimport { HvListValue } from \"@core/components/List\";\n\nimport {\n  HvTableHeaderRenderer,\n  HvCellProps,\n  HvTableColumnConfig,\n  HvRowInstance,\n} from \"../hooks/useTable\";\nimport { HvDateColumnCell } from \"./DateColumnCell\";\nimport { HvSwitchColumnCell } from \"./SwitchColumnCell\";\nimport { HvProgressColumnCell } from \"./ProgressColumnCell\";\nimport { HvDropdownColumnCell } from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  overflowTooltipProps: Omit<HvOverflowTooltipProps, \"data\"> = {}\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: ({ value }: HvCellProps<D, H>) => (\n      <HvOverflowTooltip\n        data={hvStringFallback(value)}\n        {...overflowTooltipProps}\n      />\n    ),\n    sortType: \"alphanumeric\",\n    ...col,\n  };\n}\n\nexport function hvNumberColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(col: HvTableColumnConfig<D, H>): HvTableColumnConfig<D, H> {\n  return {\n    Cell: ({ value }: HvCellProps<D, H>) => <>{hvNumberFallback(value)}</>,\n    align: \"right\",\n    sortType: \"number\",\n    ...col,\n  };\n}\n\nexport function hvDateColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  dateFormat?: string\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: ({ value }: HvCellProps<D, H>) => (\n      <HvDateColumnCell date={value} dateFormat={dateFormat} />\n    ),\n    sortType: \"alphanumeric\",\n    sortDescFirst: true,\n    ...col,\n  };\n}\n\nexport function hvExpandColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  expandRowButtonAriaLabel: string,\n  collapseRowButtonAriaLabel: string,\n  getCanRowExpand?: (row: HvRowInstance<D, H>) => boolean,\n  ExpandedIcon: React.ReactNode = <DropUpXS />,\n  CollapsedIcon: React.ReactNode = <DropDownXS />\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row } = cellProps;\n      const expandedProps = row.getToggleRowExpandedProps?.();\n\n      const hasContent = getCanRowExpand?.(row) ?? true;\n\n      return (\n        <ClassNames>\n          {({ css }) => (\n            <>\n              {hasContent && (\n                <HvButton\n                  icon\n                  aria-label={\n                    row.isExpanded\n                      ? collapseRowButtonAriaLabel\n                      : expandRowButtonAriaLabel\n                  }\n                  aria-expanded={row.isExpanded}\n                  onClick={expandedProps?.onClick}\n                  classes={{\n                    root: css({\n                      position: \"absolute\",\n                      left: 0,\n                      top: \"50%\",\n                      transform: \"translateY(-50%)\",\n                    }),\n                  }}\n                >\n                  {row.isExpanded ? ExpandedIcon : CollapsedIcon}\n                </HvButton>\n              )}\n\n              <HvOverflowTooltip data={hvStringFallback(value)} />\n            </>\n          )}\n        </ClassNames>\n      );\n    },\n    sortType: \"alphanumeric\",\n    cellStyle: {\n      position: \"relative\",\n    },\n    ...col,\n  };\n}\n\nexport function hvTagColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  A extends object = Record<string, unknown>\n>(\n  col: HvTableColumnConfig<D, H>,\n  valueDataKey: keyof A,\n  colorDataKey: keyof A,\n  textColorDataKey: keyof A,\n  fromRowData: boolean = false,\n  tagProps?: HvTagProps\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row } = cellProps;\n      if (!value) {\n        return <>—</>;\n      }\n\n      const {\n        [valueDataKey]: name,\n        [colorDataKey]: color,\n        [textColorDataKey]: textColor,\n      } = fromRowData ? row.original : value;\n\n      return (\n        <HvTag\n          label={<HvTypography variant=\"body\">{name}</HvTypography>}\n          type=\"semantic\"\n          color={color}\n          style={textColor != null ? { color: textColor } : {}}\n          tabIndex={-1}\n          {...tagProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\n// TODO - Review accessibility on the next renderers because they all differ\n\nexport function hvSwitchColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  switchLabel: string,\n  falseLabel?: string,\n  trueLabel?: string,\n  switchProps?: HvBaseSwitchProps\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row } = cellProps;\n      return (\n        <HvSwitchColumnCell\n          checked={value}\n          value={row.id}\n          switchLabel={switchLabel}\n          falseLabel={falseLabel}\n          trueLabel={trueLabel}\n          switchProps={switchProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvDropdownColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  id: string | undefined,\n  placeholder: string,\n  disabledPlaceholder: string,\n  onChange?: (identifier: string, value: HvListValue) => void\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row, column } = cellProps;\n      const dsbld = value.length < 1;\n      return (\n        <HvDropdownColumnCell\n          values={value}\n          placeholder={dsbld ? disabledPlaceholder : placeholder}\n          onChange={(val) => onChange?.(row.id, val)}\n          disabled={dsbld}\n          dropdownProps={{\n            \"aria-labelledby\": setId(id, column.id) || column.id || id, // TODO - to be reviewed because it doesn't make much sense\n          }}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvProgressColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  getPartial?: (row: HvRowInstance<D, H>) => number,\n  getTotal?: (row: HvRowInstance<D, H>) => number,\n  color?: \"primary\" | \"secondary\"\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { row, column } = cellProps;\n      const partial = getPartial?.(row) || 0;\n      const total = getTotal?.(row);\n\n      if (total) {\n        return (\n          <HvProgressColumnCell\n            partial={partial}\n            total={total}\n            color={color}\n            aria-labelledby={column.id}\n          />\n        );\n      }\n\n      return <>—</>;\n    },\n\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n"],"names":["hvTextColumn","col","overflowTooltipProps","Cell","value","hvStringFallback","sortType","hvNumberColumn","hvNumberFallback","align","hvDateColumn","dateFormat","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","ExpandedIcon","CollapsedIcon","cellProps","row","expandedProps","getToggleRowExpandedProps","hasContent","css","isExpanded","onClick","root","position","left","top","transform","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","name","color","textColor","original","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","val","setId","hvProgressColumn","getPartial","getTotal","partial","total"],"mappings":";;;;;;;;;;;;;AA2BO,SAASA,aAIdC,KACAC,uBAA6D,IAClC;AACpB,SAAA;AAAA,IACLC,MAAMA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,0BACN,mBACC,EAAA,MAAMC,iBAAiBD,KAAK,GAC5B,GAAIF,sBAEP;AAAA,IACDI,UAAU;AAAA,IACV,GAAGL;AAAAA,EAAAA;AAEP;AAEO,SAASM,eAGdN,KAA2D;AACpD,SAAA;AAAA,IACLE,MAAMA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,MAA+B,oBAAA,UAAA,EAAGI,UAAiBJ,iBAAAA,KAAK,GAAE;AAAA,IACnEK,OAAO;AAAA,IACPH,UAAU;AAAA,IACV,GAAGL;AAAAA,EAAAA;AAEP;AAEgBS,SAAAA,aAIdT,KACAU,YAC2B;AACpB,SAAA;AAAA,IACLR,MAAMA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,MACP,oBAAC,kBAAiB,EAAA,MAAMA,OAAO,WAChC,CAAA;AAAA,IACDE,UAAU;AAAA,IACVM,eAAe;AAAA,IACf,GAAGX;AAAAA,EAAAA;AAEP;AAEO,SAASY,eAIdZ,KACAa,0BACAC,4BACAC,iBACAC,eAAiC,oBAAA,UAAA,CAAA,CAAW,GAC5CC,gBAAkC,oBAAA,YAAA,CAAa,CAAA,GACpB;AACpB,SAAA;AAAA,IACLf,MAAMA,CAACgB,cAAiC;AAChC,YAAA;AAAA,QAAEf;AAAAA,QAAOgB;AAAAA,MAAQD,IAAAA;AACjBE,YAAAA,gBAAgBD,IAAIE;AAEpBC,YAAAA,aAAaP,kBAAkBI,GAAG,KAAK;AAG3C,aAAA,oBAAC,cACE,UAAC,CAAA;AAAA,QAAEI;AAAAA,MAAAA,MAECD,qBAAAA,UAAAA,EAAAA,UAAAA;AAAAA,QAAAA,cACE,oBAAA,UAAA,EACC,MAAI,MACJ,cACEH,IAAIK,aACAV,6BACAD,0BAEN,iBAAeM,IAAIK,YACnB,SAASJ,eAAeK,SACxB,SAAS;AAAA,UACPC,MAAMH,IAAI;AAAA,YACRI,UAAU;AAAA,YACVC,MAAM;AAAA,YACNC,KAAK;AAAA,YACLC,WAAW;AAAA,UAAA,CACZ;AAAA,QAGFX,GAAAA,UAAAA,IAAIK,aAAaR,eAAeC,cACnC,CAAA;AAAA,QAGD,oBAAA,mBAAA,EAAkB,MAAMb,iBAAiBD,KAAK,EAAE,CAAA;AAAA,MAAA,EACnD,CAAA,EAEJ,CAAA;AAAA,IAEJ;AAAA,IACAE,UAAU;AAAA,IACV0B,WAAW;AAAA,MACTJ,UAAU;AAAA,IACZ;AAAA,IACA,GAAG3B;AAAAA,EAAAA;AAEP;AAEO,SAASgC,YAKdhC,KACAiC,cACAC,cACAC,kBACAC,cAAuB,OACvBC,UAC2B;AACpB,SAAA;AAAA,IACLnC,MAAMA,CAACgB,cAAiC;AAChC,YAAA;AAAA,QAAEf;AAAAA,QAAOgB;AAAAA,MAAQD,IAAAA;AACvB,UAAI,CAACf,OAAO;AACV,+CAAS,UAAC,IAAA,CAAA;AAAA,MACZ;AAEM,YAAA;AAAA,QACJ,CAAC8B,YAAY,GAAGK;AAAAA,QAChB,CAACJ,YAAY,GAAGK;AAAAA,QAChB,CAACJ,gBAAgB,GAAGK;AAAAA,MACtB,IAAIJ,cAAcjB,IAAIsB,WAAWtC;AAEjC,aACG,oBAAA,OAAA,EACC,OAAO,oBAAC,gBAAa,SAAQ,QAAQmC,UAAK,KAAA,CAAA,GAC1C,MAAK,YACL,OACA,OAAOE,aAAa,OAAO;AAAA,QAAED,OAAOC;AAAAA,MAAAA,IAAc,CAAA,GAClD,UAAU,IACNH,GAAAA,SACJ,CAAA;AAAA,IAEN;AAAA,IACAN,WAAW;AAAA,MACTW,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,IACA,GAAG3C;AAAAA,EAAAA;AAEP;AAIO,SAAS4C,eAId5C,KACA6C,aACAC,YACAC,WACAC,aAC2B;AACpB,SAAA;AAAA,IACL9C,MAAMA,CAACgB,cAAiC;AAChC,YAAA;AAAA,QAAEf;AAAAA,QAAOgB;AAAAA,MAAQD,IAAAA;AAErB,aAAA,oBAAC,oBACC,EAAA,SAASf,OACT,OAAOgB,IAAI8B,IACX,aACA,YACA,WACA,YACA,CAAA;AAAA,IAEN;AAAA,IACAlB,WAAW;AAAA,MACTW,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,IACA,GAAG3C;AAAAA,EAAAA;AAEP;AAEO,SAASkD,iBAIdlD,KACAiD,IACAE,aACAC,qBACAC,UAC2B;AACpB,SAAA;AAAA,IACLnD,MAAMA,CAACgB,cAAiC;AAChC,YAAA;AAAA,QAAEf;AAAAA,QAAOgB;AAAAA,QAAKmC;AAAAA,MAAWpC,IAAAA;AACzBqC,YAAAA,QAAQpD,MAAMqD,SAAS;AAC7B,iCACG,sBACC,EAAA,QAAQrD,OACR,aAAaoD,QAAQH,sBAAsBD,aAC3C,UAAWM,CAAAA,QAAQJ,WAAWlC,IAAI8B,IAAIQ,GAAG,GACzC,UAAUF,OACV,eAAe;AAAA,QACb,mBAAmBG,MAAMT,IAAIK,OAAOL,EAAE,KAAKK,OAAOL,MAAMA;AAAAA;AAAAA,MAE1D,EAAA,CAAA;AAAA,IAEN;AAAA,IACAlB,WAAW;AAAA,MACTW,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,IACA,GAAG3C;AAAAA,EAAAA;AAEP;AAEO,SAAS2D,iBAId3D,KACA4D,YACAC,UACAtB,OAC2B;AACpB,SAAA;AAAA,IACLrC,MAAMA,CAACgB,cAAiC;AAChC,YAAA;AAAA,QAAEC;AAAAA,QAAKmC;AAAAA,MAAWpC,IAAAA;AAClB4C,YAAAA,UAAUF,aAAazC,GAAG,KAAK;AAC/B4C,YAAAA,QAAQF,WAAW1C,GAAG;AAE5B,UAAI4C,OAAO;AACT,mCACG,sBACC,EAAA,SACA,OACA,OACA,mBAAiBT,OAAOL,GACxB,CAAA;AAAA,MAEN;AAEA,6CAAS,UAAC,IAAA,CAAA;AAAA,IACZ;AAAA,IAEAlB,WAAW;AAAA,MACTW,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,IACA,GAAG3C;AAAAA,EAAAA;AAEP;"}
+{"version":3,"file":"renderers.js","sources":["../../../../../src/components/Table/renderers/renderers.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { HvTag, HvTagProps } from \"@core/components/Tag\";\nimport { HvButton } from \"@core/components/Button\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport {\n  HvOverflowTooltip,\n  HvOverflowTooltipProps,\n} from \"@core/components/OverflowTooltip\";\nimport { HvBaseSwitchProps } from \"@core/components/BaseSwitch\";\nimport { HvListValue } from \"@core/components/List\";\n\nimport {\n  HvTableHeaderRenderer,\n  HvCellProps,\n  HvTableColumnConfig,\n  HvRowInstance,\n} from \"../hooks/useTable\";\nimport { HvDateColumnCell } from \"./DateColumnCell\";\nimport { HvSwitchColumnCell } from \"./SwitchColumnCell\";\nimport { HvProgressColumnCell } from \"./ProgressColumnCell\";\nimport { HvDropdownColumnCell } from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  overflowTooltipProps: Omit<HvOverflowTooltipProps, \"data\"> = {}\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: ({ value }: HvCellProps<D, H>) => (\n      <HvOverflowTooltip\n        data={hvStringFallback(value)}\n        {...overflowTooltipProps}\n      />\n    ),\n    sortType: \"alphanumeric\",\n    ...col,\n  };\n}\n\nexport function hvNumberColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(col: HvTableColumnConfig<D, H>): HvTableColumnConfig<D, H> {\n  return {\n    Cell: ({ value }: HvCellProps<D, H>) => <>{hvNumberFallback(value)}</>,\n    align: \"right\",\n    sortType: \"number\",\n    ...col,\n  };\n}\n\nexport function hvDateColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  dateFormat?: string\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: ({ value }: HvCellProps<D, H>) => (\n      <HvDateColumnCell date={value} dateFormat={dateFormat} />\n    ),\n    sortType: \"alphanumeric\",\n    sortDescFirst: true,\n    ...col,\n  };\n}\n\nexport function hvExpandColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  expandRowButtonAriaLabel: string,\n  collapseRowButtonAriaLabel: string,\n  getCanRowExpand?: (row: HvRowInstance<D, H>) => boolean,\n  ExpandedIcon: React.ReactNode = <DropUpXS />,\n  CollapsedIcon: React.ReactNode = <DropDownXS />\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row } = cellProps;\n      const expandedProps = row.getToggleRowExpandedProps?.();\n\n      const hasContent = getCanRowExpand?.(row) ?? true;\n\n      return (\n        <ClassNames>\n          {({ css }) => (\n            <>\n              {hasContent && (\n                <HvButton\n                  icon\n                  aria-label={\n                    row.isExpanded\n                      ? collapseRowButtonAriaLabel\n                      : expandRowButtonAriaLabel\n                  }\n                  aria-expanded={row.isExpanded}\n                  onClick={expandedProps?.onClick}\n                  classes={{\n                    root: css({\n                      position: \"absolute\",\n                      left: 0,\n                      top: \"50%\",\n                      transform: \"translateY(-50%)\",\n                    }),\n                  }}\n                >\n                  {row.isExpanded ? ExpandedIcon : CollapsedIcon}\n                </HvButton>\n              )}\n\n              <HvOverflowTooltip data={hvStringFallback(value)} />\n            </>\n          )}\n        </ClassNames>\n      );\n    },\n    sortType: \"alphanumeric\",\n    cellStyle: {\n      position: \"relative\",\n    },\n    ...col,\n  };\n}\n\nexport function hvTagColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  A extends object = Record<string, unknown>\n>(\n  col: HvTableColumnConfig<D, H>,\n  valueDataKey: keyof A,\n  colorDataKey: keyof A,\n  textColorDataKey: keyof A,\n  fromRowData: boolean = false,\n  tagProps?: HvTagProps\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row } = cellProps;\n      if (!value) {\n        return <>—</>;\n      }\n\n      const {\n        [valueDataKey]: name,\n        [colorDataKey]: color,\n        [textColorDataKey]: textColor,\n      } = fromRowData ? row.original : value;\n\n      return (\n        <HvTag\n          label={<HvTypography variant=\"body\">{name}</HvTypography>}\n          type=\"semantic\"\n          color={color}\n          style={textColor != null ? { color: textColor } : {}}\n          tabIndex={-1}\n          {...tagProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\n// TODO - Review accessibility on the next renderers because they all differ\n\nexport function hvSwitchColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  switchLabel: string,\n  falseLabel?: string,\n  trueLabel?: string,\n  switchProps?: HvBaseSwitchProps\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row } = cellProps;\n      return (\n        <HvSwitchColumnCell\n          checked={value}\n          value={row.id}\n          switchLabel={switchLabel}\n          falseLabel={falseLabel}\n          trueLabel={trueLabel}\n          switchProps={switchProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvDropdownColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  id: string | undefined,\n  placeholder: string,\n  disabledPlaceholder: string,\n  onChange?: (identifier: string, value: HvListValue) => void\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row, column } = cellProps;\n      const dsbld = value.length < 1;\n      return (\n        <HvDropdownColumnCell\n          values={value}\n          placeholder={dsbld ? disabledPlaceholder : placeholder}\n          onChange={(val) => onChange?.(row.id, val)}\n          disabled={dsbld}\n          dropdownProps={{\n            \"aria-labelledby\": setId(id, column.id) || column.id || id, // TODO - to be reviewed because it doesn't make much sense\n          }}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvProgressColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  getPartial?: (row: HvRowInstance<D, H>) => number,\n  getTotal?: (row: HvRowInstance<D, H>) => number,\n  color?: \"primary\" | \"secondary\"\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { row, column } = cellProps;\n      const partial = getPartial?.(row) || 0;\n      const total = getTotal?.(row);\n\n      if (total) {\n        return (\n          <HvProgressColumnCell\n            partial={partial}\n            total={total}\n            color={color}\n            aria-labelledby={column.id}\n          />\n        );\n      }\n\n      return <>—</>;\n    },\n\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/components/Table/utils/fallbacks.js.map

@@ -1 +1 @@
-{"version":3,"file":"fallbacks.js","sources":["../../../../../src/components/Table/utils/fallbacks.ts"],"sourcesContent":["const LONG_DASH = \"—\";\n\nexport const hvStringFallback = (value: any) => {\n  return typeof value === \"string\" && value !== \"\" ? value : LONG_DASH;\n};\n\nexport const hvNumberFallback = (value: any) => {\n  return typeof value === \"number\" ? value : LONG_DASH;\n};\n\nexport const hvNodeFallback = (value: any) => {\n  if (!value) return LONG_DASH;\n  return hvStringFallback(value?.toString()) === LONG_DASH ? LONG_DASH : value;\n};\n"],"names":["LONG_DASH","hvStringFallback","value","hvNumberFallback","hvNodeFallback","toString"],"mappings":"AAAA,MAAMA,YAAY;AAELC,MAAAA,mBAAmBA,CAACC,UAAe;AAC9C,SAAO,OAAOA,UAAU,YAAYA,UAAU,KAAKA,QAAQF;AAC7D;AAEaG,MAAAA,mBAAmBA,CAACD,UAAe;AACvC,SAAA,OAAOA,UAAU,WAAWA,QAAQF;AAC7C;AAEaI,MAAAA,iBAAiBA,CAACF,UAAe;AAC5C,MAAI,CAACA;AAAcF,WAAAA;AACnB,SAAOC,iBAAiBC,OAAOG,SAAAA,CAAU,MAAML,YAAYA,YAAYE;AACzE;"}
+{"version":3,"file":"fallbacks.js","sources":["../../../../../src/components/Table/utils/fallbacks.ts"],"sourcesContent":["const LONG_DASH = \"—\";\n\nexport const hvStringFallback = (value: any) => {\n  return typeof value === \"string\" && value !== \"\" ? value : LONG_DASH;\n};\n\nexport const hvNumberFallback = (value: any) => {\n  return typeof value === \"number\" ? value : LONG_DASH;\n};\n\nexport const hvNodeFallback = (value: any) => {\n  if (!value) return LONG_DASH;\n  return hvStringFallback(value?.toString()) === LONG_DASH ? LONG_DASH : value;\n};\n"],"names":[],"mappings":"AAAA,MAAM,YAAY;AAEL,MAAA,mBAAmB,CAAC,UAAe;AAC9C,SAAO,OAAO,UAAU,YAAY,UAAU,KAAK,QAAQ;AAC7D;AAEa,MAAA,mBAAmB,CAAC,UAAe;AACvC,SAAA,OAAO,UAAU,WAAW,QAAQ;AAC7C;AAEa,MAAA,iBAAiB,CAAC,UAAe;AAC5C,MAAI,CAAC;AAAc,WAAA;AACnB,SAAO,iBAAiB,OAAO,SAAA,CAAU,MAAM,YAAY,YAAY;AACzE;"}

package/dist/esm/components/Table/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/Table/utils/utils.ts"],"sourcesContent":["export const getBorderStyles = (color: string, rowBorderRadius: string) => {\n  return {\n    \"& td\": {\n      borderTop: `1px solid ${color}`,\n      borderBottom: `1px solid ${color}`,\n    },\n    \"& td:first-of-type\": {\n      borderLeft: `1px solid ${color}`,\n      borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`,\n    },\n    \"& td:last-of-type\": {\n      borderRight: `1px solid ${color}`,\n      borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`,\n    },\n  };\n};\n"],"names":["getBorderStyles","color","rowBorderRadius","borderTop","borderBottom","borderLeft","borderRadius","borderRight"],"mappings":"AAAaA,MAAAA,kBAAkBA,CAACC,OAAeC,oBAA4B;AAClE,SAAA;AAAA,IACL,QAAQ;AAAA,MACNC,WAAY,aAAYF,KAAM;AAAA,MAC9BG,cAAe,aAAYH,KAAM;AAAA,IACnC;AAAA,IACA,sBAAsB;AAAA,MACpBI,YAAa,aAAYJ,KAAM;AAAA,MAC/BK,cAAe,GAAEJ,eAAgB,QAAOA,eAAgB;AAAA,IAC1D;AAAA,IACA,qBAAqB;AAAA,MACnBK,aAAc,aAAYN,KAAM;AAAA,MAChCK,cAAe,KAAIJ,eAAgB,IAAGA,eAAgB;AAAA,IACxD;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/Table/utils/utils.ts"],"sourcesContent":["export const getBorderStyles = (color: string, rowBorderRadius: string) => {\n  return {\n    \"& td\": {\n      borderTop: `1px solid ${color}`,\n      borderBottom: `1px solid ${color}`,\n    },\n    \"& td:first-of-type\": {\n      borderLeft: `1px solid ${color}`,\n      borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`,\n    },\n    \"& td:last-of-type\": {\n      borderRight: `1px solid ${color}`,\n      borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`,\n    },\n  };\n};\n"],"names":[],"mappings":"AAAa,MAAA,kBAAkB,CAAC,OAAe,oBAA4B;AAClE,SAAA;AAAA,IACL,QAAQ;AAAA,MACN,WAAW,aAAa,KAAK;AAAA,MAC7B,cAAc,aAAa,KAAK;AAAA,IAClC;AAAA,IACA,sBAAsB;AAAA,MACpB,YAAY,aAAa,KAAK;AAAA,MAC9B,cAAc,GAAG,eAAe,QAAQ,eAAe;AAAA,IACzD;AAAA,IACA,qBAAqB;AAAA,MACnB,aAAa,aAAa,KAAK;AAAA,MAC/B,cAAc,KAAK,eAAe,IAAI,eAAe;AAAA,IACvD;AAAA,EAAA;AAEJ;"}

package/dist/esm/components/Tabs/Tabs.js

@@ -4,21 +4,21 @@ import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { useClasses } from "./Tabs.styles.js";
 import { staticClasses } from "./Tabs.styles.js";
 const HvTabs = (props) => {
-  const {
-    classes: classesProp,
-    ...others
-  } = useDefaultProps("HvTabs", props);
-  const {
-    classes
-  } = useClasses(classesProp);
-  return /* @__PURE__ */ jsx(Tabs, { classes: {
-    root: classes.root,
-    flexContainer: classes.flexContainer,
-    indicator: classes.indicator,
-    scroller: classes.scroller
-  }, TabIndicatorProps: {
-    children: /* @__PURE__ */ jsx("div", {})
-  }, ...others });
+  const { classes: classesProp, ...others } = useDefaultProps("HvTabs", props);
+  const { classes } = useClasses(classesProp);
+  return /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      classes: {
+        root: classes.root,
+        flexContainer: classes.flexContainer,
+        indicator: classes.indicator,
+        scroller: classes.scroller
+      },
+      TabIndicatorProps: { children: /* @__PURE__ */ jsx("div", {}) },
+      ...others
+    }
+  );
 };
 export {
   HvTabs,

package/dist/esm/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { Tabs, TabsProps as MuiTabsProps } from \"@mui/material\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Tabs.styles\";\n\nexport { staticClasses as tabsClasses };\n\nexport type HvTabsClasses = ExtractNames<typeof useClasses>;\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport interface HvTabsProps extends Omit<MuiTabsProps, \"onChange\"> {\n  /**\n   * The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  value?: any;\n  /**\n   * Callback fired when the value changes.\n   */\n  onChange?: (event: React.SyntheticEvent, value: any) => void;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvTabsClasses;\n  /** @ignore */\n  ref?: MuiTabsProps[\"ref\"];\n  /** @ignore */\n  component?: MuiTabsProps[\"component\"];\n}\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nexport const HvTabs = (props: HvTabsProps) => {\n  const { classes: classesProp, ...others } = useDefaultProps(\"HvTabs\", props);\n\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <Tabs\n      classes={{\n        root: classes.root,\n        flexContainer: classes.flexContainer,\n        indicator: classes.indicator,\n        scroller: classes.scroller,\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n"],"names":["HvTabs","props","classes","classesProp","others","useDefaultProps","useClasses","root","flexContainer","indicator","scroller","children"],"mappings":";;;;;AAmCaA,MAAAA,SAASA,CAACC,UAAuB;AACtC,QAAA;AAAA,IAAEC,SAASC;AAAAA,IAAa,GAAGC;AAAAA,EAAAA,IAAWC,gBAAgB,UAAUJ,KAAK;AAErE,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAYI,WAAWH,WAAW;AAGxC,SAAA,oBAAC,QACC,SAAS;AAAA,IACPI,MAAML,QAAQK;AAAAA,IACdC,eAAeN,QAAQM;AAAAA,IACvBC,WAAWP,QAAQO;AAAAA,IACnBC,UAAUR,QAAQQ;AAAAA,KAEpB,mBAAmB;AAAA,IAAEC,8BAAW,OAAG,EAAA;AAAA,EAAA,GAC/BP,GAAAA,OACJ,CAAA;AAEN;"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { Tabs, TabsProps as MuiTabsProps } from \"@mui/material\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Tabs.styles\";\n\nexport { staticClasses as tabsClasses };\n\nexport type HvTabsClasses = ExtractNames<typeof useClasses>;\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport interface HvTabsProps extends Omit<MuiTabsProps, \"onChange\"> {\n  /**\n   * The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  value?: any;\n  /**\n   * Callback fired when the value changes.\n   */\n  onChange?: (event: React.SyntheticEvent, value: any) => void;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvTabsClasses;\n  /** @ignore */\n  ref?: MuiTabsProps[\"ref\"];\n  /** @ignore */\n  component?: MuiTabsProps[\"component\"];\n}\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nexport const HvTabs = (props: HvTabsProps) => {\n  const { classes: classesProp, ...others } = useDefaultProps(\"HvTabs\", props);\n\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <Tabs\n      classes={{\n        root: classes.root,\n        flexContainer: classes.flexContainer,\n        indicator: classes.indicator,\n        scroller: classes.scroller,\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAmCa,MAAA,SAAS,CAAC,UAAuB;AACtC,QAAA,EAAE,SAAS,aAAa,GAAG,OAAW,IAAA,gBAAgB,UAAU,KAAK;AAE3E,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAGxC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,eAAe,QAAQ;AAAA,QACvB,WAAW,QAAQ;AAAA,QACnB,UAAU,QAAQ;AAAA,MACpB;AAAA,MACA,mBAAmB,EAAE,UAAU,oBAAC,QAAI,CAAA,EAAG;AAAA,MACtC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/components/Tabs/Tabs.styles.js

@@ -1,9 +1,6 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses } from "../../utils/classes.js";
-const {
-  staticClasses,
-  useClasses
-} = createClasses("HvTabs", {
+const { staticClasses, useClasses } = createClasses("HvTabs", {
   root: {
     minHeight: 0,
     overflow: "visible"

package/dist/esm/components/Tabs/Tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTabs\", {\n  root: {\n    minHeight: 0,\n    overflow: \"visible\",\n  },\n  indicator: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    \"& > div\": {\n      width: \"100%\",\n      backgroundColor: `${theme.colors.secondary}`,\n    },\n    height: 2,\n  },\n  scroller: {\n    overflow: \"visible !important\",\n  },\n  flexContainer: {\n    \"& button:first-of-type\": {\n      marginLeft: \"3px\",\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","minHeight","overflow","indicator","display","justifyContent","backgroundColor","width","theme","colors","secondary","height","scroller","flexContainer","marginLeft"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,UAAU;AAAA,EACnEC,MAAM;AAAA,IACJC,WAAW;AAAA,IACXC,UAAU;AAAA,EACZ;AAAA,EACAC,WAAW;AAAA,IACTC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTC,OAAO;AAAA,MACPD,iBAAkB,GAAEE,MAAMC,OAAOC,SAAU;AAAA,IAC7C;AAAA,IACAC,QAAQ;AAAA,EACV;AAAA,EACAC,UAAU;AAAA,IACRV,UAAU;AAAA,EACZ;AAAA,EACAW,eAAe;AAAA,IACb,0BAA0B;AAAA,MACxBC,YAAY;AAAA,IACd;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTabs\", {\n  root: {\n    minHeight: 0,\n    overflow: \"visible\",\n  },\n  indicator: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    \"& > div\": {\n      width: \"100%\",\n      backgroundColor: `${theme.colors.secondary}`,\n    },\n    height: 2,\n  },\n  scroller: {\n    overflow: \"visible !important\",\n  },\n  flexContainer: {\n    \"& button:first-of-type\": {\n      marginLeft: \"3px\",\n    },\n  },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,UAAU;AAAA,EACnE,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACT,OAAO;AAAA,MACP,iBAAiB,GAAG,MAAM,OAAO,SAAS;AAAA,IAC5C;AAAA,IACA,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,IACb,0BAA0B;AAAA,MACxB,YAAY;AAAA,IACd;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/components/Tag/Tag.js

@@ -27,15 +27,18 @@ const HvTag = (props) => {
     deleteButtonProps = {},
     ...others
   } = useDefaultProps("HvTag", props);
-  const {
-    colors
-  } = useTheme();
-  const {
-    classes,
-    cx,
-    css
-  } = useClasses(classesProp);
-  const defaultDeleteIcon = /* @__PURE__ */ jsx(CloseXS, { role: "none", className: cx(classes.button, classes.tagButton), iconSize: "XS", color: "base_dark", ...deleteButtonProps });
+  const { colors } = useTheme();
+  const { classes, cx, css } = useClasses(classesProp);
+  const defaultDeleteIcon = /* @__PURE__ */ jsx(
+    CloseXS,
+    {
+      role: "none",
+      className: cx(classes.button, classes.tagButton),
+      iconSize: "XS",
+      color: "base_dark",
+      ...deleteButtonProps
+    }
+  );
   const categoricalBackgroundColor = type === "categorical" ? getCategoricalColor(color, colors) : void 0;
   const backgroundColor = type === "semantic" && getColor(color, "neutral_20") || type === "categorical" && `${categoricalBackgroundColor}30` || void 0;
   const isClickable = !!(onClick || onDelete) && !disabled;
@@ -44,26 +47,35 @@ const HvTag = (props) => {
       boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}`
     }
   });
-  return /* @__PURE__ */ jsx(Chip, { label, disabled, className: cx({
-    [clickableClass]: isClickable
-  }, className), style: {
-    ...disabled ? null : {
-      backgroundColor
-    },
-    ...style
-  }, classes: {
-    root: cx(classes.root, classes.chipRoot, {
-      [classes.disabled]: disabled,
-      [classes.clickable]: isClickable,
-      [classes.categorical]: type === "categorical",
-      [classes.categoricalFocus]: type === "categorical" && !disabled,
-      [classes.categoricalDisabled]: type === "categorical" && disabled
-    }),
-    label: classes.label,
-    deleteIcon: cx(classes.deleteIcon, {
-      [classes.disabledDeleteIcon]: disabled
-    })
-  }, deleteIcon: deleteIcon || defaultDeleteIcon, onDelete: disabled ? void 0 : onDelete, onClick: disabled ? void 0 : onClick, ...others });
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      label,
+      disabled,
+      className: cx({ [clickableClass]: isClickable }, className),
+      style: {
+        ...disabled ? null : { backgroundColor },
+        ...style
+      },
+      classes: {
+        root: cx(classes.root, classes.chipRoot, {
+          [classes.disabled]: disabled,
+          [classes.clickable]: isClickable,
+          [classes.categorical]: type === "categorical",
+          [classes.categoricalFocus]: type === "categorical" && !disabled,
+          [classes.categoricalDisabled]: type === "categorical" && disabled
+        }),
+        label: classes.label,
+        deleteIcon: cx(classes.deleteIcon, {
+          [classes.disabledDeleteIcon]: disabled
+        })
+      },
+      deleteIcon: deleteIcon || defaultDeleteIcon,
+      onDelete: disabled ? void 0 : onDelete,
+      onClick: disabled ? void 0 : onClick,
+      ...others
+    }
+  );
 };
 export {
   HvTag,