@hitachivantara/uikit-react-core 5.44.1 → 5.44.3

package/dist/esm/Table/TableHeader/TableHeader.mjs

@@ -1,137 +0,0 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import { forwardRef, useContext, useMemo } from "react";
-import capitalize from "lodash/capitalize";
-import { alpha, hexToRgb } from "@mui/material/styles";
-import { theme } from "@hitachivantara/uikit-styles";
-import { useTheme } from "../../hooks/useTheme.mjs";
-import { useDefaultProps } from "../../hooks/useDefaultProps.mjs";
-import TableContext from "../TableContext.mjs";
-import TableSectionContext from "../TableSectionContext.mjs";
-import { getSortIcon, isParagraph } from "./utils.mjs";
-import { useClasses, staticClasses } from "./TableHeader.styles.mjs";
-import { HvButton } from "../../Button/Button.mjs";
-import { HvTypography } from "../../Typography/Typography.mjs";
-const defaultComponent = "th";
-const HvTableHeader = forwardRef(
-  (props, externalRef) => {
-    const {
-      children,
-      component,
-      className,
-      style: styleProp,
-      classes: classesProp,
-      scope: scopeProp,
-      align = "inherit",
-      variant = "default",
-      type: typeProp,
-      stickyColumn = false,
-      stickyColumnMostLeft = false,
-      stickyColumnLeastRight = false,
-      groupColumnMostLeft = false,
-      groupColumnMostRight = false,
-      sortDirection = "none",
-      sorted,
-      sortable,
-      headerTextProps,
-      resizerProps = {},
-      resizable = false,
-      resizing = false,
-      sortButtonProps,
-      ...others
-    } = useDefaultProps("HvTableHeader", props);
-    const { classes, cx, css } = useClasses(classesProp);
-    const { colors } = useTheme();
-    const tableContext = useContext(TableContext);
-    const tableSectionContext = useContext(TableSectionContext);
-    const type = typeProp || tableSectionContext?.type || "body";
-    const isHeadCell = type === "head";
-    const scope = scopeProp ?? (isHeadCell ? "col" : "row");
-    const Sort = useMemo(
-      () => getSortIcon(sorted && sortDirection),
-      [sorted, sortDirection]
-    );
-    const Component = component || tableContext?.components?.Th || defaultComponent;
-    const role = Component === defaultComponent ? null : isHeadCell ? "columnheader" : "rowheader";
-    const paragraph = isParagraph(children);
-    const style = stickyColumn ? { ...styleProp, position: "sticky" } : styleProp;
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref: externalRef,
-        role,
-        scope,
-        style,
-        className: cx(
-          classes.root,
-          classes[type],
-          type === "body" && css({
-            [`&.${staticClasses.sorted}`]: {
-              backgroundColor: alpha(
-                hexToRgb(colors?.atmo1 || theme.colors.atmo1),
-                0.4
-              )
-            }
-          }),
-          {
-            [classes.groupColumnMostLeft]: groupColumnMostLeft,
-            [classes.groupColumnMostRight]: groupColumnMostRight,
-            [classes.sortable]: sortable,
-            [classes.sorted]: sorted,
-            [classes.resizable]: resizable,
-            [classes.resizing]: resizing,
-            [classes.stickyColumn]: stickyColumn,
-            [classes.stickyColumnMostLeft]: stickyColumnMostLeft,
-            [classes.stickyColumnLeastRight]: stickyColumnLeastRight,
-            [classes.variantList]: tableContext.variant === "listrow",
-            [classes[`align${capitalize(align)}`]]: align !== "inherit",
-            [classes[`variant${capitalize(variant)}`]]: variant !== "default"
-          },
-          className
-        ),
-        "aria-sort": sortable ? sortDirection : void 0,
-        ...others,
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cx(classes.headerContent, {
-              [classes[`alignFlex${capitalize(align)}`]]: align !== "inherit"
-            }),
-            children: [
-              isHeadCell && sortable && /* @__PURE__ */ jsx(
-                HvButton,
-                {
-                  className: classes.sortButton,
-                  icon: true,
-                  overrideIconColors: false,
-                  "aria-label": "Sort",
-                  ...sortButtonProps,
-                  children: /* @__PURE__ */ jsx(Sort, { className: classes.sortIcon })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                HvTypography,
-                {
-                  component: "div",
-                  className: cx({
-                    [classes.headerText]: !paragraph,
-                    [classes.headerParagraph]: paragraph,
-                    [classes.sortableHeaderText]: sortable
-                  }),
-                  variant: "label",
-                  ...headerTextProps,
-                  children
-                }
-              ),
-              resizable && /* @__PURE__ */ jsx("div", { ...resizerProps, className: classes.resizer })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-export {
-  HvTableHeader,
-  staticClasses as tableHeaderClasses
-};
-//# sourceMappingURL=TableHeader.mjs.map

package/dist/esm/Table/TableHeader/TableHeader.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.mjs","sources":["../../../../src/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import {\n  forwardRef,\n  HTMLAttributes,\n  ThHTMLAttributes,\n  useContext,\n  useMemo,\n} from \"react\";\n\nimport capitalize from \"lodash/capitalize\";\n\nimport { hexToRgb, alpha } from \"@mui/material/styles\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTypography, HvTypographyProps } from \"../../Typography\";\nimport { useTheme } from \"../../hooks/useTheme\";\nimport { ExtractNames } from \"../../utils/classes\";\nimport { HvButton, HvButtonProps } from \"../../Button\";\n\nimport { useDefaultProps } from \"../../hooks/useDefaultProps\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport { useClasses, staticClasses } from \"./TableHeader.styles\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\n\nexport { staticClasses as tableHeaderClasses };\n\nexport type HvTableHeaderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableHeaderProps\n  extends Omit<ThHTMLAttributes<HTMLTableCellElement>, \"align\"> {\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  /** Extra props to be passed onto the sort button in the header. */\n  sortButtonProps?: HvButtonProps;\n}\n\nconst defaultComponent = \"th\";\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nexport const HvTableHeader = forwardRef<HTMLElement, HvTableHeaderProps>(\n  (props, externalRef) => {\n    const {\n      children,\n      component,\n      className,\n      style: styleProp,\n      classes: classesProp,\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      sortButtonProps,\n      ...others\n    } = useDefaultProps(\"HvTableHeader\", props);\n    const { classes, cx, css } = useClasses(classesProp);\n\n    const { colors } = 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 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    // Keep the header sticky\n    const style = stickyColumn\n      ? { ...styleProp, position: \"sticky\" }\n      : styleProp;\n\n    return (\n      <Component\n        ref={externalRef}\n        role={role}\n        scope={scope}\n        style={style}\n        className={cx(\n          classes.root,\n          classes[type],\n          type === \"body\" &&\n            css({\n              [`&.${staticClasses.sorted}`]: {\n                backgroundColor: alpha(\n                  hexToRgb(colors?.atmo1 || theme.colors.atmo1),\n                  0.4\n                ),\n              },\n            }),\n          {\n            [classes.groupColumnMostLeft]: groupColumnMostLeft,\n            [classes.groupColumnMostRight]: groupColumnMostRight,\n            [classes.sortable]: sortable,\n            [classes.sorted]: sorted,\n            [classes.resizable]: resizable,\n            [classes.resizing]: resizing,\n            [classes.stickyColumn]: stickyColumn,\n            [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n            [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n            [classes.variantList]: tableContext.variant === \"listrow\",\n            [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n            [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n          },\n          className\n        )}\n        aria-sort={sortable ? sortDirection : undefined}\n        {...others}\n      >\n        <div\n          className={cx(classes.headerContent, {\n            [classes[`alignFlex${capitalize(align)}`]]: align !== \"inherit\",\n          })}\n        >\n          {isHeadCell && sortable && (\n            <HvButton\n              className={classes.sortButton}\n              icon\n              overrideIconColors={false}\n              aria-label=\"Sort\"\n              {...sortButtonProps}\n            >\n              <Sort className={classes.sortIcon} />\n            </HvButton>\n          )}\n          <HvTypography\n            component=\"div\"\n            className={cx({\n              [classes.headerText]: !paragraph,\n              [classes.headerParagraph]: paragraph,\n              [classes.sortableHeaderText]: sortable,\n            })}\n            variant=\"label\"\n            {...headerTextProps}\n          >\n            {children}\n          </HvTypography>\n          {resizable && <div {...resizerProps} className={classes.resizer} />}\n        </div>\n      </Component>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;AA+EA,MAAM,mBAAmB;AAKlB,MAAM,gBAAgB;AAAA,EAC3B,CAAC,OAAO,gBAAgB;AAChB,UAAA;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,MACN,eAAe;AAAA,MACf,uBAAuB;AAAA,MACvB,yBAAyB;AAAA,MACzB,sBAAsB;AAAA,MACtB,uBAAuB;AAAA,MACvB,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe,CAAC;AAAA,MAChB,YAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,MACA,GAAG;AAAA,IAAA,IACD,gBAAgB,iBAAiB,KAAK;AAC1C,UAAM,EAAE,SAAS,IAAI,IAAI,IAAI,WAAW,WAAW;AAE7C,UAAA,EAAE,WAAW;AACb,UAAA,eAAe,WAAW,YAAY;AACtC,UAAA,sBAAsB,WAAW,mBAAmB;AAEpD,UAAA,OAAO,YAAY,qBAAqB,QAAQ;AACtD,UAAM,aAAa,SAAS;AAEtB,UAAA,QAAQ,cAAc,aAAa,QAAQ;AAEjD,UAAM,OAAO;AAAA,MACX,MAAM,YAAY,UAAU,aAAa;AAAA,MACzC,CAAC,QAAQ,aAAa;AAAA,IAAA;AAGxB,UAAM,YACJ,aAAa,cAAc,YAAY,MAAM;AAE/C,UAAM,OACJ,cAAc,mBACV,OACA,aACA,iBACA;AACA,UAAA,YAAY,YAAY,QAAQ;AAGtC,UAAM,QAAQ,eACV,EAAE,GAAG,WAAW,UAAU,SAC1B,IAAA;AAGF,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,QAAQ,IAAI;AAAA,UACZ,SAAS,UACP,IAAI;AAAA,YACF,CAAC,KAAK,cAAc,MAAM,EAAE,GAAG;AAAA,cAC7B,iBAAiB;AAAA,gBACf,SAAS,QAAQ,SAAS,MAAM,OAAO,KAAK;AAAA,gBAC5C;AAAA,cACF;AAAA,YACF;AAAA,UAAA,CACD;AAAA,UACH;AAAA,YACE,CAAC,QAAQ,mBAAmB,GAAG;AAAA,YAC/B,CAAC,QAAQ,oBAAoB,GAAG;AAAA,YAChC,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,MAAM,GAAG;AAAA,YAClB,CAAC,QAAQ,SAAS,GAAG;AAAA,YACrB,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,YAAY,GAAG;AAAA,YACxB,CAAC,QAAQ,oBAAoB,GAAG;AAAA,YAChC,CAAC,QAAQ,sBAAsB,GAAG;AAAA,YAClC,CAAC,QAAQ,WAAW,GAAG,aAAa,YAAY;AAAA,YAChD,CAAC,QAAQ,QAAQ,WAAW,KAAK,CAAC,EAAE,CAAC,GAAG,UAAU;AAAA,YAClD,CAAC,QAAQ,UAAU,WAAW,OAAO,CAAC,EAAE,CAAC,GAAG,YAAY;AAAA,UAC1D;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAW,WAAW,gBAAgB;AAAA,QACrC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,QAAQ,eAAe;AAAA,cACnC,CAAC,QAAQ,YAAY,WAAW,KAAK,CAAC,EAAE,CAAC,GAAG,UAAU;AAAA,YAAA,CACvD;AAAA,YAEA,UAAA;AAAA,cAAA,cAAc,YACb;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,QAAQ;AAAA,kBACnB,MAAI;AAAA,kBACJ,oBAAoB;AAAA,kBACpB,cAAW;AAAA,kBACV,GAAG;AAAA,kBAEJ,UAAC,oBAAA,MAAA,EAAK,WAAW,QAAQ,UAAU;AAAA,gBAAA;AAAA,cACrC;AAAA,cAEF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,WAAW,GAAG;AAAA,oBACZ,CAAC,QAAQ,UAAU,GAAG,CAAC;AAAA,oBACvB,CAAC,QAAQ,eAAe,GAAG;AAAA,oBAC3B,CAAC,QAAQ,kBAAkB,GAAG;AAAA,kBAAA,CAC/B;AAAA,kBACD,SAAQ;AAAA,kBACP,GAAG;AAAA,kBAEH;AAAA,gBAAA;AAAA,cACH;AAAA,cACC,aAAc,oBAAA,OAAA,EAAK,GAAG,cAAc,WAAW,QAAQ,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACnE;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/esm/Table/TableHeader/TableHeader.styles.mjs

@@ -1,150 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../utils/classes.mjs";
-const { staticClasses, useClasses } = createClasses("HvTableHeader", {
-  root: {
-    "--first-row-cell-height": "52px",
-    "--cell-height": "32px",
-    height: "var(--cell-height)",
-    verticalAlign: "inherit",
-    textAlign: "left",
-    padding: theme.spacing(0, 1, 0, 4),
-    borderBottom: `1px solid ${theme.colors.atmo4}`
-  },
-  head: {
-    paddingTop: 8,
-    verticalAlign: "top",
-    ...theme.typography.label,
-    transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-    backgroundColor: theme.colors.atmo1,
-    borderBottom: `1px solid ${theme.colors.atmo4}`,
-    "*:first-of-type > &": {
-      height: "var(--first-row-cell-height)",
-      borderTop: "1px solid transparent"
-    },
-    "&$variantList": {
-      backgroundColor: "inherit",
-      borderBottom: 0,
-      "*:first-of-type > &": {
-        borderTop: 0
-      }
-    },
-    "&$sortable": {
-      verticalAlign: "initial",
-      paddingTop: 0,
-      paddingLeft: 0,
-      cursor: "pointer",
-      "&:hover": {
-        backgroundColor: "transparent",
-        "& $sortIcon": {
-          visibility: "visible"
-        }
-      },
-      "&:focus-within": {
-        backgroundColor: "transparent",
-        "& $sortIcon": {
-          visibility: "visible"
-        }
-      }
-    }
-  },
-  body: {
-    backgroundColor: "inherit",
-    ...theme.typography.body,
-    "&$sortable:not($variantNone)": {
-      paddingLeft: 32
-    }
-  },
-  footer: {},
-  stickyColumn: {
-    position: "sticky",
-    zIndex: 2,
-    "&$groupColumnMostRight+$stickyColumn": {
-      borderLeft: 0
-    }
-  },
-  stickyColumnMostLeft: { borderRight: `solid 1px ${theme.colors.atmo4}` },
-  stickyColumnLeastRight: { borderLeft: `solid 1px ${theme.colors.atmo4}` },
-  groupColumnMostLeft: { borderLeft: `solid 1px ${theme.colors.atmo4}` },
-  groupColumnMostRight: {
-    borderRight: `solid 1px ${theme.colors.atmo4}`,
-    // due to the ":has()" selector not being supported in browsers,
-    // this need to be managed with inline styles
-    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)
-    // "&:last-child,&:has(+ $stickyColumnLeastRight)": {
-    "&:last-child": {
-      borderRight: 0
-    },
-    "&+:not($stickyColumn)": {
-      borderLeft: 0
-    }
-  },
-  headerContent: { display: "flex", alignItems: "flex-start", width: "100%" },
-  headerText: { overflow: "hidden", textOverflow: "ellipsis" },
-  headerParagraph: { overflow: "hidden", display: "-webkit-box" },
-  sortableHeaderText: { paddingTop: "8px" },
-  sorted: {
-    "& $sortIcon": {
-      visibility: "visible"
-    }
-  },
-  sortable: {},
-  sortButton: {
-    "$root$sortable &": {
-      boxShadow: "none",
-      backgroundColor: "transparent",
-      "&:hover": {
-        backgroundColor: theme.colors.primary_20
-      }
-    }
-  },
-  sortIcon: { display: "inline-flex", visibility: "hidden" },
-  alignLeft: { textAlign: "left" },
-  alignRight: { textAlign: "right", flexDirection: "row-reverse" },
-  alignCenter: { textAlign: "center" },
-  alignJustify: { textAlign: "justify" },
-  alignFlexLeft: { justifyContent: "flex-start" },
-  alignFlexRight: { justifyContent: "flex-end" },
-  alignFlexCenter: { justifyContent: "center" },
-  alignFlexJustify: { textAlign: "justify" },
-  variantCheckbox: {
-    padding: 0,
-    width: 32,
-    maxWidth: 32,
-    borderRight: `solid 1px ${theme.colors.atmo4}`
-  },
-  variantExpand: {},
-  variantActions: {
-    padding: 0,
-    width: 32,
-    maxWidth: 32,
-    borderLeft: `solid 1px ${theme.colors.atmo4}`
-  },
-  variantNone: { padding: 0 },
-  variantList: {
-    backgroundColor: "inherit",
-    borderBottom: 0,
-    height: 16,
-    ":first-of-type > &": {
-      borderTop: 0,
-      height: 16
-    }
-  },
-  resizable: { borderRight: `solid 1px ${theme.colors.atmo4}` },
-  resizing: { borderRight: `solid 2px ${theme.colors.secondary}` },
-  resizer: {
-    display: "inline-block",
-    width: 10,
-    height: "100%",
-    position: "absolute",
-    right: 0,
-    top: 0,
-    transform: "translateX(50%)",
-    zIndex: 1,
-    touchAction: "none"
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=TableHeader.styles.mjs.map

package/dist/esm/Table/TableHeader/TableHeader.styles.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.styles.mjs","sources":["../../../../src/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableHeader\", {\n  root: {\n    \"--first-row-cell-height\": \"52px\",\n    \"--cell-height\": \"32px\",\n    height: \"var(--cell-height)\",\n    verticalAlign: \"inherit\",\n    textAlign: \"left\",\n    padding: theme.spacing(0, 1, 0, 4),\n    borderBottom: `1px solid ${theme.colors.atmo4}`,\n  },\n  head: {\n    paddingTop: 8,\n    verticalAlign: \"top\",\n    ...theme.typography.label,\n    transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n    backgroundColor: theme.colors.atmo1,\n    borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n    \"*:first-of-type > &\": {\n      height: \"var(--first-row-cell-height)\",\n      borderTop: \"1px solid transparent\",\n    },\n\n    \"&$variantList\": {\n      backgroundColor: \"inherit\",\n      borderBottom: 0,\n      \"*:first-of-type > &\": {\n        borderTop: 0,\n      },\n    },\n\n    \"&$sortable\": {\n      verticalAlign: \"initial\",\n      paddingTop: 0,\n      paddingLeft: 0,\n      cursor: \"pointer\",\n\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n      \"&:focus-within\": {\n        backgroundColor: \"transparent\",\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n    },\n  },\n  body: {\n    backgroundColor: \"inherit\",\n    ...theme.typography.body,\n    \"&$sortable:not($variantNone)\": {\n      paddingLeft: 32,\n    },\n  },\n  footer: {},\n  stickyColumn: {\n    position: \"sticky\",\n    zIndex: 2,\n\n    \"&$groupColumnMostRight+$stickyColumn\": {\n      borderLeft: 0,\n    },\n  },\n  stickyColumnMostLeft: { borderRight: `solid 1px ${theme.colors.atmo4}` },\n  stickyColumnLeastRight: { borderLeft: `solid 1px ${theme.colors.atmo4}` },\n  groupColumnMostLeft: { borderLeft: `solid 1px ${theme.colors.atmo4}` },\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($stickyColumn)\": {\n      borderLeft: 0,\n    },\n  },\n  headerContent: { display: \"flex\", alignItems: \"flex-start\", width: \"100%\" },\n  headerText: { overflow: \"hidden\", textOverflow: \"ellipsis\" },\n  headerParagraph: { overflow: \"hidden\", display: \"-webkit-box\" },\n  sortableHeaderText: { paddingTop: \"8px\" },\n  sorted: {\n    \"& $sortIcon\": {\n      visibility: \"visible\",\n    },\n  },\n  sortable: {},\n  sortButton: {\n    \"$root$sortable &\": {\n      boxShadow: \"none\",\n      backgroundColor: \"transparent\",\n      \"&:hover\": {\n        backgroundColor: theme.colors.primary_20,\n      },\n    },\n  },\n  sortIcon: { display: \"inline-flex\", visibility: \"hidden\" },\n  alignLeft: { textAlign: \"left\" },\n  alignRight: { textAlign: \"right\", flexDirection: \"row-reverse\" },\n  alignCenter: { textAlign: \"center\" },\n  alignJustify: { textAlign: \"justify\" },\n  alignFlexLeft: { justifyContent: \"flex-start\" },\n  alignFlexRight: { justifyContent: \"flex-end\" },\n  alignFlexCenter: { justifyContent: \"center\" },\n  alignFlexJustify: { textAlign: \"justify\" },\n  variantCheckbox: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderRight: `solid 1px ${theme.colors.atmo4}`,\n  },\n  variantExpand: {},\n  variantActions: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderLeft: `solid 1px ${theme.colors.atmo4}`,\n  },\n  variantNone: { padding: 0 },\n  variantList: {\n    backgroundColor: \"inherit\",\n    borderBottom: 0,\n    height: 16,\n    \":first-of-type > &\": {\n      borderTop: 0,\n      height: 16,\n    },\n  },\n  resizable: { borderRight: `solid 1px ${theme.colors.atmo4}` },\n  resizing: { borderRight: `solid 2px ${theme.colors.secondary}` },\n  resizer: {\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});\n"],"names":[],"mappings":"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"}

package/dist/esm/Table/TableHeader/utils.mjs

@@ -1,19 +0,0 @@
-import { SortXS, SortDescendingXS, SortAscendingXS } from "@hitachivantara/uikit-react-icons";
-const getSortIcon = (dir) => {
-  switch (dir) {
-    case "ascending":
-      return SortAscendingXS;
-    case "descending":
-      return SortDescendingXS;
-    default:
-      return SortXS;
-  }
-};
-const isParagraph = (children) => {
-  return typeof children === "string" && /\s/.test(children);
-};
-export {
-  getSortIcon,
-  isParagraph
-};
-//# sourceMappingURL=utils.mjs.map

package/dist/esm/Table/TableHeader/utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/Table/TableHeader/utils.ts"],"sourcesContent":["import {\n  SortXS,\n  SortAscendingXS,\n  SortDescendingXS,\n} from \"@hitachivantara/uikit-react-icons\";\n\nexport const getSortIcon = (dir?: string | false) => {\n  switch (dir) {\n    case \"ascending\":\n      return SortAscendingXS;\n    case \"descending\":\n      return SortDescendingXS;\n    default:\n      return SortXS;\n  }\n};\n\nexport const isParagraph = (children: React.ReactNode) => {\n  return typeof children === \"string\" && /\\s/.test(children);\n};\n"],"names":[],"mappings":";AAMa,MAAA,cAAc,CAAC,QAAyB;AACnD,UAAQ,KAAK;AAAA,IACX,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF;AAEa,MAAA,cAAc,CAAC,aAA8B;AACxD,SAAO,OAAO,aAAa,YAAY,KAAK,KAAK,QAAQ;AAC3D;"}

package/dist/esm/Table/TableRow/TableRow.mjs

@@ -1,55 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useContext } from "react";
-import { useDefaultProps } from "../../hooks/useDefaultProps.mjs";
-import TableContext from "../TableContext.mjs";
-import TableSectionContext from "../TableSectionContext.mjs";
-import { useClasses } from "./TableRow.styles.mjs";
-import { staticClasses } from "./TableRow.styles.mjs";
-const defaultComponent = "tr";
-const HvTableRow = forwardRef(
-  (props, externalRef) => {
-    const {
-      classes: classesProp,
-      className,
-      component,
-      hover = false,
-      selected = false,
-      expanded = false,
-      striped = false,
-      ...others
-    } = useDefaultProps("HvTableRow", props);
-    const { classes, cx } = useClasses(classesProp);
-    const tableContext = useContext(TableContext);
-    const tableSectionContext = useContext(TableSectionContext);
-    const type = tableSectionContext?.type || "body";
-    const isList = tableContext.variant === "listrow";
-    const Component = component || tableContext?.components?.Tr || defaultComponent;
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref: externalRef,
-        className: cx(
-          tableSectionContext.filterClassName,
-          classes.root,
-          classes[type],
-          {
-            [classes.hover]: hover,
-            [classes.selected]: selected,
-            [classes.expanded]: expanded,
-            [classes.striped]: striped,
-            [classes.variantList]: isList && type === "body",
-            [classes.variantListHead]: isList && type === "head"
-          },
-          className
-        ),
-        role: Component === defaultComponent ? null : "row",
-        ...others
-      }
-    );
-  }
-);
-export {
-  HvTableRow,
-  staticClasses as tableRowClasses
-};
-//# sourceMappingURL=TableRow.mjs.map

