@hitachivantara/uikit-react-core 3.52.5

package/dist/legacy/List/List.js

@@ -0,0 +1,465 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "classes", "className", "multiSelect", "hasTooltips", "showSelectAll", "labels", "useSelector", "selectable", "singleSelectionToggle", "condensed", "onChange", "onClick", "values", "height", "virtualized"];
+
+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) { _defineProperty(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; }
+
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.string.link.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.find-index.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import React, { isValidElement, useEffect, memo } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { FixedSizeList, areEqual } from "react-window";
+import { withStyles } from "@material-ui/core";
+import { DropRightXS } from "@hitachivantara/uikit-react-icons";
+import { parseList, wrapperTooltip } from "./utils";
+import useSelectableList from "./useSelectableList";
+import { HvLink, HvCheckBox, HvListContainer, HvListItem, HvRadio, HvTypography, setId } from "..";
+import styles from "./styles";
+var DEFAULT_LABELS = {
+  selectAll: "Select All",
+  selectionConjunction: "/"
+};
+/**
+ * Component used to show a set of related data to the user.
+ */
+
+var HvList = function HvList(props) {
+  var id = props.id,
+      classes = props.classes,
+      className = props.className,
+      _props$multiSelect = props.multiSelect,
+      multiSelect = _props$multiSelect === void 0 ? false : _props$multiSelect,
+      _props$hasTooltips = props.hasTooltips,
+      hasTooltips = _props$hasTooltips === void 0 ? false : _props$hasTooltips,
+      _props$showSelectAll = props.showSelectAll,
+      showSelectAll = _props$showSelectAll === void 0 ? false : _props$showSelectAll,
+      _props$labels = props.labels,
+      labels = _props$labels === void 0 ? DEFAULT_LABELS : _props$labels,
+      _props$useSelector = props.useSelector,
+      useSelector = _props$useSelector === void 0 ? false : _props$useSelector,
+      _props$selectable = props.selectable,
+      selectable = _props$selectable === void 0 ? true : _props$selectable,
+      _props$singleSelectio = props.singleSelectionToggle,
+      singleSelectionToggle = _props$singleSelectio === void 0 ? true : _props$singleSelectio,
+      _props$condensed = props.condensed,
+      condensed = _props$condensed === void 0 ? false : _props$condensed,
+      onChange = props.onChange,
+      onClick = props.onClick,
+      _props$values = props.values,
+      valuesProp = _props$values === void 0 ? [] : _props$values,
+      height = props.height,
+      _props$virtualized = props.virtualized,
+      virtualized = _props$virtualized === void 0 ? false : _props$virtualized,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var _useSelectableList = useSelectableList(valuesProp),
+      _useSelectableList2 = _slicedToArray(_useSelectableList, 3),
+      list = _useSelectableList2[0],
+      setList = _useSelectableList2[1],
+      selection = _useSelectableList2[2];
+
+  var listRef = React.useRef(null);
+  useEffect(function () {
+    var passedProps = {
+      multiSelect: multiSelect,
+      selectable: selectable,
+      singleSelectionToggle: singleSelectionToggle
+    };
+    var parsedList = parseList(valuesProp, null, passedProps);
+    setList(parsedList);
+  }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);
+
+  var handleSelect = function handleSelect(evt, item) {
+    if (!item.path) evt.preventDefault();
+    if (item.disabled) return;
+    var passedProps = {
+      multiSelect: multiSelect,
+      selectable: selectable,
+      singleSelectionToggle: singleSelectionToggle
+    };
+    var parsedList = parseList(list, item, passedProps);
+    setList(parsedList);
+    onClick === null || onClick === void 0 ? void 0 : onClick(evt, item);
+    onChange === null || onChange === void 0 ? void 0 : onChange(parsedList);
+  };
+
+  var handleSelectAll = function handleSelectAll() {
+    var passedProps = {
+      multiSelect: multiSelect,
+      selectable: selectable,
+      singleSelectionToggle: singleSelectionToggle
+    };
+    var anySelectableSelected = list.some(function (elem) {
+      return elem.selected || elem.disabled;
+    });
+    var parsedList = parseList(list, null, passedProps, !anySelectableSelected);
+    setList(parsedList);
+    onChange === null || onChange === void 0 ? void 0 : onChange(parsedList);
+  };
+
+  var renderLeftIcon = function renderLeftIcon(item) {
+    var _item$icon;
+
+    return /*#__PURE__*/isValidElement(item.icon) ? item.icon : (_item$icon = item.icon) === null || _item$icon === void 0 ? void 0 : _item$icon.call(item, {
+      isSelected: item.selected,
+      isDisabled: item.disabled
+    });
+  };
+
+  var renderSelectAll = function renderSelectAll() {
+    var selectAll = labels.selectAll,
+        selectionConjunction = labels.selectionConjunction;
+    var anySelected = !!(selection !== null && selection !== void 0 && selection.length);
+    var allSelected = selection.length === list.length;
+    var selectionLabel = /*#__PURE__*/React.createElement(HvTypography, {
+      component: "span"
+    }, !anySelected ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, selectAll), " (".concat(list.length, ")")) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, selection.length), "\xA0".concat(selectionConjunction, "\xA0"), list.length));
+    return /*#__PURE__*/React.createElement(HvCheckBox, {
+      id: setId(id, "select-all"),
+      label: selectionLabel,
+      onChange: handleSelectAll,
+      className: classes.selectAllSelector,
+      indeterminate: anySelected && !allSelected,
+      checked: allSelected
+    });
+  };
+
+  var renderItemText = function renderItemText(item) {
+    var ItemText = wrapperTooltip(hasTooltips, item.label, item.label);
+    return !multiSelect && item.path ? /*#__PURE__*/React.createElement(HvLink, {
+      key: item.label,
+      route: item.path,
+      classes: {
+        a: classes.link
+      }
+    }, /*#__PURE__*/React.createElement(ItemText, null)) : /*#__PURE__*/React.createElement(ItemText, null);
+  };
+
+  var renderMultiSelectItem = function renderMultiSelectItem(item, itemId) {
+    if (useSelector) {
+      var Selection = wrapperTooltip(hasTooltips, /*#__PURE__*/React.createElement(HvCheckBox, {
+        id: setId(itemId, "selector"),
+        label: item.label,
+        checked: item.selected,
+        disabled: item.disabled,
+        onChange: function onChange(evt) {
+          return handleSelect(evt, item);
+        },
+        classes: {
+          root: classes.selectorRoot,
+          container: classes.selectorContainer,
+          label: classes.truncate
+        }
+      }), item.label);
+      return /*#__PURE__*/React.createElement(Selection, null);
+    }
+
+    return renderItemText(item);
+  };
+
+  var renderSingleSelectItem = function renderSingleSelectItem(item, itemId) {
+    if (useSelector) {
+      var Selection = wrapperTooltip(hasTooltips, /*#__PURE__*/React.createElement(HvRadio, {
+        id: setId(itemId, "selector"),
+        label: item.label,
+        checked: item.selected,
+        disabled: item.disabled,
+        classes: {
+          root: classes.selectorRoot,
+          container: classes.selectorContainer,
+          label: classes.truncate
+        }
+      }), item.label);
+      return /*#__PURE__*/React.createElement(Selection, null);
+    }
+
+    return renderItemText(item);
+  };
+
+  var renderListItem = function renderListItem(item, i) {
+    var otherProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var itemId = setId(id, "item", i);
+    var selected = item.selected || false;
+    var startAdornment = null;
+
+    if (!useSelector && item.icon) {
+      startAdornment = renderLeftIcon(item);
+    }
+
+    return /*#__PURE__*/React.createElement(HvListItem, _extends({
+      key: i,
+      id: itemId,
+      role: selectable ? "option" : "menuitem",
+      disabled: item.disabled || undefined,
+      className: classes.item,
+      classes: {
+        selected: useSelector || multiSelect ? classes.itemSelector : ""
+      },
+      selected: multiSelect || selected ? selected : undefined,
+      onClick: function onClick(evt) {
+        return handleSelect(evt, item);
+      },
+      startAdornment: startAdornment,
+      endAdornment: item.showNavIcon && /*#__PURE__*/React.createElement(DropRightXS, {
+        className: classes.box,
+        iconSize: "XS"
+      })
+    }, otherProps), multiSelect ? renderMultiSelectItem(item, itemId) : renderSingleSelectItem(item, itemId));
+  };
+
+  var filteredList = list.filter(function (it) {
+    return !it.isHidden;
+  });
+  var anySelected = list.map(function (item) {
+    return item.selected && !item.disabled;
+  }).reduce(function (result, selected) {
+    return result || selected;
+  }, false);
+  var selectedItemIndex = list.findIndex(function (item) {
+    return item.selected;
+  });
+  useEffect(function () {
+    if (selectedItemIndex >= 0 && listRef.current !== null) {
+      listRef.current.scrollToItem(selectedItemIndex);
+    }
+  }, [listRef, selectedItemIndex]);
+  var ListItem = /*#__PURE__*/memo(function (_ref) {
+    var index = _ref.index,
+        style = _ref.style;
+    var item = filteredList[index];
+    var tabIndex = item.tabIndex || !anySelected && index === 0 || item.selected && !item.disabled ? 0 : -1;
+    return renderListItem(item, index, {
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        top: "".concat(parseFloat(style.top) + 5, "px"),
+        left: "".concat(parseFloat(style.left) + 5, "px"),
+        width: "calc(".concat(parseFloat(style.width), "% - 10px)")
+      }),
+      tabIndex: tabIndex,
+      interactive: true,
+      condensed: condensed,
+      disableGutters: useSelector
+    });
+  }, areEqual);
+  ListItem.propTypes = {
+    index: PropTypes.number.isRequired,
+    style: PropTypes.shape({
+      top: PropTypes.number.isRequired,
+      left: PropTypes.number.isRequired,
+      width: PropTypes.number.isRequired
+    }).isRequired
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, multiSelect && useSelector && showSelectAll && renderSelectAll(), filteredList.length > 0 && !virtualized && /*#__PURE__*/React.createElement(HvListContainer, _extends({
+    id: id,
+    className: clsx(className, classes.root),
+    role: selectable ? "listbox" : "menu",
+    interactive: true,
+    condensed: condensed,
+    disableGutters: useSelector,
+    "aria-multiselectable": selectable && multiSelect || undefined
+  }, others), filteredList.map(function (item, i) {
+    return renderListItem(item, i);
+  })), filteredList.length > 0 && virtualized && /*#__PURE__*/React.createElement(FixedSizeList, _extends({
+    ref: listRef,
+    className: classes.virtualizedRoot,
+    height: height + 5,
+    width: "100%",
+    itemCount: filteredList.length,
+    itemSize: condensed ? 32 : 40,
+    innerElementType: /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+      var rest = _extends({}, _ref2);
+
+      return /*#__PURE__*/React.createElement(HvListContainer, _extends({
+        id: id,
+        className: clsx(className, classes.root),
+        role: selectable ? "listbox" : "menu",
+        interactive: true,
+        condensed: condensed,
+        disableGutters: useSelector,
+        "aria-multiselectable": selectable && multiSelect || undefined,
+        ref: ref
+      }, rest));
+    })
+  }, others), ListItem));
+};
+
+HvList.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component root class in virtualized form.
+     */
+    virtualizedRoot: PropTypes.string,
+
+    /**
+     * Styles applied to the list item selector.
+     */
+    selectorRoot: PropTypes.string,
+
+    /**
+     * Styles applied to the list item selector label container.
+     */
+    selectorContainer: PropTypes.string,
+
+    /**
+     * Style applied to the icon box.
+     */
+    box: PropTypes.string,
+
+    /**
+     * Styles applied when the list item text when truncate.
+     */
+    truncate: PropTypes.string,
+
+    /**
+     * Styles applied to the list item.
+     */
+    item: PropTypes.string,
+
+    /**
+     * Styles applied to the list item when it has a selector.
+     */
+    itemSelector: PropTypes.string,
+
+    /**
+     * Styles applied to the list item when it has a link path.
+     */
+    link: PropTypes.string,
+
+    /**
+     * Styles applied to the select all selector.
+     */
+    selectAllSelector: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The id of the root element
+   */
+  id: PropTypes.string,
+
+  /**
+   * A list containing the elements to be rendered.
+   *
+   * - id: The id of the item.
+   * - label: The label of the element to be rendered.
+   * - selected: The selection state of the element.
+   * - disabled: The disabled state of the element.
+   * - isHidden: Is item visible.
+   * - icon: The icon.
+   * - showNavIcon: If true renders the navigation icon on the right.
+   * - path: The path to navigate to.
+   */
+  // eslint-disable-next-line react/no-unused-prop-types
+  values: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    label: PropTypes.node.isRequired,
+    selected: PropTypes.bool,
+    disabled: PropTypes.bool,
+    isHidden: PropTypes.bool,
+    icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+    showNavIcon: PropTypes.bool,
+    path: PropTypes.string,
+    params: PropTypes.instanceOf(Object)
+  })).isRequired,
+
+  /**
+   * If true renders a multi select list.
+   */
+  multiSelect: PropTypes.bool,
+
+  /**
+   * If true renders select all option for multi selection lists with selectors.
+   * note: It will only be rendered if multiSelect and useSelector props are set to true.
+   */
+  showSelectAll: PropTypes.bool,
+
+  /**
+   * An object containing all the labels for the dropdown.
+   */
+  labels: PropTypes.shape({
+    /**
+     * The label used for the All checkbox action.
+     */
+    selectAll: PropTypes.string,
+
+    /**
+     * The label used in the middle of the multiselection count.
+     */
+    selectionConjunction: PropTypes.string
+  }),
+
+  /**
+   * If true renders list items with radio or checkbox selectors.
+   */
+  useSelector: PropTypes.bool,
+
+  /**
+   * Call back fired when list item is selected. Returns selection state.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Call back fired when list item is selected. Returns selected item.
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * If `true` the list items will show the selection state.
+   */
+  selectable: PropTypes.bool,
+
+  /**
+   * If `true`, selection can be toggled when single selection.
+   */
+  singleSelectionToggle: PropTypes.bool,
+
+  /**
+   * If `true` the list will be rendered without vertical spacing.
+   */
+  condensed: PropTypes.bool,
+
+  /**
+   * If `true` the dropdown will show tooltips when user mouseenter text in list
+   */
+  hasTooltips: PropTypes.bool,
+
+  /**
+   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used
+   */
+  height: PropTypes.number,
+
+  /**
+   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.
+   */
+  virtualized: PropTypes.bool
+};
+export default withStyles(styles, {
+  name: "HvList"
+})(HvList);
+//# sourceMappingURL=List.js.map

