@hitachivantara/uikit-react-lab 3.38.0

package/dist/modern/Table/TableHead/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/TableHead/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB","sourcesContent":["export { default } from \"./TableHead\";\n"],"file":"index.js"}

package/dist/modern/Table/TableHead/styles.js

@@ -0,0 +1,11 @@
+const styles = () => ({
+  root: {},
+  stickyHeader: {
+    position: "sticky",
+    zIndex: 3,
+    top: 0
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Table/TableHead/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/TableHead/styles.js"],"names":["styles","root","stickyHeader","position","zIndex","top"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;AACpBC,EAAAA,IAAI,EAAE,EADc;AAEpBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,QAAQ,EAAE,QADE;AAEZC,IAAAA,MAAM,EAAE,CAFI;AAGZC,IAAAA,GAAG,EAAE;AAHO;AAFM,CAAP,CAAf;;AASA,eAAeL,MAAf","sourcesContent":["const styles = () => ({\n  root: {},\n  stickyHeader: {\n    position: \"sticky\",\n    zIndex: 3,\n    top: 0,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Table/TableHeader/TableHeader.d.ts

@@ -0,0 +1,114 @@
+import { StandardProps } from "@material-ui/core";
+import { HvTypographyProps } from "@hitachivantara/uikit-react-core";
+
+export type HvTableHeaderClassKey =
+  | "root"
+  | "head"
+  | "body"
+  | "footer"
+  | "headerContent"
+  | "headerText"
+  | "headerParagraph"
+  | "sortableHeaderText"
+  | "alignLeft"
+  | "alignRight"
+  | "alignCenter"
+  | "alignJustify"
+  | "alignFlexLeft"
+  | "alignFlexCenter"
+  | "alignFlexRight"
+  | "alignFlexJustify"
+  | "variantCheckbox"
+  | "variantExpand"
+  | "variantActions"
+  | "variantNone"
+  | "sortable"
+  | "sorted"
+  | "sortButton"
+  | "sortIcon"
+  | "stickyColumn"
+  | "stickyColumnMostLeft"
+  | "stickyColumnLeastRight"
+  | "groupColumnMostLeft"
+  | "groupColumnMostRight"
+  | "resizable"
+  | "resizing"
+  | "resizer";
+
+export interface HvTableHeaderProps
+  extends StandardProps<
+    React.ThHTMLAttributes<HTMLTableHeaderCellElement>,
+    HvTableHeaderClassKey,
+    "align"
+  > {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to th.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+
+  /**
+   * The scope of cells that the header element relates to.
+   */
+  scope?: "col" | "row" | "colgroup" | "rowgroup";
+
+  /**
+   * Set the text-align on the table cell content.
+   */
+  align?: "center" | "inherit" | "justify" | "left" | "right";
+  /**
+   * Sets the cell's variant.
+   */
+  variant?: "checkbox" | "expand" | "actions" | "default" | "none";
+
+  /**
+   * Specify the cell type.
+   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
+   */
+  type?: "body" | "footer" | "head";
+
+  /**
+   * The cell is part of a sticky column.
+   */
+  stickyColumn?: boolean;
+  /**
+   * The cell is part of the last sticky to the left column.
+   */
+  stickyColumnMostLeft?: boolean;
+  /**
+   * The cell is part of the first sticky to the right column.
+   */
+  stickyColumnLeastRight?: boolean;
+
+  /**
+   * Whether or not the cell is sorted
+   */
+  sorted?: boolean;
+  /**
+   * Whether or not the cell is sortable
+   */
+  sortable?: boolean;
+  /**
+   * Set sort direction icon and aria-sort.
+   */
+  sortDirection?: "ascending" | "descending" | false;
+  /**
+   * Extra props to be passed onto the text in the header.
+   */
+  headerTextProps?: HvTypographyProps;
+  /**
+   * Whether or not the cell is resizable
+   */
+  resizable?: boolean;
+  /**
+   * Whether or not the cell is being resized
+   */
+  resizing?: boolean;
+
+  /**
+   * The resize props injected in the resize handler
+   */
+  resizerProps?: object;
+}
+
+export default function HvTableHeader(props: HvTableHeaderProps): JSX.Element | null;

package/dist/modern/Table/TableHeader/TableHeader.js

@@ -0,0 +1,351 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children", "component", "className", "style", "classes", "scope", "align", "variant", "type", "stickyColumn", "stickyColumnMostLeft", "stickyColumnLeastRight", "groupColumnMostLeft", "groupColumnMostRight", "sortDirection", "sorted", "sortable", "headerTextProps", "resizerProps", "resizable", "resizing"];
+import React, { forwardRef, useContext, useMemo } from "react";
+import PropTypes, { object } from "prop-types";
+import clsx from "clsx";
+import capitalize from "lodash/capitalize";
+import { withStyles } from "@material-ui/core";
+import { HvButton, HvTypography } from "@hitachivantara/uikit-react-core";
+import { getSortIcon, isParagraph } from "./utils";
+import styles from "./styles";
+import TableContext from "../TableContext";
+import TableSectionContext from "../TableSectionContext";
+const defaultComponent = "th";
+/**
+ * `HvTableHeader` acts as a `th` element and inherits styles from its context
+ */
+
+const HvTableHeader = /*#__PURE__*/forwardRef(function HvTableHeader(props, ref) {
+  var _tableContext$compone;
+
+  const {
+    children,
+    component,
+    className,
+    style,
+    classes,
+    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
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const tableContext = useContext(TableContext);
+  const tableSectionContext = useContext(TableSectionContext);
+  const type = typeProp || (tableSectionContext === null || tableSectionContext === void 0 ? void 0 : tableSectionContext.type) || "body";
+  const isHeadCell = type === "head";
+  const scope = (scopeProp !== null && scopeProp !== void 0 ? scopeProp : isHeadCell) ? "col" : "row";
+  const Sort = useMemo(() => getSortIcon(sorted && sortDirection), [sorted, sortDirection]);
+  const Component = component || (tableContext === null || tableContext === void 0 ? void 0 : (_tableContext$compone = tableContext.components) === null || _tableContext$compone === void 0 ? void 0 : _tableContext$compone.Th) || defaultComponent; // eslint-disable-next-line no-nested-ternary
+
+  const role = Component === defaultComponent ? null : isHeadCell ? "columnheader" : "rowheader";
+  const paragraph = isParagraph(children);
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    ref: ref,
+    role: role,
+    scope: scope,
+    style: style,
+    className: clsx(classes.root, classes[type], className, align !== "inherit" && classes[`align${capitalize(align)}`], variant !== "default" && classes[`variant${capitalize(variant)}`], stickyColumn && classes.stickyColumn, stickyColumnMostLeft && classes.stickyColumnMostLeft, stickyColumnLeastRight && classes.stickyColumnLeastRight, groupColumnMostLeft && classes.groupColumnMostLeft, groupColumnMostRight && classes.groupColumnMostRight, sortable && classes.sortable, sorted && classes.sorted, resizable && classes.resizable, resizing && classes.resizing),
+    "aria-sort": sortable ? sortDirection : undefined
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.headerContent, align !== "inherit" && classes[`alignFlex${capitalize(align)}`])
+  }, isHeadCell && sortable && /*#__PURE__*/React.createElement(HvButton, {
+    className: classes.sortButton,
+    icon: true,
+    overrideIconColors: false
+  }, /*#__PURE__*/React.createElement(Sort, {
+    className: classes.sortIcon
+  })), /*#__PURE__*/React.createElement(HvTypography, _extends({
+    component: "div",
+    className: clsx(paragraph ? classes.headerParagraph : classes.headerText, sortable && classes.sortableHeaderText),
+    variant: "highlightText"
+  }, headerTextProps), children), resizable && /*#__PURE__*/React.createElement("div", _extends({}, resizerProps, {
+    className: classes.resizer
+  }))));
+});
+HvTableHeader.propTypes = {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to th.
+   */
+  component: PropTypes.elementType,
+
+  /**
+   * Content to be rendered
+   */
+  children: PropTypes.node,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Inline styles to be applied to the root element.
+   */
+  style: PropTypes.instanceOf(Object),
+
+  /**
+   * The scope of cells that the header element relates to.
+   */
+  scope: PropTypes.oneOf(["col", "row", "colgroup", "rowgroup"]),
+
+  /**
+   * Set the text-align on the table cell content.
+   */
+  align: PropTypes.oneOf(["center", "inherit", "justify", "left", "right"]),
+
+  /**
+   * Sets the cell's variant.
+   */
+  variant: PropTypes.oneOf(["checkbox", "expand", "actions", "default", "none"]),
+
+  /**
+   * Specify the cell type.
+   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
+   */
+  type: PropTypes.oneOf(["body", "footer", "head"]),
+
+  /**
+   * The cell is part of a sticky column.
+   */
+  stickyColumn: PropTypes.bool,
+
+  /**
+   * The cell is part of the last sticky to the left column.
+   */
+  stickyColumnMostLeft: PropTypes.bool,
+
+  /**
+   * The cell is part of the first sticky to the right column.
+   */
+  stickyColumnLeastRight: PropTypes.bool,
+
+  /**
+   * The cell is part of the first column in the group.
+   */
+  groupColumnMostLeft: PropTypes.bool,
+
+  /**
+   * The cell is part of the last column in the group.
+   */
+  groupColumnMostRight: PropTypes.bool,
+
+  /**
+   * Whether or not the cell is sorted
+   */
+  sorted: PropTypes.bool,
+
+  /**
+   * Whether or not the cell is sortable
+   */
+  sortable: PropTypes.bool,
+
+  /**
+   * Set sort direction icon and aria-sort.
+   */
+  sortDirection: PropTypes.oneOf(["ascending", "descending", false]),
+
+  /**
+   * Extra props to be passed onto the text in the header.
+   */
+  headerTextProps: PropTypes.instanceOf(object),
+
+  /**
+   * Whether or not the cell is resizable
+   */
+  resizable: PropTypes.bool,
+
+  /**
+   * Whether or not the cell is being resized
+   */
+  resizing: PropTypes.bool,
+
+  /**
+   * The resize props injected in the resize handler
+   */
+  resizerProps: PropTypes.instanceOf(object),
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when it's in the table head.
+     */
+    head: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when it's in the table body.
+     */
+    body: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when it's in the table footer.
+     */
+    footer: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when it's part of a sticky column.
+     */
+    stickyColumn: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when it's part of the last sticky to the left column.
+     */
+    stickyColumnMostLeft: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when it's part of the first right sticky column.
+     */
+    stickyColumnLeastRight: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when it's part of the first column in the group.
+     */
+    groupColumnMostLeft: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when it's part of the last column in the group.
+     */
+    groupColumnMostRight: PropTypes.string,
+
+    /**
+     * Styles applied to the container of the header cell content.
+     */
+    headerContent: PropTypes.string,
+
+    /**
+     * Styles applied to the text of the header cell.
+     */
+    headerText: PropTypes.string,
+
+    /**
+     * Styles applied to the text of the header cell when it is a paragraph.
+     */
+    headerParagraph: PropTypes.string,
+
+    /**
+     * Styles applied to the text of the header cell when it is sorted.
+     */
+    sortableHeaderText: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when it is sorted.
+     */
+    sorted: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when it is sortable.
+     */
+    sortable: PropTypes.string,
+
+    /**
+     * Styles applied to the sort button component.
+     */
+    sortButton: PropTypes.string,
+
+    /**
+     * Styles applied to the sort icon component.
+     */
+    sortIcon: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when it is left aligned
+     */
+    alignLeft: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when it is right aligned
+     */
+    alignRight: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when it is center aligned
+     */
+    alignCenter: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when it is justified
+     */
+    alignJustify: PropTypes.string,
+
+    /**
+     * Styles applied to the header content when it is left aligned
+     */
+    alignFlexLeft: PropTypes.string,
+
+    /**
+     * Styles applied to the header content when it is right aligned
+     */
+    alignFlexRight: PropTypes.string,
+
+    /**
+     * Styles applied to the header content when it is center aligned
+     */
+    alignFlexCenter: PropTypes.string,
+
+    /**
+     * Styles applied to the header content when it is justified
+     */
+    alignFlexJustify: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when its variant is checkbox
+     */
+    variantCheckbox: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when its variant is expand
+     */
+    variantExpand: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when its variant is actions
+     */
+    variantActions: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when its variant is none
+     */
+    variantNone: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when it's part of a resizable column.
+     */
+    resizable: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when it's part of a resizing column.
+     */
+    resizing: PropTypes.string,
+
+    /**
+     * Styles applied to the resizer object when column is resizable.
+     */
+    resizer: PropTypes.string
+  }).isRequired
+};
+export default withStyles(styles, {
+  name: "HvTableHeader"
+})(HvTableHeader);
+//# sourceMappingURL=TableHeader.js.map

