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

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

@@ -0,0 +1,369 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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"];
+
+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";
+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__*/_jsx(Component, _objectSpread(_objectSpread({
+    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, tableContext.variant === "listrow" && classes.variantList),
+    "aria-sort": sortable ? sortDirection : undefined
+  }, others), {}, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: clsx(classes.headerContent, align !== "inherit" && classes[`alignFlex${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

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

@@ -0,0 +1 @@
+{"version":3,"file":"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","variantList","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"],"sources":["../../../../src/Table/TableHeader/TableHeader.js"],"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 \"@mui/styles\";\nimport { HvButton, HvTypography } from \"../..\";\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          [classes.variantList]: tableContext.variant === \"listrow\",\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 component root when its variant is list row\n     */\n    variantList: 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"],"mappings":"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"}

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,"file":"index.js","names":["default"],"sources":["../../../../src/Table/TableHeader/index.js"],"sourcesContent":["export { default } from \"./TableHeader\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB"}

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

@@ -0,0 +1,204 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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 { hexToRgbA } from "../..";
+
+const styles = theme => ({
+  root: {
+    "--first-row-cell-height": "52px",
+    "--cell-height": "32px",
+    height: "var(--cell-height)",
+    verticalAlign: "inherit",
+    textAlign: "left",
+    padding: theme.hvSpacing(0, "xs", 0, "32px"),
+    borderBottom: `1px solid ${theme.palette.atmo4}`
+  },
+  head: _objectSpread(_objectSpread({
+    ":first-child > &": {
+      height: "var(--first-row-cell-height)",
+      borderTop: `1px solid ${theme.palette.atmo4}`
+    },
+    paddingTop: 8,
+    verticalAlign: "top",
+    backgroundColor: theme.palette.atmo1,
+    borderBottom: `1px solid ${theme.palette.atmo4}`
+  }, theme.hv.typography.highlightText), {}, {
+    transition: theme.transitions.create("background-color", {
+      duration: theme.transitions.duration.shorter
+    }),
+    "&$sortable": {
+      verticalAlign: "initial",
+      paddingTop: 0,
+      paddingLeft: 0,
+      cursor: "pointer",
+      "&:hover": {
+        backgroundColor: theme.palette.atmo3,
+        "& $sortIcon": {
+          visibility: "visible"
+        }
+      },
+      "&:focus-within": {
+        backgroundColor: theme.palette.atmo3,
+        "& $sortIcon": {
+          visibility: "visible"
+        }
+      },
+      // IE fallback code (using focus-within-polyfill)
+      "&.focus-within": {
+        backgroundColor: theme.palette.atmo3,
+        "& $sortIcon": {
+          visibility: "visible"
+        }
+      }
+    }
+  }),
+  body: _objectSpread(_objectSpread({
+    backgroundColor: "inherit"
+  }, theme.hv.typography.normalText), {}, {
+    "&$sortable:not($variantNone)": {
+      paddingLeft: 32
+    },
+    "&$sorted": {
+      backgroundColor: hexToRgbA(theme.palette.atmo1, 0.4)
+    }
+  }),
+  footer: {},
+  alignLeft: {
+    textAlign: "left"
+  },
+  alignCenter: {
+    textAlign: "center"
+  },
+  alignRight: {
+    textAlign: "right",
+    flexDirection: "row-reverse"
+  },
+  alignJustify: {
+    textAlign: "justify"
+  },
+  headerContent: {
+    display: "flex",
+    alignItems: "flex-start"
+  },
+  headerText: {
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  },
+  headerParagraph: {
+    overflow: "hidden",
+    display: "-webkit-box",
+    "-webkit-line-clamp": 2,
+    "-webkit-box-orient": "vertical"
+  },
+  sortableHeaderText: {
+    paddingTop: "8px"
+  },
+  alignFlexLeft: {
+    justifyContent: "flex-start"
+  },
+  alignFlexCenter: {
+    justifyContent: "center"
+  },
+  alignFlexRight: {
+    justifyContent: "flex-end"
+  },
+  alignFlexJustify: {
+    textAlign: "justify"
+  },
+  variantNone: {
+    padding: 0
+  },
+  variantCheckbox: {
+    padding: 0,
+    width: 32,
+    maxWidth: 32,
+    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
+  },
+  variantExpand: {},
+  variantActions: {
+    padding: 0,
+    width: 32,
+    maxWidth: 32,
+    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
+  },
+  variantList: {
+    backgroundColor: "inherit",
+    borderBottom: 0,
+    height: 16,
+    ":first-child > &": {
+      borderTop: 0,
+      height: 16
+    }
+  },
+  stickyColumn: {
+    position: "sticky",
+    zIndex: 2,
+    "&$groupColumnMostRight+$stickyColumn": {
+      borderLeft: 0
+    }
+  },
+  stickyColumnMostLeft: {
+    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
+  },
+  stickyColumnLeastRight: {
+    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
+  },
+  groupColumnMostLeft: {
+    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,
+    "&:first-child": {
+      borderLeft: 0
+    }
+  },
+  groupColumnMostRight: {
+    borderRight: `solid 1px ${theme.hv.palette.atmosphere.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
+    }
+  },
+  sortable: {},
+  sorted: {
+    "& $sortIcon": {
+      visibility: "visible"
+    }
+  },
+  sortButton: {
+    "$root$sortable &": {
+      boxShadow: "none",
+      backgroundColor: "transparent"
+    }
+  },
+  sortIcon: {
+    display: "inline-flex",
+    visibility: "hidden"
+  },
+  resizable: {
+    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
+  },
+  resizing: {
+    borderRight: `solid 2px ${theme.hv.palette.accent.acce1}`
+  },
+  resizer: {
+    display: "inline-block",
+    width: 10,
+    height: "100%",
+    position: "absolute",
+    right: 0,
+    top: 0,
+    transform: "translateX(50%)",
+    zIndex: 1,
+    touchAction: "none"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["hexToRgbA","styles","theme","root","height","verticalAlign","textAlign","padding","hvSpacing","borderBottom","palette","atmo4","head","borderTop","paddingTop","backgroundColor","atmo1","hv","typography","highlightText","transition","transitions","create","duration","shorter","paddingLeft","cursor","atmo3","visibility","body","normalText","footer","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","headerContent","display","alignItems","headerText","overflow","textOverflow","headerParagraph","sortableHeaderText","alignFlexLeft","justifyContent","alignFlexCenter","alignFlexRight","alignFlexJustify","variantNone","variantCheckbox","width","maxWidth","borderRight","atmosphere","variantExpand","variantActions","borderLeft","variantList","stickyColumn","position","zIndex","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortable","sorted","sortButton","boxShadow","sortIcon","resizable","resizing","accent","acce1","resizer","right","top","transform","touchAction"],"sources":["../../../../src/Table/TableHeader/styles.js"],"sourcesContent":["import { hexToRgbA } from \"../..\";\n\nconst styles = (theme) => ({\n  root: {\n    \"--first-row-cell-height\": \"52px\",\n    \"--cell-height\": \"32px\",\n\n    height: \"var(--cell-height)\",\n    verticalAlign: \"inherit\",\n    textAlign: \"left\",\n    padding: theme.hvSpacing(0, \"xs\", 0, \"32px\"),\n\n    borderBottom: `1px solid ${theme.palette.atmo4}`,\n  },\n\n  head: {\n    \":first-child > &\": {\n      height: \"var(--first-row-cell-height)\",\n      borderTop: `1px solid ${theme.palette.atmo4}`,\n    },\n\n    paddingTop: 8,\n    verticalAlign: \"top\",\n\n    backgroundColor: theme.palette.atmo1,\n    borderBottom: `1px solid ${theme.palette.atmo4}`,\n    ...theme.hv.typography.highlightText,\n\n    transition: theme.transitions.create(\"background-color\", {\n      duration: theme.transitions.duration.shorter,\n    }),\n\n    \"&$sortable\": {\n      verticalAlign: \"initial\",\n      paddingTop: 0,\n      paddingLeft: 0,\n      cursor: \"pointer\",\n\n      \"&:hover\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n      \"&:focus-within\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n    },\n  },\n  body: {\n    backgroundColor: \"inherit\",\n    ...theme.hv.typography.normalText,\n\n    \"&$sortable:not($variantNone)\": {\n      paddingLeft: 32,\n    },\n    \"&$sorted\": {\n      backgroundColor: hexToRgbA(theme.palette.atmo1, 0.4),\n    },\n  },\n  footer: {},\n\n  alignLeft: {\n    textAlign: \"left\",\n  },\n  alignCenter: {\n    textAlign: \"center\",\n  },\n  alignRight: {\n    textAlign: \"right\",\n    flexDirection: \"row-reverse\",\n  },\n  alignJustify: {\n    textAlign: \"justify\",\n  },\n\n  headerContent: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  headerText: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  headerParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n  sortableHeaderText: {\n    paddingTop: \"8px\",\n  },\n  alignFlexLeft: {\n    justifyContent: \"flex-start\",\n  },\n  alignFlexCenter: {\n    justifyContent: \"center\",\n  },\n  alignFlexRight: {\n    justifyContent: \"flex-end\",\n  },\n  alignFlexJustify: {\n    textAlign: \"justify\",\n  },\n\n  variantNone: {\n    padding: 0,\n  },\n  variantCheckbox: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  variantExpand: {},\n  variantActions: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  variantList: {\n    backgroundColor: \"inherit\",\n    borderBottom: 0,\n    height: 16,\n    \":first-child > &\": {\n      borderTop: 0,\n      height: 16,\n    },\n  },\n  stickyColumn: {\n    position: \"sticky\",\n    zIndex: 2,\n\n    \"&$groupColumnMostRight+$stickyColumn\": {\n      borderLeft: 0,\n    },\n  },\n  stickyColumnMostLeft: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  stickyColumnLeastRight: {\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n\n  groupColumnMostLeft: {\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n    \"&:first-child\": {\n      borderLeft: 0,\n    },\n  },\n  groupColumnMostRight: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.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  sortable: {},\n  sorted: {\n    \"& $sortIcon\": {\n      visibility: \"visible\",\n    },\n  },\n  sortButton: {\n    \"$root$sortable &\": {\n      boxShadow: \"none\",\n      backgroundColor: \"transparent\",\n    },\n  },\n  sortIcon: {\n    display: \"inline-flex\",\n    visibility: \"hidden\",\n  },\n\n  resizable: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n\n  resizing: {\n    borderRight: `solid 2px ${theme.hv.palette.accent.acce1}`,\n  },\n\n  resizer: {\n    display: \"inline-block\",\n    width: 10,\n    height: \"100%\",\n    position: \"absolute\",\n    right: 0,\n    top: 0,\n    transform: \"translateX(50%)\",\n    zIndex: 1,\n    touchAction: \"none\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}