@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/legacy/Dropdown/Dropdown.js

@@ -1,8 +1,13 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["classes", "className", "id", "name", "required", "disabled", "readOnly", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "placeholder", "onChange", "status", "statusMessage", "aria-errormessage", "onCancel", "onToggle", "onClickOutside", "onFocus", "onBlur", "values", "multiSelect", "showSearch", "expanded", "defaultExpanded", "notifyChangesOnFirstRender", "labels", "hasTooltips", "disablePortal", "singleSelectionToggle", "placement", "variableWidth", "popperProps", "height", "virtualized", "baseDropdownProps", "listProps"];
+
+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 "core-js/modules/es.function.name.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
@@ -12,16 +17,23 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.string.trim.js";
 import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React, { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { setId, useLabels } from "../utils";
 import { HvBaseDropdown, HvFormElement, HvLabel, HvInfoMessage, HvWarningText, HvTypography, useUniqueId, useControlled } from "..";
 import { isInvalid } from "../Forms/FormElement/validationStates";
 import List from "./List";
 import { getSelected, getSelectionLabel } from "./utils";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_LABELS = {
   select: undefined,
   selectAll: "All",
@@ -237,17 +249,21 @@ var HvDropdown = function HvDropdown(props) {
 
   var buildHeaderLabel = function buildHeaderLabel() {
     var hasSelection = getSelected(internalValues).length > 0;
-    return labels.select || !multiSelect ? /*#__PURE__*/React.createElement(HvTypography, {
+    return labels.select || !multiSelect ? /*#__PURE__*/_jsx(HvTypography, {
       component: "div",
       noWrap: true,
       variant: isOpen || hasSelection ? "normalText" : "placeholderText",
-      className: clsx(classes.placeholder, disabled && classes.selectionDisabled)
-    }, selectionLabel.selected) : /*#__PURE__*/React.createElement(HvTypography, {
+      className: clsx(classes.placeholder, disabled && classes.selectionDisabled),
+      children: selectionLabel.selected
+    }) : /*#__PURE__*/_jsxs(HvTypography, {
       component: "div",
       noWrap: true,
       className: clsx(classes.placeholder, disabled && classes.selectionDisabled),
-      variant: "normalText"
-    }, /*#__PURE__*/React.createElement("b", null, selectionLabel.selected), " ".concat(labels.multiSelectionConjunction, " ").concat(selectionLabel.total));
+      variant: "normalText",
+      children: [/*#__PURE__*/_jsx("b", {
+        children: selectionLabel.selected
+      }), " ".concat(labels.multiSelectionConjunction, " ").concat(selectionLabel.total)]
+    });
   };
 
   var hasLabel = label != null;
@@ -264,7 +280,7 @@ var HvDropdown = function HvDropdown(props) {
     errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   }
 
-  return /*#__PURE__*/React.createElement(HvFormElement, _extends({
+  return /*#__PURE__*/_jsxs(HvFormElement, _objectSpread(_objectSpread({
     id: id,
     name: name,
     status: validationState,
@@ -272,66 +288,73 @@ var HvDropdown = function HvDropdown(props) {
     readOnly: readOnly,
     required: required,
     className: clsx(className, classes.root)
-  }, others), (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
-    className: classes.labelContainer
-  }, hasLabel && /*#__PURE__*/React.createElement(HvLabel, {
-    id: setId(elementId, "label"),
-    label: label,
-    className: classes.label
-  }), hasDescription && /*#__PURE__*/React.createElement(HvInfoMessage, {
-    id: setId(elementId, "description"),
-    className: classes.description
-  }, description)), /*#__PURE__*/React.createElement(HvBaseDropdown, _extends({
-    id: setId(id, "dropdown"),
-    classes: {
-      root: classes.dropdown,
-      arrow: classes.arrow,
-      header: clsx(classes.dropdownHeader, isStateInvalid && classes.dropdownHeaderInvalid),
-      headerOpen: classes.dropdownHeaderOpen
-    },
-    expanded: isOpen,
-    disabled: disabled,
-    readOnly: readOnly,
-    disablePortal: disablePortal,
-    placement: placement,
-    popperProps: popperProps,
-    placeholder: buildHeaderLabel(),
-    onToggle: handleToggle,
-    onClickOutside: handleClickOutside,
-    onContainerCreation: setFocusToContent,
-    role: "combobox",
-    variableWidth: variableWidth,
-    "aria-label": ariaLabel,
-    "aria-labelledby": [label && setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
-    "aria-invalid": isStateInvalid ? true : undefined,
-    "aria-errormessage": errorMessageId,
-    "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    dropdownHeaderRef: dropdownHeaderRef
-  }, baseDropdownProps), /*#__PURE__*/React.createElement(List, _extends({
-    id: setId(elementId, "values"),
-    classes: {
-      rootList: classes.rootList,
-      dropdownListContainer: classes.dropdownListContainer
-    },
-    values: internalValues,
-    multiSelect: multiSelect,
-    showSearch: showSearch,
-    onChange: handleSelection,
-    onCancel: handleCancel,
-    labels: labels,
-    notifyChangesOnFirstRender: notifyChangesOnFirstRender,
-    hasTooltips: hasTooltips,
-    singleSelectionToggle: singleSelectionToggle,
-    "aria-labelledby": hasLabel ? setId(elementId, "label") : undefined,
-    height: height,
-    virtualized: virtualized
-  }, listProps))), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
-    id: setId(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, validationMessage));
+  }, others), {}, {
+    children: [(hasLabel || hasDescription) && /*#__PURE__*/_jsxs("div", {
+      className: classes.labelContainer,
+      children: [hasLabel && /*#__PURE__*/_jsx(HvLabel, {
+        id: setId(elementId, "label"),
+        label: label,
+        className: classes.label
+      }), hasDescription && /*#__PURE__*/_jsx(HvInfoMessage, {
+        id: setId(elementId, "description"),
+        className: classes.description,
+        children: description
+      })]
+    }), /*#__PURE__*/_jsx(HvBaseDropdown, _objectSpread(_objectSpread({
+      id: setId(id, "dropdown"),
+      classes: {
+        root: classes.dropdown,
+        arrow: classes.arrow,
+        header: clsx(classes.dropdownHeader, isStateInvalid && classes.dropdownHeaderInvalid),
+        headerOpen: classes.dropdownHeaderOpen
+      },
+      expanded: isOpen,
+      disabled: disabled,
+      readOnly: readOnly,
+      disablePortal: disablePortal,
+      placement: placement,
+      popperProps: popperProps,
+      placeholder: buildHeaderLabel(),
+      onToggle: handleToggle,
+      onClickOutside: handleClickOutside,
+      onContainerCreation: setFocusToContent,
+      role: "combobox",
+      variableWidth: variableWidth,
+      "aria-label": ariaLabel,
+      "aria-labelledby": [label && setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
+      "aria-invalid": isStateInvalid ? true : undefined,
+      "aria-errormessage": errorMessageId,
+      "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      dropdownHeaderRef: dropdownHeaderRef
+    }, baseDropdownProps), {}, {
+      children: /*#__PURE__*/_jsx(List, _objectSpread({
+        id: setId(elementId, "values"),
+        classes: {
+          rootList: classes.rootList,
+          dropdownListContainer: classes.dropdownListContainer
+        },
+        values: internalValues,
+        multiSelect: multiSelect,
+        showSearch: showSearch,
+        onChange: handleSelection,
+        onCancel: handleCancel,
+        labels: labels,
+        notifyChangesOnFirstRender: notifyChangesOnFirstRender,
+        hasTooltips: hasTooltips,
+        singleSelectionToggle: singleSelectionToggle,
+        "aria-labelledby": hasLabel ? setId(elementId, "label") : undefined,
+        height: height,
+        virtualized: virtualized
+      }, listProps))
+    })), canShowError && /*#__PURE__*/_jsx(HvWarningText, {
+      id: setId(elementId, "error"),
+      disableBorder: true,
+      className: classes.error,
+      children: validationMessage
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {

package/dist/legacy/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","withStyles","setId","useLabels","HvBaseDropdown","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","List","getSelected","getSelectionLabel","styles","DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","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","baseDropdownProps","listProps","others","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","string","shape","isRequired","node","bool","oneOf","func","arrayOf","oneOfType","number","searchValue","value","any","object"],"sources":["../../../src/Dropdown/Dropdown.js"],"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    readOnly = 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    baseDropdownProps = {},\n    listProps = {},\n    ...others\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      readOnly={readOnly}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\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        readOnly={readOnly}\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        {...baseDropdownProps}\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          {...listProps}\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 the form element is in read only mode.\n   */\n  readOnly: 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.oneOfType([PropTypes.string, PropTypes.number]),\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   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps: PropTypes.object,\n  /**\n   * Extra props passed to the list.\n   */\n  listProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(HvDropdown);\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","withStyles","setId","useLabels","HvBaseDropdown","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","List","getSelected","getSelectionLabel","styles","DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","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","baseDropdownProps","listProps","others","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","string","shape","isRequired","node","bool","oneOf","func","arrayOf","oneOfType","number","searchValue","value","any","object"],"sources":["../../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\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    readOnly = 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    baseDropdownProps = {},\n    listProps = {},\n    ...others\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      readOnly={readOnly}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\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        readOnly={readOnly}\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        {...baseDropdownProps}\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          {...listProps}\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 the form element is in read only mode.\n   */\n  readOnly: 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.oneOfType([PropTypes.string, PropTypes.number]),\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   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps: PropTypes.object,\n  /**\n   * Extra props passed to the list.\n   */\n  listProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(HvDropdown);\n"],"mappings":"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"}

package/dist/legacy/Dropdown/List/List.js

@@ -3,7 +3,6 @@ import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.object.get-own-property-descriptor.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
@@ -24,7 +23,7 @@ import React, { useContext, useEffect, useMemo, useState } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import isNil from "lodash/isNil";
-import { withStyles, makeStyles, useTheme } from "@material-ui/core";
+import { makeStyles, withStyles, useTheme } from "@mui/styles";
 import { setId } from "../../utils";
 import { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from "../..";
 import { getSelected } from "../utils";
@@ -39,6 +38,10 @@ import BaseDropdownContext from "../../BaseDropdown/BaseDropdownContext";
  * cases, where the properties' values are primitive.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 var clone = function clone(values) {
   return values.map(function (value) {
     return _objectSpread({}, value);
@@ -186,17 +189,18 @@ var List = function List(_ref) {
 
 
   var renderSearch = function renderSearch() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes.searchContainer
-    }, /*#__PURE__*/React.createElement(HvInput, {
-      id: setId(id, "search"),
-      type: "search",
-      value: searchStr,
-      placeholder: labels.searchPlaceholder,
-      onChange: function onChange(event, str) {
-        return handleSearch(str);
-      }
-    }));
+    return /*#__PURE__*/_jsx("div", {
+      className: classes.searchContainer,
+      children: /*#__PURE__*/_jsx(HvInput, {
+        id: 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.
@@ -224,24 +228,36 @@ var List = function List(_ref) {
     var selectAll = labels.selectAll,
         multiSelectionConjunction = labels.multiSelectionConjunction;
     var nbrSelected = getSelected(list).length;
-    var defaultLabel = /*#__PURE__*/React.createElement(HvTypography, {
-      component: "span"
-    }, nbrSelected > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, nbrSelected), " ".concat(multiSelectionConjunction, " ").concat(list.length)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, selectAll), " (".concat(list.length, ")")));
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes.selectAllContainer
-    }, /*#__PURE__*/React.createElement(HvCheckBox, {
-      id: setId(id, "select-all"),
-      label: defaultLabel,
-      onChange: function onChange() {
-        return handleSelectAll();
-      },
-      classes: {
-        container: classes.selection
-      },
-      className: classes.selectAll,
-      indeterminate: anySelected && !allSelected,
-      checked: allSelected
-    }));
+
+    var defaultLabel = /*#__PURE__*/_jsx(HvTypography, {
+      component: "span",
+      children: nbrSelected > 0 ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("b", {
+          children: nbrSelected
+        }), " ".concat(multiSelectionConjunction, " ").concat(list.length)]
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("b", {
+          children: selectAll
+        }), " (".concat(list.length, ")")]
+      })
+    });
+
+    return /*#__PURE__*/_jsx("div", {
+      className: classes.selectAllContainer,
+      children: /*#__PURE__*/_jsx(HvCheckBox, {
+        id: 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.
@@ -266,19 +282,22 @@ var List = function List(_ref) {
   var renderActions = function renderActions() {
     var applyLabel = labels.applyLabel,
         cancelLabel = labels.cancelLabel;
-    return /*#__PURE__*/React.createElement(HvActionBar, {
-      id: setId(id, "actions")
-    }, /*#__PURE__*/React.createElement(HvButton, {
-      id: setId(id, "actions-apply"),
-      onClick: function onClick() {
-        return onChange(cleanHidden(list), true, true, true);
-      },
-      category: "ghost"
-    }, applyLabel), /*#__PURE__*/React.createElement(HvButton, {
-      id: setId(id, "actions-cancel"),
-      onClick: onCancel,
-      category: "ghost"
-    }, cancelLabel));
+    return /*#__PURE__*/_jsxs(HvActionBar, {
+      id: setId(id, "actions"),
+      children: [/*#__PURE__*/_jsx(HvButton, {
+        id: setId(id, "actions-apply"),
+        onClick: function onClick() {
+          return onChange(cleanHidden(list), true, true, true);
+        },
+        category: "ghost",
+        children: applyLabel
+      }), /*#__PURE__*/_jsx(HvButton, {
+        id: setId(id, "actions-cancel"),
+        onClick: onCancel,
+        category: "ghost",
+        children: cancelLabel
+      })]
+    });
   };
 
   var showList = valuesExist(values);
@@ -288,7 +307,7 @@ var List = function List(_ref) {
         height: dropdownHeight
       }), {}, {
         maxWidth: width,
-        maxHeight: "calc(".concat(height, "px - 32px - ").concat(theme.spacing("xs"), "px - ").concat(theme.spacing("sm"), "px)"),
+        maxHeight: "calc(".concat(height, "px - 32px - ").concat(theme.spacing("xs"), " - ").concat(theme.spacing("sm"), ")"),
         overflow: "auto",
         padding: 5
       }),
@@ -300,30 +319,32 @@ var List = function List(_ref) {
       }
     });
   }, [width, height, dropdownHeight, theme])();
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.rootList
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.listBorderDown
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classes.listContainer
-  }, showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /*#__PURE__*/React.createElement(HvList, _extends({
-    id: setId(id, "list"),
-    classes: {
-      root: clsx(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);
+  return /*#__PURE__*/_jsxs("div", {
+    className: classes.rootList,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: classes.listBorderDown
+    }), /*#__PURE__*/_jsxs("div", {
+      className: classes.listContainer,
+      children: [showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /*#__PURE__*/_jsx(HvList, _objectSpread({
+        id: setId(id, "list"),
+        classes: {
+          root: clsx(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]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? List.propTypes = {