@hitachivantara/uikit-react-core 4.0.2 → 4.0.4

package/dist/modern/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","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","baseDropdownProps","listProps","others","elementId","validationState","setValidationState","validationMessage","isOpen","setIsOpen","Boolean","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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"}
+{"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","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","baseDropdownProps","listProps","others","elementId","validationState","setValidationState","validationMessage","isOpen","setIsOpen","Boolean","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/modern/Dropdown/List/List.js

@@ -1,12 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["id", "classes", "values", "multiSelect", "showSearch", "onChange", "onCancel", "labels", "notifyChangesOnFirstRender", "hasTooltips", "singleSelectionToggle", "height", "virtualized"];
-import "core-js/modules/web.dom-collections.iterator.js";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { useContext, useEffect, useMemo, useState } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
@@ -17,6 +13,7 @@ import { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from
 import { getSelected } from "../utils";
 import styles from "./styles";
 import BaseDropdownContext from "../../BaseDropdown/BaseDropdownContext";
+
 /**
  * The values property was being deeply cloned. That created a significant performance
  * hit when the values contained complex properties' values, like React Nodes.
@@ -25,41 +22,35 @@ import BaseDropdownContext from "../../BaseDropdown/BaseDropdownContext";
  * objects is performed instead. That should have the same effect in the majority of the
  * 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";
-
 const clone = values => values.map(value => _objectSpread({}, value));
+
 /**
  * Set all hidden's to false.
  */
-
-
 const cleanHidden = lst => lst.map(item => _objectSpread(_objectSpread({}, item), {}, {
   isHidden: false
 }));
-
 const valuesExist = values => !isNil(values) && (values === null || values === void 0 ? void 0 : values.length) > 0;
-
 const List = _ref => {
   let {
-    id,
-    classes,
-    values = [],
-    multiSelect = false,
-    showSearch = false,
-    onChange,
-    onCancel,
-    labels,
-    notifyChangesOnFirstRender = false,
-    hasTooltips = false,
-    singleSelectionToggle,
-    height: dropdownHeight,
-    virtualized = false
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      classes,
+      values = [],
+      multiSelect = false,
+      showSearch = false,
+      onChange,
+      onCancel,
+      labels,
+      notifyChangesOnFirstRender = false,
+      hasTooltips = false,
+      singleSelectionToggle,
+      height: dropdownHeight,
+      virtualized = false
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const [searchStr, setSearchStr] = useState("");
   const [list, setList] = useState(clone(values));
   const [allSelected, setAllSelected] = useState(false);
@@ -73,10 +64,10 @@ const List = _ref => {
     selectAll: labels.selectAll,
     selectionConjunction: labels.multiSelectionConjunction
   };
+
   /**
    * Update states associated with select all.
    */
-
   const updateSelectAll = listValues => {
     if (!listValues) return;
     const nbrSelected = getSelected(listValues).length;
@@ -85,27 +76,25 @@ const List = _ref => {
     setAnySelected(hasSelection);
     setAllSelected(hasSelection && allSelect);
   };
+
   /**
    * After the first render, call onChange if notifyChangesOnFirstRender.
    */
-
-
   useEffect(() => {
     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
-
+    }
+    // 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.
    */
-
   const handleSearch = str => {
     const results = list ? list.filter(({
       searchValue,
@@ -113,7 +102,6 @@ const List = _ref => {
       value
     }) => {
       let stringValue = "";
-
       if (typeof searchValue === "string" || searchValue instanceof String) {
         stringValue = searchValue.toLowerCase();
       } else if (typeof label === "string" || label instanceof String) {
@@ -121,10 +109,8 @@ const List = _ref => {
       } else if (typeof value === "string" || value instanceof String) {
         stringValue = value.toLowerCase();
       }
-
       return stringValue.indexOf(str.toLowerCase()) >= 0;
     }) : null;
-
     if (!isNil(results)) {
       const newList = list.map(elem => {
         const isResult = results.find(result => result.label === elem.label);
@@ -135,16 +121,14 @@ const List = _ref => {
       setList(newList);
       setSearchStr(str);
     }
-
     return str;
   };
+
   /**
    * Create search element.
    *
    * @returns {*}
    */
-
-
   const renderSearch = () => /*#__PURE__*/_jsx("div", {
     className: classes.searchContainer,
     children: /*#__PURE__*/_jsx(HvInput, {
@@ -155,12 +139,11 @@ const List = _ref => {
       onChange: (event, str) => handleSearch(str)
     })
   });
+
   /**
    * Select all the values inside the dropdown.
    *
    */
-
-
   const handleSelectAll = () => {
     const newList = list.map(elem => _objectSpread(_objectSpread({}, elem), {}, {
       selected: !anySelected
@@ -168,20 +151,18 @@ const List = _ref => {
     setList(newList);
     updateSelectAll(newList);
   };
+
   /**
    * Create selecteAll component.
    *
    * @returns {*}
    */
-
-
   const renderSelectAll = () => {
     const {
       selectAll,
       multiSelectionConjunction
     } = labels;
     const nbrSelected = getSelected(list).length;
-
     const defaultLabel = /*#__PURE__*/_jsx(HvTypography, {
       component: "span",
       children: nbrSelected > 0 ? /*#__PURE__*/_jsxs(_Fragment, {
@@ -194,7 +175,6 @@ const List = _ref => {
         }), ` (${list.length})`]
       })
     });
-
     return /*#__PURE__*/_jsx("div", {
       className: classes.selectAllContainer,
       children: /*#__PURE__*/_jsx(HvCheckBox, {
@@ -210,13 +190,12 @@ const List = _ref => {
       })
     });
   };
+
   /**
    * When selecting the state list is updated with the corresponding selection.
    *
    * @param listValues - elements selected.
    */
-
-
   const onSelection = listValues => {
     if (!multiSelect) {
       onChange(cleanHidden(listValues), true, true, true);
@@ -225,11 +204,10 @@ const List = _ref => {
       setList(clone(listValues));
     }
   };
+
   /**
    * Render action buttons.
    */
-
-
   const renderActions = () => {
     const {
       applyLabel,
@@ -250,7 +228,6 @@ const List = _ref => {
       })]
     });
   };
-
   const showList = valuesExist(values);
   const maxSizeClasses = useMemo(() => makeStyles({
     root: _objectSpread(_objectSpread({}, dropdownHeight && {
@@ -295,69 +272,56 @@ const List = _ref => {
     }), showList && multiSelect ? renderActions() : null]
   });
 };
-
 process.env.NODE_ENV !== "production" ? List.propTypes = {
   /**
    * Id to be applied to the root node.
    */
   id: PropTypes.string.isRequired,
-
   /**
    * A Jss Object used to override or extend the component styles.
    */
   classes: PropTypes.instanceOf(Object).isRequired,
-
   /**
    * The list to be rendered.
    */
   values: PropTypes.instanceOf(Array),
-
   /**
    * If true renders a multi select list.
    */
   multiSelect: PropTypes.bool,
-
   /**
    * If true renders the search component.
    */
   showSearch: PropTypes.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.func,
-
   /**
    * A function to be executed whenever the Cancel button is activated.
    */
   onCancel: PropTypes.func,
-
   /**
    * An object containing all the labels for the dropdown.
    */
   labels: PropTypes.instanceOf(Object).isRequired,
-
   /**
    * If 'true' the dropdown will notify on the first render.
    */
   notifyChangesOnFirstRender: PropTypes.bool,
-
   /**
    * If `true` the dropdown will show tooltips when user mouseenter text in list
    */
   hasTooltips: PropTypes.bool,
-
   /**
    * If `true`, selection can be toggled when single selection.
    */
   singleSelectionToggle: PropTypes.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.number,
-
   /**
    * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.
    */

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","useContext","useEffect","useMemo","useState","clsx","PropTypes","isNil","makeStyles","withStyles","useTheme","setId","HvActionBar","HvButton","HvCheckBox","HvList","HvInput","HvTypography","getSelected","styles","BaseDropdownContext","clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","height","dropdownHeight","virtualized","others","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","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","string","isRequired","instanceOf","Object","Array","bool","func","number","name"],"sources":["../../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { makeStyles, withStyles, useTheme } from \"@mui/styles\";\n\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\")} - ${theme.spacing(\"sm\")})`,\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"],"mappings":"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"}
+{"version":3,"file":"List.js","names":["React","useContext","useEffect","useMemo","useState","clsx","PropTypes","isNil","makeStyles","withStyles","useTheme","setId","HvActionBar","HvButton","HvCheckBox","HvList","HvInput","HvTypography","getSelected","styles","BaseDropdownContext","clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","height","dropdownHeight","virtualized","others","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","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","string","isRequired","instanceOf","Object","Array","bool","func","number","name"],"sources":["../../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { makeStyles, withStyles, useTheme } from \"@mui/styles\";\n\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\")} - ${theme.spacing(\"sm\")})`,\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"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACvE,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,cAAc;AAChC,SAASC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,aAAa;AAE9D,SAASC,KAAK,QAAQ,aAAa;AACnC,SAASC,WAAW,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,EAAEC,OAAO,EAAEC,YAAY,QAAQ,OAAO;AACxF,SAASC,WAAW,QAAQ,UAAU;AACtC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,mBAAmB,MAAM,wCAAwC;;AAExE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA;AAAA;AAAA;AAQA,MAAMC,KAAK,GAAIC,MAAM,IAAKA,MAAM,CAACC,GAAG,CAAEC,KAAK,sBAAWA,KAAK,CAAG,CAAC;;AAE/D;AACA;AACA;AACA,MAAMC,WAAW,GAAIC,GAAG,IAAKA,GAAG,CAACH,GAAG,CAAEI,IAAI,oCAAWA,IAAI;EAAEC,QAAQ,EAAE;AAAK,EAAG,CAAC;AAE9E,MAAMC,WAAW,GAAIP,MAAM,IAAK,CAACf,KAAK,CAACe,MAAM,CAAC,IAAI,CAAAA,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ,MAAM,IAAG,CAAC;AAEpE,MAAMC,IAAI,GAAG,QAeP;EAAA,IAfQ;MACZC,EAAE;MACFC,OAAO;MACPX,MAAM,GAAG,EAAE;MACXY,WAAW,GAAG,KAAK;MACnBC,UAAU,GAAG,KAAK;MAClBC,QAAQ;MACRC,QAAQ;MACRC,MAAM;MACNC,0BAA0B,GAAG,KAAK;MAClCC,WAAW,GAAG,KAAK;MACnBC,qBAAqB;MACrBC,MAAM,EAAEC,cAAc;MACtBC,WAAW,GAAG;IAEhB,CAAC;IADIC,MAAM;EAET,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG3C,QAAQ,CAAC,EAAE,CAAC;EAC9C,MAAM,CAAC4C,IAAI,EAAEC,OAAO,CAAC,GAAG7C,QAAQ,CAACiB,KAAK,CAACC,MAAM,CAAC,CAAC;EAC/C,MAAM,CAAC4B,WAAW,EAAEC,cAAc,CAAC,GAAG/C,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAACgD,WAAW,EAAEC,cAAc,CAAC,GAAGjD,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM;IAAEkD,KAAK;IAAEZ;EAAO,CAAC,GAAGzC,UAAU,CAACmB,mBAAmB,CAAC;EACzD,MAAMmC,KAAK,GAAG7C,QAAQ,EAAE;EAExB,MAAM8C,SAAS,GAAG;IAChBC,SAAS,EAAEnB,MAAM,CAACmB,SAAS;IAC3BC,oBAAoB,EAAEpB,MAAM,CAACqB;EAC/B,CAAC;;EAED;AACF;AACA;EACE,MAAMC,eAAe,GAAIC,UAAU,IAAK;IACtC,IAAI,CAACA,UAAU,EAAE;IACjB,MAAMC,WAAW,GAAG5C,WAAW,CAAC2C,UAAU,CAAC,CAAC/B,MAAM;IAClD,MAAMiC,YAAY,GAAGD,WAAW,GAAG,CAAC;IACpC,MAAME,SAAS,GAAGF,WAAW,KAAKD,UAAU,CAAC/B,MAAM;IAEnDuB,cAAc,CAACU,YAAY,CAAC;IAC5BZ,cAAc,CAACY,YAAY,IAAIC,SAAS,CAAC;EAC3C,CAAC;;EAED;AACF;AACA;EACE9D,SAAS,CAAC,MAAM;IACd,IAAI,CAAC2B,WAAW,CAACP,MAAM,CAAC,EAAE;IAC1B2B,OAAO,CAAC5B,KAAK,CAACC,MAAM,CAAC,CAAC;IACtBsC,eAAe,CAACtC,MAAM,CAAC;IACvB,IAAIiB,0BAA0B,EAAE;MAC9BH,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGd,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC;IACxC;IACA;EACF,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;;EAEZ;AACF;AACA;AACA;AACA;EACE,MAAM2C,YAAY,GAAIC,GAAG,IAAK;IAC5B,MAAMC,OAAO,GAAGnB,IAAI,GAChBA,IAAI,CAACoB,MAAM,CAAC,CAAC;MAAEC,WAAW;MAAEC,KAAK;MAAE9C;IAAM,CAAC,KAAK;MAC7C,IAAI+C,WAAW,GAAG,EAAE;MACpB,IAAI,OAAOF,WAAW,KAAK,QAAQ,IAAIA,WAAW,YAAYG,MAAM,EAAE;QACpED,WAAW,GAAGF,WAAW,CAACI,WAAW,EAAE;MACzC,CAAC,MAAM,IAAI,OAAOH,KAAK,KAAK,QAAQ,IAAIA,KAAK,YAAYE,MAAM,EAAE;QAC/DD,WAAW,GAAGD,KAAK,CAACG,WAAW,EAAE;MACnC,CAAC,MAAM,IAAI,OAAOjD,KAAK,KAAK,QAAQ,IAAIA,KAAK,YAAYgD,MAAM,EAAE;QAC/DD,WAAW,GAAG/C,KAAK,CAACiD,WAAW,EAAE;MACnC;MAEA,OAAOF,WAAW,CAACG,OAAO,CAACR,GAAG,CAACO,WAAW,EAAE,CAAC,IAAI,CAAC;IACpD,CAAC,CAAC,GACF,IAAI;IAER,IAAI,CAAClE,KAAK,CAAC4D,OAAO,CAAC,EAAE;MACnB,MAAMQ,OAAO,GAAG3B,IAAI,CAACzB,GAAG,CAAEqD,IAAI,IAAK;QACjC,MAAMC,QAAQ,GAAGV,OAAO,CAACW,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACT,KAAK,KAAKM,IAAI,CAACN,KAAK,CAAC;QACtE,uCAAYM,IAAI;UAAEhD,QAAQ,EAAE,CAACiD;QAAQ;MACvC,CAAC,CAAC;MAEF5B,OAAO,CAAC0B,OAAO,CAAC;MAChB5B,YAAY,CAACmB,GAAG,CAAC;IACnB;IACA,OAAOA,GAAG;EACZ,CAAC;;EAED;AACF;AACA;AACA;AACA;EACE,MAAMc,YAAY,GAAG,mBACnB;IAAK,SAAS,EAAE/C,OAAO,CAACgD,eAAgB;IAAA,uBACtC,KAAC,OAAO;MACN,EAAE,EAAEtE,KAAK,CAACqB,EAAE,EAAE,QAAQ,CAAE;MACxB,IAAI,EAAC,QAAQ;MACb,KAAK,EAAEc,SAAU;MACjB,WAAW,EAAER,MAAM,CAAC4C,iBAAkB;MACtC,QAAQ,EAAE,CAACC,KAAK,EAAEjB,GAAG,KAAKD,YAAY,CAACC,GAAG;IAAE;EAC5C,EAEL;;EAED;AACF;AACA;AACA;EACE,MAAMkB,eAAe,GAAG,MAAM;IAC5B,MAAMT,OAAO,GAAG3B,IAAI,CAACzB,GAAG,CAAEqD,IAAI,oCAAWA,IAAI;MAAES,QAAQ,EAAE,CAACjC;IAAW,EAAG,CAAC;IACzEH,OAAO,CAAC0B,OAAO,CAAC;IAChBf,eAAe,CAACe,OAAO,CAAC;EAC1B,CAAC;;EAED;AACF;AACA;AACA;AACA;EACE,MAAMW,eAAe,GAAG,MAAM;IAC5B,MAAM;MAAE7B,SAAS;MAAEE;IAA0B,CAAC,GAAGrB,MAAM;IACvD,MAAMwB,WAAW,GAAG5C,WAAW,CAAC8B,IAAI,CAAC,CAAClB,MAAM;IAE5C,MAAMyD,YAAY,gBAChB,KAAC,YAAY;MAAC,SAAS,EAAC,MAAM;MAAA,UAC3BzB,WAAW,GAAG,CAAC,gBACd;QAAA,wBACE;UAAA,UAAIA;QAAW,EAAK,EAClB,IAAGH,yBAA0B,IAAGX,IAAI,CAAClB,MAAO,EAAC;MAAA,EAC9C,gBAEH;QAAA,wBACE;UAAA,UAAI2B;QAAS,EAAK,EAChB,KAAIT,IAAI,CAAClB,MAAO,GAAE;MAAA;IAEvB,EAEJ;IAED,oBACE;MAAK,SAAS,EAAEG,OAAO,CAACuD,kBAAmB;MAAA,uBACzC,KAAC,UAAU;QACT,EAAE,EAAE7E,KAAK,CAACqB,EAAE,EAAE,YAAY,CAAE;QAC5B,KAAK,EAAEuD,YAAa;QACpB,QAAQ,EAAE,MAAMH,eAAe,EAAG;QAClC,OAAO,EAAE;UAAEK,SAAS,EAAExD,OAAO,CAACyD;QAAU,CAAE;QAC1C,SAAS,EAAEzD,OAAO,CAACwB,SAAU;QAC7B,aAAa,EAAEL,WAAW,IAAI,CAACF,WAAY;QAC3C,OAAO,EAAEA;MAAY;IACrB,EACE;EAEV,CAAC;;EAED;AACF;AACA;AACA;AACA;EACE,MAAMyC,WAAW,GAAI9B,UAAU,IAAK;IAClC,IAAI,CAAC3B,WAAW,EAAE;MAChBE,QAAQ,CAACX,WAAW,CAACoC,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACrD,CAAC,MAAM;MACLD,eAAe,CAACC,UAAU,CAAC;MAC3BZ,OAAO,CAAC5B,KAAK,CAACwC,UAAU,CAAC,CAAC;IAC5B;EACF,CAAC;;EAED;AACF;AACA;EACE,MAAM+B,aAAa,GAAG,MAAM;IAC1B,MAAM;MAAEC,UAAU;MAAEC;IAAY,CAAC,GAAGxD,MAAM;IAC1C,oBACE,MAAC,WAAW;MAAC,EAAE,EAAE3B,KAAK,CAACqB,EAAE,EAAE,SAAS,CAAE;MAAA,wBACpC,KAAC,QAAQ;QACP,EAAE,EAAErB,KAAK,CAACqB,EAAE,EAAE,eAAe,CAAE;QAC/B,OAAO,EAAE,MAAMI,QAAQ,CAACX,WAAW,CAACuB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAE;QAC7D,QAAQ,EAAC,OAAO;QAAA,UAEf6C;MAAU,EACF,eACX,KAAC,QAAQ;QAAC,EAAE,EAAElF,KAAK,CAACqB,EAAE,EAAE,gBAAgB,CAAE;QAAC,OAAO,EAAEK,QAAS;QAAC,QAAQ,EAAC,OAAO;QAAA,UAC3EyD;MAAW,EACH;IAAA,EACC;EAElB,CAAC;EAED,MAAMC,QAAQ,GAAGlE,WAAW,CAACP,MAAM,CAAC;EAEpC,MAAM0E,cAAc,GAAG7F,OAAO,CAC5B,MACEK,UAAU,CAAC;IACTyF,IAAI,kCACEtD,cAAc,IAAI;MAAED,MAAM,EAAEC;IAAe,CAAC;MAChDuD,QAAQ,EAAE5C,KAAK;MACf6C,SAAS,EAAG,QAAOzD,MAAO,eAAca,KAAK,CAAC6C,OAAO,CAAC,IAAI,CAAE,MAAK7C,KAAK,CAAC6C,OAAO,CAAC,IAAI,CAAE,GAAE;MACvFC,QAAQ,EAAE,MAAM;MAChBC,OAAO,EAAE;IAAC,EACX;IACD1D,WAAW,EAAE;MACXsD,QAAQ,EAAE,SAAS;MACnBC,SAAS,EAAE,SAAS;MACpBE,QAAQ,EAAE,SAAS;MACnBC,OAAO,EAAE;IACX;EACF,CAAC,CAAC,EACJ,CAAChD,KAAK,EAAEZ,MAAM,EAAEC,cAAc,EAAEY,KAAK,CAAC,CACvC,EAAE;EAEH,oBACE;IAAK,SAAS,EAAEtB,OAAO,CAACsE,QAAS;IAAA,wBAC/B;MAAK,SAAS,EAAEtE,OAAO,CAACuE;IAAe,EAAG,eAC1C;MAAK,SAAS,EAAEvE,OAAO,CAACwE,aAAc;MAAA,WACnCtE,UAAU,IAAI6C,YAAY,EAAE,EAC5Be,QAAQ,IAAI7D,WAAW,IAAIoD,eAAe,EAAE,EAC5CS,QAAQ,iBACP,KAAC,MAAM;QACL,EAAE,EAAEpF,KAAK,CAACqB,EAAE,EAAE,MAAM,CAAE;QACtB,OAAO,EAAE;UACPiE,IAAI,EAAE5F,IAAI,CACR4B,OAAO,CAACyE,qBAAqB,EAC7B/D,cAAc,IAAIqD,cAAc,CAACC,IAAI,EACrCrD,WAAW,IAAIoD,cAAc,CAACpD,WAAW;QAE7C,CAAE;QACF,MAAM,EAAEI,IAAK;QACb,WAAW,EAAEd,WAAY;QACzB,WAAW,EAAEA,WAAY;QACzB,aAAa,EAAE,KAAM;QACrB,QAAQ,EAAEyD,WAAY;QACtB,MAAM,EAAEnC,SAAU;QAClB,WAAW,EAAEhB,WAAY;QACzB,UAAU;QACV,SAAS;QACT,qBAAqB,EAAEC,qBAAsB;QAC7C,MAAM,EAAEE,cAAe;QACvB,WAAW,EAAEC;MAAY,GACrBC,MAAM,EAEb;IAAA,EACG,EACLkD,QAAQ,IAAI7D,WAAW,GAAG0D,aAAa,EAAE,GAAG,IAAI;EAAA,EAC7C;AAEV,CAAC;AAED,wCAAA7D,IAAI,CAAC4E,SAAS,GAAG;EACf;AACF;AACA;EACE3E,EAAE,EAAE1B,SAAS,CAACsG,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;EACE5E,OAAO,EAAE3B,SAAS,CAACwG,UAAU,CAACC,MAAM,CAAC,CAACF,UAAU;EAChD;AACF;AACA;EACEvF,MAAM,EAAEhB,SAAS,CAACwG,UAAU,CAACE,KAAK,CAAC;EACnC;AACF;AACA;EACE9E,WAAW,EAAE5B,SAAS,CAAC2G,IAAI;EAC3B;AACF;AACA;EACE9E,UAAU,EAAE7B,SAAS,CAAC2G,IAAI;EAC1B;AACF;AACA;AACA;EACE7E,QAAQ,EAAE9B,SAAS,CAAC4G,IAAI;EACxB;AACF;AACA;EACE7E,QAAQ,EAAE/B,SAAS,CAAC4G,IAAI;EACxB;AACF;AACA;EACE5E,MAAM,EAAEhC,SAAS,CAACwG,UAAU,CAACC,MAAM,CAAC,CAACF,UAAU;EAC/C;AACF;AACA;EACEtE,0BAA0B,EAAEjC,SAAS,CAAC2G,IAAI;EAC1C;AACF;AACA;EACEzE,WAAW,EAAElC,SAAS,CAAC2G,IAAI;EAC3B;AACF;AACA;EACExE,qBAAqB,EAAEnC,SAAS,CAAC2G,IAAI,CAACJ,UAAU;EAChD;AACF;AACA;EACEnE,MAAM,EAAEpC,SAAS,CAAC6G,MAAM;EACxB;AACF;AACA;EACEvE,WAAW,EAAEtC,SAAS,CAAC2G;AACzB,CAAC;AAED,eAAexG,UAAU,CAACU,MAAM,EAAE;EAAEiG,IAAI,EAAE;AAAiB,CAAC,CAAC,CAACrF,IAAI,CAAC"}

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

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

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

@@ -32,6 +32,5 @@ const styles = theme => ({
   listBorderDown: {},
   dropdownListContainer: {}
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","rootList","width","backgroundColor","palette","atmo1","listContainer","padding","hvSpacing","searchContainer","marginBottom","selectAllContainer","position","zIndex","selectAll","selection","listBorderDown","dropdownListContainer"],"sources":["../../../../src/Dropdown/List/styles.js"],"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"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,QAAQ,EAAE;IACRC,KAAK,EAAE,MADC;IAERC,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcC;EAFvB,CADe;EAKzBC,aAAa,EAAE;IACbC,OAAO,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;EADI,CALU;EAQzBC,eAAe,EAAE;IACfC,YAAY,EAAEV,KAAK,CAACQ,SAAN,CAAgB,IAAhB;EADC,CARQ;EAWzBG,kBAAkB,EAAE;IAClB;IACA,KAAK;MACHC,QAAQ,EAAE,UADP;MAEHC,MAAM,EAAE;IAFL,CAFa;IAMlB,kBAAkB;MAChBA,MAAM,EAAE;IADQ,CANA;IASlB;IACA,kBAAkB;MAChBA,MAAM,EAAE;IADQ;EAVA,CAXK;EAyBzBC,SAAS,EAAE;IACTZ,KAAK,EAAE;EADE,CAzBc;EA4BzBa,SAAS,EAAE;IACTb,KAAK,EAAE;EADE,CA5Bc;EA+BzBc,cAAc,EAAE,EA/BS;EAgCzBC,qBAAqB,EAAE;AAhCE,CAAZ,CAAf;;AAmCA,eAAelB,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","rootList","width","backgroundColor","palette","atmo1","listContainer","padding","hvSpacing","searchContainer","marginBottom","selectAllContainer","position","zIndex","selectAll","selection","listBorderDown","dropdownListContainer"],"sources":["../../../../src/Dropdown/List/styles.js"],"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"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,QAAQ,EAAE;IACRC,KAAK,EAAE,MAAM;IACbC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;EACjC,CAAC;EACDC,aAAa,EAAE;IACbC,OAAO,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI;EAC/B,CAAC;EACDC,eAAe,EAAE;IACfC,YAAY,EAAEV,KAAK,CAACQ,SAAS,CAAC,IAAI;EACpC,CAAC;EACDG,kBAAkB,EAAE;IAClB;IACA,GAAG,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,gBAAgB,EAAE;MAChBA,MAAM,EAAE;IACV,CAAC;IACD;IACA,gBAAgB,EAAE;MAChBA,MAAM,EAAE;IACV;EACF,CAAC;EACDC,SAAS,EAAE;IACTZ,KAAK,EAAE;EACT,CAAC;EACDa,SAAS,EAAE;IACTb,KAAK,EAAE;EACT,CAAC;EACDc,cAAc,EAAE,CAAC,CAAC;EAClBC,qBAAqB,EAAE,CAAC;AAC1B,CAAC,CAAC;AAEF,eAAelB,MAAM"}

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

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

package/dist/modern/Dropdown/styles.js

@@ -50,6 +50,5 @@ const styles = theme => ({
   dropdownHeaderOpen: {},
   dropdownListContainer: {}
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","borderRadius","position","display","color","palette","atmo5","border","hv","semantic","sema4","atmosphere","atmo1","dropdown","rootList","arrow","labelContainer","alignItems","label","paddingBottom","description","error","placeholder","selectionDisabled","lineHeight","spacing","md","dropdownHeader","dropdownHeaderInvalid","dropdownHeaderOpen","dropdownListContainer"],"sources":["../../../src/Dropdown/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    borderRadius: 2,\n    position: \"relative\",\n    display: \"inline-block\",\n    \"& $selectionDisabled\": {\n      color: theme.palette.atmo5,\n    },\n    \"& $dropdownHeaderInvalid\": {\n      border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      },\n      \"&$dropdownHeaderOpen\": {\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n        \"&:hover\": {\n          border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n        },\n      },\n    },\n    \"& $dropdownHeaderOpen\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      },\n    },\n  },\n  dropdown: {\n    width: \"100%\",\n  },\n  rootList: {},\n  arrow: {},\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  placeholder: {},\n  selectionDisabled: {\n    lineHeight: `${theme.hv.spacing.md}px`,\n  },\n  dropdownHeader: {},\n  dropdownHeaderInvalid: {},\n  dropdownHeaderOpen: {},\n  dropdownListContainer: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,KAAK,EAAE,MADH;IAEJC,YAAY,EAAE,CAFV;IAGJC,QAAQ,EAAE,UAHN;IAIJC,OAAO,EAAE,cAJL;IAKJ,wBAAwB;MACtBC,KAAK,EAAEN,KAAK,CAACO,OAAN,CAAcC;IADC,CALpB;IAQJ,4BAA4B;MAC1BC,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBI,QAAjB,CAA0BC,KAAM,EAD3B;MAE1B,WAAW;QACTH,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBI,QAAjB,CAA0BC,KAAM;MAD5C,CAFe;MAK1B,wBAAwB;QACtBH,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAAM,EADjC;QAEtB,WAAW;UACTL,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAAM;QAD9C;MAFW;IALE,CARxB;IAoBJ,yBAAyB;MACvBL,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAAM,EADhC;MAEvB,WAAW;QACTL,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAAM;MAD9C;IAFY;EApBrB,CADmB;EA4BzBC,QAAQ,EAAE;IACRb,KAAK,EAAE;EADC,CA5Be;EA+BzBc,QAAQ,EAAE,EA/Be;EAgCzBC,KAAK,EAAE,EAhCkB;EAkCzBC,cAAc,EAAE;IACdb,OAAO,EAAE,MADK;IAEdc,UAAU,EAAE;EAFE,CAlCS;EAsCzBC,KAAK,EAAE;IACLC,aAAa,EAAE,KADV;IAELhB,OAAO,EAAE;EAFJ,CAtCkB;EA0CzBiB,WAAW,EAAE,EA1CY;EA2CzBC,KAAK,EAAE,EA3CkB;EA6CzBC,WAAW,EAAE,EA7CY;EA8CzBC,iBAAiB,EAAE;IACjBC,UAAU,EAAG,GAAE1B,KAAK,CAACU,EAAN,CAASiB,OAAT,CAAiBC,EAAG;EADlB,CA9CM;EAiDzBC,cAAc,EAAE,EAjDS;EAkDzBC,qBAAqB,EAAE,EAlDE;EAmDzBC,kBAAkB,EAAE,EAnDK;EAoDzBC,qBAAqB,EAAE;AApDE,CAAZ,CAAf;;AAuDA,eAAejC,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","borderRadius","position","display","color","palette","atmo5","border","hv","semantic","sema4","atmosphere","atmo1","dropdown","rootList","arrow","labelContainer","alignItems","label","paddingBottom","description","error","placeholder","selectionDisabled","lineHeight","spacing","md","dropdownHeader","dropdownHeaderInvalid","dropdownHeaderOpen","dropdownListContainer"],"sources":["../../../src/Dropdown/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    borderRadius: 2,\n    position: \"relative\",\n    display: \"inline-block\",\n    \"& $selectionDisabled\": {\n      color: theme.palette.atmo5,\n    },\n    \"& $dropdownHeaderInvalid\": {\n      border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      },\n      \"&$dropdownHeaderOpen\": {\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n        \"&:hover\": {\n          border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n        },\n      },\n    },\n    \"& $dropdownHeaderOpen\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      },\n    },\n  },\n  dropdown: {\n    width: \"100%\",\n  },\n  rootList: {},\n  arrow: {},\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  placeholder: {},\n  selectionDisabled: {\n    lineHeight: `${theme.hv.spacing.md}px`,\n  },\n  dropdownHeader: {},\n  dropdownHeaderInvalid: {},\n  dropdownHeaderOpen: {},\n  dropdownListContainer: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE,UAAU;IACpBC,OAAO,EAAE,cAAc;IACvB,sBAAsB,EAAE;MACtBC,KAAK,EAAEN,KAAK,CAACO,OAAO,CAACC;IACvB,CAAC;IACD,0BAA0B,EAAE;MAC1BC,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAE,CAACH,OAAO,CAACI,QAAQ,CAACC,KAAM,EAAC;MACtD,SAAS,EAAE;QACTH,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAE,CAACH,OAAO,CAACI,QAAQ,CAACC,KAAM;MACvD,CAAC;MACD,sBAAsB,EAAE;QACtBH,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAE,CAACH,OAAO,CAACM,UAAU,CAACC,KAAM,EAAC;QACxD,SAAS,EAAE;UACTL,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAE,CAACH,OAAO,CAACM,UAAU,CAACC,KAAM;QACzD;MACF;IACF,CAAC;IACD,uBAAuB,EAAE;MACvBL,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAE,CAACH,OAAO,CAACM,UAAU,CAACC,KAAM,EAAC;MACxD,SAAS,EAAE;QACTL,MAAM,EAAG,aAAYT,KAAK,CAACU,EAAE,CAACH,OAAO,CAACM,UAAU,CAACC,KAAM;MACzD;IACF;EACF,CAAC;EACDC,QAAQ,EAAE;IACRb,KAAK,EAAE;EACT,CAAC;EACDc,QAAQ,EAAE,CAAC,CAAC;EACZC,KAAK,EAAE,CAAC,CAAC;EAETC,cAAc,EAAE;IACdb,OAAO,EAAE,MAAM;IACfc,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,aAAa,EAAE,KAAK;IACpBhB,OAAO,EAAE;EACX,CAAC;EACDiB,WAAW,EAAE,CAAC,CAAC;EACfC,KAAK,EAAE,CAAC,CAAC;EAETC,WAAW,EAAE,CAAC,CAAC;EACfC,iBAAiB,EAAE;IACjBC,UAAU,EAAG,GAAE1B,KAAK,CAACU,EAAE,CAACiB,OAAO,CAACC,EAAG;EACrC,CAAC;EACDC,cAAc,EAAE,CAAC,CAAC;EAClBC,qBAAqB,EAAE,CAAC,CAAC;EACzBC,kBAAkB,EAAE,CAAC,CAAC;EACtBC,qBAAqB,EAAE,CAAC;AAC1B,CAAC,CAAC;AAEF,eAAejC,MAAM"}