@hitachivantara/uikit-react-lab 3.38.0

package/dist/Table/TableHeader/TableHeader.js

@@ -0,0 +1,404 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireWildcard(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _utils = require("./utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _TableContext = _interopRequireDefault(require("../TableContext"));
+
+var _TableSectionContext = _interopRequireDefault(require("../TableSectionContext"));
+
+var _excluded = ["children", "component", "className", "style", "classes", "scope", "align", "variant", "type", "stickyColumn", "stickyColumnMostLeft", "stickyColumnLeastRight", "groupColumnMostLeft", "groupColumnMostRight", "sortDirection", "sorted", "sortable", "headerTextProps", "resizerProps", "resizable", "resizing"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var defaultComponent = "th";
+/**
+ * `HvTableHeader` acts as a `th` element and inherits styles from its context
+ */
+
+var HvTableHeader = /*#__PURE__*/(0, _react.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 = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var tableContext = (0, _react.useContext)(_TableContext.default);
+  var tableSectionContext = (0, _react.useContext)(_TableSectionContext.default);
+  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 = (0, _react.useMemo)(function () {
+    return (0, _utils.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 = (0, _utils.isParagraph)(children);
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    ref: ref,
+    role: role,
+    scope: scope,
+    style: style,
+    className: (0, _clsx.default)(classes.root, classes[type], className, align !== "inherit" && classes["align".concat((0, _capitalize.default)(align))], variant !== "default" && classes["variant".concat((0, _capitalize.default)(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.default.createElement("div", {
+    className: (0, _clsx.default)(classes.headerContent, align !== "inherit" && classes["alignFlex".concat((0, _capitalize.default)(align))])
+  }, isHeadCell && sortable && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
+    className: classes.sortButton,
+    icon: true,
+    overrideIconColors: false
+  }, /*#__PURE__*/_react.default.createElement(Sort, {
+    className: classes.sortIcon
+  })), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, (0, _extends2.default)({
+    component: "div",
+    className: (0, _clsx.default)(paragraph ? classes.headerParagraph : classes.headerText, sortable && classes.sortableHeaderText),
+    variant: "highlightText"
+  }, headerTextProps), children), resizable && /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, 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.default.elementType,
+
+  /**
+   * Content to be rendered
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * Inline styles to be applied to the root element.
+   */
+  style: _propTypes.default.instanceOf(Object),
+
+  /**
+   * The scope of cells that the header element relates to.
+   */
+  scope: _propTypes.default.oneOf(["col", "row", "colgroup", "rowgroup"]),
+
+  /**
+   * Set the text-align on the table cell content.
+   */
+  align: _propTypes.default.oneOf(["center", "inherit", "justify", "left", "right"]),
+
+  /**
+   * Sets the cell's variant.
+   */
+  variant: _propTypes.default.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.default.oneOf(["body", "footer", "head"]),
+
+  /**
+   * The cell is part of a sticky column.
+   */
+  stickyColumn: _propTypes.default.bool,
+
+  /**
+   * The cell is part of the last sticky to the left column.
+   */
+  stickyColumnMostLeft: _propTypes.default.bool,
+
+  /**
+   * The cell is part of the first sticky to the right column.
+   */
+  stickyColumnLeastRight: _propTypes.default.bool,
+
+  /**
+   * The cell is part of the first column in the group.
+   */
+  groupColumnMostLeft: _propTypes.default.bool,
+
+  /**
+   * The cell is part of the last column in the group.
+   */
+  groupColumnMostRight: _propTypes.default.bool,
+
+  /**
+   * Whether or not the cell is sorted
+   */
+  sorted: _propTypes.default.bool,
+
+  /**
+   * Whether or not the cell is sortable
+   */
+  sortable: _propTypes.default.bool,
+
+  /**
+   * Set sort direction icon and aria-sort.
+   */
+  sortDirection: _propTypes.default.oneOf(["ascending", "descending", false]),
+
+  /**
+   * Extra props to be passed onto the text in the header.
+   */
+  headerTextProps: _propTypes.default.instanceOf(_propTypes.object),
+
+  /**
+   * Whether or not the cell is resizable
+   */
+  resizable: _propTypes.default.bool,
+
+  /**
+   * Whether or not the cell is being resized
+   */
+  resizing: _propTypes.default.bool,
+
+  /**
+   * The resize props injected in the resize handler
+   */
+  resizerProps: _propTypes.default.instanceOf(_propTypes.object),
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when it's in the table head.
+     */
+    head: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when it's in the table body.
+     */
+    body: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when it's in the table footer.
+     */
+    footer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when it's part of a sticky column.
+     */
+    stickyColumn: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when it's part of the last sticky to the left column.
+     */
+    stickyColumnMostLeft: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when it's part of the first right sticky column.
+     */
+    stickyColumnLeastRight: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when it's part of the first column in the group.
+     */
+    groupColumnMostLeft: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when it's part of the last column in the group.
+     */
+    groupColumnMostRight: _propTypes.default.string,
+
+    /**
+     * Styles applied to the container of the header cell content.
+     */
+    headerContent: _propTypes.default.string,
+
+    /**
+     * Styles applied to the text of the header cell.
+     */
+    headerText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the text of the header cell when it is a paragraph.
+     */
+    headerParagraph: _propTypes.default.string,
+
+    /**
+     * Styles applied to the text of the header cell when it is sorted.
+     */
+    sortableHeaderText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root when it is sorted.
+     */
+    sorted: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root when it is sortable.
+     */
+    sortable: _propTypes.default.string,
+
+    /**
+     * Styles applied to the sort button component.
+     */
+    sortButton: _propTypes.default.string,
+
+    /**
+     * Styles applied to the sort icon component.
+     */
+    sortIcon: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root when it is left aligned
+     */
+    alignLeft: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root when it is right aligned
+     */
+    alignRight: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root when it is center aligned
+     */
+    alignCenter: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root when it is justified
+     */
+    alignJustify: _propTypes.default.string,
+
+    /**
+     * Styles applied to the header content when it is left aligned
+     */
+    alignFlexLeft: _propTypes.default.string,
+
+    /**
+     * Styles applied to the header content when it is right aligned
+     */
+    alignFlexRight: _propTypes.default.string,
+
+    /**
+     * Styles applied to the header content when it is center aligned
+     */
+    alignFlexCenter: _propTypes.default.string,
+
+    /**
+     * Styles applied to the header content when it is justified
+     */
+    alignFlexJustify: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root when its variant is checkbox
+     */
+    variantCheckbox: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root when its variant is expand
+     */
+    variantExpand: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root when its variant is actions
+     */
+    variantActions: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root when its variant is none
+     */
+    variantNone: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when it's part of a resizable column.
+     */
+    resizable: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when it's part of a resizing column.
+     */
+    resizing: _propTypes.default.string,
+
+    /**
+     * Styles applied to the resizer object when column is resizable.
+     */
+    resizer: _propTypes.default.string
+  }).isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvTableHeader"
+})(HvTableHeader);
+
+exports.default = _default;
+//# sourceMappingURL=TableHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/TableHeader/TableHeader.js"],"names":["defaultComponent","HvTableHeader","props","ref","children","component","className","style","classes","scopeProp","scope","align","variant","typeProp","type","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortDirection","sorted","sortable","headerTextProps","resizerProps","resizable","resizing","others","tableContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","Component","components","Th","role","paragraph","root","undefined","headerContent","sortButton","sortIcon","headerParagraph","headerText","sortableHeaderText","resizer","propTypes","PropTypes","elementType","node","string","instanceOf","Object","oneOf","bool","object","shape","head","body","footer","alignLeft","alignRight","alignCenter","alignJustify","alignFlexLeft","alignFlexRight","alignFlexCenter","alignFlexJustify","variantCheckbox","variantExpand","variantActions","variantNone","isRequired","styles","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/Table/TableHeader/index.d.ts

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

package/dist/Table/TableHeader/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _TableHeader.default;
+  }
+});
+
+var _TableHeader = _interopRequireDefault(require("./TableHeader"));
+//# sourceMappingURL=index.js.map

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

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