@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/List/styles.js

@@ -0,0 +1,102 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const selected = theme => ({
+  background: theme.hv.palette.accent.acce1,
+  color: theme.hv.palette.atmosphere.atmo1,
+  "& *": {
+    background: theme.hv.palette.accent.acce1,
+    color: theme.hv.palette.atmosphere.atmo1
+  }
+});
+
+const hover = theme => ({
+  background: theme.hv.palette.atmosphere.atmo4,
+  "& *": {
+    background: theme.hv.palette.atmosphere.atmo4
+  }
+});
+
+const hoverActive = theme => _objectSpread(_objectSpread({}, selected(theme)), {}, {
+  "& svg *.color0": {
+    fill: theme.hv.palette.atmosphere.atmo1
+  }
+});
+
+const styles = theme => ({
+  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 ${theme.hv.spacing.xs}px`
+  },
+  labelIconLeftPadding: {
+    paddingLeft: 0
+  },
+  noIconLeftPadding: {
+    paddingLeft: `${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"
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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/modern/List/utils.js

@@ -0,0 +1,93 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "core-js/modules/web.dom-collections.iterator.js";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { withTooltip } from "..";
+
+const isItemSelected = (item, newItem) => {
+  const selectionKey = item !== null && item !== void 0 && item.id ? "id" : "label";
+  const selectionElement = item && item[selectionKey];
+  return newItem[selectionKey] === selectionElement;
+};
+
+const checkIcons = list => list === null || list === void 0 ? void 0 : list.some(elem => elem === null || elem === void 0 ? void 0 : elem.iconCallback);
+
+const parseState = (list = []) => {
+  const hasLeftIcons = checkIcons(list);
+  const selection = list.filter(elem => elem === null || elem === void 0 ? void 0 : elem.selected);
+  const anySelected = !!selection.length;
+  const allSelected = selection.length === list.length;
+  const anySelectableSelected = list.some(elem => (elem === null || elem === void 0 ? void 0 : elem.selected) || (elem === null || elem === void 0 ? void 0 : elem.disabled));
+  const allSelectableSelected = list.every(elem => (elem === null || elem === void 0 ? void 0 : elem.selected) || (elem === null || elem === void 0 ? void 0 : elem.disabled));
+  return {
+    list,
+    hasLeftIcons,
+    anySelected,
+    allSelected,
+    anySelectableSelected,
+    allSelectableSelected,
+    selection
+  };
+};
+
+const parseList = (list = [], item, props, selectAll) => {
+  const {
+    multiSelect,
+    selectable,
+    selectDefault,
+    singleSelectionToggle
+  } = props;
+  let anySelected = false;
+  const newList = list.map(elem => {
+    const newItem = _objectSpread({}, elem); // reset elem item
+
+
+    if (!multiSelect) {
+      newItem.selected = false;
+    }
+
+    const selectItem = item ? isItemSelected(item, newItem) : elem === null || elem === void 0 ? void 0 : elem.selected;
+
+    if (selectItem && selectable) {
+      let 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;
+};
+
+const wrapperTooltip = (hasTooltips, Component, label) => {
+  const ComponentFunction = () => Component;
+
+  return hasTooltips ? withTooltip(ComponentFunction, label, undefined, evt => {
+    if (evt.target.children.length > 1) {
+      return Array.of(...evt.target.children).some(child => child.scrollWidth > child.clientWidth);
+    }
+
+    return evt.target.scrollWidth > evt.target.clientWidth;
+  }) : ComponentFunction;
+};
+
+export { isItemSelected, parseList, parseState, wrapperTooltip };
+//# sourceMappingURL=utils.js.map

package/dist/modern/List/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["withTooltip","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","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/modern/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/modern/Loading/Loading.js

@@ -0,0 +1,154 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useEffect, useRef, useState } from "react";
+import useResizeAware from "react-resize-aware";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import range from "lodash/range";
+import { useTheme, withStyles } from "@material-ui/core";
+import { HvTypography } from "..";
+import styles from "./styles";
+/**
+ * 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
+ */
+
+const Loading = ({
+  className,
+  classes,
+  small = false,
+  text,
+  isActive = false,
+  color,
+  children,
+  others
+}) => {
+  const [resizeListener, sizes] = useResizeAware();
+  const [overlayPosition, setOverlayPosition] = useState({});
+  const ref = useRef();
+  const theme = useTheme();
+  useEffect(() => {
+    if (children && ref.current) {
+      const {
+        clientHeight,
+        clientWidth,
+        offsetTop,
+        offsetLeft
+      } = ref.current;
+      setOverlayPosition({
+        top: offsetTop,
+        left: offsetLeft,
+        height: clientHeight,
+        width: clientWidth
+      });
+    }
+  }, [children, sizes.width, sizes.height]);
+
+  const getColor = noColor => color ? theme.palette[color] || color : theme.palette[noColor];
+
+  const size = small ? "small" : "regular";
+  const colorVariant = color ? "Color" : "";
+  const variant = `${size}${colorVariant}`;
+  const inline = {
+    background: getColor(small ? "acce1" : "acce3")
+  };
+
+  const barsRender = () => /*#__PURE__*/React.createElement(React.Fragment, null, isActive && /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(className, classes.root)
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: classes.barContainer
+  }, range(0, 3).map(e => /*#__PURE__*/React.createElement("div", {
+    key: e,
+    style: inline,
+    className: clsx(classes.loadingBar, classes[variant])
+  }))), text && /*#__PURE__*/React.createElement(HvTypography, {
+    className: classes.loadingText
+  }, text)));
+
+  const hocRender = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread({}, overlayPosition),
+    className: clsx(classes.overlay, isActive && classes.blur)
+  }, barsRender()), resizeListener, /*#__PURE__*/React.cloneElement(children, {
+    ref
+  }));
+
+  return children ? hocRender() : barsRender();
+};
+
+process.env.NODE_ENV !== "production" ? Loading.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   *  Styles applied to the Drawer Paper element.
+   */
+  classes: PropTypes.PropTypes.shape({
+    /**
+     * Style applied to the root of the component
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied to the container.
+     */
+    barContainer: PropTypes.string,
+
+    /**
+     * Style applied to the loading bar.
+     */
+    loadingBar: PropTypes.string,
+
+    /**
+     * Style applied to the text.
+     */
+    loadingText: PropTypes.string,
+
+    /**
+     * Style applied to the overlay
+     */
+    overlay: PropTypes.string,
+
+    /**
+     * Style to display overlay.
+     */
+    blur: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Indicates if the component should be render in a small size.
+   */
+  small: PropTypes.bool,
+
+  /**
+   * The text to be displayed.
+   */
+  text: PropTypes.string,
+
+  /**
+   * Activates the loading visualization.
+   */
+  isActive: PropTypes.bool,
+
+  /**
+   * Color applied to the bars.
+   */
+  color: PropTypes.string,
+
+  /**
+   * Children
+   */
+  children: PropTypes.node
+} : void 0;
+export default withStyles(styles, {
+  name: "HvLoading"
+})(Loading);
+//# sourceMappingURL=Loading.js.map

package/dist/modern/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","names":["React","useEffect","useRef","useState","useResizeAware","PropTypes","clsx","range","useTheme","withStyles","HvTypography","styles","Loading","className","classes","small","text","isActive","color","children","others","resizeListener","sizes","overlayPosition","setOverlayPosition","ref","theme","current","clientHeight","clientWidth","offsetTop","offsetLeft","top","left","height","width","getColor","noColor","palette","size","colorVariant","variant","inline","background","barsRender","root","barContainer","map","e","loadingBar","loadingText","hocRender","overlay","blur","cloneElement","propTypes","string","shape","isRequired","bool","node","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/modern/Loading/index.d.ts

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

package/dist/modern/Loading/index.js

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

package/dist/modern/Loading/index.js.map

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

package/dist/modern/Loading/styles.js

@@ -0,0 +1,110 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import hexToRgbA from "../utils/hexToRgbA";
+const interval = 0.11;
+const bars = {
+  "&:nth-child(1)": {
+    animationDelay: "0"
+  },
+  "&:nth-child(2)": {
+    animationDelay: `${interval * 2}s`
+  },
+  "&:nth-child(3)": {
+    animationDelay: `${interval * 4}s`
+  }
+};
+
+const small = _objectSpread({
+  width: "2px",
+  height: "18px",
+  margin: "0px 2px"
+}, bars);
+
+const regular = _objectSpread({
+  width: "4px",
+  height: "30px",
+  margin: "0 3px"
+}, bars);
+
+const styles = theme => ({
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "100%",
+    height: "100%"
+  },
+  barContainer: {
+    display: "flex"
+  },
+  loadingBar: {
+    display: "inline-block"
+  },
+  regular: _objectSpread({
+    animation: "$loading-regular 1s ease-in-out infinite"
+  }, regular),
+  regularColor: _objectSpread({
+    animation: "$loading-regular-color 1s ease-in-out infinite"
+  }, regular),
+  small: _objectSpread({
+    animation: "$loading-small 1s ease-in-out infinite"
+  }, small),
+  smallColor: _objectSpread({
+    animation: "$loading-small-color 1s ease-in-out infinite"
+  }, small),
+  "@keyframes loading-regular": {
+    "0%": {
+      transform: "scale(1)",
+      backgroundColor: theme.hv.palette.accent.acce3
+    },
+    "50%": {
+      transform: "scale(1, 0.6)",
+      backgroundColor: theme.hv.palette.accent.acce1
+    }
+  },
+  "@keyframes loading-regular-color": {
+    "0%": {
+      transform: "scale(1)"
+    },
+    "50%": {
+      transform: "scale(1, 0.6)"
+    }
+  },
+  "@keyframes loading-small": {
+    "0%": {
+      transform: "scale(1)"
+    },
+    "50%": {
+      transform: "scale(1,0.223)"
+    },
+    "100%": {}
+  },
+  "@keyframes loading-small-color": {
+    "0%": {
+      transform: "scale(1)"
+    },
+    "50%": {
+      transform: "scale(1,0.223)"
+    }
+  },
+  loadingText: {
+    marginTop: "15px"
+  },
+  overlay: {
+    position: "absolute",
+    transition: "background-Color .2s ease",
+    zIndex: -1
+  },
+  blur: {
+    backgroundColor: hexToRgbA(theme.hv.palette.atmosphere.atmo1),
+    zIndex: theme.zIndex.drawer
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Loading/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["hexToRgbA","interval","bars","animationDelay","small","width","height","margin","regular","styles","theme","root","display","flexDirection","alignItems","justifyContent","barContainer","loadingBar","animation","regularColor","smallColor","transform","backgroundColor","hv","palette","accent","acce3","acce1","loadingText","marginTop","overlay","position","transition","zIndex","blur","atmosphere","atmo1","drawer"],"sources":["../../../src/Loading/styles.js"],"sourcesContent":["import hexToRgbA from \"../utils/hexToRgbA\";\n\nconst interval = 0.11;\n\nconst bars = {\n  \"&:nth-child(1)\": {\n    animationDelay: \"0\",\n  },\n  \"&:nth-child(2)\": {\n    animationDelay: `${interval * 2}s`,\n  },\n  \"&:nth-child(3)\": {\n    animationDelay: `${interval * 4}s`,\n  },\n};\n\nconst small = {\n  width: \"2px\",\n  height: \"18px\",\n  margin: \"0px 2px\",\n  ...bars,\n};\n\nconst regular = {\n  width: \"4px\",\n  height: \"30px\",\n  margin: \"0 3px\",\n  ...bars,\n};\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: \"100%\",\n    height: \"100%\",\n  },\n\n  barContainer: {\n    display: \"flex\",\n  },\n\n  loadingBar: {\n    display: \"inline-block\",\n  },\n\n  regular: {\n    animation: \"$loading-regular 1s ease-in-out infinite\",\n    ...regular,\n  },\n  regularColor: {\n    animation: \"$loading-regular-color 1s ease-in-out infinite\",\n    ...regular,\n  },\n\n  small: {\n    animation: \"$loading-small 1s ease-in-out infinite\",\n    ...small,\n  },\n  smallColor: {\n    animation: \"$loading-small-color 1s ease-in-out infinite\",\n    ...small,\n  },\n  \"@keyframes loading-regular\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n      backgroundColor: theme.hv.palette.accent.acce3,\n    },\n    \"50%\": {\n      transform: \"scale(1, 0.6)\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n  },\n\n  \"@keyframes loading-regular-color\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1, 0.6)\",\n    },\n  },\n\n  \"@keyframes loading-small\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1,0.223)\",\n    },\n    \"100%\": {},\n  },\n\n  \"@keyframes loading-small-color\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1,0.223)\",\n    },\n  },\n\n  loadingText: {\n    marginTop: \"15px\",\n  },\n\n  overlay: {\n    position: \"absolute\",\n    transition: \"background-Color .2s ease\",\n    zIndex: -1,\n  },\n\n  blur: {\n    backgroundColor: hexToRgbA(theme.hv.palette.atmosphere.atmo1),\n    zIndex: theme.zIndex.drawer,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,OAAOA,SAAP,MAAsB,oBAAtB;AAEA,MAAMC,QAAQ,GAAG,IAAjB;AAEA,MAAMC,IAAI,GAAG;EACX,kBAAkB;IAChBC,cAAc,EAAE;EADA,CADP;EAIX,kBAAkB;IAChBA,cAAc,EAAG,GAAEF,QAAQ,GAAG,CAAE;EADhB,CAJP;EAOX,kBAAkB;IAChBE,cAAc,EAAG,GAAEF,QAAQ,GAAG,CAAE;EADhB;AAPP,CAAb;;AAYA,MAAMG,KAAK;EACTC,KAAK,EAAE,KADE;EAETC,MAAM,EAAE,MAFC;EAGTC,MAAM,EAAE;AAHC,GAINL,IAJM,CAAX;;AAOA,MAAMM,OAAO;EACXH,KAAK,EAAE,KADI;EAEXC,MAAM,EAAE,MAFG;EAGXC,MAAM,EAAE;AAHG,GAIRL,IAJQ,CAAb;;AAOA,MAAMO,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE,QAFX;IAGJC,UAAU,EAAE,QAHR;IAIJC,cAAc,EAAE,QAJZ;IAKJV,KAAK,EAAE,MALH;IAMJC,MAAM,EAAE;EANJ,CADmB;EAUzBU,YAAY,EAAE;IACZJ,OAAO,EAAE;EADG,CAVW;EAczBK,UAAU,EAAE;IACVL,OAAO,EAAE;EADC,CAda;EAkBzBJ,OAAO;IACLU,SAAS,EAAE;EADN,GAEFV,OAFE,CAlBkB;EAsBzBW,YAAY;IACVD,SAAS,EAAE;EADD,GAEPV,OAFO,CAtBa;EA2BzBJ,KAAK;IACHc,SAAS,EAAE;EADR,GAEAd,KAFA,CA3BoB;EA+BzBgB,UAAU;IACRF,SAAS,EAAE;EADH,GAELd,KAFK,CA/Be;EAmCzB,8BAA8B;IAC5B,MAAM;MACJiB,SAAS,EAAE,UADP;MAEJC,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;IAFrC,CADsB;IAK5B,OAAO;MACLL,SAAS,EAAE,eADN;MAELC,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBE;IAFpC;EALqB,CAnCL;EA8CzB,oCAAoC;IAClC,MAAM;MACJN,SAAS,EAAE;IADP,CAD4B;IAIlC,OAAO;MACLA,SAAS,EAAE;IADN;EAJ2B,CA9CX;EAuDzB,4BAA4B;IAC1B,MAAM;MACJA,SAAS,EAAE;IADP,CADoB;IAI1B,OAAO;MACLA,SAAS,EAAE;IADN,CAJmB;IAO1B,QAAQ;EAPkB,CAvDH;EAiEzB,kCAAkC;IAChC,MAAM;MACJA,SAAS,EAAE;IADP,CAD0B;IAIhC,OAAO;MACLA,SAAS,EAAE;IADN;EAJyB,CAjET;EA0EzBO,WAAW,EAAE;IACXC,SAAS,EAAE;EADA,CA1EY;EA8EzBC,OAAO,EAAE;IACPC,QAAQ,EAAE,UADH;IAEPC,UAAU,EAAE,2BAFL;IAGPC,MAAM,EAAE,CAAC;EAHF,CA9EgB;EAoFzBC,IAAI,EAAE;IACJZ,eAAe,EAAEtB,SAAS,CAACU,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBW,UAAjB,CAA4BC,KAA7B,CADtB;IAEJH,MAAM,EAAEvB,KAAK,CAACuB,MAAN,CAAaI;EAFjB;AApFmB,CAAZ,CAAf;;AA0FA,eAAe5B,MAAf"}