@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

package/dist/modern/Link/Link.js

@@ -1,74 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "children", "route", "Component", "onClick", "data", "tabIndex"];
-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 { withStyles } from "@mui/styles";
-import styles from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-const HvLink = props => {
-  const {
-      classes,
-      children,
-      route,
-      Component = "div",
-      onClick,
-      data,
-      tabIndex = 0
-    } = props,
-    others = _objectWithoutProperties(props, _excluded);
-  return onClick ? /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread({
-    role: "button",
-    className: classes.a,
-    onClick: event => onClick === null || onClick === void 0 ? void 0 : onClick(event, data),
-    tabIndex: tabIndex
-  }, others), {}, {
-    children: children
-  })) : /*#__PURE__*/_jsx("a", {
-    href: route,
-    className: classes.a,
-    children: children
-  });
-};
-process.env.NODE_ENV !== "production" ? HvLink.propTypes = {
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Styles applied to the component.
-     */
-    a: PropTypes.string
-  }).isRequired,
-  /**
-   * Children.
-   */
-  children: PropTypes.node.isRequired,
-  /**
-   * Path route.
-   */
-  route: PropTypes.string.isRequired,
-  /**
-   * OnClick function.
-   */
-  onClick: PropTypes.func,
-  /**
-   * TabIndex.
-   */
-  tabIndex: PropTypes.number,
-  /**
-   * Data to be returned in the onClick function.
-   */
-  data: PropTypes.instanceOf(Object),
-  /**
-   * The component used for the link node.
-   * Either a string to use a DOM element or a component.
-   */
-  Component: PropTypes.elementType
-} : void 0;
-export default withStyles(styles, {
-  name: "HvLink"
-})(HvLink);
-//# sourceMappingURL=Link.js.map

