@hitachivantara/uikit-react-core 3.52.5

package/dist/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Dropdown/Dropdown.js"],"names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labelsProp","labels","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","elementId","validationState","setValidationState","validationMessage","Boolean","isOpen","setIsOpen","selectionLabel","setSelectionLabel","internalValues","setInternalValues","process","env","NODE_ENV","console","error","dropdownHeaderRef","handleToggle","_e","open","hasSelection","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","selectionDisabled","total","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","rootList","dropdownListContainer","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","searchValue","value","any","number","styles"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport {\n  HvBaseDropdown,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nconst HvDropdown = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    virtualized = false,\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(values, labels, placeholder, multiSelect)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(getSelectionLabel(values, labels, placeholder, multiSelect));\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\"Dropdown/List in virtualized mode requires a height. Please define it.\");\n  }\n\n  const dropdownHeaderRef = useRef();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (listValues, commitChanges, toggle, notifyChanges = true) => {\n    const selected = getSelected(listValues);\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(getSelectionLabel(listValues, labels, placeholder, multiSelect));\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels.select || !multiSelect ? (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        variant={isOpen || hasSelection ? \"normalText\" : \"placeholderText\"}\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n      >\n        {selectionLabel.selected}\n      </HvTypography>\n    ) : (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n        variant=\"normalText\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels.multiSelectionConjunction} ${selectionLabel.total}`}\n      </HvTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: classes.dropdown,\n          arrow: classes.arrow,\n          header: clsx(\n            classes.dropdownHeader,\n            isStateInvalid ? classes.dropdownHeaderInvalid : undefined\n          ),\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        expanded={isOpen}\n        disabled={disabled}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n      >\n        <List\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: classes.rootList,\n            dropdownListContainer: classes.dropdownListContainer,\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          virtualized={virtualized}\n        />\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDropdown.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    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied for truncating the list elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    rootList: PropTypes.string,\n    /**\n     * Styles applied to the dropdown header.\n     */\n    dropdownHeader: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the dropdown list.\n     */\n    dropdownListContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      label: PropTypes.node.isRequired,\n      searchValue: PropTypes.string,\n      value: PropTypes.any,\n      selected: PropTypes.bool,\n    })\n  ),\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Label for overwrite the default header behaviour.\n     */\n    select: PropTypes.string,\n    /**\n     * Label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * The label used in the middle of the multiSelection count.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside: PropTypes.func,\n\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n\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: \"HvDropdown\" })(HvDropdown);\n"],"file":"Dropdown.js"}

package/dist/Dropdown/List/List.js

