@hitachivantara/uikit-react-core 5.27.5 → 5.27.7

package/dist/cjs/components/Table/TableContainer/TableContainer.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const TableContainer_styles = require("./TableContainer.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const HvTableContainer = React.forwardRef(({
   classes: classesProp,
   className,
@@ -14,11 +14,7 @@ const HvTableContainer = React.forwardRef(({
     cx
   } = TableContainer_styles.useClasses(classesProp);
   const Component = component || "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, {
-    ref: externalRef,
-    className: cx(classes.root, className),
-    ...others
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref: externalRef, className: cx(classes.root, className), ...others });
 });
 exports.tableContainerClasses = TableContainer_styles.staticClasses;
 exports.HvTableContainer = HvTableContainer;

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

@@ -1 +1 @@
-{"version":3,"file":"TableContainer.cjs","sources":["../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./TableContainer.styles\";\n\nexport { staticClasses as tableContainerClasses };\n\nexport type HvTableContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableContainerProps\n  extends HvBaseProps<HTMLDivElement, \"children\"> {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component?: React.ElementType;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableContainerClasses;\n}\n\n/**\n * HvTableContainer is a container for the HvTable\n */\nexport const HvTableContainer = forwardRef<HTMLElement, HvTableContainerProps>(\n  ({ classes: classesProp, className, component, ...others }, externalRef) => {\n    const { classes, cx } = useClasses(classesProp);\n\n    const Component = component || \"div\";\n\n    return (\n      <Component\n        ref={externalRef}\n        className={cx(classes.root, className)}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvTableContainer","forwardRef","classes","classesProp","className","component","others","externalRef","cx","useClasses","Component","ref","root"],"mappings":";;;;;AA6BaA,MAAAA,mBAAmBC,iBAC9B,CAAC;AAAA,EAAEC,SAASC;AAAAA,EAAaC;AAAAA,EAAWC;AAAAA,EAAW,GAAGC;AAAO,GAAGC,gBAAgB;AACpE,QAAA;AAAA,IAAEL;AAAAA,IAASM;AAAAA,EAAAA,IAAOC,sBAAAA,WAAWN,WAAW;AAE9C,QAAMO,YAAYL,aAAa;AAE/B,wCACGK,WAAS;AAAA,IACRC,KAAKJ;AAAAA,IACLH,WAAWI,GAAGN,QAAQU,MAAMR,SAAS;AAAA,IAAE,GACnCE;AAAAA,EAAAA,CACL;AAEL,CACF;;;"}
+{"version":3,"file":"TableContainer.cjs","sources":["../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./TableContainer.styles\";\n\nexport { staticClasses as tableContainerClasses };\n\nexport type HvTableContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableContainerProps\n  extends HvBaseProps<HTMLDivElement, \"children\"> {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component?: React.ElementType;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableContainerClasses;\n}\n\n/**\n * HvTableContainer is a container for the HvTable\n */\nexport const HvTableContainer = forwardRef<HTMLElement, HvTableContainerProps>(\n  ({ classes: classesProp, className, component, ...others }, externalRef) => {\n    const { classes, cx } = useClasses(classesProp);\n\n    const Component = component || \"div\";\n\n    return (\n      <Component\n        ref={externalRef}\n        className={cx(classes.root, className)}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvTableContainer","forwardRef","classes","classesProp","className","component","others","externalRef","cx","useClasses","Component","jsx","root"],"mappings":";;;;;AA6BaA,MAAAA,mBAAmBC,iBAC9B,CAAC;AAAA,EAAEC,SAASC;AAAAA,EAAaC;AAAAA,EAAWC;AAAAA,EAAW,GAAGC;AAAO,GAAGC,gBAAgB;AACpE,QAAA;AAAA,IAAEL;AAAAA,IAASM;AAAAA,EAAAA,IAAOC,sBAAAA,WAAWN,WAAW;AAE9C,QAAMO,YAAYL,aAAa;AAG7B,SAAAM,2BAAA,IAAC,WACC,EAAA,KAAKJ,aACL,WAAWC,GAAGN,QAAQU,MAAMR,SAAS,GACrC,GAAIE,OACJ,CAAA;AAEN,CACF;;;"}

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
 const TableHead_styles = require("./TableHead.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const tableSectionContext = {
   type: "head"
 };