package/dist/modern/Link/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.js","names":["React","PropTypes","withStyles","styles","HvLink","props","classes","children","route","Component","onClick","data","tabIndex","others","a","event","propTypes","shape","string","isRequired","node","func","number","instanceOf","Object","elementType","name"],"sources":["../../../src/Link/Link.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvLink = (props) => {\n  const {\n    classes,\n    children,\n    route,\n    Component = \"div\",\n    onClick,\n    data,\n    tabIndex = 0,\n    ...others\n  } = props;\n\n  return onClick ? (\n    <Component\n      role=\"button\"\n      className={classes.a}\n      onClick={(event) => onClick?.(event, data)}\n      tabIndex={tabIndex}\n      {...others}\n    >\n      {children}\n    </Component>\n  ) : (\n    <a href={route} className={classes.a}>\n      {children}\n    </a>\n  );\n};\n\nHvLink.propTypes = {\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.\n     */\n    a: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Path route.\n   */\n  route: PropTypes.string.isRequired,\n  /**\n   * OnClick function.\n   */\n  onClick: PropTypes.func,\n  /**\n   * TabIndex.\n   */\n  tabIndex: PropTypes.number,\n  /**\n   * Data to be returned in the onClick function.\n   */\n  data: PropTypes.instanceOf(Object),\n  /**\n   * The component used for the link node.\n   * Either a string to use a DOM element or a component.\n   */\n  Component: PropTypes.elementType,\n};\n\nexport default withStyles(styles, { name: \"HvLink\" })(HvLink);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,MAAM,GAAIC,KAAK,IAAK;EACxB,MAAM;MACJC,OAAO;MACPC,QAAQ;MACRC,KAAK;MACLC,SAAS,GAAG,KAAK;MACjBC,OAAO;MACPC,IAAI;MACJC,QAAQ,GAAG;IAEb,CAAC,GAAGP,KAAK;IADJQ,MAAM,4BACPR,KAAK;EAET,OAAOK,OAAO,gBACZ,KAAC,SAAS;IACR,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEJ,OAAO,CAACQ,CAAE;IACrB,OAAO,EAAGC,KAAK,IAAKL,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGK,KAAK,EAAEJ,IAAI,CAAE;IAC3C,QAAQ,EAAEC;EAAS,GACfC,MAAM;IAAA,UAETN;EAAQ,GACC,gBAEZ;IAAG,IAAI,EAAEC,KAAM;IAAC,SAAS,EAAEF,OAAO,CAACQ,CAAE;IAAA,UAClCP;EAAQ,EAEZ;AACH,CAAC;AAED,wCAAAH,MAAM,CAACY,SAAS,GAAG;EACjB;AACF;AACA;EACEV,OAAO,EAAEL,SAAS,CAACgB,KAAK,CAAC;IACvB;AACJ;AACA;IACIH,CAAC,EAAEb,SAAS,CAACiB;EACf,CAAC,CAAC,CAACC,UAAU;EACb;AACF;AACA;EACEZ,QAAQ,EAAEN,SAAS,CAACmB,IAAI,CAACD,UAAU;EACnC;AACF;AACA;EACEX,KAAK,EAAEP,SAAS,CAACiB,MAAM,CAACC,UAAU;EAClC;AACF;AACA;EACET,OAAO,EAAET,SAAS,CAACoB,IAAI;EACvB;AACF;AACA;EACET,QAAQ,EAAEX,SAAS,CAACqB,MAAM;EAC1B;AACF;AACA;EACEX,IAAI,EAAEV,SAAS,CAACsB,UAAU,CAACC,MAAM,CAAC;EAClC;AACF;AACA;AACA;EACEf,SAAS,EAAER,SAAS,CAACwB;AACvB,CAAC;AAED,eAAevB,UAAU,CAACC,MAAM,EAAE;EAAEuB,IAAI,EAAE;AAAS,CAAC,CAAC,CAACtB,MAAM,CAAC"}

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

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

package/dist/modern/Link/index.js

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

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

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

package/dist/modern/Link/styles.js

@@ -1,11 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { outlineStyles } from "../Focus/styles";
-const styles = theme => ({
-  a: _objectSpread(_objectSpread({}, theme.hv.typography.link), {}, {
-    "&.focus-visible": _objectSpread({}, outlineStyles)
-  })
-});
-export default styles;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","a","hv","typography","link"],"sources":["../../../src/Link/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  a: {\n    ...theme.hv.typography.link,\n    \"&.focus-visible\": { ...outlineStyles },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,CAAC,kCACID,KAAK,CAACE,EAAE,CAACC,UAAU,CAACC,IAAI;IAC3B,iBAAiB,oBAAON,aAAa;EAAE;AAE3C,CAAC,CAAC;AAEF,eAAeC,MAAM"}

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

@@ -1,100 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-
-export interface ListValueProp {
-  id?: string | number;
-  label: React.ReactNode;
-  searchValue?: string;
-  selected?: boolean;
-  disabled?: boolean;
-  isHidden?: boolean;
-  icon?:
-    | React.ReactNode
-    | ((params: { isDisabled?: boolean; isSelected?: boolean }) => React.ReactNode);
-  showNavIcon?: boolean;
-  path?: string;
-  params?: object;
-}
-
-export interface ListLabelsProp {
-  selectAll?: string;
-  selectionConjunction?: string;
-}
-
-export type HvListClassKey =
-  | "root"
-  | "virtualizedRoot"
-  | "selectorRoot"
-  | "selectorContainer"
-  | "box"
-  | "truncate"
-  | "item"
-  | "itemSelector"
-  | "icon"
-  | "focus"
-  | "link"
-  | "selectAllSelector";
-
-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.
-   * - searchValue: Text used when filtering the list. Used when label is a node.
-   * - 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.
-   */
-  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`, 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;
-  /**
-   * 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?: 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?: boolean;
-}
-
-export default function HvList(props: HvListProps): JSX.Element | null;

package/dist/modern/List/List.js

@@ -1,402 +0,0 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _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); 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, { isValidElement, useEffect, forwardRef, useMemo } from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { FixedSizeList } from "react-window";
-import { withStyles } from "@mui/styles";
-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";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const DEFAULT_LABELS = {
-  selectAll: "Select All",
-  selectionConjunction: "/"
-};
-
-/**
- * Component used to show a set of related data to the user.
- */
-const HvList = props => {
-  const {
-      id,
-      classes,
-      className,
-      multiSelect = false,
-      hasTooltips = false,
-      showSelectAll = false,
-      labels = DEFAULT_LABELS,
-      useSelector = false,
-      selectable = true,
-      singleSelectionToggle = true,
-      condensed = false,
-      onChange,
-      onClick,
-      values: valuesProp = [],
-      height,
-      virtualized = false
-    } = props,
-    others = _objectWithoutProperties(props, _excluded);
-  const [list, setList, selection] = useSelectableList(valuesProp);
-  const listRef = React.useRef(null);
-  useEffect(() => {
-    const passedProps = {
-      multiSelect,
-      selectable,
-      singleSelectionToggle
-    };
-    const parsedList = parseList(valuesProp, null, passedProps);
-    setList(parsedList);
-  }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);
-  const handleSelect = (evt, item) => {
-    if (!item.path) evt.preventDefault();
-    if (item.disabled) return;
-    const passedProps = {
-      multiSelect,
-      selectable,
-      singleSelectionToggle
-    };
-    const 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);
-  };
-  const handleSelectAll = () => {
-    const passedProps = {
-      multiSelect,
-      selectable,
-      singleSelectionToggle
-    };
-    const anySelectableSelected = list.some(elem => elem.selected || elem.disabled);
-    const parsedList = parseList(list, null, passedProps, !anySelectableSelected);
-    setList(parsedList);
-    onChange === null || onChange === void 0 ? void 0 : onChange(parsedList);
-  };
-  const 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
-    });
-  };
-  const renderSelectAll = () => {
-    const {
-      selectAll,
-      selectionConjunction
-    } = labels;
-    const anySelected = !!(selection !== null && selection !== void 0 && selection.length);
-    const allSelected = selection.length === list.length;
-    const selectionLabel = /*#__PURE__*/_jsx(HvTypography, {
-      component: "span",
-      children: !anySelected ? /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("b", {
-          children: selectAll
-        }), ` (${list.length})`]
-      }) : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("b", {
-          children: selection.length
-        }), `\xa0${selectionConjunction}\xa0`, list.length]
-      })
-    });
-    return /*#__PURE__*/_jsx(HvCheckBox, {
-      id: setId(id, "select-all"),
-      label: selectionLabel,
-      onChange: handleSelectAll,
-      className: classes.selectAllSelector,
-      indeterminate: anySelected && !allSelected,
-      checked: allSelected
-    });
-  };
-  const renderItemText = item => {
-    const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);
-    return !multiSelect && item.path ? /*#__PURE__*/_jsx(HvLink, {
-      route: item.path,
-      classes: {
-        a: classes.link
-      },
-      children: /*#__PURE__*/_jsx(ItemText, {})
-    }, item.label) : /*#__PURE__*/_jsx(ItemText, {});
-  };
-  const renderMultiSelectItem = (item, itemId) => {
-    if (useSelector) {
-      const Selection = wrapperTooltip(hasTooltips, /*#__PURE__*/_jsx(HvCheckBox, {
-        id: setId(itemId, "selector"),
-        label: item.label,
-        checked: item.selected,
-        disabled: item.disabled,
-        onChange: evt => handleSelect(evt, item),
-        classes: {
-          root: classes.selectorRoot,
-          container: classes.selectorContainer,
-          label: classes.truncate
-        }
-      }), item.label);
-      return /*#__PURE__*/_jsx(Selection, {});
-    }
-    return renderItemText(item);
-  };
-  const renderSingleSelectItem = (item, itemId) => {
-    if (useSelector) {
-      const Selection = wrapperTooltip(hasTooltips, /*#__PURE__*/_jsx(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__*/_jsx(Selection, {});
-    }
-    return renderItemText(item);
-  };
-  const renderListItem = (item, i, otherProps = {}) => {
-    const itemId = setId(id, "item", i);
-    const selected = item.selected || false;
-    let startAdornment = null;
-    if (!useSelector && item.icon) {
-      startAdornment = renderLeftIcon(item);
-    }
-    return /*#__PURE__*/_jsx(HvListItem, _objectSpread(_objectSpread({
-      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: evt => handleSelect(evt, item),
-      startAdornment: startAdornment,
-      endAdornment: item.showNavIcon && /*#__PURE__*/_jsx(DropRightXS, {
-        className: classes.box,
-        iconSize: "XS"
-      })
-    }, otherProps), {}, {
-      children: multiSelect ? renderMultiSelectItem(item, itemId) : renderSingleSelectItem(item, itemId)
-    }), i);
-  };
-  const filteredList = list.filter(it => !it.isHidden);
-  const anySelected = list.map(item => item.selected && !item.disabled).reduce((result, selected) => result || selected, false);
-  const selectedItemIndex = list.findIndex(item => item.selected);
-  useEffect(() => {
-    if (selectedItemIndex >= 0 && listRef.current !== null) {
-      listRef.current.scrollToItem(selectedItemIndex);
-    }
-  }, [listRef, selectedItemIndex]);
-  const ListItem = ({
-    index,
-    style
-  }) => {
-    const item = filteredList[index];
-    const tabIndex = item.tabIndex || !anySelected && index === 0 || item.selected && !item.disabled ? 0 : -1;
-    return renderListItem(item, index, {
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        top: `${parseFloat(style.top) + 5}px`,
-        left: `${parseFloat(style.left) + 5}px`,
-        width: `calc(${parseFloat(style.width)}% - 10px)`
-      }),
-      tabIndex,
-      interactive: true,
-      condensed,
-      disableGutters: useSelector
-    });
-  };
-  process.env.NODE_ENV !== "production" ? ListItem.propTypes = {
-    style: PropTypes.shape({
-      top: PropTypes.number.isRequired,
-      left: PropTypes.number.isRequired,
-      width: PropTypes.number.isRequired
-    }).isRequired
-  } : void 0;
-  const renderFixedList = useMemo(() => {
-    return /*#__PURE__*/forwardRef((_ref, ref) => {
-      let rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-      return /*#__PURE__*/_jsx(HvListContainer, _objectSpread({
-        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));
-    });
-  }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [multiSelect && useSelector && showSelectAll && renderSelectAll(), filteredList.length > 0 && !virtualized && /*#__PURE__*/_jsx(HvListContainer, _objectSpread(_objectSpread({
-      id: id,
-      className: clsx(className, classes.root),
-      role: selectable ? "listbox" : "menu",
-      interactive: true,
-      condensed: condensed,
-      disableGutters: useSelector,
-      "aria-multiselectable": selectable && multiSelect || undefined
-    }, others), {}, {
-      children: filteredList.map((item, i) => renderListItem(item, i))
-    })), filteredList.length > 0 && virtualized && /*#__PURE__*/_jsx(FixedSizeList, _objectSpread(_objectSpread({
-      ref: listRef,
-      className: classes.virtualizedRoot,
-      height: height + 5,
-      width: "100%",
-      itemCount: filteredList.length,
-      itemSize: condensed ? 32 : 40,
-      innerElementType: renderFixedList
-    }, others), {}, {
-      children: ListItem
-    }))]
-  });
-};
-process.env.NODE_ENV !== "production" ? 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
-} : void 0;
-export default withStyles(styles, {
-  name: "HvList"
-})(HvList);
-//# sourceMappingURL=List.js.map