package/dist/legacy/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/List/List.js"],"names":["React","isValidElement","useEffect","memo","PropTypes","clsx","FixedSizeList","areEqual","withStyles","DropRightXS","parseList","wrapperTooltip","useSelectableList","HvLink","HvCheckBox","HvListContainer","HvListItem","HvRadio","HvTypography","setId","styles","DEFAULT_LABELS","selectAll","selectionConjunction","HvList","props","id","classes","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","list","setList","selection","listRef","useRef","passedProps","parsedList","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","selectAllSelector","renderItemText","ItemText","label","a","link","renderMultiSelectItem","itemId","Selection","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","renderListItem","i","otherProps","startAdornment","undefined","itemSelector","showNavIcon","box","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","propTypes","number","isRequired","shape","virtualizedRoot","forwardRef","ref","rest","string","arrayOf","oneOfType","node","bool","func","params","instanceOf","Object","name"],"mappings":"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","sourcesContent":["import React, { isValidElement, useEffect, memo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { FixedSizeList, areEqual } from \"react-window\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { parseList, wrapperTooltip } from \"./utils\";\nimport useSelectableList from \"./useSelectableList\";\n\nimport { HvLink, HvCheckBox, HvListContainer, HvListItem, HvRadio, HvTypography, setId } from \"..\";\n\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  selectAll: \"Select All\",\n  selectionConjunction: \"/\",\n};\n\n/**\n * Component used to show a set of related data to the user.\n */\nconst HvList = (props) => {\n  const {\n    id,\n    classes,\n    className,\n    multiSelect = false,\n    hasTooltips = false,\n    showSelectAll = false,\n    labels = DEFAULT_LABELS,\n    useSelector = false,\n    selectable = true,\n    singleSelectionToggle = true,\n    condensed = false,\n    onChange,\n    onClick,\n    values: valuesProp = [],\n    height,\n    virtualized = false,\n    ...others\n  } = props;\n  const [list, setList, selection] = useSelectableList(valuesProp);\n  const listRef = React.useRef(null);\n\n  useEffect(() => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(valuesProp, null, passedProps);\n    setList(parsedList);\n  }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n  const handleSelect = (evt, item) => {\n    if (!item.path) evt.preventDefault();\n    if (item.disabled) return;\n\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(list, item, passedProps);\n    setList(parsedList);\n\n    onClick?.(evt, item);\n    onChange?.(parsedList);\n  };\n\n  const handleSelectAll = () => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const anySelectableSelected = list.some((elem) => elem.selected || elem.disabled);\n    const parsedList = parseList(list, null, passedProps, !anySelectableSelected);\n    setList(parsedList);\n\n    onChange?.(parsedList);\n  };\n\n  const renderLeftIcon = (item) =>\n    isValidElement(item.icon)\n      ? item.icon\n      : item.icon?.({\n          isSelected: item.selected,\n          isDisabled: item.disabled,\n        });\n\n  const renderSelectAll = () => {\n    const { selectAll, selectionConjunction } = labels;\n\n    const anySelected = !!selection?.length;\n    const allSelected = selection.length === list.length;\n\n    const selectionLabel = (\n      <HvTypography component=\"span\">\n        {!anySelected ? (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        ) : (\n          <>\n            <b>{selection.length}</b>\n            {`\\xa0${selectionConjunction}\\xa0`}\n            {list.length}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <HvCheckBox\n        id={setId(id, \"select-all\")}\n        label={selectionLabel}\n        onChange={handleSelectAll}\n        className={classes.selectAllSelector}\n        indeterminate={anySelected && !allSelected}\n        checked={allSelected}\n      />\n    );\n  };\n\n  const renderItemText = (item) => {\n    const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n    return !multiSelect && item.path ? (\n      <HvLink key={item.label} route={item.path} classes={{ a: classes.link }}>\n        <ItemText />\n      </HvLink>\n    ) : (\n      <ItemText />\n    );\n  };\n\n  const renderMultiSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <HvCheckBox\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          onChange={(evt) => handleSelect(evt, item)}\n          classes={{\n            root: classes.selectorRoot,\n            container: classes.selectorContainer,\n            label: classes.truncate,\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n\n    return renderItemText(item);\n  };\n\n  const renderSingleSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <HvRadio\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          classes={{\n            root: classes.selectorRoot,\n            container: classes.selectorContainer,\n            label: classes.truncate,\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n    return renderItemText(item);\n  };\n\n  const renderListItem = (item, i, otherProps = {}) => {\n    const itemId = setId(id, \"item\", i);\n    const selected = item.selected || false;\n\n    let startAdornment = null;\n    if (!useSelector && item.icon) {\n      startAdornment = renderLeftIcon(item);\n    }\n\n    return (\n      <HvListItem\n        key={i}\n        id={itemId}\n        role={selectable ? \"option\" : \"menuitem\"}\n        disabled={item.disabled || undefined}\n        className={classes.item}\n        classes={{ selected: useSelector || multiSelect ? classes.itemSelector : \"\" }}\n        selected={multiSelect || selected ? selected : undefined}\n        onClick={(evt) => handleSelect(evt, item)}\n        startAdornment={startAdornment}\n        endAdornment={item.showNavIcon && <DropRightXS className={classes.box} iconSize=\"XS\" />}\n        {...otherProps}\n      >\n        {multiSelect ? renderMultiSelectItem(item, itemId) : renderSingleSelectItem(item, itemId)}\n      </HvListItem>\n    );\n  };\n\n  const filteredList = list.filter((it) => !it.isHidden);\n  const anySelected = list\n    .map((item) => item.selected && !item.disabled)\n    .reduce((result, selected) => result || selected, false);\n\n  const selectedItemIndex = list.findIndex((item) => item.selected);\n  useEffect(() => {\n    if (selectedItemIndex >= 0 && listRef.current !== null) {\n      listRef.current.scrollToItem(selectedItemIndex);\n    }\n  }, [listRef, selectedItemIndex]);\n\n  const ListItem = memo(({ index, style }) => {\n    const item = filteredList[index];\n    const tabIndex =\n      item.tabIndex || (!anySelected && index === 0) || (item.selected && !item.disabled) ? 0 : -1;\n\n    return renderListItem(item, index, {\n      style: {\n        ...style,\n        top: `${parseFloat(style.top) + 5}px`,\n        left: `${parseFloat(style.left) + 5}px`,\n        width: `calc(${parseFloat(style.width)}% - 10px)`,\n      },\n      tabIndex,\n      interactive: true,\n      condensed,\n      disableGutters: useSelector,\n    });\n  }, areEqual);\n  ListItem.propTypes = {\n    index: PropTypes.number.isRequired,\n    style: PropTypes.shape({\n      top: PropTypes.number.isRequired,\n      left: PropTypes.number.isRequired,\n      width: PropTypes.number.isRequired,\n    }).isRequired,\n  };\n\n  return (\n    <>\n      {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n      {filteredList.length > 0 && !virtualized && (\n        <HvListContainer\n          id={id}\n          className={clsx(className, classes.root)}\n          role={selectable ? \"listbox\" : \"menu\"}\n          interactive\n          condensed={condensed}\n          disableGutters={useSelector}\n          aria-multiselectable={(selectable && multiSelect) || undefined}\n          {...others}\n        >\n          {filteredList.map((item, i) => renderListItem(item, i))}\n        </HvListContainer>\n      )}\n      {filteredList.length > 0 && virtualized && (\n        <FixedSizeList\n          ref={listRef}\n          className={classes.virtualizedRoot}\n          height={height + 5}\n          width=\"100%\"\n          itemCount={filteredList.length}\n          itemSize={condensed ? 32 : 40}\n          innerElementType={React.forwardRef(({ ...rest }, ref) => (\n            <HvListContainer\n              id={id}\n              className={clsx(className, classes.root)}\n              role={selectable ? \"listbox\" : \"menu\"}\n              interactive\n              condensed={condensed}\n              disableGutters={useSelector}\n              aria-multiselectable={(selectable && multiSelect) || undefined}\n              ref={ref}\n              {...rest}\n            />\n          ))}\n          {...others}\n        >\n          {ListItem}\n        </FixedSizeList>\n      )}\n    </>\n  );\n};\n\nHvList.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class in virtualized form.\n     */\n    virtualizedRoot: PropTypes.string,\n    /**\n     * Styles applied to the list item selector.\n     */\n    selectorRoot: PropTypes.string,\n    /**\n     * Styles applied to the list item selector label container.\n     */\n    selectorContainer: PropTypes.string,\n    /**\n     * Style applied to the icon box.\n     */\n    box: PropTypes.string,\n    /**\n     * Styles applied when the list item text when truncate.\n     */\n    truncate: PropTypes.string,\n    /**\n     * Styles applied to the list item.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the list item when it has a selector.\n     */\n    itemSelector: PropTypes.string,\n    /**\n     * Styles applied to the list item when it has a link path.\n     */\n    link: PropTypes.string,\n    /**\n     * Styles applied to the select all selector.\n     */\n    selectAllSelector: PropTypes.string,\n  }).isRequired,\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - id: The id of the item.\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - isHidden: Is item visible.\n   * - icon: The icon.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   * - path: The path to navigate to.\n   */\n  // eslint-disable-next-line react/no-unused-prop-types\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.node.isRequired,\n      selected: PropTypes.bool,\n      disabled: PropTypes.bool,\n      isHidden: PropTypes.bool,\n      icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n      showNavIcon: PropTypes.bool,\n      path: PropTypes.string,\n      params: PropTypes.instanceOf(Object),\n    })\n  ).isRequired,\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders select all option for multi selection lists with selectors.\n   * note: It will only be rendered if multiSelect and useSelector props are set to true.\n   */\n  showSelectAll: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * The label used in the middle of the multiselection count.\n     */\n    selectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If true renders list items with radio or checkbox selectors.\n   */\n  useSelector: PropTypes.bool,\n  /**\n   * Call back fired when list item is selected. Returns selection state.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Call back fired when list item is selected. Returns selected item.\n   */\n  onClick: PropTypes.func,\n  /**\n   * If `true` the list items will show the selection state.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * If `true` the list will be rendered without vertical spacing.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvList\" })(HvList);\n"],"file":"List.js"}

