@hitachivantara/uikit-react-lab 3.38.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/TableContainer/styles.js"],"names":["styles","root","width","overflow","paddingBottom"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,MADH;AAEJC,MAAAA,QAAQ,EAAE,MAFN;AAIJ;AACAC,MAAAA,aAAa,EAAE;AALX;AADc,GAAP;AAAA,CAAf;;eAUeJ,M","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"],"file":"styles.js"}

package/dist/Table/TableContext.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var TableContext = /*#__PURE__*/(0, _react.createContext)();
+
+if (process.env.NODE_ENV !== "production") {
+  TableContext.displayName = "TableContext";
+}
+
+var _default = TableContext;
+exports.default = _default;
+//# sourceMappingURL=TableContext.js.map

package/dist/Table/TableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Table/TableContext.js"],"names":["TableContext","process","env","NODE_ENV","displayName"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,YAAY,gBAAG,2BAArB;;AAEA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;AACzCH,EAAAA,YAAY,CAACI,WAAb,GAA2B,cAA3B;AACD;;eAEcJ,Y","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"],"file":"TableContext.js"}

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

@@ -0,0 +1,14 @@
+import { StandardProps } from "@material-ui/core";
+
+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/Table/TableHead/TableHead.js

@@ -0,0 +1,118 @@
+"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", "stickyHeader"];
+
+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: "head"
+};
+var defaultComponent = "thead";
+/**
+ * HvTableHead acts as a `thead` element.
+ * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles
+ */
+
+var HvTableHead = /*#__PURE__*/(0, _react.forwardRef)(function HvTableHead(props, ref) {
+  var _tableContext$compone;
+
+  var classes = props.classes,
+      className = props.className,
+      component = props.component,
+      stickyHeader = props.stickyHeader,
+      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.THead) || 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, stickyHeader && classes.stickyHeader),
+    ref: ref,
+    role: Component === defaultComponent ? null : "rowgroup"
+  }, others)));
+});
+HvTableHead.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 thead.
+   */
+  component: _propTypes.default.elementType,
+
+  /**
+   * The table has sticky headers.
+   */
+  stickyHeader: _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 when the table has a sticky header.
+     */
+    stickyHeader: _propTypes.default.string
+  }).isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvTableHead"
+})(HvTableHead);
+
+exports.default = _default;
+//# sourceMappingURL=TableHead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/TableHead/TableHead.js"],"names":["tableSectionContext","type","defaultComponent","HvTableHead","props","ref","classes","className","component","stickyHeader","others","tableContext","TableContext","Component","components","THead","root","propTypes","PropTypes","string","children","node","elementType","bool","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,GAAmEF,KAAnE,CAAQE,OAAR;AAAA,MAAiBC,SAAjB,GAAmEH,KAAnE,CAAiBG,SAAjB;AAAA,MAA4BC,SAA5B,GAAmEJ,KAAnE,CAA4BI,SAA5B;AAAA,MAAuCC,YAAvC,GAAmEL,KAAnE,CAAuCK,YAAvC;AAAA,MAAwDC,MAAxD,0CAAmEN,KAAnE;AAEA,MAAMO,YAAY,GAAG,uBAAWC,qBAAX,CAArB;AAEA,MAAMC,SAAS,GAAGL,SAAS,KAAIG,YAAJ,aAAIA,YAAJ,gDAAIA,YAAY,CAAEG,UAAlB,0DAAI,sBAA0BC,KAA9B,CAAT,IAAgDb,gBAAlE;AAEA,sBACE,6BAAC,4BAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEF;AAArC,kBACE,6BAAC,SAAD;AACE,IAAA,SAAS,EAAE,mBAAKM,OAAO,CAACU,IAAb,EAA6DT,SAA7D,EAA6CE,YAA7C,IAAsBH,OAAO,CAACG,YAA9B,CADb;AAEE,IAAA,GAAG,EAAEJ,GAFP;AAGE,IAAA,IAAI,EAAEQ,SAAS,KAAKX,gBAAd,GAAiC,IAAjC,GAAwC;AAHhD,KAIMQ,MAJN,EADF,CADF;AAUD,CAjBmB,CAApB;AAmBAP,WAAW,CAACc,SAAZ,GAAwB;AACtB;AACF;AACA;AACEV,EAAAA,SAAS,EAAEW,mBAAUC,MAJC;;AAKtB;AACF;AACA;AACEC,EAAAA,QAAQ,EAAEF,mBAAUG,IARE;;AAStB;AACF;AACA;AACA;AACEb,EAAAA,SAAS,EAAEU,mBAAUI,WAbC;;AActB;AACF;AACA;AACEb,EAAAA,YAAY,EAAES,mBAAUK,IAjBF;;AAkBtB;AACF;AACA;AACEjB,EAAAA,OAAO,EAAEY,mBAAUM,KAAV,CAAgB;AACvB;AACJ;AACA;AACIR,IAAAA,IAAI,EAAEE,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIV,IAAAA,YAAY,EAAES,mBAAUC;AARD,GAAhB,EASNM;AA9BmB,CAAxB;;eAiCe,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA4CxB,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: \"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"],"file":"TableHead.js"}

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

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

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

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

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

package/dist/Table/TableHead/styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/TableHead/styles.js"],"names":["styles","root","stickyHeader","position","zIndex","top"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBC,IAAAA,IAAI,EAAE,EADc;AAEpBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,QAAQ,EAAE,QADE;AAEZC,MAAAA,MAAM,EAAE,CAFI;AAGZC,MAAAA,GAAG,EAAE;AAHO;AAFM,GAAP;AAAA,CAAf;;eASeL,M","sourcesContent":["const styles = () => ({\n  root: {},\n  stickyHeader: {\n    position: \"sticky\",\n    zIndex: 3,\n    top: 0,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

@@ -0,0 +1,114 @@
+import { StandardProps } from "@material-ui/core";
+import { HvTypographyProps } from "@hitachivantara/uikit-react-core";
+
+export type HvTableHeaderClassKey =
+  | "root"
+  | "head"
+  | "body"
+  | "footer"
+  | "headerContent"
+  | "headerText"
+  | "headerParagraph"
+  | "sortableHeaderText"
+  | "alignLeft"
+  | "alignRight"
+  | "alignCenter"
+  | "alignJustify"
+  | "alignFlexLeft"
+  | "alignFlexCenter"
+  | "alignFlexRight"
+  | "alignFlexJustify"
+  | "variantCheckbox"
+  | "variantExpand"
+  | "variantActions"
+  | "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;