@hitachivantara/uikit-react-core 5.32.0 → 5.33.0

package/dist/esm/components/Table/hooks/useTableStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableStyles.js","sources":["../../../../../src/components/Table/hooks/useTableStyles.ts"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { CSSProperties } from \"react\";\nimport { Hooks } from \"react-table\";\n\n// #region ##### TYPES #####\n\nexport type UseHvTableStylesTableOptions = {\n  style?: CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n  component?: any;\n};\n\n// column definition:\nexport interface UseHvTableStylesColumnOptions {\n  variant?: \"checkbox\" | \"expand\" | \"actions\" | \"default\" | \"none\";\n  align?: \"center\" | \"inherit\" | \"justify\" | \"left\" | \"right\";\n\n  style?: CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n\n  headerStyle?: CSSProperties;\n  headerClassName?: string;\n  headerClasses?: Record<string, string>;\n\n  cellStyle?: CSSProperties;\n  cellClassName?: string;\n  cellClasses?: Record<string, string>;\n}\n\n// PROPS:\nexport interface UseHvTableStylesTableRowProps {\n  hover?: boolean;\n}\n\nexport interface UseHvTableStylesTableCellProps {\n  style?: CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n  variant?: \"checkbox\" | \"expand\" | \"actions\" | \"default\" | \"none\";\n  align?: \"center\" | \"inherit\" | \"justify\" | \"left\" | \"right\";\n}\n\nexport type UseTableStylesProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n// props target: <table>\nconst getTablePropsHook = (props, { instance }) => {\n  const nextProps: UseHvTableStylesTableOptions = {\n    component: instance.tableComponent,\n  };\n\n  if (instance.style != null) {\n    nextProps.style = instance.style;\n  }\n\n  if (instance.className != null) {\n    nextProps.className = instance.className;\n  }\n\n  if (instance.classes != null) {\n    nextProps.classes = instance.classes;\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr><th>\nexport const getHeaderFooterPropsHook = (props, { column }) => {\n  const nextProps: UseHvTableStylesColumnOptions = {\n    variant: column.variant,\n    align: column.align,\n  };\n\n  if (column.style != null || column.headerStyle != null) {\n    nextProps.style = {\n      ...props.style,\n      ...column.style,\n      ...column.headerStyle,\n    };\n  }\n\n  if (column.className != null || column.headerClassName != null) {\n    nextProps.className = clsx(\n      props.className,\n      column.className,\n      column.headerClassName\n    );\n  }\n\n  if (column.classes != null || column.headerClasses) {\n    nextProps.classes = {\n      ...props.classes,\n      ...column.classes,\n      ...column.headerClasses,\n    };\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr>\nconst getRowPropsHook = (props) => {\n  const nextProps: UseHvTableStylesTableRowProps = {\n    hover: true,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nconst getCellPropsHook = (props, { cell }) => {\n  const nextProps: UseHvTableStylesTableCellProps = {\n    variant: cell.column.variant,\n    align: cell.column.align,\n  };\n\n  if (cell.column.style != null || cell.column.cellStyle != null) {\n    nextProps.style = {\n      ...props.style,\n      ...cell.column.style,\n      ...cell.column.cellStyle,\n    };\n  }\n\n  if (cell.column.className != null || cell.column.cellClassName != null) {\n    nextProps.className = clsx(\n      props.className,\n      cell.column.className,\n      cell.column.cellClassName\n    );\n  }\n\n  if (cell.column.classes != null || cell.column.cellClasses) {\n    nextProps.classes = {\n      ...props.classes,\n      ...cell.column.classes,\n      ...cell.column.cellClasses,\n    };\n  }\n\n  return [props, nextProps];\n};\n\nconst useTableStyles: UseTableStylesProps = (hooks) => {\n  // props target: <table>\n  hooks.getTableProps.push(getTablePropsHook);\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderFooterPropsHook);\n  // props target: <table><tfoot><tr><td>\n  hooks.getFooterProps.push(getHeaderFooterPropsHook);\n  // props target: <table><tbody><tr>\n  hooks.getRowProps.push(getRowPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n};\n\nuseTableStyles.pluginName = \"useHvTableStyles\";\n\nexport default useTableStyles;\n"],"names":["getTablePropsHook","props","instance","nextProps","component","tableComponent","style","className","classes","getHeaderFooterPropsHook","column","variant","align","headerStyle","headerClassName","clsx","headerClasses","getRowPropsHook","hover","getCellPropsHook","cell","cellStyle","cellClassName","cellClasses","useTableStyles","hooks","getTableProps","push","getHeaderProps","getFooterProps","getRowProps","getCellProps","pluginName"],"mappings":";AAmDA,MAAMA,oBAAoBA,CAACC,OAAO;AAAA,EAAEC;AAAS,MAAM;AACjD,QAAMC,YAA0C;AAAA,IAC9CC,WAAWF,SAASG;AAAAA,EAAAA;AAGlBH,MAAAA,SAASI,SAAS,MAAM;AAC1BH,cAAUG,QAAQJ,SAASI;AAAAA,EAC7B;AAEIJ,MAAAA,SAASK,aAAa,MAAM;AAC9BJ,cAAUI,YAAYL,SAASK;AAAAA,EACjC;AAEIL,MAAAA,SAASM,WAAW,MAAM;AAC5BL,cAAUK,UAAUN,SAASM;AAAAA,EAC/B;AAEO,SAAA,CAACP,OAAOE,SAAS;AAC1B;AAGaM,MAAAA,2BAA2BA,CAACR,OAAO;AAAA,EAAES;AAAO,MAAM;AAC7D,QAAMP,YAA2C;AAAA,IAC/CQ,SAASD,OAAOC;AAAAA,IAChBC,OAAOF,OAAOE;AAAAA,EAAAA;AAGhB,MAAIF,OAAOJ,SAAS,QAAQI,OAAOG,eAAe,MAAM;AACtDV,cAAUG,QAAQ;AAAA,MAChB,GAAGL,MAAMK;AAAAA,MACT,GAAGI,OAAOJ;AAAAA,MACV,GAAGI,OAAOG;AAAAA,IAAAA;AAAAA,EAEd;AAEA,MAAIH,OAAOH,aAAa,QAAQG,OAAOI,mBAAmB,MAAM;AAC9DX,cAAUI,YAAYQ,KACpBd,MAAMM,WACNG,OAAOH,WACPG,OAAOI,eACT;AAAA,EACF;AAEA,MAAIJ,OAAOF,WAAW,QAAQE,OAAOM,eAAe;AAClDb,cAAUK,UAAU;AAAA,MAClB,GAAGP,MAAMO;AAAAA,MACT,GAAGE,OAAOF;AAAAA,MACV,GAAGE,OAAOM;AAAAA,IAAAA;AAAAA,EAEd;AAEO,SAAA,CAACf,OAAOE,SAAS;AAC1B;AAGA,MAAMc,kBAAmBhB,CAAU,UAAA;AACjC,QAAME,YAA2C;AAAA,IAC/Ce,OAAO;AAAA,EAAA;AAGF,SAAA,CAACjB,OAAOE,SAAS;AAC1B;AAGA,MAAMgB,mBAAmBA,CAAClB,OAAO;AAAA,EAAEmB;AAAK,MAAM;AAC5C,QAAMjB,YAA4C;AAAA,IAChDQ,SAASS,KAAKV,OAAOC;AAAAA,IACrBC,OAAOQ,KAAKV,OAAOE;AAAAA,EAAAA;AAGrB,MAAIQ,KAAKV,OAAOJ,SAAS,QAAQc,KAAKV,OAAOW,aAAa,MAAM;AAC9DlB,cAAUG,QAAQ;AAAA,MAChB,GAAGL,MAAMK;AAAAA,MACT,GAAGc,KAAKV,OAAOJ;AAAAA,MACf,GAAGc,KAAKV,OAAOW;AAAAA,IAAAA;AAAAA,EAEnB;AAEA,MAAID,KAAKV,OAAOH,aAAa,QAAQa,KAAKV,OAAOY,iBAAiB,MAAM;AAC5Df,cAAAA,YAAYQ,KACpBd,MAAMM,WACNa,KAAKV,OAAOH,WACZa,KAAKV,OAAOY,aACd;AAAA,EACF;AAEA,MAAIF,KAAKV,OAAOF,WAAW,QAAQY,KAAKV,OAAOa,aAAa;AAC1DpB,cAAUK,UAAU;AAAA,MAClB,GAAGP,MAAMO;AAAAA,MACT,GAAGY,KAAKV,OAAOF;AAAAA,MACf,GAAGY,KAAKV,OAAOa;AAAAA,IAAAA;AAAAA,EAEnB;AAEO,SAAA,CAACtB,OAAOE,SAAS;AAC1B;AAEA,MAAMqB,iBAAuCC,CAAU,UAAA;AAE/CC,QAAAA,cAAcC,KAAK3B,iBAAiB;AAEpC4B,QAAAA,eAAeD,KAAKlB,wBAAwB;AAE5CoB,QAAAA,eAAeF,KAAKlB,wBAAwB;AAE5CqB,QAAAA,YAAYH,KAAKV,eAAe;AAEhCc,QAAAA,aAAaJ,KAAKR,gBAAgB;AAC1C;AAEAK,eAAeQ,aAAa;AAE5B,MAAA,mBAAeR;"}
+{"version":3,"file":"useTableStyles.js","sources":["../../../../../src/components/Table/hooks/useTableStyles.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Hooks } from \"react-table\";\n\n// #region ##### TYPES #####\n\nexport type UseHvTableStylesTableOptions = {\n  style?: CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n  component?: any;\n};\n\n// column definition:\nexport interface UseHvTableStylesColumnOptions {\n  variant?: \"checkbox\" | \"expand\" | \"actions\" | \"default\" | \"none\";\n  align?: \"center\" | \"inherit\" | \"justify\" | \"left\" | \"right\";\n\n  style?: CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n\n  headerStyle?: CSSProperties;\n  headerClassName?: string;\n  headerClasses?: Record<string, string>;\n\n  cellStyle?: CSSProperties;\n  cellClassName?: string;\n  cellClasses?: Record<string, string>;\n}\n\n// PROPS:\nexport interface UseHvTableStylesTableRowProps {\n  hover?: boolean;\n}\n\nexport interface UseHvTableStylesTableCellProps {\n  style?: CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n  variant?: \"checkbox\" | \"expand\" | \"actions\" | \"default\" | \"none\";\n  align?: \"center\" | \"inherit\" | \"justify\" | \"left\" | \"right\";\n}\n\nexport type UseTableStylesProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n// props target: <table>\nconst getTablePropsHook = (props, { instance }) => {\n  const nextProps: UseHvTableStylesTableOptions = {\n    component: instance.tableComponent,\n  };\n\n  if (instance.style != null) {\n    nextProps.style = instance.style;\n  }\n\n  if (instance.className != null) {\n    nextProps.className = instance.className;\n  }\n\n  if (instance.classes != null) {\n    nextProps.classes = instance.classes;\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr><th>\nexport const getHeaderFooterPropsHook = (props, { column }) => {\n  const nextProps: UseHvTableStylesColumnOptions = {\n    variant: column.variant,\n    align: column.align,\n  };\n\n  if (column.style != null || column.headerStyle != null) {\n    nextProps.style = {\n      ...props.style,\n      ...column.style,\n      ...column.headerStyle,\n    };\n  }\n\n  if (column.className != null || column.headerClassName != null) {\n    nextProps.className = clsx(\n      props.className,\n      column.className,\n      column.headerClassName\n    );\n  }\n\n  if (column.classes != null || column.headerClasses) {\n    nextProps.classes = {\n      ...props.classes,\n      ...column.classes,\n      ...column.headerClasses,\n    };\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr>\nconst getRowPropsHook = (props) => {\n  const nextProps: UseHvTableStylesTableRowProps = {\n    hover: true,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nconst getCellPropsHook = (props, { cell }) => {\n  const nextProps: UseHvTableStylesTableCellProps = {\n    variant: cell.column.variant,\n    align: cell.column.align,\n  };\n\n  if (cell.column.style != null || cell.column.cellStyle != null) {\n    nextProps.style = {\n      ...props.style,\n      ...cell.column.style,\n      ...cell.column.cellStyle,\n    };\n  }\n\n  if (cell.column.className != null || cell.column.cellClassName != null) {\n    nextProps.className = clsx(\n      props.className,\n      cell.column.className,\n      cell.column.cellClassName\n    );\n  }\n\n  if (cell.column.classes != null || cell.column.cellClasses) {\n    nextProps.classes = {\n      ...props.classes,\n      ...cell.column.classes,\n      ...cell.column.cellClasses,\n    };\n  }\n\n  return [props, nextProps];\n};\n\nconst useTableStyles: UseTableStylesProps = (hooks) => {\n  // props target: <table>\n  hooks.getTableProps.push(getTablePropsHook);\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderFooterPropsHook);\n  // props target: <table><tfoot><tr><td>\n  hooks.getFooterProps.push(getHeaderFooterPropsHook);\n  // props target: <table><tbody><tr>\n  hooks.getRowProps.push(getRowPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n};\n\nuseTableStyles.pluginName = \"useHvTableStyles\";\n\nexport default useTableStyles;\n"],"names":["getTablePropsHook","props","instance","nextProps","component","tableComponent","style","className","classes","getHeaderFooterPropsHook","column","variant","align","headerStyle","headerClassName","clsx","headerClasses","getRowPropsHook","hover","getCellPropsHook","cell","cellStyle","cellClassName","cellClasses","useTableStyles","hooks","getTableProps","push","getHeaderProps","getFooterProps","getRowProps","getCellProps","pluginName"],"mappings":";AAmDA,MAAMA,oBAAoBA,CAACC,OAAO;AAAA,EAAEC;AAAS,MAAM;AACjD,QAAMC,YAA0C;AAAA,IAC9CC,WAAWF,SAASG;AAAAA,EAAAA;AAGlBH,MAAAA,SAASI,SAAS,MAAM;AAC1BH,cAAUG,QAAQJ,SAASI;AAAAA,EAC7B;AAEIJ,MAAAA,SAASK,aAAa,MAAM;AAC9BJ,cAAUI,YAAYL,SAASK;AAAAA,EACjC;AAEIL,MAAAA,SAASM,WAAW,MAAM;AAC5BL,cAAUK,UAAUN,SAASM;AAAAA,EAC/B;AAEO,SAAA,CAACP,OAAOE,SAAS;AAC1B;AAGaM,MAAAA,2BAA2BA,CAACR,OAAO;AAAA,EAAES;AAAO,MAAM;AAC7D,QAAMP,YAA2C;AAAA,IAC/CQ,SAASD,OAAOC;AAAAA,IAChBC,OAAOF,OAAOE;AAAAA,EAAAA;AAGhB,MAAIF,OAAOJ,SAAS,QAAQI,OAAOG,eAAe,MAAM;AACtDV,cAAUG,QAAQ;AAAA,MAChB,GAAGL,MAAMK;AAAAA,MACT,GAAGI,OAAOJ;AAAAA,MACV,GAAGI,OAAOG;AAAAA,IAAAA;AAAAA,EAEd;AAEA,MAAIH,OAAOH,aAAa,QAAQG,OAAOI,mBAAmB,MAAM;AAC9DX,cAAUI,YAAYQ,KACpBd,MAAMM,WACNG,OAAOH,WACPG,OAAOI,eACT;AAAA,EACF;AAEA,MAAIJ,OAAOF,WAAW,QAAQE,OAAOM,eAAe;AAClDb,cAAUK,UAAU;AAAA,MAClB,GAAGP,MAAMO;AAAAA,MACT,GAAGE,OAAOF;AAAAA,MACV,GAAGE,OAAOM;AAAAA,IAAAA;AAAAA,EAEd;AAEO,SAAA,CAACf,OAAOE,SAAS;AAC1B;AAGA,MAAMc,kBAAmBhB,CAAU,UAAA;AACjC,QAAME,YAA2C;AAAA,IAC/Ce,OAAO;AAAA,EAAA;AAGF,SAAA,CAACjB,OAAOE,SAAS;AAC1B;AAGA,MAAMgB,mBAAmBA,CAAClB,OAAO;AAAA,EAAEmB;AAAK,MAAM;AAC5C,QAAMjB,YAA4C;AAAA,IAChDQ,SAASS,KAAKV,OAAOC;AAAAA,IACrBC,OAAOQ,KAAKV,OAAOE;AAAAA,EAAAA;AAGrB,MAAIQ,KAAKV,OAAOJ,SAAS,QAAQc,KAAKV,OAAOW,aAAa,MAAM;AAC9DlB,cAAUG,QAAQ;AAAA,MAChB,GAAGL,MAAMK;AAAAA,MACT,GAAGc,KAAKV,OAAOJ;AAAAA,MACf,GAAGc,KAAKV,OAAOW;AAAAA,IAAAA;AAAAA,EAEnB;AAEA,MAAID,KAAKV,OAAOH,aAAa,QAAQa,KAAKV,OAAOY,iBAAiB,MAAM;AAC5Df,cAAAA,YAAYQ,KACpBd,MAAMM,WACNa,KAAKV,OAAOH,WACZa,KAAKV,OAAOY,aACd;AAAA,EACF;AAEA,MAAIF,KAAKV,OAAOF,WAAW,QAAQY,KAAKV,OAAOa,aAAa;AAC1DpB,cAAUK,UAAU;AAAA,MAClB,GAAGP,MAAMO;AAAAA,MACT,GAAGY,KAAKV,OAAOF;AAAAA,MACf,GAAGY,KAAKV,OAAOa;AAAAA,IAAAA;AAAAA,EAEnB;AAEO,SAAA,CAACtB,OAAOE,SAAS;AAC1B;AAEA,MAAMqB,iBAAuCC,CAAU,UAAA;AAE/CC,QAAAA,cAAcC,KAAK3B,iBAAiB;AAEpC4B,QAAAA,eAAeD,KAAKlB,wBAAwB;AAE5CoB,QAAAA,eAAeF,KAAKlB,wBAAwB;AAE5CqB,QAAAA,YAAYH,KAAKV,eAAe;AAEhCc,QAAAA,aAAaJ,KAAKR,gBAAgB;AAC1C;AAEAK,eAAeQ,aAAa;AAE5B,MAAA,mBAAeR;"}

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

