@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/legacy/Table/TableHead/TableHead.js

@@ -0,0 +1,93 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["classes", "className", "component", "stickyHeader"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React, { forwardRef, useContext } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@mui/styles";
+import TableContext from "../TableContext";
+import TableSectionContext from "../TableSectionContext";
+import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+var tableSectionContext = {
+  type: "head"
+};
+var defaultComponent = "thead";
+/**
+ * HvTableHead acts as a `thead` element.
+ * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles
+ */
+
+var HvTableHead = /*#__PURE__*/forwardRef(function HvTableHead(props, ref) {
+  var _tableContext$compone;
+
+  var classes = props.classes,
+      className = props.className,
+      component = props.component,
+      stickyHeader = props.stickyHeader,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var tableContext = useContext(TableContext);
+  var Component = component || (tableContext === null || tableContext === void 0 ? void 0 : (_tableContext$compone = tableContext.components) === null || _tableContext$compone === void 0 ? void 0 : _tableContext$compone.THead) || defaultComponent;
+  return /*#__PURE__*/_jsx(TableSectionContext.Provider, {
+    value: tableSectionContext,
+    children: /*#__PURE__*/_jsx(Component, _objectSpread({
+      className: clsx(classes.root, className, stickyHeader && classes.stickyHeader),
+      ref: ref,
+      role: Component === defaultComponent ? null : "rowgroup"
+    }, others))
+  });
+});
+process.env.NODE_ENV !== "production" ? HvTableHead.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Content to be rendered
+   */
+  children: PropTypes.node,
+
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to thead.
+   */
+  component: PropTypes.elementType,
+
+  /**
+   * The table has sticky headers.
+   */
+  stickyHeader: PropTypes.bool,
+
+  /**
+   * 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 when the table has a sticky header.
+     */
+    stickyHeader: PropTypes.string
+  }).isRequired
+} : void 0;
+export default withStyles(styles, {
+  name: "HvTableHead"
+})(HvTableHead);
+//# sourceMappingURL=TableHead.js.map