@@ -0,0 +1,448 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.array.find.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+
+var _core = require("@material-ui/core");
+
+var _utils = require("../../utils");
+
+var _ = require("../..");
+
+var _utils2 = require("../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _BaseDropdownContext = _interopRequireDefault(require("../../BaseDropdown/BaseDropdownContext"));
+
+var _excluded = ["id", "classes", "values", "multiSelect", "showSearch", "onChange", "onCancel", "labels", "notifyChangesOnFirstRender", "hasTooltips", "singleSelectionToggle", "height", "virtualized"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+/**
+ * The values property was being deeply cloned. That created a significant performance
+ * hit when the values contained complex properties' values, like React Nodes.
+ *
+ * For minimizing the impact of removing the clone, a shallow clone of the array and its
+ * objects is performed instead. That should have the same effect in the majority of the
+ * cases, where the properties' values are primitive.
+ */
+var clone = function clone(values) {
+  return values.map(function (value) {
+    return _objectSpread({}, value);
+  });
+};
+/**
+ * Set all hidden's to false.
+ */
+
+
+var cleanHidden = function cleanHidden(lst) {
+  return lst.map(function (item) {
+    return _objectSpread(_objectSpread({}, item), {}, {
+      isHidden: false
+    });
+  });
+};
+
+var valuesExist = function valuesExist(values) {
+  return !(0, _isNil.default)(values) && (values === null || values === void 0 ? void 0 : values.length) > 0;
+};
+
+var List = function List(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      _ref$values = _ref.values,
+      values = _ref$values === void 0 ? [] : _ref$values,
+      _ref$multiSelect = _ref.multiSelect,
+      multiSelect = _ref$multiSelect === void 0 ? false : _ref$multiSelect,
+      _ref$showSearch = _ref.showSearch,
+      showSearch = _ref$showSearch === void 0 ? false : _ref$showSearch,
+      onChange = _ref.onChange,
+      onCancel = _ref.onCancel,
+      labels = _ref.labels,
+      _ref$notifyChangesOnF = _ref.notifyChangesOnFirstRender,
+      notifyChangesOnFirstRender = _ref$notifyChangesOnF === void 0 ? false : _ref$notifyChangesOnF,
+      _ref$hasTooltips = _ref.hasTooltips,
+      hasTooltips = _ref$hasTooltips === void 0 ? false : _ref$hasTooltips,
+      singleSelectionToggle = _ref.singleSelectionToggle,
+      dropdownHeight = _ref.height,
+      _ref$virtualized = _ref.virtualized,
+      virtualized = _ref$virtualized === void 0 ? false : _ref$virtualized,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(""),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      searchStr = _useState2[0],
+      setSearchStr = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(clone(values)),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      list = _useState4[0],
+      setList = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      allSelected = _useState6[0],
+      setAllSelected = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      anySelected = _useState8[0],
+      setAnySelected = _useState8[1];
+
+  var _useContext = (0, _react.useContext)(_BaseDropdownContext.default),
+      width = _useContext.width,
+      height = _useContext.height;
+
+  var theme = (0, _core.useTheme)();
+  var newLabels = {
+    selectAll: labels.selectAll,
+    selectionConjunction: labels.multiSelectionConjunction
+  };
+  /**
+   * Update states associated with select all.
+   */
+
+  var updateSelectAll = function updateSelectAll(listValues) {
+    if (!listValues) return;
+    var nbrSelected = (0, _utils2.getSelected)(listValues).length;
+    var hasSelection = nbrSelected > 0;
+    var allSelect = nbrSelected === listValues.length;
+    setAnySelected(hasSelection);
+    setAllSelected(hasSelection && allSelect);
+  };
+  /**
+   * After the first render, call onChange if notifyChangesOnFirstRender.
+   */
+
+
+  (0, _react.useEffect)(function () {
+    if (!valuesExist(values)) return;
+    setList(clone(values));
+    updateSelectAll(values);
+
+    if (notifyChangesOnFirstRender) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(values, false, false, true);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [values]);
+  /**
+   * Sets the filtered values to the state.
+   *
+   * @param {String} str - The value that is being looked.
+   */
+
+  var handleSearch = function handleSearch(str) {
+    var results = list ? list.filter(function (_ref2) {
+      var searchValue = _ref2.searchValue,
+          label = _ref2.label,
+          value = _ref2.value;
+      var stringValue = "";
+
+      if (typeof searchValue === "string" || searchValue instanceof String) {
+        stringValue = searchValue.toLowerCase();
+      } else if (typeof label === "string" || label instanceof String) {
+        stringValue = label.toLowerCase();
+      } else if (typeof value === "string" || value instanceof String) {
+        stringValue = value.toLowerCase();
+      }
+
+      return stringValue.indexOf(str.toLowerCase()) >= 0;
+    }) : null;
+
+    if (!(0, _isNil.default)(results)) {
+      var newList = list.map(function (elem) {
+        var isResult = results.find(function (result) {
+          return result.label === elem.label;
+        });
+        return _objectSpread(_objectSpread({}, elem), {}, {
+          isHidden: !isResult
+        });
+      });
+      setList(newList);
+      setSearchStr(str);
+    }
+
+    return str;
+  };
+  /**
+   * Create search element.
+   *
+   * @returns {*}
+   */
+
+
+  var renderSearch = function renderSearch() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.searchContainer
+    }, /*#__PURE__*/_react.default.createElement(_.HvInput, {
+      id: (0, _utils.setId)(id, "search"),
+      type: "search",
+      value: searchStr,
+      placeholder: labels.searchPlaceholder,
+      onChange: function onChange(event, str) {
+        return handleSearch(str);
+      }
+    }));
+  };
+  /**
+   * Select all the values inside the dropdown.
+   *
+   */
+
+
+  var handleSelectAll = function handleSelectAll() {
+    var newList = list.map(function (elem) {
+      return _objectSpread(_objectSpread({}, elem), {}, {
+        selected: !anySelected
+      });
+    });
+    setList(newList);
+    updateSelectAll(newList);
+  };
+  /**
+   * Create selecteAll component.
+   *
+   * @returns {*}
+   */
+
+
+  var renderSelectAll = function renderSelectAll() {
+    var selectAll = labels.selectAll,
+        multiSelectionConjunction = labels.multiSelectionConjunction;
+    var nbrSelected = (0, _utils2.getSelected)(list).length;
+
+    var defaultLabel = /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+      component: "span"
+    }, nbrSelected > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("b", null, nbrSelected), " ".concat(multiSelectionConjunction, " ").concat(list.length)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("b", null, selectAll), " (".concat(list.length, ")")));
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.selectAllContainer
+    }, /*#__PURE__*/_react.default.createElement(_.HvCheckBox, {
+      id: (0, _utils.setId)(id, "select-all"),
+      label: defaultLabel,
+      onChange: function onChange() {
+        return handleSelectAll();
+      },
+      classes: {
+        container: classes.selection
+      },
+      className: classes.selectAll,
+      indeterminate: anySelected && !allSelected,
+      checked: allSelected
+    }));
+  };
+  /**
+   * When selecting the state list is updated with the corresponding selection.
+   *
+   * @param listValues - elements selected.
+   */
+
+
+  var onSelection = function onSelection(listValues) {
+    if (!multiSelect) {
+      onChange(cleanHidden(listValues), true, true, true);
+    } else {
+      updateSelectAll(listValues);
+      setList(clone(listValues));
+    }
+  };
+  /**
+   * Render action buttons.
+   */
+
+
+  var renderActions = function renderActions() {
+    var applyLabel = labels.applyLabel,
+        cancelLabel = labels.cancelLabel;
+    return /*#__PURE__*/_react.default.createElement(_.HvActionBar, {
+      id: (0, _utils.setId)(id, "actions")
+    }, /*#__PURE__*/_react.default.createElement(_.HvButton, {
+      id: (0, _utils.setId)(id, "actions-apply"),
+      onClick: function onClick() {
+        return onChange(cleanHidden(list), true, true, true);
+      },
+      category: "ghost"
+    }, applyLabel), /*#__PURE__*/_react.default.createElement(_.HvButton, {
+      id: (0, _utils.setId)(id, "actions-cancel"),
+      onClick: onCancel,
+      category: "ghost"
+    }, cancelLabel));
+  };
+
+  var showList = valuesExist(values);
+  var maxSizeClasses = (0, _react.useMemo)(function () {
+    return (0, _core.makeStyles)({
+      root: _objectSpread(_objectSpread({}, dropdownHeight && {
+        height: dropdownHeight
+      }), {}, {
+        maxWidth: width,
+        maxHeight: "calc(".concat(height, "px - 32px - ").concat(theme.spacing("xs"), "px - ").concat(theme.spacing("sm"), "px)"),
+        overflow: "auto",
+        padding: 5
+      }),
+      virtualized: {
+        maxWidth: "inherit",
+        maxHeight: "inherit",
+        overflow: "inherit",
+        padding: 0
+      }
+    });
+  }, [width, height, dropdownHeight, theme])();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.rootList
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.listBorderDown
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.listContainer
+  }, showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /*#__PURE__*/_react.default.createElement(_.HvList, (0, _extends2.default)({
+    id: (0, _utils.setId)(id, "list"),
+    classes: {
+      root: (0, _clsx.default)(classes.dropdownListContainer, dropdownHeight && maxSizeClasses.root, virtualized && maxSizeClasses.virtualized)
+    },
+    values: list,
+    multiSelect: multiSelect,
+    useSelector: multiSelect,
+    showSelectAll: false,
+    onChange: onSelection,
+    labels: newLabels,
+    hasTooltips: hasTooltips,
+    selectable: true,
+    condensed: true,
+    singleSelectionToggle: singleSelectionToggle,
+    height: dropdownHeight,
+    virtualized: virtualized
+  }, others))), showList && multiSelect ? renderActions() : null);
+};
+
+List.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string.isRequired,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: _propTypes.default.instanceOf(Object).isRequired,
+
+  /**
+   * The list to be rendered.
+   */
+  values: _propTypes.default.instanceOf(Array),
+
+  /**
+   * If true renders a multi select list.
+   */
+  multiSelect: _propTypes.default.bool,
+
+  /**
+   * If true renders the search component.
+   */
+  showSearch: _propTypes.default.bool,
+
+  /**
+   * A function to be executed whenever a item is selected in the list
+   * or the Apply button is activated (when `multiSelect` is `true`).
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * A function to be executed whenever the Cancel button is activated.
+   */
+  onCancel: _propTypes.default.func,
+
+  /**
+   * An object containing all the labels for the dropdown.
+   */
+  labels: _propTypes.default.instanceOf(Object).isRequired,
+
+  /**
+   * If 'true' the dropdown will notify on the first render.
+   */
+  notifyChangesOnFirstRender: _propTypes.default.bool,
+
+  /**
+   * If `true` the dropdown will show tooltips when user mouseenter text in list
+   */
+  hasTooltips: _propTypes.default.bool,
+
+  /**
+   * If `true`, selection can be toggled when single selection.
+   */
+  singleSelectionToggle: _propTypes.default.bool.isRequired,
+
+  /**
+   * 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.default.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.default.bool
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvDropdownList"
+})(List);
+
+exports.default = _default;
+//# sourceMappingURL=List.js.map

package/dist/Dropdown/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dropdown/List/List.js"],"names":["clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","dropdownHeight","height","virtualized","others","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","BaseDropdownContext","width","theme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","hasSelection","allSelect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","root","maxWidth","maxHeight","spacing","overflow","padding","rootList","listBorderDown","listContainer","dropdownListContainer","propTypes","PropTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","styles","name"],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles, makeStyles, useTheme } from \"@material-ui/core\";\nimport { setId } from \"../../utils\";\nimport { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from \"../..\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  virtualized = false,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [list, setList] = useState(clone(values));\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const { width, height } = useContext(BaseDropdownContext);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str) => {\n    const results = list\n      ? list.filter(({ searchValue, label, value }) => {\n          let stringValue = \"\";\n          if (typeof searchValue === \"string\" || searchValue instanceof String) {\n            stringValue = searchValue.toLowerCase();\n          } else if (typeof label === \"string\" || label instanceof String) {\n            stringValue = label.toLowerCase();\n          } else if (typeof value === \"string\" || value instanceof String) {\n            stringValue = value.toLowerCase();\n          }\n\n          return stringValue.indexOf(str.toLowerCase()) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const { applyLabel, cancelLabel } = labels;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          category=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"actions-cancel\")} onClick={onCancel} category=\"ghost\">\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  const maxSizeClasses = useMemo(\n    () =>\n      makeStyles({\n        root: {\n          ...(dropdownHeight && { height: dropdownHeight }),\n          maxWidth: width,\n          maxHeight: `calc(${height}px - 32px - ${theme.spacing(\"xs\")}px - ${theme.spacing(\n            \"sm\"\n          )}px)`,\n          overflow: \"auto\",\n          padding: 5,\n        },\n        virtualized: {\n          maxWidth: \"inherit\",\n          maxHeight: \"inherit\",\n          overflow: \"inherit\",\n          padding: 0,\n        },\n      }),\n    [width, height, dropdownHeight, theme]\n  )();\n\n  return (\n    <div className={classes.rootList}>\n      <div className={classes.listBorderDown} />\n      <div className={classes.listContainer}>\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <HvList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                classes.dropdownListContainer,\n                dropdownHeight && maxSizeClasses.root,\n                virtualized && maxSizeClasses.virtualized\n              ),\n            }}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </div>\n      {showList && multiSelect ? renderActions() : null}\n    </div>\n  );\n};\n\nList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The list to be rendered.\n   */\n  values: PropTypes.instanceOf(Array),\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders the search component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\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: \"HvDropdownList\" })(List);\n"],"file":"List.js"}