@@ -8,7 +8,7 @@ const HvDropdownColumnCell = ({
   dropdownProps
 }) => {
   return /* @__PURE__ */ jsx(HvDropdown, { onChange: (item) => {
-    onChange == null ? void 0 : onChange(item);
+    onChange?.(item);
   }, placeholder, disabled, values, disablePortal: true, ...dropdownProps });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownColumnCell.js","sources":["../../../../../../src/components/Table/renderers/DropdownColumnCell/DropdownColumnCell.tsx"],"sourcesContent":["import { HvDropdownProps, HvDropdown } from \"@core/components/Dropdown\";\nimport { HvListValue } from \"@core/components/List\";\n\nexport interface HvDropdownColumnCellProp {\n  /** Values to render in the dropdown. */\n  values: HvListValue[];\n  /** Placeholder text for when the dropdown is empty. */\n  placeholder: string;\n  /** The whether the dropdown is disabled. */\n  disabled: boolean;\n  /** Function called when there is change on the dropdown. */\n  onChange?: (value: HvListValue) => void;\n  /** Extra props to be passed onto the dropdown. */\n  dropdownProps?: HvDropdownProps;\n}\n\nexport const HvDropdownColumnCell = ({\n  values,\n  disabled,\n  onChange,\n  placeholder,\n  dropdownProps,\n}: HvDropdownColumnCellProp): JSX.Element => {\n  return (\n    <HvDropdown\n      onChange={(item) => {\n        onChange?.(item as HvListValue);\n      }}\n      placeholder={placeholder}\n      disabled={disabled}\n      values={values}\n      disablePortal\n      {...dropdownProps}\n    />\n  );\n};\n"],"names":["HvDropdownColumnCell","values","disabled","onChange","placeholder","dropdownProps","item"],"mappings":";;AAgBO,MAAMA,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACwB,MAAmB;AAEzC,SAAA,oBAAC,YACC,EAAA,UAAWC,CAAS,SAAA;AAClBH,yCAAWG;AAAAA,EAAoB,GAEjC,aACA,UACA,QACA,eAAa,MACb,GAAID,cACJ,CAAA;AAEN;"}
