@hitachivantara/uikit-react-core 3.52.5

package/dist/Tab/index.d.ts

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

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

package/dist/Tab/index.js.map

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

package/dist/Tab/styles.js

@@ -0,0 +1,82 @@
+"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"));
+
+var _styles = require("../Focus/styles");
+
+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: _objectSpread(_objectSpread({
+      marginTop: "3px",
+      padding: "0 20px",
+      minWidth: 70,
+      minHeight: 32,
+      textTransform: "none",
+      fontFamily: theme.hv.typography.fontFamily
+    }, theme.hv.typography.normalText), {}, {
+      "&:hover": {
+        "&::after": {
+          height: "1px",
+          backgroundColor: theme.hv.palette.atmosphere.atmo5
+        }
+      },
+      "&$selected": {
+        color: theme.hv.typography.highlightText.color,
+        fontWeight: theme.hv.typography.highlightText.fontWeight,
+        lineHeight: theme.hv.typography.highlightText.lineWeight,
+        letterSpacing: theme.hv.typography.highlightText.letterSpacing
+      },
+      "&$disabled": {
+        color: theme.hv.palette.atmosphere.atmo5,
+        cursor: "not-allowed",
+        pointerEvents: "all",
+        opacity: 1,
+        "&:hover": {
+          background: "none"
+        }
+      },
+      opacity: 1,
+      "&::after": {
+        position: "absolute",
+        left: 0,
+        top: "calc(100% - 1px)",
+        height: "1px",
+        width: "100%",
+        backgroundColor: theme.hv.palette.atmosphere.atmo4,
+        content: "''"
+      }
+    }),
+    focusVisible: _objectSpread({}, _styles.outlineStyles),
+    selected: {},
+    disabled: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Tab/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tab/styles.js"],"names":["styles","theme","root","marginTop","padding","minWidth","minHeight","textTransform","fontFamily","hv","typography","normalText","height","backgroundColor","palette","atmosphere","atmo5","color","highlightText","fontWeight","lineHeight","lineWeight","letterSpacing","cursor","pointerEvents","opacity","background","position","left","top","width","atmo4","content","focusVisible","outlineStyles","selected","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI;AACFC,MAAAA,SAAS,EAAE,KADT;AAEFC,MAAAA,OAAO,EAAE,QAFP;AAGFC,MAAAA,QAAQ,EAAE,EAHR;AAIFC,MAAAA,SAAS,EAAE,EAJT;AAKFC,MAAAA,aAAa,EAAE,MALb;AAMFC,MAAAA,UAAU,EAAEP,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBF;AAN9B,OAOCP,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBC,UAPrB;AAQF,iBAAW;AACT,oBAAY;AACVC,UAAAA,MAAM,EAAE,KADE;AAEVC,UAAAA,eAAe,EAAEZ,KAAK,CAACQ,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BC;AAFnC;AADH,OART;AAcF,oBAAc;AACZC,QAAAA,KAAK,EAAEhB,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCD,KAD7B;AAEZE,QAAAA,UAAU,EAAElB,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCC,UAFlC;AAGZC,QAAAA,UAAU,EAAEnB,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCG,UAHlC;AAIZC,QAAAA,aAAa,EAAErB,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCI;AAJrC,OAdZ;AAoBF,oBAAc;AACZL,QAAAA,KAAK,EAAEhB,KAAK,CAACQ,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BC,KADvB;AAEZO,QAAAA,MAAM,EAAE,aAFI;AAGZC,QAAAA,aAAa,EAAE,KAHH;AAIZC,QAAAA,OAAO,EAAE,CAJG;AAKZ,mBAAW;AACTC,UAAAA,UAAU,EAAE;AADH;AALC,OApBZ;AA6BFD,MAAAA,OAAO,EAAE,CA7BP;AA8BF,kBAAY;AACVE,QAAAA,QAAQ,EAAE,UADA;AAEVC,QAAAA,IAAI,EAAE,CAFI;AAGVC,QAAAA,GAAG,EAAE,kBAHK;AAIVjB,QAAAA,MAAM,EAAE,KAJE;AAKVkB,QAAAA,KAAK,EAAE,MALG;AAMVjB,QAAAA,eAAe,EAAEZ,KAAK,CAACQ,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BgB,KANnC;AAOVC,QAAAA,OAAO,EAAE;AAPC;AA9BV,MADqB;AAyCzBC,IAAAA,YAAY,oBACPC,qBADO,CAzCa;AA4CzBC,IAAAA,QAAQ,EAAE,EA5Ce;AA6CzBC,IAAAA,QAAQ,EAAE;AA7Ce,GAAZ;AAAA,CAAf;;eAgDepC,M","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    marginTop: \"3px\",\n    padding: \"0 20px\",\n    minWidth: 70,\n    minHeight: 32,\n    textTransform: \"none\",\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.normalText,\n    \"&:hover\": {\n      \"&::after\": {\n        height: \"1px\",\n        backgroundColor: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n    \"&$selected\": {\n      color: theme.hv.typography.highlightText.color,\n      fontWeight: theme.hv.typography.highlightText.fontWeight,\n      lineHeight: theme.hv.typography.highlightText.lineWeight,\n      letterSpacing: theme.hv.typography.highlightText.letterSpacing,\n    },\n    \"&$disabled\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n      cursor: \"not-allowed\",\n      pointerEvents: \"all\",\n      opacity: 1,\n      \"&:hover\": {\n        background: \"none\",\n      },\n    },\n    opacity: 1,\n    \"&::after\": {\n      position: \"absolute\",\n      left: 0,\n      top: \"calc(100% - 1px)\",\n      height: \"1px\",\n      width: \"100%\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      content: \"''\",\n    },\n  },\n  focusVisible: {\n    ...outlineStyles,\n  },\n  selected: {},\n  disabled: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Table/CellWithTooltip/index.js