package/dist/Dropdown/List/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _List.default;
+  }
+});
+
+var _List = _interopRequireDefault(require("./List"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/Dropdown/List/styles.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    rootList: {
+      width: "100%",
+      backgroundColor: theme.palette.atmo1
+    },
+    listContainer: {
+      padding: theme.hvSpacing("sm")
+    },
+    searchContainer: {
+      marginBottom: theme.hvSpacing("xs")
+    },
+    selectAllContainer: {
+      // prevent the focus ring to be hidden by sibling hover background
+      "&": {
+        position: "relative",
+        zIndex: 0
+      },
+      "&:focus-within": {
+        zIndex: 1
+      },
+      // IE fallback code (using focus-within-polyfill)
+      "&.focus-within": {
+        zIndex: 1
+      }
+    },
+    selectAll: {
+      width: "100%"
+    },
+    selection: {
+      width: "100%"
+    },
+    listBorderDown: {},
+    dropdownListContainer: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dropdown/List/styles.js"],"names":["styles","theme","rootList","width","backgroundColor","palette","atmo1","listContainer","padding","hvSpacing","searchContainer","marginBottom","selectAllContainer","position","zIndex","selectAll","selection","listBorderDown","dropdownListContainer"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,MADC;AAERC,MAAAA,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcC;AAFvB,KADe;AAKzBC,IAAAA,aAAa,EAAE;AACbC,MAAAA,OAAO,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;AADI,KALU;AAQzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,YAAY,EAAEV,KAAK,CAACQ,SAAN,CAAgB,IAAhB;AADC,KARQ;AAWzBG,IAAAA,kBAAkB,EAAE;AAClB;AACA,WAAK;AACHC,QAAAA,QAAQ,EAAE,UADP;AAEHC,QAAAA,MAAM,EAAE;AAFL,OAFa;AAMlB,wBAAkB;AAChBA,QAAAA,MAAM,EAAE;AADQ,OANA;AASlB;AACA,wBAAkB;AAChBA,QAAAA,MAAM,EAAE;AADQ;AAVA,KAXK;AAyBzBC,IAAAA,SAAS,EAAE;AACTZ,MAAAA,KAAK,EAAE;AADE,KAzBc;AA4BzBa,IAAAA,SAAS,EAAE;AACTb,MAAAA,KAAK,EAAE;AADE,KA5Bc;AA+BzBc,IAAAA,cAAc,EAAE,EA/BS;AAgCzBC,IAAAA,qBAAqB,EAAE;AAhCE,GAAZ;AAAA,CAAf;;eAmCelB,M","sourcesContent":["const styles = (theme) => ({\n  rootList: {\n    width: \"100%\",\n    backgroundColor: theme.palette.atmo1,\n  },\n  listContainer: {\n    padding: theme.hvSpacing(\"sm\"),\n  },\n  searchContainer: {\n    marginBottom: theme.hvSpacing(\"xs\"),\n  },\n  selectAllContainer: {\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&\": {\n      position: \"relative\",\n      zIndex: 0,\n    },\n    \"&:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  selectAll: {\n    width: \"100%\",\n  },\n  selection: {\n    width: \"100%\",\n  },\n  listBorderDown: {},\n  dropdownListContainer: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Dropdown/index.d.ts

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