+{"version":3,"file":"DropdownColumnCell.js","sources":["../../../../../../src/components/Table/renderers/DropdownColumnCell/DropdownColumnCell.tsx"],"sourcesContent":["import { HvDropdownProps, HvDropdown } from \"@core/components/Dropdown\";\nimport { HvListValue } from \"@core/components/List\";\n\nexport interface HvDropdownColumnCellProp {\n  /** Values to render in the dropdown. */\n  values: HvListValue[];\n  /** Placeholder text for when the dropdown is empty. */\n  placeholder: string;\n  /** The whether the dropdown is disabled. */\n  disabled: boolean;\n  /** Function called when there is change on the dropdown. */\n  onChange?: (value: HvListValue) => void;\n  /** Extra props to be passed onto the dropdown. */\n  dropdownProps?: HvDropdownProps;\n}\n\nexport const HvDropdownColumnCell = ({\n  values,\n  disabled,\n  onChange,\n  placeholder,\n  dropdownProps,\n}: HvDropdownColumnCellProp): JSX.Element => {\n  return (\n    <HvDropdown\n      onChange={(item) => {\n        onChange?.(item as HvListValue);\n      }}\n      placeholder={placeholder}\n      disabled={disabled}\n      values={values}\n      disablePortal\n      {...dropdownProps}\n    />\n  );\n};\n"],"names":["HvDropdownColumnCell","values","disabled","onChange","placeholder","dropdownProps","item"],"mappings":";;AAgBO,MAAMA,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACwB,MAAmB;AAEzC,SAAA,oBAAC,YACC,EAAA,UAAWC,CAAS,SAAA;AAClBH,eAAWG,IAAoB;AAAA,EAAA,GAEjC,aACA,UACA,QACA,eAAa,MACb,GAAID,cACJ,CAAA;AAEN;"}

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