@@ -0,0 +1,75 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _reactResizeDetector = require("react-resize-detector");
+
+var _ = require("../..");
+
+var _styles = require("../styles");
+
+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; }
+
+/* eslint-disable react/prop-types */
+var Index = function Index(_ref) {
+  var classes = _ref.classes,
+      data = _ref.data;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isOverflowed = _useState2[0],
+      setIsOverflowed = _useState2[1];
+
+  var textRef = (0, _react.useRef)();
+  var onResize = (0, _react.useCallback)(function () {
+    setIsOverflowed(textRef.current != null && (textRef.current.scrollWidth > textRef.current.clientWidth || textRef.current.scrollHeight > textRef.current.clientHeight));
+  }, []);
+  (0, _reactResizeDetector.useResizeDetector)({
+    onResize: onResize,
+    targetRef: textRef
+  });
+  return /*#__PURE__*/_react.default.createElement(_.HvTooltip, {
+    disableHoverListener: !isOverflowed,
+    placement: "top-start",
+    title: /*#__PURE__*/_react.default.createElement(_.HvTypography, null, data)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: textRef,
+    className: (0, _clsx.default)(classes.tooltipAnchor, classes.textContainer)
+  }, data));
+};
+
+var _default = (0, _core.withStyles)(_styles.styles, {
+  name: "OverflowTooltip"
+})( /*#__PURE__*/_react.default.memo(Index));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/CellWithTooltip/index.js"],"names":["Index","classes","data","isOverflowed","setIsOverflowed","textRef","onResize","current","scrollWidth","clientWidth","scrollHeight","clientHeight","targetRef","tooltipAnchor","textContainer","styles","name","React","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;;;;;AATA;AAWA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAAuB;AAAA,MAApBC,OAAoB,QAApBA,OAAoB;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AACnC,kBAAwC,qBAAS,KAAT,CAAxC;AAAA;AAAA,MAAOC,YAAP;AAAA,MAAqBC,eAArB;;AACA,MAAMC,OAAO,GAAG,oBAAhB;AAEA,MAAMC,QAAQ,GAAG,wBAAY,YAAM;AACjCF,IAAAA,eAAe,CACbC,OAAO,CAACE,OAAR,IAAmB,IAAnB,KACGF,OAAO,CAACE,OAAR,CAAgBC,WAAhB,GAA8BH,OAAO,CAACE,OAAR,CAAgBE,WAA9C,IACCJ,OAAO,CAACE,OAAR,CAAgBG,YAAhB,GAA+BL,OAAO,CAACE,OAAR,CAAgBI,YAFnD,CADa,CAAf;AAKD,GANgB,EAMd,EANc,CAAjB;AAQA,8CAAkB;AAAEL,IAAAA,QAAQ,EAARA,QAAF;AAAYM,IAAAA,SAAS,EAAEP;AAAvB,GAAlB;AAEA,sBACE,6BAAC,WAAD;AACE,IAAA,oBAAoB,EAAE,CAACF,YADzB;AAEE,IAAA,SAAS,EAAC,WAFZ;AAGE,IAAA,KAAK,eAAE,6BAAC,cAAD,QAAeD,IAAf;AAHT,kBAKE;AAAK,IAAA,GAAG,EAAEG,OAAV;AAAmB,IAAA,SAAS,EAAE,mBAAKJ,OAAO,CAACY,aAAb,EAA4BZ,OAAO,CAACa,aAApC;AAA9B,KACGZ,IADH,CALF,CADF;AAWD,CAzBD;;eA0Be,sBAAWa,cAAX,EAAmB;AAChCC,EAAAA,IAAI,EAAE;AAD0B,CAAnB,gBAEZC,eAAMC,IAAN,CAAWlB,KAAX,CAFY,C","sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { HvTooltip, HvTypography } from \"../..\";\nimport { styles } from \"../styles\";\n\nconst Index = ({ classes, data }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef();\n\n  const onResize = useCallback(() => {\n    setIsOverflowed(\n      textRef.current != null &&\n        (textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight)\n    );\n  }, []);\n\n  useResizeDetector({ onResize, targetRef: textRef });\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{data}</HvTypography>}\n    >\n      <div ref={textRef} className={clsx(classes.tooltipAnchor, classes.textContainer)}>\n        {data}\n      </div>\n    </HvTooltip>\n  );\n};\nexport default withStyles(styles, {\n  name: \"OverflowTooltip\",\n})(React.memo(Index));\n"],"file":"index.js"}