package/dist/legacy/Table/TableHead/TableHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.js","names":["React","forwardRef","useContext","PropTypes","clsx","withStyles","TableContext","TableSectionContext","styles","tableSectionContext","type","defaultComponent","HvTableHead","props","ref","classes","className","component","stickyHeader","others","tableContext","Component","components","THead","root","propTypes","string","children","node","elementType","bool","shape","isRequired","name"],"sources":["../../../../src/Table/TableHead/TableHead.js"],"sourcesContent":["import React, { forwardRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport styles from \"./styles\";\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 */\nconst HvTableHead = forwardRef(function HvTableHead(props, ref) {\n  const { classes, className, component, stickyHeader, ...others } = props;\n\n  const tableContext = useContext(TableContext);\n\n  const Component = component || tableContext?.components?.THead || defaultComponent;\n\n  return (\n    <TableSectionContext.Provider value={tableSectionContext}>\n      <Component\n        className={clsx(classes.root, { [classes.stickyHeader]: stickyHeader }, className)}\n        ref={ref}\n        role={Component === defaultComponent ? null : \"rowgroup\"}\n        {...others}\n      />\n    </TableSectionContext.Provider>\n  );\n});\n\nHvTableHead.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\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: PropTypes.elementType,\n  /**\n   * The table has sticky headers.\n   */\n  stickyHeader: PropTypes.bool,\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     * Styles applied when the table has a sticky header.\n     */\n    stickyHeader: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableHead\" })(HvTableHead);\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,UAA5B,QAA8C,OAA9C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,aAA3B;AAEA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,mBAAP,MAAgC,wBAAhC;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,mBAAmB,GAAG;EAC1BC,IAAI,EAAE;AADoB,CAA5B;AAIA,IAAMC,gBAAgB,GAAG,OAAzB;AAEA;AACA;AACA;AACA;;AACA,IAAMC,WAAW,gBAAGX,UAAU,CAAC,SAASW,WAAT,CAAqBC,KAArB,EAA4BC,GAA5B,EAAiC;EAAA;;EAC9D,IAAQC,OAAR,GAAmEF,KAAnE,CAAQE,OAAR;EAAA,IAAiBC,SAAjB,GAAmEH,KAAnE,CAAiBG,SAAjB;EAAA,IAA4BC,SAA5B,GAAmEJ,KAAnE,CAA4BI,SAA5B;EAAA,IAAuCC,YAAvC,GAAmEL,KAAnE,CAAuCK,YAAvC;EAAA,IAAwDC,MAAxD,4BAAmEN,KAAnE;;EAEA,IAAMO,YAAY,GAAGlB,UAAU,CAACI,YAAD,CAA/B;EAEA,IAAMe,SAAS,GAAGJ,SAAS,KAAIG,YAAJ,aAAIA,YAAJ,gDAAIA,YAAY,CAAEE,UAAlB,0DAAI,sBAA0BC,KAA9B,CAAT,IAAgDZ,gBAAlE;EAEA,oBACE,KAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAEF,mBAArC;IAAA,uBACE,KAAC,SAAD;MACE,SAAS,EAAEL,IAAI,CAACW,OAAO,CAACS,IAAT,EAAyDR,SAAzD,EAAyCE,YAAzC,IAAkBH,OAAO,CAACG,YAA1B,CADjB;MAEE,GAAG,EAAEJ,GAFP;MAGE,IAAI,EAAEO,SAAS,KAAKV,gBAAd,GAAiC,IAAjC,GAAwC;IAHhD,GAIMQ,MAJN;EADF,EADF;AAUD,CAjB6B,CAA9B;AAmBA,wCAAAP,WAAW,CAACa,SAAZ,GAAwB;EACtB;AACF;AACA;EACET,SAAS,EAAEb,SAAS,CAACuB,MAJC;;EAKtB;AACF;AACA;EACEC,QAAQ,EAAExB,SAAS,CAACyB,IARE;;EAStB;AACF;AACA;AACA;EACEX,SAAS,EAAEd,SAAS,CAAC0B,WAbC;;EActB;AACF;AACA;EACEX,YAAY,EAAEf,SAAS,CAAC2B,IAjBF;;EAkBtB;AACF;AACA;EACEf,OAAO,EAAEZ,SAAS,CAAC4B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAErB,SAAS,CAACuB,MAJO;;IAKvB;AACJ;AACA;IACIR,YAAY,EAAEf,SAAS,CAACuB;EARD,CAAhB,EASNM;AA9BmB,CAAxB;AAiCA,eAAe3B,UAAU,CAACG,MAAD,EAAS;EAAEyB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4CrB,WAA5C,CAAf"}

package/dist/legacy/Table/TableHead/index.d.ts

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

package/dist/legacy/Table/TableHead/index.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","stickyHeader","position","zIndex","top"],"sources":["../../../../src/Table/TableHead/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {},\n  stickyHeader: {\n    position: \"sticky\",\n    zIndex: 3,\n    top: 0,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE,EADc;IAEpBC,YAAY,EAAE;MACZC,QAAQ,EAAE,QADE;MAEZC,MAAM,EAAE,CAFI;MAGZC,GAAG,EAAE;IAHO;EAFM,CAAP;AAAA,CAAf;;AASA,eAAeL,MAAf"}

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

@@ -0,0 +1,115 @@
+import { StandardProps } from "@mui/material";
+import { HvTypographyProps } from "../..";
+
+export type HvTableHeaderClassKey =
+  | "root"
+  | "head"
+  | "body"
+  | "footer"
+  | "headerContent"
+  | "headerText"
+  | "headerParagraph"
+  | "sortableHeaderText"
+  | "alignLeft"
+  | "alignRight"
+  | "alignCenter"
+  | "alignJustify"
+  | "alignFlexLeft"
+  | "alignFlexCenter"
+  | "alignFlexRight"
+  | "alignFlexJustify"
+  | "variantCheckbox"
+  | "variantExpand"
+  | "variantActions"
+  | "variantList"
+  | "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/legacy/Table/TableHeader/TableHeader.js