package/dist/esm/Table/TableRow/TableRow.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableRow.mjs","sources":["../../../../src/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext } from \"react\";\n\nimport { ExtractNames } from \"../../utils/classes\";\nimport { HvBaseProps } from \"../../types/generic\";\nimport { useDefaultProps } from \"../../hooks/useDefaultProps\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableRow.styles\";\n\nexport { staticClasses as tableRowClasses };\n\nexport type HvTableRowClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableRowProps\n  extends HvBaseProps<HTMLTableRowElement, \"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\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n  (props, externalRef) => {\n    const {\n      classes: classesProp,\n      className,\n      component,\n      hover = false,\n      selected = false,\n      expanded = false,\n      striped = false,\n      ...others\n    } = useDefaultProps(\"HvTableRow\", props);\n\n    const { classes, cx } = useClasses(classesProp);\n\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    return (\n      <Component\n        ref={externalRef}\n        className={cx(\n          tableSectionContext.filterClassName,\n          classes.root,\n          classes[type],\n          {\n            [classes.hover]: hover,\n            [classes.selected]: selected,\n            [classes.expanded]: expanded,\n            [classes.striped]: striped,\n            [classes.variantList]: isList && type === \"body\",\n            [classes.variantListHead]: isList && type === \"head\",\n          },\n          className\n        )}\n        role={Component === defaultComponent ? null : \"row\"}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;AAgCA,MAAM,mBAAmB;AAKlB,MAAM,aAAa;AAAA,EACxB,CAAC,OAAO,gBAAgB;AAChB,UAAA;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,WAAW;AAAA,MACX,UAAU;AAAA,MACV,GAAG;AAAA,IAAA,IACD,gBAAgB,cAAc,KAAK;AAEvC,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAExC,UAAA,eAAe,WAAW,YAAY;AACtC,UAAA,sBAAsB,WAAW,mBAAmB;AAEpD,UAAA,OAAO,qBAAqB,QAAQ;AAEpC,UAAA,SAAS,aAAa,YAAY;AAExC,UAAM,YACJ,aAAa,cAAc,YAAY,MAAM;AAG7C,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW;AAAA,UACT,oBAAoB;AAAA,UACpB,QAAQ;AAAA,UACR,QAAQ,IAAI;AAAA,UACZ;AAAA,YACE,CAAC,QAAQ,KAAK,GAAG;AAAA,YACjB,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,OAAO,GAAG;AAAA,YACnB,CAAC,QAAQ,WAAW,GAAG,UAAU,SAAS;AAAA,YAC1C,CAAC,QAAQ,eAAe,GAAG,UAAU,SAAS;AAAA,UAChD;AAAA,UACA;AAAA,QACF;AAAA,QACA,MAAM,cAAc,mBAAmB,OAAO;AAAA,QAC7C,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/dist/esm/Table/TableRow/TableRow.styles.mjs