package/dist/Table/DropdownMenu/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _DropDownMenu = _interopRequireDefault(require("../../DropDownMenu"));
+
+// eslint-disable-next-line react/prop-types
+var DropDownMenu = function DropDownMenu(_ref) {
+  var id = _ref.id,
+      secondaryActions = _ref.secondaryActions,
+      dropdownMenuProps = _ref.dropdownMenuProps,
+      original = _ref.original;
+  return /*#__PURE__*/_react.default.createElement(_DropDownMenu.default, (0, _extends2.default)({
+    id: id,
+    disablePortal: false,
+    icon: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.MoreOptionsVertical, {
+      style: {
+        width: 30,
+        height: 30
+      }
+    }),
+    dataList: secondaryActions,
+    onClick: function onClick(event, item) {
+      var _item$action;
+
+      event.stopPropagation();
+      item === null || item === void 0 ? void 0 : (_item$action = item.action) === null || _item$action === void 0 ? void 0 : _item$action.call(item, event, original);
+    },
+    keepOpened: false,
+    placement: "left"
+  }, dropdownMenuProps));
+};
+
+var _default = DropDownMenu;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/DropdownMenu/index.js"],"names":["DropDownMenu","id","secondaryActions","dropdownMenuProps","original","width","height","event","item","stopPropagation","action"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;AACA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAA2D;AAAA,MAAxDC,EAAwD,QAAxDA,EAAwD;AAAA,MAApDC,gBAAoD,QAApDA,gBAAoD;AAAA,MAAlCC,iBAAkC,QAAlCA,iBAAkC;AAAA,MAAfC,QAAe,QAAfA,QAAe;AAC9E,sBACE,6BAAC,qBAAD;AACE,IAAA,EAAE,EAAEH,EADN;AAEE,IAAA,aAAa,EAAE,KAFjB;AAGE,IAAA,IAAI,eAAE,6BAAC,oCAAD;AAAqB,MAAA,KAAK,EAAE;AAAEI,QAAAA,KAAK,EAAE,EAAT;AAAaC,QAAAA,MAAM,EAAE;AAArB;AAA5B,MAHR;AAIE,IAAA,QAAQ,EAAEJ,gBAJZ;AAKE,IAAA,OAAO,EAAE,iBAACK,KAAD,EAAQC,IAAR,EAAiB;AAAA;;AACxBD,MAAAA,KAAK,CAACE,eAAN;AACAD,MAAAA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,4BAAAA,IAAI,CAAEE,MAAN,mEAAAF,IAAI,EAAWD,KAAX,EAAkBH,QAAlB,CAAJ;AACD,KARH;AASE,IAAA,UAAU,EAAE,KATd;AAUE,IAAA,SAAS,EAAC;AAVZ,KAWMD,iBAXN,EADF;AAeD,CAhBD;;eAkBeH,Y","sourcesContent":["import React from \"react\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport HvDropDownMenu from \"../../DropDownMenu\";\n\n// eslint-disable-next-line react/prop-types\nconst DropDownMenu = ({ id, secondaryActions, dropdownMenuProps, original }) => {\n  return (\n    <HvDropDownMenu\n      id={id}\n      disablePortal={false}\n      icon={<MoreOptionsVertical style={{ width: 30, height: 30 }} />}\n      dataList={secondaryActions}\n      onClick={(event, item) => {\n        event.stopPropagation();\n        item?.action?.(event, original);\n      }}\n      keepOpened={false}\n      placement=\"left\"\n      {...dropdownMenuProps}\n    />\n  );\n};\n\nexport default DropDownMenu;\n"],"file":"index.js"}