@@ -0,0 +1,387 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "component", "className", "style", "classes", "scope", "align", "variant", "type", "stickyColumn", "stickyColumnMostLeft", "stickyColumnLeastRight", "groupColumnMostLeft", "groupColumnMostRight", "sortDirection", "sorted", "sortable", "headerTextProps", "resizerProps", "resizable", "resizing"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 "@mui/styles";
+import { HvButton, HvTypography } from "../..";
+import { getSortIcon, isParagraph } from "./utils";
+import styles from "./styles";
+import TableContext from "../TableContext";
+import TableSectionContext from "../TableSectionContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var defaultComponent = "th";
+/**
+ * `HvTableHeader` acts as a `th` element and inherits styles from its context
+ */
+
+var HvTableHeader = /*#__PURE__*/forwardRef(function HvTableHeader(props, ref) {
+  var _tableContext$compone;
+
+  var children = props.children,
+      component = props.component,
+      className = props.className,
+      style = props.style,
+      classes = props.classes,
+      scopeProp = props.scope,
+      _props$align = props.align,
+      align = _props$align === void 0 ? "inherit" : _props$align,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? "default" : _props$variant,
+      typeProp = props.type,
+      _props$stickyColumn = props.stickyColumn,
+      stickyColumn = _props$stickyColumn === void 0 ? false : _props$stickyColumn,
+      _props$stickyColumnMo = props.stickyColumnMostLeft,
+      stickyColumnMostLeft = _props$stickyColumnMo === void 0 ? false : _props$stickyColumnMo,
+      _props$stickyColumnLe = props.stickyColumnLeastRight,
+      stickyColumnLeastRight = _props$stickyColumnLe === void 0 ? false : _props$stickyColumnLe,
+      _props$groupColumnMos = props.groupColumnMostLeft,
+      groupColumnMostLeft = _props$groupColumnMos === void 0 ? false : _props$groupColumnMos,
+      _props$groupColumnMos2 = props.groupColumnMostRight,
+      groupColumnMostRight = _props$groupColumnMos2 === void 0 ? false : _props$groupColumnMos2,
+      _props$sortDirection = props.sortDirection,
+      sortDirection = _props$sortDirection === void 0 ? "none" : _props$sortDirection,
+      sorted = props.sorted,
+      sortable = props.sortable,
+      headerTextProps = props.headerTextProps,
+      _props$resizerProps = props.resizerProps,
+      resizerProps = _props$resizerProps === void 0 ? {} : _props$resizerProps,
+      _props$resizable = props.resizable,
+      resizable = _props$resizable === void 0 ? false : _props$resizable,
+      _props$resizing = props.resizing,
+      resizing = _props$resizing === void 0 ? false : _props$resizing,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var tableContext = useContext(TableContext);
+  var tableSectionContext = useContext(TableSectionContext);
+  var type = typeProp || (tableSectionContext === null || tableSectionContext === void 0 ? void 0 : tableSectionContext.type) || "body";
+  var isHeadCell = type === "head";
+  var scope = (scopeProp !== null && scopeProp !== void 0 ? scopeProp : isHeadCell) ? "col" : "row";
+  var Sort = useMemo(function () {
+    return getSortIcon(sorted && sortDirection);
+  }, [sorted, sortDirection]);
+  var 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
+
+  var role = Component === defaultComponent ? null : isHeadCell ? "columnheader" : "rowheader";
+  var paragraph = isParagraph(children);
+  return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread({
+    ref: ref,
+    role: role,
+    scope: scope,
+    style: style,
+    className: clsx(classes.root, classes[type], className, align !== "inherit" && classes["align".concat(capitalize(align))], variant !== "default" && classes["variant".concat(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, tableContext.variant === "listrow" && classes.variantList),
+    "aria-sort": sortable ? sortDirection : undefined
+  }, others), {}, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: clsx(classes.headerContent, align !== "inherit" && classes["alignFlex".concat(capitalize(align))]),
+      children: [isHeadCell && sortable && /*#__PURE__*/_jsx(HvButton, {
+        className: classes.sortButton,
+        icon: true,
+        overrideIconColors: false,
+        children: /*#__PURE__*/_jsx(Sort, {
+          className: classes.sortIcon
+        })
+      }), /*#__PURE__*/_jsx(HvTypography, _objectSpread(_objectSpread({
+        component: "div",
+        className: clsx(paragraph ? classes.headerParagraph : classes.headerText, sortable && classes.sortableHeaderText),
+        variant: "highlightText"
+      }, headerTextProps), {}, {
+        children: children
+      })), resizable && /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, resizerProps), {}, {
+        className: classes.resizer
+      }))]
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" ? 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 component root when its variant is list row
+     */
+    variantList: 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
+} : void 0;
+export default withStyles(styles, {
+  name: "HvTableHeader"
+})(HvTableHeader);
+//# sourceMappingURL=TableHeader.js.map