package/dist/legacy/List/index.d.ts

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

package/dist/legacy/List/index.js

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

package/dist/legacy/List/index.js.map

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

package/dist/legacy/List/styles.js

@@ -0,0 +1,83 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+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); 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) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var styles = function styles(theme) {
+  return {
+    root: {},
+    virtualizedRoot: {
+      marginBottom: 5
+    },
+    selectorRoot: {
+      width: "100%",
+      zIndex: 0
+    },
+    selectorContainer: {
+      "&:hover": {
+        backgroundColor: "transparent"
+      },
+      "&:focus-within": {
+        backgroundColor: "transparent",
+        outline: "none",
+        boxShadow: "none"
+      },
+      // IE fallback code (using focus-within-polyfill)
+      "&.focus-within": {
+        backgroundColor: "transparent",
+        outline: "none",
+        boxShadow: "none"
+      }
+    },
+    truncate: {
+      display: "inline-block",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    },
+    box: {
+      width: "32px",
+      height: "32px",
+      marginLeft: "auto"
+    },
+    itemSelector: {
+      "&:not(:hover):not(.HvIsFocused):not(:focus-within)": {
+        backgroundColor: "transparent"
+      },
+      "&:not(:hover):not(.HvIsFocused):not(.focus-within)": {
+        backgroundColor: "transparent"
+      }
+    },
+    link: _objectSpread(_objectSpread({}, theme.hv.typography.normalText), {}, {
+      textDecoration: "none",
+      "&:focus": {
+        boxShadow: "unset !important"
+      }
+    }),
+    selectAllSelector: {
+      width: "100%",
+      margin: "0 0 2px 0",
+      position: "relative",
+      zIndex: 0,
+      // prevent the focus ring to be hidden by sibling hover background
+      "&:focus-within": {
+        zIndex: 1
+      },
+      // IE fallback code (using focus-within-polyfill)
+      "&.focus-within": {
+        zIndex: 1
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/List/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/List/styles.js"],"names":["styles","theme","root","virtualizedRoot","marginBottom","selectorRoot","width","zIndex","selectorContainer","backgroundColor","outline","boxShadow","truncate","display","overflow","textOverflow","whiteSpace","box","height","marginLeft","itemSelector","link","hv","typography","normalText","textDecoration","selectAllSelector","margin","position"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE,EADmB;AAEzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,YAAY,EAAE;AADC,KAFQ;AAMzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KANW;AAUzBC,IAAAA,iBAAiB,EAAE;AACjB,iBAAW;AACTC,QAAAA,eAAe,EAAE;AADR,OADM;AAKjB,wBAAkB;AAChBA,QAAAA,eAAe,EAAE,aADD;AAEhBC,QAAAA,OAAO,EAAE,MAFO;AAGhBC,QAAAA,SAAS,EAAE;AAHK,OALD;AAUjB;AACA,wBAAkB;AAChBF,QAAAA,eAAe,EAAE,aADD;AAEhBC,QAAAA,OAAO,EAAE,MAFO;AAGhBC,QAAAA,SAAS,EAAE;AAHK;AAXD,KAVM;AA2BzBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,OAAO,EAAE,cADD;AAERC,MAAAA,QAAQ,EAAE,QAFF;AAGRC,MAAAA,YAAY,EAAE,UAHN;AAIRC,MAAAA,UAAU,EAAE;AAJJ,KA3Be;AAkCzBC,IAAAA,GAAG,EAAE;AACHX,MAAAA,KAAK,EAAE,MADJ;AAEHY,MAAAA,MAAM,EAAE,MAFL;AAGHC,MAAAA,UAAU,EAAE;AAHT,KAlCoB;AAwCzBC,IAAAA,YAAY,EAAE;AACZ,4DAAsD;AACpDX,QAAAA,eAAe,EAAE;AADmC,OAD1C;AAIZ,4DAAsD;AACpDA,QAAAA,eAAe,EAAE;AADmC;AAJ1C,KAxCW;AAgDzBY,IAAAA,IAAI,kCACCpB,KAAK,CAACqB,EAAN,CAASC,UAAT,CAAoBC,UADrB;AAEFC,MAAAA,cAAc,EAAE,MAFd;AAIF,iBAAW;AACTd,QAAAA,SAAS,EAAE;AADF;AAJT,MAhDqB;AAyDzBe,IAAAA,iBAAiB,EAAE;AACjBpB,MAAAA,KAAK,EAAE,MADU;AAEjBqB,MAAAA,MAAM,EAAE,WAFS;AAIjBC,MAAAA,QAAQ,EAAE,UAJO;AAKjBrB,MAAAA,MAAM,EAAE,CALS;AAOjB;AACA,wBAAkB;AAChBA,QAAAA,MAAM,EAAE;AADQ,OARD;AAWjB;AACA,wBAAkB;AAChBA,QAAAA,MAAM,EAAE;AADQ;AAZD;AAzDM,GAAZ;AAAA,CAAf;;AA2EA,eAAeP,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {},\n  virtualizedRoot: {\n    marginBottom: 5,\n  },\n\n  selectorRoot: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  selectorContainer: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  truncate: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n\n  box: {\n    width: \"32px\",\n    height: \"32px\",\n    marginLeft: \"auto\",\n  },\n\n  itemSelector: {\n    \"&:not(:hover):not(.HvIsFocused):not(:focus-within)\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:not(:hover):not(.HvIsFocused):not(.focus-within)\": {\n      backgroundColor: \"transparent\",\n    },\n  },\n  link: {\n    ...theme.hv.typography.normalText,\n    textDecoration: \"none\",\n\n    \"&:focus\": {\n      boxShadow: \"unset !important\",\n    },\n  },\n\n  selectAllSelector: {\n    width: \"100%\",\n    margin: \"0 0 2px 0\",\n\n    position: \"relative\",\n    zIndex: 0,\n\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      zIndex: 1,\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/List/useSelectableList.js

@@ -0,0 +1,25 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import { useState, useEffect } from "react";
+export default function useSelectableList() {
+  var defaultList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+  var _useState = useState(defaultList),
+      _useState2 = _slicedToArray(_useState, 2),
+      list = _useState2[0],
+      setList = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selection = _useState4[0],
+      setSelection = _useState4[1];
+
+  useEffect(function () {
+    setSelection(list.filter(function (elem) {
+      return elem.selected;
+    }));
+  }, [list]);
+  return [list, setList, selection];
+}
+//# sourceMappingURL=useSelectableList.js.map

package/dist/legacy/List/useSelectableList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/List/useSelectableList.js"],"names":["useState","useEffect","useSelectableList","defaultList","list","setList","selection","setSelection","filter","elem","selected"],"mappings":";;;AAAA,SAASA,QAAT,EAAmBC,SAAnB,QAAoC,OAApC;AAEA,eAAe,SAASC,iBAAT,GAA6C;AAAA,MAAlBC,WAAkB,uEAAJ,EAAI;;AAC1D,kBAAwBH,QAAQ,CAACG,WAAD,CAAhC;AAAA;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AACA,mBAAkCL,QAAQ,CAAC,EAAD,CAA1C;AAAA;AAAA,MAAOM,SAAP;AAAA,MAAkBC,YAAlB;;AAEAN,EAAAA,SAAS,CAAC,YAAM;AACdM,IAAAA,YAAY,CAACH,IAAI,CAACI,MAAL,CAAY,UAACC,IAAD;AAAA,aAAUA,IAAI,CAACC,QAAf;AAAA,KAAZ,CAAD,CAAZ;AACD,GAFQ,EAEN,CAACN,IAAD,CAFM,CAAT;AAIA,SAAO,CAACA,IAAD,EAAOC,OAAP,EAAgBC,SAAhB,CAAP;AACD","sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport default function useSelectableList(defaultList = []) {\n  const [list, setList] = useState(defaultList);\n  const [selection, setSelection] = useState([]);\n\n  useEffect(() => {\n    setSelection(list.filter((elem) => elem.selected));\n  }, [list]);\n\n  return [list, setList, selection];\n}\n"],"file":"useSelectableList.js"}