@hitachivantara/uikit-react-core 5.39.3 → 5.40.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { forwardRef, TableHTMLAttributes, useMemo, useRef } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport TableContext from \"./TableContext\";\nimport { staticClasses, useClasses } from \"./Table.styles\";\n\nexport { staticClasses as tableClasses };\n\nexport type HvTableClasses = ExtractNames<typeof useClasses>;\n\nexport type HvTableVariant = \"listrow\" | \"default\";\nexport type HvTableCellAlign =\n  | \"center\"\n  | \"inherit\"\n  | \"justify\"\n  | \"left\"\n  | \"right\";\nexport type HvTableCellType = \"body\" | \"footer\" | \"head\";\nexport type HvTableCellVariant =\n  | \"checkbox\"\n  | \"expand\"\n  | \"actions\"\n  | \"default\"\n  | \"none\";\n\nexport interface HvTableProps extends TableHTMLAttributes<HTMLTableElement> {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** Whether the `HvTable` has a sticky header row. */\n  stickyHeader?: boolean;\n  /** Whether the `HvTable` has sticky columns. */\n  stickyColumns?: boolean;\n  /** Whether the `HvTable` has the list row styles or the default. */\n  variant?: HvTableVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableClasses;\n}\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\n/**\n * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.\n *\n * The **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection.\n * See the <a href=\"?id=guides-table-table-hooks--use-hv-hooks&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n */\nexport const HvTable = forwardRef<HTMLElement, HvTableProps>((props, ref) => {\n  const {\n    classes: classesProp,\n    className,\n    component = defaultComponent,\n    stickyHeader = false,\n    stickyColumns = false,\n    variant = \"default\",\n    ...others\n  } = useDefaultProps(\"HvTable\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const containerRef = useRef(ref);\n\n  const components = useMemo(\n    () => computeTablePartComponents(component),\n    [component]\n  );\n\n  const tableContext = useMemo(\n    () => ({ components, variant, containerRef }),\n    [components, variant, containerRef]\n  );\n\n  const Table = useMemo(() => components.Table, [components]);\n\n  return (\n    <TableContext.Provider value={tableContext}>\n      <Table\n        ref={ref}\n        role={component === defaultComponent ? null : \"table\"}\n        className={cx(\n          classes.root,\n          {\n            [classes.stickyHeader]: stickyHeader,\n            [classes.stickyColumns]: stickyColumns,\n            [classes.listRow]: variant === \"listrow\",\n          },\n          className\n        )}\n        {...others}\n      />\n    </TableContext.Provider>\n  );\n});\n"],"names":[],"mappings":";;;;;;AA+CA,MAAM,mBAAmB;AAEzB,MAAM,6BAA6B,CAAC,kBAAkB;AACpD,MAAI,kBAAkB,SAAS;AACtB,WAAA;AAAA,MACL,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAEO,SAAA;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAER;AAYO,MAAM,UAAU,WAAsC,CAAC,OAAO,QAAQ;AACrE,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,IACD,gBAAgB,WAAW,KAAK;AACpC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAExC,QAAA,eAAe,OAAO,GAAG;AAE/B,QAAM,aAAa;AAAA,IACjB,MAAM,2BAA2B,SAAS;AAAA,IAC1C,CAAC,SAAS;AAAA,EAAA;AAGZ,QAAM,eAAe;AAAA,IACnB,OAAO,EAAE,YAAY,SAAS;IAC9B,CAAC,YAAY,SAAS,YAAY;AAAA,EAAA;AAGpC,QAAM,QAAQ,QAAQ,MAAM,WAAW,OAAO,CAAC,UAAU,CAAC;AAE1D,SACG,oBAAA,aAAa,UAAb,EAAsB,OAAO,cAC5B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAM,cAAc,mBAAmB,OAAO;AAAA,MAC9C,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,YAAY,GAAG;AAAA,UACxB,CAAC,QAAQ,aAAa,GAAG;AAAA,UACzB,CAAC,QAAQ,OAAO,GAAG,YAAY;AAAA,QACjC;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAER,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -1,31 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvTable", {
-  root: {
-    position: "relative",
-    width: "100%",
-    ...theme.typography.body,
-    borderSpacing: 0,
-    "& caption": {
-      ...theme.typography.body,
-      padding: theme.space.xs,
-      textAlign: "left",
-      captionSide: "bottom"
-    }
-  },
-  stickyHeader: {},
-  stickyColumns: {
-    backgroundColor: theme.colors.atmo2,
-    "&": {
-      borderSpacing: 0
-    }
-  },
-  listRow: {
-    borderSpacing: `0 ${theme.space.xs}`
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=Table.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.styles.js","sources":["../../../../src/components/Table/Table.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTable\", {\n  root: {\n    position: \"relative\",\n    width: \"100%\",\n\n    ...theme.typography.body,\n\n    borderSpacing: 0,\n\n    \"& caption\": {\n      ...theme.typography.body,\n      padding: theme.space.xs,\n      textAlign: \"left\",\n      captionSide: \"bottom\",\n    },\n  },\n  stickyHeader: {},\n  stickyColumns: {\n    backgroundColor: theme.colors.atmo2,\n    \"&\": {\n      borderSpacing: 0,\n    },\n  },\n  listRow: {\n    borderSpacing: `0 ${theme.space.xs}`,\n  },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,WAAW;AAAA,EACpE,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,OAAO;AAAA,IAEP,GAAG,MAAM,WAAW;AAAA,IAEpB,eAAe;AAAA,IAEf,aAAa;AAAA,MACX,GAAG,MAAM,WAAW;AAAA,MACpB,SAAS,MAAM,MAAM;AAAA,MACrB,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,cAAc,CAAC;AAAA,EACf,eAAe;AAAA,IACb,iBAAiB,MAAM,OAAO;AAAA,IAC9B,KAAK;AAAA,MACH,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,eAAe,KAAK,MAAM,MAAM,EAAE;AAAA,EACpC;AACF,CAAC;"}

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

@@ -1,61 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useContext, useRef, Children, isValidElement } from "react";
-import { useForkRef } from "../../../hooks/useForkRef.js";
-import TableContext from "../TableContext.js";
-import TableSectionContext from "../TableSectionContext.js";
-import { useClasses } from "./TableBody.styles.js";
-import { staticClasses } from "./TableBody.styles.js";
-import { HvFocus } from "../../Focus/Focus.js";
-const tableSectionContext = {
-  type: "body",
-  filterClassName: "_grid"
-};
-const defaultComponent = "tbody";
-const HvTableBody = forwardRef(
-  ({
-    classes: classesProp,
-    className,
-    component,
-    children,
-    withNavigation = false,
-    ...others
-  }, externalRef) => {
-    const { classes, cx } = useClasses(classesProp);
-    const tableContext = useContext(TableContext);
-    const bodyRef = useRef(null);
-    const handleRef = useForkRef(externalRef, bodyRef);
-    const Component = component || tableContext?.components?.TBody || defaultComponent;
-    return /* @__PURE__ */ jsx(TableSectionContext.Provider, { value: tableSectionContext, children: /* @__PURE__ */ jsx(
-      Component,
-      {
-        className: cx(classes.root, className),
-        ref: handleRef,
-        role: Component === defaultComponent ? null : "rowgroup",
-        ...others,
-        children: withNavigation ? Children.map(children, (element) => {
-          if (isValidElement(element)) {
-            return /* @__PURE__ */ jsx(
-              HvFocus,
-              {
-                id: `my-id-${element.key}`,
-                rootRef: bodyRef,
-                strategy: "grid",
-                filterClass: tableSectionContext.filterClassName,
-                navigationJump: 1,
-                focusDisabled: false,
-                selected: element.props.selected,
-                children: element
-              },
-              `row-${element.key}`
-            );
-          }
-        }) : children
-      }
-    ) });
-  }
-);
-export {
-  HvTableBody,
-  staticClasses as tableBodyClasses
-};
-//# sourceMappingURL=TableBody.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableBody.js","sources":["../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import React, {\n  Children,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useRef,\n} from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useForkRef } from \"@core/hooks/useForkRef\";\nimport { HvFocus } from \"@core/components/Focus\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableBody.styles\";\n\nexport { staticClasses as tableBodyClasses };\n\nexport type HvTableBodyClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableBodyProps\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 tbody.\n   */\n  component?: React.ElementType;\n  /** Sets whether or not there should be arrow navigation between the table rows */\n  withNavigation?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableBodyClasses;\n}\n\nconst tableSectionContext = {\n  type: \"body\",\n  filterClassName: \"_grid\",\n};\n\nconst defaultComponent = \"tbody\";\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nexport const HvTableBody = forwardRef<HTMLElement, HvTableBodyProps>(\n  (\n    {\n      classes: classesProp,\n      className,\n      component,\n      children,\n      withNavigation = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { classes, cx } = useClasses(classesProp);\n\n    const tableContext = useContext(TableContext);\n\n    const bodyRef = useRef(null);\n\n    const handleRef = useForkRef(externalRef, bodyRef);\n\n    const Component =\n      component || tableContext?.components?.TBody || defaultComponent;\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <Component\n          className={cx(classes.root, className)}\n          ref={handleRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          {...others}\n        >\n          {withNavigation\n            ? Children.map(children, (element) => {\n                if (isValidElement(element)) {\n                  return (\n                    <HvFocus\n                      id={`my-id-${element.key}`}\n                      rootRef={bodyRef}\n                      key={`row-${element.key}`}\n                      strategy=\"grid\"\n                      filterClass={tableSectionContext.filterClassName}\n                      navigationJump={1}\n                      focusDisabled={false}\n                      selected={element.props.selected}\n                    >\n                      {element}\n                    </HvFocus>\n                  );\n                }\n              })\n            : children}\n        </Component>\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;AAsCA,MAAM,sBAAsB;AAAA,EAC1B,MAAM;AAAA,EACN,iBAAiB;AACnB;AAEA,MAAM,mBAAmB;AAMlB,MAAM,cAAc;AAAA,EACzB,CACE;AAAA,IACE,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,GAAG;AAAA,KAEL,gBACG;AACH,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAExC,UAAA,eAAe,WAAW,YAAY;AAEtC,UAAA,UAAU,OAAO,IAAI;AAErB,UAAA,YAAY,WAAW,aAAa,OAAO;AAEjD,UAAM,YACJ,aAAa,cAAc,YAAY,SAAS;AAElD,WACG,oBAAA,oBAAoB,UAApB,EAA6B,OAAO,qBACnC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,QAAQ,MAAM,SAAS;AAAA,QACrC,KAAK;AAAA,QACL,MAAM,cAAc,mBAAmB,OAAO;AAAA,QAC7C,GAAG;AAAA,QAEH,UACG,iBAAA,SAAS,IAAI,UAAU,CAAC,YAAY;AAC9B,cAAA,eAAe,OAAO,GAAG;AAEzB,mBAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAI,SAAS,QAAQ,GAAG;AAAA,gBACxB,SAAS;AAAA,gBAET,UAAS;AAAA,gBACT,aAAa,oBAAoB;AAAA,gBACjC,gBAAgB;AAAA,gBAChB,eAAe;AAAA,gBACf,UAAU,QAAQ,MAAM;AAAA,gBAEvB,UAAA;AAAA,cAAA;AAAA,cAPI,OAAO,QAAQ,GAAG;AAAA,YAAA;AAAA,UAU7B;AAAA,QACD,CAAA,IACD;AAAA,MAAA;AAAA,IAER,EAAA,CAAA;AAAA,EAEJ;AACF;"}

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