@@ -17,7 +17,7 @@ const HvSwitchColumnCell = ({
     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 == null ? void 0 : switchProps.inputProps
+      ...switchProps?.inputProps
     } }),
     trueLabel != null && /* @__PURE__ */ jsx(HvTypography, { "aria-hidden": "true", variant: "body", className: classes.switchYes, children: trueLabel })
   ] });

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,2CAAaI;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":["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;"}

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

@@ -43,17 +43,16 @@ function hvDateColumn(col, dateFormat) {
 function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand, ExpandedIcon = /* @__PURE__ */ jsx(DropUpXS, {}), CollapsedIcon = /* @__PURE__ */ jsx(DropDownXS, {})) {
   return {
     Cell: (cellProps) => {
-      var _a;
       const {
         value,
         row
       } = cellProps;
-      const expandedProps = (_a = row.getToggleRowExpandedProps) == null ? void 0 : _a.call(row);
-      const hasContent = (getCanRowExpand == null ? void 0 : getCanRowExpand(row)) ?? true;
+      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 == null ? void 0 : expandedProps.onClick, classes: {
+        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,
@@ -122,7 +121,7 @@ function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange) {
         column
       } = cellProps;
       const dsbld = value.length < 1;
-      return /* @__PURE__ */ jsx(HvDropdownColumnCell, { values: value, placeholder: dsbld ? disabledPlaceholder : placeholder, onChange: (val) => onChange == null ? void 0 : onChange(row.id, val), disabled: dsbld, dropdownProps: {
+      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
       } });
@@ -141,8 +140,8 @@ function hvProgressColumn(col, getPartial, getTotal, color) {
         row,
         column
       } = cellProps;
-      const partial = (getPartial == null ? void 0 : getPartial(row)) || 0;
-      const total = getTotal == null ? void 0 : getTotal(row);
+      const partial = getPartial?.(row) || 0;
+      const total = getTotal?.(row);
       if (total) {
         return /* @__PURE__ */ jsx(HvProgressColumnCell, { partial, total, color, "aria-labelledby": column.id });
       }

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":"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"}
+{"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":"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"}

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

@@ -8,7 +8,7 @@ const hvNumberFallback = (value) => {
 const hvNodeFallback = (value) => {
   if (!value)
     return LONG_DASH;
-  return hvStringFallback(value == null ? void 0 : value.toString()) === LONG_DASH ? LONG_DASH : value;
+  return hvStringFallback(value?.toString()) === LONG_DASH ? LONG_DASH : value;
 };
 export {
   hvNodeFallback,

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,+BAAOG,UAAU,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":["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;"}

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\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\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":";;;;;AAiCaA,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":["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;"}

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\";\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":";;AAGa,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":["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;"}

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

@@ -1,13 +1,13 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { getColor } from "@hitachivantara/uikit-styles";
 import Chip from "@mui/material/Chip";
+import { CloseXS } from "@hitachivantara/uikit-react-icons";
 import { useTheme } from "../../hooks/useTheme.js";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { CloseXS } from "@hitachivantara/uikit-react-icons";
 import { useClasses } from "./Tag.styles.js";
 import { staticClasses } from "./Tag.styles.js";
 const getCategoricalColor = (customColor, colors) => {
-  return customColor && (colors == null ? void 0 : colors[customColor]) || customColor || (colors == null ? void 0 : colors.cat1);
+  return customColor && colors?.[customColor] || customColor || colors?.cat1;
 };
 const HvTag = (props) => {
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { HTMLAttributes } from \"react\";\nimport { HvColorAny, getColor } from \"@hitachivantara/uikit-styles\";\nimport Chip, { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport { staticClasses, useClasses } from \"./Tag.styles\";\n\nexport { staticClasses as tagClasses };\n\nexport type HvTagClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTagProps extends Omit<MuiChipProps, \"color\" | \"classes\"> {\n  /** The label of the tag element. */\n  label?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** The type of the tag element. A tag can be of semantic or categoric type. */\n  type?: \"semantic\" | \"categorical\";\n  /** Background color to be applied to the tag */\n  color?: HvColorAny;\n  /** Icon used to customize the delete icon in the Chip element */\n  deleteIcon?: React.ReactElement;\n  /**\n   * The callback fired when the delete icon is pressed.\n   * This function has to be provided to the component, in order to render the delete icon\n   * */\n  onDelete?: (event: React.MouseEvent<HTMLElement>) => void;\n  /** Callback triggered when any item is clicked. */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  /** Aria properties to apply to delete button in tag\n   * @deprecated no longer used\n   */\n  deleteButtonArialLabel?: string;\n  /** Props to apply to delete icon */\n  deleteButtonProps?: HTMLAttributes<HTMLDivElement>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTagClasses;\n  /** @ignore */\n  ref?: MuiChipProps[\"ref\"];\n  /** @ignore */\n  component?: MuiChipProps[\"component\"];\n}\n\nconst getCategoricalColor = (customColor, colors) => {\n  return (customColor && colors?.[customColor]) || customColor || colors?.cat1;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nexport const HvTag = (props: HvTagProps) => {\n  const {\n    classes: classesProp,\n    className,\n    style,\n    label,\n    disabled,\n    type = \"semantic\",\n    color,\n    deleteIcon,\n    onDelete,\n    onClick,\n    // TODO: remove from API\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    deleteButtonArialLabel = \"Delete tag\",\n    deleteButtonProps = {},\n    ...others\n  } = useDefaultProps(\"HvTag\", props);\n  const { colors } = useTheme();\n  const { classes, cx, css } = useClasses(classesProp);\n\n  const defaultDeleteIcon = (\n    <CloseXS\n      role=\"none\"\n      className={cx(classes.button, classes.tagButton)}\n      iconSize=\"XS\"\n      color=\"base_dark\"\n      {...deleteButtonProps}\n    />\n  );\n\n  const categoricalBackgroundColor =\n    type === \"categorical\" ? getCategoricalColor(color, colors) : undefined;\n\n  const backgroundColor =\n    (type === \"semantic\" && getColor(color, \"neutral_20\")) ||\n    (type === \"categorical\" && `${categoricalBackgroundColor}30`) ||\n    undefined;\n\n  const isClickable = !!(onClick || onDelete) && !disabled;\n\n  const clickableClass = css({\n    \"&:hover\": {\n      boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}`,\n    },\n  });\n\n  return (\n    <Chip\n      label={label}\n      disabled={disabled}\n      className={cx({ [clickableClass]: isClickable }, className)}\n      style={{\n        ...(disabled ? null : { backgroundColor }),\n        ...style,\n      }}\n      classes={{\n        root: cx(classes.root, classes.chipRoot, {\n          [classes.disabled]: disabled,\n          [classes.clickable]: isClickable,\n          [classes.categorical]: type === \"categorical\",\n          [classes.categoricalFocus]: type === \"categorical\" && !disabled,\n          [classes.categoricalDisabled]: type === \"categorical\" && disabled,\n        }),\n        label: classes.label,\n        deleteIcon: cx(classes.deleteIcon, {\n          [classes.disabledDeleteIcon]: disabled,\n        }),\n      }}\n      deleteIcon={deleteIcon || defaultDeleteIcon}\n      onDelete={disabled ? undefined : onDelete}\n      onClick={disabled ? undefined : onClick}\n      {...others}\n    />\n  );\n};\n"],"names":["getCategoricalColor","customColor","colors","cat1","HvTag","props","classes","classesProp","className","style","label","disabled","type","color","deleteIcon","onDelete","onClick","deleteButtonArialLabel","deleteButtonProps","others","useDefaultProps","useTheme","cx","css","useClasses","defaultDeleteIcon","button","tagButton","categoricalBackgroundColor","undefined","backgroundColor","getColor","isClickable","clickableClass","boxShadow","root","chipRoot","clickable","categorical","categoricalFocus","categoricalDisabled","disabledDeleteIcon"],"mappings":";;;;;;;;AA6CA,MAAMA,sBAAsBA,CAACC,aAAaC,WAAW;AACnD,SAAQD,gBAAeC,iCAASD,iBAAiBA,gBAAeC,iCAAQC;AAC1E;AAUaC,MAAAA,QAAQA,CAACC,UAAsB;AACpC,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,IACPC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA;AAAAA;AAAAA,IAGAC,yBAAyB;AAAA,IACzBC,oBAAoB,CAAC;AAAA,IACrB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,SAASf,KAAK;AAC5B,QAAA;AAAA,IAAEH;AAAAA,MAAWmB,SAAS;AACtB,QAAA;AAAA,IAAEf;AAAAA,IAASgB;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAWjB,WAAW;AAEnD,QAAMkB,oBACH,oBAAA,SAAA,EACC,MAAK,QACL,WAAWH,GAAGhB,QAAQoB,QAAQpB,QAAQqB,SAAS,GAC/C,UAAS,MACT,OAAM,aACFT,GAAAA,kBAEP,CAAA;AAED,QAAMU,6BACJhB,SAAS,gBAAgBZ,oBAAoBa,OAAOX,MAAM,IAAI2B;AAE1DC,QAAAA,kBACHlB,SAAS,cAAcmB,SAASlB,OAAO,YAAY,KACnDD,SAAS,iBAAkB,GAAEgB,0BAA2B,QACzDC;AAEF,QAAMG,cAAc,CAAC,EAAEhB,WAAWD,aAAa,CAACJ;AAEhD,QAAMsB,iBAAiBV,IAAI;AAAA,IACzB,WAAW;AAAA,MACTW,WAAY,aAAYN,0BAA2B;AAAA,IACrD;AAAA,EAAA,CACD;AAED,SACG,oBAAA,MAAA,EACC,OACA,UACA,WAAWN,GAAG;AAAA,IAAE,CAACW,cAAc,GAAGD;AAAAA,EAAAA,GAAexB,SAAS,GAC1D,OAAO;AAAA,IACL,GAAIG,WAAW,OAAO;AAAA,MAAEmB;AAAAA,IAAgB;AAAA,IACxC,GAAGrB;AAAAA,KAEL,SAAS;AAAA,IACP0B,MAAMb,GAAGhB,QAAQ6B,MAAM7B,QAAQ8B,UAAU;AAAA,MACvC,CAAC9B,QAAQK,QAAQ,GAAGA;AAAAA,MACpB,CAACL,QAAQ+B,SAAS,GAAGL;AAAAA,MACrB,CAAC1B,QAAQgC,WAAW,GAAG1B,SAAS;AAAA,MAChC,CAACN,QAAQiC,gBAAgB,GAAG3B,SAAS,iBAAiB,CAACD;AAAAA,MACvD,CAACL,QAAQkC,mBAAmB,GAAG5B,SAAS,iBAAiBD;AAAAA,IAAAA,CAC1D;AAAA,IACDD,OAAOJ,QAAQI;AAAAA,IACfI,YAAYQ,GAAGhB,QAAQQ,YAAY;AAAA,MACjC,CAACR,QAAQmC,kBAAkB,GAAG9B;AAAAA,IAAAA,CAC/B;AAAA,EAAA,GAEH,YAAYG,cAAcW,mBAC1B,UAAUd,WAAWkB,SAAYd,UACjC,SAASJ,WAAWkB,SAAYb,SAC5BG,GAAAA,OACJ,CAAA;AAEN;"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { HTMLAttributes } from \"react\";\nimport { HvColorAny, getColor } from \"@hitachivantara/uikit-styles\";\nimport Chip, { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\n\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Tag.styles\";\n\nexport { staticClasses as tagClasses };\n\nexport type HvTagClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTagProps extends Omit<MuiChipProps, \"color\" | \"classes\"> {\n  /** The label of the tag element. */\n  label?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** The type of the tag element. A tag can be of semantic or categoric type. */\n  type?: \"semantic\" | \"categorical\";\n  /** Background color to be applied to the tag */\n  color?: HvColorAny;\n  /** Icon used to customize the delete icon in the Chip element */\n  deleteIcon?: React.ReactElement;\n  /**\n   * The callback fired when the delete icon is pressed.\n   * This function has to be provided to the component, in order to render the delete icon\n   * */\n  onDelete?: (event: React.MouseEvent<HTMLElement>) => void;\n  /** Callback triggered when any item is clicked. */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  /** Aria properties to apply to delete button in tag\n   * @deprecated no longer used\n   */\n  deleteButtonArialLabel?: string;\n  /** Props to apply to delete icon */\n  deleteButtonProps?: HTMLAttributes<HTMLDivElement>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTagClasses;\n  /** @ignore */\n  ref?: MuiChipProps[\"ref\"];\n  /** @ignore */\n  component?: MuiChipProps[\"component\"];\n}\n\nconst getCategoricalColor = (customColor, colors) => {\n  return (customColor && colors?.[customColor]) || customColor || colors?.cat1;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nexport const HvTag = (props: HvTagProps) => {\n  const {\n    classes: classesProp,\n    className,\n    style,\n    label,\n    disabled,\n    type = \"semantic\",\n    color,\n    deleteIcon,\n    onDelete,\n    onClick,\n    // TODO: remove from API\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    deleteButtonArialLabel = \"Delete tag\",\n    deleteButtonProps = {},\n    ...others\n  } = useDefaultProps(\"HvTag\", props);\n  const { colors } = useTheme();\n  const { classes, cx, css } = useClasses(classesProp);\n\n  const defaultDeleteIcon = (\n    <CloseXS\n      role=\"none\"\n      className={cx(classes.button, classes.tagButton)}\n      iconSize=\"XS\"\n      color=\"base_dark\"\n      {...deleteButtonProps}\n    />\n  );\n\n  const categoricalBackgroundColor =\n    type === \"categorical\" ? getCategoricalColor(color, colors) : undefined;\n\n  const backgroundColor =\n    (type === \"semantic\" && getColor(color, \"neutral_20\")) ||\n    (type === \"categorical\" && `${categoricalBackgroundColor}30`) ||\n    undefined;\n\n  const isClickable = !!(onClick || onDelete) && !disabled;\n\n  const clickableClass = css({\n    \"&:hover\": {\n      boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}`,\n    },\n  });\n\n  return (\n    <Chip\n      label={label}\n      disabled={disabled}\n      className={cx({ [clickableClass]: isClickable }, className)}\n      style={{\n        ...(disabled ? null : { backgroundColor }),\n        ...style,\n      }}\n      classes={{\n        root: cx(classes.root, classes.chipRoot, {\n          [classes.disabled]: disabled,\n          [classes.clickable]: isClickable,\n          [classes.categorical]: type === \"categorical\",\n          [classes.categoricalFocus]: type === \"categorical\" && !disabled,\n          [classes.categoricalDisabled]: type === \"categorical\" && disabled,\n        }),\n        label: classes.label,\n        deleteIcon: cx(classes.deleteIcon, {\n          [classes.disabledDeleteIcon]: disabled,\n        }),\n      }}\n      deleteIcon={deleteIcon || defaultDeleteIcon}\n      onDelete={disabled ? undefined : onDelete}\n      onClick={disabled ? undefined : onClick}\n      {...others}\n    />\n  );\n};\n"],"names":["getCategoricalColor","customColor","colors","cat1","HvTag","props","classes","classesProp","className","style","label","disabled","type","color","deleteIcon","onDelete","onClick","deleteButtonArialLabel","deleteButtonProps","others","useDefaultProps","useTheme","cx","css","useClasses","defaultDeleteIcon","button","tagButton","categoricalBackgroundColor","undefined","backgroundColor","getColor","isClickable","clickableClass","boxShadow","root","chipRoot","clickable","categorical","categoricalFocus","categoricalDisabled","disabledDeleteIcon"],"mappings":";;;;;;;;AAgDA,MAAMA,sBAAsBA,CAACC,aAAaC,WAAW;AACnD,SAAQD,eAAeC,SAASD,WAAW,KAAMA,eAAeC,QAAQC;AAC1E;AAUaC,MAAAA,QAAQA,CAACC,UAAsB;AACpC,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,IACPC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA;AAAAA;AAAAA,IAGAC,yBAAyB;AAAA,IACzBC,oBAAoB,CAAC;AAAA,IACrB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,SAASf,KAAK;AAC5B,QAAA;AAAA,IAAEH;AAAAA,MAAWmB,SAAS;AACtB,QAAA;AAAA,IAAEf;AAAAA,IAASgB;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAWjB,WAAW;AAEnD,QAAMkB,oBACH,oBAAA,SAAA,EACC,MAAK,QACL,WAAWH,GAAGhB,QAAQoB,QAAQpB,QAAQqB,SAAS,GAC/C,UAAS,MACT,OAAM,aACFT,GAAAA,kBAEP,CAAA;AAED,QAAMU,6BACJhB,SAAS,gBAAgBZ,oBAAoBa,OAAOX,MAAM,IAAI2B;AAE1DC,QAAAA,kBACHlB,SAAS,cAAcmB,SAASlB,OAAO,YAAY,KACnDD,SAAS,iBAAkB,GAAEgB,0BAA2B,QACzDC;AAEF,QAAMG,cAAc,CAAC,EAAEhB,WAAWD,aAAa,CAACJ;AAEhD,QAAMsB,iBAAiBV,IAAI;AAAA,IACzB,WAAW;AAAA,MACTW,WAAY,aAAYN,0BAA2B;AAAA,IACrD;AAAA,EAAA,CACD;AAED,SACG,oBAAA,MAAA,EACC,OACA,UACA,WAAWN,GAAG;AAAA,IAAE,CAACW,cAAc,GAAGD;AAAAA,EAAAA,GAAexB,SAAS,GAC1D,OAAO;AAAA,IACL,GAAIG,WAAW,OAAO;AAAA,MAAEmB;AAAAA,IAAgB;AAAA,IACxC,GAAGrB;AAAAA,KAEL,SAAS;AAAA,IACP0B,MAAMb,GAAGhB,QAAQ6B,MAAM7B,QAAQ8B,UAAU;AAAA,MACvC,CAAC9B,QAAQK,QAAQ,GAAGA;AAAAA,MACpB,CAACL,QAAQ+B,SAAS,GAAGL;AAAAA,MACrB,CAAC1B,QAAQgC,WAAW,GAAG1B,SAAS;AAAA,MAChC,CAACN,QAAQiC,gBAAgB,GAAG3B,SAAS,iBAAiB,CAACD;AAAAA,MACvD,CAACL,QAAQkC,mBAAmB,GAAG5B,SAAS,iBAAiBD;AAAAA,IAAAA,CAC1D;AAAA,IACDD,OAAOJ,QAAQI;AAAAA,IACfI,YAAYQ,GAAGhB,QAAQQ,YAAY;AAAA,MACjC,CAACR,QAAQmC,kBAAkB,GAAG9B;AAAAA,IAAAA,CAC/B;AAAA,EAAA,GAEH,YAAYG,cAAcW,mBAC1B,UAAUd,WAAWkB,SAAYd,UACjC,SAASJ,WAAWkB,SAAYb,SAC5BG,GAAAA,OACJ,CAAA;AAEN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.js","sources":["../../../../src/components/Tag/Tag.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { CSSProperties } from \"react\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTag\", {\n  root: {},\n\n  chipRoot: {\n    \"&.MuiChip-root\": {\n      height: 16,\n      borderRadius: 0,\n      maxWidth: 180,\n      fontFamily: theme.fontFamily.body,\n\n      \"&:focus-visible\": {\n        backgroundColor: hexToRgbA(theme.colors.base_light, 0.3),\n      },\n\n      \"&$categorical\": {\n        borderRadius: 8,\n        \"& $label\": {\n          color: theme.colors.secondary,\n        },\n      },\n    },\n\n    \"&$disabled\": {\n      opacity: 1,\n      backgroundColor: theme.colors.atmo3,\n      \"& $label\": {\n        color: theme.colors.secondary_60,\n      },\n    },\n\n    \"& .MuiChip-label\": {\n      paddingLeft: theme.space.xs,\n      paddingRight: theme.space.xs,\n      ...(theme.typography.caption1 as CSSProperties),\n      color: theme.colors.base_dark,\n      \"& p\": {\n        color: theme.colors.base_dark,\n      },\n    },\n\n    \"& .MuiChip-deleteIcon\": {\n      marginRight: 0,\n      width: 16,\n      height: 16,\n      padding: 0,\n      \"&:hover\": {\n        backgroundColor: theme.colors.containerBackgroundHover,\n      },\n      \"&:focus\": {\n        ...outlineStyles,\n        borderRadius: 0,\n      },\n      \"&:focus:not(:focus-visible)\": {\n        outline: \"0 !important\",\n        boxShadow: \"none !important\",\n      },\n    },\n  },\n\n  disabled: {},\n\n  clickable: {\n    cursor: \"pointer\",\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n\n  categorical: {},\n\n  label: {},\n\n  deleteIcon: {},\n\n  // TODO: redundant - use deleteIcon. remove in v6\n  button: {},\n  tagButton: {},\n  // TODO: redundant - use $clickable or :not($disabled). remove in v6\n  focusVisible: {},\n  disabledDeleteIcon: {},\n  categoricalFocus: {},\n  categoricalDisabled: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","chipRoot","height","borderRadius","maxWidth","fontFamily","theme","body","backgroundColor","hexToRgbA","colors","base_light","color","secondary","opacity","atmo3","secondary_60","paddingLeft","space","xs","paddingRight","typography","caption1","base_dark","marginRight","width","padding","containerBackgroundHover","outlineStyles","outline","boxShadow","disabled","clickable","cursor","categorical","label","deleteIcon","button","tagButton","focusVisible","disabledDeleteIcon","categoricalFocus","categoricalDisabled"],"mappings":";;;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,SAAS;AAAA,EAClEC,MAAM,CAAC;AAAA,EAEPC,UAAU;AAAA,IACR,kBAAkB;AAAA,MAChBC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdC,UAAU;AAAA,MACVC,YAAYC,MAAMD,WAAWE;AAAAA,MAE7B,mBAAmB;AAAA,QACjBC,iBAAiBC,UAAUH,MAAMI,OAAOC,YAAY,GAAG;AAAA,MACzD;AAAA,MAEA,iBAAiB;AAAA,QACfR,cAAc;AAAA,QACd,YAAY;AAAA,UACVS,OAAON,MAAMI,OAAOG;AAAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,cAAc;AAAA,MACZC,SAAS;AAAA,MACTN,iBAAiBF,MAAMI,OAAOK;AAAAA,MAC9B,YAAY;AAAA,QACVH,OAAON,MAAMI,OAAOM;AAAAA,MACtB;AAAA,IACF;AAAA,IAEA,oBAAoB;AAAA,MAClBC,aAAaX,MAAMY,MAAMC;AAAAA,MACzBC,cAAcd,MAAMY,MAAMC;AAAAA,MAC1B,GAAIb,MAAMe,WAAWC;AAAAA,MACrBV,OAAON,MAAMI,OAAOa;AAAAA,MACpB,OAAO;AAAA,QACLX,OAAON,MAAMI,OAAOa;AAAAA,MACtB;AAAA,IACF;AAAA,IAEA,yBAAyB;AAAA,MACvBC,aAAa;AAAA,MACbC,OAAO;AAAA,MACPvB,QAAQ;AAAA,MACRwB,SAAS;AAAA,MACT,WAAW;AAAA,QACTlB,iBAAiBF,MAAMI,OAAOiB;AAAAA,MAChC;AAAA,MACA,WAAW;AAAA,QACT,GAAGC;AAAAA,QACHzB,cAAc;AAAA,MAChB;AAAA,MACA,+BAA+B;AAAA,QAC7B0B,SAAS;AAAA,QACTC,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEAC,UAAU,CAAC;AAAA,EAEXC,WAAW;AAAA,IACTC,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjB,GAAGL;AAAAA,IACL;AAAA,EACF;AAAA,EAEAM,aAAa,CAAC;AAAA,EAEdC,OAAO,CAAC;AAAA,EAERC,YAAY,CAAC;AAAA;AAAA,EAGbC,QAAQ,CAAC;AAAA,EACTC,WAAW,CAAC;AAAA;AAAA,EAEZC,cAAc,CAAC;AAAA,EACfC,oBAAoB,CAAC;AAAA,EACrBC,kBAAkB,CAAC;AAAA,EACnBC,qBAAqB,CAAC;AACxB,CAAC;"}
+{"version":3,"file":"Tag.styles.js","sources":["../../../../src/components/Tag/Tag.styles.tsx"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTag\", {\n  root: {},\n\n  chipRoot: {\n    \"&.MuiChip-root\": {\n      height: 16,\n      borderRadius: 0,\n      maxWidth: 180,\n      fontFamily: theme.fontFamily.body,\n\n      \"&:focus-visible\": {\n        backgroundColor: hexToRgbA(theme.colors.base_light, 0.3),\n      },\n\n      \"&$categorical\": {\n        borderRadius: 8,\n        \"& $label\": {\n          color: theme.colors.secondary,\n        },\n      },\n    },\n\n    \"&$disabled\": {\n      opacity: 1,\n      backgroundColor: theme.colors.atmo3,\n      \"& $label\": {\n        color: theme.colors.secondary_60,\n      },\n    },\n\n    \"& .MuiChip-label\": {\n      paddingLeft: theme.space.xs,\n      paddingRight: theme.space.xs,\n      ...(theme.typography.caption1 as CSSProperties),\n      color: theme.colors.base_dark,\n      \"& p\": {\n        color: theme.colors.base_dark,\n      },\n    },\n\n    \"& .MuiChip-deleteIcon\": {\n      marginRight: 0,\n      width: 16,\n      height: 16,\n      padding: 0,\n      \"&:hover\": {\n        backgroundColor: theme.colors.containerBackgroundHover,\n      },\n      \"&:focus\": {\n        ...outlineStyles,\n        borderRadius: 0,\n      },\n      \"&:focus:not(:focus-visible)\": {\n        outline: \"0 !important\",\n        boxShadow: \"none !important\",\n      },\n    },\n  },\n\n  disabled: {},\n\n  clickable: {\n    cursor: \"pointer\",\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n\n  categorical: {},\n\n  label: {},\n\n  deleteIcon: {},\n\n  // TODO: redundant - use deleteIcon. remove in v6\n  button: {},\n  tagButton: {},\n  // TODO: redundant - use $clickable or :not($disabled). remove in v6\n  focusVisible: {},\n  disabledDeleteIcon: {},\n  categoricalFocus: {},\n  categoricalDisabled: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","chipRoot","height","borderRadius","maxWidth","fontFamily","theme","body","backgroundColor","hexToRgbA","colors","base_light","color","secondary","opacity","atmo3","secondary_60","paddingLeft","space","xs","paddingRight","typography","caption1","base_dark","marginRight","width","padding","containerBackgroundHover","outlineStyles","outline","boxShadow","disabled","clickable","cursor","categorical","label","deleteIcon","button","tagButton","focusVisible","disabledDeleteIcon","categoricalFocus","categoricalDisabled"],"mappings":";;;;AAOa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,SAAS;AAAA,EAClEC,MAAM,CAAC;AAAA,EAEPC,UAAU;AAAA,IACR,kBAAkB;AAAA,MAChBC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdC,UAAU;AAAA,MACVC,YAAYC,MAAMD,WAAWE;AAAAA,MAE7B,mBAAmB;AAAA,QACjBC,iBAAiBC,UAAUH,MAAMI,OAAOC,YAAY,GAAG;AAAA,MACzD;AAAA,MAEA,iBAAiB;AAAA,QACfR,cAAc;AAAA,QACd,YAAY;AAAA,UACVS,OAAON,MAAMI,OAAOG;AAAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,cAAc;AAAA,MACZC,SAAS;AAAA,MACTN,iBAAiBF,MAAMI,OAAOK;AAAAA,MAC9B,YAAY;AAAA,QACVH,OAAON,MAAMI,OAAOM;AAAAA,MACtB;AAAA,IACF;AAAA,IAEA,oBAAoB;AAAA,MAClBC,aAAaX,MAAMY,MAAMC;AAAAA,MACzBC,cAAcd,MAAMY,MAAMC;AAAAA,MAC1B,GAAIb,MAAMe,WAAWC;AAAAA,MACrBV,OAAON,MAAMI,OAAOa;AAAAA,MACpB,OAAO;AAAA,QACLX,OAAON,MAAMI,OAAOa;AAAAA,MACtB;AAAA,IACF;AAAA,IAEA,yBAAyB;AAAA,MACvBC,aAAa;AAAA,MACbC,OAAO;AAAA,MACPvB,QAAQ;AAAA,MACRwB,SAAS;AAAA,MACT,WAAW;AAAA,QACTlB,iBAAiBF,MAAMI,OAAOiB;AAAAA,MAChC;AAAA,MACA,WAAW;AAAA,QACT,GAAGC;AAAAA,QACHzB,cAAc;AAAA,MAChB;AAAA,MACA,+BAA+B;AAAA,QAC7B0B,SAAS;AAAA,QACTC,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEAC,UAAU,CAAC;AAAA,EAEXC,WAAW;AAAA,IACTC,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjB,GAAGL;AAAAA,IACL;AAAA,EACF;AAAA,EAEAM,aAAa,CAAC;AAAA,EAEdC,OAAO,CAAC;AAAA,EAERC,YAAY,CAAC;AAAA;AAAA,EAGbC,QAAQ,CAAC;AAAA,EACTC,WAAW,CAAC;AAAA;AAAA,EAEZC,cAAc,CAAC;AAAA,EACfC,oBAAoB,CAAC;AAAA,EACrBC,kBAAkB,CAAC;AAAA,EACnBC,qBAAqB,CAAC;AACxB,CAAC;"}

package/dist/esm/components/TagsInput/TagsInput.js

@@ -1,6 +1,5 @@
 import { jsxs, jsx, Fragment } from "@emotion/react/jsx-runtime";
 import { forwardRef, useState, useRef, useMemo, useCallback, useEffect } from "react";
-import isNil from "lodash/isNil";
 import { useForkRef } from "@mui/material";
 import { theme } from "@hitachivantara/uikit-styles";
 import { useControlled } from "../../hooks/useControlled.js";
@@ -25,7 +24,6 @@ import { staticClasses as staticClasses2 } from "../BaseInput/BaseInput.styles.j
 import { HvSuggestions } from "../Forms/Suggestions/Suggestions.js";
 import { HvWarningText } from "../Forms/WarningText/WarningText.js";
 const HvTagsInput = forwardRef((props, ref) => {
-  var _a;
   const {
     classes: classesProp,
     className,
@@ -107,14 +105,13 @@ const HvTagsInput = forwardRef((props, ref) => {
     }
   }, [errorMessages.maxCharError, maxTagsQuantity, setValidationMessage, setValidationState]);
   const deleteTag = useCallback((tagPos, event, end) => {
-    var _a2;
     const newTagsArr = [...value.slice(0, tagPos), ...value.slice(tagPos + 1)];
     setValue(newTagsArr);
     setTagCursorPos(end ? newTagsArr.length : tagCursorPos > 0 ? tagCursorPos - 1 : 0);
-    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+    inputRef.current?.focus();
     performValidation(newTagsArr);
-    onDelete == null ? void 0 : onDelete(event, value[tagPos], tagPos);
-    onChange == null ? void 0 : onChange(event, newTagsArr);
+    onDelete?.(event, value[tagPos], tagPos);
+    onChange?.(event, newTagsArr);
     skipReset.current = true;
   }, [onChange, onDelete, performValidation, setValue, tagCursorPos, value]);
   const addTag = useCallback((event, tag) => {
@@ -127,22 +124,21 @@ const HvTagsInput = forwardRef((props, ref) => {
       const newTagsArr = [...value, newTag];
       setValue(newTagsArr);
       performValidation(newTagsArr);
-      onAdd == null ? void 0 : onAdd(event, newTag, newTagsArr.length - 1);
-      onChange == null ? void 0 : onChange(event, newTagsArr);
+      onAdd?.(event, newTag, newTagsArr.length - 1);
+      onChange?.(event, newTagsArr);
     }
   }, [onAdd, onChange, performValidation, setValue, value]);
   const canShowError = status !== void 0 && status === "invalid" && statusMessage !== void 0 || !stateValid;
   useEffect(() => {
-    var _a2;
     if (!multiline) {
-      const element = (_a2 = containerRef == null ? void 0 : containerRef.current) == null ? void 0 : _a2.children[tagCursorPos];
+      const element = containerRef?.current?.children[tagCursorPos];
       setTimeout(() => {
         const container = containerRef.current;
-        if (isNil(container))
+        if (container == null)
           return;
         container.scrollLeft = element ? element.offsetLeft - container.getBoundingClientRect().width / 2 + element.getBoundingClientRect().width / 2 : 0;
       }, 50);
-      element == null ? void 0 : element.focus();
+      element?.focus();
     }
   }, [multiline, tagCursorPos]);
   useEffect(() => {
@@ -157,9 +153,8 @@ const HvTagsInput = forwardRef((props, ref) => {
     materialInputRef.current.focus();
   };
   const getSuggestions = useCallback((li) => {
-    var _a2;
     const listEl = document.getElementById(setId(elementId, "suggestions-list") || "");
-    return li != null ? (_a2 = listEl == null ? void 0 : listEl.getElementsByTagName("li")) == null ? void 0 : _a2[li] : listEl;
+    return li != null ? listEl?.getElementsByTagName("li")?.[li] : listEl;
   }, [elementId]);
   const suggestionClearHandler = useCallback(() => {
     if (isMounted.current) {
@@ -167,9 +162,8 @@ const HvTagsInput = forwardRef((props, ref) => {
     }
   }, [isMounted]);
   const suggestionHandler = useCallback((val) => {
-    var _a2;
-    const suggestionsArray = suggestionListCallback == null ? void 0 : suggestionListCallback(val);
-    if ((_a2 = suggestionsArray == null ? void 0 : suggestionsArray[0]) == null ? void 0 : _a2.label) {
+    const suggestionsArray = suggestionListCallback?.(val);
+    if (suggestionsArray?.[0]?.label) {
       setSuggestionValues(suggestionsArray);
     } else {
       suggestionClearHandler();
@@ -201,7 +195,6 @@ const HvTagsInput = forwardRef((props, ref) => {
     }
   }, [addTag, canShowSuggestions, commitTagOn, tagInput]);
   const onKeyDownHandler = useCallback((event) => {
-    var _a2;
     if (tagInput === "") {
       switch (event.code) {
         case "ArrowLeft":
@@ -226,7 +219,7 @@ const HvTagsInput = forwardRef((props, ref) => {
     } else {
       switch (event.code) {
         case "ArrowDown":
-          (_a2 = getSuggestions(0)) == null ? void 0 : _a2.focus();
+          getSuggestions(0)?.focus();
           break;
       }
     }
@@ -236,8 +229,7 @@ const HvTagsInput = forwardRef((props, ref) => {
     setValidationState(validationState.standBy);
   }, [deleteTag, setValidationState]);
   const onContainerClickHandler = useCallback(() => {
-    var _a2;
-    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+    inputRef.current?.focus();
     clearTimeout(blurTimeout.current);
     setTagCursorPos(value.length);
   }, [value.length]);
@@ -246,12 +238,12 @@ const HvTagsInput = forwardRef((props, ref) => {
       if (commitOnBlur) {
         addTag(evt, tagInput);
       }
-      onBlur == null ? void 0 : onBlur(evt, tagInput);
+      onBlur?.(evt, tagInput);
     }, 250);
   };
   const onFocusHandler = (evt) => {
     clearTimeout(blurTimeout.current);
-    onFocus == null ? void 0 : onFocus(evt, tagInput);
+    onFocus?.(evt, tagInput);
   };
   return /* @__PURE__ */ jsxs(HvFormElement, { id, name, disabled, readOnly, status: validationState$1, required, onBlur: onBlurHandler, onFocus: onFocusHandler, className: cx(classes.root, {
     [classes.disabled]: disabled,
@@ -323,7 +315,7 @@ const HvTagsInput = forwardRef((props, ref) => {
       /* @__PURE__ */ jsx(HvSuggestions, { id: setId(elementId, "suggestions"), classes: {
         root: classes.suggestionsContainer,
         list: classes.suggestionList
-      }, expanded: hasSuggestions, anchorEl: (_a = containerRef == null ? void 0 : containerRef.current) == null ? void 0 : _a.parentElement, onClose: suggestionClearHandler, onKeyDown: onSuggestionKeyDown, onSuggestionSelected: suggestionSelectedHandler, suggestionValues })
+      }, expanded: hasSuggestions, anchorEl: containerRef?.current?.parentElement, onClose: suggestionClearHandler, onKeyDown: onSuggestionKeyDown, onSuggestionSelected: suggestionSelectedHandler, suggestionValues })
     ] }),
     canShowError && /* @__PURE__ */ jsx(HvWarningText, { id: setId(elementId, "error"), disableBorder: true, className: classes.error, children: validationMessage })
   ] });