@@ -23,17 +23,9 @@ const HvTableHead = React.forwardRef(({
   } = TableHead_styles.useClasses(classesProp);
   const tableContext = React.useContext(TableContext.default);
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.THead) || defaultComponent;
-  return /* @__PURE__ */ jsxRuntime.jsx(TableSectionContext.default.Provider, {
-    value: tableSectionContext,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Component, {
-      className: cx(classes.root, {
-        [classes.stickyHeader]: stickyHeader
-      }, className),
-      ref: externalRef,
-      role: Component === defaultComponent ? null : "rowgroup",
-      ...others
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(TableSectionContext.default.Provider, { value: tableSectionContext, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { className: cx(classes.root, {
+    [classes.stickyHeader]: stickyHeader
+  }, className), ref: externalRef, role: Component === defaultComponent ? null : "rowgroup", ...others }) });
 });
 exports.tableHeadClasses = TableHead_styles.staticClasses;
 exports.HvTableHead = HvTableHead;

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

@@ -1 +1 @@
-{"version":3,"file":"TableHead.cjs","sources":["../../../../../src/components/Table/TableHead/TableHead.tsx"],"sourcesContent":["import { forwardRef, useContext } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableHead.styles\";\n\nexport { staticClasses as tableHeadClasses };\n\nexport type HvTableHeadClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableHeadProps\n  extends HvBaseProps<HTMLTableSectionElement, \"children\"> {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to thead.\n   */\n  component?: React.ElementType;\n  /**\n   * The table has sticky headers.\n   */\n  stickyHeader?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableHeadClasses;\n}\n\nconst tableSectionContext = {\n  type: \"head\",\n};\n\nconst defaultComponent = \"thead\";\n\n/**\n * HvTableHead acts as a `thead` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles\n */\nexport const HvTableHead = forwardRef<HTMLElement, HvTableHeadProps>(\n  (\n    { classes: classesProp, className, component, stickyHeader, ...others },\n    externalRef\n  ) => {\n    const { classes, cx } = useClasses(classesProp);\n\n    const tableContext = useContext(TableContext);\n\n    const Component =\n      component || tableContext?.components?.THead || defaultComponent;\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <Component\n          className={cx(\n            classes.root,\n            { [classes.stickyHeader]: stickyHeader },\n            className\n          )}\n          ref={externalRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          {...others}\n        />\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","defaultComponent","HvTableHead","forwardRef","classes","classesProp","className","component","stickyHeader","others","externalRef","cx","useClasses","tableContext","useContext","TableContext","Component","components","THead","_jsx","TableSectionContext","Provider","value","children","root","ref","role"],"mappings":";;;;;;;AAgCA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AACR;AAEA,MAAMC,mBAAmB;AAMZC,MAAAA,cAAcC,iBACzB,CACE;AAAA,EAAEC,SAASC;AAAAA,EAAaC;AAAAA,EAAWC;AAAAA,EAAWC;AAAAA,EAAc,GAAGC;AAAO,GACtEC,gBACG;;AACG,QAAA;AAAA,IAAEN;AAAAA,IAASO;AAAAA,EAAAA,IAAOC,iBAAAA,WAAWP,WAAW;AAExCQ,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AAE5C,QAAMC,YACJT,eAAaM,kDAAcI,eAAdJ,mBAA0BK,UAASjB;AAGhDkB,SAAAA,2BAAAA,IAACC,4BAAoBC,UAAQ;AAAA,IAACC,OAAOvB;AAAAA,IAAoBwB,yCACtDP,WAAS;AAAA,MACRV,WAAWK,GACTP,QAAQoB,MACR;AAAA,QAAE,CAACpB,QAAQI,YAAY,GAAGA;AAAAA,SAC1BF,SACF;AAAA,MACAmB,KAAKf;AAAAA,MACLgB,MAAMV,cAAcf,mBAAmB,OAAO;AAAA,MAAW,GACrDQ;AAAAA,IAAAA,CACL;AAAA,EAAA,CAC2B;AAElC,CACF;;;"}
+{"version":3,"file":"TableHead.cjs","sources":["../../../../../src/components/Table/TableHead/TableHead.tsx"],"sourcesContent":["import { forwardRef, useContext } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableHead.styles\";\n\nexport { staticClasses as tableHeadClasses };\n\nexport type HvTableHeadClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableHeadProps\n  extends HvBaseProps<HTMLTableSectionElement, \"children\"> {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to thead.\n   */\n  component?: React.ElementType;\n  /**\n   * The table has sticky headers.\n   */\n  stickyHeader?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableHeadClasses;\n}\n\nconst tableSectionContext = {\n  type: \"head\",\n};\n\nconst defaultComponent = \"thead\";\n\n/**\n * HvTableHead acts as a `thead` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles\n */\nexport const HvTableHead = forwardRef<HTMLElement, HvTableHeadProps>(\n  (\n    { classes: classesProp, className, component, stickyHeader, ...others },\n    externalRef\n  ) => {\n    const { classes, cx } = useClasses(classesProp);\n\n    const tableContext = useContext(TableContext);\n\n    const Component =\n      component || tableContext?.components?.THead || defaultComponent;\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <Component\n          className={cx(\n            classes.root,\n            { [classes.stickyHeader]: stickyHeader },\n            className\n          )}\n          ref={externalRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          {...others}\n        />\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","defaultComponent","HvTableHead","forwardRef","classes","classesProp","className","component","stickyHeader","others","externalRef","cx","useClasses","tableContext","useContext","TableContext","Component","components","THead","jsx","TableSectionContext","root"],"mappings":";;;;;;;AAgCA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AACR;AAEA,MAAMC,mBAAmB;AAMZC,MAAAA,cAAcC,iBACzB,CACE;AAAA,EAAEC,SAASC;AAAAA,EAAaC;AAAAA,EAAWC;AAAAA,EAAWC;AAAAA,EAAc,GAAGC;AAAO,GACtEC,gBACG;;AACG,QAAA;AAAA,IAAEN;AAAAA,IAASO;AAAAA,EAAAA,IAAOC,iBAAAA,WAAWP,WAAW;AAExCQ,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AAE5C,QAAMC,YACJT,eAAaM,kDAAcI,eAAdJ,mBAA0BK,UAASjB;AAGhD,SAAAkB,2BAAA,IAACC,oBAAoB,QAAA,UAApB,EAA6B,OAAOrB,qBACnC,UAAAoB,2BAAA,IAAC,WACC,EAAA,WAAWR,GACTP,QAAQiB,MACR;AAAA,IAAE,CAACjB,QAAQI,YAAY,GAAGA;AAAAA,EAC1BF,GAAAA,SACF,GACA,KAAKI,aACL,MAAMM,cAAcf,mBAAmB,OAAO,YAC1CQ,GAAAA,OAAO,CAAA,EAEf,CAAA;AAEJ,CACF;;;"}

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const capitalize = require("lodash/capitalize");
 const material = require("@mui/material");
@@ -9,7 +10,6 @@ const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
 const utils = require("./utils.cjs");
 const TableHeader_styles = require("./TableHeader.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Button = require("../../Button/Button.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -58,60 +58,34 @@ const HvTableHeader = React.forwardRef(({
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.Th) || defaultComponent;
   const role = Component === defaultComponent ? null : isHeadCell ? "columnheader" : "rowheader";
   const paragraph = utils.isParagraph(children);
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, {
-    ref: externalRef,
-    role,
-    scope,
-    style,
-    className: cx(classes.root, classes[type], type === "body" && css({
-      [`&.${TableHeader_styles.staticClasses.sorted}`]: {
-        backgroundColor: material.alpha(material.hexToRgb((colors == null ? void 0 : colors.atmo1) || uikitStyles.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__default.default(align)}`]]: align !== "inherit",
-      [classes[`variant${capitalize__default.default(variant)}`]]: variant !== "default"
-    }, className),
-    "aria-sort": sortable ? sortDirection : void 0,
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: cx(classes.headerContent, {
-        [classes[`alignFlex${capitalize__default.default(align)}`]]: align !== "inherit"
-      }),
-      children: [isHeadCell && sortable && /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-        className: classes.sortButton,
-        icon: true,
-        overrideIconColors: false,
-        "aria-label": "Sort",
-        ...sortButtonProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Sort, {
-          className: classes.sortIcon
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-        component: "div",
-        className: cx({
-          [classes.headerText]: !paragraph,
-          [classes.headerParagraph]: paragraph,
-          [classes.sortableHeaderText]: sortable
-        }),
-        variant: "label",
-        ...headerTextProps,
-        children
-      }), resizable && /* @__PURE__ */ jsxRuntime.jsx("div", {
-        ...resizerProps,
-        className: classes.resizer
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref: externalRef, role, scope, style, className: cx(classes.root, classes[type], type === "body" && css({
+    [`&.${TableHeader_styles.staticClasses.sorted}`]: {
+      backgroundColor: material.alpha(material.hexToRgb((colors == null ? void 0 : colors.atmo1) || uikitStyles.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__default.default(align)}`]]: align !== "inherit",
+    [classes[`variant${capitalize__default.default(variant)}`]]: variant !== "default"
+  }, className), "aria-sort": sortable ? sortDirection : void 0, ...others, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.headerContent, {
+    [classes[`alignFlex${capitalize__default.default(align)}`]]: align !== "inherit"
+  }), children: [
+    isHeadCell && sortable && /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { className: classes.sortButton, icon: true, overrideIconColors: false, "aria-label": "Sort", ...sortButtonProps, children: /* @__PURE__ */ jsxRuntime.jsx(Sort, { className: classes.sortIcon }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "div", className: cx({
+      [classes.headerText]: !paragraph,
+      [classes.headerParagraph]: paragraph,
+      [classes.sortableHeaderText]: sortable
+    }), variant: "label", ...headerTextProps, children }),
+    resizable && /* @__PURE__ */ jsxRuntime.jsx("div", { ...resizerProps, className: classes.resizer })
+  ] }) });
 });
 exports.tableHeaderClasses = TableHeader_styles.staticClasses;
 exports.HvTableHeader = HvTableHeader;

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import {\n  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\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\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  (\n    {\n      children,\n      component,\n      className,\n      style,\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    },\n    externalRef\n  ) => {\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    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":["defaultComponent","HvTableHeader","forwardRef","children","component","className","style","classes","classesProp","scope","scopeProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortDirection","sorted","sortable","headerTextProps","resizerProps","resizable","resizing","sortButtonProps","others","externalRef","cx","css","useClasses","colors","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","useMemo","getSortIcon","Component","components","Th","role","paragraph","isParagraph","ref","root","staticClasses","backgroundColor","alpha","hexToRgb","atmo1","theme","variantList","capitalize","undefined","headerContent","HvButton","sortButton","icon","overrideIconColors","sortIcon","_jsx","HvTypography","headerText","headerParagraph","sortableHeaderText","resizer"],"mappings":"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"}
+{"version":3,"file":"TableHeader.cjs","sources":["../../../../../src/components/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\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\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  (\n    {\n      children,\n      component,\n      className,\n      style,\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    },\n    externalRef\n  ) => {\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    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":["defaultComponent","HvTableHeader","forwardRef","children","component","className","style","classes","classesProp","scope","scopeProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortDirection","sorted","sortable","headerTextProps","resizerProps","resizable","resizing","sortButtonProps","others","externalRef","cx","css","useClasses","colors","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","useMemo","getSortIcon","Component","components","Th","role","paragraph","isParagraph","root","staticClasses","backgroundColor","alpha","hexToRgb","atmo1","theme","variantList","capitalize","undefined","jsxs","headerContent","jsx","HvButton","sortButton","sortIcon","HvTypography","headerText","headerParagraph","sortableHeaderText","resizer"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const checkValidHexColorValue = require("../../../utils/checkValidHexColorValue.cjs");
@@ -9,7 +10,6 @@ const useTheme = require("../../../hooks/useTheme.cjs");
 const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
 const TableRow_styles = require("./TableRow.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const defaultComponent = "tr";
 const getStripedColor = (color, opacity = 0.6) => {
   return checkValidHexColorValue.checkValidHexColorValue(color) ? hexToRgbA.hexToRgbA(color, opacity) : color;
@@ -50,32 +50,27 @@ const HvTableRow = React.forwardRef((props, externalRef) => {
     setStripedColorEven(getStripedColor(even));
     setStripedColorOdd(getStripedColor(odd));
   }, [colors, even, odd, rootId]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, {
-    ref: externalRef,
-    className: cx(tableSectionContext.filterClassName, classes.root, classes[type], striped && css({
-      "&:nth-of-type(even)": {
-        backgroundColor: stripedColorEven,
-        "&:hover": {
-          backgroundColor: uikitStyles.theme.table.rowHoverColor
-        }
-      },
-      "&:nth-of-type(odd)": {
-        backgroundColor: stripedColorOdd,
-        "&:hover": {
-          backgroundColor: uikitStyles.theme.table.rowHoverColor
-        }
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref: externalRef, className: cx(tableSectionContext.filterClassName, classes.root, classes[type], striped && css({
+    "&:nth-of-type(even)": {
+      backgroundColor: stripedColorEven,
+      "&:hover": {
+        backgroundColor: uikitStyles.theme.table.rowHoverColor
       }
-    }), {
-      [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
-  });
+    },
+    "&:nth-of-type(odd)": {
+      backgroundColor: stripedColorOdd,
+      "&:hover": {
+        backgroundColor: uikitStyles.theme.table.rowHoverColor
+      }
+    }
+  }), {
+    [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 });
 });
 exports.tableRowClasses = TableRow_styles.staticClasses;
 exports.HvTableRow = HvTableRow;

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useState } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { checkValidHexColorValue } from \"@core/utils/checkValidHexColorValue\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { getVarValue } from \"@core/utils/theme\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useTheme } from \"@core/hooks/useTheme\";\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\nconst getStripedColor = (color?: string, opacity: number = 0.6) => {\n  return checkValidHexColorValue(color) ? hexToRgbA(color, opacity) : color;\n};\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    } = props;\n    const { classes, cx, css } = useClasses(classesProp);\n    const { colors, rootId } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [even, setEven] = useState<string | undefined>();\n    const [odd, setOdd] = useState<string | undefined>();\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 [stripedColorEven, setStripedColorEven] = useState(\n      getStripedColor(even)\n    );\n    const [stripedColorOdd, setStripedColorOdd] = useState(\n      getStripedColor(odd)\n    );\n\n    useEffect(() => {\n      setEven(getVarValue(theme.table.rowStripedBackgroundColorEven, rootId));\n      setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd, rootId));\n\n      setStripedColorEven(getStripedColor(even));\n      setStripedColorOdd(getStripedColor(odd));\n    }, [colors, even, odd, rootId]);\n\n    return (\n      <Component\n        ref={externalRef}\n        className={cx(\n          tableSectionContext.filterClassName,\n          classes.root,\n          classes[type],\n          striped &&\n            css({\n              \"&:nth-of-type(even)\": {\n                backgroundColor: stripedColorEven,\n                \"&:hover\": {\n                  backgroundColor: theme.table.rowHoverColor,\n                },\n              },\n              \"&:nth-of-type(odd)\": {\n                backgroundColor: stripedColorOdd,\n                \"&:hover\": {\n                  backgroundColor: theme.table.rowHoverColor,\n                },\n              },\n            }),\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":["defaultComponent","getStripedColor","color","opacity","checkValidHexColorValue","hexToRgbA","HvTableRow","forwardRef","props","externalRef","classes","classesProp","className","component","hover","selected","expanded","striped","others","cx","css","useClasses","colors","rootId","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","even","setEven","useState","odd","setOdd","type","isList","variant","Component","components","Tr","stripedColorEven","setStripedColorEven","stripedColorOdd","setStripedColorOdd","useEffect","getVarValue","theme","table","rowStripedBackgroundColorEven","rowStripedBackgroundColorOdd","ref","filterClassName","root","backgroundColor","rowHoverColor","variantList","variantListHead","role"],"mappings":";;;;;;;;;;;;AAqCA,MAAMA,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,OAAgBC,UAAkB,QAAQ;AACjE,SAAOC,wBAAAA,wBAAwBF,KAAK,IAAIG,UAAAA,UAAUH,OAAOC,OAAO,IAAID;AACtE;AAKO,MAAMI,aAAaC,MAAAA,WACxB,CAACC,OAAOC,gBAAgB;;AAChB,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,UAAU;AAAA,IACV,GAAGC;AAAAA,EACDV,IAAAA;AACE,QAAA;AAAA,IAAEE;AAAAA,IAASS;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,gBAAAA,WAAWV,WAAW;AAC7C,QAAA;AAAA,IAAEW;AAAAA,IAAQC;AAAAA,MAAWC,SAAS,SAAA;AAC9BC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AACtCC,QAAAA,sBAAsBF,iBAAWG,oBAAAA,OAAmB;AAE1D,QAAM,CAACC,MAAMC,OAAO,IAAIC,MAA6B,SAAA;AACrD,QAAM,CAACC,KAAKC,MAAM,IAAIF,MAA6B,SAAA;AAE7CG,QAAAA,QAAOP,2DAAqBO,SAAQ;AAEpCC,QAAAA,SAASX,aAAaY,YAAY;AAExC,QAAMC,YACJzB,eAAaY,kDAAcc,eAAdd,mBAA0Be,OAAMxC;AAE/C,QAAM,CAACyC,kBAAkBC,mBAAmB,IAAIV,MAC9C/B,SAAAA,gBAAgB6B,IAAI,CACtB;AACA,QAAM,CAACa,iBAAiBC,kBAAkB,IAAIZ,MAC5C/B,SAAAA,gBAAgBgC,GAAG,CACrB;AAEAY,QAAAA,UAAU,MAAM;AACdd,YAAQe,MAAYC,YAAAA,YAAAA,MAAMC,MAAMC,+BAA+B1B,MAAM,CAAC;AACtEW,WAAOY,MAAYC,YAAAA,YAAAA,MAAMC,MAAME,8BAA8B3B,MAAM,CAAC;AAEhDtB,wBAAAA,gBAAgB6B,IAAI,CAAC;AACtB7B,uBAAAA,gBAAgBgC,GAAG,CAAC;AAAA,KACtC,CAACX,QAAQQ,MAAMG,KAAKV,MAAM,CAAC;AAE9B,wCACGe,WAAS;AAAA,IACRa,KAAK1C;AAAAA,IACLG,WAAWO,GACTS,oBAAoBwB,iBACpB1C,QAAQ2C,MACR3C,QAAQyB,IAAI,GACZlB,WACEG,IAAI;AAAA,MACF,uBAAuB;AAAA,QACrBkC,iBAAiBb;AAAAA,QACjB,WAAW;AAAA,UACTa,iBAAiBP,YAAAA,MAAMC,MAAMO;AAAAA,QAC/B;AAAA,MACF;AAAA,MACA,sBAAsB;AAAA,QACpBD,iBAAiBX;AAAAA,QACjB,WAAW;AAAA,UACTW,iBAAiBP,YAAAA,MAAMC,MAAMO;AAAAA,QAC/B;AAAA,MACF;AAAA,IAAA,CACD,GACH;AAAA,MACE,CAAC7C,QAAQI,KAAK,GAAGA;AAAAA,MACjB,CAACJ,QAAQK,QAAQ,GAAGA;AAAAA,MACpB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,MACpB,CAACN,QAAQO,OAAO,GAAGA;AAAAA,MACnB,CAACP,QAAQ8C,WAAW,GAAGpB,UAAUD,SAAS;AAAA,MAC1C,CAACzB,QAAQ+C,eAAe,GAAGrB,UAAUD,SAAS;AAAA,OAEhDvB,SACF;AAAA,IACA8C,MAAMpB,cAActC,mBAAmB,OAAO;AAAA,IAAM,GAChDkB;AAAAA,EAAAA,CACL;AAEL,CACF;;;"}
+{"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useState } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { checkValidHexColorValue } from \"@core/utils/checkValidHexColorValue\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { getVarValue } from \"@core/utils/theme\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useTheme } from \"@core/hooks/useTheme\";\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\nconst getStripedColor = (color?: string, opacity: number = 0.6) => {\n  return checkValidHexColorValue(color) ? hexToRgbA(color, opacity) : color;\n};\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    } = props;\n    const { classes, cx, css } = useClasses(classesProp);\n    const { colors, rootId } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [even, setEven] = useState<string | undefined>();\n    const [odd, setOdd] = useState<string | undefined>();\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 [stripedColorEven, setStripedColorEven] = useState(\n      getStripedColor(even)\n    );\n    const [stripedColorOdd, setStripedColorOdd] = useState(\n      getStripedColor(odd)\n    );\n\n    useEffect(() => {\n      setEven(getVarValue(theme.table.rowStripedBackgroundColorEven, rootId));\n      setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd, rootId));\n\n      setStripedColorEven(getStripedColor(even));\n      setStripedColorOdd(getStripedColor(odd));\n    }, [colors, even, odd, rootId]);\n\n    return (\n      <Component\n        ref={externalRef}\n        className={cx(\n          tableSectionContext.filterClassName,\n          classes.root,\n          classes[type],\n          striped &&\n            css({\n              \"&:nth-of-type(even)\": {\n                backgroundColor: stripedColorEven,\n                \"&:hover\": {\n                  backgroundColor: theme.table.rowHoverColor,\n                },\n              },\n              \"&:nth-of-type(odd)\": {\n                backgroundColor: stripedColorOdd,\n                \"&:hover\": {\n                  backgroundColor: theme.table.rowHoverColor,\n                },\n              },\n            }),\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":["defaultComponent","getStripedColor","color","opacity","checkValidHexColorValue","hexToRgbA","HvTableRow","forwardRef","props","externalRef","classes","classesProp","className","component","hover","selected","expanded","striped","others","cx","css","useClasses","colors","rootId","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","even","setEven","useState","odd","setOdd","type","isList","variant","Component","components","Tr","stripedColorEven","setStripedColorEven","stripedColorOdd","setStripedColorOdd","useEffect","getVarValue","theme","table","rowStripedBackgroundColorEven","rowStripedBackgroundColorOdd","jsx","filterClassName","root","backgroundColor","rowHoverColor","variantList","variantListHead"],"mappings":";;;;;;;;;;;;AAqCA,MAAMA,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,OAAgBC,UAAkB,QAAQ;AACjE,SAAOC,wBAAAA,wBAAwBF,KAAK,IAAIG,UAAAA,UAAUH,OAAOC,OAAO,IAAID;AACtE;AAKO,MAAMI,aAAaC,MAAAA,WACxB,CAACC,OAAOC,gBAAgB;;AAChB,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,UAAU;AAAA,IACV,GAAGC;AAAAA,EACDV,IAAAA;AACE,QAAA;AAAA,IAAEE;AAAAA,IAASS;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,gBAAAA,WAAWV,WAAW;AAC7C,QAAA;AAAA,IAAEW;AAAAA,IAAQC;AAAAA,MAAWC,SAAS,SAAA;AAC9BC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AACtCC,QAAAA,sBAAsBF,iBAAWG,oBAAAA,OAAmB;AAE1D,QAAM,CAACC,MAAMC,OAAO,IAAIC,MAA6B,SAAA;AACrD,QAAM,CAACC,KAAKC,MAAM,IAAIF,MAA6B,SAAA;AAE7CG,QAAAA,QAAOP,2DAAqBO,SAAQ;AAEpCC,QAAAA,SAASX,aAAaY,YAAY;AAExC,QAAMC,YACJzB,eAAaY,kDAAcc,eAAdd,mBAA0Be,OAAMxC;AAE/C,QAAM,CAACyC,kBAAkBC,mBAAmB,IAAIV,MAC9C/B,SAAAA,gBAAgB6B,IAAI,CACtB;AACA,QAAM,CAACa,iBAAiBC,kBAAkB,IAAIZ,MAC5C/B,SAAAA,gBAAgBgC,GAAG,CACrB;AAEAY,QAAAA,UAAU,MAAM;AACdd,YAAQe,MAAYC,YAAAA,YAAAA,MAAMC,MAAMC,+BAA+B1B,MAAM,CAAC;AACtEW,WAAOY,MAAYC,YAAAA,YAAAA,MAAMC,MAAME,8BAA8B3B,MAAM,CAAC;AAEhDtB,wBAAAA,gBAAgB6B,IAAI,CAAC;AACtB7B,uBAAAA,gBAAgBgC,GAAG,CAAC;AAAA,KACtC,CAACX,QAAQQ,MAAMG,KAAKV,MAAM,CAAC;AAE9B,SACG4B,2BAAAA,IAAA,WAAA,EACC,KAAK1C,aACL,WAAWU,GACTS,oBAAoBwB,iBACpB1C,QAAQ2C,MACR3C,QAAQyB,IAAI,GACZlB,WACEG,IAAI;AAAA,IACF,uBAAuB;AAAA,MACrBkC,iBAAiBb;AAAAA,MACjB,WAAW;AAAA,QACTa,iBAAiBP,YAAAA,MAAMC,MAAMO;AAAAA,MAC/B;AAAA,IACF;AAAA,IACA,sBAAsB;AAAA,MACpBD,iBAAiBX;AAAAA,MACjB,WAAW;AAAA,QACTW,iBAAiBP,YAAAA,MAAMC,MAAMO;AAAAA,MAC/B;AAAA,IACF;AAAA,EAAA,CACD,GACH;AAAA,IACE,CAAC7C,QAAQI,KAAK,GAAGA;AAAAA,IACjB,CAACJ,QAAQK,QAAQ,GAAGA;AAAAA,IACpB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,IACpB,CAACN,QAAQO,OAAO,GAAGA;AAAAA,IACnB,CAACP,QAAQ8C,WAAW,GAAGpB,UAAUD,SAAS;AAAA,IAC1C,CAACzB,QAAQ+C,eAAe,GAAGrB,UAAUD,SAAS;AAAA,EAAA,GAEhDvB,SACF,GACA,MAAM0B,cAActC,mBAAmB,OAAO,OAC1CkB,GAAAA,OACJ,CAAA;AAEN,CACF;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useRowExpand.cjs","sources":["../../../../../src/components/Table/hooks/useRowExpand.tsx"],"sourcesContent":["import { MouseEventHandler } from \"react\";\nimport {\n  Hooks,\n  TableExpandedToggleProps,\n  UseExpandedRowProps,\n} from \"react-table\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvButton } from \"@core/components/Button\";\n\nimport { useLabels } from \"@core/hooks/useLabels\";\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        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 /> : <DropUpXS />}\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","isExpanded","DropDownXS","DropUpXS","value","HvTypography","variant","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":";;;;;;;AA0CA,MAAMA,iBAAiB;AAAA,EACrBC,0BAA0B;AAAA,EAC1BC,4BAA4B;AAC9B;AAEO,MAAMC,uBAAuBA,CAAC;AAAA,EAAEC;AAAAA,EAAKC;AAAAA,EAAMC,QAAQC;AAAW,MAAM;AACnED,QAAAA,SAASE,UAAAA,UAAUR,gBAAgBO,UAAU;AAE7C,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYL,IAAIM;AAExB,yCACEC,WAAAA,UAAA;AAAA,IAAAC,UAAA,CACEC,2BAAAA,IAACC,iBAAQ;AAAA,MACPC,MAAI;AAAA,MACJ,cACEX,IAAIY,aACAV,OAAOJ,6BACPI,OAAOL;AAAAA,MAEb,iBAAeG,IAAIY;AAAAA,MACnBP;AAAAA,MAAiBG,UAEhBR,IAAIY,aAAcC,+BAAAA,gBAAAA,YAAU,CAAA,CAAE,IAAIJ,2BAAAA,IAACK,gBAAU,UAAA,EAAA;AAAA,IACtC,CAAA,IACTb,6BAAMc,yCACJC,WAAAA,cAAY;AAAA,MAACC,SAAQ;AAAA,MAAQC,WAAU;AAAA,MAAMV,UAC3CP,KAAKc;AAAAA,IAAAA,CACM,CACf;AAAA,EAAA,CACD;AAEN;AAEA,MAAMI,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,GACnC;AAEA,MAAIJ,yBAAyB,IAAI;AACzBK,UAAAA,kBAAkBR,QAAQG,oBAAoB;AAEhDK,QAAAA,gBAAgBC,QAAQ,MAAM;AAChCD,sBAAgBC,OAAO9B;AACvB6B,sBAAgBX,UAAU;AAEnBG,aAAAA;AAAAA,IACT;AAAA,EACF;AAEA,QAAMU,eAAe;AAAA,IACnBJ,IAAI;AAAA,IACJT,SAAS;AAAA,IAETc,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,YACF;AAEOG,SAAAA;AACT;AAEA,MAAME,kBAAkBA,CAACC,OAAO;AAAA,EAAEpC;AAAI,MAAM;AAC1C,QAAMqC,YAAyC;AAAA,IAC7CC,UAAUtC,IAAIY;AAAAA,EAAAA;AAGT,SAAA,CAACwB,OAAOC,SAAS;AAC1B;AAEA,MAAME,eAAmCC,CAAU,UAAA;AAC3CC,QAAAA,eAAeC,KAAKvB,kBAAkB;AACtCwB,QAAAA,YAAYD,KAAKP,eAAe;AACxC;AACAI,aAAaK,aAAa;AAE1B,MAAA,iBAAeL;;;"}
+{"version":3,"file":"useRowExpand.cjs","sources":["../../../../../src/components/Table/hooks/useRowExpand.tsx"],"sourcesContent":["import { MouseEventHandler } from \"react\";\nimport {\n  Hooks,\n  TableExpandedToggleProps,\n  UseExpandedRowProps,\n} from \"react-table\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvButton } from \"@core/components/Button\";\n\nimport { useLabels } from \"@core/hooks/useLabels\";\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        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 /> : <DropUpXS />}\n      </HvButton>\n      {cell?.value && (\n        <HvTypography variant=\"label\" component=\"span\">\n          {cell.value}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n\nconst visibleColumnsHook = (columns, { instance }) => {\n  if (instance.disableCreateExpandButton) {\n    return columns;\n  }\n\n  // add a button to first data column, unless it has a custom renderer\n  // if so, add an extra column instead\n  const firstDataColumnIndex = columns.findIndex(\n    (c) => c.id?.indexOf(\"_hv_\") !== 0\n  );\n\n  if (firstDataColumnIndex !== -1) {\n    const firstDataColumn = columns[firstDataColumnIndex];\n\n    if (firstDataColumn.Cell == null) {\n      firstDataColumn.Cell = CellWithExpandButton;\n      firstDataColumn.variant = \"expand\";\n\n      return columns;\n    }\n  }\n\n  const expandColumn = {\n    id: \"_hv_expand\",\n    variant: \"none\",\n\n    width: 32,\n\n    // this will only work when using useHvTableSticky\n    // but ensures it stays left of any sticky column\n    sticky: \"left\",\n\n    Cell: CellWithExpandButton,\n  };\n\n  const columnsCopy = [...columns];\n  columnsCopy.splice(\n    firstDataColumnIndex !== -1 ? firstDataColumnIndex : 0,\n    0,\n    expandColumn\n  );\n\n  return columnsCopy;\n};\n\nconst getRowPropsHook = (props, { row }) => {\n  const nextProps: UseHvRowExpandTableRowProps = {\n    expanded: row.isExpanded,\n  };\n\n  return [props, nextProps];\n};\n\nconst useRowExpand: UseRowExpandProps = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.getRowProps.push(getRowPropsHook);\n};\nuseRowExpand.pluginName = \"useHvRowExpand\";\n\nexport default useRowExpand;\n"],"names":["DEFAULT_LABELS","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","CellWithExpandButton","row","cell","labels","labelsProp","useLabels","onClick","getToggleRowExpandedProps","jsxs","Fragment","jsx","HvButton","isExpanded","DropDownXS","DropUpXS","value","HvTypography","visibleColumnsHook","columns","instance","disableCreateExpandButton","firstDataColumnIndex","findIndex","c","id","indexOf","firstDataColumn","Cell","variant","expandColumn","width","sticky","columnsCopy","splice","getRowPropsHook","props","nextProps","expanded","useRowExpand","hooks","visibleColumns","push","getRowProps","pluginName"],"mappings":";;;;;;;AA0CA,MAAMA,iBAAiB;AAAA,EACrBC,0BAA0B;AAAA,EAC1BC,4BAA4B;AAC9B;AAEO,MAAMC,uBAAuBA,CAAC;AAAA,EAAEC;AAAAA,EAAKC;AAAAA,EAAMC,QAAQC;AAAW,MAAM;AACnED,QAAAA,SAASE,UAAAA,UAAUR,gBAAgBO,UAAU;AAE7C,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYL,IAAIM;AAExB,SAEIC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAACC,2BAAAA,IAAAC,OAAA,UAAA,EACC,MAAI,MACJ,cACEV,IAAIW,aACAT,OAAOJ,6BACPI,OAAOL,0BAEb,iBAAeG,IAAIW,YACnB,SAECX,UAAIW,IAAAA,4CAAcC,4BAAa,CAAA,CAAA,IAAIH,2BAAA,IAAAI,0BAAA,CAAA,CAAW,EACjD,CAAA;AAAA,KACCZ,6BAAMa,UACJL,+BAAAM,WAAAA,cAAA,EAAa,SAAQ,SAAQ,WAAU,QACrCd,UAAAA,KAAKa,MACR,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEA,MAAME,qBAAqBA,CAACC,SAAS;AAAA,EAAEC;AAAS,MAAM;AACpD,MAAIA,SAASC,2BAA2B;AAC/BF,WAAAA;AAAAA,EACT;AAIMG,QAAAA,uBAAuBH,QAAQI,UAClCC,CAAAA,MAAAA;;AAAMA,oBAAEC,OAAFD,mBAAME,QAAQ,aAAY;AAAA,GACnC;AAEA,MAAIJ,yBAAyB,IAAI;AACzBK,UAAAA,kBAAkBR,QAAQG,oBAAoB;AAEhDK,QAAAA,gBAAgBC,QAAQ,MAAM;AAChCD,sBAAgBC,OAAO3B;AACvB0B,sBAAgBE,UAAU;AAEnBV,aAAAA;AAAAA,IACT;AAAA,EACF;AAEA,QAAMW,eAAe;AAAA,IACnBL,IAAI;AAAA,IACJI,SAAS;AAAA,IAETE,OAAO;AAAA;AAAA;AAAA,IAIPC,QAAQ;AAAA,IAERJ,MAAM3B;AAAAA,EAAAA;AAGFgC,QAAAA,cAAc,CAAC,GAAGd,OAAO;AAC/Bc,cAAYC,OACVZ,yBAAyB,KAAKA,uBAAuB,GACrD,GACAQ,YACF;AAEOG,SAAAA;AACT;AAEA,MAAME,kBAAkBA,CAACC,OAAO;AAAA,EAAElC;AAAI,MAAM;AAC1C,QAAMmC,YAAyC;AAAA,IAC7CC,UAAUpC,IAAIW;AAAAA,EAAAA;AAGT,SAAA,CAACuB,OAAOC,SAAS;AAC1B;AAEA,MAAME,eAAmCC,CAAU,UAAA;AAC3CC,QAAAA,eAAeC,KAAKxB,kBAAkB;AACtCyB,QAAAA,YAAYD,KAAKP,eAAe;AACxC;AACAI,aAAaK,aAAa;AAE1B,MAAA,iBAAeL;;;"}

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

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