@@ -1,9 +0,0 @@
-import { createClasses } from "../../../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvTableBody", {
-  root: { backgroundColor: "inherit", position: "relative", zIndex: 0 }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=TableBody.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableBody.styles.js","sources":["../../../../../src/components/Table/TableBody/TableBody.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableBody\", {\n  root: { backgroundColor: \"inherit\", position: \"relative\", zIndex: 0 },\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,eAAe;AAAA,EACxE,MAAM,EAAE,iBAAiB,WAAW,UAAU,YAAY,QAAQ,EAAE;AACtE,CAAC;"}

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

@@ -1,71 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useContext } from "react";
-import capitalize from "lodash/capitalize";
-import TableContext from "../TableContext.js";
-import TableSectionContext from "../TableSectionContext.js";
-import { useClasses } from "./TableCell.styles.js";
-import { staticClasses } from "./TableCell.styles.js";
-import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
-const defaultComponent = "td";
-const HvTableCell = forwardRef(
-  (props, externalRef) => {
-    const {
-      children,
-      component,
-      className,
-      style,
-      classes: classesProp,
-      align = "inherit",
-      variant = "default",
-      type: typeProp,
-      stickyColumn = false,
-      stickyColumnMostLeft = false,
-      stickyColumnLeastRight = false,
-      groupColumnMostLeft = false,
-      groupColumnMostRight = false,
-      sorted = false,
-      resizable = false,
-      resizing = false,
-      ...others
-    } = useDefaultProps("HvTableCell", props);
-    const { classes, cx } = useClasses(classesProp);
-    const tableContext = useContext(TableContext);
-    const tableSectionContext = useContext(TableSectionContext);
-    const type = typeProp || tableSectionContext?.type || "body";
-    const Component = component || tableContext?.components?.Td || defaultComponent;
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref: externalRef,
-        role: Component === defaultComponent ? null : "cell",
-        style,
-        className: cx(
-          classes.root,
-          classes[type],
-          {
-            [classes[`align${capitalize(align)}`]]: align !== "inherit",
-            [classes.variantList]: tableContext.variant === "listrow",
-            [classes.variantListHead]: tableContext.variant === "listrow" && type !== "body",
-            [classes[`variant${capitalize(variant)}`]]: variant !== "default",
-            [classes.sorted]: sorted,
-            [classes.stickyColumn]: stickyColumn,
-            [classes.stickyColumnMostLeft]: stickyColumnMostLeft,
-            [classes.stickyColumnLeastRight]: stickyColumnLeastRight,
-            [classes.groupColumnMostLeft]: groupColumnMostLeft,
-            [classes.groupColumnMostRight]: groupColumnMostRight,
-            [classes.resizable]: resizable,
-            [classes.resizing]: resizing
-          },
-          className
-        ),
-        ...others,
-        children
-      }
-    );
-  }
-);
-export {
-  HvTableCell,
-  staticClasses as tableCellClasses
-};
-//# sourceMappingURL=TableCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import { CSSProperties, forwardRef, TdHTMLAttributes, useContext } from \"react\";\nimport capitalize from \"lodash/capitalize\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks\";\n\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableCell.styles\";\n\nexport { staticClasses as tableCellClasses };\n\nexport type HvTableCellClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableCellProps\n  extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children?: React.ReactNode;\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** Set the text-align on the table cell content. */\n  align?: HvTableCellAlign;\n  /** Sets the cell's variant. */\n  variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n  /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n  type?: HvTableCellType;\n  /** Whether or not the cell is part of a sorted column. */\n  sorted?: boolean;\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 resizable */\n  resizable?: boolean;\n  /** Whether or not the cell is being resized */\n  resizing?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n  (props, externalRef) => {\n    const {\n      children,\n      component,\n      className,\n      style,\n      classes: classesProp,\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      sorted = false,\n      resizable = false,\n      resizing = false,\n      ...others\n    } = useDefaultProps(\"HvTableCell\", props);\n\n    const { classes, cx } = useClasses(classesProp);\n\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n\n    const Component =\n      component || tableContext?.components?.Td || defaultComponent;\n\n    return (\n      <Component\n        ref={externalRef}\n        role={Component === defaultComponent ? null : \"cell\"}\n        style={style}\n        className={cx(\n          classes.root,\n          classes[type],\n          {\n            [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n            [classes.variantList]: tableContext.variant === \"listrow\",\n            [classes.variantListHead]:\n              tableContext.variant === \"listrow\" && type !== \"body\",\n            [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n            [classes.sorted]: sorted,\n            [classes.stickyColumn]: stickyColumn,\n            [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n            [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n            [classes.groupColumnMostLeft]: groupColumnMostLeft,\n            [classes.groupColumnMostRight]: groupColumnMostRight,\n            [classes.resizable]: resizable,\n            [classes.resizing]: resizing,\n          },\n          className\n        )}\n        {...others}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;AAqDA,MAAM,mBAAmB;AAKlB,MAAM,cAAc;AAAA,EACzB,CAAC,OAAO,gBAAgB;AAChB,UAAA;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,MACN,eAAe;AAAA,MACf,uBAAuB;AAAA,MACvB,yBAAyB;AAAA,MACzB,sBAAsB;AAAA,MACtB,uBAAuB;AAAA,MACvB,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,GAAG;AAAA,IAAA,IACD,gBAAgB,eAAe,KAAK;AAExC,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAExC,UAAA,eAAe,WAAW,YAAY;AACtC,UAAA,sBAAsB,WAAW,mBAAmB;AAEpD,UAAA,OAAO,YAAY,qBAAqB,QAAQ;AAEtD,UAAM,YACJ,aAAa,cAAc,YAAY,MAAM;AAG7C,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAM,cAAc,mBAAmB,OAAO;AAAA,QAC9C;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,QAAQ,IAAI;AAAA,UACZ;AAAA,YACE,CAAC,QAAQ,QAAQ,WAAW,KAAK,CAAC,EAAE,CAAC,GAAG,UAAU;AAAA,YAClD,CAAC,QAAQ,WAAW,GAAG,aAAa,YAAY;AAAA,YAChD,CAAC,QAAQ,eAAe,GACtB,aAAa,YAAY,aAAa,SAAS;AAAA,YACjD,CAAC,QAAQ,UAAU,WAAW,OAAO,CAAC,EAAE,CAAC,GAAG,YAAY;AAAA,YACxD,CAAC,QAAQ,MAAM,GAAG;AAAA,YAClB,CAAC,QAAQ,YAAY,GAAG;AAAA,YACxB,CAAC,QAAQ,oBAAoB,GAAG;AAAA,YAChC,CAAC,QAAQ,sBAAsB,GAAG;AAAA,YAClC,CAAC,QAAQ,mBAAmB,GAAG;AAAA,YAC/B,CAAC,QAAQ,oBAAoB,GAAG;AAAA,YAChC,CAAC,QAAQ,SAAS,GAAG;AAAA,YACrB,CAAC,QAAQ,QAAQ,GAAG;AAAA,UACtB;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

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

