@hitachivantara/uikit-react-core 3.52.5

package/dist/ListContainer/ListItem/ListItem.js

@@ -0,0 +1,287 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _Focus = _interopRequireDefault(require("../../Focus"));
+
+var _ListContext = _interopRequireDefault(require("../ListContext"));
+
+var _excluded = ["id", "className", "classes", "role", "selected", "disabled", "interactive", "condensed", "disableGutters", "startAdornment", "endAdornment", "onClick", "children", "tabIndex"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var applyClassNameAndStateToElement = function applyClassNameAndStateToElement(element, selected, disabled, onClick, className) {
+  if (element != null) {
+    var _element$props;
+
+    return /*#__PURE__*/_react.default.cloneElement(element, {
+      className: (0, _clsx.default)(className, element === null || element === void 0 ? void 0 : (_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props.className),
+      checked: !!selected,
+      disabled: disabled,
+      onChange: function onChange(evt) {
+        return onClick === null || onClick === void 0 ? void 0 : onClick(evt);
+      }
+    });
+  }
+
+  return null;
+};
+
+var applyClassNameToElement = function applyClassNameToElement(element, className) {
+  if (element != null) {
+    var _element$props2;
+
+    return /*#__PURE__*/_react.default.cloneElement(element, {
+      className: (0, _clsx.default)(className, element === null || element === void 0 ? void 0 : (_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.className)
+    });
+  }
+
+  return null;
+};
+/**
+ * ListItem description/documentation paragraph
+ */
+
+
+var HvListItem = function HvListItem(props) {
+  var id = props.id,
+      className = props.className,
+      classes = props.classes,
+      role = props.role,
+      selected = props.selected,
+      disabled = props.disabled,
+      interactiveProp = props.interactive,
+      condensedProp = props.condensed,
+      disableGuttersProp = props.disableGutters,
+      startAdornment = props.startAdornment,
+      endAdornment = props.endAdornment,
+      onClick = props.onClick,
+      children = props.children,
+      tabIndex = props.tabIndex,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useContext = (0, _react.useContext)(_ListContext.default),
+      topContainerRef = _useContext.topContainerRef,
+      condensedContext = _useContext.condensed,
+      disableGuttersContext = _useContext.disableGutters,
+      interactiveContext = _useContext.interactive;
+
+  var condensed = condensedProp != null ? condensedProp : condensedContext;
+  var disableGutters = disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;
+  var interactive = interactiveProp != null ? interactiveProp : interactiveContext;
+  var handleOnClick = (0, _react.useCallback)(function (evt) {
+    if (!disabled) {
+      onClick === null || onClick === void 0 ? void 0 : onClick(evt);
+    }
+  }, [disabled, onClick]);
+  var clonedStartAdornment = (0, _react.useMemo)(function () {
+    return applyClassNameAndStateToElement(startAdornment, selected, disabled, handleOnClick, classes.startAdornment);
+  }, [classes.startAdornment, disabled, handleOnClick, selected, startAdornment]);
+  var clonedEndAdornment = (0, _react.useMemo)(function () {
+    return applyClassNameToElement(endAdornment, classes.endAdornment);
+  }, [classes.endAdornment, endAdornment]);
+  var roleOptionAriaProps = role === "option" || role === "menuitem" ? {
+    "aria-disabled": disabled || undefined,
+    "aria-selected": selected
+  } : {};
+
+  var listItem = /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
+    id: id,
+    role: role,
+    onClick: handleOnClick,
+    onKeyDown: function onKeyDown() {},
+    className: (0, _clsx.default)(className, classes.root, !disableGutters && classes.gutters, condensed && classes.condensed, interactive && classes.interactive, selected && classes.selected, disabled && classes.disabled, startAdornment != null && classes.withStartAdornment, endAdornment != null && classes.withEndAdornment)
+  }, roleOptionAriaProps, others), clonedStartAdornment, children, clonedEndAdornment);
+
+  return interactive ? /*#__PURE__*/_react.default.createElement(_Focus.default, {
+    rootRef: topContainerRef,
+    selected: selected,
+    disabledClass: disabled || undefined,
+    strategy: role === "option" ? "listbox" : "menu",
+    classes: {
+      focus: classes.focus
+    },
+    configuration: {
+      tabIndex: tabIndex
+    }
+  }, listItem) : listItem;
+};
+
+HvListItem.propTypes = {
+  /**
+   * The id of the root element
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+    gutters: _propTypes.default.string,
+
+    /**
+     * Styles applied to the list item when it's focusable and reacts to mouse over events.
+     */
+    interactive: _propTypes.default.string,
+
+    /**
+     * Styles applied to the selected list item.
+     */
+    selected: _propTypes.default.string,
+
+    /**
+     * Styles applied to the list item when disabled.
+     */
+    disabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the list item when condensed.
+     */
+    condensed: _propTypes.default.string,
+
+    /**
+     * @ignore
+     */
+    withStartAdornment: _propTypes.default.string,
+
+    /**
+     * @ignore
+     */
+    withEndAdornment: _propTypes.default.string,
+
+    /**
+     * Styles applied to the start adornment.
+     */
+    startAdornment: _propTypes.default.string,
+
+    /**
+     * Styles applied to the end adornment.
+     */
+    endAdornment: _propTypes.default.string,
+
+    /**
+     * Styles applied when the item is focused.
+     */
+    focus: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Overrides the implicit list item role.
+   * It defaults to "option" if unspecified and the container list role is "listbox".
+   */
+  role: _propTypes.default.string,
+
+  /**
+   * Indicates if the list item is selected.
+   */
+  selected: _propTypes.default.bool,
+
+  /**
+   * If true, the list item will be disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * If the list item is focusable and reacts to mouse over events.
+   * Defaults to true if the container list is interactive, false otherwise.
+   */
+  interactive: _propTypes.default.bool,
+
+  /**
+   * If `true` compacts the vertical spacing intended to separate the list items.
+   * Defaults to the value set in container list.
+   */
+  condensed: _propTypes.default.bool,
+
+  /**
+   * If `true`, the left and right padding is removed.
+   * Defaults to the value set in container list.
+   */
+  disableGutters: _propTypes.default.bool,
+
+  /**
+   * Element placed before the children.
+   * Also removes the left padding (gutter).
+   *
+   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)
+   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).
+   * If unwanted, the element should be placed directly as a child.
+   */
+  startAdornment: _propTypes.default.node,
+
+  /**
+   * Element placed after the children and aligned next to the margin.
+   * Also removes the right padding (gutter).
+   *
+   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).
+   * If unwanted, the element should be placed directly as a child.
+   */
+  endAdornment: _propTypes.default.node,
+
+  /**
+   * The function executed when the item is pressed.
+   * @param event React.MouseEvent<HTMLElement>
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * The list item content.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * @ignore
+   */
+  tabIndex: _propTypes.default.number
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvListItem"
+})(HvListItem);
+
+exports.default = _default;
+//# sourceMappingURL=ListItem.js.map

