@hitachivantara/uikit-react-core 5.0.0-next.8 → 5.0.0-next.9

package/dist/cjs/components/Table/TableHead/TableHead.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.cjs","sources":["../../../../../src/components/Table/TableHead/TableHead.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableHeadClasses, HvTableHeadClasses } from \".\";\nimport { forwardRef, useContext, useMemo } from \"react\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nexport type HvTableHeadProps = Omit<HvBaseProps, \"children\"> & {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to thead.\n   */\n  component?: React.ElementType;\n  /**\n   * The table has sticky headers.\n   */\n  stickyHeader?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableHeadClasses;\n};\n\nconst tableSectionContext = {\n  type: \"head\",\n};\n\nconst defaultComponent = \"thead\";\n\nconst StyledTableHead = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyHeader }: { $stickyHeader: boolean }) => ({\n    ...($stickyHeader && {\n      position: \"sticky\",\n      zIndex: 3,\n      top: 0,\n    }),\n  }));\n\n/**\n * HvTableHead acts as a `thead` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles\n */\nexport const HvTableHead = forwardRef<HTMLElement, HvTableHeadProps>(\n  ({ classes, className, component, stickyHeader, ...others }, externalRef) => {\n    const tableContext = useContext(TableContext);\n\n    const Component =\n      component || tableContext?.components?.THead || defaultComponent;\n\n    const TableHead = useMemo(() => StyledTableHead(Component), [Component]);\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <TableHead\n          className={clsx(\n            tableHeadClasses.root,\n            classes?.root,\n            className,\n            stickyHeader &&\n              clsx(classes?.stickyHeader, tableHeadClasses.stickyHeader)\n          )}\n          ref={externalRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          $stickyHeader={stickyHeader}\n          {...others}\n        />\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","defaultComponent","StyledTableHead","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","position","zIndex","top","HvTableHead","forwardRef","classes","className","component","stickyHeader","others","externalRef","tableContext","useContext","TableContext","Component","components","THead","TableHead","useMemo","_jsx","TableSectionContext","Provider","value","children","clsx","tableHeadClasses","root","ref","role"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AACR;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MAErBA,iCAAAA,QAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpD,GAAIA,iBAAiB;AAAA,IACnBC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRC,KAAK;AAAA,EACP;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,yhHAAA;AAMQS,MAAAA,cAAcC,iBACzB,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,EAAWC;AAAAA,KAAiBC;AAAO,GAAGC,gBAAgB;;AACrEC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AAE5C,QAAMC,YACJP,eAAaI,kDAAcI,eAAdJ,mBAA0BK,UAAS3B;AAE5C4B,QAAAA,YAAYC,MAAAA,QAAQ,MAAM5B,gBAAgBwB,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,2BAAAA,IAACC,4BAAoBC,UAAQ;AAAA,IAACC,OAAOnC;AAAAA,IAAoBoC,yCACtDN,WAAS;AAAA,MACRX,WAAWkB,cAAAA,QACTC,iBAAAA,QAAiBC,MACjBrB,mCAASqB,MACTpB,WACAE,gBACEgB,cAAKnB,QAAAA,mCAASG,cAAciB,iBAAAA,QAAiBjB,YAAY,CAAC;AAAA,MAE9DmB,KAAKjB;AAAAA,MACLkB,MAAMd,cAAczB,mBAAmB,OAAO;AAAA,MAC9CU,eAAeS;AAAAA,MAAa,GACxBC;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAEiB;AAEnC,CAAC;;"}
+{"version":3,"file":"TableHead.cjs","sources":["../../../../../src/components/Table/TableHead/TableHead.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableHeadClasses, HvTableHeadClasses } from \".\";\nimport { forwardRef, useContext, useMemo } from \"react\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nexport type HvTableHeadProps = Omit<HvBaseProps, \"children\"> & {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to thead.\n   */\n  component?: React.ElementType;\n  /**\n   * The table has sticky headers.\n   */\n  stickyHeader?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableHeadClasses;\n};\n\nconst tableSectionContext = {\n  type: \"head\",\n};\n\nconst defaultComponent = \"thead\";\n\nconst StyledTableHead = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyHeader }: { $stickyHeader: boolean }) => ({\n    ...($stickyHeader && {\n      position: \"sticky\",\n      zIndex: 3,\n      top: 0,\n    }),\n  }));\n\n/**\n * HvTableHead acts as a `thead` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles\n */\nexport const HvTableHead = forwardRef<HTMLElement, HvTableHeadProps>(\n  ({ classes, className, component, stickyHeader, ...others }, externalRef) => {\n    const tableContext = useContext(TableContext);\n\n    const Component =\n      component || tableContext?.components?.THead || defaultComponent;\n\n    const TableHead = useMemo(() => StyledTableHead(Component), [Component]);\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <TableHead\n          className={clsx(\n            tableHeadClasses.root,\n            classes?.root,\n            className,\n            stickyHeader &&\n              clsx(classes?.stickyHeader, tableHeadClasses.stickyHeader)\n          )}\n          ref={externalRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          $stickyHeader={stickyHeader}\n          {...others}\n        />\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","defaultComponent","StyledTableHead","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","position","zIndex","top","HvTableHead","forwardRef","classes","className","component","stickyHeader","others","externalRef","tableContext","useContext","TableContext","Component","components","THead","TableHead","useMemo","jsx","TableSectionContext","clsx","tableHeadClasses","root"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AACR;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MAErBA,iCAAAA,QAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpD,GAAIA,iBAAiB;AAAA,IACnBC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRC,KAAK;AAAA,EACP;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,yhHAAA;AAMQS,MAAAA,cAAcC,iBACzB,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,EAAWC;AAAAA,KAAiBC;AAAO,GAAGC,gBAAgB;;AACrEC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AAE5C,QAAMC,YACJP,eAAaI,kDAAcI,eAAdJ,mBAA0BK,UAAS3B;AAE5C4B,QAAAA,YAAYC,MAAAA,QAAQ,MAAM5B,gBAAgBwB,SAAS,GAAG,CAACA,SAAS,CAAC;AAEvE,SACGK,2BAAAA,IAAAC,oBAAAA,QAAoB,UAApB,EAA6B,OAAOjC,qBACnC,UAAAgC,2BAAA,IAAC,WACC,EAAA,WAAWE,cAAAA,QACTC,iBAAiBC,QAAAA,MACjBlB,mCAASkB,MACTjB,WACAE,gBACEa,cAAAA,QAAKhB,mCAASG,cAAcc,yBAAiBd,YAAY,CAAC,GAE9D,KAAKE,aACL,MAAMI,cAAczB,mBAAmB,OAAO,YAC9C,eAAemB,cACXC,GAAAA,QAAO,EAEf,CAAA;AAEJ,CAAC;;"}

package/dist/cjs/components/Table/TableHeader/TableHeader.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const React = require("react");
 const clsx = require("clsx");
@@ -11,7 +12,6 @@ const transientOptions = require("../../../utils/transientOptions.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
 const utils = require("./utils.cjs");
 const TableHeader_styles = require("./TableHeader.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const tableHeaderClasses = require("./tableHeaderClasses.cjs");
 const ThemeProvider = require("../../../providers/ThemeProvider.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -231,54 +231,11 @@ const HvTableHeader = React.forwardRef(({
   const role = Component === defaultComponent ? null : isHeadCell ? "columnheader" : "rowheader";
   const paragraph = utils.isParagraph(children);
   const TableHeader = StyledTableHeader(Component);
-  return /* @__PURE__ */ jsxRuntime.jsx(TableHeader, {
-    ref: externalRef,
-    role,
-    scope,
-    style,
-    className: clsx__default.default(className, tableHeaderClasses.default.root, classes == null ? void 0 : classes.root, tableHeaderClasses.default[type], classes == null ? void 0 : classes[type], groupColumnMostLeft && clsx__default.default(tableHeaderClasses.default.groupColumnMostLeft, classes == null ? void 0 : classes.groupColumnMostLeft), groupColumnMostRight && clsx__default.default(tableHeaderClasses.default.groupColumnMostRight, classes == null ? void 0 : classes.groupColumnMostRight), sortable && clsx__default.default(tableHeaderClasses.default.sortable, classes == null ? void 0 : classes.sortable), sorted && clsx__default.default(tableHeaderClasses.default.sorted, classes == null ? void 0 : classes.sorted), resizable && clsx__default.default(tableHeaderClasses.default.resizable, classes == null ? void 0 : classes.resizable), resizing && clsx__default.default(tableHeaderClasses.default.resizing, classes == null ? void 0 : classes.resizing), stickyColumn && clsx__default.default(tableHeaderClasses.default.stickyColumn, classes == null ? void 0 : classes.stickyColumn), stickyColumnMostLeft && clsx__default.default(tableHeaderClasses.default.stickyColumnMostLeft, classes == null ? void 0 : classes.stickyColumnMostLeft), stickyColumnLeastRight && clsx__default.default(tableHeaderClasses.default.stickyColumnLeastRight, classes == null ? void 0 : classes.stickyColumnLeastRight), tableContext.variant === "listrow" && clsx__default.default(tableHeaderClasses.default.variantList, classes == null ? void 0 : classes.variantList), align !== "inherit" && clsx__default.default(tableHeaderClasses.default[`align${lodash.capitalize(align)}`], classes == null ? void 0 : classes[`align${lodash.capitalize(align)}`]), variant !== "default" && clsx__default.default(tableHeaderClasses.default[`variant${lodash.capitalize(variant)}`], classes == null ? void 0 : classes[`variant${lodash.capitalize(variant)}`])),
-    "aria-sort": sortable ? sortDirection : void 0,
-    $sortable: sortable,
-    $sorted: sorted,
-    $resizable: resizable,
-    $resizing: resizing,
-    $groupColumnMostLeft: groupColumnMostLeft,
-    $groupColumnMostRight: groupColumnMostRight,
-    $stickyColumn: stickyColumn,
-    $stickyColumnMostLeft: stickyColumnMostLeft,
-    $stickyColumnLeastRight: stickyColumnLeastRight,
-    $align: align,
-    $variant: variant,
-    $variantList: tableContext.variant === "listrow",
-    $type: type,
-    $atmo1Color: ((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || uikitStyles.theme.colors.atmo1,
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsxs(TableHeader_styles.StyledHeaderContent, {
-      className: clsx__default.default(tableHeaderClasses.default.headerContent, classes == null ? void 0 : classes.headerContent, align !== "inherit" && clsx__default.default(tableHeaderClasses.default[`alignFlex${lodash.capitalize(align)}`], classes == null ? void 0 : classes[`alignFlex${lodash.capitalize(align)}`])),
-      $align: align,
-      children: [isHeadCell && sortable && /* @__PURE__ */ jsxRuntime.jsx(TableHeader_styles.StyledButton, {
-        className: clsx__default.default(tableHeaderClasses.default.sortButton, classes == null ? void 0 : classes.sortButton),
-        icon: true,
-        variant: "secondaryGhost",
-        overrideIconColors: false,
-        children: /* @__PURE__ */ jsxRuntime.jsx(SortComponent, {
-          className: clsx__default.default(tableHeaderClasses.default.sortIcon, classes == null ? void 0 : classes.sortIcon)
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsx(TableHeader_styles.StyledTypography, {
-        component: "div",
-        className: clsx__default.default(!paragraph && clsx__default.default(tableHeaderClasses.default.headerText, classes == null ? void 0 : classes.headerText), paragraph && clsx__default.default(tableHeaderClasses.default.headerParagraph, classes == null ? void 0 : classes.headerParagraph), sortable && clsx__default.default(tableHeaderClasses.default.sortableHeaderText, classes == null ? void 0 : classes.sortableHeaderText)),
-        variant: "label",
-        $headerText: !paragraph,
-        $headerParagraph: paragraph,
-        $sortableHeaderText: sortable,
-        ...headerTextProps,
-        children
-      }), resizable && /* @__PURE__ */ jsxRuntime.jsx(TableHeader_styles.StyledResizer, {
-        ...resizerProps,
-        className: clsx__default.default(tableHeaderClasses.default.resizer, classes == null ? void 0 : classes.resizer)
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { ref: externalRef, role, scope, style, className: clsx__default.default(className, tableHeaderClasses.default.root, classes == null ? void 0 : classes.root, tableHeaderClasses.default[type], classes == null ? void 0 : classes[type], groupColumnMostLeft && clsx__default.default(tableHeaderClasses.default.groupColumnMostLeft, classes == null ? void 0 : classes.groupColumnMostLeft), groupColumnMostRight && clsx__default.default(tableHeaderClasses.default.groupColumnMostRight, classes == null ? void 0 : classes.groupColumnMostRight), sortable && clsx__default.default(tableHeaderClasses.default.sortable, classes == null ? void 0 : classes.sortable), sorted && clsx__default.default(tableHeaderClasses.default.sorted, classes == null ? void 0 : classes.sorted), resizable && clsx__default.default(tableHeaderClasses.default.resizable, classes == null ? void 0 : classes.resizable), resizing && clsx__default.default(tableHeaderClasses.default.resizing, classes == null ? void 0 : classes.resizing), stickyColumn && clsx__default.default(tableHeaderClasses.default.stickyColumn, classes == null ? void 0 : classes.stickyColumn), stickyColumnMostLeft && clsx__default.default(tableHeaderClasses.default.stickyColumnMostLeft, classes == null ? void 0 : classes.stickyColumnMostLeft), stickyColumnLeastRight && clsx__default.default(tableHeaderClasses.default.stickyColumnLeastRight, classes == null ? void 0 : classes.stickyColumnLeastRight), tableContext.variant === "listrow" && clsx__default.default(tableHeaderClasses.default.variantList, classes == null ? void 0 : classes.variantList), align !== "inherit" && clsx__default.default(tableHeaderClasses.default[`align${lodash.capitalize(align)}`], classes == null ? void 0 : classes[`align${lodash.capitalize(align)}`]), variant !== "default" && clsx__default.default(tableHeaderClasses.default[`variant${lodash.capitalize(variant)}`], classes == null ? void 0 : classes[`variant${lodash.capitalize(variant)}`])), "aria-sort": sortable ? sortDirection : void 0, $sortable: sortable, $sorted: sorted, $resizable: resizable, $resizing: resizing, $groupColumnMostLeft: groupColumnMostLeft, $groupColumnMostRight: groupColumnMostRight, $stickyColumn: stickyColumn, $stickyColumnMostLeft: stickyColumnMostLeft, $stickyColumnLeastRight: stickyColumnLeastRight, $align: align, $variant: variant, $variantList: tableContext.variant === "listrow", $type: type, $atmo1Color: ((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || uikitStyles.theme.colors.atmo1, ...others, children: /* @__PURE__ */ jsxRuntime.jsxs(TableHeader_styles.StyledHeaderContent, { className: clsx__default.default(tableHeaderClasses.default.headerContent, classes == null ? void 0 : classes.headerContent, align !== "inherit" && clsx__default.default(tableHeaderClasses.default[`alignFlex${lodash.capitalize(align)}`], classes == null ? void 0 : classes[`alignFlex${lodash.capitalize(align)}`])), $align: align, children: [
+    isHeadCell && sortable && /* @__PURE__ */ jsxRuntime.jsx(TableHeader_styles.StyledButton, { className: clsx__default.default(tableHeaderClasses.default.sortButton, classes == null ? void 0 : classes.sortButton), icon: true, variant: "secondaryGhost", overrideIconColors: false, children: /* @__PURE__ */ jsxRuntime.jsx(SortComponent, { className: clsx__default.default(tableHeaderClasses.default.sortIcon, classes == null ? void 0 : classes.sortIcon) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(TableHeader_styles.StyledTypography, { component: "div", className: clsx__default.default(!paragraph && clsx__default.default(tableHeaderClasses.default.headerText, classes == null ? void 0 : classes.headerText), paragraph && clsx__default.default(tableHeaderClasses.default.headerParagraph, classes == null ? void 0 : classes.headerParagraph), sortable && clsx__default.default(tableHeaderClasses.default.sortableHeaderText, classes == null ? void 0 : classes.sortableHeaderText)), variant: "label", $headerText: !paragraph, $headerParagraph: paragraph, $sortableHeaderText: sortable, ...headerTextProps, children }),
+    resizable && /* @__PURE__ */ jsxRuntime.jsx(TableHeader_styles.StyledResizer, { ...resizerProps, className: clsx__default.default(tableHeaderClasses.default.resizer, classes == null ? void 0 : classes.resizer) })
+  ] }) });
 });
 exports.HvTableHeader = HvTableHeader;
 //# sourceMappingURL=TableHeader.cjs.map

package/dist/cjs/components/Table/TableHeader/TableHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  ThHTMLAttributes,\n  useContext,\n  useMemo,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { capitalize } from \"lodash\";\nimport styled from \"@emotion/styled\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableHeaderClasses, HvTableHeaderClasses } from \".\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport {\n  StyledHeaderContent,\n  StyledResizer,\n  StyledButton,\n  StyledTypography,\n} from \"./TableHeader.styles\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport { HvThemeContext } from \"providers\";\nimport { HvTypographyProps } from \"../../Typography\";\n\nexport type HvTableHeaderProps = ThHTMLAttributes<HTMLElement> &\n  Omit<HvBaseProps, \"children\"> & {\n    /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */\n    component?: React.ElementType;\n    /** Content to be rendered */\n    children?: React.ReactNode;\n    /** The scope of cells that the header element relates to. */\n    scope?: \"col\" | \"row\" | \"colgroup\" | \"rowgroup\";\n    /** Set the text-align on the table cell content. */\n    align?: HvTableCellAlign;\n    /** Sets the cell's variant. */\n    variant?: HvTableCellVariant;\n    /** Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n    type?: HvTableCellType;\n    /** The cell is part of a sticky column. */\n    stickyColumn?: boolean;\n    /** The cell is part of the last sticky to the left column. */\n    stickyColumnMostLeft?: boolean;\n    /** The cell is part of the first sticky to the right column. */\n    stickyColumnLeastRight?: boolean;\n    /** The cell is part of the first column in the group. */\n    groupColumnMostLeft?: boolean;\n    /** The cell is part of the last column in the group. */\n    groupColumnMostRight?: boolean;\n    /** Whether or not the cell is sorted */\n    sorted?: boolean;\n    /** Whether or not the cell is sortable */\n    sortable?: boolean;\n    /** Set sort direction icon and aria-sort. */\n    sortDirection?: \"ascending\" | \"descending\" | false;\n    /** Extra props to be passed onto the text in the header. */\n    headerTextProps?: HvTypographyProps;\n    /** Whether or not the cell is resizable */\n    resizable?: boolean;\n    /** Whether or not the cell is being resized */\n    resizing?: boolean;\n    /** The resize props injected in the resize handler */\n    resizerProps?: HTMLAttributes<HTMLDivElement>;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvTableHeaderClasses;\n  };\n\nconst defaultComponent = \"th\";\n\ntype StyledTableHeaderProps = {\n  $sorted: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $variantList: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $atmo1Color: string;\n};\n\nconst StyledTableHeader = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $sorted,\n      $resizable,\n      $resizing,\n      $groupColumnMostLeft,\n      $groupColumnMostRight,\n      $stickyColumn,\n      $stickyColumnMostLeft,\n      $stickyColumnLeastRight,\n      $variantList,\n      $align,\n      $variant,\n      $type,\n      $atmo1Color,\n    }: StyledTableHeaderProps) => ({\n      // root\n      \"--first-row-cell-height\": \"52px\",\n      \"--cell-height\": \"32px\",\n      height: \"var(--cell-height)\",\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      paddingTop: 0,\n      paddingRight: theme.space.xs,\n      paddingBottom: 0,\n      paddingLeft: 32,\n      borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n      ...($sorted && {\n        [`& .${tableHeaderClasses.sortIcon}`]: {\n          visibility: \"visible\",\n        },\n      }),\n      ...($resizable && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($resizing && {\n        borderRight: `solid 2px ${theme.colors.acce1}`,\n      }),\n      ...($groupColumnMostLeft && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($groupColumnMostRight && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n        // due to the \":has()\" selector not being supported in browsers,\n        // this need to be managed with inline styles\n        // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n        // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n        \"&:last-child\": {\n          borderRight: 0,\n        },\n        [`&+:not(.${tableHeaderClasses.stickyColumn})`]: {\n          borderLeft: 0,\n        },\n      }),\n      ...($stickyColumn && {\n        position: \"sticky\",\n        zIndex: 2,\n\n        [`&.${tableHeaderClasses.groupColumnMostRight}+.${tableHeaderClasses.stickyColumn}`]:\n          {\n            borderLeft: 0,\n          },\n      }),\n      ...($stickyColumnMostLeft && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($stickyColumnLeastRight && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      // align\n      ...($align === \"center\" && {\n        textAlign: \"center\",\n      }),\n      ...($align === \"justify\" && {\n        textAlign: \"justify\",\n      }),\n      ...($align === \"left\" && {\n        textAlign: \"left\",\n      }),\n      ...($align === \"right\" && {\n        textAlign: \"right\",\n        flexDirection: \"row-reverse\",\n      }),\n      // variant\n      ...($variant === \"checkbox\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"actions\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"none\" && {\n        padding: 0,\n      }),\n      // type\n      ...($type === \"head\" && {\n        // \":first-of-type\": {\n        height: \"var(--first-row-cell-height)\",\n        borderTop: $variantList\n          ? 0\n          : `1px solid ${theme.table.headerBorderTopColor}`,\n        // },\n\n        paddingTop: 8,\n        verticalAlign: \"top\",\n\n        backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n        borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n        ...(theme.typography.label as CSSProperties),\n\n        transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n        [`&.${tableHeaderClasses.sortable}`]: {\n          verticalAlign: \"initial\",\n          paddingTop: 0,\n          paddingLeft: 0,\n          cursor: \"pointer\",\n\n          \"&:hover\": {\n            backgroundColor: theme.table.headerHoverColor,\n\n            [`& .${tableHeaderClasses.sortIcon}`]: {\n              visibility: \"visible\",\n            },\n          },\n          \"&:focus-within\": {\n            backgroundColor: theme.table.headerHoverColor,\n\n            [`& .${tableHeaderClasses.sortIcon}`]: {\n              visibility: \"visible\",\n            },\n          },\n        },\n      }),\n      ...($type === \"body\" && {\n        backgroundColor: \"inherit\",\n        ...(theme.typography.body as CSSProperties),\n\n        [`&.${tableHeaderClasses.sortable}:not(.${tableHeaderClasses.variantNone})`]:\n          {\n            paddingLeft: 32,\n          },\n        [`&.${tableHeaderClasses.sorted}`]: {\n          backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n        },\n      }),\n      ...($variantList && {\n        backgroundColor: \"inherit\",\n        borderBottom: 0,\n        height: 16,\n        \":first-of-type > &\": {\n          borderTop: 0,\n          height: 16,\n        },\n      }),\n    })\n  );\n\nconst StyledSort = (c: any) =>\n  styled(c)({\n    display: \"inline-flex\",\n    visibility: \"hidden\",\n  });\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nexport const HvTableHeader = forwardRef<HTMLElement, HvTableHeaderProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      scope: scopeProp,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sortDirection = \"none\",\n      sorted,\n      sortable,\n      headerTextProps,\n      resizerProps = {},\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useContext(HvThemeContext);\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n    const isHeadCell = type === \"head\";\n\n    const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n    const Sort = useMemo(\n      () => getSortIcon(sorted && sortDirection),\n      [sorted, sortDirection]\n    );\n\n    const SortComponent = useMemo(() => StyledSort(Sort), [Sort]);\n\n    const Component =\n      component || tableContext?.components?.Th || defaultComponent;\n\n    const role =\n      Component === defaultComponent\n        ? null\n        : isHeadCell\n        ? \"columnheader\"\n        : \"rowheader\";\n    const paragraph = isParagraph(children);\n\n    const TableHeader = StyledTableHeader(Component);\n\n    return (\n      <TableHeader\n        ref={externalRef}\n        role={role}\n        scope={scope}\n        style={style}\n        className={clsx(\n          className,\n          tableHeaderClasses.root,\n          classes?.root,\n          tableHeaderClasses[type],\n          classes?.[type],\n          groupColumnMostLeft &&\n            clsx(\n              tableHeaderClasses.groupColumnMostLeft,\n              classes?.groupColumnMostLeft\n            ),\n          groupColumnMostRight &&\n            clsx(\n              tableHeaderClasses.groupColumnMostRight,\n              classes?.groupColumnMostRight\n            ),\n          sortable && clsx(tableHeaderClasses.sortable, classes?.sortable),\n          sorted && clsx(tableHeaderClasses.sorted, classes?.sorted),\n          resizable && clsx(tableHeaderClasses.resizable, classes?.resizable),\n          resizing && clsx(tableHeaderClasses.resizing, classes?.resizing),\n          stickyColumn &&\n            clsx(tableHeaderClasses.stickyColumn, classes?.stickyColumn),\n          stickyColumnMostLeft &&\n            clsx(\n              tableHeaderClasses.stickyColumnMostLeft,\n              classes?.stickyColumnMostLeft\n            ),\n          stickyColumnLeastRight &&\n            clsx(\n              tableHeaderClasses.stickyColumnLeastRight,\n              classes?.stickyColumnLeastRight\n            ),\n          tableContext.variant === \"listrow\" &&\n            clsx(tableHeaderClasses.variantList, classes?.variantList),\n          align !== \"inherit\" &&\n            clsx(\n              tableHeaderClasses[`align${capitalize(align)}`],\n              classes?.[`align${capitalize(align)}`]\n            ),\n          variant !== \"default\" &&\n            clsx(\n              tableHeaderClasses[`variant${capitalize(variant)}`],\n              classes?.[`variant${capitalize(variant)}`]\n            )\n        )}\n        aria-sort={sortable ? sortDirection : undefined}\n        $sortable={sortable}\n        $sorted={sorted}\n        $resizable={resizable}\n        $resizing={resizing}\n        $groupColumnMostLeft={groupColumnMostLeft}\n        $groupColumnMostRight={groupColumnMostRight}\n        $stickyColumn={stickyColumn}\n        $stickyColumnMostLeft={stickyColumnMostLeft}\n        $stickyColumnLeastRight={stickyColumnLeastRight}\n        $align={align}\n        $variant={variant}\n        $variantList={tableContext.variant === \"listrow\"}\n        $type={type}\n        $atmo1Color={\n          activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n        }\n        {...others}\n      >\n        <StyledHeaderContent\n          className={clsx(\n            tableHeaderClasses.headerContent,\n            classes?.headerContent,\n            align !== \"inherit\" &&\n              clsx(\n                tableHeaderClasses[`alignFlex${capitalize(align)}`],\n                classes?.[`alignFlex${capitalize(align)}`]\n              )\n          )}\n          $align={align}\n        >\n          {isHeadCell && sortable && (\n            <StyledButton\n              className={clsx(\n                tableHeaderClasses.sortButton,\n                classes?.sortButton\n              )}\n              icon\n              variant=\"secondaryGhost\"\n              overrideIconColors={false}\n            >\n              <SortComponent\n                className={clsx(tableHeaderClasses.sortIcon, classes?.sortIcon)}\n              />\n            </StyledButton>\n          )}\n          <StyledTypography\n            component=\"div\"\n            className={clsx(\n              !paragraph &&\n                clsx(tableHeaderClasses.headerText, classes?.headerText),\n              paragraph &&\n                clsx(\n                  tableHeaderClasses.headerParagraph,\n                  classes?.headerParagraph\n                ),\n              sortable &&\n                clsx(\n                  tableHeaderClasses.sortableHeaderText,\n                  classes?.sortableHeaderText\n                )\n            )}\n            variant=\"label\"\n            $headerText={!paragraph}\n            $headerParagraph={paragraph}\n            $sortableHeaderText={sortable}\n            {...headerTextProps}\n          >\n            {children}\n          </StyledTypography>\n          {resizable && (\n            <StyledResizer\n              {...resizerProps}\n              className={clsx(tableHeaderClasses.resizer, classes?.resizer)}\n            />\n          )}\n        </StyledHeaderContent>\n      </TableHeader>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableHeader","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$sorted","$resizable","$resizing","$groupColumnMostLeft","$groupColumnMostRight","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$variantList","$align","$variant","$type","$atmo1Color","height","verticalAlign","textAlign","paddingTop","paddingRight","theme","space","xs","paddingBottom","paddingLeft","borderBottom","colors","atmo4","tableHeaderClasses","sortIcon","visibility","borderRight","acce1","borderLeft","stickyColumn","position","zIndex","groupColumnMostRight","flexDirection","padding","width","maxWidth","borderTop","table","headerBorderTopColor","backgroundColor","atmo1","typography","transition","sortable","cursor","headerHoverColor","body","variantNone","sorted","alpha","hexToRgb","StyledSort","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableHeader","forwardRef","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","sortDirection","headerTextProps","resizerProps","resizable","resizing","others","externalRef","activeTheme","selectedMode","useContext","HvThemeContext","tableContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","useMemo","getSortIcon","SortComponent","Component","components","Th","role","paragraph","isParagraph","TableHeader","ref","clsx","root","variantList","capitalize","undefined","$sortable","modes","StyledHeaderContent","headerContent","StyledButton","sortButton","icon","overrideIconColors","_jsx","StyledTypography","headerText","headerParagraph","sortableHeaderText","$headerText","$headerParagraph","$sortableHeaderText","StyledResizer","resizer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,MAAMA,mBAAmB;AAkBzB,MAAMC,oBAAoBA,CAACC,MAEvBA,iCAAAA,QAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACsB,OAAO;AAAA,EAE7B,2BAA2B;AAAA,EAC3B,iBAAiB;AAAA,EACjBC,QAAQ;AAAA,EACRC,eAAe;AAAA,EACfC,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,cAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EAC1BC,eAAe;AAAA,EACfC,aAAa;AAAA,EACbC,cAAe,aAAYL,YAAAA,MAAMM,OAAOC;AAAAA,EAExC,GAAIzB,WAAW;AAAA,IACb,CAAE,MAAK0B,2BAAmBC,aAAa;AAAA,MACrCC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,GAAI3B,cAAc;AAAA,IAChB4B,aAAc,aAAYX,YAAAA,MAAMM,OAAOC;AAAAA,EACzC;AAAA,EACA,GAAIvB,aAAa;AAAA,IACf2B,aAAc,aAAYX,YAAAA,MAAMM,OAAOM;AAAAA,EACzC;AAAA,EACA,GAAI3B,wBAAwB;AAAA,IAC1B4B,YAAa,aAAYb,YAAAA,MAAMM,OAAOC;AAAAA,EACxC;AAAA,EACA,GAAIrB,yBAAyB;AAAA,IAC3ByB,aAAc,aAAYX,YAAAA,MAAMM,OAAOC;AAAAA,IAKvC,gBAAgB;AAAA,MACdI,aAAa;AAAA,IACf;AAAA,IACA,CAAE,WAAUH,mBAAAA,QAAmBM,kBAAkB;AAAA,MAC/CD,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,GAAI1B,iBAAiB;AAAA,IACnB4B,UAAU;AAAA,IACVC,QAAQ;AAAA,IAER,CAAE,KAAIR,2BAAmBS,yBAAyBT,2BAAmBM,iBACnE;AAAA,MACED,YAAY;AAAA,IACd;AAAA,EACJ;AAAA,EACA,GAAIzB,yBAAyB;AAAA,IAC3BuB,aAAc,aAAYX,YAAAA,MAAMM,OAAOC;AAAAA,EACzC;AAAA,EACA,GAAIlB,2BAA2B;AAAA,IAC7BwB,YAAa,aAAYb,YAAAA,MAAMM,OAAOC;AAAAA,EACxC;AAAA,EAEA,GAAIhB,WAAW,YAAY;AAAA,IACzBM,WAAW;AAAA,EACb;AAAA,EACA,GAAIN,WAAW,aAAa;AAAA,IAC1BM,WAAW;AAAA,EACb;AAAA,EACA,GAAIN,WAAW,UAAU;AAAA,IACvBM,WAAW;AAAA,EACb;AAAA,EACA,GAAIN,WAAW,WAAW;AAAA,IACxBM,WAAW;AAAA,IACXqB,eAAe;AAAA,EACjB;AAAA,EAEA,GAAI1B,aAAa,cAAc;AAAA,IAC7B2B,SAAS;AAAA,IACTC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVV,aAAc,aAAYX,YAAAA,MAAMM,OAAOC;AAAAA,EACzC;AAAA,EACA,GAAIf,aAAa,aAAa;AAAA,IAC5B2B,SAAS;AAAA,IACTC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVR,YAAa,aAAYb,YAAAA,MAAMM,OAAOC;AAAAA,EACxC;AAAA,EACA,GAAIf,aAAa,UAAU;AAAA,IACzB2B,SAAS;AAAA,EACX;AAAA,EAEA,GAAI1B,UAAU,UAAU;AAAA,IAEtBE,QAAQ;AAAA,IACR2B,WAAWhC,eACP,IACC,aAAYU,kBAAMuB,MAAMC;AAAAA,IAG7B1B,YAAY;AAAA,IACZF,eAAe;AAAA,IAEf6B,iBAAiBnC,eAAe,YAAYU,YAAAA,MAAMM,OAAOoB;AAAAA,IACzDrB,cAAcf,eAAe,IAAK,aAAYU,kBAAMM,OAAOC;AAAAA,IAC3D,GAAIP,YAAAA,MAAM2B,WAAW9C;AAAAA,IAErB+C,YAAY;AAAA,IAEZ,CAAE,KAAIpB,2BAAmBqB,aAAa;AAAA,MACpCjC,eAAe;AAAA,MACfE,YAAY;AAAA,MACZM,aAAa;AAAA,MACb0B,QAAQ;AAAA,MAER,WAAW;AAAA,QACTL,iBAAiBzB,YAAAA,MAAMuB,MAAMQ;AAAAA,QAE7B,CAAE,MAAKvB,2BAAmBC,aAAa;AAAA,UACrCC,YAAY;AAAA,QACd;AAAA,MACF;AAAA,MACA,kBAAkB;AAAA,QAChBe,iBAAiBzB,YAAAA,MAAMuB,MAAMQ;AAAAA,QAE7B,CAAE,MAAKvB,2BAAmBC,aAAa;AAAA,UACrCC,YAAY;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,GAAIjB,UAAU,UAAU;AAAA,IACtBgC,iBAAiB;AAAA,IACjB,GAAIzB,YAAAA,MAAM2B,WAAWK;AAAAA,IAErB,CAAE,KAAIxB,mBAAAA,QAAmBqB,iBAAiBrB,2BAAmByB,iBAC3D;AAAA,MACE7B,aAAa;AAAA,IACf;AAAA,IACF,CAAE,KAAII,2BAAmB0B,WAAW;AAAA,MAClCT,iBAAiBU,SAAAA,MAAMC,SAAAA,SAAS1C,WAAW,GAAG,GAAG;AAAA,IACnD;AAAA,EACF;AAAA,EACA,GAAIJ,gBAAgB;AAAA,IAClBmC,iBAAiB;AAAA,IACjBpB,cAAc;AAAA,IACdV,QAAQ;AAAA,IACR,sBAAsB;AAAA,MACpB2B,WAAW;AAAA,MACX3B,QAAQ;AAAA,IACV;AAAA,EACF;AACF,IAAEpB,QAAAC,IAAAC,aACH,eAAA,KAAA,6tnBAAA;AAEH,MAAM4D,aAAaA,CAAC/D,MAClBgE,yCAAOhE,GAACC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA8D,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGP;AAKSC,MAAAA,gBAAgBC,iBAC3B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAOC;AAAAA,EACPC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,MAAMC;AAAAA,EACN1C,eAAe;AAAA,EACf2C,uBAAuB;AAAA,EACvBC,yBAAyB;AAAA,EACzBC,sBAAsB;AAAA,EACtB1C,uBAAuB;AAAA,EACvB2C,gBAAgB;AAAA,EAChB1B;AAAAA,EACAL;AAAAA,EACAgC;AAAAA,EACAC,eAAe,CAAC;AAAA,EAChBC,YAAY;AAAA,EACZC,WAAW;AAAA,KACRC;AACL,GACAC,gBACG;;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,EAAAA,IAAiBC,MAAAA,WAAWC,cAAAA,cAAc;AACzDC,QAAAA,eAAeF,iBAAWG,aAAAA,OAAY;AACtCC,QAAAA,sBAAsBJ,iBAAWK,oBAAAA,OAAmB;AAEpDnB,QAAAA,OAAOC,aAAYiB,2DAAqBlB,SAAQ;AACtD,QAAMoB,aAAapB,SAAS;AAEtBJ,QAAAA,SAAQC,gCAAauB,cAAa,QAAQ;AAE1CC,QAAAA,OAAOC,cACX,MAAMC,kBAAY5C,UAAU0B,aAAa,GACzC,CAAC1B,QAAQ0B,aAAa,CAAC;AAGnBmB,QAAAA,gBAAgBF,MAAAA,QAAQ,MAAMxC,WAAWuC,IAAI,GAAG,CAACA,IAAI,CAAC;AAE5D,QAAMI,YACJjC,eAAawB,kDAAcU,eAAdV,mBAA0BW,OAAM9G;AAE/C,QAAM+G,OACJH,cAAc5G,mBACV,OACAuG,aACA,iBACA;AACAS,QAAAA,YAAYC,kBAAYvC,QAAQ;AAEhCwC,QAAAA,cAAcjH,kBAAkB2G,SAAS;AAE/C,wCACGM,aAAW;AAAA,IACVC,KAAKrB;AAAAA,IACLiB;AAAAA,IACAhC;AAAAA,IACAF;AAAAA,IACAD,WAAWwC,cAAAA,QACTxC,WACAxC,mBAAmBiF,QAAAA,MACnBvC,mCAASuC,MACTjF,mBAAAA,QAAmB+C,OACnBL,mCAAUK,OACVI,uBACE6B,sBACEhF,mBAAAA,QAAmBmD,qBACnBT,mCAASS,mBAAmB,GAEhC1C,wBACEuE,cAAAA,QACEhF,mBAAmBS,QAAAA,sBACnBiC,mCAASjC,oBAAoB,GAEjCY,YAAY2D,sBAAKhF,2BAAmBqB,UAAUqB,mCAASrB,QAAQ,GAC/DK,UAAUsD,cAAAA,QAAKhF,mBAAAA,QAAmB0B,QAAQgB,mCAAShB,MAAM,GACzD6B,aAAayB,sBAAKhF,mBAAmBuD,QAAAA,WAAWb,mCAASa,SAAS,GAClEC,YAAYwB,cAAAA,QAAKhF,mBAAAA,QAAmBwD,UAAUd,mCAASc,QAAQ,GAC/DlD,gBACE0E,cAAAA,QAAKhF,mBAAAA,QAAmBM,cAAcoC,mCAASpC,YAAY,GAC7D2C,wBACE+B,cAAAA,QACEhF,2BAAmBiD,sBACnBP,mCAASO,oBAAoB,GAEjCC,0BACE8B,cAAAA,QACEhF,2BAAmBkD,wBACnBR,mCAASQ,sBAAsB,GAEnCa,aAAajB,YAAY,aACvBkC,cAAKhF,QAAAA,mBAAAA,QAAmBkF,aAAaxC,mCAASwC,WAAW,GAC3DrC,UAAU,aACRmC,cAAAA,QACEhF,mBAAoB,QAAA,QAAOmF,OAAWtC,WAAAA,KAAK,MAC3CH,mCAAW,QAAOyC,kBAAWtC,KAAK,IAAI,GAE1CC,YAAY,aACVkC,cAAAA,QACEhF,mBAAoB,QAAA,UAASmF,OAAAA,WAAWrC,OAAO,MAC/CJ,mCAAW,UAASyC,OAAAA,WAAWrC,OAAO,IAAI,CAC3C;AAAA,IAEL,aAAWzB,WAAW+B,gBAAgBgC;AAAAA,IACtCC,WAAWhE;AAAAA,IACX/C,SAASoD;AAAAA,IACTnD,YAAYgF;AAAAA,IACZ/E,WAAWgF;AAAAA,IACX/E,sBAAsB0E;AAAAA,IACtBzE,uBAAuB+B;AAAAA,IACvB9B,eAAe2B;AAAAA,IACf1B,uBAAuBqE;AAAAA,IACvBpE,yBAAyBqE;AAAAA,IACzBnE,QAAQ8D;AAAAA,IACR7D,UAAU8D;AAAAA,IACVhE,cAAciF,aAAajB,YAAY;AAAA,IACvC7D,OAAO8D;AAAAA,IACP7D,eACEyE,gDAAa7D,WAAb6D,mBAAqB2B,MAAM1B,cAAc1C,UAAS1B,kBAAMM,OAAOoB;AAAAA,IAChE,GACGuC;AAAAA,IAAMnB,0CAETiD,wCAAmB;AAAA,MAClB/C,WAAWwC,cACThF,QAAAA,2BAAmBwF,eACnB9C,mCAAS8C,eACT3C,UAAU,aACRmC,sBACEhF,mBAAAA,QAAoB,YAAWmF,OAAAA,WAAWtC,KAAK,MAC/CH,mCAAW,YAAWyC,OAAAA,WAAWtC,KAAK,IAAI,CAC3C;AAAA,MAEL9D,QAAQ8D;AAAAA,MAAMP,WAEb6B,cAAc9C,2CACZoE,mBAAAA,cAAY;AAAA,QACXjD,WAAWwC,cAAAA,QACThF,mBAAAA,QAAmB0F,YACnBhD,mCAASgD,UAAU;AAAA,QAErBC,MAAI;AAAA,QACJ7C,SAAQ;AAAA,QACR8C,oBAAoB;AAAA,QAAMtD,yCAEzBiC,eAAa;AAAA,UACZ/B,WAAWwC,cAAAA,QAAKhF,mBAAAA,QAAmBC,UAAUyC,mCAASzC,QAAQ;AAAA,QAAA,CAAE;AAAA,MAAA,CAGrE,GACD4F,2BAAAA,IAACC,qCAAgB;AAAA,QACfvD,WAAU;AAAA,QACVC,WAAWwC,cAAAA,QACT,CAACJ,aACCI,sBAAKhF,2BAAmB+F,YAAYrD,mCAASqD,UAAU,GACzDnB,aACEI,cAAAA,QACEhF,mBAAmBgG,QAAAA,iBACnBtD,mCAASsD,eAAe,GAE5B3E,YACE2D,sBACEhF,mBAAAA,QAAmBiG,oBACnBvD,mCAASuD,kBAAkB,CAC5B;AAAA,QAELnD,SAAQ;AAAA,QACRoD,aAAa,CAACtB;AAAAA,QACduB,kBAAkBvB;AAAAA,QAClBwB,qBAAqB/E;AAAAA,QAAS,GAC1BgC;AAAAA,QAAef;AAAAA,MAAAA,CAEV,GAEViB,aACCsC,2BAAAA,IAACQ,kCAAa;AAAA,QAAA,GACR/C;AAAAA,QACJd,WAAWwC,cAAAA,QAAKhF,mBAAAA,QAAmBsG,SAAS5D,mCAAS4D,OAAO;AAAA,MAAA,CAE/D,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAES;AAElB,CAAC;;"}
+{"version":3,"file":"TableHeader.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  ThHTMLAttributes,\n  useContext,\n  useMemo,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { capitalize } from \"lodash\";\nimport styled from \"@emotion/styled\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableHeaderClasses, HvTableHeaderClasses } from \".\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport {\n  StyledHeaderContent,\n  StyledResizer,\n  StyledButton,\n  StyledTypography,\n} from \"./TableHeader.styles\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport { HvThemeContext } from \"providers\";\nimport { HvTypographyProps } from \"../../Typography\";\n\nexport type HvTableHeaderProps = ThHTMLAttributes<HTMLElement> &\n  Omit<HvBaseProps, \"children\"> & {\n    /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */\n    component?: React.ElementType;\n    /** Content to be rendered */\n    children?: React.ReactNode;\n    /** The scope of cells that the header element relates to. */\n    scope?: \"col\" | \"row\" | \"colgroup\" | \"rowgroup\";\n    /** Set the text-align on the table cell content. */\n    align?: HvTableCellAlign;\n    /** Sets the cell's variant. */\n    variant?: HvTableCellVariant;\n    /** Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n    type?: HvTableCellType;\n    /** The cell is part of a sticky column. */\n    stickyColumn?: boolean;\n    /** The cell is part of the last sticky to the left column. */\n    stickyColumnMostLeft?: boolean;\n    /** The cell is part of the first sticky to the right column. */\n    stickyColumnLeastRight?: boolean;\n    /** The cell is part of the first column in the group. */\n    groupColumnMostLeft?: boolean;\n    /** The cell is part of the last column in the group. */\n    groupColumnMostRight?: boolean;\n    /** Whether or not the cell is sorted */\n    sorted?: boolean;\n    /** Whether or not the cell is sortable */\n    sortable?: boolean;\n    /** Set sort direction icon and aria-sort. */\n    sortDirection?: \"ascending\" | \"descending\" | false;\n    /** Extra props to be passed onto the text in the header. */\n    headerTextProps?: HvTypographyProps;\n    /** Whether or not the cell is resizable */\n    resizable?: boolean;\n    /** Whether or not the cell is being resized */\n    resizing?: boolean;\n    /** The resize props injected in the resize handler */\n    resizerProps?: HTMLAttributes<HTMLDivElement>;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvTableHeaderClasses;\n  };\n\nconst defaultComponent = \"th\";\n\ntype StyledTableHeaderProps = {\n  $sorted: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $variantList: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $atmo1Color: string;\n};\n\nconst StyledTableHeader = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $sorted,\n      $resizable,\n      $resizing,\n      $groupColumnMostLeft,\n      $groupColumnMostRight,\n      $stickyColumn,\n      $stickyColumnMostLeft,\n      $stickyColumnLeastRight,\n      $variantList,\n      $align,\n      $variant,\n      $type,\n      $atmo1Color,\n    }: StyledTableHeaderProps) => ({\n      // root\n      \"--first-row-cell-height\": \"52px\",\n      \"--cell-height\": \"32px\",\n      height: \"var(--cell-height)\",\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      paddingTop: 0,\n      paddingRight: theme.space.xs,\n      paddingBottom: 0,\n      paddingLeft: 32,\n      borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n      ...($sorted && {\n        [`& .${tableHeaderClasses.sortIcon}`]: {\n          visibility: \"visible\",\n        },\n      }),\n      ...($resizable && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($resizing && {\n        borderRight: `solid 2px ${theme.colors.acce1}`,\n      }),\n      ...($groupColumnMostLeft && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($groupColumnMostRight && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n        // due to the \":has()\" selector not being supported in browsers,\n        // this need to be managed with inline styles\n        // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n        // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n        \"&:last-child\": {\n          borderRight: 0,\n        },\n        [`&+:not(.${tableHeaderClasses.stickyColumn})`]: {\n          borderLeft: 0,\n        },\n      }),\n      ...($stickyColumn && {\n        position: \"sticky\",\n        zIndex: 2,\n\n        [`&.${tableHeaderClasses.groupColumnMostRight}+.${tableHeaderClasses.stickyColumn}`]:\n          {\n            borderLeft: 0,\n          },\n      }),\n      ...($stickyColumnMostLeft && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($stickyColumnLeastRight && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      // align\n      ...($align === \"center\" && {\n        textAlign: \"center\",\n      }),\n      ...($align === \"justify\" && {\n        textAlign: \"justify\",\n      }),\n      ...($align === \"left\" && {\n        textAlign: \"left\",\n      }),\n      ...($align === \"right\" && {\n        textAlign: \"right\",\n        flexDirection: \"row-reverse\",\n      }),\n      // variant\n      ...($variant === \"checkbox\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"actions\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"none\" && {\n        padding: 0,\n      }),\n      // type\n      ...($type === \"head\" && {\n        // \":first-of-type\": {\n        height: \"var(--first-row-cell-height)\",\n        borderTop: $variantList\n          ? 0\n          : `1px solid ${theme.table.headerBorderTopColor}`,\n        // },\n\n        paddingTop: 8,\n        verticalAlign: \"top\",\n\n        backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n        borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n        ...(theme.typography.label as CSSProperties),\n\n        transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n        [`&.${tableHeaderClasses.sortable}`]: {\n          verticalAlign: \"initial\",\n          paddingTop: 0,\n          paddingLeft: 0,\n          cursor: \"pointer\",\n\n          \"&:hover\": {\n            backgroundColor: theme.table.headerHoverColor,\n\n            [`& .${tableHeaderClasses.sortIcon}`]: {\n              visibility: \"visible\",\n            },\n          },\n          \"&:focus-within\": {\n            backgroundColor: theme.table.headerHoverColor,\n\n            [`& .${tableHeaderClasses.sortIcon}`]: {\n              visibility: \"visible\",\n            },\n          },\n        },\n      }),\n      ...($type === \"body\" && {\n        backgroundColor: \"inherit\",\n        ...(theme.typography.body as CSSProperties),\n\n        [`&.${tableHeaderClasses.sortable}:not(.${tableHeaderClasses.variantNone})`]:\n          {\n            paddingLeft: 32,\n          },\n        [`&.${tableHeaderClasses.sorted}`]: {\n          backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n        },\n      }),\n      ...($variantList && {\n        backgroundColor: \"inherit\",\n        borderBottom: 0,\n        height: 16,\n        \":first-of-type > &\": {\n          borderTop: 0,\n          height: 16,\n        },\n      }),\n    })\n  );\n\nconst StyledSort = (c: any) =>\n  styled(c)({\n    display: \"inline-flex\",\n    visibility: \"hidden\",\n  });\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nexport const HvTableHeader = forwardRef<HTMLElement, HvTableHeaderProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      scope: scopeProp,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sortDirection = \"none\",\n      sorted,\n      sortable,\n      headerTextProps,\n      resizerProps = {},\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useContext(HvThemeContext);\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n    const isHeadCell = type === \"head\";\n\n    const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n    const Sort = useMemo(\n      () => getSortIcon(sorted && sortDirection),\n      [sorted, sortDirection]\n    );\n\n    const SortComponent = useMemo(() => StyledSort(Sort), [Sort]);\n\n    const Component =\n      component || tableContext?.components?.Th || defaultComponent;\n\n    const role =\n      Component === defaultComponent\n        ? null\n        : isHeadCell\n        ? \"columnheader\"\n        : \"rowheader\";\n    const paragraph = isParagraph(children);\n\n    const TableHeader = StyledTableHeader(Component);\n\n    return (\n      <TableHeader\n        ref={externalRef}\n        role={role}\n        scope={scope}\n        style={style}\n        className={clsx(\n          className,\n          tableHeaderClasses.root,\n          classes?.root,\n          tableHeaderClasses[type],\n          classes?.[type],\n          groupColumnMostLeft &&\n            clsx(\n              tableHeaderClasses.groupColumnMostLeft,\n              classes?.groupColumnMostLeft\n            ),\n          groupColumnMostRight &&\n            clsx(\n              tableHeaderClasses.groupColumnMostRight,\n              classes?.groupColumnMostRight\n            ),\n          sortable && clsx(tableHeaderClasses.sortable, classes?.sortable),\n          sorted && clsx(tableHeaderClasses.sorted, classes?.sorted),\n          resizable && clsx(tableHeaderClasses.resizable, classes?.resizable),\n          resizing && clsx(tableHeaderClasses.resizing, classes?.resizing),\n          stickyColumn &&\n            clsx(tableHeaderClasses.stickyColumn, classes?.stickyColumn),\n          stickyColumnMostLeft &&\n            clsx(\n              tableHeaderClasses.stickyColumnMostLeft,\n              classes?.stickyColumnMostLeft\n            ),\n          stickyColumnLeastRight &&\n            clsx(\n              tableHeaderClasses.stickyColumnLeastRight,\n              classes?.stickyColumnLeastRight\n            ),\n          tableContext.variant === \"listrow\" &&\n            clsx(tableHeaderClasses.variantList, classes?.variantList),\n          align !== \"inherit\" &&\n            clsx(\n              tableHeaderClasses[`align${capitalize(align)}`],\n              classes?.[`align${capitalize(align)}`]\n            ),\n          variant !== \"default\" &&\n            clsx(\n              tableHeaderClasses[`variant${capitalize(variant)}`],\n              classes?.[`variant${capitalize(variant)}`]\n            )\n        )}\n        aria-sort={sortable ? sortDirection : undefined}\n        $sortable={sortable}\n        $sorted={sorted}\n        $resizable={resizable}\n        $resizing={resizing}\n        $groupColumnMostLeft={groupColumnMostLeft}\n        $groupColumnMostRight={groupColumnMostRight}\n        $stickyColumn={stickyColumn}\n        $stickyColumnMostLeft={stickyColumnMostLeft}\n        $stickyColumnLeastRight={stickyColumnLeastRight}\n        $align={align}\n        $variant={variant}\n        $variantList={tableContext.variant === \"listrow\"}\n        $type={type}\n        $atmo1Color={\n          activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n        }\n        {...others}\n      >\n        <StyledHeaderContent\n          className={clsx(\n            tableHeaderClasses.headerContent,\n            classes?.headerContent,\n            align !== \"inherit\" &&\n              clsx(\n                tableHeaderClasses[`alignFlex${capitalize(align)}`],\n                classes?.[`alignFlex${capitalize(align)}`]\n              )\n          )}\n          $align={align}\n        >\n          {isHeadCell && sortable && (\n            <StyledButton\n              className={clsx(\n                tableHeaderClasses.sortButton,\n                classes?.sortButton\n              )}\n              icon\n              variant=\"secondaryGhost\"\n              overrideIconColors={false}\n            >\n              <SortComponent\n                className={clsx(tableHeaderClasses.sortIcon, classes?.sortIcon)}\n              />\n            </StyledButton>\n          )}\n          <StyledTypography\n            component=\"div\"\n            className={clsx(\n              !paragraph &&\n                clsx(tableHeaderClasses.headerText, classes?.headerText),\n              paragraph &&\n                clsx(\n                  tableHeaderClasses.headerParagraph,\n                  classes?.headerParagraph\n                ),\n              sortable &&\n                clsx(\n                  tableHeaderClasses.sortableHeaderText,\n                  classes?.sortableHeaderText\n                )\n            )}\n            variant=\"label\"\n            $headerText={!paragraph}\n            $headerParagraph={paragraph}\n            $sortableHeaderText={sortable}\n            {...headerTextProps}\n          >\n            {children}\n          </StyledTypography>\n          {resizable && (\n            <StyledResizer\n              {...resizerProps}\n              className={clsx(tableHeaderClasses.resizer, classes?.resizer)}\n            />\n          )}\n        </StyledHeaderContent>\n      </TableHeader>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableHeader","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$sorted","$resizable","$resizing","$groupColumnMostLeft","$groupColumnMostRight","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$variantList","$align","$variant","$type","$atmo1Color","height","verticalAlign","textAlign","paddingTop","paddingRight","theme","space","xs","paddingBottom","paddingLeft","borderBottom","colors","atmo4","tableHeaderClasses","sortIcon","visibility","borderRight","acce1","borderLeft","stickyColumn","position","zIndex","groupColumnMostRight","flexDirection","padding","width","maxWidth","borderTop","table","headerBorderTopColor","backgroundColor","atmo1","typography","transition","sortable","cursor","headerHoverColor","body","variantNone","sorted","alpha","hexToRgb","StyledSort","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableHeader","forwardRef","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","sortDirection","headerTextProps","resizerProps","resizable","resizing","others","externalRef","activeTheme","selectedMode","useContext","HvThemeContext","tableContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","useMemo","getSortIcon","SortComponent","Component","components","Th","role","paragraph","isParagraph","TableHeader","clsx","root","variantList","capitalize","undefined","modes","jsxs","StyledHeaderContent","headerContent","jsx","StyledButton","sortButton","StyledTypography","headerText","headerParagraph","sortableHeaderText","StyledResizer","resizer"],"mappings":"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"}

package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const transientOptions = require("../../../utils/transientOptions.cjs");
 const tableHeaderClasses = require("./tableHeaderClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Button = require("../../Button/Button.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -48,10 +48,8 @@ const StyledHeaderContent = /* @__PURE__ */ _styled__default.default("div", proc
   ...$align === "right" && {
     justifyContent: "flex-end"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9UYWJsZUhlYWRlci9UYWJsZUhlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHRhYmxlSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi90YWJsZUhlYWRlckNsYXNzZXNcIjtcbi8vIGltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckNvbnRlbnQgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFsaWduIH06IHsgJGFsaWduOiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxuICBwYWRkaW5nVG9wOiA0LFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPikoe1xuICAvLyBUT0RPXG4gIC8vIFwiJHJvb3Qkc29ydGFibGUgJlwiOiB7XG4gIFtgLiR7dGFibGVIZWFkZXJDbGFzc2VzLnJvb3R9LiR7dGFibGVIZWFkZXJDbGFzc2VzLnNvcnRhYmxlfWBdOiB7XG4gICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */");
-const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9UYWJsZUhlYWRlci9UYWJsZUhlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHRhYmxlSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi90YWJsZUhlYWRlckNsYXNzZXNcIjtcbi8vIGltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckNvbnRlbnQgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFsaWduIH06IHsgJGFsaWduOiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxuICBwYWRkaW5nVG9wOiA0LFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPikoe1xuICAvLyBUT0RPXG4gIC8vIFwiJHJvb3Qkc29ydGFibGUgJlwiOiB7XG4gIFtgLiR7dGFibGVIZWFkZXJDbGFzc2VzLnJvb3R9LiR7dGFibGVIZWFkZXJDbGFzc2VzLnNvcnRhYmxlfWBdOiB7XG4gICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICAvLyBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */");
+const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "etcp1bl2"
 } : {
   target: "etcp1bl2",
@@ -64,10 +62,8 @@ const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__P
       backgroundColor: "red"
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-  ...props
-}), process.env.NODE_ENV === "production" ? _extends({}, {
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
+const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "etcp1bl1"
 }, transientOptions.transientOptions) : _extends({}, {
   target: "etcp1bl1",
@@ -83,14 +79,12 @@ const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /*
   },
   ...$headerParagraph && {
     overflow: "hidden",
-    display: "-webkit-box",
-    "-webkit-line-clamp": 2,
-    "-webkit-box-orient": "vertical"
+    display: "-webkit-box"
   },
   ...$sortableHeaderText && {
     paddingTop: "8px"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
 const StyledResizer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "etcp1bl0"
 } : {
@@ -102,7 +96,7 @@ const StyledResizer = /* @__PURE__ */ _styled__default.default("div", process.en
 } : {
   name: "w65b5p",
   styles: "display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:1;touch-action:none",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.StyledButton = StyledButton;

package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.styles.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport tableHeaderClasses from \"./tableHeaderClasses\";\n// import { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledHeaderContent = styled(\n  \"div\",\n  transientOptions\n)(({ $align }: { $align: string }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  paddingTop: 4,\n  // align\n  ...($align === \"center\" && {\n    justifyContent: \"center\",\n  }),\n  ...($align === \"justify\" && {\n    textAlign: \"justify\",\n  }),\n  ...($align === \"left\" && {\n    justifyContent: \"flex-start\",\n  }),\n  ...($align === \"right\" && {\n    justifyContent: \"flex-end\",\n  }),\n}));\n\nexport const StyledButton = styled((props) => <HvButton {...props} />)({\n  // TODO\n  // \"$root$sortable &\": {\n  [`.${tableHeaderClasses.root}.${tableHeaderClasses.sortable}`]: {\n    boxShadow: \"none\",\n    backgroundColor: \"transparent\",\n    \"&:hover\": {\n      backgroundColor: \"red\",\n    },\n  },\n});\n\nexport const StyledTypography = styled(\n  (props) => <HvTypography {...props} />,\n  transientOptions\n)(\n  ({\n    $headerText,\n    $headerParagraph,\n    $sortableHeaderText,\n  }: {\n    $headerText: boolean;\n    $headerParagraph: boolean;\n    $sortableHeaderText: boolean;\n  }) => ({\n    ...($headerText && {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    }),\n    ...($headerParagraph && {\n      overflow: \"hidden\",\n      display: \"-webkit-box\",\n      \"-webkit-line-clamp\": 2,\n      \"-webkit-box-orient\": \"vertical\",\n    }),\n    ...($sortableHeaderText && {\n      paddingTop: \"8px\",\n    }),\n  })\n);\n\nexport const StyledResizer = styled(\"div\")({\n  display: \"inline-block\",\n  width: 10,\n  height: \"100%\",\n  position: \"absolute\",\n  right: 0,\n  top: 0,\n  transform: \"translateX(50%)\",\n  zIndex: 1,\n  touchAction: \"none\",\n});\n"],"names":["StyledHeaderContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$align","display","alignItems","paddingTop","justifyContent","textAlign","StyledButton","_styled","props","_jsx","HvButton","tableHeaderClasses","root","sortable","boxShadow","backgroundColor","StyledTypography","HvTypography","$headerText","$headerParagraph","$sortableHeaderText","overflow","textOverflow","StyledResizer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,+DACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA2B,OAAO;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,YAAY;AAAA,EAEZ,GAAIH,WAAW,YAAY;AAAA,IACzBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,aAAa;AAAA,IAC1BK,WAAW;AAAA,EACb;AAAA,EACA,GAAIL,WAAW,UAAU;AAAA,IACvBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,WAAW;AAAA,IACxBI,gBAAgB;AAAA,EAClB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,6mGAAA;AAEI,MAAMW,eAAeC,iCAAAA,QAAQC,CAAUC,UAAAA,2BAAAA,IAACC,OAAAA,UAAQ;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAGrE,CAAE,IAAGY,2BAAmBC,QAAQD,2BAAmBE,aAAa;AAAA,IAC9DC,WAAW;AAAA,IACXC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTA,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF,GAACtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6mGAAA;AAEK,MAAMqB,mBAAmBT,iCAAAA,QAC7BC,CAAUC,UAAAA,2BAAAA,IAACQ,WAAAA,cAAY;AAAA,EAAA,GAAKT;AAAK,CAAA,GAAIf,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACtCC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCoB;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACL,GAAIF,eAAe;AAAA,IACjBG,UAAU;AAAA,IACVC,cAAc;AAAA,EAChB;AAAA,EACA,GAAIH,oBAAoB;AAAA,IACtBE,UAAU;AAAA,IACVpB,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,EACxB;AAAA,EACA,GAAImB,uBAAuB;AAAA,IACzBjB,YAAY;AAAA,EACd;AACF,IAAEV,QAAAC,IAAAC,aACH,eAAA,KAAA,6mGAAA;AAEM,MAAM4B,gBAAuBhB,iCAAA,QAAA,OAAKd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUxC;;;;;"}
+{"version":3,"file":"TableHeader.styles.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport tableHeaderClasses from \"./tableHeaderClasses\";\n// import { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledHeaderContent = styled(\n  \"div\",\n  transientOptions\n)(({ $align }: { $align: string }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  paddingTop: 4,\n  // align\n  ...($align === \"center\" && {\n    justifyContent: \"center\",\n  }),\n  ...($align === \"justify\" && {\n    textAlign: \"justify\",\n  }),\n  ...($align === \"left\" && {\n    justifyContent: \"flex-start\",\n  }),\n  ...($align === \"right\" && {\n    justifyContent: \"flex-end\",\n  }),\n}));\n\nexport const StyledButton = styled((props) => <HvButton {...props} />)({\n  // TODO\n  // \"$root$sortable &\": {\n  [`.${tableHeaderClasses.root}.${tableHeaderClasses.sortable}`]: {\n    boxShadow: \"none\",\n    backgroundColor: \"transparent\",\n    \"&:hover\": {\n      backgroundColor: \"red\",\n    },\n  },\n});\n\nexport const StyledTypography = styled(\n  (props) => <HvTypography {...props} />,\n  transientOptions\n)(\n  ({\n    $headerText,\n    $headerParagraph,\n    $sortableHeaderText,\n  }: {\n    $headerText: boolean;\n    $headerParagraph: boolean;\n    $sortableHeaderText: boolean;\n  }) => ({\n    ...($headerText && {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    }),\n    ...($headerParagraph && {\n      overflow: \"hidden\",\n      display: \"-webkit-box\",\n      // \"-webkit-line-clamp\": 2,\n      // \"-webkit-box-orient\": \"vertical\",\n    }),\n    ...($sortableHeaderText && {\n      paddingTop: \"8px\",\n    }),\n  })\n);\n\nexport const StyledResizer = styled(\"div\")({\n  display: \"inline-block\",\n  width: 10,\n  height: \"100%\",\n  position: \"absolute\",\n  right: 0,\n  top: 0,\n  transform: \"translateX(50%)\",\n  zIndex: 1,\n  touchAction: \"none\",\n});\n"],"names":["StyledHeaderContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$align","display","alignItems","paddingTop","justifyContent","textAlign","StyledButton","props","jsx","HvButton","tableHeaderClasses","root","sortable","boxShadow","backgroundColor","StyledTypography","_styled","HvTypography","$headerText","$headerParagraph","$sortableHeaderText","overflow","textOverflow","StyledResizer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,+DACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA2B,OAAO;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,YAAY;AAAA,EAEZ,GAAIH,WAAW,YAAY;AAAA,IACzBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,aAAa;AAAA,IAC1BK,WAAW;AAAA,EACb;AAAA,EACA,GAAIL,WAAW,UAAU;AAAA,IACvBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,WAAW;AAAA,IACxBI,gBAAgB;AAAA,EAClB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnGAAA;AAEUW,MAAAA,eAAuBC,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAC,OAAAA,UAAA,EAAaF,GAAAA,MAAAA,CAAS,GAAAd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAGrE,CAAE,IAAGW,2BAAmBC,QAAQD,2BAAmBE,aAAa;AAAA,IAC9DC,WAAW;AAAA,IACXC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTA,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnGAAA;AAEK,MAAMoB,mBAAmBC,iCAAAA,QAC7BT,CAAU,UAAAC,2BAAAA,IAACS,WAAAA,mBAAiBV,UAASd,QAAAC,IAAAC,aAAA,eAAAC,SAAA,CAAA,GAAA;AAAA,EAAAC,QAAA;AAAA,GACtCC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCoB;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACL,GAAIF,eAAe;AAAA,IACjBG,UAAU;AAAA,IACVC,cAAc;AAAA,EAChB;AAAA,EACA,GAAIH,oBAAoB;AAAA,IACtBE,UAAU;AAAA,IACVpB,SAAS;AAAA,EAGX;AAAA,EACA,GAAImB,uBAAuB;AAAA,IACzBjB,YAAY;AAAA,EACd;AACF,IAAEV,QAAAC,IAAAC,aACH,eAAA,KAAA,qnGAAA;AAEM,MAAM4B,gBAAuBP,iCAAA,QAAA,OAAKvB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUxC;;;;;"}

package/dist/cjs/components/Table/TableRow/TableRow.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const clsx = require("clsx");
 const material = require("@mui/material");
@@ -9,7 +10,6 @@ const transientOptions = require("../../../utils/transientOptions.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const utils = require("../utils/utils.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const tableRowClasses = require("./tableRowClasses.cjs");
 const ThemeProvider = require("../../../providers/ThemeProvider.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -132,20 +132,7 @@ const HvTableRow = React.forwardRef(({
   const isList = tableContext.variant === "listrow";
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.Tr) || defaultComponent;
   const TableRow = React.useMemo(() => StyledTableRow(Component), [Component]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TableRow, {
-    ref: externalRef,
-    className: clsx__default.default(className, tableSectionContext.filterClassName, tableRowClasses.default.root, classes == null ? void 0 : classes.root, tableRowClasses.default[type], classes == null ? void 0 : classes[type], hover && clsx__default.default(tableRowClasses.default.hover, classes == null ? void 0 : classes.hover), selected && clsx__default.default(tableRowClasses.default.selected, classes == null ? void 0 : classes.selected), expanded && clsx__default.default(tableRowClasses.default.expanded, classes == null ? void 0 : classes.expanded), striped && clsx__default.default(tableRowClasses.default.striped, classes == null ? void 0 : classes.striped), isList && type === "body" && clsx__default.default(tableRowClasses.default.variantList, classes == null ? void 0 : classes.variantList), isList && type === "head" && clsx__default.default(tableRowClasses.default.variantListHead, classes == null ? void 0 : classes.variantListHead)),
-    role: Component === defaultComponent ? null : "row",
-    $hover: hover,
-    $selected: selected,
-    $expanded: expanded,
-    $striped: striped,
-    $variantList: isList && type === "body",
-    $variantListHead: isList && type === "head",
-    $type: type,
-    $stripedColor: material.alpha(material.hexToRgb(((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || uikitStyles.theme.colors.atmo1), 0.6),
-    ...others
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(TableRow, { ref: externalRef, className: clsx__default.default(className, tableSectionContext.filterClassName, tableRowClasses.default.root, classes == null ? void 0 : classes.root, tableRowClasses.default[type], classes == null ? void 0 : classes[type], hover && clsx__default.default(tableRowClasses.default.hover, classes == null ? void 0 : classes.hover), selected && clsx__default.default(tableRowClasses.default.selected, classes == null ? void 0 : classes.selected), expanded && clsx__default.default(tableRowClasses.default.expanded, classes == null ? void 0 : classes.expanded), striped && clsx__default.default(tableRowClasses.default.striped, classes == null ? void 0 : classes.striped), isList && type === "body" && clsx__default.default(tableRowClasses.default.variantList, classes == null ? void 0 : classes.variantList), isList && type === "head" && clsx__default.default(tableRowClasses.default.variantListHead, classes == null ? void 0 : classes.variantListHead)), role: Component === defaultComponent ? null : "row", $hover: hover, $selected: selected, $expanded: expanded, $striped: striped, $variantList: isList && type === "body", $variantListHead: isList && type === "head", $type: type, $stripedColor: material.alpha(material.hexToRgb(((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || uikitStyles.theme.colors.atmo1), 0.6), ...others });
 });
 exports.HvTableRow = HvTableRow;
 //# sourceMappingURL=TableRow.cjs.map

package/dist/cjs/components/Table/TableRow/TableRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport { HvBaseProps } from \"../../../types/index\";\nimport { tableRowClasses, HvTableRowClasses } from \".\";\nimport { forwardRef, useContext, useMemo } from \"react\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeContext } from \"providers\";\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport type HvTableRowProps = Omit<HvBaseProps, \"children\"> & {\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */\n  component?: React.ElementType;\n  /** Whether the table row will shade on hover. */\n  hover?: boolean;\n  /** Whether the table row will have the selected shading. */\n  selected?: boolean;\n  /** Whether the table row is expanded. */\n  expanded?: boolean;\n  /** Whether the table row background is striped. */\n  striped?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableRowClasses;\n};\n\nconst defaultComponent = \"tr\";\n\nconst StyledTableRow = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $hover,\n      $selected,\n      $expanded,\n      $striped,\n      $variantList,\n      $variantListHead,\n      $stripedColor,\n      $type,\n    }: {\n      $hover: boolean;\n      $selected: boolean;\n      $expanded: boolean;\n      $striped: boolean;\n      $variantList: boolean;\n      $variantListHead: boolean;\n      $type: string;\n      $stripedColor: string;\n    }) => ({\n      backgroundColor: theme.table.rowBackgroundColor,\n      \":hover\": {\n        ...($type === \"body\" && {\n          backgroundColor: theme.table.rowHoverColor,\n        }),\n      },\n      ...($hover && {\n        transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n        \"&:hover\": {\n          backgroundColor: theme.table.rowHoverColor,\n        },\n      }),\n      ...($selected && {\n        backgroundColor: theme.table.selectedRowBackgroundColor,\n      }),\n      ...($expanded && {\n        \"& > *[role=cell]\": {\n          borderBottom: \"none\",\n        },\n        [`&.${tableRowClasses.expanded}`]: {\n          backgroundColor: theme.colors.atmo1,\n        },\n      }),\n      ...($striped && {\n        \"&:nth-of-type(even)\": {\n          backgroundColor: $stripedColor,\n          \"&:hover\": {\n            backgroundColor: theme.table.rowHoverColor,\n          },\n        },\n      }),\n\n      // type\n      ...($type === \"head\" && {\n        backgroundColor: \"transparent\",\n        \"&:first-of-type\": {\n          height: 52,\n        },\n\n        \"tr&:first-of-type\": {\n          height: 52,\n        },\n      }),\n\n      ...($variantList && {\n        borderBottom: 0,\n        ...(!$selected && {\n          backgroundColor: theme.colors.atmo1,\n        }),\n        height: 52,\n        \"&:hover\": {\n          ...getBorderStyles(\"row\", theme.table.rowHoverBorderColor),\n        },\n        [`&.${tableRowClasses.selected}`]: {\n          ...getBorderStyles(\"row\", theme.colors.acce1),\n\n          \"&:hover\": {\n            ...getBorderStyles(\"row\", theme.table.rowHoverBorderColor),\n          },\n        },\n      }),\n      ...($variantListHead && {\n        height: 16,\n        \"&:first-of-type\": {\n          height: 16,\n        },\n\n        \"tr&:first-of-type\": {\n          height: 16,\n        },\n      }),\n    })\n  );\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n  (\n    {\n      classes,\n      className,\n      component,\n      hover = false,\n      selected = false,\n      expanded = false,\n      striped = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useContext(HvThemeContext);\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const type = tableSectionContext?.type || \"body\";\n\n    const isList = tableContext.variant === \"listrow\";\n\n    const Component =\n      component || tableContext?.components?.Tr || defaultComponent;\n\n    const TableRow = useMemo(() => StyledTableRow(Component), [Component]);\n\n    return (\n      <TableRow\n        ref={externalRef}\n        className={clsx(\n          className,\n          tableSectionContext.filterClassName,\n          tableRowClasses.root,\n          classes?.root,\n          tableRowClasses[type],\n          classes?.[type],\n          hover && clsx(tableRowClasses.hover, classes?.hover),\n          selected && clsx(tableRowClasses.selected, classes?.selected),\n          expanded && clsx(tableRowClasses.expanded, classes?.expanded),\n          striped && clsx(tableRowClasses.striped, classes?.striped),\n          isList &&\n            type === \"body\" &&\n            clsx(tableRowClasses.variantList, classes?.variantList),\n          isList &&\n            type === \"head\" &&\n            clsx(tableRowClasses.variantListHead, classes?.variantListHead)\n        )}\n        role={Component === defaultComponent ? null : \"row\"}\n        $hover={hover}\n        $selected={selected}\n        $expanded={expanded}\n        $striped={striped}\n        $variantList={isList && type === \"body\"}\n        $variantListHead={isList && type === \"head\"}\n        $type={type}\n        $stripedColor={alpha(\n          hexToRgb(\n            activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n          ),\n          0.6\n        )}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableRow","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$hover","$selected","$expanded","$striped","$variantList","$variantListHead","$stripedColor","$type","backgroundColor","theme","table","rowBackgroundColor","rowHoverColor","transition","selectedRowBackgroundColor","borderBottom","tableRowClasses","expanded","colors","atmo1","height","getBorderStyles","rowHoverBorderColor","selected","acce1","HvTableRow","forwardRef","classes","className","component","hover","striped","others","externalRef","activeTheme","selectedMode","useContext","HvThemeContext","tableContext","TableContext","tableSectionContext","TableSectionContext","type","isList","variant","Component","components","Tr","TableRow","useMemo","ref","clsx","filterClassName","root","variantList","variantListHead","role","alpha","hexToRgb","modes"],"mappings":"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"}
+{"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport { HvBaseProps } from \"../../../types/index\";\nimport { tableRowClasses, HvTableRowClasses } from \".\";\nimport { forwardRef, useContext, useMemo } from \"react\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeContext } from \"providers\";\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport type HvTableRowProps = Omit<HvBaseProps, \"children\"> & {\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */\n  component?: React.ElementType;\n  /** Whether the table row will shade on hover. */\n  hover?: boolean;\n  /** Whether the table row will have the selected shading. */\n  selected?: boolean;\n  /** Whether the table row is expanded. */\n  expanded?: boolean;\n  /** Whether the table row background is striped. */\n  striped?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableRowClasses;\n};\n\nconst defaultComponent = \"tr\";\n\nconst StyledTableRow = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $hover,\n      $selected,\n      $expanded,\n      $striped,\n      $variantList,\n      $variantListHead,\n      $stripedColor,\n      $type,\n    }: {\n      $hover: boolean;\n      $selected: boolean;\n      $expanded: boolean;\n      $striped: boolean;\n      $variantList: boolean;\n      $variantListHead: boolean;\n      $type: string;\n      $stripedColor: string;\n    }) => ({\n      backgroundColor: theme.table.rowBackgroundColor,\n      \":hover\": {\n        ...($type === \"body\" && {\n          backgroundColor: theme.table.rowHoverColor,\n        }),\n      },\n      ...($hover && {\n        transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n        \"&:hover\": {\n          backgroundColor: theme.table.rowHoverColor,\n        },\n      }),\n      ...($selected && {\n        backgroundColor: theme.table.selectedRowBackgroundColor,\n      }),\n      ...($expanded && {\n        \"& > *[role=cell]\": {\n          borderBottom: \"none\",\n        },\n        [`&.${tableRowClasses.expanded}`]: {\n          backgroundColor: theme.colors.atmo1,\n        },\n      }),\n      ...($striped && {\n        \"&:nth-of-type(even)\": {\n          backgroundColor: $stripedColor,\n          \"&:hover\": {\n            backgroundColor: theme.table.rowHoverColor,\n          },\n        },\n      }),\n\n      // type\n      ...($type === \"head\" && {\n        backgroundColor: \"transparent\",\n        \"&:first-of-type\": {\n          height: 52,\n        },\n\n        \"tr&:first-of-type\": {\n          height: 52,\n        },\n      }),\n\n      ...($variantList && {\n        borderBottom: 0,\n        ...(!$selected && {\n          backgroundColor: theme.colors.atmo1,\n        }),\n        height: 52,\n        \"&:hover\": {\n          ...getBorderStyles(\"row\", theme.table.rowHoverBorderColor),\n        },\n        [`&.${tableRowClasses.selected}`]: {\n          ...getBorderStyles(\"row\", theme.colors.acce1),\n\n          \"&:hover\": {\n            ...getBorderStyles(\"row\", theme.table.rowHoverBorderColor),\n          },\n        },\n      }),\n      ...($variantListHead && {\n        height: 16,\n        \"&:first-of-type\": {\n          height: 16,\n        },\n\n        \"tr&:first-of-type\": {\n          height: 16,\n        },\n      }),\n    })\n  );\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n  (\n    {\n      classes,\n      className,\n      component,\n      hover = false,\n      selected = false,\n      expanded = false,\n      striped = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useContext(HvThemeContext);\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const type = tableSectionContext?.type || \"body\";\n\n    const isList = tableContext.variant === \"listrow\";\n\n    const Component =\n      component || tableContext?.components?.Tr || defaultComponent;\n\n    const TableRow = useMemo(() => StyledTableRow(Component), [Component]);\n\n    return (\n      <TableRow\n        ref={externalRef}\n        className={clsx(\n          className,\n          tableSectionContext.filterClassName,\n          tableRowClasses.root,\n          classes?.root,\n          tableRowClasses[type],\n          classes?.[type],\n          hover && clsx(tableRowClasses.hover, classes?.hover),\n          selected && clsx(tableRowClasses.selected, classes?.selected),\n          expanded && clsx(tableRowClasses.expanded, classes?.expanded),\n          striped && clsx(tableRowClasses.striped, classes?.striped),\n          isList &&\n            type === \"body\" &&\n            clsx(tableRowClasses.variantList, classes?.variantList),\n          isList &&\n            type === \"head\" &&\n            clsx(tableRowClasses.variantListHead, classes?.variantListHead)\n        )}\n        role={Component === defaultComponent ? null : \"row\"}\n        $hover={hover}\n        $selected={selected}\n        $expanded={expanded}\n        $striped={striped}\n        $variantList={isList && type === \"body\"}\n        $variantListHead={isList && type === \"head\"}\n        $type={type}\n        $stripedColor={alpha(\n          hexToRgb(\n            activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n          ),\n          0.6\n        )}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableRow","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$hover","$selected","$expanded","$striped","$variantList","$variantListHead","$stripedColor","$type","backgroundColor","theme","table","rowBackgroundColor","rowHoverColor","transition","selectedRowBackgroundColor","borderBottom","tableRowClasses","expanded","colors","atmo1","height","getBorderStyles","rowHoverBorderColor","selected","acce1","HvTableRow","forwardRef","classes","className","component","hover","striped","others","externalRef","activeTheme","selectedMode","useContext","HvThemeContext","tableContext","TableContext","tableSectionContext","TableSectionContext","type","isList","variant","Component","components","Tr","TableRow","useMemo","jsx","clsx","filterClassName","root","variantList","variantListHead","alpha","hexToRgb","modes"],"mappings":"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"}

package/dist/cjs/components/Table/hooks/useRowExpand.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const useLabels = require("../../../hooks/useLabels.cjs");
 const Button = require("../../Button/Button.cjs");
 const Typography = require("../../Typography/Typography.cjs");
@@ -18,20 +18,10 @@ const CellWithExpandButton = ({
   const {
     onClick
   } = row.getToggleRowExpandedProps();
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-      icon: true,
-      variant: "secondaryGhost",
-      "aria-label": row.isExpanded ? labels.collapseRowButtonAriaLabel : labels.expandRowButtonAriaLabel,
-      "aria-expanded": row.isExpanded,
-      onClick,
-      children: row.isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {})
-    }), (cell == null ? void 0 : cell.value) && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-      variant: "label",
-      component: "span",
-      children: cell.value
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { icon: true, variant: "secondaryGhost", "aria-label": row.isExpanded ? labels.collapseRowButtonAriaLabel : labels.expandRowButtonAriaLabel, "aria-expanded": row.isExpanded, onClick, children: row.isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {}) }),
+    (cell == null ? void 0 : cell.value) && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "label", component: "span", children: cell.value })
+  ] });
 };
 const visibleColumnsHook = (columns, {
   instance

package/dist/cjs/components/Table/hooks/useRowExpand.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRowExpand.cjs","sources":["../../../../../src/components/Table/hooks/useRowExpand.tsx"],"sourcesContent":["import { MouseEventHandler } from \"react\";\nimport {\n  Hooks,\n  TableExpandedToggleProps,\n  UseExpandedRowProps,\n} from \"react-table\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, HvTypography } from \"components\";\nimport { useLabels } from \"hooks\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvRowExpandTableRowProps {\n  expanded?: boolean;\n}\n\nexport type UseHvRowExpandTableOptions = {\n  disableCreateExpandButton?: boolean;\n};\n\nexport interface UseHvRowExpandRowToggleProps extends TableExpandedToggleProps {\n  onClick?: MouseEventHandler<unknown>;\n}\n\nexport interface UseHvRowExpandRowInstance<\n  D extends object = Record<string, unknown>\n> extends UseExpandedRowProps<D> {\n  getToggleRowExpandedProps: (\n    props?: Partial<TableExpandedToggleProps>\n  ) => UseHvRowExpandRowToggleProps;\n}\n\nexport type UseRowExpandProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst DEFAULT_LABELS = {\n  expandRowButtonAriaLabel: \"Expand this row\",\n  collapseRowButtonAriaLabel: \"Collapse this row\",\n};\n\nexport const CellWithExpandButton = ({ row, cell, labels: labelsProp }) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const { onClick } = row.getToggleRowExpandedProps();\n\n  return (\n    <>\n      <HvButton\n        icon\n        variant=\"secondaryGhost\"\n        aria-label={\n          row.isExpanded\n            ? labels.collapseRowButtonAriaLabel\n            : labels.expandRowButtonAriaLabel\n        }\n        aria-expanded={row.isExpanded}\n        onClick={onClick}\n      >\n        {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n      </HvButton>\n      {cell?.value && (\n        <HvTypography variant=\"label\" component=\"span\">\n          {cell.value}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n\nconst visibleColumnsHook = (columns, { instance }) => {\n  if (instance.disableCreateExpandButton) {\n    return columns;\n  }\n\n  // add a button to first data column, unless it has a custom renderer\n  // if so, add an extra column instead\n  const firstDataColumnIndex = columns.findIndex(\n    (c) => c.id?.indexOf(\"_hv_\") !== 0\n  );\n\n  if (firstDataColumnIndex !== -1) {\n    const firstDataColumn = columns[firstDataColumnIndex];\n\n    if (firstDataColumn.Cell == null) {\n      firstDataColumn.Cell = CellWithExpandButton;\n      firstDataColumn.variant = \"expand\";\n\n      return columns;\n    }\n  }\n\n  const expandColumn = {\n    id: \"_hv_expand\",\n    variant: \"none\",\n\n    width: 32,\n\n    // this will only work when using useHvTableSticky\n    // but ensures it stays left of any sticky column\n    sticky: \"left\",\n\n    Cell: CellWithExpandButton,\n  };\n\n  const columnsCopy = [...columns];\n  columnsCopy.splice(\n    firstDataColumnIndex !== -1 ? firstDataColumnIndex : 0,\n    0,\n    expandColumn\n  );\n\n  return columnsCopy;\n};\n\nconst getRowPropsHook = (props, { row }) => {\n  const nextProps: UseHvRowExpandTableRowProps = {\n    expanded: row.isExpanded,\n  };\n\n  return [props, nextProps];\n};\n\nconst useRowExpand: UseRowExpandProps = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.getRowProps.push(getRowPropsHook);\n};\nuseRowExpand.pluginName = \"useHvRowExpand\";\n\nexport default useRowExpand;\n"],"names":["DEFAULT_LABELS","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","CellWithExpandButton","row","cell","labels","labelsProp","useLabels","onClick","getToggleRowExpandedProps","_Fragment","children","_jsx","HvButton","icon","variant","isExpanded","DropDownXS","DropRightXS","value","HvTypography","component","visibleColumnsHook","columns","instance","disableCreateExpandButton","firstDataColumnIndex","findIndex","c","id","indexOf","firstDataColumn","Cell","expandColumn","width","sticky","columnsCopy","splice","getRowPropsHook","props","nextProps","expanded","useRowExpand","hooks","visibleColumns","push","getRowProps","pluginName"],"mappings":";;;;;;;AAsCA,MAAMA,iBAAiB;AAAA,EACrBC,0BAA0B;AAAA,EAC1BC,4BAA4B;AAC9B;AAEO,MAAMC,uBAAuBA,CAAC;AAAA,EAAEC;AAAAA,EAAKC;AAAAA,EAAMC,QAAQC;AAAW,MAAM;AACnED,QAAAA,SAASE,UAAAA,UAAUR,gBAAgBO,UAAU;AAE7C,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYL,IAAIM;AAExB,yCACEC,WAAAA,UAAA;AAAA,IAAAC,UAAA,CACEC,2BAAAA,IAACC,iBAAQ;AAAA,MACPC,MAAI;AAAA,MACJC,SAAQ;AAAA,MACR,cACEZ,IAAIa,aACAX,OAAOJ,6BACPI,OAAOL;AAAAA,MAEb,iBAAeG,IAAIa;AAAAA,MACnBR;AAAAA,MAAiBG,UAEhBR,IAAIa,aAAcC,+BAAAA,gBAAAA,YAAa,CAAA,CAAA,IAAGL,2BAAAA,IAACM,gBAAW,aAAA,EAAA;AAAA,IAAG,CAAA,IAEnDd,6BAAMe,yCACJC,WAAAA,cAAY;AAAA,MAACL,SAAQ;AAAA,MAAQM,WAAU;AAAA,MAAMV,UAC3CP,KAAKe;AAAAA,IAAAA,CAET,CAAA;AAAA,EAAA,CACA;AAEP;AAEA,MAAMG,qBAAqBA,CAACC,SAAS;AAAA,EAAEC;AAAS,MAAM;AACpD,MAAIA,SAASC,2BAA2B;AAC/BF,WAAAA;AAAAA,EACT;AAIMG,QAAAA,uBAAuBH,QAAQI,UAClCC,CAAAA,MAAAA;;AAAMA,oBAAEC,OAAFD,mBAAME,QAAQ,aAAY;AAAA,GAAC;AAGpC,MAAIJ,yBAAyB,IAAI;AAC/B,UAAMK,kBAAkBR,QAAQG;AAE5BK,QAAAA,gBAAgBC,QAAQ,MAAM;AAChCD,sBAAgBC,OAAO9B;AACvB6B,sBAAgBhB,UAAU;AAEnBQ,aAAAA;AAAAA,IACT;AAAA,EACF;AAEA,QAAMU,eAAe;AAAA,IACnBJ,IAAI;AAAA,IACJd,SAAS;AAAA,IAETmB,OAAO;AAAA,IAIPC,QAAQ;AAAA,IAERH,MAAM9B;AAAAA,EAAAA;AAGFkC,QAAAA,cAAc,CAAC,GAAGb,OAAO;AAC/Ba,cAAYC,OACVX,yBAAyB,KAAKA,uBAAuB,GACrD,GACAO,YAAY;AAGPG,SAAAA;AACT;AAEA,MAAME,kBAAkBA,CAACC,OAAO;AAAA,EAAEpC;AAAI,MAAM;AAC1C,QAAMqC,YAAyC;AAAA,IAC7CC,UAAUtC,IAAIa;AAAAA,EAAAA;AAGT,SAAA,CAACuB,OAAOC,SAAS;AAC1B;AAEA,MAAME,eAAmCC,CAAU,UAAA;AAC3CC,QAAAA,eAAeC,KAAKvB,kBAAkB;AACtCwB,QAAAA,YAAYD,KAAKP,eAAe;AACxC;AACAI,aAAaK,aAAa;AAE1B,MAAA,iBAAeL;;;"}
+{"version":3,"file":"useRowExpand.cjs","sources":["../../../../../src/components/Table/hooks/useRowExpand.tsx"],"sourcesContent":["import { MouseEventHandler } from \"react\";\nimport {\n  Hooks,\n  TableExpandedToggleProps,\n  UseExpandedRowProps,\n} from \"react-table\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, HvTypography } from \"components\";\nimport { useLabels } from \"hooks\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvRowExpandTableRowProps {\n  expanded?: boolean;\n}\n\nexport type UseHvRowExpandTableOptions = {\n  disableCreateExpandButton?: boolean;\n};\n\nexport interface UseHvRowExpandRowToggleProps extends TableExpandedToggleProps {\n  onClick?: MouseEventHandler<unknown>;\n}\n\nexport interface UseHvRowExpandRowInstance<\n  D extends object = Record<string, unknown>\n> extends UseExpandedRowProps<D> {\n  getToggleRowExpandedProps: (\n    props?: Partial<TableExpandedToggleProps>\n  ) => UseHvRowExpandRowToggleProps;\n}\n\nexport type UseRowExpandProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst DEFAULT_LABELS = {\n  expandRowButtonAriaLabel: \"Expand this row\",\n  collapseRowButtonAriaLabel: \"Collapse this row\",\n};\n\nexport const CellWithExpandButton = ({ row, cell, labels: labelsProp }) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const { onClick } = row.getToggleRowExpandedProps();\n\n  return (\n    <>\n      <HvButton\n        icon\n        variant=\"secondaryGhost\"\n        aria-label={\n          row.isExpanded\n            ? labels.collapseRowButtonAriaLabel\n            : labels.expandRowButtonAriaLabel\n        }\n        aria-expanded={row.isExpanded}\n        onClick={onClick}\n      >\n        {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n      </HvButton>\n      {cell?.value && (\n        <HvTypography variant=\"label\" component=\"span\">\n          {cell.value}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n\nconst visibleColumnsHook = (columns, { instance }) => {\n  if (instance.disableCreateExpandButton) {\n    return columns;\n  }\n\n  // add a button to first data column, unless it has a custom renderer\n  // if so, add an extra column instead\n  const firstDataColumnIndex = columns.findIndex(\n    (c) => c.id?.indexOf(\"_hv_\") !== 0\n  );\n\n  if (firstDataColumnIndex !== -1) {\n    const firstDataColumn = columns[firstDataColumnIndex];\n\n    if (firstDataColumn.Cell == null) {\n      firstDataColumn.Cell = CellWithExpandButton;\n      firstDataColumn.variant = \"expand\";\n\n      return columns;\n    }\n  }\n\n  const expandColumn = {\n    id: \"_hv_expand\",\n    variant: \"none\",\n\n    width: 32,\n\n    // this will only work when using useHvTableSticky\n    // but ensures it stays left of any sticky column\n    sticky: \"left\",\n\n    Cell: CellWithExpandButton,\n  };\n\n  const columnsCopy = [...columns];\n  columnsCopy.splice(\n    firstDataColumnIndex !== -1 ? firstDataColumnIndex : 0,\n    0,\n    expandColumn\n  );\n\n  return columnsCopy;\n};\n\nconst getRowPropsHook = (props, { row }) => {\n  const nextProps: UseHvRowExpandTableRowProps = {\n    expanded: row.isExpanded,\n  };\n\n  return [props, nextProps];\n};\n\nconst useRowExpand: UseRowExpandProps = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.getRowProps.push(getRowPropsHook);\n};\nuseRowExpand.pluginName = \"useHvRowExpand\";\n\nexport default useRowExpand;\n"],"names":["DEFAULT_LABELS","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","CellWithExpandButton","row","cell","labels","labelsProp","useLabels","onClick","getToggleRowExpandedProps","jsxs","Fragment","jsx","HvButton","isExpanded","DropDownXS","DropRightXS","value","HvTypography","visibleColumnsHook","columns","instance","disableCreateExpandButton","firstDataColumnIndex","findIndex","c","id","indexOf","firstDataColumn","Cell","variant","expandColumn","width","sticky","columnsCopy","splice","getRowPropsHook","props","nextProps","expanded","useRowExpand","hooks","visibleColumns","push","getRowProps","pluginName"],"mappings":";;;;;;;AAsCA,MAAMA,iBAAiB;AAAA,EACrBC,0BAA0B;AAAA,EAC1BC,4BAA4B;AAC9B;AAEO,MAAMC,uBAAuBA,CAAC;AAAA,EAAEC;AAAAA,EAAKC;AAAAA,EAAMC,QAAQC;AAAW,MAAM;AACnED,QAAAA,SAASE,UAAAA,UAAUR,gBAAgBO,UAAU;AAE7C,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYL,IAAIM;AAExB,SAEIC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAACC,2BAAAA,IAAAC,OAAAA,UAAA,EACC,MAAI,MACJ,SAAQ,kBACR,cACEV,IAAIW,aACAT,OAAOJ,6BACPI,OAAOL,0BAEb,iBAAeG,IAAIW,YACnB,SAECX,UAAIW,IAAAA,4CAAcC,gBAAa,YAAA,CAAA,CAAA,IAAIH,2BAAAA,IAAAI,gBAAAA,aAAA,CAAA,CAAc,EACpD,CAAA;AAAA,KACCZ,6BAAMa,UACJL,+BAAAM,WAAAA,cAAA,EAAa,SAAQ,SAAQ,WAAU,QACrCd,UAAAA,KAAKa,MACR,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEA,MAAME,qBAAqBA,CAACC,SAAS;AAAA,EAAEC;AAAS,MAAM;AACpD,MAAIA,SAASC,2BAA2B;AAC/BF,WAAAA;AAAAA,EACT;AAIMG,QAAAA,uBAAuBH,QAAQI,UAClCC,CAAAA,MAAAA;;AAAMA,oBAAEC,OAAFD,mBAAME,QAAQ,aAAY;AAAA,GAAC;AAGpC,MAAIJ,yBAAyB,IAAI;AAC/B,UAAMK,kBAAkBR,QAAQG;AAE5BK,QAAAA,gBAAgBC,QAAQ,MAAM;AAChCD,sBAAgBC,OAAO3B;AACvB0B,sBAAgBE,UAAU;AAEnBV,aAAAA;AAAAA,IACT;AAAA,EACF;AAEA,QAAMW,eAAe;AAAA,IACnBL,IAAI;AAAA,IACJI,SAAS;AAAA,IAETE,OAAO;AAAA,IAIPC,QAAQ;AAAA,IAERJ,MAAM3B;AAAAA,EAAAA;AAGFgC,QAAAA,cAAc,CAAC,GAAGd,OAAO;AAC/Bc,cAAYC,OACVZ,yBAAyB,KAAKA,uBAAuB,GACrD,GACAQ,YAAY;AAGPG,SAAAA;AACT;AAEA,MAAME,kBAAkBA,CAACC,OAAO;AAAA,EAAElC;AAAI,MAAM;AAC1C,QAAMmC,YAAyC;AAAA,IAC7CC,UAAUpC,IAAIW;AAAAA,EAAAA;AAGT,SAAA,CAACuB,OAAOC,SAAS;AAC1B;AAEA,MAAME,eAAmCC,CAAU,UAAA;AAC3CC,QAAAA,eAAeC,KAAKxB,kBAAkB;AACtCyB,QAAAA,YAAYD,KAAKP,eAAe;AACxC;AACAI,aAAaK,aAAa;AAE1B,MAAA,iBAAeL;;;"}

package/dist/cjs/components/Table/hooks/useRowSelection.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const reactTable = require("react-table");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useLabels = require("../../../hooks/useLabels.cjs");
 const CheckBox = require("../../CheckBox/CheckBox.cjs");
 reactTable.actions.resetSelectedRows = "resetSelectedRows";
@@ -25,13 +25,7 @@ const CellWithCheckBox = ({
     disabled,
     indeterminate
   } = row.getToggleRowSelectedProps();
-  return /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, {
-    onChange,
-    checked,
-    disabled,
-    indeterminate,
-    "aria-label": labels.selectRowCheckBoxAriaLabel
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, { onChange, checked, disabled, indeterminate, "aria-label": labels.selectRowCheckBoxAriaLabel });
 };
 const visibleColumnsHook = (columns) => {
   const selectionColumn = {