@hitachivantara/uikit-react-core 3.67.17 → 3.67.18

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

@@ -3,7 +3,7 @@ import { StandardProps } from "@material-ui/core";
 
 export type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
 
-export type ClassKey =
+export type HvFocusClassKey =
   | "root"
   | "selected"
   | "disabled"
@@ -15,7 +15,7 @@ export type ClassKey =
   | "focus";
 
 export interface HvFocusProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, ClassKey> {
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFocusClassKey> {
   /**
    * The reference to the root element to hold all Focus' context.
    */
@@ -39,7 +39,7 @@ export interface HvFocusProps
   /**
    * Child node to set the focus.
    */
-  children: HTMLElement;
+  children: React.ReactNode;
   /**
    * Focus and navigation strategy to be used.
    */

package/dist/legacy/List/List.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { StandardProps } from "@material-ui/core";
 
 export interface ListValueProp {
-  id?: string;
+  id?: string | number;
   label: React.ReactNode;
   searchValue?: string;
   selected?: boolean;

package/dist/legacy/index.d.ts

@@ -66,6 +66,9 @@ export * from "./FileUploader";
 export { default as HvFilterGroup } from "./FilterGroup";
 export * from "./FilterGroup";
 
+export { default as HvFocus } from "./Focus";
+export * from "./Focus";
+
 export { default as HvFooter } from "./Footer";
 export * from "./Footer";
 

package/dist/legacy/index.js

@@ -26,6 +26,7 @@ export { default as HvEmptyState } from "./EmptyState";
 export { default as HvFilterGroup } from "./FilterGroup";
 export { default as HvFileUploader } from "./FileUploader";
 export * from "./FileUploader";
+export { default as HvFocus } from "./Focus";
 export { default as HvFooter } from "./Footer";
 export * from "./Forms";
 export { default as HvGrid } from "./Grid";

package/dist/legacy/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HvAccordion","HvActionsGeneric","HvActionBar","HvAppSwitcher","HvAssetInventory","HvAvatar","HvBadge","HvBanner","HvBarchart","HvBaseDropdown","HvBreadcrumb","HvBulkActions","HvButton","HvCard","HvContainer","HvDatePicker","HvDonutchart","HvDropdown","HvDropDownMenu","HvEmptyState","HvFilterGroup","HvFileUploader","HvFooter","HvGrid","HvGlobalActions","HvHeader","HvBaseInput","HvInput","HvSlider","HvKpi","HvLinechart","HvLink","HvListContainer","HvList","HvSelectionList","HvLoading","HvLogin","HvDialog","HvMultiButton","HvPagination","HvBaseCheckBox","HvCheckBox","HvCheckBoxGroup","HvBaseRadio","HvRadio","HvRadioGroup","HvBaseSwitch","HvSwitch","HvSnackbar","HvSnackbarContent","HvSnackbarProvider","useHvSnackbar","HvStack","HvSimpleGrid","HvTab","HvTag","HvTable","HvTabs","HvTextArea","HvTagsInput","HvToggleButton","HvTooltip","HvOverflowTooltip","HvTimePicker","HvTypography","HvUserPreferences","Actions","HvUserPreferencesActions","Action","HvUserPreferencesAction","Options","HvUserPreferencesOptions","Option","HvUserPreferencesOption","Group","HvUserPreferencesOptionsGroup","Label","HvUserPreferencesOptionsGroupLabel","HvScrollToHorizontal","HvScrollToVertical","useScrollTo","HvVerticalNavigation","Navigation","HvVerticalNavigationTree","TreeView","HvTreeView","TreeViewItem","HvTreeViewItem","HvVerticalNavigationActions","HvVerticalNavigationAction","HvPanel","withId","withTooltip","useUniqueId","hvTheme","themeBuilder","getTheme","HvCssBaseline","HvScopedCssBaseline","HvProvider"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvSlider } from \"./Slider\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\nexport { default as HvSimpleGrid } from \"./SimpleGrid\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n  Actions as HvUserPreferencesActions,\n  Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n  Actions as HvVerticalNavigationActions,\n  Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\nexport { HvCssBaseline, HvScopedCssBaseline } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["default","HvAccordion","HvActionsGeneric","HvActionBar","HvAppSwitcher","HvAssetInventory","HvAvatar","HvBadge","HvBanner","HvBarchart","HvBaseDropdown","HvBreadcrumb","HvBulkActions","HvButton","HvCard","HvContainer","HvDatePicker","HvDonutchart","HvDropdown","HvDropDownMenu","HvEmptyState","HvFilterGroup","HvFileUploader","HvFocus","HvFooter","HvGrid","HvGlobalActions","HvHeader","HvBaseInput","HvInput","HvSlider","HvKpi","HvLinechart","HvLink","HvListContainer","HvList","HvSelectionList","HvLoading","HvLogin","HvDialog","HvMultiButton","HvPagination","HvBaseCheckBox","HvCheckBox","HvCheckBoxGroup","HvBaseRadio","HvRadio","HvRadioGroup","HvBaseSwitch","HvSwitch","HvSnackbar","HvSnackbarContent","HvSnackbarProvider","useHvSnackbar","HvStack","HvSimpleGrid","HvTab","HvTag","HvTable","HvTabs","HvTextArea","HvTagsInput","HvToggleButton","HvTooltip","HvOverflowTooltip","HvTimePicker","HvTypography","HvUserPreferences","Actions","HvUserPreferencesActions","Action","HvUserPreferencesAction","Options","HvUserPreferencesOptions","Option","HvUserPreferencesOption","Group","HvUserPreferencesOptionsGroup","Label","HvUserPreferencesOptionsGroupLabel","HvScrollToHorizontal","HvScrollToVertical","useScrollTo","HvVerticalNavigation","Navigation","HvVerticalNavigationTree","TreeView","HvTreeView","TreeViewItem","HvTreeViewItem","HvVerticalNavigationActions","HvVerticalNavigationAction","HvPanel","withId","withTooltip","useUniqueId","hvTheme","themeBuilder","getTheme","HvCssBaseline","HvScopedCssBaseline","HvProvider"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFocus } from \"./Focus\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvSlider } from \"./Slider\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\nexport { default as HvSimpleGrid } from \"./SimpleGrid\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n  Actions as HvUserPreferencesActions,\n  Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n  Actions as HvVerticalNavigationActions,\n  Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\nexport { HvCssBaseline, HvScopedCssBaseline } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":"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"}

package/dist/modern/Dropdown/Dropdown.d.ts

@@ -1,7 +1,7 @@
 import { StandardProps } from "@material-ui/core";
 import { PopperProps } from "@material-ui/core/Popper";
-import { ListLabelsProp, ListValueProp } from "../List";
-import { HvFormElementProps } from "..";
+import { ListLabelsProp, ListValueProp, HvListProps } from "../List";
+import { HvFormElementProps, HvBaseDropdownProps } from "..";
 
 export interface DropDownLabelsProp extends ListLabelsProp {
   /**
@@ -106,7 +106,14 @@ export interface HvDropdownProps
    * Properties passed to the underlying Popper component
    */
   popperProps?: Partial<PopperProps>;
-
+  /**
+   * Extra props passed to the list
+   */
+  listProps?: Partial<HvListProps>;
+  /**
+   * Extra props passed to the base dropdown
+   */
+  baseDropdownProps?: Partial<HvBaseDropdownProps>;
   /**
    * Callback called when the user cancels the changes.
    *

package/dist/modern/Dropdown/Dropdown.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "id", "name", "required", "disabled", "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"];
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
@@ -58,8 +61,12 @@ const HvDropdown = props => {
     variableWidth = false,
     popperProps = {},
     height,
-    virtualized = false
-  } = props;
+    virtualized = false,
+    baseDropdownProps = {},
+    listProps = {}
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
   const labels = useLabels(DEFAULT_LABELS, labelsProp);
   const elementId = useUniqueId(id, "hvdropdown");
   const [validationState, setValidationState] = useControlled(status, "standBy");
@@ -211,14 +218,14 @@ const HvDropdown = props => {
     errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   }
 
-  return /*#__PURE__*/React.createElement(HvFormElement, {
+  return /*#__PURE__*/React.createElement(HvFormElement, _extends({
     id: id,
     name: name,
     status: validationState,
     disabled: disabled,
     required: required,
     className: clsx(className, classes.root)
-  }, (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
+  }, others), (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
     className: classes.labelContainer
   }, hasLabel && /*#__PURE__*/React.createElement(HvLabel, {
     id: setId(elementId, "label"),
@@ -227,7 +234,7 @@ const HvDropdown = props => {
   }), hasDescription && /*#__PURE__*/React.createElement(HvInfoMessage, {
     id: setId(elementId, "description"),
     className: classes.description
-  }, description)), /*#__PURE__*/React.createElement(HvBaseDropdown, {
+  }, description)), /*#__PURE__*/React.createElement(HvBaseDropdown, _extends({
     id: setId(id, "dropdown"),
     classes: {
       root: classes.dropdown,
@@ -254,7 +261,7 @@ const HvDropdown = props => {
     onFocus: onFocus,
     onBlur: onBlur,
     dropdownHeaderRef: dropdownHeaderRef
-  }, /*#__PURE__*/React.createElement(List, {
+  }, baseDropdownProps), /*#__PURE__*/React.createElement(List, _extends({
     id: setId(elementId, "values"),
     classes: {
       rootList: classes.rootList,
@@ -272,7 +279,7 @@ const HvDropdown = props => {
     "aria-labelledby": hasLabel ? setId(elementId, "label") : undefined,
     height: height,
     virtualized: virtualized
-  })), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
+  }, listProps))), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
     id: setId(elementId, "error"),
     disableBorder: true,
     className: classes.error
@@ -446,7 +453,7 @@ process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {
    * The list to be rendered by the dropdown.
    */
   values: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     label: PropTypes.node.isRequired,
     searchValue: PropTypes.string,
     value: PropTypes.any,
@@ -582,7 +589,17 @@ process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {
   /**
    * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.
    */
-  virtualized: PropTypes.bool
+  virtualized: PropTypes.bool,
+
+  /**
+   * Extra props passed to the dropdown.
+   */
+  baseDropdownProps: PropTypes.object,
+
+  /**
+   * Extra props passed to the list.
+   */
+  listProps: PropTypes.object
 } : void 0;
 export default withStyles(styles, {
   name: "HvDropdown"

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

@@ -3,7 +3,7 @@ import { StandardProps } from "@material-ui/core";
 
 export type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
 
-export type ClassKey =
+export type HvFocusClassKey =
   | "root"
   | "selected"
   | "disabled"
@@ -15,7 +15,7 @@ export type ClassKey =
   | "focus";
 
 export interface HvFocusProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, ClassKey> {
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFocusClassKey> {
   /**
    * The reference to the root element to hold all Focus' context.
    */
@@ -39,7 +39,7 @@ export interface HvFocusProps
   /**
    * Child node to set the focus.
    */
-  children: HTMLElement;
+  children: React.ReactNode;
   /**
    * Focus and navigation strategy to be used.
    */

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

@@ -2,7 +2,7 @@ import * as React from "react";
 import { StandardProps } from "@material-ui/core";
 
 export interface ListValueProp {
-  id?: string;
+  id?: string | number;
   label: React.ReactNode;
   searchValue?: string;
   selected?: boolean;