@@ -1,80 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../utils/classes.mjs";
-import { getBorderStyles } from "../utils/utils.mjs";
-const { staticClasses, useClasses } = createClasses("HvTableRow", {
-  /** Styles applied to the component root class. */
-  root: {
-    color: "inherit",
-    backgroundColor: theme.colors.atmo1,
-    verticalAlign: "middle",
-    outline: 0
-  },
-  /** Styles applied to the component root when inside a `HvTableHead`. */
-  head: {},
-  /** Styles applied to the component root when inside a `HvTableBody`. */
-  body: {},
-  /** Styles applied to the component root when inside a `HvTableFooter`. */
-  footer: {},
-  /** Styles applied to the component root when selected. */
-  selected: {
-    backgroundColor: theme.colors.atmo2
-  },
-  /** Styles applied to the component root when expanded. */
-  expanded: {
-    backgroundColor: theme.colors.atmo1,
-    "& > *[role=cell]": {
-      borderBottom: "none"
-    }
-  },
-  /** Styles applied to the component root when striped. */
-  striped: {
-    "&:nth-of-type(even)": {
-      backgroundColor: theme.alpha("atmo1", 0.6),
-      "&:hover": {
-        backgroundColor: theme.colors.containerBackgroundHover
-      }
-    },
-    "&:nth-of-type(odd)": {
-      backgroundColor: "transparent",
-      "&:hover": {
-        backgroundColor: theme.colors.containerBackgroundHover
-      }
-    }
-  },
-  /** Styles applied to the component root on hover. */
-  hover: {
-    transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-    "&:hover": {
-      backgroundColor: theme.colors.containerBackgroundHover
-    }
-  },
-  /** Styles applied to the component root when its table variant is list. */
-  variantList: {
-    // only applied on custom `display`
-    marginBottom: theme.space.xs,
-    borderRadius: theme.radii.round,
-    ...getBorderStyles(theme.colors.atmo4, theme.radii.round),
-    backgroundColor: theme.colors.atmo1,
-    "&$selected": {
-      ...getBorderStyles(theme.colors.secondary, theme.radii.round),
-      "&:hover": {
-        ...getBorderStyles(theme.colors.atmo4, theme.radii.round)
-      }
-    },
-    "&:hover": {
-      ...getBorderStyles(theme.colors.atmo4, theme.radii.round)
-    },
-    "&.HvIsFocused": {
-      borderRadius: theme.radii.round
-    }
-  },
-  /** Styles applied to the component root when its table variant is list. */
-  variantListHead: {
-    backgroundColor: "transparent"
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=TableRow.styles.mjs.map

package/dist/esm/Table/TableRow/TableRow.styles.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableRow.styles.mjs","sources":["../../../../src/Table/TableRow/TableRow.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableRow\", {\n  /** Styles applied to the component root class. */\n  root: {\n    color: \"inherit\",\n    backgroundColor: theme.colors.atmo1,\n    verticalAlign: \"middle\",\n    outline: 0,\n  },\n  /** Styles applied to the component root when inside a `HvTableHead`. */\n  head: {},\n  /** Styles applied to the component root when inside a `HvTableBody`. */\n  body: {},\n  /** Styles applied to the component root when inside a `HvTableFooter`. */\n  footer: {},\n  /** Styles applied to the component root when selected. */\n  selected: {\n    backgroundColor: theme.colors.atmo2,\n  },\n  /** Styles applied to the component root when expanded. */\n  expanded: {\n    backgroundColor: theme.colors.atmo1,\n    \"& > *[role=cell]\": {\n      borderBottom: \"none\",\n    },\n  },\n  /** Styles applied to the component root when striped. */\n  striped: {\n    \"&:nth-of-type(even)\": {\n      backgroundColor: theme.alpha(\"atmo1\", 0.6),\n\n      \"&:hover\": {\n        backgroundColor: theme.colors.containerBackgroundHover,\n      },\n    },\n    \"&:nth-of-type(odd)\": {\n      backgroundColor: \"transparent\",\n\n      \"&:hover\": {\n        backgroundColor: theme.colors.containerBackgroundHover,\n      },\n    },\n  },\n  /** Styles applied to the component root on hover. */\n  hover: {\n    transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n    \"&:hover\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantList: {\n    // only applied on custom `display`\n    marginBottom: theme.space.xs,\n    borderRadius: theme.radii.round,\n\n    ...getBorderStyles(theme.colors.atmo4, theme.radii.round),\n    backgroundColor: theme.colors.atmo1,\n    \"&$selected\": {\n      ...getBorderStyles(theme.colors.secondary, theme.radii.round),\n\n      \"&:hover\": {\n        ...getBorderStyles(theme.colors.atmo4, theme.radii.round),\n      },\n    },\n\n    \"&:hover\": {\n      ...getBorderStyles(theme.colors.atmo4, theme.radii.round),\n    },\n    \"&.HvIsFocused\": {\n      borderRadius: theme.radii.round,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantListHead: {\n    backgroundColor: \"transparent\",\n  },\n});\n"],"names":[],"mappings":";;;AAMO,MAAM,EAAE,eAAe,eAAe,cAAc,cAAc;AAAA;AAAA,EAEvE,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,iBAAiB,MAAM,OAAO;AAAA,IAC9B,eAAe;AAAA,IACf,SAAS;AAAA,EACX;AAAA;AAAA,EAEA,MAAM,CAAC;AAAA;AAAA,EAEP,MAAM,CAAC;AAAA;AAAA,EAEP,QAAQ,CAAC;AAAA;AAAA,EAET,UAAU;AAAA,IACR,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA;AAAA,EAEA,UAAU;AAAA,IACR,iBAAiB,MAAM,OAAO;AAAA,IAC9B,oBAAoB;AAAA,MAClB,cAAc;AAAA,IAChB;AAAA,EACF;AAAA;AAAA,EAEA,SAAS;AAAA,IACP,uBAAuB;AAAA,MACrB,iBAAiB,MAAM,MAAM,SAAS,GAAG;AAAA,MAEzC,WAAW;AAAA,QACT,iBAAiB,MAAM,OAAO;AAAA,MAChC;AAAA,IACF;AAAA,IACA,sBAAsB;AAAA,MACpB,iBAAiB;AAAA,MAEjB,WAAW;AAAA,QACT,iBAAiB,MAAM,OAAO;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,EACF;AAAA;AAAA,EAEA,aAAa;AAAA;AAAA,IAEX,cAAc,MAAM,MAAM;AAAA,IAC1B,cAAc,MAAM,MAAM;AAAA,IAE1B,GAAG,gBAAgB,MAAM,OAAO,OAAO,MAAM,MAAM,KAAK;AAAA,IACxD,iBAAiB,MAAM,OAAO;AAAA,IAC9B,cAAc;AAAA,MACZ,GAAG,gBAAgB,MAAM,OAAO,WAAW,MAAM,MAAM,KAAK;AAAA,MAE5D,WAAW;AAAA,QACT,GAAG,gBAAgB,MAAM,OAAO,OAAO,MAAM,MAAM,KAAK;AAAA,MAC1D;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,GAAG,gBAAgB,MAAM,OAAO,OAAO,MAAM,MAAM,KAAK;AAAA,IAC1D;AAAA,IACA,iBAAiB;AAAA,MACf,cAAc,MAAM,MAAM;AAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEA,iBAAiB;AAAA,IACf,iBAAiB;AAAA,EACnB;AACF,CAAC;"}

package/dist/esm/Table/TableSectionContext.mjs

@@ -1,7 +0,0 @@
-import { createContext } from "react";
-const TableSectionContext = createContext({});
-const TableSectionContext$1 = TableSectionContext;
-export {
-  TableSectionContext$1 as default
-};
-//# sourceMappingURL=TableSectionContext.mjs.map

package/dist/esm/Table/TableSectionContext.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableSectionContext.mjs","sources":["../../../src/Table/TableSectionContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type TableSectionContextProps = {\n  type?: string;\n  filterClassName?: string;\n};\n\nconst TableSectionContext = createContext<TableSectionContextProps>({});\n\nexport default TableSectionContext;\n"],"names":[],"mappings":";AAOA,MAAM,sBAAsB,cAAwC,CAAA,CAAE;AAEtE,MAAA,wBAAe;"}

package/dist/esm/Table/hooks/useBulkActions.mjs

@@ -1,98 +0,0 @@
-import { useCallback } from "react";
-import { ensurePluginOrder, useGetLatest, makePropGetter } from "react-table";
-const useInstanceHook = (instance) => {
-  const { plugins, page, toggleAllPageRowsSelected, toggleAllRowsSelected } = instance;
-  ensurePluginOrder(plugins, ["useHvRowSelection"], "useHvBulkActions");
-  const getInstance = useGetLatest(instance);
-  const getHvBulkActionsProps = makePropGetter(
-    instance.getHooks().getHvBulkActionsProps,
-    {
-      instance: getInstance()
-    }
-  );
-  const isPaginated = !!page;
-  const invertedToggleAllRowsSelected = useCallback(() => {
-    if (!isPaginated)
-      return toggleAllRowsSelected();
-    const {
-      aditivePageBulkSelection: additivePageBulkSelection,
-      subtractivePageBulkDeselection,
-      isNoRowsSelected,
-      isNoPageRowsSelected,
-      isAllSelectablePageRowsSelected,
-      isAllSelectablePageRowsUnselected
-    } = getInstance();
-    if (additivePageBulkSelection && subtractivePageBulkDeselection) {
-      return toggleAllPageRowsSelected(!isAllSelectablePageRowsSelected);
-    }
-    if (additivePageBulkSelection && !subtractivePageBulkDeselection) {
-      if (!isAllSelectablePageRowsSelected) {
-        return toggleAllPageRowsSelected(true);
-      }
-      return toggleAllRowsSelected(false);
-    }
-    if (!additivePageBulkSelection && !subtractivePageBulkDeselection) {
-      if (isNoRowsSelected) {
-        return toggleAllPageRowsSelected(true);
-      }
-      return toggleAllRowsSelected(false);
-    }
-    if (!additivePageBulkSelection && subtractivePageBulkDeselection) {
-      if (isNoRowsSelected) {
-        return toggleAllPageRowsSelected(true);
-      }
-      if (!isAllSelectablePageRowsUnselected) {
-        return toggleAllPageRowsSelected(false);
-      }
-      if (!isNoPageRowsSelected) {
-        return toggleAllPageRowsSelected(false);
-      }
-      return toggleAllRowsSelected(false);
-    }
-    return toggleAllPageRowsSelected();
-  }, [
-    getInstance,
-    isPaginated,
-    toggleAllPageRowsSelected,
-    toggleAllRowsSelected
-  ]);
-  Object.assign(instance, {
-    getHvBulkActionsProps,
-    invertedToggleAllRowsSelected,
-    aditivePageBulkSelection: !!instance.aditivePageBulkSelection,
-    subtractivePageBulkDeselection: !!instance.subtractivePageBulkDeselection
-  });
-};
-const defaultgetHvBulkActionsProps = (props, { instance }) => {
-  const {
-    rows,
-    initialRows,
-    selectedFlatRows,
-    state: { selectedRowIds = {} } = {},
-    page,
-    toggleAllRowsSelected,
-    invertedToggleAllRowsSelected,
-    showSelectAllPages = true,
-    applyToggleAllRowsSelectedToPrefilteredRows
-  } = instance;
-  const isPaginated = !!page;
-  const nextProps = {
-    numTotal: applyToggleAllRowsSelectedToPrefilteredRows ? initialRows.length : rows.length,
-    numSelected: applyToggleAllRowsSelectedToPrefilteredRows ? Object.keys(selectedRowIds).length : selectedFlatRows.length,
-    showSelectAllPages: showSelectAllPages && isPaginated,
-    onSelectAll: invertedToggleAllRowsSelected,
-    onSelectAllPages: toggleAllRowsSelected
-  };
-  return [props, nextProps];
-};
-const useBulkActions = (hooks) => {
-  hooks.getHvBulkActionsProps = [defaultgetHvBulkActionsProps];
-  hooks.useInstance.push(useInstanceHook);
-};
-useBulkActions.pluginName = "useHvBulkActions";
-const useBulkActions$1 = useBulkActions;
-export {
-  useBulkActions$1 as default,
-  defaultgetHvBulkActionsProps
-};
-//# sourceMappingURL=useBulkActions.mjs.map

package/dist/esm/Table/hooks/useBulkActions.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBulkActions.mjs","sources":["../../../../src/Table/hooks/useBulkActions.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport {\n  Hooks,\n  PropGetter,\n  TableCommonProps,\n  makePropGetter,\n  useGetLatest,\n  ensurePluginOrder,\n} from \"react-table\";\n\n// #region ##### TYPES #####\n\n// TODO: fix typo in v6\nexport interface HvTAbleBulkActionsProps extends TableCommonProps {\n  numTotal: number;\n  numSelected: number;\n  showSelectAllPages: boolean;\n  onSelectAll: () => void;\n  onSelectAllPages: () => void;\n  labels?: Record<string, string>;\n}\n\nexport type HvBulkActionsPropGetter<D extends object> = PropGetter<\n  D,\n  HvTAbleBulkActionsProps\n>;\n\nexport interface UseHvBulkActionsHooks<D extends object> {\n  getHvBulkActionsProps: Array<HvBulkActionsPropGetter<D>>;\n}\n\nexport type UseHvBulkActionsTableOptions = {\n  // TODO: fix typo in v6\n  /** Controls whether the \"Select all\" should _select_ or _unselect_ the rows, in a partial selection state. */\n  aditivePageBulkSelection?: boolean;\n  /** Controls whether _only the current page_ or _all pages_ should be unselected */\n  subtractivePageBulkDeselection?: boolean;\n  showSelectAllPages?: boolean;\n};\n\nexport interface UseHvBulkActionsTableInstanceProps<D extends object> {\n  getHvBulkActionsProps: (\n    propGetter?: HvBulkActionsPropGetter<D>\n  ) => HvTAbleBulkActionsProps;\n  invertedToggleAllRowsSelected: () => void;\n}\n\nexport type UseBulkActionsProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst useInstanceHook = (instance) => {\n  const { plugins, page, toggleAllPageRowsSelected, toggleAllRowsSelected } =\n    instance;\n\n  ensurePluginOrder(plugins, [\"useHvRowSelection\"], \"useHvBulkActions\");\n\n  const getInstance = useGetLatest(instance);\n\n  const getHvBulkActionsProps = makePropGetter(\n    instance.getHooks().getHvBulkActionsProps,\n    {\n      instance: getInstance(),\n    }\n  );\n\n  const isPaginated = !!page;\n\n  const invertedToggleAllRowsSelected = useCallback(() => {\n    if (!isPaginated) return toggleAllRowsSelected();\n\n    const {\n      aditivePageBulkSelection: additivePageBulkSelection,\n      subtractivePageBulkDeselection,\n      isNoRowsSelected,\n      isNoPageRowsSelected,\n      isAllSelectablePageRowsSelected,\n      isAllSelectablePageRowsUnselected,\n    } = getInstance();\n\n    if (additivePageBulkSelection && subtractivePageBulkDeselection) {\n      return toggleAllPageRowsSelected(!isAllSelectablePageRowsSelected);\n    }\n\n    if (additivePageBulkSelection && !subtractivePageBulkDeselection) {\n      if (!isAllSelectablePageRowsSelected) {\n        return toggleAllPageRowsSelected(true);\n      }\n\n      return toggleAllRowsSelected(false);\n    }\n\n    if (!additivePageBulkSelection && !subtractivePageBulkDeselection) {\n      if (isNoRowsSelected) {\n        return toggleAllPageRowsSelected(true);\n      }\n\n      return toggleAllRowsSelected(false);\n    }\n\n    if (!additivePageBulkSelection && subtractivePageBulkDeselection) {\n      if (isNoRowsSelected) {\n        return toggleAllPageRowsSelected(true);\n      }\n      if (!isAllSelectablePageRowsUnselected) {\n        return toggleAllPageRowsSelected(false);\n      }\n      if (!isNoPageRowsSelected) {\n        return toggleAllPageRowsSelected(false);\n      }\n\n      return toggleAllRowsSelected(false);\n    }\n\n    return toggleAllPageRowsSelected();\n  }, [\n    getInstance,\n    isPaginated,\n    toggleAllPageRowsSelected,\n    toggleAllRowsSelected,\n  ]);\n\n  Object.assign(instance, {\n    getHvBulkActionsProps,\n    invertedToggleAllRowsSelected,\n    aditivePageBulkSelection: !!instance.aditivePageBulkSelection,\n    subtractivePageBulkDeselection: !!instance.subtractivePageBulkDeselection,\n  });\n};\n\n// TODO: fix typo in v6\nexport const defaultgetHvBulkActionsProps = (props, { instance }) => {\n  const {\n    rows,\n    initialRows,\n    selectedFlatRows,\n    state: { selectedRowIds = {} } = {},\n    page,\n    toggleAllRowsSelected,\n    invertedToggleAllRowsSelected,\n    showSelectAllPages = true,\n    applyToggleAllRowsSelectedToPrefilteredRows,\n  } = instance;\n\n  const isPaginated = !!page;\n\n  const nextProps: HvTAbleBulkActionsProps = {\n    numTotal: applyToggleAllRowsSelectedToPrefilteredRows\n      ? initialRows.length\n      : rows.length,\n    numSelected: applyToggleAllRowsSelectedToPrefilteredRows\n      ? Object.keys(selectedRowIds).length\n      : selectedFlatRows.length,\n    showSelectAllPages: showSelectAllPages && isPaginated,\n    onSelectAll: invertedToggleAllRowsSelected,\n    onSelectAllPages: toggleAllRowsSelected,\n  };\n\n  return [props, nextProps];\n};\n\nconst useBulkActions: UseBulkActionsProps = (hooks) => {\n  hooks.getHvBulkActionsProps = [defaultgetHvBulkActionsProps];\n\n  hooks.useInstance.push(useInstanceHook);\n};\n\nuseBulkActions.pluginName = \"useHvBulkActions\";\n\nexport default useBulkActions;\n"],"names":[],"mappings":";;AAqDA,MAAM,kBAAkB,CAAC,aAAa;AACpC,QAAM,EAAE,SAAS,MAAM,2BAA2B,0BAChD;AAEF,oBAAkB,SAAS,CAAC,mBAAmB,GAAG,kBAAkB;AAE9D,QAAA,cAAc,aAAa,QAAQ;AAEzC,QAAM,wBAAwB;AAAA,IAC5B,SAAS,WAAW;AAAA,IACpB;AAAA,MACE,UAAU,YAAY;AAAA,IACxB;AAAA,EAAA;AAGI,QAAA,cAAc,CAAC,CAAC;AAEhB,QAAA,gCAAgC,YAAY,MAAM;AACtD,QAAI,CAAC;AAAa,aAAO,sBAAsB;AAEzC,UAAA;AAAA,MACJ,0BAA0B;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,YAAY;AAEhB,QAAI,6BAA6B,gCAAgC;AACxD,aAAA,0BAA0B,CAAC,+BAA+B;AAAA,IACnE;AAEI,QAAA,6BAA6B,CAAC,gCAAgC;AAChE,UAAI,CAAC,iCAAiC;AACpC,eAAO,0BAA0B,IAAI;AAAA,MACvC;AAEA,aAAO,sBAAsB,KAAK;AAAA,IACpC;AAEI,QAAA,CAAC,6BAA6B,CAAC,gCAAgC;AACjE,UAAI,kBAAkB;AACpB,eAAO,0BAA0B,IAAI;AAAA,MACvC;AAEA,aAAO,sBAAsB,KAAK;AAAA,IACpC;AAEI,QAAA,CAAC,6BAA6B,gCAAgC;AAChE,UAAI,kBAAkB;AACpB,eAAO,0BAA0B,IAAI;AAAA,MACvC;AACA,UAAI,CAAC,mCAAmC;AACtC,eAAO,0BAA0B,KAAK;AAAA,MACxC;AACA,UAAI,CAAC,sBAAsB;AACzB,eAAO,0BAA0B,KAAK;AAAA,MACxC;AAEA,aAAO,sBAAsB,KAAK;AAAA,IACpC;AAEA,WAAO,0BAA0B;AAAA,EAAA,GAChC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,SAAO,OAAO,UAAU;AAAA,IACtB;AAAA,IACA;AAAA,IACA,0BAA0B,CAAC,CAAC,SAAS;AAAA,IACrC,gCAAgC,CAAC,CAAC,SAAS;AAAA,EAAA,CAC5C;AACH;AAGO,MAAM,+BAA+B,CAAC,OAAO,EAAE,eAAe;AAC7D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,iBAAiB,CAAC,EAAA,IAAM,CAAC;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,EACE,IAAA;AAEE,QAAA,cAAc,CAAC,CAAC;AAEtB,QAAM,YAAqC;AAAA,IACzC,UAAU,8CACN,YAAY,SACZ,KAAK;AAAA,IACT,aAAa,8CACT,OAAO,KAAK,cAAc,EAAE,SAC5B,iBAAiB;AAAA,IACrB,oBAAoB,sBAAsB;AAAA,IAC1C,aAAa;AAAA,IACb,kBAAkB;AAAA,EAAA;AAGb,SAAA,CAAC,OAAO,SAAS;AAC1B;AAEA,MAAM,iBAAsC,CAAC,UAAU;AAC/C,QAAA,wBAAwB,CAAC,4BAA4B;AAErD,QAAA,YAAY,KAAK,eAAe;AACxC;AAEA,eAAe,aAAa;AAE5B,MAAA,mBAAe;"}

package/dist/esm/Table/hooks/useFilters.mjs

@@ -1,7 +0,0 @@
-import { useFilters } from "react-table";
-import { useFilters as useFilters2 } from "react-table";
-useFilters.pluginName = "useHvFilters";
-export {
-  useFilters2 as default
-};
-//# sourceMappingURL=useFilters.mjs.map

package/dist/esm/Table/hooks/useFilters.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFilters.mjs","sources":["../../../../src/Table/hooks/useFilters.ts"],"sourcesContent":["import { useFilters as useHvFilters, Hooks } from \"react-table\";\n\nexport type UseFiltersProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n(useHvFilters.pluginName as string) = \"useHvFilters\";\n\nexport default useHvFilters as UseFiltersProps;\n"],"names":["useHvFilters"],"mappings":";;AAQCA,WAAa,aAAwB;"}