@hitachivantara/uikit-react-core 2.23.2

package/dist/List/styles.js

@@ -0,0 +1,134 @@
+"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); 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) { (0, _defineProperty2.default)(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; }
+
+var selected = function selected(theme) {
+  return {
+    background: theme.hv.palette.accent.acce1,
+    color: theme.hv.palette.atmosphere.atmo1,
+    "& *": {
+      background: theme.hv.palette.accent.acce1,
+      color: theme.hv.palette.atmosphere.atmo1
+    }
+  };
+};
+
+var hover = function hover(theme) {
+  return {
+    background: theme.hv.palette.atmosphere.atmo4,
+    "& *": {
+      background: theme.hv.palette.atmosphere.atmo4
+    }
+  };
+};
+
+var hoverActive = function hoverActive(theme) {
+  return _objectSpread(_objectSpread({}, selected(theme)), {}, {
+    "& svg *.color0": {
+      fill: theme.hv.palette.atmosphere.atmo1
+    }
+  });
+};
+
+var styles = function styles(theme) {
+  return {
+    root: {},
+    focus: _objectSpread({}, hover(theme)),
+    list: {
+      display: "block",
+      padding: 0,
+      margin: 0,
+      marginTop: 2
+    },
+    listItem: {
+      display: "flex",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      height: "32px",
+      listStyleType: "none",
+      cursor: "pointer",
+      "&:not($disabled):not($selected):hover": hover(theme),
+      "&:not($disabled):not($selector):hover:active": hoverActive(theme),
+      "&:not(:last-child)": {
+        marginBottom: "8px"
+      },
+      "&$condensed": {
+        marginBottom: 0
+      }
+    },
+    condensed: {},
+    selector: {},
+    selectorContainer: {
+      width: "100%"
+    },
+    selected: selected(theme),
+    selectAll: {},
+    disabled: {
+      cursor: "not-allowed",
+      "& *": {
+        cursor: "not-allowed"
+      }
+    },
+    textDisabled: _objectSpread({}, theme.hv.typography.placeholderText),
+    label: {
+      padding: "0 ".concat(theme.hv.spacing.xs, "px")
+    },
+    labelIconLeftPadding: {
+      paddingLeft: 0
+    },
+    noIconLeftPadding: {
+      paddingLeft: "".concat(theme.hv.spacing.md, "px")
+    },
+    truncate: {
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    },
+    box: {
+      width: "32px",
+      height: "32px",
+      marginLeft: "auto"
+    },
+    icon: {
+      height: "30px",
+      "& svg": {
+        boxShadow: "none !important",
+        outline: "none !important"
+      }
+    },
+    link: {
+      "&:focus": {
+        boxShadow: "unset !important"
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/List/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["selected","theme","background","hv","palette","accent","acce1","color","atmosphere","atmo1","hover","atmo4","hoverActive","fill","styles","root","focus","list","display","padding","margin","marginTop","listItem","justifyContent","alignItems","height","listStyleType","cursor","marginBottom","condensed","selector","selectorContainer","width","selectAll","disabled","textDisabled","typography","placeholderText","label","spacing","xs","labelIconLeftPadding","paddingLeft","noIconLeftPadding","md","truncate","overflow","textOverflow","whiteSpace","box","marginLeft","icon","boxShadow","outline","link"],"sources":["../../src/List/styles.js"],"sourcesContent":["const selected = (theme) => ({\n  background: theme.hv.palette.accent.acce1,\n  color: theme.hv.palette.atmosphere.atmo1,\n  \"& *\": {\n    background: theme.hv.palette.accent.acce1,\n    color: theme.hv.palette.atmosphere.atmo1,\n  },\n});\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo4,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo4,\n  },\n});\n\nconst hoverActive = (theme) => ({\n  ...selected(theme),\n  \"& svg *.color0\": {\n    fill: theme.hv.palette.atmosphere.atmo1,\n  },\n});\n\nconst styles = (theme) => ({\n  root: {},\n  focus: {\n    ...hover(theme),\n  },\n  list: {\n    display: \"block\",\n    padding: 0,\n    margin: 0,\n    marginTop: 2,\n  },\n  listItem: {\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n    listStyleType: \"none\",\n    cursor: \"pointer\",\n    \"&:not($disabled):not($selected):hover\": hover(theme),\n    \"&:not($disabled):not($selector):hover:active\": hoverActive(theme),\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n    \"&$condensed\": {\n      marginBottom: 0,\n    },\n  },\n  condensed: {},\n  selector: {},\n  selectorContainer: {\n    width: \"100%\",\n  },\n  selected: selected(theme),\n  selectAll: {},\n  disabled: {\n    cursor: \"not-allowed\",\n    \"& *\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  textDisabled: {\n    ...theme.hv.typography.placeholderText,\n  },\n  label: {\n    padding: `0 ${theme.hv.spacing.xs}px`,\n  },\n  labelIconLeftPadding: {\n    paddingLeft: 0,\n  },\n  noIconLeftPadding: {\n    paddingLeft: `${theme.hv.spacing.md}px`,\n  },\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  box: {\n    width: \"32px\",\n    height: \"32px\",\n    marginLeft: \"auto\",\n  },\n  icon: {\n    height: \"30px\",\n    \"& svg\": {\n      boxShadow: \"none !important\",\n      outline: \"none !important\",\n    },\n  },\n  link: {\n    \"&:focus\": {\n      boxShadow: \"unset !important\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/List/utils.js

@@ -0,0 +1,144 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.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.wrapperTooltip = exports.parseState = exports.parseList = exports.isItemSelected = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.array.of.js");
+
+var _ = require("..");
+
+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) { (0, _defineProperty2.default)(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; }
+
+var isItemSelected = function isItemSelected(item, newItem) {
+  var selectionKey = item !== null && item !== void 0 && item.id ? "id" : "label";
+  var selectionElement = item && item[selectionKey];
+  return newItem[selectionKey] === selectionElement;
+};
+
+exports.isItemSelected = isItemSelected;
+
+var checkIcons = function checkIcons(list) {
+  return list === null || list === void 0 ? void 0 : list.some(function (elem) {
+    return elem === null || elem === void 0 ? void 0 : elem.iconCallback;
+  });
+};
+
+var parseState = function parseState() {
+  var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var hasLeftIcons = checkIcons(list);
+  var selection = list.filter(function (elem) {
+    return elem === null || elem === void 0 ? void 0 : elem.selected;
+  });
+  var anySelected = !!selection.length;
+  var allSelected = selection.length === list.length;
+  var anySelectableSelected = list.some(function (elem) {
+    return (elem === null || elem === void 0 ? void 0 : elem.selected) || (elem === null || elem === void 0 ? void 0 : elem.disabled);
+  });
+  var allSelectableSelected = list.every(function (elem) {
+    return (elem === null || elem === void 0 ? void 0 : elem.selected) || (elem === null || elem === void 0 ? void 0 : elem.disabled);
+  });
+  return {
+    list: list,
+    hasLeftIcons: hasLeftIcons,
+    anySelected: anySelected,
+    allSelected: allSelected,
+    anySelectableSelected: anySelectableSelected,
+    allSelectableSelected: allSelectableSelected,
+    selection: selection
+  };
+};
+
+exports.parseState = parseState;
+
+var parseList = function parseList() {
+  var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var item = arguments.length > 1 ? arguments[1] : undefined;
+  var props = arguments.length > 2 ? arguments[2] : undefined;
+  var selectAll = arguments.length > 3 ? arguments[3] : undefined;
+  var multiSelect = props.multiSelect,
+      selectable = props.selectable,
+      selectDefault = props.selectDefault,
+      singleSelectionToggle = props.singleSelectionToggle;
+  var anySelected = false;
+  var newList = list.map(function (elem) {
+    var newItem = _objectSpread({}, elem); // reset elem item
+
+
+    if (!multiSelect) {
+      newItem.selected = false;
+    }
+
+    var selectItem = item ? isItemSelected(item, newItem) : elem === null || elem === void 0 ? void 0 : elem.selected;
+
+    if (selectItem && selectable) {
+      var selectionState;
+
+      if (multiSelect) {
+        selectionState = item ? !(elem !== null && elem !== void 0 && elem.selected) : true;
+      } else {
+        selectionState = !anySelected && (item && singleSelectionToggle ? !(elem !== null && elem !== void 0 && elem.selected) : true);
+      }
+
+      newItem.selected = selectionState;
+      anySelected = true;
+    }
+
+    if (typeof selectAll === "boolean" && !(elem !== null && elem !== void 0 && elem.disabled)) newItem.selected = selectAll; // normalize item selected prop if not provided
+
+    if (!(newItem !== null && newItem !== void 0 && newItem.selected)) newItem.selected = false;
+    return newItem;
+  }); // select first item by default when single select and no selection
+
+  if (!multiSelect && !anySelected && selectDefault && selectable) {
+    newList[0].selected = true;
+  }
+
+  return newList;
+};
+
+exports.parseList = parseList;
+
+var wrapperTooltip = function wrapperTooltip(hasTooltips, Component, label) {
+  var ComponentFunction = function ComponentFunction() {
+    return Component;
+  };
+
+  return hasTooltips ? (0, _.withTooltip)(ComponentFunction, label, undefined, function (evt) {
+    if (evt.target.children.length > 1) {
+      return Array.of.apply(Array, (0, _toConsumableArray2.default)(evt.target.children)).some(function (child) {
+        return child.scrollWidth > child.clientWidth;
+      });
+    }
+
+    return evt.target.scrollWidth > evt.target.clientWidth;
+  }) : ComponentFunction;
+};
+
+exports.wrapperTooltip = wrapperTooltip;
+//# sourceMappingURL=utils.js.map

package/dist/List/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["isItemSelected","item","newItem","selectionKey","id","selectionElement","checkIcons","list","some","elem","iconCallback","parseState","hasLeftIcons","selection","filter","selected","anySelected","length","allSelected","anySelectableSelected","disabled","allSelectableSelected","every","parseList","props","selectAll","multiSelect","selectable","selectDefault","singleSelectionToggle","newList","map","selectItem","selectionState","wrapperTooltip","hasTooltips","Component","label","ComponentFunction","withTooltip","undefined","evt","target","children","Array","of","child","scrollWidth","clientWidth"],"sources":["../../src/List/utils.js"],"sourcesContent":["import { withTooltip } from \"..\";\n\nconst isItemSelected = (item, newItem) => {\n  const selectionKey = item?.id ? \"id\" : \"label\";\n  const selectionElement = item && item[selectionKey];\n  return newItem[selectionKey] === selectionElement;\n};\n\nconst checkIcons = (list) => list?.some((elem) => elem?.iconCallback);\n\nconst parseState = (list = []) => {\n  const hasLeftIcons = checkIcons(list);\n  const selection = list.filter((elem) => elem?.selected);\n  const anySelected = !!selection.length;\n  const allSelected = selection.length === list.length;\n  const anySelectableSelected = list.some((elem) => elem?.selected || elem?.disabled);\n  const allSelectableSelected = list.every((elem) => elem?.selected || elem?.disabled);\n\n  return {\n    list,\n    hasLeftIcons,\n    anySelected,\n    allSelected,\n    anySelectableSelected,\n    allSelectableSelected,\n    selection,\n  };\n};\n\nconst parseList = (list = [], item, props, selectAll) => {\n  const { multiSelect, selectable, selectDefault, singleSelectionToggle } = props;\n\n  let anySelected = false;\n  const newList = list.map((elem) => {\n    const newItem = { ...elem };\n\n    // reset elem item\n    if (!multiSelect) {\n      newItem.selected = false;\n    }\n\n    const selectItem = item ? isItemSelected(item, newItem) : elem?.selected;\n\n    if (selectItem && selectable) {\n      let selectionState;\n\n      if (multiSelect) {\n        selectionState = item ? !elem?.selected : true;\n      } else {\n        selectionState = !anySelected && (item && singleSelectionToggle ? !elem?.selected : true);\n      }\n\n      newItem.selected = selectionState;\n      anySelected = true;\n    }\n\n    if (typeof selectAll === \"boolean\" && !elem?.disabled) newItem.selected = selectAll;\n\n    // normalize item selected prop if not provided\n    if (!newItem?.selected) newItem.selected = false;\n\n    return newItem;\n  });\n\n  // select first item by default when single select and no selection\n  if (!multiSelect && !anySelected && selectDefault && selectable) {\n    newList[0].selected = true;\n  }\n\n  return newList;\n};\n\nconst wrapperTooltip = (hasTooltips, Component, label) => {\n  const ComponentFunction = () => Component;\n  return hasTooltips\n    ? withTooltip(ComponentFunction, label, undefined, (evt) => {\n        if (evt.target.children.length > 1) {\n          return Array.of(...evt.target.children).some(\n            (child) => child.scrollWidth > child.clientWidth\n          );\n        }\n        return evt.target.scrollWidth > evt.target.clientWidth;\n      })\n    : ComponentFunction;\n};\n\nexport { isItemSelected, parseList, parseState, wrapperTooltip };\n"],"mappings":"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"}

package/dist/Loading/Loading.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvLoadingProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvLoadingClassKey> {
+  /**
+   * Indicates if the component should be render in a small size.
+   */
+  small?: boolean;
+  /**
+   * The text to be displayed.
+   */
+  text?: string;
+  /**
+   * Activates the loading visualization.
+   */
+  isActive?: boolean;
+  /**
+   * Color applied to the bars.
+   */
+  color?: string;
+  /**
+   * Children
+   */
+  children?: React.ReactNode;
+}
+
+export type HvLoadingClassKey =
+  | "root"
+  | "barContainer"
+  | "loadingBar"
+  | "loadingText"
+  | "overlay"
+  | "blur";
+
+export default function HvLoading(props: HvLoadingProps): JSX.Element | null;

package/dist/Loading/Loading.js

@@ -0,0 +1,226 @@
+"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");
+
+require("core-js/modules/es.array.iterator.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");
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+require("core-js/modules/es.string.small.js");
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/es.array.map.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactResizeAware = _interopRequireDefault(require("react-resize-aware"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _range = _interopRequireDefault(require("lodash/range"));
+
+var _core = require("@material-ui/core");
+
+var _ = require("..");
+
+var _styles = _interopRequireDefault(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; }
+
+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) { (0, _defineProperty2.default)(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; }
+
+/**
+ * The Loading component as two forms of working:
+ * - As a normal component inline when no children is passed;
+ * - As a HOC when a children is passed
+ */
+var Loading = function Loading(_ref) {
+  var className = _ref.className,
+      classes = _ref.classes,
+      _ref$small = _ref.small,
+      small = _ref$small === void 0 ? false : _ref$small,
+      text = _ref.text,
+      _ref$isActive = _ref.isActive,
+      isActive = _ref$isActive === void 0 ? false : _ref$isActive,
+      color = _ref.color,
+      children = _ref.children,
+      others = _ref.others;
+
+  var _useResizeAware = (0, _reactResizeAware.default)(),
+      _useResizeAware2 = (0, _slicedToArray2.default)(_useResizeAware, 2),
+      resizeListener = _useResizeAware2[0],
+      sizes = _useResizeAware2[1];
+
+  var _useState = (0, _react.useState)({}),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      overlayPosition = _useState2[0],
+      setOverlayPosition = _useState2[1];
+
+  var ref = (0, _react.useRef)();
+  var theme = (0, _core.useTheme)();
+  (0, _react.useEffect)(function () {
+    if (children && ref.current) {
+      var _ref$current = ref.current,
+          clientHeight = _ref$current.clientHeight,
+          clientWidth = _ref$current.clientWidth,
+          offsetTop = _ref$current.offsetTop,
+          offsetLeft = _ref$current.offsetLeft;
+      setOverlayPosition({
+        top: offsetTop,
+        left: offsetLeft,
+        height: clientHeight,
+        width: clientWidth
+      });
+    }
+  }, [children, sizes.width, sizes.height]);
+
+  var getColor = function getColor(noColor) {
+    return color ? theme.palette[color] || color : theme.palette[noColor];
+  };
+
+  var size = small ? "small" : "regular";
+  var colorVariant = color ? "Color" : "";
+  var variant = "".concat(size).concat(colorVariant);
+  var inline = {
+    background: getColor(small ? "acce1" : "acce3")
+  };
+
+  var barsRender = function barsRender() {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isActive && /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+      className: (0, _clsx.default)(className, classes.root)
+    }, others), /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.barContainer
+    }, (0, _range.default)(0, 3).map(function (e) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: e,
+        style: inline,
+        className: (0, _clsx.default)(classes.loadingBar, classes[variant])
+      });
+    })), text && /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+      className: classes.loadingText
+    }, text)));
+  };
+
+  var hocRender = function hocRender() {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      style: _objectSpread({}, overlayPosition),
+      className: (0, _clsx.default)(classes.overlay, isActive && classes.blur)
+    }, barsRender()), resizeListener, /*#__PURE__*/_react.default.cloneElement(children, {
+      ref: ref
+    }));
+  };
+
+  return children ? hocRender() : barsRender();
+};
+
+process.env.NODE_ENV !== "production" ? Loading.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   *  Styles applied to the Drawer Paper element.
+   */
+  classes: _propTypes.default.PropTypes.shape({
+    /**
+     * Style applied to the root of the component
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied to the container.
+     */
+    barContainer: _propTypes.default.string,
+
+    /**
+     * Style applied to the loading bar.
+     */
+    loadingBar: _propTypes.default.string,
+
+    /**
+     * Style applied to the text.
+     */
+    loadingText: _propTypes.default.string,
+
+    /**
+     * Style applied to the overlay
+     */
+    overlay: _propTypes.default.string,
+
+    /**
+     * Style to display overlay.
+     */
+    blur: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Indicates if the component should be render in a small size.
+   */
+  small: _propTypes.default.bool,
+
+  /**
+   * The text to be displayed.
+   */
+  text: _propTypes.default.string,
+
+  /**
+   * Activates the loading visualization.
+   */
+  isActive: _propTypes.default.bool,
+
+  /**
+   * Color applied to the bars.
+   */
+  color: _propTypes.default.string,
+
+  /**
+   * Children
+   */
+  children: _propTypes.default.node
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvLoading"
+})(Loading);
+
+exports.default = _default;
+//# sourceMappingURL=Loading.js.map

