@hitachivantara/uikit-react-lab 3.38.0

package/dist/Slider/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 _Slider.default;
+  }
+});
+
+var _Slider = _interopRequireDefault(require("./Slider"));
+//# sourceMappingURL=index.js.map

package/dist/Slider/index.js.map

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

package/dist/Slider/styles.js

@@ -0,0 +1,124 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      "& .rc-slider-handle": {
+        cursor: "pointer",
+        marginTop: "-8px",
+        "&:active": {
+          cursor: "grab"
+        }
+      },
+      zIndex: 0
+    },
+    dot: {
+      position: "absolute",
+      bottom: "-1px",
+      marginLeft: "0px",
+      width: "1px",
+      height: "4px",
+      border: "none",
+      borderRadius: "0%",
+      backgroundColor: theme.hv.palette.atmosphere.atmo4,
+      cursor: "pointer",
+      verticalAlign: "middle",
+      zIndex: "-3"
+    },
+    rail: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo4,
+      height: "1px",
+      zIndex: "-3"
+    },
+    knobInner: {
+      borderColor: "transparent",
+      boxShadow: "none",
+      backgroundColor: theme.hv.palette.accent.acce1,
+      width: "16px",
+      height: "16px"
+    },
+    knobOuter: {
+      position: "relative",
+      borderColor: "transparent",
+      borderRadius: "50%",
+      boxShadow: "none",
+      backgroundColor: theme.hv.palette.atmosphere.atmo4,
+      width: "32px",
+      height: "32px",
+      top: "-80%",
+      left: "-80%",
+      zIndex: "-1"
+    },
+    knobHidden: {
+      display: "none"
+    },
+    knobHiddenLast: {
+      borderColor: "transparent",
+      height: "3px",
+      width: "2px",
+      marginLeft: "-1px",
+      border: "none",
+      borderRadius: "0",
+      marginTop: "0px",
+      left: "100%",
+      touchAction: "none",
+      cursor: "default"
+    },
+    track: {
+      backgroundColor: theme.hv.palette.accent.acce1,
+      height: "3px",
+      zIndex: "-1",
+      marginTop: "-1px"
+    },
+    mark: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
+      fontFamily: theme.hv.typography.fontFamily,
+      top: "-2px"
+    }),
+    sliderTooltip: {
+      "& .rc-slider-tooltip-inner": _objectSpread(_objectSpread({
+        background: theme.hv.palette.atmosphere.atmo1,
+        borderRadius: 0,
+        maxWidth: "532px",
+        height: "100%",
+        padding: "".concat(theme.hv.spacing.sm, "px")
+      }, theme.hv.typography.normalText), {}, {
+        fontFamily: theme.hv.typography.fontFamily,
+        boxShadow: "none"
+      }),
+      "& .rc-slider-tooltip-arrow": {
+        visibility: "hidden"
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Slider/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Slider/styles.js"],"names":["styles","theme","root","cursor","marginTop","zIndex","dot","position","bottom","marginLeft","width","height","border","borderRadius","backgroundColor","hv","palette","atmosphere","atmo4","verticalAlign","rail","knobInner","borderColor","boxShadow","accent","acce1","knobOuter","top","left","knobHidden","display","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","sliderTooltip","background","atmo1","maxWidth","padding","spacing","sm","normalText","visibility"],"mappings":"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","sourcesContent":["const styles = (theme) => ({\n  root: {\n    \"& .rc-slider-handle\": {\n      cursor: \"pointer\",\n      marginTop: \"-8px\",\n      \"&:active\": {\n        cursor: \"grab\",\n      },\n    },\n    zIndex: 0,\n  },\n  dot: {\n    position: \"absolute\",\n    bottom: \"-1px\",\n    marginLeft: \"0px\",\n    width: \"1px\",\n    height: \"4px\",\n    border: \"none\",\n    borderRadius: \"0%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    cursor: \"pointer\",\n    verticalAlign: \"middle\",\n    zIndex: \"-3\",\n  },\n  rail: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    height: \"1px\",\n    zIndex: \"-3\",\n  },\n  knobInner: {\n    borderColor: \"transparent\",\n    boxShadow: \"none\",\n    backgroundColor: theme.hv.palette.accent.acce1,\n    width: \"16px\",\n    height: \"16px\",\n  },\n  knobOuter: {\n    position: \"relative\",\n    borderColor: \"transparent\",\n    borderRadius: \"50%\",\n    boxShadow: \"none\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    width: \"32px\",\n    height: \"32px\",\n    top: \"-80%\",\n    left: \"-80%\",\n    zIndex: \"-1\",\n  },\n  knobHidden: {\n    display: \"none\",\n  },\n  knobHiddenLast: {\n    borderColor: \"transparent\",\n    height: \"3px\",\n    width: \"2px\",\n    marginLeft: \"-1px\",\n    border: \"none\",\n    borderRadius: \"0\",\n    marginTop: \"0px\",\n    left: \"100%\",\n    touchAction: \"none\",\n    cursor: \"default\",\n  },\n  track: {\n    backgroundColor: theme.hv.palette.accent.acce1,\n    height: \"3px\",\n    zIndex: \"-1\",\n    marginTop: \"-1px\",\n  },\n  mark: {\n    ...theme.hv.typography.vizText,\n    fontFamily: theme.hv.typography.fontFamily,\n    top: \"-2px\",\n  },\n  sliderTooltip: {\n    \"& .rc-slider-tooltip-inner\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n      borderRadius: 0,\n      maxWidth: \"532px\",\n      height: \"100%\",\n      padding: `${theme.hv.spacing.sm}px`,\n      ...theme.hv.typography.normalText,\n      fontFamily: theme.hv.typography.fontFamily,\n      boxShadow: \"none\",\n    },\n    \"& .rc-slider-tooltip-arrow\": {\n      visibility: \"hidden\",\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Table/Table.d.ts

@@ -0,0 +1,25 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvTableClassKey = "root" | "stickyHeader" | "stickyColumns";
+
+export interface HvTableProps
+  extends StandardProps<React.TableHTMLAttributes<HTMLTableElement>, HvTableClassKey> {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `table`.
+   *
+   * When using non-table elements, layout is up to the developer using the component.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+
+  /**
+   * Whether the `HvTable` has a sticky header row.
+   */
+  stickyHeader?: boolean;
+  /**
+   * Whether the `HvTable` has sticky columns.
+   */
+  stickyColumns?: boolean;
+}
+
+export default function HvTable(props: HvTableProps): JSX.Element | null;

package/dist/Table/Table.js

@@ -0,0 +1,165 @@
+"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 = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _TableContext = _interopRequireDefault(require("./TableContext"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "component", "stickyHeader", "stickyColumns"];
+
+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 = "table";
+
+var computeTablePartComponents = function computeTablePartComponents(rootComponent) {
+  if (rootComponent === "table") {
+    return {
+      Table: "table",
+      THead: "thead",
+      TBody: "tbody",
+      Tr: "tr",
+      Th: "th",
+      Td: "td"
+    };
+  }
+
+  return {
+    Table: rootComponent,
+    THead: rootComponent,
+    TBody: rootComponent,
+    Tr: rootComponent,
+    Th: rootComponent,
+    Td: rootComponent
+  };
+};
+/**
+ * A Table gathers relational data, it displays values arranged to allow quick numerical analysis
+ * like comparison and sorting.
+ *
+ * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,
+ * for building tables.
+ * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.
+ *
+ * For better data handling and **advanced features** we recommend the use of the utility hooks collection .
+ * See the <a href="?id=lab-table-hooks--main&viewMode=docs" target="_self">Table Hooks documentation</a> for more details.
+ *
+ * **PLEASE NOTE**: This Table implementation is still a WIP. There might be breaking changes.
+ */
+
+
+var HvTable = /*#__PURE__*/(0, _react.forwardRef)(function HvTable(props, ref) {
+  var classes = props.classes,
+      className = props.className,
+      _props$component = props.component,
+      component = _props$component === void 0 ? defaultComponent : _props$component,
+      _props$stickyHeader = props.stickyHeader,
+      stickyHeader = _props$stickyHeader === void 0 ? false : _props$stickyHeader,
+      _props$stickyColumns = props.stickyColumns,
+      stickyColumns = _props$stickyColumns === void 0 ? false : _props$stickyColumns,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var components = (0, _react.useMemo)(function () {
+    return computeTablePartComponents(component);
+  }, [component]);
+  var tableContext = (0, _react.useMemo)(function () {
+    return {
+      components: components
+    };
+  }, [components]);
+  return /*#__PURE__*/_react.default.createElement(_TableContext.default.Provider, {
+    value: tableContext
+  }, /*#__PURE__*/_react.default.createElement(components.Table, (0, _extends2.default)({
+    ref: ref,
+    role: component === defaultComponent ? null : "table",
+    className: (0, _clsx.default)(classes.root, className, stickyHeader && classes.stickyHeader, stickyColumns && classes.stickyColumns)
+  }, others)));
+});
+HvTable.propTypes = {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `table`.
+   *
+   * When using non-table elements, layout is up to the developer using the component.
+   */
+  component: _propTypes.default.elementType,
+
+  /**
+   * Content to be rendered
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * Whether the `HvTable` has a sticky header row.
+   */
+  stickyHeader: _propTypes.default.bool,
+
+  /**
+   * Whether the `HvTable` has sticky columns.
+   */
+  stickyColumns: _propTypes.default.bool,
+
+  /**
+   * 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 component root class when it has a sticky header.
+     */
+    stickyHeader: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root class when it has sticky columns.
+     */
+    stickyColumns: _propTypes.default.string
+  }).isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvTable"
+})(HvTable);
+
+exports.default = _default;
+//# sourceMappingURL=Table.js.map

package/dist/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Table/Table.js"],"names":["defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","HvTable","props","ref","classes","className","component","stickyHeader","stickyColumns","others","components","tableContext","root","propTypes","PropTypes","elementType","children","node","isRequired","string","bool","shape","styles","name"],"mappings":"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","sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport TableContext from \"./TableContext\";\nimport styles from \"./styles\";\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\n/**\n * A Table gathers relational data, it displays values arranged to allow quick numerical analysis\n * like comparison and sorting.\n *\n * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection .\n * See the <a href=\"?id=lab-table-hooks--main&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n *\n * **PLEASE NOTE**: This Table implementation is still a WIP. There might be breaking changes.\n */\nconst HvTable = forwardRef(function HvTable(props, ref) {\n  const {\n    classes,\n    className,\n    component = defaultComponent,\n    stickyHeader = false,\n    stickyColumns = false,\n    ...others\n  } = props;\n\n  const components = useMemo(() => computeTablePartComponents(component), [component]);\n\n  const tableContext = useMemo(() => ({ components }), [components]);\n\n  return (\n    <TableContext.Provider value={tableContext}>\n      <components.Table\n        ref={ref}\n        role={component === defaultComponent ? null : \"table\"}\n        className={clsx(\n          classes.root,\n          {\n            [classes.stickyHeader]: stickyHeader,\n            [classes.stickyColumns]: stickyColumns,\n          },\n          className\n        )}\n        {...others}\n      />\n    </TableContext.Provider>\n  );\n});\n\nHvTable.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Whether the `HvTable` has a sticky header row.\n   */\n  stickyHeader: PropTypes.bool,\n  /**\n   * Whether the `HvTable` has sticky columns.\n   */\n  stickyColumns: PropTypes.bool,\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     * Styles applied to the component root class when it has a sticky header.\n     */\n    stickyHeader: PropTypes.string,\n    /**\n     * Styles applied to the component root class when it has sticky columns.\n     */\n    stickyColumns: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTable\" })(HvTable);\n"],"file":"Table.js"}