package/dist/ListContainer/ListItem/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ListContainer/ListItem/ListItem.js"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","React","cloneElement","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","interactiveProp","interactive","condensedProp","condensed","disableGuttersProp","disableGutters","startAdornment","endAdornment","children","tabIndex","others","HvListContext","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","handleOnClick","clonedStartAdornment","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus","propTypes","PropTypes","string","shape","isRequired","bool","node","func","number","styles","name"],"mappings":"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","sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nimport Focus from \"../../Focus\";\n\nimport HvListContext from \"../ListContext\";\n\nconst applyClassNameAndStateToElement = (element, selected, disabled, onClick, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nconst HvListItem = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    role,\n    selected,\n    disabled,\n\n    interactive: interactiveProp,\n    condensed: condensedProp,\n    disableGutters: disableGuttersProp,\n\n    startAdornment,\n    endAdornment,\n\n    onClick,\n\n    children,\n\n    tabIndex,\n\n    ...others\n  } = props;\n\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters = disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive = interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        classes.startAdornment\n      ),\n    [classes.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () => applyClassNameToElement(endAdornment, classes.endAdornment),\n    [classes.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <li\n      id={id}\n      role={role}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(className, classes.root, {\n        [classes.gutters]: !disableGutters,\n        [classes.condensed]: condensed,\n        [classes.interactive]: interactive,\n        [classes.selected]: selected,\n        [classes.disabled]: disabled,\n        [classes.withStartAdornment]: startAdornment != null,\n        [classes.withEndAdornment]: endAdornment != null,\n      })}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </li>\n  );\n\n  return interactive ? (\n    <Focus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: classes.focus }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </Focus>\n  ) : (\n    listItem\n  );\n};\n\nHvListItem.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    gutters: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when it's focusable and reacts to mouse over events.\n     */\n    interactive: PropTypes.string,\n\n    /**\n     * Styles applied to the selected list item.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the list item when disabled.\n     */\n    disabled: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when condensed.\n     */\n    condensed: PropTypes.string,\n\n    /**\n     * @ignore\n     */\n    withStartAdornment: PropTypes.string,\n    /**\n     * @ignore\n     */\n    withEndAdornment: PropTypes.string,\n\n    /**\n     * Styles applied to the start adornment.\n     */\n    startAdornment: PropTypes.string,\n    /**\n     * Styles applied to the end adornment.\n     */\n    endAdornment: PropTypes.string,\n\n    /**\n     * Styles applied when the item is focused.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role: PropTypes.string,\n  /**\n   * Indicates if the list item is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * If true, the list item will be disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters: PropTypes.bool,\n\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment: PropTypes.node,\n\n  /**\n   * The function executed when the item is pressed.\n   * @param event React.MouseEvent<HTMLElement>\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The list item content.\n   */\n  children: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvListItem\" })(HvListItem);\n"],"file":"ListItem.js"}