package/dist/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","names":["Loading","className","classes","small","text","isActive","color","children","others","useResizeAware","resizeListener","sizes","useState","overlayPosition","setOverlayPosition","ref","useRef","theme","useTheme","useEffect","current","clientHeight","clientWidth","offsetTop","offsetLeft","top","left","height","width","getColor","noColor","palette","size","colorVariant","variant","inline","background","barsRender","clsx","root","barContainer","range","map","e","loadingBar","loadingText","hocRender","overlay","blur","React","cloneElement","propTypes","PropTypes","string","shape","isRequired","bool","node","withStyles","styles","name"],"sources":["../../src/Loading/Loading.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport useResizeAware from \"react-resize-aware\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * The Loading component as two forms of working:\n * - As a normal component inline when no children is passed;\n * - As a HOC when a children is passed\n */\nconst Loading = ({\n  className,\n  classes,\n  small = false,\n  text,\n  isActive = false,\n  color,\n  children,\n  others,\n}) => {\n  const [resizeListener, sizes] = useResizeAware();\n  const [overlayPosition, setOverlayPosition] = useState({});\n  const ref = useRef();\n  const theme = useTheme();\n\n  useEffect(() => {\n    if (children && ref.current) {\n      const { clientHeight, clientWidth, offsetTop, offsetLeft } = ref.current;\n      setOverlayPosition({\n        top: offsetTop,\n        left: offsetLeft,\n        height: clientHeight,\n        width: clientWidth,\n      });\n    }\n  }, [children, sizes.width, sizes.height]);\n\n  const getColor = (noColor) => (color ? theme.palette[color] || color : theme.palette[noColor]);\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { background: getColor(small ? \"acce1\" : \"acce3\") };\n\n  const barsRender = () => (\n    <>\n      {isActive && (\n        <div className={clsx(className, classes.root)} {...others}>\n          <div className={classes.barContainer}>\n            {range(0, 3).map((e) => (\n              <div key={e} style={inline} className={clsx(classes.loadingBar, classes[variant])} />\n            ))}\n          </div>\n          {text && <HvTypography className={classes.loadingText}>{text}</HvTypography>}\n        </div>\n      )}\n    </>\n  );\n\n  const hocRender = () => (\n    <>\n      <div\n        style={{ ...overlayPosition }}\n        className={clsx(classes.overlay, { [classes.blur]: isActive })}\n      >\n        {barsRender()}\n      </div>\n      {resizeListener}\n      {React.cloneElement(children, { ref })}\n    </>\n  );\n\n  return children ? hocRender() : barsRender();\n};\nLoading.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied to the root of the component\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container.\n     */\n    barContainer: PropTypes.string,\n    /**\n     * Style applied to the loading bar.\n     */\n    loadingBar: PropTypes.string,\n    /**\n     * Style applied to the text.\n     */\n    loadingText: PropTypes.string,\n    /**\n     * Style applied to the overlay\n     */\n    overlay: PropTypes.string,\n    /**\n     * Style to display overlay.\n     */\n    blur: PropTypes.string,\n  }).isRequired,\n  /**\n   * Indicates if the component should be render in a small size.\n   */\n  small: PropTypes.bool,\n  /**\n   * The text to be displayed.\n   */\n  text: PropTypes.string,\n  /**\n   * Activates the loading visualization.\n   */\n  isActive: PropTypes.bool,\n  /**\n   * Color applied to the bars.\n   */\n  color: PropTypes.string,\n  /**\n   * Children\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvLoading\" })(Loading);\n"],"mappings":"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"}

package/dist/Loading/index.d.ts

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

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

package/dist/Loading/index.js.map

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