package/dist/Table/Header/Header.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.sort.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _ = require("../..");
+
+var _utils = require("../../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+/* eslint-disable */
+
+/**
+ * Returns the corresponding icon for the type of sorting (ascending or descending).
+ */
+var renderSort = function renderSort(sortType, columnSortable) {
+  if (sortType) {
+    return sortType === "descending" ? /*#__PURE__*/_react.default.createElement(_uikitReactIcons.SortDescendingXS, null) : /*#__PURE__*/_react.default.createElement(_uikitReactIcons.SortAscendingXS, null);
+  }
+
+  if (columnSortable) {
+    return /*#__PURE__*/_react.default.createElement(_uikitReactIcons.SortXS, null);
+  }
+
+  return null;
+};
+
+var getSortType = function getSortType(id, sort) {
+  var sortInfo = sort.filter(function (item) {
+    return item.id === id;
+  });
+
+  if (sortInfo.length) {
+    return sortInfo[0].desc === true ? "descending" : "ascending";
+  }
+
+  return undefined;
+};
+
+var Header = function Header(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      column = _ref.column,
+      tableSortable = _ref.tableSortable,
+      sort = _ref.sort,
+      onSortChange = _ref.onSortChange;
+  var colId = column.id,
+      sortable = column.sortable,
+      cellType = column.cellType,
+      headerText = column.headerText;
+  var columnSortable = sortable == null && tableSortable || sortable;
+  var sortType = getSortType(colId, sort);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.headerContainer)
+  }, columnSortable && /*#__PURE__*/_react.default.createElement("div", {
+    id: (0, _utils.setId)(id, "column", colId, "sort-button"),
+    className: (0, _clsx.default)(classes.rtSortIcon, cellType === "numeric" && classes.rtSortIconNumeric),
+    "aria-label": (0, _utils.setId)(id, "column", colId, "sort-button"),
+    role: "button",
+    tabIndex: "0"
+  }, renderSort(sortType, columnSortable)), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.headerTextContainer, columnSortable ? classes.headerSortable : classes.headerNotSortable)
+  }, /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+    id: (0, _utils.setId)(id, "column", colId, "label"),
+    variant: "highlightText",
+    className: (0, _clsx.default)(classes.headerProps, (cellType === "alpha-numeric" || cellType === "link") && classes.headerAlphaNumeric, cellType === "numeric" && classes.headerNumeric)
+  }, headerText)));
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvTableHeader"
+})(Header);
+
+exports.default = _default;
+//# sourceMappingURL=Header.js.map

