@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/List/List.d.ts

@@ -0,0 +1,99 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface ListValueProp {
+  id?: string;
+  label: string;
+  selected?: boolean;
+  disabled?: boolean;
+  isHidden?: boolean;
+  iconCallback?: (params: { isDisabled?: boolean; isSelected?: boolean }) => React.ReactNode;
+  showNavIcon?: boolean;
+  path?: string;
+  params?: object;
+}
+
+export interface ListLabelsProp {
+  selectAll?: string;
+  selectionConjunction?: string;
+}
+
+export interface HvListProps
+  extends StandardProps<React.HTMLAttributes<HTMLUListElement>, HvListClassKey> {
+  /**
+   * 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.
+   * - iconCallback: 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: ListValueProp[];
+  /**
+   * If true renders a multi select list.
+   */
+  multiSelect?: boolean;
+  /**
+   * 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?: boolean;
+  /**
+   * An object containing all the labels for the dropdown.
+   *
+   * - selectAll: The label used for the All checkbox action.
+   * - selectionConjunction: The label used in the middle of the multiselection count.
+   */
+  labels?: ListLabelsProp;
+  /**
+   * If true renders list items with radio or checkbox selectors.
+   */
+  useSelector?: boolean;
+  /**
+   * If ´true´ the list items will show the selection state.
+   */
+  selectable?: boolean;
+  /**
+   * If ´true´ and none element selected,
+   * single select has default (first) label selected.
+   */
+  selectDefault?: boolean;
+  /**
+   * If ´true´, selection can be toggled when single selection.
+   */
+  singleSelectionToggle?: boolean;
+  /**
+   * If ´true´ the list will be rendered without vertical spacing.
+   */
+  condensed?: boolean;
+  /**
+   * If ´true´ the dropdown will show tooltips when user mouseenter text in list
+   */
+  hasTooltips?: boolean;
+}
+
+export type HvListClassKey =
+  | "root"
+  | "listItem"
+  | "condensed"
+  | "disabled"
+  | "selector"
+  | "selectorContainer"
+  | "selected"
+  | "selectAll"
+  | "textDisabled"
+  | "label"
+  | "box"
+  | "labelIconLeftPadding"
+  | "noIconLeftPadding"
+  | "truncate"
+  | "icon"
+  | "focus"
+  | "link";
+
+export default function HvList(props: HvListProps): JSX.Element | null;

package/dist/modern/List/List.js