package/dist/modern/Table/TableHeader/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/TableHeader/TableHeader.js"],"names":["React","forwardRef","useContext","useMemo","PropTypes","object","clsx","capitalize","withStyles","HvButton","HvTypography","getSortIcon","isParagraph","styles","TableContext","TableSectionContext","defaultComponent","HvTableHeader","props","ref","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortDirection","sorted","sortable","headerTextProps","resizerProps","resizable","resizing","others","tableContext","tableSectionContext","isHeadCell","Sort","Component","components","Th","role","paragraph","root","undefined","headerContent","sortButton","sortIcon","headerParagraph","headerText","sortableHeaderText","resizer","propTypes","elementType","node","string","instanceOf","Object","oneOf","bool","shape","head","body","footer","alignLeft","alignRight","alignCenter","alignJustify","alignFlexLeft","alignFlexRight","alignFlexCenter","alignFlexJustify","variantCheckbox","variantExpand","variantActions","variantNone","isRequired","name"],"mappings":"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","sourcesContent":["import React, { forwardRef, useContext, useMemo } from \"react\";\nimport PropTypes, { object } from \"prop-types\";\nimport clsx from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"th\";\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nconst HvTableHeader = forwardRef(function HvTableHeader(props, ref) {\n  const {\n    children,\n\n    component,\n\n    className,\n    style,\n    classes,\n\n    scope: scopeProp,\n\n    align = \"inherit\",\n    variant = \"default\",\n\n    type: typeProp,\n\n    stickyColumn = false,\n    stickyColumnMostLeft = false,\n    stickyColumnLeastRight = false,\n\n    groupColumnMostLeft = false,\n    groupColumnMostRight = false,\n\n    sortDirection = \"none\",\n    sorted,\n    sortable,\n    headerTextProps,\n\n    resizerProps = {},\n    resizable = false,\n    resizing = false,\n\n    ...others\n  } = props;\n\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(() => getSortIcon(sorted && sortDirection), [sorted, sortDirection]);\n\n  const Component = component || tableContext?.components?.Th || defaultComponent;\n\n  // eslint-disable-next-line no-nested-ternary\n  const role = Component === defaultComponent ? null : isHeadCell ? \"columnheader\" : \"rowheader\";\n  const paragraph = isParagraph(children);\n  return (\n    <Component\n      ref={ref}\n      role={role}\n      scope={scope}\n      style={style}\n      className={clsx(\n        classes.root,\n        classes[type],\n        {\n          [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n          [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n\n          [classes.stickyColumn]: stickyColumn,\n          [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n          [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n\n          [classes.groupColumnMostLeft]: groupColumnMostLeft,\n          [classes.groupColumnMostRight]: groupColumnMostRight,\n\n          [classes.sortable]: sortable,\n          [classes.sorted]: sorted,\n          [classes.resizable]: resizable,\n          [classes.resizing]: resizing,\n        },\n        className\n      )}\n      aria-sort={sortable ? sortDirection : undefined}\n      {...others}\n    >\n      <div\n        className={clsx(classes.headerContent, {\n          [classes[`alignFlex${capitalize(align)}`]]: align !== \"inherit\",\n        })}\n      >\n        {isHeadCell && sortable && (\n          <HvButton className={classes.sortButton} icon overrideIconColors={false}>\n            <Sort className={classes.sortIcon} />\n          </HvButton>\n        )}\n        <HvTypography\n          component=\"div\"\n          className={clsx({\n            [classes.headerText]: !paragraph,\n            [classes.headerParagraph]: paragraph,\n            [classes.sortableHeaderText]: sortable,\n          })}\n          variant=\"highlightText\"\n          {...headerTextProps}\n        >\n          {children}\n        </HvTypography>\n        {resizable && <div {...resizerProps} className={classes.resizer} />}\n      </div>\n    </Component>\n  );\n});\n\nHvTableHeader.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to th.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n\n  /**\n   * The scope of cells that the header element relates to.\n   */\n  scope: PropTypes.oneOf([\"col\", \"row\", \"colgroup\", \"rowgroup\"]),\n\n  /**\n   * Set the text-align on the table cell content.\n   */\n  align: PropTypes.oneOf([\"center\", \"inherit\", \"justify\", \"left\", \"right\"]),\n  /**\n   * Sets the cell's variant.\n   */\n  variant: PropTypes.oneOf([\"checkbox\", \"expand\", \"actions\", \"default\", \"none\"]),\n\n  /**\n   * Specify the cell type.\n   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.\n   */\n  type: PropTypes.oneOf([\"body\", \"footer\", \"head\"]),\n\n  /**\n   * The cell is part of a sticky column.\n   */\n  stickyColumn: PropTypes.bool,\n  /**\n   * The cell is part of the last sticky to the left column.\n   */\n  stickyColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the first sticky to the right column.\n   */\n  stickyColumnLeastRight: PropTypes.bool,\n\n  /**\n   * The cell is part of the first column in the group.\n   */\n  groupColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the last column in the group.\n   */\n  groupColumnMostRight: PropTypes.bool,\n\n  /**\n   * Whether or not the cell is sorted\n   */\n  sorted: PropTypes.bool,\n  /**\n   * Whether or not the cell is sortable\n   */\n  sortable: PropTypes.bool,\n  /**\n   * Set sort direction icon and aria-sort.\n   */\n  sortDirection: PropTypes.oneOf([\"ascending\", \"descending\", false]),\n  /**\n   * Extra props to be passed onto the text in the header.\n   */\n  headerTextProps: PropTypes.instanceOf(object),\n\n  /**\n   * Whether or not the cell is resizable\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Whether or not the cell is being resized\n   */\n  resizing: PropTypes.bool,\n\n  /**\n   * The resize props injected in the resize handler\n   */\n  resizerProps: PropTypes.instanceOf(object),\n\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's in the table head.\n     */\n    head: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table body.\n     */\n    body: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table footer.\n     */\n    footer: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of a sticky column.\n     */\n    stickyColumn: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last sticky to the left column.\n     */\n    stickyColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the first right sticky column.\n     */\n    stickyColumnLeastRight: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of the first column in the group.\n     */\n    groupColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last column in the group.\n     */\n    groupColumnMostRight: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the header cell content.\n     */\n    headerContent: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell.\n     */\n    headerText: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell when it is a paragraph.\n     */\n    headerParagraph: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell when it is sorted.\n     */\n    sortableHeaderText: PropTypes.string,\n\n    /**\n     * Styles applied to the component root when it is sorted.\n     */\n    sorted: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is sortable.\n     */\n    sortable: PropTypes.string,\n    /**\n     * Styles applied to the sort button component.\n     */\n    sortButton: PropTypes.string,\n    /**\n     * Styles applied to the sort icon component.\n     */\n    sortIcon: PropTypes.string,\n\n    /**\n     * Styles applied to the component root when it is left aligned\n     */\n    alignLeft: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is right aligned\n     */\n    alignRight: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is center aligned\n     */\n    alignCenter: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is justified\n     */\n    alignJustify: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is left aligned\n     */\n    alignFlexLeft: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is right aligned\n     */\n    alignFlexRight: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is center aligned\n     */\n    alignFlexCenter: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is justified\n     */\n    alignFlexJustify: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is checkbox\n     */\n    variantCheckbox: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is expand\n     */\n    variantExpand: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is actions\n     */\n    variantActions: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is none\n     */\n    variantNone: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizable column.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizing column.\n     */\n    resizing: PropTypes.string,\n    /**\n     * Styles applied to the resizer object when column is resizable.\n     */\n    resizer: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableHeader\" })(HvTableHeader);\n"],"file":"TableHeader.js"}

package/dist/modern/Table/TableHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./TableHeader";
+export * from "./TableHeader";

package/dist/modern/Table/TableHeader/index.js

@@ -0,0 +1,2 @@
+export { default } from "./TableHeader";
+//# sourceMappingURL=index.js.map

package/dist/modern/Table/TableHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/TableHeader/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB","sourcesContent":["export { default } from \"./TableHeader\";\n"],"file":"index.js"}