@hitachivantara/uikit-react-core 5.0.0-next.12 → 5.0.0-next.15

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","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","headerContent","sortButton","headerText","headerParagraph","sortableHeaderText","resizer"],"mappings":"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"}
+{"version":3,"file":"TableHeader.js","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 { HvTypographyProps } from \"../../Typography\";\nimport { useTheme } from \"hooks\";\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 } = useTheme();\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","useTheme","tableContext","useContext","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":"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"}

package/dist/esm/components/Table/TableHeader/TableHeader.styles.js

@@ -1,7 +1,7 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import { transientOptions } from "../../../utils/transientOptions.js";
 import tableHeaderClasses from "./tableHeaderClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { HvButton } from "../../Button/Button.js";
 import { HvTypography } from "../../Typography/Typography.js";
 function _extends() {
@@ -32,6 +32,8 @@ const StyledHeaderContent = /* @__PURE__ */ _styled("div", process.env.NODE_ENV
   display: "flex",
   alignItems: "flex-start",
   paddingTop: 4,
+  width: "100%",
+  // align
   ...$align === "center" && {
     justifyContent: "center"
   },
@@ -44,8 +46,10 @@ const StyledHeaderContent = /* @__PURE__ */ _styled("div", process.env.NODE_ENV
   ...$align === "right" && {
     justifyContent: "flex-end"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9UYWJsZUhlYWRlci9UYWJsZUhlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHRhYmxlSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi90YWJsZUhlYWRlckNsYXNzZXNcIjtcbi8vIGltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckNvbnRlbnQgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFsaWduIH06IHsgJGFsaWduOiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxuICBwYWRkaW5nVG9wOiA0LFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPikoe1xuICAvLyBUT0RPXG4gIC8vIFwiJHJvb3Qkc29ydGFibGUgJlwiOiB7XG4gIFtgLiR7dGFibGVIZWFkZXJDbGFzc2VzLnJvb3R9LiR7dGFibGVIZWFkZXJDbGFzc2VzLnNvcnRhYmxlfWBdOiB7XG4gICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICAvLyBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */");
-const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvButton, { ...props }), process.env.NODE_ENV === "production" ? {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9UYWJsZUhlYWRlci9UYWJsZUhlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHRhYmxlSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi90YWJsZUhlYWRlckNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckNvbnRlbnQgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFsaWduIH06IHsgJGFsaWduOiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxuICBwYWRkaW5nVG9wOiA0LFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIC8vIGFsaWduXG4gIC4uLigkYWxpZ24gPT09IFwiY2VudGVyXCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJqdXN0aWZ5XCIgJiYge1xuICAgIHRleHRBbGlnbjogXCJqdXN0aWZ5XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImxlZnRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJyaWdodFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWVuZFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkJ1dHRvbiB7Li4ucHJvcHN9IC8+KSh7XG4gIFtgLiR7dGFibGVIZWFkZXJDbGFzc2VzLnJvb3R9LiR7dGFibGVIZWFkZXJDbGFzc2VzLnNvcnRhYmxlfWBdOiB7XG4gICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICAvLyBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */");
+const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvButton, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "etcp1bl2"
 } : {
   target: "etcp1bl2",
@@ -58,8 +62,10 @@ const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvBu
       backgroundColor: "red"
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
-const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypography, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPikoe1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
+const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypography, {
+  ...props
+}), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "etcp1bl1"
 }, transientOptions) : _extends({}, {
   target: "etcp1bl1",
@@ -76,11 +82,13 @@ const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(
   ...$headerParagraph && {
     overflow: "hidden",
     display: "-webkit-box"
+    // "-webkit-line-clamp": 2,
+    // "-webkit-box-orient": "vertical",
   },
   ...$sortableHeaderText && {
     paddingTop: "8px"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPikoe1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
 const StyledResizer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "etcp1bl0"
 } : {
@@ -92,7 +100,7 @@ const StyledResizer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "p
 } : {
   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+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPikoe1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export {

package/dist/esm/components/Table/TableHeader/TableHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.styles.js","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","tableHeaderClasses","root","sortable","boxShadow","backgroundColor","StyledTypography","_styled","$headerText","$headerParagraph","$sortableHeaderText","overflow","textOverflow","StyledResizer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,8CACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,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,wBAAAA,CAAAA,UAAW,oBAAA,UAAA,EAAaA,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,IAAGS,mBAAmBC,QAAQD,mBAAmBE,aAAa;AAAA,IAC9DC,WAAW;AAAA,IACXC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTA,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF,GAACnB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnGAAA;AAEK,MAAMkB,mBAAmBC,wBAC7BP,CAAU,UAAA,oBAAC,mBAAiBA,UAASd,QAAAC,IAAAC,aAAA,eAAAC,SAAA,CAAA,GAAA;AAAA,EAAAC,QAAA;AAAA,GACtCC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCiB;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,IACVjB,SAAS;AAAA,EAGX;AAAA,EACA,GAAIgB,uBAAuB;AAAA,IACzBd,YAAY;AAAA,EACd;AACF,IAAEV,QAAAC,IAAAC,aACH,eAAA,KAAA,qnGAAA;AAEM,MAAMyB,gBAAuB,wBAAA,OAAK3B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA0B,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.js","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\nexport const StyledHeaderContent = styled(\n  \"div\",\n  transientOptions\n)(({ $align }: { $align: string }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  paddingTop: 4,\n  width: \"100%\",\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  [`.${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","width","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":";;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,8CACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA2B,OAAO;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZC,OAAO;AAAA;AAAA,EAEP,GAAIJ,WAAW,YAAY;AAAA,IACzBK,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIL,WAAW,aAAa;AAAA,IAC1BM,WAAW;AAAA,EACb;AAAA,EACA,GAAIN,WAAW,UAAU;AAAA,IACvBK,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIL,WAAW,WAAW;AAAA,IACxBK,gBAAgB;AAAA,EAClB;AACF,IAAEZ,QAAAC,IAAAC,aAAC,eAAA,KAAA,ygGAAA;AAEI,MAAMY,eAAeC,wBAAQC,CAAUC,UAAAA,oBAACC,UAAQ;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIhB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACrE,CAAE,IAAGa,mBAAmBC,QAAQD,mBAAmBE,UAAU,GAAG;AAAA,IAC9DC,WAAW;AAAA,IACXC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTA,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF,GAACvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ygGAAA;AAEK,MAAMsB,mBAAmBT,wBAC7BC,CAAUC,UAAAA,oBAACQ,cAAY;AAAA,EAAA,GAAKT;AAAK,CAAA,GAAIhB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACtCC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCqB;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,IACVrB,SAAS;AAAA;AAAA;AAAA,EAGX;AAAA,EACA,GAAIoB,uBAAuB;AAAA,IACzBlB,YAAY;AAAA,EACd;AACF,IAAEV,QAAAC,IAAAC,aACH,eAAA,KAAA,ygGAAA;AAEM,MAAM6B,gBAAuB,wBAAA,OAAK/B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA8B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUxC;"}

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

@@ -1,4 +1,3 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import clsx from "clsx";
 import { alpha, hexToRgb } from "@mui/material";
@@ -8,8 +7,9 @@ import { transientOptions } from "../../../utils/transientOptions.js";
 import TableSectionContext from "../TableSectionContext.js";
 import { theme } from "@hitachivantara/uikit-styles";
 import { getBorderStyles } from "../utils/utils.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 import tableRowClasses from "./tableRowClasses.js";
-import { HvThemeContext } from "../../../providers/ThemeProvider.js";
+import { useTheme } from "../../../hooks/useTheme.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -71,6 +71,7 @@ const StyledTableRow = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV ==
       }
     }
   },
+  // type
   ...$type === "head" && {
     backgroundColor: "transparent",
     "&:first-of-type": {
@@ -105,7 +106,7 @@ const StyledTableRow = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV ==
       height: 16
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVSb3cvVGFibGVSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlUm93L1RhYmxlUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGhleFRvUmdiLCBhbHBoYSB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi8uLi90eXBlcy9pbmRleFwiO1xuaW1wb3J0IHsgdGFibGVSb3dDbGFzc2VzLCBIdlRhYmxlUm93Q2xhc3NlcyB9IGZyb20gXCIuXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgVGFibGVDb250ZXh0IGZyb20gXCIuLi9UYWJsZUNvbnRleHRcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VGhlbWVDb250ZXh0IH0gZnJvbSBcInByb3ZpZGVyc1wiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyU3R5bGVzIH0gZnJvbSBcIi4uL3V0aWxzL3V0aWxzXCI7XG5cbmV4cG9ydCB0eXBlIEh2VGFibGVSb3dQcm9wcyA9IE9taXQ8SHZCYXNlUHJvcHMsIFwiY2hpbGRyZW5cIj4gJiB7XG4gIC8qKiBDb250ZW50IHRvIGJlIHJlbmRlcmVkICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBUaGUgY29tcG9uZW50IHVzZWQgZm9yIHRoZSByb290IG5vZGUuIEVpdGhlciBhIHN0cmluZyB0byB1c2UgYSBIVE1MIGVsZW1lbnQgb3IgYSBjb21wb25lbnQuIERlZmF1bHRzIHRvIHRib2R5LiAqL1xuICBjb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyB3aWxsIHNoYWRlIG9uIGhvdmVyLiAqL1xuICBob3Zlcj86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSB0YWJsZSByb3cgd2lsbCBoYXZlIHRoZSBzZWxlY3RlZCBzaGFkaW5nLiAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSB0YWJsZSByb3cgaXMgZXhwYW5kZWQuICovXG4gIGV4cGFuZGVkPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyBiYWNrZ3JvdW5kIGlzIHN0cmlwZWQuICovXG4gIHN0cmlwZWQ/OiBib29sZWFuO1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZUYWJsZVJvd0NsYXNzZXM7XG59O1xuXG5jb25zdCBkZWZhdWx0Q29tcG9uZW50ID0gXCJ0clwiO1xuXG5jb25zdCBTdHlsZWRUYWJsZVJvdyA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKShcbiAgICAoe1xuICAgICAgJGhvdmVyLFxuICAgICAgJHNlbGVjdGVkLFxuICAgICAgJGV4cGFuZGVkLFxuICAgICAgJHN0cmlwZWQsXG4gICAgICAkdmFyaWFudExpc3QsXG4gICAgICAkdmFyaWFudExpc3RIZWFkLFxuICAgICAgJHN0cmlwZWRDb2xvcixcbiAgICAgICR0eXBlLFxuICAgIH06IHtcbiAgICAgICRob3ZlcjogYm9vbGVhbjtcbiAgICAgICRzZWxlY3RlZDogYm9vbGVhbjtcbiAgICAgICRleHBhbmRlZDogYm9vbGVhbjtcbiAgICAgICRzdHJpcGVkOiBib29sZWFuO1xuICAgICAgJHZhcmlhbnRMaXN0OiBib29sZWFuO1xuICAgICAgJHZhcmlhbnRMaXN0SGVhZDogYm9vbGVhbjtcbiAgICAgICR0eXBlOiBzdHJpbmc7XG4gICAgICAkc3RyaXBlZENvbG9yOiBzdHJpbmc7XG4gICAgfSkgPT4gKHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudGFibGUucm93QmFja2dyb3VuZENvbG9yLFxuICAgICAgXCI6aG92ZXJcIjoge1xuICAgICAgICAuLi4oJHR5cGUgPT09IFwiYm9keVwiICYmIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYmxlLnJvd0hvdmVyQ29sb3IsXG4gICAgICAgIH0pLFxuICAgICAgfSxcbiAgICAgIC4uLigkaG92ZXIgJiYge1xuICAgICAgICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMTUwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXNcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYmxlLnJvd0hvdmVyQ29sb3IsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkc2VsZWN0ZWQgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYmxlLnNlbGVjdGVkUm93QmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgICAuLi4oJGV4cGFuZGVkICYmIHtcbiAgICAgICAgXCImID4gKltyb2xlPWNlbGxdXCI6IHtcbiAgICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgICB9LFxuICAgICAgICBbYCYuJHt0YWJsZVJvd0NsYXNzZXMuZXhwYW5kZWR9YF06IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRzdHJpcGVkICYmIHtcbiAgICAgICAgXCImOm50aC1vZi10eXBlKGV2ZW4pXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRzdHJpcGVkQ29sb3IsXG4gICAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudGFibGUucm93SG92ZXJDb2xvcixcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgfSksXG5cbiAgICAgIC8vIHR5cGVcbiAgICAgIC4uLigkdHlwZSA9PT0gXCJoZWFkXCIgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgIGhlaWdodDogNTIsXG4gICAgICAgIH0sXG5cbiAgICAgICAgXCJ0ciY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgICAgaGVpZ2h0OiA1MixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oJHZhcmlhbnRMaXN0ICYmIHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiAwLFxuICAgICAgICAuLi4oISRzZWxlY3RlZCAmJiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgIH0pLFxuICAgICAgICBoZWlnaHQ6IDUyLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIC4uLmdldEJvcmRlclN0eWxlcyhcInJvd1wiLCB0aGVtZS50YWJsZS5yb3dIb3ZlckJvcmRlckNvbG9yKSxcbiAgICAgICAgfSxcbiAgICAgICAgW2AmLiR7dGFibGVSb3dDbGFzc2VzLnNlbGVjdGVkfWBdOiB7XG4gICAgICAgICAgLi4uZ2V0Qm9yZGVyU3R5bGVzKFwicm93XCIsIHRoZW1lLmNvbG9ycy5hY2NlMSksXG5cbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgLi4uZ2V0Qm9yZGVyU3R5bGVzKFwicm93XCIsIHRoZW1lLnRhYmxlLnJvd0hvdmVyQm9yZGVyQ29sb3IpLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudExpc3RIZWFkICYmIHtcbiAgICAgICAgaGVpZ2h0OiAxNixcbiAgICAgICAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgICAgIGhlaWdodDogMTYsXG4gICAgICAgIH0sXG5cbiAgICAgICAgXCJ0ciY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgICAgaGVpZ2h0OiAxNixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0pXG4gICk7XG5cbi8qKlxuICogYEh2VGFibGVSb3dgIGFjdHMgYXMgYSBgdHJgIGVsZW1lbnQgYW5kIGluaGVyaXRzIHN0eWxlcyBmcm9tIGl0cyBjb250ZXh0XG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZVJvd1Byb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIGNsYXNzZXMsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjb21wb25lbnQsXG4gICAgICBob3ZlciA9IGZhbHNlLFxuICAgICAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgICAgIGV4cGFuZGVkID0gZmFsc2UsXG4gICAgICBzdHJpcGVkID0gZmFsc2UsXG4gICAgICAuLi5vdGhlcnNcbiAgICB9LFxuICAgIGV4dGVybmFsUmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHsgYWN0aXZlVGhlbWUsIHNlbGVjdGVkTW9kZSB9ID0gdXNlQ29udGV4dChIdlRoZW1lQ29udGV4dCk7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuICAgIGNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlU2VjdGlvbkNvbnRleHQpO1xuXG4gICAgY29uc3QgdHlwZSA9IHRhYmxlU2VjdGlvbkNvbnRleHQ/LnR5cGUgfHwgXCJib2R5XCI7XG5cbiAgICBjb25zdCBpc0xpc3QgPSB0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCI7XG5cbiAgICBjb25zdCBDb21wb25lbnQgPVxuICAgICAgY29tcG9uZW50IHx8IHRhYmxlQ29udGV4dD8uY29tcG9uZW50cz8uVHIgfHwgZGVmYXVsdENvbXBvbmVudDtcblxuICAgIGNvbnN0IFRhYmxlUm93ID0gdXNlTWVtbygoKSA9PiBTdHlsZWRUYWJsZVJvdyhDb21wb25lbnQpLCBbQ29tcG9uZW50XSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFRhYmxlUm93XG4gICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgdGFibGVTZWN0aW9uQ29udGV4dC5maWx0ZXJDbGFzc05hbWUsXG4gICAgICAgICAgdGFibGVSb3dDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICB0YWJsZVJvd0NsYXNzZXNbdHlwZV0sXG4gICAgICAgICAgY2xhc3Nlcz8uW3R5cGVdLFxuICAgICAgICAgIGhvdmVyICYmIGNsc3godGFibGVSb3dDbGFzc2VzLmhvdmVyLCBjbGFzc2VzPy5ob3ZlciksXG4gICAgICAgICAgc2VsZWN0ZWQgJiYgY2xzeCh0YWJsZVJvd0NsYXNzZXMuc2VsZWN0ZWQsIGNsYXNzZXM/LnNlbGVjdGVkKSxcbiAgICAgICAgICBleHBhbmRlZCAmJiBjbHN4KHRhYmxlUm93Q2xhc3Nlcy5leHBhbmRlZCwgY2xhc3Nlcz8uZXhwYW5kZWQpLFxuICAgICAgICAgIHN0cmlwZWQgJiYgY2xzeCh0YWJsZVJvd0NsYXNzZXMuc3RyaXBlZCwgY2xhc3Nlcz8uc3RyaXBlZCksXG4gICAgICAgICAgaXNMaXN0ICYmXG4gICAgICAgICAgICB0eXBlID09PSBcImJvZHlcIiAmJlxuICAgICAgICAgICAgY2xzeCh0YWJsZVJvd0NsYXNzZXMudmFyaWFudExpc3QsIGNsYXNzZXM/LnZhcmlhbnRMaXN0KSxcbiAgICAgICAgICBpc0xpc3QgJiZcbiAgICAgICAgICAgIHR5cGUgPT09IFwiaGVhZFwiICYmXG4gICAgICAgICAgICBjbHN4KHRhYmxlUm93Q2xhc3Nlcy52YXJpYW50TGlzdEhlYWQsIGNsYXNzZXM/LnZhcmlhbnRMaXN0SGVhZClcbiAgICAgICAgKX1cbiAgICAgICAgcm9sZT17Q29tcG9uZW50ID09PSBkZWZhdWx0Q29tcG9uZW50ID8gbnVsbCA6IFwicm93XCJ9XG4gICAgICAgICRob3Zlcj17aG92ZXJ9XG4gICAgICAgICRzZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICAgICRleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICRzdHJpcGVkPXtzdHJpcGVkfVxuICAgICAgICAkdmFyaWFudExpc3Q9e2lzTGlzdCAmJiB0eXBlID09PSBcImJvZHlcIn1cbiAgICAgICAgJHZhcmlhbnRMaXN0SGVhZD17aXNMaXN0ICYmIHR5cGUgPT09IFwiaGVhZFwifVxuICAgICAgICAkdHlwZT17dHlwZX1cbiAgICAgICAgJHN0cmlwZWRDb2xvcj17YWxwaGEoXG4gICAgICAgICAgaGV4VG9SZ2IoXG4gICAgICAgICAgICBhY3RpdmVUaGVtZT8uY29sb3JzPy5tb2Rlc1tzZWxlY3RlZE1vZGVdLmF0bW8xIHx8IHRoZW1lLmNvbG9ycy5hdG1vMVxuICAgICAgICAgICksXG4gICAgICAgICAgMC42XG4gICAgICAgICl9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAvPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVSb3cvVGFibGVSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlUm93L1RhYmxlUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGhleFRvUmdiLCBhbHBoYSB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi8uLi90eXBlcy9pbmRleFwiO1xuaW1wb3J0IHsgdGFibGVSb3dDbGFzc2VzLCBIdlRhYmxlUm93Q2xhc3NlcyB9IGZyb20gXCIuXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgVGFibGVDb250ZXh0IGZyb20gXCIuLi9UYWJsZUNvbnRleHRcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGdldEJvcmRlclN0eWxlcyB9IGZyb20gXCIuLi91dGlscy91dGlsc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3NcIjtcblxuZXhwb3J0IHR5cGUgSHZUYWJsZVJvd1Byb3BzID0gT21pdDxIdkJhc2VQcm9wcywgXCJjaGlsZHJlblwiPiAmIHtcbiAgLyoqIENvbnRlbnQgdG8gYmUgcmVuZGVyZWQgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGJvZHkuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogV2hldGhlciB0aGUgdGFibGUgcm93IHdpbGwgc2hhZGUgb24gaG92ZXIuICovXG4gIGhvdmVyPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyB3aWxsIGhhdmUgdGhlIHNlbGVjdGVkIHNoYWRpbmcuICovXG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyBpcyBleHBhbmRlZC4gKi9cbiAgZXhwYW5kZWQ/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgdGFibGUgcm93IGJhY2tncm91bmQgaXMgc3RyaXBlZC4gKi9cbiAgc3RyaXBlZD86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlUm93Q2xhc3Nlcztcbn07XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRyXCI7XG5cbmNvbnN0IFN0eWxlZFRhYmxlUm93ID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKFxuICAgIGMsXG4gICAgdHJhbnNpZW50T3B0aW9uc1xuICApKFxuICAgICh7XG4gICAgICAkaG92ZXIsXG4gICAgICAkc2VsZWN0ZWQsXG4gICAgICAkZXhwYW5kZWQsXG4gICAgICAkc3RyaXBlZCxcbiAgICAgICR2YXJpYW50TGlzdCxcbiAgICAgICR2YXJpYW50TGlzdEhlYWQsXG4gICAgICAkc3RyaXBlZENvbG9yLFxuICAgICAgJHR5cGUsXG4gICAgfToge1xuICAgICAgJGhvdmVyOiBib29sZWFuO1xuICAgICAgJHNlbGVjdGVkOiBib29sZWFuO1xuICAgICAgJGV4cGFuZGVkOiBib29sZWFuO1xuICAgICAgJHN0cmlwZWQ6IGJvb2xlYW47XG4gICAgICAkdmFyaWFudExpc3Q6IGJvb2xlYW47XG4gICAgICAkdmFyaWFudExpc3RIZWFkOiBib29sZWFuO1xuICAgICAgJHR5cGU6IHN0cmluZztcbiAgICAgICRzdHJpcGVkQ29sb3I6IHN0cmluZztcbiAgICB9KSA9PiAoe1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS50YWJsZS5yb3dCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBcIjpob3ZlclwiOiB7XG4gICAgICAgIC4uLigkdHlwZSA9PT0gXCJib2R5XCIgJiYge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudGFibGUucm93SG92ZXJDb2xvcixcbiAgICAgICAgfSksXG4gICAgICB9LFxuICAgICAgLi4uKCRob3ZlciAmJiB7XG4gICAgICAgIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAxNTBtcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIsIDEpIDBtc1wiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudGFibGUucm93SG92ZXJDb2xvcixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRzZWxlY3RlZCAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudGFibGUuc2VsZWN0ZWRSb3dCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICAgIC4uLigkZXhwYW5kZWQgJiYge1xuICAgICAgICBcIiYgPiAqW3JvbGU9Y2VsbF1cIjoge1xuICAgICAgICAgIGJvcmRlckJvdHRvbTogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICAgIFtgJi4ke3RhYmxlUm93Q2xhc3Nlcy5leHBhbmRlZH1gXToge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJHN0cmlwZWQgJiYge1xuICAgICAgICBcIiY6bnRoLW9mLXR5cGUoZXZlbilcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJHN0cmlwZWRDb2xvcixcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS50YWJsZS5yb3dIb3ZlckNvbG9yLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9KSxcblxuICAgICAgLy8gdHlwZVxuICAgICAgLi4uKCR0eXBlID09PSBcImhlYWRcIiAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgICAgaGVpZ2h0OiA1MixcbiAgICAgICAgfSxcblxuICAgICAgICBcInRyJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgICBoZWlnaHQ6IDUyLFxuICAgICAgICB9LFxuICAgICAgfSksXG5cbiAgICAgIC4uLigkdmFyaWFudExpc3QgJiYge1xuICAgICAgICBib3JkZXJCb3R0b206IDAsXG4gICAgICAgIC4uLighJHNlbGVjdGVkICYmIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgfSksXG4gICAgICAgIGhlaWdodDogNTIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgLi4uZ2V0Qm9yZGVyU3R5bGVzKFwicm93XCIsIHRoZW1lLnRhYmxlLnJvd0hvdmVyQm9yZGVyQ29sb3IpLFxuICAgICAgICB9LFxuICAgICAgICBbYCYuJHt0YWJsZVJvd0NsYXNzZXMuc2VsZWN0ZWR9YF06IHtcbiAgICAgICAgICAuLi5nZXRCb3JkZXJTdHlsZXMoXCJyb3dcIiwgdGhlbWUuY29sb3JzLmFjY2UxKSxcblxuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICAuLi5nZXRCb3JkZXJTdHlsZXMoXCJyb3dcIiwgdGhlbWUudGFibGUucm93SG92ZXJCb3JkZXJDb2xvciksXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50TGlzdEhlYWQgJiYge1xuICAgICAgICBoZWlnaHQ6IDE2LFxuICAgICAgICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgICAgaGVpZ2h0OiAxNixcbiAgICAgICAgfSxcblxuICAgICAgICBcInRyJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgICBoZWlnaHQ6IDE2LFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSlcbiAgKTtcblxuLyoqXG4gKiBgSHZUYWJsZVJvd2AgYWN0cyBhcyBhIGB0cmAgZWxlbWVudCBhbmQgaW5oZXJpdHMgc3R5bGVzIGZyb20gaXRzIGNvbnRleHRcbiAqL1xuZXhwb3J0IGNvbnN0IEh2VGFibGVSb3cgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIdlRhYmxlUm93UHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY2xhc3NlcyxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGNvbXBvbmVudCxcbiAgICAgIGhvdmVyID0gZmFsc2UsXG4gICAgICBzZWxlY3RlZCA9IGZhbHNlLFxuICAgICAgZXhwYW5kZWQgPSBmYWxzZSxcbiAgICAgIHN0cmlwZWQgPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0sXG4gICAgZXh0ZXJuYWxSZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgeyBhY3RpdmVUaGVtZSwgc2VsZWN0ZWRNb2RlIH0gPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IHRhYmxlQ29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVDb250ZXh0KTtcbiAgICBjb25zdCB0YWJsZVNlY3Rpb25Db250ZXh0ID0gdXNlQ29udGV4dChUYWJsZVNlY3Rpb25Db250ZXh0KTtcblxuICAgIGNvbnN0IHR5cGUgPSB0YWJsZVNlY3Rpb25Db250ZXh0Py50eXBlIHx8IFwiYm9keVwiO1xuXG4gICAgY29uc3QgaXNMaXN0ID0gdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID1cbiAgICAgIGNvbXBvbmVudCB8fCB0YWJsZUNvbnRleHQ/LmNvbXBvbmVudHM/LlRyIHx8IGRlZmF1bHRDb21wb25lbnQ7XG5cbiAgICBjb25zdCBUYWJsZVJvdyA9IHVzZU1lbW8oKCkgPT4gU3R5bGVkVGFibGVSb3coQ29tcG9uZW50KSwgW0NvbXBvbmVudF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZVJvd1xuICAgICAgICByZWY9e2V4dGVybmFsUmVmfVxuICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgIHRhYmxlU2VjdGlvbkNvbnRleHQuZmlsdGVyQ2xhc3NOYW1lLFxuICAgICAgICAgIHRhYmxlUm93Q2xhc3Nlcy5yb290LFxuICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgdGFibGVSb3dDbGFzc2VzW3R5cGVdLFxuICAgICAgICAgIGNsYXNzZXM/Llt0eXBlXSxcbiAgICAgICAgICBob3ZlciAmJiBjbHN4KHRhYmxlUm93Q2xhc3Nlcy5ob3ZlciwgY2xhc3Nlcz8uaG92ZXIpLFxuICAgICAgICAgIHNlbGVjdGVkICYmIGNsc3godGFibGVSb3dDbGFzc2VzLnNlbGVjdGVkLCBjbGFzc2VzPy5zZWxlY3RlZCksXG4gICAgICAgICAgZXhwYW5kZWQgJiYgY2xzeCh0YWJsZVJvd0NsYXNzZXMuZXhwYW5kZWQsIGNsYXNzZXM/LmV4cGFuZGVkKSxcbiAgICAgICAgICBzdHJpcGVkICYmIGNsc3godGFibGVSb3dDbGFzc2VzLnN0cmlwZWQsIGNsYXNzZXM/LnN0cmlwZWQpLFxuICAgICAgICAgIGlzTGlzdCAmJlxuICAgICAgICAgICAgdHlwZSA9PT0gXCJib2R5XCIgJiZcbiAgICAgICAgICAgIGNsc3godGFibGVSb3dDbGFzc2VzLnZhcmlhbnRMaXN0LCBjbGFzc2VzPy52YXJpYW50TGlzdCksXG4gICAgICAgICAgaXNMaXN0ICYmXG4gICAgICAgICAgICB0eXBlID09PSBcImhlYWRcIiAmJlxuICAgICAgICAgICAgY2xzeCh0YWJsZVJvd0NsYXNzZXMudmFyaWFudExpc3RIZWFkLCBjbGFzc2VzPy52YXJpYW50TGlzdEhlYWQpXG4gICAgICAgICl9XG4gICAgICAgIHJvbGU9e0NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcInJvd1wifVxuICAgICAgICAkaG92ZXI9e2hvdmVyfVxuICAgICAgICAkc2VsZWN0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAkZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAkc3RyaXBlZD17c3RyaXBlZH1cbiAgICAgICAgJHZhcmlhbnRMaXN0PXtpc0xpc3QgJiYgdHlwZSA9PT0gXCJib2R5XCJ9XG4gICAgICAgICR2YXJpYW50TGlzdEhlYWQ9e2lzTGlzdCAmJiB0eXBlID09PSBcImhlYWRcIn1cbiAgICAgICAgJHR5cGU9e3R5cGV9XG4gICAgICAgICRzdHJpcGVkQ29sb3I9e2FscGhhKFxuICAgICAgICAgIGhleFRvUmdiKFxuICAgICAgICAgICAgYWN0aXZlVGhlbWU/LmNvbG9ycz8ubW9kZXNbc2VsZWN0ZWRNb2RlXS5hdG1vMSB8fCB0aGVtZS5jb2xvcnMuYXRtbzFcbiAgICAgICAgICApLFxuICAgICAgICAgIDAuNlxuICAgICAgICApfVxuICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgLz5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
 const HvTableRow = forwardRef(({
   classes,
   className,
@@ -120,14 +121,27 @@ const HvTableRow = forwardRef(({
   const {
     activeTheme,
     selectedMode
-  } = useContext(HvThemeContext);
+  } = useTheme();
   const tableContext = useContext(TableContext);
   const tableSectionContext = useContext(TableSectionContext);
   const type = (tableSectionContext == null ? void 0 : tableSectionContext.type) || "body";
   const isList = tableContext.variant === "listrow";
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.Tr) || defaultComponent;
   const TableRow = useMemo(() => StyledTableRow(Component), [Component]);
-  return /* @__PURE__ */ jsx(TableRow, { ref: externalRef, className: clsx(className, tableSectionContext.filterClassName, tableRowClasses.root, classes == null ? void 0 : classes.root, tableRowClasses[type], classes == null ? void 0 : classes[type], hover && clsx(tableRowClasses.hover, classes == null ? void 0 : classes.hover), selected && clsx(tableRowClasses.selected, classes == null ? void 0 : classes.selected), expanded && clsx(tableRowClasses.expanded, classes == null ? void 0 : classes.expanded), striped && clsx(tableRowClasses.striped, classes == null ? void 0 : classes.striped), isList && type === "body" && clsx(tableRowClasses.variantList, classes == null ? void 0 : classes.variantList), isList && type === "head" && clsx(tableRowClasses.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: alpha(hexToRgb(((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || theme.colors.atmo1), 0.6), ...others });
+  return /* @__PURE__ */ jsx(TableRow, {
+    ref: externalRef,
+    className: clsx(className, tableSectionContext.filterClassName, tableRowClasses.root, classes == null ? void 0 : classes.root, tableRowClasses[type], classes == null ? void 0 : classes[type], hover && clsx(tableRowClasses.hover, classes == null ? void 0 : classes.hover), selected && clsx(tableRowClasses.selected, classes == null ? void 0 : classes.selected), expanded && clsx(tableRowClasses.expanded, classes == null ? void 0 : classes.expanded), striped && clsx(tableRowClasses.striped, classes == null ? void 0 : classes.striped), isList && type === "body" && clsx(tableRowClasses.variantList, classes == null ? void 0 : classes.variantList), isList && type === "head" && clsx(tableRowClasses.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: alpha(hexToRgb(((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || theme.colors.atmo1), 0.6),
+    ...others
+  });
 });
 export {
   HvTableRow

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","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","clsx","filterClassName","root","variantList","variantListHead","alpha","hexToRgb","modes"],"mappings":"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"}
+{"version":3,"file":"TableRow.js","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 { getBorderStyles } from \"../utils/utils\";\nimport { useTheme } from \"hooks\";\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 } = useTheme();\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","useTheme","tableContext","useContext","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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useHeaderGroups.js","sources":["../../../../../src/components/Table/hooks/useHeaderGroups.ts"],"sourcesContent":["import { Hooks } from \"react-table\";\nimport { CSSProperties } from \"react\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvHeaderGroupsInstance {\n  hasGroupedColumns?: boolean;\n}\n\n// props target: <table><thead><tr><th>\nexport interface UseHvHeaderGroupsColumnProps {\n  style?: CSSProperties;\n  groupColumnMostLeft?: boolean;\n  groupColumnMostRight?: boolean;\n}\n\n// props target: <table><tbody><tr><td>\nexport interface UseHvHeaderGroupsCellProps {\n  groupColumnMostLeft?: boolean;\n  groupColumnMostRight?: boolean;\n}\n\nexport type UseHvHeaderGroupsProps = (<\n  D extends object = Record<string, unknown>\n>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n/**\n * Moving non grouped headers to the top level,\n * by placing them in the position of their top level placeholder.\n *\n * By default the header groups are built bottom top,\n * that results in non grouped headers to be placed\n * at the bottom row in the table head.\n *\n * @param {Array.<Object>} headerGroups - table header groups\n */\nconst replaceHeaderPlaceholders = (headerGroups) => {\n  const [headerGroup] = headerGroups;\n\n  const hasPlaceholderHeaders = headerGroup.headers.some(\n    (h) => h.placeholderOf != null\n  );\n  if (!hasPlaceholderHeaders) {\n    return; // no placeholder header found to replace\n  }\n\n  const maxDepth = headerGroups.length - 1;\n  const leafGroup = headerGroups[maxDepth];\n\n  headerGroup.headers.forEach((header, position) => {\n    const { placeholderOf } = header;\n\n    const isPlaceholderHeader = placeholderOf != null;\n    if (isPlaceholderHeader) {\n      // is placeholder header\n      const leafIndex =\n        leafGroup.headers\n          .slice(position)\n          .findIndex(({ id }) => id === placeholderOf.id) + position;\n\n      // store leaf placeholder header\n      header.variant = placeholderOf.variant;\n      header.depth = maxDepth;\n      leafGroup.headers[leafIndex] = header;\n\n      // replace placeholder with leaf header\n      placeholderOf.rowSpan = maxDepth + 1;\n      headerGroup.headers[position] = placeholderOf;\n    }\n  });\n};\n\nconst getCellProps = (column, isHeaderCell = false) => ({\n  groupColumnMostLeft: column.isGroupLeftColumn,\n  groupColumnMostRight: column.isGroupRightColumn,\n  rowSpan: isHeaderCell && column.rowSpan != null ? column.rowSpan : 1,\n});\n\n// props target: <table><thead><tr><th>\nconst getHeaderPropsHook = (props, { instance, column }) => {\n  const nextProps: UseHvHeaderGroupsColumnProps = instance.hasGroupedColumns\n    ? getCellProps(column, true)\n    : {};\n\n  if (instance.hasGroupedColumns) {\n    const isPlaceholder = column.placeholderOf != null;\n\n    nextProps.style = {\n      display: isPlaceholder ? \"none\" : props.style?.display,\n    };\n\n    if (instance.hasStickyColumns) {\n      if (isPlaceholder) {\n        nextProps.style.visibility = \"hidden\";\n      }\n\n      if (column.rowSpan > 1) {\n        // rowSpan doesn't work with flex, so we need to simulate it by adjusting the height value manually\n        nextProps.style.height = `calc(var(--first-row-cell-height) + var(--cell-height) * ${\n          column.rowSpan - 1\n        })`;\n      }\n    }\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nconst getCellPropsHook = (props, { instance, cell }) => {\n  const nextProps: UseHvHeaderGroupsCellProps = instance.hasGroupedColumns\n    ? getCellProps(cell.column)\n    : {};\n\n  return [props, nextProps];\n};\n\nconst visibleColumnsHook = (visibleColumns, { instance }) => {\n  const parentList = new Set();\n\n  visibleColumns.forEach(({ parent }) => {\n    if (parent != null && !parentList.has(parent)) {\n      parentList.add(parent);\n    }\n  });\n\n  const hasGroupedColumns = parentList.size > 0;\n  if (hasGroupedColumns) {\n    parentList.forEach((parent: any) => {\n      parent.align = \"center\";\n      parent.isGroupLeftColumn = true;\n      parent.isGroupRightColumn = true;\n\n      const { columns } = parent;\n      columns[0].isGroupLeftColumn = true;\n      columns[columns.length - 1].isGroupRightColumn = true;\n    });\n  }\n\n  Object.assign(instance, { hasGroupedColumns });\n\n  return visibleColumns;\n};\n\nconst useInstanceHook = (instance) => {\n  if (instance.hasGroupedColumns) {\n    replaceHeaderPlaceholders(instance.headerGroups);\n  }\n};\n\nconst useHeaderGroups: UseHvHeaderGroupsProps = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.useInstance.push(useInstanceHook);\n\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n};\n\nuseHeaderGroups.pluginName = \"useHvHeaderGroups\";\n\nexport default useHeaderGroups;\n"],"names":["replaceHeaderPlaceholders","headerGroups","headerGroup","hasPlaceholderHeaders","headers","some","h","placeholderOf","maxDepth","length","leafGroup","forEach","header","position","isPlaceholderHeader","leafIndex","slice","findIndex","id","variant","depth","rowSpan","getCellProps","column","isHeaderCell","groupColumnMostLeft","isGroupLeftColumn","groupColumnMostRight","isGroupRightColumn","getHeaderPropsHook","props","instance","nextProps","hasGroupedColumns","isPlaceholder","style","display","hasStickyColumns","visibility","height","getCellPropsHook","cell","visibleColumnsHook","visibleColumns","parentList","Set","parent","has","add","size","align","columns","Object","assign","useInstanceHook","useHeaderGroups","hooks","push","useInstance","getHeaderProps","pluginName"],"mappings":"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"}
+{"version":3,"file":"useHeaderGroups.js","sources":["../../../../../src/components/Table/hooks/useHeaderGroups.ts"],"sourcesContent":["import { Hooks } from \"react-table\";\nimport { CSSProperties } from \"react\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvHeaderGroupsInstance {\n  hasGroupedColumns?: boolean;\n}\n\n// props target: <table><thead><tr><th>\nexport interface UseHvHeaderGroupsColumnProps {\n  style?: CSSProperties;\n  groupColumnMostLeft?: boolean;\n  groupColumnMostRight?: boolean;\n}\n\n// props target: <table><tbody><tr><td>\nexport interface UseHvHeaderGroupsCellProps {\n  groupColumnMostLeft?: boolean;\n  groupColumnMostRight?: boolean;\n}\n\nexport type UseHvHeaderGroupsProps = (<\n  D extends object = Record<string, unknown>\n>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n/**\n * Moving non grouped headers to the top level,\n * by placing them in the position of their top level placeholder.\n *\n * By default the header groups are built bottom top,\n * that results in non grouped headers to be placed\n * at the bottom row in the table head.\n *\n * @param {Array.<Object>} headerGroups - table header groups\n */\nconst replaceHeaderPlaceholders = (headerGroups) => {\n  const [headerGroup] = headerGroups;\n\n  const hasPlaceholderHeaders = headerGroup.headers.some(\n    (h) => h.placeholderOf != null\n  );\n  if (!hasPlaceholderHeaders) {\n    return; // no placeholder header found to replace\n  }\n\n  const maxDepth = headerGroups.length - 1;\n  const leafGroup = headerGroups[maxDepth];\n\n  headerGroup.headers.forEach((header, position) => {\n    const { placeholderOf } = header;\n\n    const isPlaceholderHeader = placeholderOf != null;\n    if (isPlaceholderHeader) {\n      // is placeholder header\n      const leafIndex =\n        leafGroup.headers\n          .slice(position)\n          .findIndex(({ id }) => id === placeholderOf.id) + position;\n\n      // store leaf placeholder header\n      header.variant = placeholderOf.variant;\n      header.depth = maxDepth;\n      leafGroup.headers[leafIndex] = header;\n\n      // replace placeholder with leaf header\n      placeholderOf.rowSpan = maxDepth + 1;\n      headerGroup.headers[position] = placeholderOf;\n    }\n  });\n};\n\nconst getCellProps = (column, isHeaderCell = false) => ({\n  groupColumnMostLeft: column.isGroupLeftColumn,\n  groupColumnMostRight: column.isGroupRightColumn,\n  rowSpan: isHeaderCell && column.rowSpan != null ? column.rowSpan : 1,\n});\n\n// props target: <table><thead><tr><th>\nconst getHeaderPropsHook = (props, { instance, column }) => {\n  const nextProps: UseHvHeaderGroupsColumnProps = instance.hasGroupedColumns\n    ? getCellProps(column, true)\n    : {};\n\n  if (instance.hasGroupedColumns) {\n    const isPlaceholder = column.placeholderOf != null;\n\n    nextProps.style = {\n      display: isPlaceholder ? \"none\" : props.style?.display,\n    };\n\n    if (instance.hasStickyColumns) {\n      if (isPlaceholder) {\n        nextProps.style.visibility = \"hidden\";\n      }\n\n      if (column.rowSpan > 1) {\n        // rowSpan doesn't work with flex, so we need to simulate it by adjusting the height value manually\n        nextProps.style.height = `calc(var(--first-row-cell-height) + var(--cell-height) * ${\n          column.rowSpan - 1\n        })`;\n      }\n    }\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nconst getCellPropsHook = (props, { instance, cell }) => {\n  const nextProps: UseHvHeaderGroupsCellProps = instance.hasGroupedColumns\n    ? getCellProps(cell.column)\n    : {};\n\n  return [props, nextProps];\n};\n\nconst visibleColumnsHook = (visibleColumns, { instance }) => {\n  const parentList = new Set();\n\n  visibleColumns.forEach(({ parent }) => {\n    if (parent != null && !parentList.has(parent)) {\n      parentList.add(parent);\n    }\n  });\n\n  const hasGroupedColumns = parentList.size > 0;\n  if (hasGroupedColumns) {\n    parentList.forEach((parent: any) => {\n      parent.align = \"center\";\n      parent.isGroupLeftColumn = true;\n      parent.isGroupRightColumn = true;\n\n      const { columns } = parent;\n      columns[0].isGroupLeftColumn = true;\n      columns[columns.length - 1].isGroupRightColumn = true;\n    });\n  }\n\n  Object.assign(instance, { hasGroupedColumns });\n\n  return visibleColumns;\n};\n\nconst useInstanceHook = (instance) => {\n  if (instance.hasGroupedColumns) {\n    replaceHeaderPlaceholders(instance.headerGroups);\n  }\n};\n\nconst useHeaderGroups: UseHvHeaderGroupsProps = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.useInstance.push(useInstanceHook);\n\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n};\n\nuseHeaderGroups.pluginName = \"useHvHeaderGroups\";\n\nexport default useHeaderGroups;\n"],"names":["replaceHeaderPlaceholders","headerGroups","headerGroup","hasPlaceholderHeaders","headers","some","h","placeholderOf","maxDepth","length","leafGroup","forEach","header","position","isPlaceholderHeader","leafIndex","slice","findIndex","id","variant","depth","rowSpan","getCellProps","column","isHeaderCell","groupColumnMostLeft","isGroupLeftColumn","groupColumnMostRight","isGroupRightColumn","getHeaderPropsHook","props","instance","nextProps","hasGroupedColumns","isPlaceholder","style","display","hasStickyColumns","visibility","height","getCellPropsHook","cell","visibleColumnsHook","visibleColumns","parentList","Set","parent","has","add","size","align","columns","Object","assign","useInstanceHook","useHeaderGroups","hooks","push","useInstance","getHeaderProps","pluginName"],"mappings":"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"}

package/dist/esm/components/Table/hooks/useRowExpand.js

@@ -1,5 +1,5 @@
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { DropDownXS, DropRightXS } from "@hitachivantara/uikit-react-icons";
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { useLabels } from "../../../hooks/useLabels.js";
 import { HvButton } from "../../Button/Button.js";
 import { HvTypography } from "../../Typography/Typography.js";
@@ -16,10 +16,20 @@ const CellWithExpandButton = ({
   const {
     onClick
   } = row.getToggleRowExpandedProps();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(HvButton, { icon: true, variant: "secondaryGhost", "aria-label": row.isExpanded ? labels.collapseRowButtonAriaLabel : labels.expandRowButtonAriaLabel, "aria-expanded": row.isExpanded, onClick, children: row.isExpanded ? /* @__PURE__ */ jsx(DropDownXS, {}) : /* @__PURE__ */ jsx(DropRightXS, {}) }),
-    (cell == null ? void 0 : cell.value) && /* @__PURE__ */ jsx(HvTypography, { variant: "label", component: "span", children: cell.value })
-  ] });
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsx(HvButton, {
+      icon: true,
+      variant: "secondaryGhost",
+      "aria-label": row.isExpanded ? labels.collapseRowButtonAriaLabel : labels.expandRowButtonAriaLabel,
+      "aria-expanded": row.isExpanded,
+      onClick,
+      children: row.isExpanded ? /* @__PURE__ */ jsx(DropDownXS, {}) : /* @__PURE__ */ jsx(DropRightXS, {})
+    }), (cell == null ? void 0 : cell.value) && /* @__PURE__ */ jsx(HvTypography, {
+      variant: "label",
+      component: "span",
+      children: cell.value
+    })]
+  });
 };
 const visibleColumnsHook = (columns, {
   instance
@@ -43,6 +53,8 @@ const visibleColumnsHook = (columns, {
     id: "_hv_expand",
     variant: "none",
     width: 32,
+    // this will only work when using useHvTableSticky
+    // but ensures it stays left of any sticky column
     sticky: "left",
     Cell: CellWithExpandButton
   };

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

@@ -1 +1 @@
-{"version":3,"file":"useRowExpand.js","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","isExpanded","value","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,UAAUR,gBAAgBO,UAAU;AAE7C,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYL,IAAIM;AAExB,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAA,UAAA,EACC,MAAI,MACJ,SAAQ,kBACR,cACEN,IAAIO,aACAL,OAAOJ,6BACPI,OAAOL,0BAEb,iBAAeG,IAAIO,YACnB,SAECP,UAAIO,IAAAA,iCAAc,YAAa,CAAA,CAAA,IAAI,oBAAA,aAAA,CAAA,CAAc,EACpD,CAAA;AAAA,KACCN,6BAAMO,UACJ,oBAAA,cAAA,EAAa,SAAQ,SAAQ,WAAU,QACrCP,UAAAA,KAAKO,MACR,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEA,MAAMC,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,OAAOpB;AACvBmB,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,MAAMpB;AAAAA,EAAAA;AAGFyB,QAAAA,cAAc,CAAC,GAAGd,OAAO;AAC/Bc,cAAYC,OACVZ,yBAAyB,KAAKA,uBAAuB,GACrD,GACAQ,YAAY;AAGPG,SAAAA;AACT;AAEA,MAAME,kBAAkBA,CAACC,OAAO;AAAA,EAAE3B;AAAI,MAAM;AAC1C,QAAM4B,YAAyC;AAAA,IAC7CC,UAAU7B,IAAIO;AAAAA,EAAAA;AAGT,SAAA,CAACoB,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;"}
+{"version":3,"file":"useRowExpand.js","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,UAAUR,gBAAgBO,UAAU;AAE7C,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYL,IAAIM;AAExB,8BACEC,UAAA;AAAA,IAAAC,UAAA,CACEC,oBAACC,UAAQ;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,oBAAAA,YAAa,CAAA,CAAA,IAAGL,oBAACM,aAAW,EAAA;AAAA,IAAG,CAAA,IAEnDd,6BAAMe,8BACJC,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;AACzBK,UAAAA,kBAAkBR,QAAQG,oBAAoB;AAEhDK,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;AAAA;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;"}

package/dist/esm/components/Table/hooks/useRowSelection.js

@@ -1,6 +1,6 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useMemo, useCallback } from "react";
 import { actions, ensurePluginOrder, useGetLatest, useMountedLayoutEffect, makePropGetter } from "react-table";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { useLabels } from "../../../hooks/useLabels.js";
 import { HvCheckBox } from "../../CheckBox/CheckBox.js";
 actions.resetSelectedRows = "resetSelectedRows";
@@ -23,13 +23,21 @@ const CellWithCheckBox = ({
     disabled,
     indeterminate
   } = row.getToggleRowSelectedProps();
-  return /* @__PURE__ */ jsx(HvCheckBox, { onChange, checked, disabled, indeterminate, "aria-label": labels.selectRowCheckBoxAriaLabel });
+  return /* @__PURE__ */ jsx(HvCheckBox, {
+    onChange,
+    checked,
+    disabled,
+    indeterminate,
+    "aria-label": labels.selectRowCheckBoxAriaLabel
+  });
 };
 const visibleColumnsHook = (columns) => {
   const selectionColumn = {
     id: "_hv_selection",
     variant: "checkbox",
     width: 32,
+    // this will only work when using useHvTableSticky
+    // but ensures it stays left of any sticky column
     sticky: "left",
     Cell: CellWithCheckBox
   };
@@ -59,7 +67,7 @@ const defaultGetToggleRowSelectedProps = (props, {
   return [props, {
     onChange: (e, check) => {
       var _a;
-      row.toggleRowSelected(check != null ? check : (_a = e == null ? void 0 : e.target) == null ? void 0 : _a.checked);
+      row.toggleRowSelected(check ?? ((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.checked));
     },
     disabled: row.isSelectionLocked,
     checked,