@@ -0,0 +1,526 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+const _excluded = ["id", "classes", "className", "multiSelect", "useSelector", "showSelectAll", "selectable", "hasTooltips", "values", "labels", "onChange", "onClick", "selectDefault", "singleSelectionToggle", "condensed"];
+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 React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import isNil from "lodash/isNil";
+import { withStyles } from "@material-ui/core";
+import deprecatedPropType from "@material-ui/core/utils/deprecatedPropType";
+import { DropRightXS as DropRight } from "@hitachivantara/uikit-react-icons";
+import { parseList, parseState, wrapperTooltip } from "./utils";
+import { HvCheckBox, HvRadio } from "../Selectors";
+import { HvLink, HvTypography, setId } from "..";
+import Focus from "../Focus";
+import styles from "./styles";
+const DEFAULT_STATE = {
+  list: [],
+  values: [],
+  hasLeftIcons: false,
+  allSelected: false,
+  anySelected: false,
+  anySelectableSelected: false,
+  allSelectableSelected: false
+};
+const DEFAULT_LABELS = {
+  selectAll: "All",
+  selectionConjunction: "of"
+};
+/**
+ * Component used to show a set of related data to the user.
+ */
+
+class List extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "renderSelectAll", () => {
+      const {
+        id,
+        classes,
+        labels
+      } = this.props;
+      const {
+        list,
+        selection,
+        allSelected,
+        anySelected
+      } = this.state;
+      const {
+        selectAll,
+        selectionConjunction
+      } = labels;
+      const ofLabel = /*#__PURE__*/React.createElement(React.Fragment, null, selection.length, /*#__PURE__*/React.createElement(HvTypography, {
+        component: "span",
+        variant: "normalText"
+      }, `\xa0${selectionConjunction}\xa0`, list.length));
+      const selectionLabel = anySelected ? ofLabel : selectAll;
+      return /*#__PURE__*/React.createElement(HvCheckBox, {
+        id: setId(id, "select-all"),
+        label: /*#__PURE__*/React.createElement(HvTypography, {
+          component: "span",
+          variant: "highlightText"
+        }, selectionLabel),
+        onChange: () => this.handleSelectAll(),
+        classes: {
+          container: classes.selectorContainer
+        },
+        className: classes.selectAll,
+        indeterminate: !allSelected && anySelected,
+        checked: allSelected
+      });
+    });
+
+    _defineProperty(this, "renderListItem", (item, i) => {
+      const {
+        id,
+        classes,
+        multiSelect,
+        useSelector,
+        selectable,
+        condensed
+      } = this.props;
+      const {
+        selection,
+        anySelected
+      } = this.state;
+      const itemId = setId(id, "item", i);
+      const selected = item.selected || false;
+      /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+
+      return /*#__PURE__*/React.createElement(Focus, {
+        key: i,
+        rootRef: this.listRef,
+        selected: item.selected,
+        disabledClass: item.disabled,
+        strategy: selectable ? "listbox" : "menu",
+        configuration: {
+          tabIndex: selection[0] === item || !anySelected && i === 0 ? 0 : -1
+        },
+        isDropdown: true,
+        classes: {
+          focus: classes.focus
+        }
+      }, /*#__PURE__*/React.createElement("li", {
+        id: itemId,
+        role: selectable ? "option" : "menuitem",
+        "aria-disabled": item.disabled || undefined,
+        "aria-selected": multiSelect || selected ? selected : undefined,
+        onClick: evt => this.handleSelect(evt, item),
+        onKeyDown: () => {},
+        className: clsx(classes.listItem, useSelector ? classes.selector : item.selected && classes.selected, condensed && classes.condensed, item.disabled && classes.disabled)
+      }, !useSelector && item.iconCallback && this.renderLeftIcon(item), multiSelect ? this.renderMultiSelectItem(item, itemId) : this.renderSingleSelectItem(item, itemId), item.showNavIcon && this.renderNavIcon(item)));
+    });
+
+    _defineProperty(this, "renderMultiSelectItem", (item, itemId) => {
+      const {
+        classes,
+        useSelector,
+        hasTooltips
+      } = this.props;
+
+      if (useSelector) {
+        const Selection = wrapperTooltip(hasTooltips, /*#__PURE__*/React.createElement(HvCheckBox, {
+          id: setId(itemId, "selector"),
+          label: item.label,
+          checked: item.selected,
+          disabled: item.disabled,
+          onChange: evt => this.handleSelect(evt, item),
+          classes: {
+            container: classes.selectorContainer,
+            icon: classes.icon
+          }
+        }), item.label);
+        return /*#__PURE__*/React.createElement(Selection, null);
+      }
+
+      return this.renderItemText(item);
+    });
+
+    _defineProperty(this, "renderSingleSelectItem", (item, itemId) => {
+      const {
+        classes,
+        useSelector,
+        hasTooltips
+      } = this.props;
+
+      if (useSelector) {
+        const Selection = wrapperTooltip(hasTooltips, /*#__PURE__*/React.createElement(HvRadio, {
+          id: setId(itemId, "selector"),
+          label: item.label,
+          checked: item.selected,
+          disabled: item.disabled,
+          classes: {
+            container: classes.selectorContainer,
+            icon: classes.icon
+          }
+        }), item.label);
+        return /*#__PURE__*/React.createElement(Selection, null);
+      }
+
+      return this.renderItemText(item);
+    });
+
+    _defineProperty(this, "renderItemText", item => {
+      const {
+        multiSelect,
+        hasTooltips,
+        classes
+      } = this.props;
+      const ItemText = wrapperTooltip(hasTooltips, this.renderText(item), 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);
+    });
+
+    _defineProperty(this, "renderText", item => {
+      const {
+        classes
+      } = this.props;
+      const {
+        hasLeftIcons
+      } = this.state;
+      return /*#__PURE__*/React.createElement(HvTypography, {
+        variant: item.selected ? "selectedText" : "normalText",
+        className: clsx(classes.label, classes.truncate, item.iconCallback ? classes.labelIconLeftPadding : hasLeftIcons && classes.noIconLeftPadding, item.selected && classes.selected, item.disabled && classes.textDisabled)
+      }, item.label);
+    });
+
+    _defineProperty(this, "renderNavIcon", () => {
+      const {
+        classes
+      } = this.props;
+      return /*#__PURE__*/React.createElement(DropRight, {
+        className: classes.box,
+        iconSize: "XS"
+      });
+    });
+
+    _defineProperty(this, "renderLeftIcon", item => {
+      const newIcon = !isNil(item.iconCallback) ? item.iconCallback({
+        isSelected: item.selected,
+        isDisabled: item.disabled
+      }) : undefined;
+      return newIcon;
+    });
+
+    this.state = _objectSpread({}, DEFAULT_STATE);
+    this.listRef = /*#__PURE__*/React.createRef();
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    if (props.values !== state.values) {
+      const {
+        values
+      } = props;
+      const parsedList = parseList(values, null, props);
+      const parsedState = parseState(parsedList);
+      return _objectSpread({
+        values
+      }, parsedState);
+    }
+
+    return null;
+  }
+
+  handleSelect(evt, item) {
+    if (!item.path) evt.preventDefault();
+    if (item.disabled) return;
+    const {
+      list
+    } = this.state;
+    const {
+      onChange,
+      onClick
+    } = this.props;
+    const parsedList = parseList(list, item, this.props);
+    const parsedState = parseState(parsedList);
+    this.setState(_objectSpread({}, parsedState));
+    onClick(evt, item);
+    onChange(parsedList);
+  }
+
+  handleSelectAll() {
+    const {
+      list,
+      anySelectableSelected
+    } = this.state;
+    const {
+      onChange
+    } = this.props;
+    const parsedList = parseList(list, null, this.props, !anySelectableSelected);
+    const parsedState = parseState(parsedList);
+    this.setState(_objectSpread({}, parsedState));
+    onChange(parsedList);
+  }
+
+  render() {
+    const _this$props = this.props,
+          {
+      id,
+      classes,
+      className,
+      multiSelect,
+      useSelector,
+      showSelectAll,
+      selectable,
+      // TODO: convert component to functional so we don't to destructure here
+      hasTooltips,
+      values,
+      labels,
+      onChange,
+      onClick,
+      selectDefault,
+      singleSelectionToggle,
+      condensed
+    } = _this$props,
+          others = _objectWithoutProperties(_this$props, _excluded);
+
+    const {
+      list
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      ref: this.listRef,
+      className: clsx(className, classes.root)
+    }, multiSelect && useSelector && showSelectAll && this.renderSelectAll(), list && /*#__PURE__*/React.createElement("ul", _extends({
+      id: id,
+      className: classes.list,
+      role: selectable ? "listbox" : "menu",
+      "aria-multiselectable": multiSelect || undefined
+    }, others), list.map((item, i) => !item.isHidden && this.renderListItem(item, i))));
+  }
+
+}
+
+process.env.NODE_ENV !== "production" ? List.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 list element.
+     */
+    list: PropTypes.string,
+
+    /**
+     * Styles applied to the list item.
+     */
+    listItem: PropTypes.string,
+
+    /**
+     * Styles applied to the list item when condensed.
+     */
+    condensed: PropTypes.string,
+
+    /**
+     * Styles applied to the list item when disabled.
+     */
+    disabled: PropTypes.string,
+
+    /**
+     * Styles applied to the list item selector, when it is enabled.
+     */
+    selector: PropTypes.string,
+
+    /**
+     * Styles applied to the list item selector container.
+     */
+    selectorContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the selected list item.
+     */
+    selected: PropTypes.string,
+
+    /**
+     * Styles applied to the select all option when multiselect.
+     */
+    selectAll: PropTypes.string,
+
+    /**
+     * Style applied to the text of a disabled item.
+     */
+    textDisabled: PropTypes.string,
+
+    /**
+     * Style applied to the label of the checkbox.
+     */
+    label: PropTypes.string,
+
+    /**
+     * Style applied to the icon box.
+     */
+    box: PropTypes.string,
+
+    /**
+     * Styles applied to the list item icon left padding
+     */
+    labelIconLeftPadding: PropTypes.string,
+
+    /**
+     * Styles applied to the list item padding when no left icon
+     */
+    noIconLeftPadding: PropTypes.string,
+
+    /**
+     * Styles applied when the list item text when truncate.
+     */
+    truncate: PropTypes.string,
+
+    /**
+     * Styles applied to the icon of the selector.
+     */
+    icon: PropTypes.string,
+
+    /**
+     * Styles applied when focus .
+     */
+    focus: PropTypes.string,
+
+    /**
+     * Styles applied to the link.
+     */
+    link: 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.
+   * - iconCallback: 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.string,
+    label: PropTypes.string.isRequired,
+    selected: PropTypes.bool,
+    disabled: PropTypes.bool,
+    isHidden: PropTypes.bool,
+    iconCallback: PropTypes.func,
+    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´ and none element selected,
+   * single select has default (first) label selected.
+   *
+   * @deprecated
+   */
+  selectDefault: deprecatedPropType(PropTypes.bool, "instead pass the default as a preselected value"),
+
+  /**
+   * 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
+} : void 0;
+List.defaultProps = {
+  id: undefined,
+  multiSelect: false,
+  hasTooltips: false,
+  showSelectAll: false,
+  labels: DEFAULT_LABELS,
+  useSelector: false,
+  selectable: true,
+  selectDefault: false,
+  singleSelectionToggle: true,
+  condensed: false,
+
+  onChange() {},
+
+  onClick() {}
+
+};
+export default withStyles(styles, {
+  name: "HvList"
+})(List);
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["React","PropTypes","clsx","isNil","withStyles","deprecatedPropType","DropRightXS","DropRight","parseList","parseState","wrapperTooltip","HvCheckBox","HvRadio","HvLink","HvTypography","setId","Focus","styles","DEFAULT_STATE","list","values","hasLeftIcons","allSelected","anySelected","anySelectableSelected","allSelectableSelected","DEFAULT_LABELS","selectAll","selectionConjunction","List","Component","constructor","props","id","classes","labels","selection","state","ofLabel","length","selectionLabel","handleSelectAll","container","selectorContainer","item","i","multiSelect","useSelector","selectable","condensed","itemId","selected","listRef","disabled","tabIndex","focus","undefined","evt","handleSelect","listItem","selector","iconCallback","renderLeftIcon","renderMultiSelectItem","renderSingleSelectItem","showNavIcon","renderNavIcon","hasTooltips","Selection","label","icon","renderItemText","ItemText","renderText","path","a","link","truncate","labelIconLeftPadding","noIconLeftPadding","textDisabled","box","newIcon","isSelected","isDisabled","createRef","getDerivedStateFromProps","parsedList","parsedState","preventDefault","onChange","onClick","setState","render","className","showSelectAll","selectDefault","singleSelectionToggle","others","root","renderSelectAll","map","isHidden","renderListItem","propTypes","string","shape","isRequired","arrayOf","bool","func","params","instanceOf","Object","defaultProps","name"],"sources":["../../../src/List/List.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport deprecatedPropType from \"@material-ui/core/utils/deprecatedPropType\";\nimport { DropRightXS as DropRight } from \"@hitachivantara/uikit-react-icons\";\nimport { parseList, parseState, wrapperTooltip } from \"./utils\";\nimport { HvCheckBox, HvRadio } from \"../Selectors\";\nimport { HvLink, HvTypography, setId } from \"..\";\nimport Focus from \"../Focus\";\nimport styles from \"./styles\";\n\nconst DEFAULT_STATE = {\n  list: [],\n  values: [],\n  hasLeftIcons: false,\n  allSelected: false,\n  anySelected: false,\n  anySelectableSelected: false,\n  allSelectableSelected: false,\n};\n\nconst DEFAULT_LABELS = {\n  selectAll: \"All\",\n  selectionConjunction: \"of\",\n};\n\n/**\n * Component used to show a set of related data to the user.\n */\nclass List extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      ...DEFAULT_STATE,\n    };\n    this.listRef = React.createRef();\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.values !== state.values) {\n      const { values } = props;\n\n      const parsedList = parseList(values, null, props);\n      const parsedState = parseState(parsedList);\n\n      return {\n        values,\n        ...parsedState,\n      };\n    }\n\n    return null;\n  }\n\n  handleSelect(evt, item) {\n    if (!item.path) evt.preventDefault();\n    if (item.disabled) return;\n\n    const { list } = this.state;\n    const { onChange, onClick } = this.props;\n\n    const parsedList = parseList(list, item, this.props);\n    const parsedState = parseState(parsedList);\n\n    this.setState({ ...parsedState });\n\n    onClick(evt, item);\n    onChange(parsedList);\n  }\n\n  handleSelectAll() {\n    const { list, anySelectableSelected } = this.state;\n    const { onChange } = this.props;\n\n    const parsedList = parseList(list, null, this.props, !anySelectableSelected);\n    const parsedState = parseState(parsedList);\n\n    this.setState({ ...parsedState });\n\n    onChange(parsedList);\n  }\n\n  renderSelectAll = () => {\n    const { id, classes, labels } = this.props;\n    const { list, selection, allSelected, anySelected } = this.state;\n    const { selectAll, selectionConjunction } = labels;\n\n    const ofLabel = (\n      <>\n        {selection.length}\n        <HvTypography component=\"span\" variant=\"normalText\">\n          {`\\xa0${selectionConjunction}\\xa0`}\n          {list.length}\n        </HvTypography>\n      </>\n    );\n\n    const selectionLabel = anySelected ? ofLabel : selectAll;\n\n    return (\n      <HvCheckBox\n        id={setId(id, \"select-all\")}\n        label={\n          <HvTypography component=\"span\" variant=\"highlightText\">\n            {selectionLabel}\n          </HvTypography>\n        }\n        onChange={() => this.handleSelectAll()}\n        classes={{ container: classes.selectorContainer }}\n        className={classes.selectAll}\n        indeterminate={!allSelected && anySelected}\n        checked={allSelected}\n      />\n    );\n  };\n\n  renderListItem = (item, i) => {\n    const { id, classes, multiSelect, useSelector, selectable, condensed } = this.props;\n    const { selection, anySelected } = this.state;\n\n    const itemId = setId(id, \"item\", i);\n    const selected = item.selected || false;\n    /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n    return (\n      <Focus\n        key={i}\n        rootRef={this.listRef}\n        selected={item.selected}\n        disabledClass={item.disabled}\n        strategy={selectable ? \"listbox\" : \"menu\"}\n        configuration={{\n          tabIndex: selection[0] === item || (!anySelected && i === 0) ? 0 : -1,\n        }}\n        isDropdown\n        classes={{ focus: classes.focus }}\n      >\n        <li\n          id={itemId}\n          role={selectable ? \"option\" : \"menuitem\"}\n          aria-disabled={item.disabled || undefined}\n          aria-selected={multiSelect || selected ? selected : undefined}\n          onClick={(evt) => this.handleSelect(evt, item)}\n          onKeyDown={() => {}}\n          className={clsx(classes.listItem, {\n            [classes.selected]: item.selected && !useSelector,\n            [classes.condensed]: condensed,\n            [classes.selector]: useSelector,\n            [classes.disabled]: item.disabled,\n          })}\n        >\n          {!useSelector && item.iconCallback && this.renderLeftIcon(item)}\n\n          {multiSelect\n            ? this.renderMultiSelectItem(item, itemId)\n            : this.renderSingleSelectItem(item, itemId)}\n\n          {item.showNavIcon && this.renderNavIcon(item)}\n        </li>\n      </Focus>\n    );\n  };\n\n  renderMultiSelectItem = (item, itemId) => {\n    const { classes, useSelector, hasTooltips } = this.props;\n\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) => this.handleSelect(evt, item)}\n          classes={{\n            container: classes.selectorContainer,\n            icon: classes.icon,\n          }}\n        />,\n        item.label\n      );\n\n      return <Selection />;\n    }\n    return this.renderItemText(item);\n  };\n\n  renderSingleSelectItem = (item, itemId) => {\n    const { classes, useSelector, hasTooltips } = this.props;\n\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            container: classes.selectorContainer,\n            icon: classes.icon,\n          }}\n        />,\n        item.label\n      );\n\n      return <Selection />;\n    }\n    return this.renderItemText(item);\n  };\n\n  renderItemText = (item) => {\n    const { multiSelect, hasTooltips, classes } = this.props;\n\n    const ItemText = wrapperTooltip(hasTooltips, this.renderText(item), 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  renderText = (item) => {\n    const { classes } = this.props;\n    const { hasLeftIcons } = this.state;\n\n    return (\n      <HvTypography\n        variant={item.selected ? \"selectedText\" : \"normalText\"}\n        className={clsx(classes.label, classes.truncate, {\n          [classes.selected]: item.selected,\n          [classes.textDisabled]: item.disabled,\n          [classes.labelIconLeftPadding]: item.iconCallback,\n          [classes.noIconLeftPadding]: !item.iconCallback && hasLeftIcons,\n        })}\n      >\n        {item.label}\n      </HvTypography>\n    );\n  };\n\n  renderNavIcon = () => {\n    const { classes } = this.props;\n\n    return <DropRight className={classes.box} iconSize=\"XS\" />;\n  };\n\n  renderLeftIcon = (item) => {\n    const newIcon = !isNil(item.iconCallback)\n      ? item.iconCallback({\n          isSelected: item.selected,\n          isDisabled: item.disabled,\n        })\n      : undefined;\n\n    return newIcon;\n  };\n\n  render() {\n    const {\n      id,\n      classes,\n      className,\n      multiSelect,\n      useSelector,\n      showSelectAll,\n      selectable,\n      // TODO: convert component to functional so we don't to destructure here\n      hasTooltips,\n      values,\n      labels,\n      onChange,\n      onClick,\n      selectDefault,\n      singleSelectionToggle,\n      condensed,\n      ...others\n    } = this.props;\n    const { list } = this.state;\n\n    return (\n      <div ref={this.listRef} className={clsx(className, classes.root)}>\n        {multiSelect && useSelector && showSelectAll && this.renderSelectAll()}\n\n        {list && (\n          <ul\n            id={id}\n            className={classes.list}\n            role={selectable ? \"listbox\" : \"menu\"}\n            aria-multiselectable={multiSelect || undefined}\n            {...others}\n          >\n            {list.map((item, i) => !item.isHidden && this.renderListItem(item, i))}\n          </ul>\n        )}\n      </div>\n    );\n  }\n}\n\nList.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 list element.\n     */\n    list: PropTypes.string,\n    /**\n     * Styles applied to the list item.\n     */\n    listItem: PropTypes.string,\n    /**\n     * Styles applied to the list item when condensed.\n     */\n    condensed: PropTypes.string,\n    /**\n     * Styles applied to the list item when disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the list item selector, when it is enabled.\n     */\n    selector: PropTypes.string,\n    /**\n     * Styles applied to the list item selector container.\n     */\n    selectorContainer: PropTypes.string,\n    /**\n     * Styles applied to the selected list item.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the select all option when multiselect.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Style applied to the text of a disabled item.\n     */\n    textDisabled: PropTypes.string,\n    /**\n     * Style applied to the label of the checkbox.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the icon box.\n     */\n    box: PropTypes.string,\n    /**\n     * Styles applied to the list item icon left padding\n     */\n    labelIconLeftPadding: PropTypes.string,\n    /**\n     * Styles applied to the list item padding when no left icon\n     */\n    noIconLeftPadding: PropTypes.string,\n    /**\n     * Styles applied when the list item text when truncate.\n     */\n    truncate: PropTypes.string,\n    /**\n     * Styles applied to the icon of the selector.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied when focus .\n     */\n    focus: PropTypes.string,\n    /**\n     * Styles applied to the link.\n     */\n    link: 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   * - iconCallback: 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.string,\n      label: PropTypes.string.isRequired,\n      selected: PropTypes.bool,\n      disabled: PropTypes.bool,\n      isHidden: PropTypes.bool,\n      iconCallback: PropTypes.func,\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´ and none element selected,\n   * single select has default (first) label selected.\n   *\n   * @deprecated\n   */\n  selectDefault: deprecatedPropType(\n    PropTypes.bool,\n    \"instead pass the default as a preselected value\"\n  ),\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\nList.defaultProps = {\n  id: undefined,\n  multiSelect: false,\n  hasTooltips: false,\n  showSelectAll: false,\n  labels: DEFAULT_LABELS,\n  useSelector: false,\n  selectable: true,\n  selectDefault: false,\n  singleSelectionToggle: true,\n  condensed: false,\n  onChange() {},\n  onClick() {},\n};\n\nexport default withStyles(styles, { name: \"HvList\" })(List);\n"],"mappings":"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"}

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

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

package/dist/modern/List/index.js

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

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

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