@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","names":["React","forwardRef","useContext","PropTypes","clsx","capitalize","withStyles","styles","TableContext","TableSectionContext","defaultComponent","HvTableCell","props","ref","children","component","className","style","classes","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sorted","resizable","resizing","others","tableContext","tableSectionContext","Component","components","Td","root","variantList","variantListHead","propTypes","elementType","node","string","instanceOf","Object","oneOf","bool","shape","head","body","footer","sortIcon","alignLeft","alignRight","alignCenter","alignJustify","variantCheckbox","variantExpand","variantActions","variantNone","variantListactions","variantListcheckbox","isRequired","name"],"sources":["../../../../src/Table/TableCell/TableCell.js"],"sourcesContent":["import React, { forwardRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"td\";\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nconst HvTableCell = forwardRef(function HvTableCell(props, ref) {\n  const {\n    children,\n\n    component,\n\n    className,\n    style,\n    classes,\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    sorted = false,\n\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\n  const Component = component || tableContext?.components?.Td || defaultComponent;\n\n  return (\n    <Component\n      ref={ref}\n      role={Component === defaultComponent ? null : \"cell\"}\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.variantListHead]: tableContext.variant === \"listrow\" && type !== \"body\",\n          [classes.sorted]: sorted,\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.resizable]: resizable,\n          [classes.resizing]: resizing,\n        },\n        className\n      )}\n      {...others}\n    >\n      {children}\n    </Component>\n  );\n});\n\nHvTableCell.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to td.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\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   * 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([\n    \"checkbox\",\n    \"expand\",\n    \"actions\",\n    \"default\",\n    \"listcheckbox\",\n    \"listactions\",\n    \"none\",\n  ]),\n  /**\n   * Specify the cell's 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   * Whether or not the cell is part of a sorted column.\n   */\n  sorted: PropTypes.bool,\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   * 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   * 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   * 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 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     * 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     * 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     * Styles applied to the cell when it's part of a sorted column.\n     */\n    sorted: PropTypes.string,\n\n    sortIcon: PropTypes.string,\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 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\n     */\n    variantList: PropTypes.string,\n    /**\n     * Styles applied to the cell when its variant is list and actions.\n     */\n    variantListactions: PropTypes.string,\n    /**\n     * Styles applied to the cell when its variant is list and checkbox.\n     */\n    variantListcheckbox: PropTypes.string,\n    /**\n     * Styles applied to the cell when its variant is list and the type is head .\n     */\n    variantListHead: 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  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableCell\" })(HvTableCell);\n"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -0,0 +1,147 @@
+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 => {
+  const semiTransparentAtmo1 = hexToRgbA(theme.hv.palette.atmosphere.atmo1, 0.4);
+  return {
+    root: {
+      verticalAlign: "inherit",
+      textAlign: "left",
+      padding: theme.hvSpacing("8px", "xs", "8px", "32px"),
+      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`
+    },
+    head: _objectSpread({
+      height: 52,
+      verticalAlign: "top",
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      borderTop: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,
+      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`
+    }, theme.hv.typography.highlightText),
+    body: _objectSpread(_objectSpread({
+      minHeight: 32,
+      "td&": {
+        height: 32
+      },
+      backgroundColor: "inherit"
+    }, theme.hv.typography.normalText), {}, {
+      "&$sorted": {
+        backgroundColor: semiTransparentAtmo1
+      }
+    }),
+    footer: {},
+    sorted: {},
+    alignLeft: {
+      textAlign: "left"
+    },
+    alignCenter: {
+      textAlign: "center"
+    },
+    alignRight: {
+      textAlign: "right",
+      flexDirection: "row-reverse"
+    },
+    alignJustify: {
+      textAlign: "justify"
+    },
+    variantNone: {
+      padding: 0
+    },
+    variantCheckbox: {
+      padding: 0,
+      width: 32,
+      maxWidth: 32,
+      overflow: "hidden",
+      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
+    },
+    variantActions: {
+      padding: 0,
+      width: 32,
+      maxWidth: 32,
+      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
+    },
+    variantExpand: {
+      paddingLeft: 0,
+      paddingTop: 0,
+      paddingBottom: 0
+    },
+    variantList: {
+      minHeight: 52,
+      "td&": {
+        height: 52
+      },
+      padding: "0, 0, 0, 32px",
+      border: 0
+    },
+    variantListHead: {
+      backgroundColor: "inherit",
+      "td&": {
+        height: 16
+      }
+    },
+    variantListactions: {
+      borderLeft: `solid 2px ${theme.hv.palette.atmosphere.atmo2}`,
+      paddingLeft: "0",
+      textAlign: "center",
+      width: 130,
+      maxWidth: 130
+    },
+    variantListcheckbox: {
+      borderRight: `solid 2px ${theme.hv.palette.atmosphere.atmo2}`,
+      padding: 0,
+      textAlign: "center",
+      width: 34,
+      maxWidth: 34
+    },
+    stickyColumn: {
+      position: "sticky",
+      zIndex: 2,
+      background: theme.hv.palette.atmosphere.atmo2,
+      "&$groupColumnMostRight+$stickyColumn": {
+        borderLeft: 0
+      },
+      "&$sorted": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo2,
+        backgroundImage: `linear-gradient(to right, ${semiTransparentAtmo1}, ${semiTransparentAtmo1})`
+      }
+    },
+    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
+      }
+    },
+    resizable: {
+      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
+    },
+    resizing: {
+      borderRight: `solid 2px ${theme.hv.palette.accent.acce1}`
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["hexToRgbA","styles","theme","semiTransparentAtmo1","hv","palette","atmosphere","atmo1","root","verticalAlign","textAlign","padding","hvSpacing","borderBottom","atmo4","head","height","backgroundColor","borderTop","typography","highlightText","body","minHeight","normalText","footer","sorted","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","variantNone","variantCheckbox","width","maxWidth","overflow","borderRight","variantActions","borderLeft","variantExpand","paddingLeft","paddingTop","paddingBottom","variantList","border","variantListHead","variantListactions","atmo2","variantListcheckbox","stickyColumn","position","zIndex","background","backgroundImage","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","accent","acce1"],"sources":["../../../../src/Table/TableCell/styles.js"],"sourcesContent":["import { hexToRgbA } from \"../..\";\n\nconst styles = (theme) => {\n  const semiTransparentAtmo1 = hexToRgbA(theme.hv.palette.atmosphere.atmo1, 0.4);\n\n  return {\n    root: {\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      padding: theme.hvSpacing(\"8px\", \"xs\", \"8px\", \"32px\"),\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    head: {\n      height: 52,\n      verticalAlign: \"top\",\n\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      borderTop: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      ...theme.hv.typography.highlightText,\n    },\n    body: {\n      minHeight: 32,\n      \"td&\": {\n        height: 32,\n      },\n      backgroundColor: \"inherit\",\n      ...theme.hv.typography.normalText,\n\n      \"&$sorted\": {\n        backgroundColor: semiTransparentAtmo1,\n      },\n    },\n    footer: {},\n\n    sorted: {},\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    variantNone: {\n      padding: 0,\n    },\n    variantCheckbox: {\n      padding: 0,\n      width: 32,\n      maxWidth: 32,\n      overflow: \"hidden\",\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    variantActions: {\n      padding: 0,\n      width: 32,\n      maxWidth: 32,\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    variantExpand: {\n      paddingLeft: 0,\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    variantList: {\n      minHeight: 52,\n      \"td&\": {\n        height: 52,\n      },\n      padding: \"0, 0, 0, 32px\",\n      border: 0,\n    },\n    variantListHead: {\n      backgroundColor: \"inherit\",\n      \"td&\": {\n        height: 16,\n      },\n    },\n    variantListactions: {\n      borderLeft: `solid 2px ${theme.hv.palette.atmosphere.atmo2}`,\n      paddingLeft: \"0\",\n      textAlign: \"center\",\n      width: 130,\n      maxWidth: 130,\n    },\n    variantListcheckbox: {\n      borderRight: `solid 2px ${theme.hv.palette.atmosphere.atmo2}`,\n      padding: 0,\n      textAlign: \"center\",\n      width: 34,\n      maxWidth: 34,\n    },\n    stickyColumn: {\n      position: \"sticky\",\n      zIndex: 2,\n      background: theme.hv.palette.atmosphere.atmo2,\n\n      \"&$groupColumnMostRight+$stickyColumn\": {\n        borderLeft: 0,\n      },\n\n      \"&$sorted\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo2,\n        backgroundImage: `linear-gradient(to right, ${semiTransparentAtmo1}, ${semiTransparentAtmo1})`,\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    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};\n\nexport default styles;\n"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import { StandardProps } from "@mui/material";
+
+export type HvTableContainerClassKey = "root";
+
+export interface HvTableContainerProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvTableContainerClassKey> {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `div`.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+}
+
+export default function HvTableContainer(props: HvTableContainerProps): JSX.Element | null;

package/dist/modern/Table/TableContainer/TableContainer.js

@@ -0,0 +1,63 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "component"];
+
+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 } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@mui/styles";
+import styles from "./styles";
+/**
+ * HvTableContainer is a container for the HvTable
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+const HvTableContainer = /*#__PURE__*/forwardRef(function HvTableContainer(props, ref) {
+  const {
+    classes,
+    className,
+    component
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const Component = component || "div";
+  return /*#__PURE__*/_jsx(Component, _objectSpread({
+    ref: ref,
+    className: clsx(classes.root, className)
+  }, others));
+});
+process.env.NODE_ENV !== "production" ? HvTableContainer.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Content to be rendered. Usually `<HvTable>`
+   */
+  children: PropTypes.node,
+
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to div.
+   */
+  component: PropTypes.elementType,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string
+  }).isRequired
+} : void 0;
+export default withStyles(styles, {
+  name: "HvTableContainer"
+})(HvTableContainer);
+//# sourceMappingURL=TableContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer.js","names":["React","forwardRef","PropTypes","clsx","withStyles","styles","HvTableContainer","props","ref","classes","className","component","others","Component","root","propTypes","string","children","node","elementType","shape","isRequired","name"],"sources":["../../../../src/Table/TableContainer/TableContainer.js"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport styles from \"./styles\";\n\n/**\n * HvTableContainer is a container for the HvTable\n */\nconst HvTableContainer = forwardRef(function HvTableContainer(props, ref) {\n  const { classes, className, component, ...others } = props;\n\n  const Component = component || \"div\";\n\n  return <Component ref={ref} className={clsx(classes.root, className)} {...others} />;\n});\n\nHvTableContainer.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Content to be rendered. Usually `<HvTable>`\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 div.\n   */\n  component: PropTypes.elementType,\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  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableContainer\" })(HvTableContainer);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,aAA3B;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;;AACA,MAAMC,gBAAgB,gBAAGL,UAAU,CAAC,SAASK,gBAAT,CAA0BC,KAA1B,EAAiCC,GAAjC,EAAsC;EACxE,MAAM;IAAEC,OAAF;IAAWC,SAAX;IAAsBC;EAAtB,IAA+CJ,KAArD;EAAA,MAA0CK,MAA1C,4BAAqDL,KAArD;;EAEA,MAAMM,SAAS,GAAGF,SAAS,IAAI,KAA/B;EAEA,oBAAO,KAAC,SAAD;IAAW,GAAG,EAAEH,GAAhB;IAAqB,SAAS,EAAEL,IAAI,CAACM,OAAO,CAACK,IAAT,EAAeJ,SAAf;EAApC,GAAmEE,MAAnE,EAAP;AACD,CANkC,CAAnC;AAQA,wCAAAN,gBAAgB,CAACS,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEL,SAAS,EAAER,SAAS,CAACc,MAJM;;EAK3B;AACF;AACA;EACEC,QAAQ,EAAEf,SAAS,CAACgB,IARO;;EAS3B;AACF;AACA;AACA;EACEP,SAAS,EAAET,SAAS,CAACiB,WAbM;;EAc3B;AACF;AACA;EACEV,OAAO,EAAEP,SAAS,CAACkB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEZ,SAAS,CAACc;EAJO,CAAhB,EAKNK;AAtBwB,CAA7B;AAyBA,eAAejB,UAAU,CAACC,MAAD,EAAS;EAAEiB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAiDhB,gBAAjD,CAAf"}

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+const styles = () => ({
+  root: {
+    width: "100%",
+    overflow: "auto",
+    // extra padding to avoid cutting focus rings in the last line
+    paddingBottom: 3
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","width","overflow","paddingBottom"],"sources":["../../../../src/Table/TableContainer/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    width: \"100%\",\n    overflow: \"auto\",\n\n    // extra padding to avoid cutting focus rings in the last line\n    paddingBottom: 3,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,KAAK,EAAE,MADH;IAEJC,QAAQ,EAAE,MAFN;IAIJ;IACAC,aAAa,EAAE;EALX;AADc,CAAP,CAAf;;AAUA,eAAeJ,MAAf"}

package/dist/modern/Table/TableContext.js

@@ -0,0 +1,9 @@
+import { createContext } from "react";
+const TableContext = /*#__PURE__*/createContext();
+
+if (process.env.NODE_ENV !== "production") {
+  TableContext.displayName = "TableContext";
+}
+
+export default TableContext;
+//# sourceMappingURL=TableContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.js","names":["createContext","TableContext","process","env","NODE_ENV","displayName"],"sources":["../../../src/Table/TableContext.js"],"sourcesContent":["import { createContext } from \"react\";\n\nconst TableContext = createContext();\n\nif (process.env.NODE_ENV !== \"production\") {\n  TableContext.displayName = \"TableContext\";\n}\n\nexport default TableContext;\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAEA,MAAMC,YAAY,gBAAGD,aAAa,EAAlC;;AAEA,IAAIE,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;EACzCH,YAAY,CAACI,WAAb,GAA2B,cAA3B;AACD;;AAED,eAAeJ,YAAf"}

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

@@ -0,0 +1,14 @@
+import { StandardProps } from "@mui/material";
+
+export type HvTableHeadClassKey = "root";
+
+export interface HvTableHeadProps
+  extends StandardProps<React.HTMLAttributes<HTMLTableSectionElement>, HvTableHeadClassKey> {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `thead`.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+}
+
+export default function HvTableHead(props: HvTableHeadProps): JSX.Element | null;

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

@@ -0,0 +1,88 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _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";
+const tableSectionContext = {
+  type: "head"
+};
+const defaultComponent = "thead";
+/**
+ * HvTableHead acts as a `thead` element.
+ * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles
+ */
+
+const HvTableHead = /*#__PURE__*/forwardRef(function HvTableHead(props, ref) {
+  var _tableContext$compone;
+
+  const {
+    classes,
+    className,
+    component,
+    stickyHeader
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const tableContext = useContext(TableContext);
+  const 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/modern/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,MAAMC,mBAAmB,GAAG;EAC1BC,IAAI,EAAE;AADoB,CAA5B;AAIA,MAAMC,gBAAgB,GAAG,OAAzB;AAEA;AACA;AACA;AACA;;AACA,MAAMC,WAAW,gBAAGX,UAAU,CAAC,SAASW,WAAT,CAAqBC,KAArB,EAA4BC,GAA5B,EAAiC;EAAA;;EAC9D,MAAM;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,SAAtB;IAAiCC;EAAjC,IAA6DL,KAAnE;EAAA,MAAwDM,MAAxD,4BAAmEN,KAAnE;;EAEA,MAAMO,YAAY,GAAGlB,UAAU,CAACI,YAAD,CAA/B;EAEA,MAAMe,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/modern/Table/TableHead/index.d.ts

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

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

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

package/dist/modern/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/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,"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,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE,EADc;EAEpBC,YAAY,EAAE;IACZC,QAAQ,EAAE,QADE;IAEZC,MAAM,EAAE,CAFI;IAGZC,GAAG,EAAE;EAHO;AAFM,CAAP,CAAf;;AASA,eAAeL,MAAf"}

package/dist/modern/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;