@@ -1,168 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../../utils/classes.js";
-const sortedColor = theme.alpha("primary", 0.1);
-const { staticClasses, useClasses } = createClasses("HvTableCell", {
-  /** Styles applied to the component root class. */
-  root: {
-    verticalAlign: "inherit",
-    textAlign: "left",
-    padding: `calc(${theme.space.xs} - 2px ) ${theme.space.xs} calc(${theme.space.xs} - 3px ) ${theme.spacing(4)}`,
-    borderBottom: `1px solid ${theme.colors.atmo4}`
-  },
-  /** Styles applied to the cell when it's in the table head. */
-  head: {
-    height: 52,
-    verticalAlign: "top",
-    backgroundColor: theme.colors.atmo1,
-    borderTop: "1px solid transparent",
-    borderBottom: `1px solid ${theme.colors.atmo4}`,
-    ...theme.typography.label
-  },
-  /** Styles applied to the cell when it's in the table body. */
-  body: {
-    minHeight: 32,
-    "td&": {
-      height: 32
-    },
-    backgroundColor: "inherit",
-    ...theme.typography.body,
-    fontFamily: theme.fontFamily.body,
-    "&$sorted": {
-      backgroundColor: sortedColor
-    }
-  },
-  /** Styles applied to the cell when it's in the table footer. */
-  footer: {},
-  /** Styles applied to the cell when it's part of a sorted column. */
-  sorted: {},
-  /** Styles applied to the component root when it is left aligned */
-  alignLeft: {
-    textAlign: "left"
-  },
-  /** Styles applied to the component root when it is center aligned */
-  alignCenter: {
-    textAlign: "center"
-  },
-  /** Styles applied to the component root when it is right aligned */
-  alignRight: {
-    textAlign: "right",
-    flexDirection: "row-reverse"
-  },
-  /** Styles applied to the component root when it is justified */
-  alignJustify: {
-    textAlign: "justify"
-  },
-  /** Styles applied to the component root when its variant is none */
-  variantNone: {
-    padding: 0
-  },
-  /** Styles applied to the component root when its variant is checkbox */
-  variantCheckbox: {
-    boxSizing: "content-box",
-    padding: 0,
-    width: 32,
-    maxWidth: 32,
-    borderRight: `solid 1px ${theme.colors.atmo4}`
-  },
-  /** Styles applied to the component root when its variant is actions */
-  variantActions: {
-    boxSizing: "content-box",
-    padding: 0,
-    width: 32,
-    maxWidth: 32,
-    borderLeft: `solid 1px ${theme.colors.atmo4}`
-  },
-  /** Styles applied to the component root when its variant is expand */
-  variantExpand: {
-    paddingLeft: 0,
-    paddingTop: 0,
-    paddingBottom: 0
-  },
-  /** Styles applied to the component root when its variant is list */
-  variantList: {
-    minHeight: 52,
-    "td&": {
-      height: 52
-    },
-    padding: "0, 0, 0, 32px",
-    border: 0
-  },
-  /** Styles applied to the cell when its variant is list and the type is head. */
-  variantListHead: {
-    backgroundColor: "inherit",
-    "td&": {
-      height: 16
-    }
-  },
-  /** Styles applied to the cell when its variant is list and actions. */
-  variantListactions: {
-    verticalAlign: "middle",
-    borderLeft: "none",
-    paddingLeft: "0",
-    textAlign: "center",
-    width: 130,
-    maxWidth: 130
-  },
-  /** Styles applied to the cell when its variant is list and checkbox. */
-  variantListcheckbox: {
-    borderRight: "none",
-    padding: 0,
-    textAlign: "center",
-    width: 34,
-    maxWidth: 34
-  },
-  /** Styles applied to the cell when it's part of a sticky column. */
-  stickyColumn: {
-    position: "sticky",
-    zIndex: 2,
-    background: theme.colors.atmo2,
-    "&$groupColumnMostRight+$stickyColumn": {
-      borderLeft: 0
-    },
-    "&$sorted": {
-      backgroundImage: `linear-gradient(to right, ${sortedColor}, ${sortedColor})`
-    }
-  },
-  /** Styles applied to the cell when it's part of the last sticky to the left column. */
-  stickyColumnMostLeft: {
-    borderRight: `solid 1px ${theme.colors.atmo4}`
-  },
-  /** Styles applied to the cell when it's part of the first right sticky column. */
-  stickyColumnLeastRight: {
-    borderLeft: `solid 1px ${theme.colors.atmo4}`
-  },
-  /** Styles applied to the cell when it's part of the first column in the group. */
-  groupColumnMostLeft: {
-    borderLeft: `solid 1px ${theme.colors.atmo4}`,
-    "&:first-of-type": {
-      borderLeft: 0
-    }
-  },
-  /** Styles applied to the cell when it's part of the last column in the group. */
-  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
-    }
-  },
-  /** Styles applied to the cell when it's part of a resizable column. */
-  resizable: {
-    borderRight: `solid 1px ${theme.colors.atmo4}`
-  },
-  /** Styles applied to the cell when it's part of a resizing column. */
-  resizing: {
-    borderRight: `solid 2px ${theme.colors.secondary}`
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=TableCell.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableCell.styles.js","sources":["../../../../../src/components/Table/TableCell/TableCell.styles.tsx"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst sortedColor = theme.alpha(\"primary\", 0.1);\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableCell\", {\n  /** Styles applied to the component root class. */\n  root: {\n    verticalAlign: \"inherit\",\n    textAlign: \"left\",\n    padding: `calc(${theme.space.xs} - 2px ) ${theme.space.xs} calc(${\n      theme.space.xs\n    } - 3px ) ${theme.spacing(4)}`,\n    borderBottom: `1px solid ${theme.colors.atmo4}`,\n  },\n  /** Styles applied to the cell when it's in the table head. */\n  head: {\n    height: 52,\n    verticalAlign: \"top\",\n\n    backgroundColor: theme.colors.atmo1,\n    borderTop: \"1px solid transparent\",\n    borderBottom: `1px solid ${theme.colors.atmo4}`,\n    ...(theme.typography.label as CSSProperties),\n  },\n  /** Styles applied to the cell when it's in the table body. */\n  body: {\n    minHeight: 32,\n    \"td&\": {\n      height: 32,\n    },\n    backgroundColor: \"inherit\",\n    ...(theme.typography.body as CSSProperties),\n    fontFamily: theme.fontFamily.body,\n\n    \"&$sorted\": {\n      backgroundColor: sortedColor,\n    },\n  },\n  /** Styles applied to the cell when it's in the table footer. */\n  footer: {},\n  /** Styles applied to the cell when it's part of a sorted column. */\n  sorted: {},\n  /** Styles applied to the component root when it is left aligned */\n  alignLeft: {\n    textAlign: \"left\",\n  },\n  /** Styles applied to the component root when it is center aligned */\n  alignCenter: {\n    textAlign: \"center\",\n  },\n  /** Styles applied to the component root when it is right aligned */\n  alignRight: {\n    textAlign: \"right\",\n    flexDirection: \"row-reverse\",\n  },\n  /** Styles applied to the component root when it is justified */\n  alignJustify: {\n    textAlign: \"justify\",\n  },\n\n  /** Styles applied to the component root when its variant is none */\n  variantNone: {\n    padding: 0,\n  },\n  /** Styles applied to the component root when its variant is checkbox */\n  variantCheckbox: {\n    boxSizing: \"content-box\",\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderRight: `solid 1px ${theme.colors.atmo4}`,\n  },\n  /** Styles applied to the component root when its variant is actions */\n  variantActions: {\n    boxSizing: \"content-box\",\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderLeft: `solid 1px ${theme.colors.atmo4}`,\n  },\n  /** Styles applied to the component root when its variant is expand */\n  variantExpand: {\n    paddingLeft: 0,\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  /** Styles applied to the component root when its variant is list */\n  variantList: {\n    minHeight: 52,\n    \"td&\": {\n      height: 52,\n    },\n    padding: \"0, 0, 0, 32px\",\n    border: 0,\n  },\n  /** Styles applied to the cell when its variant is list and the type is head. */\n  variantListHead: {\n    backgroundColor: \"inherit\",\n    \"td&\": {\n      height: 16,\n    },\n  },\n  /** Styles applied to the cell when its variant is list and actions. */\n  variantListactions: {\n    verticalAlign: \"middle\",\n    borderLeft: \"none\",\n    paddingLeft: \"0\",\n    textAlign: \"center\",\n    width: 130,\n    maxWidth: 130,\n  },\n  /** Styles applied to the cell when its variant is list and checkbox. */\n  variantListcheckbox: {\n    borderRight: \"none\",\n    padding: 0,\n    textAlign: \"center\",\n    width: 34,\n    maxWidth: 34,\n  },\n  /** Styles applied to the cell when it's part of a sticky column. */\n  stickyColumn: {\n    position: \"sticky\",\n    zIndex: 2,\n    background: theme.colors.atmo2,\n\n    \"&$groupColumnMostRight+$stickyColumn\": {\n      borderLeft: 0,\n    },\n\n    \"&$sorted\": {\n      backgroundImage: `linear-gradient(to right, ${sortedColor}, ${sortedColor})`,\n    },\n  },\n  /** Styles applied to the cell when it's part of the last sticky to the left column. */\n  stickyColumnMostLeft: {\n    borderRight: `solid 1px ${theme.colors.atmo4}`,\n  },\n  /** Styles applied to the cell when it's part of the first right sticky column. */\n  stickyColumnLeastRight: {\n    borderLeft: `solid 1px ${theme.colors.atmo4}`,\n  },\n\n  /** Styles applied to the cell when it's part of the first column in the group. */\n  groupColumnMostLeft: {\n    borderLeft: `solid 1px ${theme.colors.atmo4}`,\n\n    \"&:first-of-type\": {\n      borderLeft: 0,\n    },\n  },\n  /** Styles applied to the cell when it's part of the last column in the group. */\n  groupColumnMostRight: {\n    borderRight: `solid 1px ${theme.colors.atmo4}`,\n\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\n    \"&+:not($stickyColumn)\": {\n      borderLeft: 0,\n    },\n  },\n\n  /** Styles applied to the cell when it's part of a resizable column. */\n  resizable: {\n    borderRight: `solid 1px ${theme.colors.atmo4}`,\n  },\n  /** Styles applied to the cell when it's part of a resizing column. */\n  resizing: {\n    borderRight: `solid 2px ${theme.colors.secondary}`,\n  },\n});\n"],"names":[],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableContainer.js","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":[],"mappings":";;;;AA6BO,MAAM,mBAAmB;AAAA,EAC9B,CAAC,EAAE,SAAS,aAAa,WAAW,WAAW,GAAG,OAAO,GAAG,gBAAgB;AAC1E,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,UAAM,YAAY,aAAa;AAG7B,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,GAAG,QAAQ,MAAM,SAAS;AAAA,QACpC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

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