package/dist/Table/TableBody/TableBody.d.ts

@@ -0,0 +1,14 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvTableBodyClassKey = "root";
+
+export interface HvTableBodyProps
+  extends StandardProps<React.HTMLAttributes<HTMLTableSectionElement>, HvTableBodyClassKey> {
+  /**
+   * 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 HvTableBody(props: HvTableBodyProps): JSX.Element | null;

package/dist/Table/TableBody/TableBody.js

@@ -0,0 +1,107 @@
+"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 = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _TableContext = _interopRequireDefault(require("../TableContext"));
+
+var _TableSectionContext = _interopRequireDefault(require("../TableSectionContext"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "component"];
+
+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 tableSectionContext = {
+  type: "body"
+};
+var defaultComponent = "tbody";
+/**
+ * HvTableBody acts as a `tbody` element.
+ * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles
+ */
+
+var HvTableBody = /*#__PURE__*/(0, _react.forwardRef)(function HvTableBody(props, ref) {
+  var _tableContext$compone;
+
+  var classes = props.classes,
+      className = props.className,
+      component = props.component,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var tableContext = (0, _react.useContext)(_TableContext.default);
+  var Component = component || (tableContext === null || tableContext === void 0 ? void 0 : (_tableContext$compone = tableContext.components) === null || _tableContext$compone === void 0 ? void 0 : _tableContext$compone.TBody) || defaultComponent;
+  return /*#__PURE__*/_react.default.createElement(_TableSectionContext.default.Provider, {
+    value: tableSectionContext
+  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.root, className),
+    ref: ref,
+    role: Component === defaultComponent ? null : "rowgroup"
+  }, others)));
+});
+HvTableBody.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * Content to be rendered
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to tbody.
+   */
+  component: _propTypes.default.elementType,
+
+  /**
+   * 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
+  }).isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvTableBody"
+})(HvTableBody);
+
+exports.default = _default;
+//# sourceMappingURL=TableBody.js.map

package/dist/Table/TableBody/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/TableBody/TableBody.js"],"names":["tableSectionContext","type","defaultComponent","HvTableBody","props","ref","classes","className","component","others","tableContext","TableContext","Component","components","TBody","root","propTypes","PropTypes","string","children","node","elementType","shape","isRequired","styles","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,IAAI,EAAE;AADoB,CAA5B;AAIA,IAAMC,gBAAgB,GAAG,OAAzB;AAEA;AACA;AACA;AACA;;AACA,IAAMC,WAAW,gBAAG,uBAAW,SAASA,WAAT,CAAqBC,KAArB,EAA4BC,GAA5B,EAAiC;AAAA;;AAC9D,MAAQC,OAAR,GAAqDF,KAArD,CAAQE,OAAR;AAAA,MAAiBC,SAAjB,GAAqDH,KAArD,CAAiBG,SAAjB;AAAA,MAA4BC,SAA5B,GAAqDJ,KAArD,CAA4BI,SAA5B;AAAA,MAA0CC,MAA1C,0CAAqDL,KAArD;AAEA,MAAMM,YAAY,GAAG,uBAAWC,qBAAX,CAArB;AAEA,MAAMC,SAAS,GAAGJ,SAAS,KAAIE,YAAJ,aAAIA,YAAJ,gDAAIA,YAAY,CAAEG,UAAlB,0DAAI,sBAA0BC,KAA9B,CAAT,IAAgDZ,gBAAlE;AAEA,sBACE,6BAAC,4BAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEF;AAArC,kBACE,6BAAC,SAAD;AACE,IAAA,SAAS,EAAE,mBAAKM,OAAO,CAACS,IAAb,EAAmBR,SAAnB,CADb;AAEE,IAAA,GAAG,EAAEF,GAFP;AAGE,IAAA,IAAI,EAAEO,SAAS,KAAKV,gBAAd,GAAiC,IAAjC,GAAwC;AAHhD,KAIMO,MAJN,EADF,CADF;AAUD,CAjBmB,CAApB;AAmBAN,WAAW,CAACa,SAAZ,GAAwB;AACtB;AACF;AACA;AACET,EAAAA,SAAS,EAAEU,mBAAUC,MAJC;;AAKtB;AACF;AACA;AACEC,EAAAA,QAAQ,EAAEF,mBAAUG,IARE;;AAStB;AACF;AACA;AACA;AACEZ,EAAAA,SAAS,EAAES,mBAAUI,WAbC;;AActB;AACF;AACA;AACEf,EAAAA,OAAO,EAAEW,mBAAUK,KAAV,CAAgB;AACvB;AACJ;AACA;AACIP,IAAAA,IAAI,EAAEE,mBAAUC;AAJO,GAAhB,EAKNK;AAtBmB,CAAxB;;eAyBe,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA4CtB,WAA5C,C","sourcesContent":["import React, { forwardRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport styles from \"./styles\";\n\nconst tableSectionContext = {\n  type: \"body\",\n};\n\nconst defaultComponent = \"tbody\";\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nconst HvTableBody = forwardRef(function HvTableBody(props, ref) {\n  const { classes, className, component, ...others } = props;\n\n  const tableContext = useContext(TableContext);\n\n  const Component = component || tableContext?.components?.TBody || defaultComponent;\n\n  return (\n    <TableSectionContext.Provider value={tableSectionContext}>\n      <Component\n        className={clsx(classes.root, className)}\n        ref={ref}\n        role={Component === defaultComponent ? null : \"rowgroup\"}\n        {...others}\n      />\n    </TableSectionContext.Provider>\n  );\n});\n\nHvTableBody.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 tbody.\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: \"HvTableBody\" })(HvTableBody);\n"],"file":"TableBody.js"}

package/dist/Table/TableBody/index.d.ts

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

package/dist/Table/TableBody/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 _TableBody.default;
+  }
+});
+
+var _TableBody = _interopRequireDefault(require("./TableBody"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/Table/TableBody/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles() {
+  return {
+    root: {
+      backgroundColor: "inherit",
+      position: "relative",
+      zIndex: 0
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Table/TableBody/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/TableBody/styles.js"],"names":["styles","root","backgroundColor","position","zIndex"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,eAAe,EAAE,SADb;AAGJC,MAAAA,QAAQ,EAAE,UAHN;AAIJC,MAAAA,MAAM,EAAE;AAJJ;AADc,GAAP;AAAA,CAAf;;eASeJ,M","sourcesContent":["const styles = () => ({\n  root: {\n    backgroundColor: \"inherit\",\n\n    position: \"relative\",\n    zIndex: 0,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

@@ -0,0 +1,72 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvTableCellClassKey =
+  | "root"
+  | "head"
+  | "body"
+  | "footer"
+  | "stickyColumn"
+  | "stickyColumnMostLeft"
+  | "stickyColumnLeastRight"
+  | "alignLeft"
+  | "alignRight"
+  | "alignCenter"
+  | "alignJustify"
+  | "variantCheckbox"
+  | "variantExpand"
+  | "variantActions"
+  | "variantNone"
+  | "resizable"
+  | "resizing";
+
+export interface HvTableCellProps
+  extends StandardProps<
+    React.TdHTMLAttributes<HTMLTableCellElement>,
+    HvTableCellClassKey,
+    "align"
+  > {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to td.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+
+  /**
+   * 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 resizable
+   */
+  resizable?: boolean;
+  /**
+   * Whether or not the cell is being resized
+   */
+  resizing?: boolean;
+}
+
+export default function HvTableCell(props: HvTableCellProps): JSX.Element | null;