package/dist/Table/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/Header/Header.js"],"names":["renderSort","sortType","columnSortable","getSortType","id","sort","sortInfo","filter","item","length","desc","undefined","Header","classes","column","tableSortable","onSortChange","colId","sortable","cellType","headerText","headerContainer","rtSortIcon","rtSortIconNumeric","headerTextContainer","headerSortable","headerNotSortable","headerProps","headerAlphaNumeric","headerNumeric","styles","name"],"mappings":"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","sourcesContent":["/* eslint-disable */\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport {\n  SortXS as Sort,\n  SortAscendingXS as SortAsc,\n  SortDescendingXS as SortDesc,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Returns the corresponding icon for the type of sorting (ascending or descending).\n */\nconst renderSort = (sortType, columnSortable) => {\n  if (sortType) {\n    return sortType === \"descending\" ? <SortDesc /> : <SortAsc />;\n  }\n\n  if (columnSortable) {\n    return <Sort />;\n  }\n\n  return null;\n};\n\nconst getSortType = (id, sort) => {\n  const sortInfo = sort.filter((item) => item.id === id);\n  if (sortInfo.length) {\n    return sortInfo[0].desc === true ? \"descending\" : \"ascending\";\n  }\n\n  return undefined;\n};\n\nconst Header = ({ id, classes, column, tableSortable, sort, onSortChange }) => {\n  const { id: colId, sortable, cellType, headerText } = column;\n\n  const columnSortable = (sortable == null && tableSortable) || sortable;\n  const sortType = getSortType(colId, sort);\n\n  return (\n    <div className={clsx(classes.headerContainer)}>\n      {columnSortable && (\n        <div\n          id={setId(id, \"column\", colId, \"sort-button\")}\n          className={clsx(classes.rtSortIcon, {\n            [classes.rtSortIconNumeric]: cellType === \"numeric\",\n          })}\n          aria-label={setId(id, \"column\", colId, \"sort-button\")}\n          role=\"button\"\n          tabIndex=\"0\"\n        >\n          {renderSort(sortType, columnSortable)}\n        </div>\n      )}\n      {/* Setter of the styles for the header */}\n      <div\n        className={clsx(classes.headerTextContainer, {\n          [classes.headerSortable]: columnSortable,\n          [classes.headerNotSortable]: !columnSortable,\n        })}\n      >\n        <HvTypography\n          id={setId(id, \"column\", colId, \"label\")}\n          variant=\"highlightText\"\n          className={clsx(classes.headerProps, {\n            [classes.headerAlphaNumeric]: cellType === \"alpha-numeric\" || cellType === \"link\",\n            [classes.headerNumeric]: cellType === \"numeric\",\n          })}\n        >\n          {headerText}\n        </HvTypography>\n      </div>\n    </div>\n  );\n};\n\nexport default withStyles(styles, { name: \"HvTableHeader\" })(Header);\n"],"file":"Header.js"}

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

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

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

package/dist/Table/Header/styles.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    headerContainer: {
+      width: "100%",
+      display: "flex"
+    },
+    headerProps: {
+      width: "100%",
+      whiteSpace: "normal",
+      textOverflow: "ellipsis",
+      overflow: "hidden",
+      maxHeight: 42
+    },
+    headerTextContainer: {
+      minWidth: 0,
+      padding: theme.hvSpacing("8px", "xs", "8px", 0),
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    },
+    headerNotSortable: {
+      width: "calc(100% - ".concat(theme.hv.spacing.xs, "px)"),
+      marginLeft: theme.hv.spacing.xs
+    },
+    headerSortable: {
+      maxWidth: "calc(100% - 32px)"
+    },
+    headerAlphaNumeric: {
+      float: "left",
+      textAlign: "left"
+    },
+    headerNumeric: {
+      float: "right",
+      textAlign: "right"
+    },
+    rtSortIcon: {
+      "&:focus": {
+        outline: 0
+      }
+    },
+    rtSortIconNumeric: {
+      marginLeft: "auto"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/Header/styles.js"],"names":["styles","theme","headerContainer","width","display","headerProps","whiteSpace","textOverflow","overflow","maxHeight","headerTextContainer","minWidth","padding","hvSpacing","headerNotSortable","hv","spacing","xs","marginLeft","headerSortable","maxWidth","headerAlphaNumeric","float","textAlign","headerNumeric","rtSortIcon","outline","rtSortIconNumeric"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAE,MADQ;AAEfC,MAAAA,OAAO,EAAE;AAFM,KADQ;AAKzBC,IAAAA,WAAW,EAAE;AACXF,MAAAA,KAAK,EAAE,MADI;AAEXG,MAAAA,UAAU,EAAE,QAFD;AAGXC,MAAAA,YAAY,EAAE,UAHH;AAIXC,MAAAA,QAAQ,EAAE,QAJC;AAKXC,MAAAA,SAAS,EAAE;AALA,KALY;AAYzBC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,QAAQ,EAAE,CADS;AAEnBC,MAAAA,OAAO,EAAEX,KAAK,CAACY,SAAN,CAAgB,KAAhB,EAAuB,IAAvB,EAA6B,KAA7B,EAAoC,CAApC,CAFU;AAGnBL,MAAAA,QAAQ,EAAE,QAHS;AAInBF,MAAAA,UAAU,EAAE,QAJO;AAKnBC,MAAAA,YAAY,EAAE;AALK,KAZI;AAmBzBO,IAAAA,iBAAiB,EAAE;AACjBX,MAAAA,KAAK,wBAAiBF,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,EAAlC,QADY;AAEjBC,MAAAA,UAAU,EAAEjB,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC;AAFZ,KAnBM;AAuBzBE,IAAAA,cAAc,EAAE;AACdC,MAAAA,QAAQ,EAAE;AADI,KAvBS;AA0BzBC,IAAAA,kBAAkB,EAAE;AAClBC,MAAAA,KAAK,EAAE,MADW;AAElBC,MAAAA,SAAS,EAAE;AAFO,KA1BK;AA8BzBC,IAAAA,aAAa,EAAE;AACbF,MAAAA,KAAK,EAAE,OADM;AAEbC,MAAAA,SAAS,EAAE;AAFE,KA9BU;AAkCzBE,IAAAA,UAAU,EAAE;AACV,iBAAW;AACTC,QAAAA,OAAO,EAAE;AADA;AADD,KAlCa;AAuCzBC,IAAAA,iBAAiB,EAAE;AACjBT,MAAAA,UAAU,EAAE;AADK;AAvCM,GAAZ;AAAA,CAAf;;eA4CelB,M","sourcesContent":["const styles = (theme) => ({\n  headerContainer: {\n    width: \"100%\",\n    display: \"flex\",\n  },\n  headerProps: {\n    width: \"100%\",\n    whiteSpace: \"normal\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    maxHeight: 42,\n  },\n  headerTextContainer: {\n    minWidth: 0,\n    padding: theme.hvSpacing(\"8px\", \"xs\", \"8px\", 0),\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n  },\n  headerNotSortable: {\n    width: `calc(100% - ${theme.hv.spacing.xs}px)`,\n    marginLeft: theme.hv.spacing.xs,\n  },\n  headerSortable: {\n    maxWidth: \"calc(100% - 32px)\",\n  },\n  headerAlphaNumeric: {\n    float: \"left\",\n    textAlign: \"left\",\n  },\n  headerNumeric: {\n    float: \"right\",\n    textAlign: \"right\",\n  },\n  rtSortIcon: {\n    \"&:focus\": {\n      outline: 0,\n    },\n  },\n  rtSortIconNumeric: {\n    marginLeft: \"auto\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Table/NoData/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _EmptyState = _interopRequireDefault(require("../../EmptyState"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+// eslint-disable-next-line react/prop-types
+var NoData = function NoData(_ref) {
+  var _ref$noDataMessage = _ref.noDataMessage,
+      noDataMessage = _ref$noDataMessage === void 0 ? " No data to display." : _ref$noDataMessage,
+      children = _ref.children;
+  var classes = (0, _styles.default)();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.root
+  }, children || /*#__PURE__*/_react.default.createElement(_EmptyState.default, {
+    className: classes.default,
+    message: noDataMessage,
+    icon: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Ban, null)
+  }));
+};
+
+var _default = NoData;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/NoData/index.js"],"names":["NoData","noDataMessage","children","classes","root","default"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA0D;AAAA,gCAAvDC,aAAuD;AAAA,MAAvDA,aAAuD,mCAAvC,sBAAuC;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACvE,MAAMC,OAAO,GAAG,sBAAhB;AACA,sBACE;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACC;AAAxB,KACGF,QAAQ,iBACP,6BAAC,mBAAD;AAAc,IAAA,SAAS,EAAEC,OAAO,CAACE,OAAjC;AAA0C,IAAA,OAAO,EAAEJ,aAAnD;AAAkE,IAAA,IAAI,eAAE,6BAAC,oBAAD;AAAxE,IAFJ,CADF;AAOD,CATD;;eAWeD,M","sourcesContent":["import { Ban } from \"@hitachivantara/uikit-react-icons\";\nimport React from \"react\";\nimport HvEmptyState from \"../../EmptyState\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst NoData = ({ noDataMessage = \" No data to display.\", children }) => {\n  const classes = useStyles();\n  return (\n    <div className={classes.root}>\n      {children || (\n        <HvEmptyState className={classes.default} message={noDataMessage} icon={<Ban />} />\n      )}\n    </div>\n  );\n};\n\nexport default NoData;\n"],"file":"index.js"}