@@ -1,14 +0,0 @@
-import { createClasses } from "../../../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvTableContainer", {
-  root: {
-    width: "100%",
-    overflow: "auto",
-    // extra padding to avoid cutting focus rings in the last line
-    paddingBottom: 3
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=TableContainer.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableContainer.styles.js","sources":["../../../../../src/components/Table/TableContainer/TableContainer.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableContainer\", {\n  root: {\n    width: \"100%\",\n    overflow: \"auto\",\n    // extra padding to avoid cutting focus rings in the last line\n    paddingBottom: 3,\n  },\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,oBAAoB;AAAA,EAC7E,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA;AAAA,IAEV,eAAe;AAAA,EACjB;AACF,CAAC;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableContext.js","sources":["../../../../src/components/Table/TableContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type TableContextProps = {\n  components?: any;\n  variant?: string;\n};\n\nconst TableContext = createContext<TableContextProps>({});\n\nexport default TableContext;\n"],"names":[],"mappings":";AAOA,MAAM,eAAe,cAAiC,CAAA,CAAE;AAExD,MAAA,iBAAe;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableHead.js","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":[],"mappings":";;;;;;AAgCA,MAAM,sBAAsB;AAAA,EAC1B,MAAM;AACR;AAEA,MAAM,mBAAmB;AAMlB,MAAM,cAAc;AAAA,EACzB,CACE,EAAE,SAAS,aAAa,WAAW,WAAW,cAAc,GAAG,OAAO,GACtE,gBACG;AACH,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAExC,UAAA,eAAe,WAAW,YAAY;AAE5C,UAAM,YACJ,aAAa,cAAc,YAAY,SAAS;AAElD,WACG,oBAAA,oBAAoB,UAApB,EAA6B,OAAO,qBACnC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,EAAE,CAAC,QAAQ,YAAY,GAAG,aAAa;AAAA,UACvC;AAAA,QACF;AAAA,QACA,KAAK;AAAA,QACL,MAAM,cAAc,mBAAmB,OAAO;AAAA,QAC7C,GAAG;AAAA,MAAA;AAAA,IAER,EAAA,CAAA;AAAA,EAEJ;AACF;"}

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

@@ -1,10 +0,0 @@
-import { createClasses } from "../../../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvTableHead", {
-  root: {},
-  stickyHeader: { position: "sticky", zIndex: 3, top: 0 }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=TableHead.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableHead.styles.js","sources":["../../../../../src/components/Table/TableHead/TableHead.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableHead\", {\n  root: {},\n  stickyHeader: { position: \"sticky\", zIndex: 3, top: 0 },\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,eAAe;AAAA,EACxE,MAAM,CAAC;AAAA,EACP,cAAc,EAAE,UAAU,UAAU,QAAQ,GAAG,KAAK,EAAE;AACxD,CAAC;"}

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

@@ -1,136 +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";
-import { theme } from "@hitachivantara/uikit-styles";
-import { useTheme } from "../../../hooks/useTheme.js";
-import TableContext from "../TableContext.js";
-import TableSectionContext from "../TableSectionContext.js";
-import { getSortIcon, isParagraph } from "./utils.js";
-import { useClasses, staticClasses } from "./TableHeader.styles.js";
-import { HvButton } from "../../Button/Button.js";
-import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
-import { HvTypography } from "../../Typography/Typography.js";
-const defaultComponent = "th";
-const HvTableHeader = forwardRef(
-  (props, externalRef) => {
-    const {
-      children,
-      component,
-      className,
-      style,
-      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);
-    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.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.js","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 { useDefaultProps } from \"@core/hooks\";\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,\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    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":"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"}