package/dist/ListContainer/ListItem/index.d.ts

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

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

package/dist/ListContainer/ListItem/index.js.map

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

package/dist/ListContainer/ListItem/styles.js

@@ -0,0 +1,111 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var hover = function hover(theme) {
+  return {
+    backgroundColor: theme.hv.palette.atmosphere.atmo3
+  };
+};
+
+var styles = function styles(theme) {
+  return {
+    root: _objectSpread(_objectSpread({
+      color: theme.hv.palette.accent.acce1
+    }, theme.hv.typography.normalText), {}, {
+      padding: 0,
+      display: "block",
+      height: "32px",
+      lineHeight: "32px",
+      listStyleType: "none",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      position: "relative",
+      "&:not(:last-child)": {
+        marginBottom: "8px"
+      },
+      "&$condensed": {
+        marginBottom: 0
+      }
+    }),
+    gutters: {
+      padding: theme.hvSpacing(0, "xs"),
+      "&$withStartAdornment": {
+        paddingLeft: 0
+      },
+      "&$withEndAdornment": {
+        paddingRight: 0
+      }
+    },
+    interactive: {
+      cursor: "pointer",
+      "&:not($disabled):not($selected):hover": hover(theme),
+      "&$disabled": {
+        cursor: "not-allowed"
+      }
+    },
+    selected: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo3
+    },
+    disabled: {
+      color: theme.hv.palette.atmosphere.atmo5
+    },
+    condensed: {},
+    withStartAdornment: {},
+    withEndAdornment: {},
+    startAdornment: {
+      float: "left",
+      "& svg": {
+        boxShadow: "none !important",
+        outline: "none !important"
+      },
+      "$disabled>& svg *.color0": {
+        fill: theme.hv.palette.atmosphere.atmo5
+      }
+    },
+    endAdornment: {
+      float: "right",
+      "& svg": {
+        boxShadow: "none !important",
+        outline: "none !important"
+      },
+      "$disabled>& svg *.color0": {
+        fill: theme.hv.palette.atmosphere.atmo5
+      }
+    },
+    focus: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo3,
+      zIndex: 2
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/ListContainer/ListItem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ListContainer/ListItem/styles.js"],"names":["hover","theme","backgroundColor","hv","palette","atmosphere","atmo3","styles","root","color","accent","acce1","typography","normalText","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","gutters","hvSpacing","paddingLeft","paddingRight","interactive","cursor","selected","disabled","atmo5","condensed","withStartAdornment","withEndAdornment","startAdornment","float","boxShadow","outline","fill","endAdornment","focus","zIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;AAAA,SAAY;AACxBC,IAAAA,eAAe,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADrB,GAAZ;AAAA,CAAd;;AAIA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACN,KAAD;AAAA,SAAY;AACzBO,IAAAA,IAAI;AACFC,MAAAA,KAAK,EAAER,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBM,MAAjB,CAAwBC;AAD7B,OAECV,KAAK,CAACE,EAAN,CAASS,UAAT,CAAoBC,UAFrB;AAGFC,MAAAA,OAAO,EAAE,CAHP;AAKFC,MAAAA,OAAO,EAAE,OALP;AAMFC,MAAAA,MAAM,EAAE,MANN;AAOFC,MAAAA,UAAU,EAAE,MAPV;AASFC,MAAAA,aAAa,EAAE,MATb;AAWFC,MAAAA,QAAQ,EAAE,QAXR;AAYFC,MAAAA,YAAY,EAAE,UAZZ;AAaFC,MAAAA,UAAU,EAAE,QAbV;AAeFC,MAAAA,QAAQ,EAAE,UAfR;AAiBF,4BAAsB;AACpBC,QAAAA,YAAY,EAAE;AADM,OAjBpB;AAoBF,qBAAe;AACbA,QAAAA,YAAY,EAAE;AADD;AApBb,MADqB;AA0BzBC,IAAAA,OAAO,EAAE;AACPV,MAAAA,OAAO,EAAEb,KAAK,CAACwB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CADF;AAGP,8BAAwB;AACtBC,QAAAA,WAAW,EAAE;AADS,OAHjB;AAMP,4BAAsB;AACpBC,QAAAA,YAAY,EAAE;AADM;AANf,KA1BgB;AAqCzBC,IAAAA,WAAW,EAAE;AACXC,MAAAA,MAAM,EAAE,SADG;AAEX,+CAAyC7B,KAAK,CAACC,KAAD,CAFnC;AAGX,oBAAc;AACZ4B,QAAAA,MAAM,EAAE;AADI;AAHH,KArCY;AA6CzBC,IAAAA,QAAQ,EAAE;AACR5B,MAAAA,eAAe,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADrC,KA7Ce;AAgDzByB,IAAAA,QAAQ,EAAE;AACRtB,MAAAA,KAAK,EAAER,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4B2B;AAD3B,KAhDe;AAoDzBC,IAAAA,SAAS,EAAE,EApDc;AAsDzBC,IAAAA,kBAAkB,EAAE,EAtDK;AAuDzBC,IAAAA,gBAAgB,EAAE,EAvDO;AAwDzBC,IAAAA,cAAc,EAAE;AACdC,MAAAA,KAAK,EAAE,MADO;AAGd,eAAS;AACPC,QAAAA,SAAS,EAAE,iBADJ;AAEPC,QAAAA,OAAO,EAAE;AAFF,OAHK;AAOd,kCAA4B;AAC1BC,QAAAA,IAAI,EAAEvC,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4B2B;AADR;AAPd,KAxDS;AAmEzBS,IAAAA,YAAY,EAAE;AACZJ,MAAAA,KAAK,EAAE,OADK;AAGZ,eAAS;AACPC,QAAAA,SAAS,EAAE,iBADJ;AAEPC,QAAAA,OAAO,EAAE;AAFF,OAHG;AAOZ,kCAA4B;AAC1BC,QAAAA,IAAI,EAAEvC,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4B2B;AADR;AAPhB,KAnEW;AA+EzBU,IAAAA,KAAK,EAAE;AACLxC,MAAAA,eAAe,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADxC;AAELqC,MAAAA,MAAM,EAAE;AAFH;AA/EkB,GAAZ;AAAA,CAAf;;eAqFepC,M","sourcesContent":["const hover = (theme) => ({\n  backgroundColor: theme.hv.palette.atmosphere.atmo3,\n});\n\nconst styles = (theme) => ({\n  root: {\n    color: theme.hv.palette.accent.acce1,\n    ...theme.hv.typography.normalText,\n    padding: 0,\n\n    display: \"block\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n\n    listStyleType: \"none\",\n\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n\n    position: \"relative\",\n\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n    \"&$condensed\": {\n      marginBottom: 0,\n    },\n  },\n\n  gutters: {\n    padding: theme.hvSpacing(0, \"xs\"),\n\n    \"&$withStartAdornment\": {\n      paddingLeft: 0,\n    },\n    \"&$withEndAdornment\": {\n      paddingRight: 0,\n    },\n  },\n\n  interactive: {\n    cursor: \"pointer\",\n    \"&:not($disabled):not($selected):hover\": hover(theme),\n    \"&$disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n\n  selected: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n  disabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n\n  condensed: {},\n\n  withStartAdornment: {},\n  withEndAdornment: {},\n  startAdornment: {\n    float: \"left\",\n\n    \"& svg\": {\n      boxShadow: \"none !important\",\n      outline: \"none !important\",\n    },\n    \"$disabled>& svg *.color0\": {\n      fill: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n  endAdornment: {\n    float: \"right\",\n\n    \"& svg\": {\n      boxShadow: \"none !important\",\n      outline: \"none !important\",\n    },\n    \"$disabled>& svg *.color0\": {\n      fill: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n\n  focus: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    zIndex: 2,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/ListContainer/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./ListContainer";
+export * from "./ListContainer";
+
+export { default as HvListItem } from "./ListItem";
+export * from "./ListItem";

package/dist/ListContainer/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvListContext", {
+  enumerable: true,
+  get: function get() {
+    return _ListContext.default;
+  }
+});
+Object.defineProperty(exports, "HvListItem", {
+  enumerable: true,
+  get: function get() {
+    return _ListItem.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ListContainer.default;
+  }
+});
+
+var _ListContainer = _interopRequireDefault(require("./ListContainer"));
+
+var _ListContext = _interopRequireDefault(require("./ListContext"));
+
+var _ListItem = _interopRequireDefault(require("./ListItem"));
+//# sourceMappingURL=index.js.map

package/dist/ListContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ListContainer/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA","sourcesContent":["export { default } from \"./ListContainer\";\n\nexport { default as HvListContext } from \"./ListContext\";\nexport { default as HvListItem } from \"./ListItem\";\n"],"file":"index.js"}

package/dist/ListContainer/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var styles = {
+  root: {
+    display: "block",
+    padding: 0,
+    margin: 0
+  }
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/ListContainer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ListContainer/styles.js"],"names":["styles","root","display","padding","margin"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,OADL;AAEJC,IAAAA,OAAO,EAAE,CAFL;AAGJC,IAAAA,MAAM,EAAE;AAHJ;AADO,CAAf;eAQeJ,M","sourcesContent":["const styles = {\n  root: {\n    display: \"block\",\n    padding: 0,\n    margin: 0,\n  },\n};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Loading/Loading.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvLoadingClassKey =
+  | "root"
+  | "barContainer"
+  | "loadingBar"
+  | "label"
+  | "overlay"
+  | "blur";
+
+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.
+   */
+  label?: string;
+  /**
+   * Whether the loading animation is hidden.
+   */
+  hidden?: boolean;
+  /**
+   * Color applied to the bars.
+   */
+  color?: string;
+}
+
+export default function HvLoading(props: HvLoadingProps): JSX.Element | null;