package/dist/Table/NoData/styles.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@material-ui/core");
+
+var useStyles = (0, _core.makeStyles)(function () {
+  return (0, _core.createStyles)({
+    root: {
+      display: "flex",
+      position: "absolute",
+      left: "50%",
+      top: "54px",
+      transform: "translate(-50%,0)",
+      transition: "all .3s ease",
+      zIndex: 1,
+      pointerEvents: "none"
+    },
+    default: {
+      padding: "32px"
+    },
+    noTextMessage: {
+      lineHeight: "32px"
+    }
+  });
+});
+var _default = useStyles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/NoData/styles.js"],"names":["useStyles","root","display","position","left","top","transform","transition","zIndex","pointerEvents","default","padding","noTextMessage","lineHeight"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,SAAS,GAAG,sBAAW;AAAA,SAC3B,wBAAa;AACXC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,QAAQ,EAAE,UAFN;AAGJC,MAAAA,IAAI,EAAE,KAHF;AAIJC,MAAAA,GAAG,EAAE,MAJD;AAKJC,MAAAA,SAAS,EAAE,mBALP;AAMJC,MAAAA,UAAU,EAAE,cANR;AAOJC,MAAAA,MAAM,EAAE,CAPJ;AAQJC,MAAAA,aAAa,EAAE;AARX,KADK;AAWXC,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE;AADF,KAXE;AAcXC,IAAAA,aAAa,EAAE;AACbC,MAAAA,UAAU,EAAE;AADC;AAdJ,GAAb,CAD2B;AAAA,CAAX,CAAlB;eAqBeb,S","sourcesContent":["import { createStyles, makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles(() =>\n  createStyles({\n    root: {\n      display: \"flex\",\n      position: \"absolute\",\n      left: \"50%\",\n      top: \"54px\",\n      transform: \"translate(-50%,0)\",\n      transition: \"all .3s ease\",\n      zIndex: 1,\n      pointerEvents: \"none\",\n    },\n    default: {\n      padding: \"32px\",\n    },\n    noTextMessage: {\n      lineHeight: \"32px\",\n    },\n  })\n);\n\nexport default useStyles;\n"],"file":"styles.js"}