@hitachivantara/uikit-react-core 5.0.0-next.3 → 5.0.0-next.5

package/dist/cjs/components/Dropdown/Dropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.cjs","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { PopperProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { useLabels, useUniqueId, useControlled } from \"hooks\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport dropdownClasses, { HvDropdownClasses } from \"./dropdownClasses\";\nimport { HvDropdownList, HvDropdownListProps } from \"./List\";\nimport {\n  StyledDropdown,\n  StyledHvFormElement,\n  StyledLabel,\n  StyledLabelContainer,\n  StyledTypography,\n} from \"./Dropdown.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  HvBaseDropdownProps,\n  HvInfoMessage,\n  HvListValue,\n  HvWarningText,\n} from \"components\";\nimport dropdownListClasses from \"./List/dropdownListClasses\";\n\nexport type HvDropdownLabelsProps = {\n  /**\n   * Label for overwrite the default header behavior.\n   */\n  select?: string;\n  /**\n   * Label used for the All checkbox action.\n   */\n  selectAll?: string;\n  /**\n   * Cancel button label.\n   */\n  cancelLabel?: string;\n  /**\n   * Apply button label.\n   */\n  applyLabel?: string;\n  /**\n   * The label used in the middle of the multiSelection count.\n   */\n  multiSelectionConjunction?: string;\n  /**\n   * The label used in search.\n   */\n  searchPlaceholder?: string;\n};\n\nexport type HvDropdownStatus = \"standBy\" | \"valid\" | \"invalid\";\n\nexport type HvDropdownProps = HvBaseProps<HTMLDivElement> & {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvDropdownClasses;\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id?: string;\n  /**\n   * The form element name.\n   */\n  name?: string;\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?: any;\n  /**\n   * @ignore\n   */\n  \"aria-label\"?: string;\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: any;\n  /**\n   * @ignore\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder?: string;\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required?: boolean;\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?: HvDropdownStatus;\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?: any;\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\"?: string;\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (selected: HvListValue | HvListValue[] | undefined) => void;\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values?: HvListValue[];\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect?: boolean;\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender?: boolean;\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels?: HvDropdownLabelsProps;\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\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?: boolean;\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle?: boolean;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\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?: (event: Event) => void;\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?: (event: Event, open: boolean) => void;\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?: (event: Event) => void;\n  /**\n   * @ignore\n   */\n  onFocus?: React.FocusEventHandler<any>;\n  /**\n   * @ignore\n   */\n  onBlur?: React.FocusEventHandler<any>;\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?: number;\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  maxHeight?: 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?: boolean;\n  /**\n   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps?: HvBaseDropdownProps;\n  /**\n   * Extra props passed to the list.\n   */\n  listProps?: HvDropdownListProps;\n};\n\nconst DEFAULT_LABELS: HvDropdownLabelsProps = {\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 */\nexport const HvDropdown = (props: HvDropdownProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n    readOnly = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    maxHeight,\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(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(labels, placeholder, multiSelect, values)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(\n      getSelectionLabel(labels, placeholder, multiSelect, values)\n    );\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(\n      \"Dropdown/List in virtualized mode requires a height. Please define it.\"\n    );\n  }\n\n  const dropdownHeaderRef = useRef<HTMLDivElement>();\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 = (\n    listValues,\n    commitChanges,\n    toggle,\n    notifyChanges = true\n  ) => {\n    const selected = getSelected(listValues);\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(\n        getSelectionLabel(labels, placeholder, multiSelect, listValues)\n      );\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 =\n      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      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        $isOpen={isOpen || hasSelection}\n        // variant={isOpen || hasSelection ? \"normalText\" : \"placeholderText\"}\n        variant={\"normalText\"}\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n      >\n        {selectionLabel.selected}\n      </StyledTypography>\n    ) : (\n      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n        variant=\"normalText\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels?.multiSelectionConjunction} ${selectionLabel.total}`}\n      </StyledTypography>\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) ||\n      (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledHvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      className={clsx(dropdownClasses.root, className, classes?.root)}\n      $selectionDisabled={disabled}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(\n            dropdownClasses.labelContainer,\n            classes?.labelContainer\n          )}\n        >\n          {hasLabel && (\n            <StyledLabel\n              id={setId(elementId, \"label\")}\n              label={label}\n              className={clsx(classes?.label, dropdownClasses.label)}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={clsx(\n                classes?.description,\n                dropdownClasses.description\n              )}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n      <StyledDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: clsx(classes?.dropdown, dropdownClasses.dropdown),\n          arrow: clsx(classes?.arrow, dropdownClasses.arrow),\n          header: clsx(\n            dropdownClasses.dropdownHeader,\n            classes?.dropdownHeader,\n            isStateInvalid\n              ? clsx(\n                  dropdownClasses.dropdownHeaderInvalid,\n                  classes?.dropdownHeaderInvalid\n                )\n              : undefined\n          ),\n          headerOpen: clsx(\n            dropdownClasses.dropdownHeaderOpen,\n            classes?.dropdownHeaderOpen\n          ),\n        }}\n        $dropdownHeaderInvalid={isStateInvalid}\n        $readOnly={readOnly}\n        expanded={isOpen}\n        disabled={disabled}\n        readOnly={readOnly}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <HvDropdownList\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: clsx(dropdownListClasses.rootList, classes?.rootList),\n            dropdownListContainer: clsx(\n              dropdownListClasses.dropdownListContainer,\n              classes?.dropdownListContainer\n            ),\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          maxHeight={maxHeight}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </StyledDropdown>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(dropdownClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledHvFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","maxHeight","virtualized","baseDropdownProps","listProps","others","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","useState","getSelectionLabel","internalValues","setInternalValues","useEffect","process","env","NODE_ENV","console","error","dropdownHeaderRef","useRef","handleToggle","_e","open","hasSelection","getSelected","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","StyledTypography","component","$selectionDisabled","$isOpen","variant","clsx","dropdownClasses","selectionDisabled","children","_jsxs","_jsx","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","StyledHvFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","HvInfoMessage","StyledDropdown","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","$dropdownHeaderInvalid","$readOnly","onContainerCreation","role","join","trim","HvDropdownList","rootList","dropdownListClasses","dropdownListContainer","HvWarningText","disableBorder"],"mappings":"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"}
+{"version":3,"file":"Dropdown.cjs","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { PopperProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { useLabels, useUniqueId, useControlled } from \"hooks\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport dropdownClasses, { HvDropdownClasses } from \"./dropdownClasses\";\nimport { HvDropdownList, HvDropdownListProps } from \"./List\";\nimport {\n  StyledDropdown,\n  StyledHvFormElement,\n  StyledLabel,\n  StyledLabelContainer,\n  StyledTypography,\n} from \"./Dropdown.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  HvBaseDropdownProps,\n  HvInfoMessage,\n  HvListValue,\n  HvWarningText,\n} from \"components\";\n\nexport type HvDropdownLabelsProps = {\n  /**\n   * Label for overwrite the default header behavior.\n   */\n  select?: string;\n  /**\n   * Label used for the All checkbox action.\n   */\n  selectAll?: string;\n  /**\n   * Cancel button label.\n   */\n  cancelLabel?: string;\n  /**\n   * Apply button label.\n   */\n  applyLabel?: string;\n  /**\n   * The label used in the middle of the multiSelection count.\n   */\n  multiSelectionConjunction?: string;\n  /**\n   * The label used in search.\n   */\n  searchPlaceholder?: string;\n};\n\nexport type HvDropdownStatus = \"standBy\" | \"valid\" | \"invalid\";\n\nexport type HvDropdownProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvDropdownClasses;\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id?: string;\n  /**\n   * The form element name.\n   */\n  name?: string;\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?: any;\n  /**\n   * @ignore\n   */\n  \"aria-label\"?: string;\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: any;\n  /**\n   * @ignore\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder?: string;\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required?: boolean;\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?: HvDropdownStatus;\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?: any;\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\"?: string;\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (selected: HvListValue | HvListValue[] | undefined) => void;\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values?: HvListValue[];\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect?: boolean;\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender?: boolean;\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels?: HvDropdownLabelsProps;\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\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?: boolean;\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle?: boolean;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\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?: (event: Event) => void;\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?: (event: Event, open: boolean) => void;\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?: (event: Event) => void;\n  /**\n   * @ignore\n   */\n  onFocus?: React.FocusEventHandler<any>;\n  /**\n   * @ignore\n   */\n  onBlur?: React.FocusEventHandler<any>;\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?: number;\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  maxHeight?: 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?: boolean;\n  /**\n   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps?: HvBaseDropdownProps;\n  /**\n   * Extra props passed to the list.\n   */\n  listProps?: HvDropdownListProps;\n};\n\nconst DEFAULT_LABELS: HvDropdownLabelsProps = {\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 */\nexport const HvDropdown = (props: HvDropdownProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n    readOnly = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    maxHeight,\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(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(labels, placeholder, multiSelect, values)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(\n      getSelectionLabel(labels, placeholder, multiSelect, values)\n    );\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(\n      \"Dropdown/List in virtualized mode requires a height. Please define it.\"\n    );\n  }\n\n  const dropdownHeaderRef = useRef<HTMLDivElement>();\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 = (\n    listValues,\n    commitChanges,\n    toggle,\n    notifyChanges = true\n  ) => {\n    const selected = getSelected(listValues);\n\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(\n        getSelectionLabel(labels, placeholder, multiSelect, listValues)\n      );\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 =\n      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      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        $isOpen={isOpen || hasSelection}\n        variant=\"body\"\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n      >\n        {selectionLabel.selected}\n      </StyledTypography>\n    ) : (\n      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n        variant=\"body\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels?.multiSelectionConjunction} ${selectionLabel.total}`}\n      </StyledTypography>\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) ||\n      (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledHvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      className={clsx(dropdownClasses.root, className, classes?.root)}\n      $selectionDisabled={disabled}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(\n            dropdownClasses.labelContainer,\n            classes?.labelContainer\n          )}\n        >\n          {hasLabel && (\n            <StyledLabel\n              id={setId(elementId, \"label\")}\n              label={label}\n              className={clsx(classes?.label, dropdownClasses.label)}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={clsx(\n                classes?.description,\n                dropdownClasses.description\n              )}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n      <StyledDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: clsx(classes?.dropdown, dropdownClasses.dropdown),\n          arrow: clsx(classes?.arrow, dropdownClasses.arrow),\n          header: clsx(\n            dropdownClasses.dropdownHeader,\n            classes?.dropdownHeader,\n            isStateInvalid &&\n              clsx(\n                dropdownClasses.dropdownHeaderInvalid,\n                classes?.dropdownHeaderInvalid\n              )\n          ),\n          headerOpen: clsx(\n            dropdownClasses.dropdownHeaderOpen,\n            classes?.dropdownHeaderOpen\n          ),\n        }}\n        $dropdownHeaderInvalid={isStateInvalid}\n        $readOnly={readOnly}\n        expanded={isOpen}\n        disabled={disabled}\n        readOnly={readOnly}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <HvDropdownList\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: clsx(dropdownClasses.rootList, classes?.rootList),\n            dropdownListContainer: clsx(\n              dropdownClasses.dropdownListContainer,\n              classes?.dropdownListContainer\n            ),\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          maxHeight={maxHeight}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </StyledDropdown>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(dropdownClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledHvFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","maxHeight","virtualized","baseDropdownProps","listProps","others","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","useState","getSelectionLabel","internalValues","setInternalValues","useEffect","process","env","NODE_ENV","console","error","dropdownHeaderRef","useRef","handleToggle","_e","open","hasSelection","getSelected","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","StyledTypography","component","$selectionDisabled","$isOpen","variant","clsx","dropdownClasses","selectionDisabled","children","_jsxs","_jsx","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","StyledHvFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","HvInfoMessage","StyledDropdown","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","$dropdownHeaderInvalid","$readOnly","onContainerCreation","role","join","trim","HvDropdownList","rootList","dropdownListContainer","HvWarningText","disableBorder"],"mappings":";;;;;;;;;;;;;;;;;;AAmPA,MAAMA,iBAAwC;AAAA,EAC5CC,QAAQC;AAAAA,EACRC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,YAAY;AAAA,EACZC,mBAAmB;AAAA,EACnBC,2BAA2B;AAC7B;AAKaC,MAAAA,aAAaA,CAACC,UAA2B;AAC9C,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IAEAC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACA,cAAcC;AAAAA,IACd,mBAAmBC;AAAAA,IACnBC;AAAAA,IACA,oBAAoBC;AAAAA,IAEpBC,cAAc;AAAA,IAEdC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACA,qBAAqBC;AAAAA,IAErBC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC,cAAc;AAAA,IACdC,aAAa;AAAA,IACbC;AAAAA,IACAC,kBAAkB;AAAA,IAClBC,6BAA6B;AAAA,IAC7BC,QAAQC;AAAAA,IACRC,cAAc;AAAA,IACdC,gBAAgB;AAAA,IAChBC,wBAAwB;AAAA,IACxBC;AAAAA,IACAC,gBAAgB;AAAA,IAChBC,cAAc,CAAC;AAAA,IACfC;AAAAA,IACAC;AAAAA,IACAC,cAAc;AAAA,IACdC,oBAAoB,CAAC;AAAA,IACrBC,YAAY,CAAC;AAAA,OACVC;AAAAA,EACD1C,IAAAA;AAEE6B,QAAAA,SAASc,UAAAA,UAAUpD,gBAAgBuC,UAAU;AAE7Cc,QAAAA,YAAYC,YAAAA,QAAY1C,IAAI,YAAY;AAE9C,QAAM,CAAC2C,iBAAiBC,kBAAkB,IAAIC,cAAAA,cAC5CjC,QACA,SAAS;AAGX,QAAM,CAACkC,iBAAiB,IAAID,cAAAA,cAAchC,eAAe,UAAU;AAE7D,QAAA,CAACkC,QAAQC,SAAS,IAAIH,cAAAA,cAActB,UAAU0B,QAAQzB,eAAe,CAAC;AACtE,QAAA,CAAC0B,gBAAgBC,iBAAiB,IAAIC,eAC1CC,MAAAA,kBAAkB3B,QAAQhB,aAAaW,aAAaD,MAAM,CAAC;AAE7D,QAAM,CAACkC,gBAAgBC,iBAAiB,IAAIH,eAAShC,MAAM;AAE3DoC,QAAAA,UAAU,MAAM;AACdD,sBAAkBnC,MAAM;AAAA,EAAA,GACvB,CAACA,MAAM,CAAC;AAEXoC,QAAAA,UAAU,MAAM;AACdL,sBACEE,MAAkB3B,kBAAAA,QAAQhB,aAAaW,aAAaD,MAAM,CAAC;AAAA,KAE5D,CAACM,QAAQL,aAAaX,aAAaU,MAAM,CAAC;AAE7C,MAAIgB,eAAe,CAACF,UAAUuB,QAAQC,IAAIC,aAAa,cAAc;AAEnEC,YAAQC,MACN,wEAAwE;AAAA,EAE5E;AAEA,QAAMC,oBAAoBC,MAAAA;AAEpBC,QAAAA,eAAeA,CAACC,IAAIC,SAAS;AACjClD,yCAAWiD,IAAIC;AAEflB,cAAUkB,IAAI;AAEd,QAAI,CAACA,MAAM;AAGTtB,yBAAmB,MAAM;AAEvB,YAAI1C,UAAU;AACZ,gBAAMiE,eAAeC,MAAAA,YAAYd,cAAc,EAAEe,SAAS;AAE1D,cAAI,CAACF,cAAc;AACV,mBAAA;AAAA,UACT;AAAA,QACF;AAEO,eAAA;AAAA,MAAA,CACR;AAAA,IACH;AAAA,EAAA;AAWF,QAAMG,kBAAkBA,CACtBC,YACAC,eACAC,QACAC,gBAAgB,SACb;;AACGC,UAAAA,WAAWP,kBAAYG,UAAU;AAEvC,QAAIC,eAAe;AACjBjB,wBAAkBgB,UAAU;AAC5BpB,wBACEE,MAAkB3B,kBAAAA,QAAQhB,aAAaW,aAAakD,UAAU,CAAC;AAGjE3B,yBAAmB,MAAM;AAEnB1C,YAAAA,YAAYyE,SAASN,WAAW,GAAG;AAC9B,iBAAA;AAAA,QACT;AAEO,eAAA;AAAA,MAAA,CACR;AAAA,IACH;AACIK,QAAAA;AAA0BrD,2CAAAA,cAAcsD,WAAWA,SAAS;AAChE,QAAIF,QAAQ;AACVT,mBAAa1E,QAAW,KAAK;AAI7BwE,8BAAkBc,YAAlBd,mBAA2Be,MAAM;AAAA,QAAEC,eAAe;AAAA,MAAA;AAAA,IACpD;AAAA,EAAA;AAMF,QAAMC,eAAgBC,CAAQ,QAAA;;AAC5BjE,yCAAWiE;AAEXhB,iBAAagB,KAAK,KAAK;AAIvBlB,4BAAkBc,YAAlBd,mBAA2Be,MAAM;AAAA,MAAEC,eAAe;AAAA,IAAA;AAAA,EAAM;AAG1D,QAAMG,qBAAsBD,CAAQ,QAAA;AAClC/D,qDAAiB+D;AACjBjE,yCAAWiE;AAAAA,EAAG;AAGhB,QAAME,oBAAqBC,CAAiB,iBAAA;AACpCC,UAAAA,SAASD,6CAAcE,qBAAqB;AAC9CD,SAAAA,iCAAQf,UAAS,GAAG;AACtBe,aAAO,GAAGP;AACV;AAAA,IACF;AACMS,UAAAA,YACJH,gBAAgB,OAAO,CAAC,GAAGA,aAAaE,qBAAqB,IAAI,CAAC,IAAI;AACxEC,cAAUC,MAAOC,CAAa,aAAA;AACxBA,UAAAA,SAASC,YAAY,GAAG;AAC1BD,iBAASX,MAAO;AACT,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,QAAMa,mBAAmBA,MAAM;;AAC7B,UAAMvB,eAAeC,MAAAA,YAAYd,cAAc,EAAEe,SAAS;AAC1D,YAAO3C,iCAAQrC,WAAU,CAACgC,6CACvBsE,gBAAAA,kBAAgB;AAAA,MACfC,WAAU;AAAA,MACVC,oBAAoB1F;AAAAA,MACpB2F,SAAS/C,UAAUoB;AAAAA,MACnB4B,SAAQ;AAAA,MACRhG,WAAWiG,cAAAA,SACTC,qBAAAA,YAAAA,mBAAiBvF,aACjBZ,mCAASY,aACTP,YACE6F,cAAAA,SAAKC,qBAAAA,YAAAA,mBAAiBC,mBAAmBpG,mCAASoG,iBAAiB,CAAC;AAAA,MACtEC,UAEDjD,eAAeyB;AAAAA,IAAAA,CACC,IAEnByB,2BAAAA,KAACT,kCAAgB;AAAA,MACfC,WAAU;AAAA,MACVC,oBAAoB1F;AAAAA,MACpBJ,WAAWiG,cAAAA,SACTC,qBAAAA,YAAAA,mBAAiBvF,aACjBZ,mCAASY,aACTP,YACE6F,cAAAA,SAAKC,qBAAAA,YAAAA,mBAAiBC,mBAAmBpG,mCAASoG,iBAAiB,CAAC;AAAA,MAExEH,SAAQ;AAAA,MAAMI,WAEdE,2BAAAA,IAAA,KAAA;AAAA,QAAAF,UAAIjD,eAAeyB;AAAAA,MAAAA,CAAa,GAC9B,IAAGjD,iCAAQ/B,6BAA6BuD,eAAeoD,OAAO;AAAA,IAAA,CAEnE;AAAA,EAAA;AAGH,QAAMC,WAAWlG,SAAS;AAC1B,QAAMmG,iBAAiBhG,eAAe;AAMhCiG,QAAAA,eACJ3F,oBAAoB,SAClBF,WAAWtB,UAAauB,kBAAkBvB,UACzCsB,WAAWtB,UAAaY;AAEvBwG,QAAAA,iBAAiBC,2BAAUhE,eAAe;AAE5CiE,MAAAA;AACJ,MAAIF,gBAAgB;AAClBE,qBAAiBH,eACbI,MAAAA,MAAMpE,WAAW,OAAO,IACxB3B;AAAAA,EACN;AAEA,yCACGgG,gBAAAA,qBAAmB;AAAA,IAClB9G;AAAAA,IACAC;AAAAA,IACAW,QAAQ+B;AAAAA,IACRxC;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IACAH,WAAWiG,cAAKC,QAAAA,gBAAAA,QAAgBc,MAAMhH,WAAWD,mCAASiH,IAAI;AAAA,IAC9DlB,oBAAoB1F;AAAAA,IAAS,GACzBoC;AAAAA,IAAM4D,UAAA,EAERI,YAAYC,mDACXQ,gBAAAA,sBAAoB;AAAA,MACnBjH,WAAWiG,cAAAA,QACTC,gBAAAA,QAAgBgB,gBAChBnH,mCAASmH,cAAc;AAAA,MACvBd,UAEDI,CAAAA,YACCF,2BAAAA,IAACa,6BAAW;AAAA,QACVlH,IAAI6G,MAAAA,MAAMpE,WAAW,OAAO;AAAA,QAC5BpC;AAAAA,QACAN,WAAWiG,cAAAA,QAAKlG,mCAASO,OAAO4F,gBAAAA,QAAgB5F,KAAK;AAAA,MAAA,CAAE,GAI1DmG,kBACCH,2BAAAA,IAACc,2BAAa;AAAA,QACZnH,IAAI6G,MAAAA,MAAMpE,WAAW,aAAa;AAAA,QAClC1C,WAAWiG,cAAAA,QACTlG,mCAASU,aACTyF,gBAAAA,QAAgBzF,WAAW;AAAA,QAC3B2F,UAED3F;AAAAA,MAAAA,CAEJ,CAAA;AAAA,IAAA,CAEJ,GACD6F,2BAAAA,IAACe,gCAAc;AAAA,MACbpH,IAAI6G,MAAAA,MAAM7G,IAAI,UAAU;AAAA,MACxBF,SAAS;AAAA,QACPiH,MAAMf,cAAAA,QAAKlG,mCAASuH,UAAUpB,gBAAAA,QAAgBoB,QAAQ;AAAA,QACtDC,OAAOtB,cAAAA,QAAKlG,mCAASwH,OAAOrB,gBAAAA,QAAgBqB,KAAK;AAAA,QACjDC,QAAQvB,cAAAA,QACNC,gBAAAA,QAAgBuB,gBAChB1H,mCAAS0H,gBACTd,kBACEV,cAAAA,QACEC,gBAAAA,QAAgBwB,uBAChB3H,mCAAS2H,qBAAqB,CAC/B;AAAA,QAELC,YAAY1B,cAAAA,QACVC,gBAAAA,QAAgB0B,oBAChB7H,mCAAS6H,kBAAkB;AAAA,MAE/B;AAAA,MACAC,wBAAwBlB;AAAAA,MACxBmB,WAAWzH;AAAAA,MACXmB,UAAUwB;AAAAA,MACV5C;AAAAA,MACAC;AAAAA,MACAyB;AAAAA,MACAE;AAAAA,MACAE;AAAAA,MACAvB,aAAagF,iBAAmB;AAAA,MAChC1E,UAAUgD;AAAAA,MACV/C,gBAAgBgE;AAAAA,MAChB6C,qBAAqB5C;AAAAA,MACrB6C,MAAK;AAAA,MACL/F;AAAAA,MACA,cAAY1B;AAAAA,MACZ,mBACE,CAACD,SAASwG,YAAMpE,WAAW,OAAO,GAAGlC,cAAc,EAChDyH,KAAK,GAAG,EACRC,UAAU3I;AAAAA,MAEf,gBAAcoH,iBAAiB,OAAOpH;AAAAA,MACtC,qBAAmBsH;AAAAA,MACnB,oBACE,CAACpG,eAAeqG,YAAMpE,WAAW,aAAa,GAAGhC,eAAe,EAC7DuH,KAAK,GAAG,EACRC,UAAU3I;AAAAA,MAEf4B;AAAAA,MACAC;AAAAA,MACA2C;AAAAA,MAAqC,GACjCzB;AAAAA,MAAiB8D,yCAEpB+B,qBAAc;AAAA,QACblI,IAAI6G,MAAAA,MAAMpE,WAAW,QAAQ;AAAA,QAC7B3C,SAAS;AAAA,UACPqI,UAAUnC,cAAAA,QAAKC,gBAAAA,QAAgBkC,UAAUrI,mCAASqI,QAAQ;AAAA,UAC1DC,uBAAuBpC,cAAAA,QACrBC,gBAAAA,QAAgBmC,uBAChBtI,mCAASsI,qBAAqB;AAAA,QAElC;AAAA,QACAhH,QAAQkC;AAAAA,QACRjC;AAAAA,QACAC;AAAAA,QACAX,UAAU2D;AAAAA,QACVvD,UAAUgE;AAAAA,QACVrD;AAAAA,QACAD;AAAAA,QACAG;AAAAA,QACAE;AAAAA,QACA,mBAAiByE,WAAWM,MAAMpE,MAAAA,WAAW,OAAO,IAAInD;AAAAA,QACxD4C;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QAAyB,GACrBE;AAAAA,MAAAA,CAAS;AAAA,IAAA,CACb,GAEHmE,gBACCJ,2BAAAA,IAACgC,2BAAa;AAAA,MACZrI,IAAI6G,MAAAA,MAAMpE,WAAW,OAAO;AAAA,MAC5B6F,eAAa;AAAA,MACbvI,WAAWiG,cAAAA,QAAKC,gBAAAA,QAAgBpC,OAAO/D,mCAAS+D,KAAK;AAAA,MAAEsC,UAEtDrD;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACmB;AAE1B;;"}

package/dist/cjs/components/Dropdown/List/List.cjs

@@ -5,7 +5,7 @@ const clsx = require("clsx");
 const isNil = require("lodash/isNil");
 const List_styles = require("./List.styles.cjs");
 const utils = require("../utils.cjs");
-const dropdownListClasses = require("./dropdownListClasses.cjs");
+const listClasses = require("./listClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const BaseDropdownContext = require("../../BaseDropdown/BaseDropdownContext/BaseDropdownContext.cjs");
 const ActionBar = require("../../ActionBar/ActionBar.cjs");
@@ -102,7 +102,7 @@ const HvDropdownList = ({
     return str;
   };
   const renderSearch = () => /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledSearchContainer, {
-    className: clsx__default.default(dropdownListClasses.default.searchContainer, classes == null ? void 0 : classes.searchContainer),
+    className: clsx__default.default(listClasses.default.searchContainer, classes == null ? void 0 : classes.searchContainer),
     children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
       id: setId.setId(id, "search"),
       type: "search",
@@ -136,15 +136,15 @@ const HvDropdownList = ({
       })
     });
     return /* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: clsx__default.default(dropdownListClasses.default.searchContainer, classes == null ? void 0 : classes.selectAllContainer),
+      className: clsx__default.default(listClasses.default.selectAllContainer, classes == null ? void 0 : classes.selectAllContainer),
       children: /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, {
         id: setId.setId(id, "select-all"),
         label: defaultLabel,
         onChange: () => handleSelectAll(),
         classes: {
-          container: clsx__default.default(dropdownListClasses.default.selection, classes == null ? void 0 : classes.selection)
+          container: clsx__default.default(listClasses.default.selection, classes == null ? void 0 : classes.selection)
         },
-        className: clsx__default.default(dropdownListClasses.default.selectAll, classes == null ? void 0 : classes.selectAll),
+        className: clsx__default.default(listClasses.default.selectAll, classes == null ? void 0 : classes.selectAll),
         indeterminate: anySelected && !allSelected,
         checked: allSelected
       })
@@ -178,15 +178,15 @@ const HvDropdownList = ({
   };
   const showList = valuesExist(values);
   return /* @__PURE__ */ jsxRuntime.jsxs(List_styles.StyledRootList, {
-    className: clsx__default.default(dropdownListClasses.default.rootList, classes == null ? void 0 : classes.rootList),
+    className: clsx__default.default(listClasses.default.rootList, classes == null ? void 0 : classes.rootList),
     children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: clsx__default.default(dropdownListClasses.default.listBorderDown, classes == null ? void 0 : classes.listBorderDown)
+      className: clsx__default.default(listClasses.default.listBorderDown, classes == null ? void 0 : classes.listBorderDown)
     }), /* @__PURE__ */ jsxRuntime.jsxs(List_styles.StyledListContainer, {
-      className: clsx__default.default(dropdownListClasses.default.listContainer, classes == null ? void 0 : classes.listContainer),
+      className: clsx__default.default(listClasses.default.listContainer, classes == null ? void 0 : classes.listContainer),
       children: [showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledList, {
         id: setId.setId(id, "list"),
         classes: {
-          root: clsx__default.default(dropdownListClasses.default.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
+          root: clsx__default.default(listClasses.default.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
         },
         $dropdownHeight: dropdownHeight,
         $maxHeight: maxHeight,

package/dist/cjs/components/Dropdown/List/List.cjs.map

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

package/dist/cjs/components/Dropdown/List/List.styles.cjs

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../../utils/transientOptions.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const List = require("../../List/List.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -31,7 +32,7 @@ const StyledRootList = /* @__PURE__ */ _styled__default.default("div", process.e
   border: uikitStyles.theme.dropdown.listBorder,
   borderTop: "none",
   borderRadius: uikitStyles.theme.dropdown.listBorderRadius
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTThCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdExpc3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ubGlzdEJhY2tncm91bmRDb2xvcixcbiAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyLFxuICBib3JkZXJUb3A6IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3Bkb3duLmxpc3RCb3JkZXJSYWRpdXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwYWRkaW5nOiB0aGVtZS5kcm9wZG93bi5saXN0Q29udGFpbmVyUGFkZGluZyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VhcmNoQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5kcm9wZG93bi5zZWFyY2hDb250YWluZXJNYXJnaW4sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3QgPSBzdHlsZWQoXG4gIEh2TGlzdCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWlnaHQsXG4gICAgJHZpcnR1YWxpemVkLFxuICAgICRoZWlnaHQsXG4gICAgJHdpZHRoLFxuICAgICRtYXhIZWlnaHQsXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWlnaHQ/OiBudW1iZXI7XG4gICAgJHZpcnR1YWxpemVkPzogYm9vbGVhbjtcbiAgICAkaGVpZ2h0PzogbnVtYmVyO1xuICAgICR3aWR0aD86IG51bWJlcjtcbiAgICAkbWF4SGVpZ2h0PzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIG1heFdpZHRoOiAkd2lkdGgsXG4gICAgbWF4SGVpZ2h0OlxuICAgICAgJG1heEhlaWdodCA/P1xuICAgICAgYGNhbGMoJHskaGVpZ2h0fXB4IC0gMzJweCAtICR7dGhlbWUuc3BhY2UueHN9IC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgcGFkZGluZzogNSxcblxuICAgIC4uLigkZHJvcGRvd25IZWlnaHQgJiYgeyBoZWlnaHQ6ICRkcm9wZG93bkhlaWdodCB9KSxcblxuICAgIC4uLigkdmlydHVhbGl6ZWQgJiYge1xuICAgICAgbWF4V2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgbWF4SGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgIG92ZXJmbG93OiBcImluaGVyaXRcIixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3RMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLmxpc3RCYWNrZ3JvdW5kQ29sb3IsXG4gIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlcixcbiAgYm9yZGVyVG9wOiBcIm5vbmVcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyUmFkaXVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcGFkZGluZzogdGhlbWUuZHJvcGRvd24ubGlzdENvbnRhaW5lclBhZGRpbmcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlYXJjaENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuZHJvcGRvd24uc2VhcmNoQ29udGFpbmVyTWFyZ2luLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdkxpc3Qgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWlnaHQsXG4gICAgJHZpcnR1YWxpemVkLFxuICAgICRoZWlnaHQsXG4gICAgJHdpZHRoLFxuICAgICRtYXhIZWlnaHQsXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWlnaHQ/OiBudW1iZXI7XG4gICAgJHZpcnR1YWxpemVkPzogYm9vbGVhbjtcbiAgICAkaGVpZ2h0PzogbnVtYmVyO1xuICAgICR3aWR0aD86IG51bWJlcjtcbiAgICAkbWF4SGVpZ2h0PzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIG1heFdpZHRoOiAkd2lkdGgsXG4gICAgbWF4SGVpZ2h0OlxuICAgICAgJG1heEhlaWdodCA/P1xuICAgICAgYGNhbGMoJHskaGVpZ2h0fXB4IC0gMzJweCAtICR7dGhlbWUuc3BhY2UueHN9IC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgcGFkZGluZzogNSxcblxuICAgIC4uLigkZHJvcGRvd25IZWlnaHQgJiYgeyBoZWlnaHQ6ICRkcm9wZG93bkhlaWdodCB9KSxcblxuICAgIC4uLigkdmlydHVhbGl6ZWQgJiYge1xuICAgICAgbWF4V2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgbWF4SGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgIG92ZXJmbG93OiBcImluaGVyaXRcIixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
 const StyledListContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e3xsfwu2"
 } : {
@@ -39,7 +40,7 @@ const StyledListContainer = /* @__PURE__ */ _styled__default.default("div", proc
   label: "StyledListContainer"
 })({
   padding: uikitStyles.theme.dropdown.listContainerPadding
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdExpc3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ubGlzdEJhY2tncm91bmRDb2xvcixcbiAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyLFxuICBib3JkZXJUb3A6IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3Bkb3duLmxpc3RCb3JkZXJSYWRpdXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwYWRkaW5nOiB0aGVtZS5kcm9wZG93bi5saXN0Q29udGFpbmVyUGFkZGluZyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VhcmNoQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5kcm9wZG93bi5zZWFyY2hDb250YWluZXJNYXJnaW4sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3QgPSBzdHlsZWQoXG4gIEh2TGlzdCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWlnaHQsXG4gICAgJHZpcnR1YWxpemVkLFxuICAgICRoZWlnaHQsXG4gICAgJHdpZHRoLFxuICAgICRtYXhIZWlnaHQsXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWlnaHQ/OiBudW1iZXI7XG4gICAgJHZpcnR1YWxpemVkPzogYm9vbGVhbjtcbiAgICAkaGVpZ2h0PzogbnVtYmVyO1xuICAgICR3aWR0aD86IG51bWJlcjtcbiAgICAkbWF4SGVpZ2h0PzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIG1heFdpZHRoOiAkd2lkdGgsXG4gICAgbWF4SGVpZ2h0OlxuICAgICAgJG1heEhlaWdodCA/P1xuICAgICAgYGNhbGMoJHskaGVpZ2h0fXB4IC0gMzJweCAtICR7dGhlbWUuc3BhY2UueHN9IC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgcGFkZGluZzogNSxcblxuICAgIC4uLigkZHJvcGRvd25IZWlnaHQgJiYgeyBoZWlnaHQ6ICRkcm9wZG93bkhlaWdodCB9KSxcblxuICAgIC4uLigkdmlydHVhbGl6ZWQgJiYge1xuICAgICAgbWF4V2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgbWF4SGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgIG92ZXJmbG93OiBcImluaGVyaXRcIixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3RMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLmxpc3RCYWNrZ3JvdW5kQ29sb3IsXG4gIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlcixcbiAgYm9yZGVyVG9wOiBcIm5vbmVcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyUmFkaXVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcGFkZGluZzogdGhlbWUuZHJvcGRvd24ubGlzdENvbnRhaW5lclBhZGRpbmcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlYXJjaENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuZHJvcGRvd24uc2VhcmNoQ29udGFpbmVyTWFyZ2luLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdkxpc3Qgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWlnaHQsXG4gICAgJHZpcnR1YWxpemVkLFxuICAgICRoZWlnaHQsXG4gICAgJHdpZHRoLFxuICAgICRtYXhIZWlnaHQsXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWlnaHQ/OiBudW1iZXI7XG4gICAgJHZpcnR1YWxpemVkPzogYm9vbGVhbjtcbiAgICAkaGVpZ2h0PzogbnVtYmVyO1xuICAgICR3aWR0aD86IG51bWJlcjtcbiAgICAkbWF4SGVpZ2h0PzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIG1heFdpZHRoOiAkd2lkdGgsXG4gICAgbWF4SGVpZ2h0OlxuICAgICAgJG1heEhlaWdodCA/P1xuICAgICAgYGNhbGMoJHskaGVpZ2h0fXB4IC0gMzJweCAtICR7dGhlbWUuc3BhY2UueHN9IC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgcGFkZGluZzogNSxcblxuICAgIC4uLigkZHJvcGRvd25IZWlnaHQgJiYgeyBoZWlnaHQ6ICRkcm9wZG93bkhlaWdodCB9KSxcblxuICAgIC4uLigkdmlydHVhbGl6ZWQgJiYge1xuICAgICAgbWF4V2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgbWF4SGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgIG92ZXJmbG93OiBcImluaGVyaXRcIixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
 const StyledSearchContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e3xsfwu1"
 } : {
@@ -47,8 +48,10 @@ const StyledSearchContainer = /* @__PURE__ */ _styled__default.default("div", pr
   label: "StyledSearchContainer"
 })({
   marginBottom: uikitStyles.theme.dropdown.searchContainerMargin
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpc3QgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3RMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLmxpc3RCYWNrZ3JvdW5kQ29sb3IsXG4gIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlcixcbiAgYm9yZGVyVG9wOiBcIm5vbmVcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyUmFkaXVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcGFkZGluZzogdGhlbWUuZHJvcGRvd24ubGlzdENvbnRhaW5lclBhZGRpbmcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlYXJjaENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuZHJvcGRvd24uc2VhcmNoQ29udGFpbmVyTWFyZ2luLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFxuICBIdkxpc3QsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVpZ2h0LFxuICAgICR2aXJ0dWFsaXplZCxcbiAgICAkaGVpZ2h0LFxuICAgICR3aWR0aCxcbiAgICAkbWF4SGVpZ2h0LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVpZ2h0PzogbnVtYmVyO1xuICAgICR2aXJ0dWFsaXplZD86IGJvb2xlYW47XG4gICAgJGhlaWdodD86IG51bWJlcjtcbiAgICAkd2lkdGg/OiBudW1iZXI7XG4gICAgJG1heEhlaWdodD86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBtYXhXaWR0aDogJHdpZHRoLFxuICAgIG1heEhlaWdodDpcbiAgICAgICRtYXhIZWlnaHQgPz9cbiAgICAgIGBjYWxjKCR7JGhlaWdodH1weCAtIDMycHggLSAke3RoZW1lLnNwYWNlLnhzfSAtICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBhZGRpbmc6IDUsXG5cbiAgICAuLi4oJGRyb3Bkb3duSGVpZ2h0ICYmIHsgaGVpZ2h0OiAkZHJvcGRvd25IZWlnaHQgfSksXG5cbiAgICAuLi4oJHZpcnR1YWxpemVkICYmIHtcbiAgICAgIG1heFdpZHRoOiBcImluaGVyaXRcIixcbiAgICAgIG1heEhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgICBvdmVyZmxvdzogXCJpbmhlcml0XCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
-const StyledList = /* @__PURE__ */ _styled__default.default(List.HvList, process.env.NODE_ENV === "production" ? _extends({}, {
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpc3QgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290TGlzdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kcm9wZG93bi5saXN0QmFja2dyb3VuZENvbG9yLFxuICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmxpc3RCb3JkZXIsXG4gIGJvcmRlclRvcDogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlclJhZGl1cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBhZGRpbmc6IHRoZW1lLmRyb3Bkb3duLmxpc3RDb250YWluZXJQYWRkaW5nLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWFyY2hDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLmRyb3Bkb3duLnNlYXJjaENvbnRhaW5lck1hcmdpbixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZMaXN0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVpZ2h0LFxuICAgICR2aXJ0dWFsaXplZCxcbiAgICAkaGVpZ2h0LFxuICAgICR3aWR0aCxcbiAgICAkbWF4SGVpZ2h0LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVpZ2h0PzogbnVtYmVyO1xuICAgICR2aXJ0dWFsaXplZD86IGJvb2xlYW47XG4gICAgJGhlaWdodD86IG51bWJlcjtcbiAgICAkd2lkdGg/OiBudW1iZXI7XG4gICAgJG1heEhlaWdodD86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBtYXhXaWR0aDogJHdpZHRoLFxuICAgIG1heEhlaWdodDpcbiAgICAgICRtYXhIZWlnaHQgPz9cbiAgICAgIGBjYWxjKCR7JGhlaWdodH1weCAtIDMycHggLSAke3RoZW1lLnNwYWNlLnhzfSAtICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBhZGRpbmc6IDUsXG5cbiAgICAuLi4oJGRyb3Bkb3duSGVpZ2h0ICYmIHsgaGVpZ2h0OiAkZHJvcGRvd25IZWlnaHQgfSksXG5cbiAgICAuLi4oJHZpcnR1YWxpemVkICYmIHtcbiAgICAgIG1heFdpZHRoOiBcImluaGVyaXRcIixcbiAgICAgIG1heEhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgICBvdmVyZmxvdzogXCJpbmhlcml0XCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+const StyledList = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(List.HvList, {
+  ...props
+}), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e3xsfwu0"
 }, transientOptions.transientOptions) : _extends({}, {
   target: "e3xsfwu0",
@@ -73,7 +76,7 @@ const StyledList = /* @__PURE__ */ _styled__default.default(List.HvList, process
     overflow: "inherit",
     padding: 0
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0IwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpc3QgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3RMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLmxpc3RCYWNrZ3JvdW5kQ29sb3IsXG4gIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlcixcbiAgYm9yZGVyVG9wOiBcIm5vbmVcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyUmFkaXVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcGFkZGluZzogdGhlbWUuZHJvcGRvd24ubGlzdENvbnRhaW5lclBhZGRpbmcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlYXJjaENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuZHJvcGRvd24uc2VhcmNoQ29udGFpbmVyTWFyZ2luLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFxuICBIdkxpc3QsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVpZ2h0LFxuICAgICR2aXJ0dWFsaXplZCxcbiAgICAkaGVpZ2h0LFxuICAgICR3aWR0aCxcbiAgICAkbWF4SGVpZ2h0LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVpZ2h0PzogbnVtYmVyO1xuICAgICR2aXJ0dWFsaXplZD86IGJvb2xlYW47XG4gICAgJGhlaWdodD86IG51bWJlcjtcbiAgICAkd2lkdGg/OiBudW1iZXI7XG4gICAgJG1heEhlaWdodD86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBtYXhXaWR0aDogJHdpZHRoLFxuICAgIG1heEhlaWdodDpcbiAgICAgICRtYXhIZWlnaHQgPz9cbiAgICAgIGBjYWxjKCR7JGhlaWdodH1weCAtIDMycHggLSAke3RoZW1lLnNwYWNlLnhzfSAtICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBhZGRpbmc6IDUsXG5cbiAgICAuLi4oJGRyb3Bkb3duSGVpZ2h0ICYmIHsgaGVpZ2h0OiAkZHJvcGRvd25IZWlnaHQgfSksXG5cbiAgICAuLi4oJHZpcnR1YWxpemVkICYmIHtcbiAgICAgIG1heFdpZHRoOiBcImluaGVyaXRcIixcbiAgICAgIG1heEhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgICBvdmVyZmxvdzogXCJpbmhlcml0XCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUIwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpc3QgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290TGlzdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kcm9wZG93bi5saXN0QmFja2dyb3VuZENvbG9yLFxuICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmxpc3RCb3JkZXIsXG4gIGJvcmRlclRvcDogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlclJhZGl1cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBhZGRpbmc6IHRoZW1lLmRyb3Bkb3duLmxpc3RDb250YWluZXJQYWRkaW5nLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWFyY2hDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLmRyb3Bkb3duLnNlYXJjaENvbnRhaW5lck1hcmdpbixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZMaXN0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVpZ2h0LFxuICAgICR2aXJ0dWFsaXplZCxcbiAgICAkaGVpZ2h0LFxuICAgICR3aWR0aCxcbiAgICAkbWF4SGVpZ2h0LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVpZ2h0PzogbnVtYmVyO1xuICAgICR2aXJ0dWFsaXplZD86IGJvb2xlYW47XG4gICAgJGhlaWdodD86IG51bWJlcjtcbiAgICAkd2lkdGg/OiBudW1iZXI7XG4gICAgJG1heEhlaWdodD86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBtYXhXaWR0aDogJHdpZHRoLFxuICAgIG1heEhlaWdodDpcbiAgICAgICRtYXhIZWlnaHQgPz9cbiAgICAgIGBjYWxjKCR7JGhlaWdodH1weCAtIDMycHggLSAke3RoZW1lLnNwYWNlLnhzfSAtICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBhZGRpbmc6IDUsXG5cbiAgICAuLi4oJGRyb3Bkb3duSGVpZ2h0ICYmIHsgaGVpZ2h0OiAkZHJvcGRvd25IZWlnaHQgfSksXG5cbiAgICAuLi4oJHZpcnR1YWxpemVkICYmIHtcbiAgICAgIG1heFdpZHRoOiBcImluaGVyaXRcIixcbiAgICAgIG1heEhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgICBvdmVyZmxvdzogXCJpbmhlcml0XCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
 exports.StyledList = StyledList;
 exports.StyledListContainer = StyledListContainer;
 exports.StyledRootList = StyledRootList;

package/dist/cjs/components/Dropdown/List/List.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.styles.cjs","sources":["../../../../../src/components/Dropdown/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvList } from \"components\";\n\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRootList = styled(\"div\")({\n  width: \"100%\",\n  backgroundColor: theme.dropdown.listBackgroundColor,\n  border: theme.dropdown.listBorder,\n  borderTop: \"none\",\n  borderRadius: theme.dropdown.listBorderRadius,\n});\n\nexport const StyledListContainer = styled(\"div\")({\n  padding: theme.dropdown.listContainerPadding,\n});\n\nexport const StyledSearchContainer = styled(\"div\")({\n  marginBottom: theme.dropdown.searchContainerMargin,\n});\n\nexport const StyledList = styled(\n  HvList,\n  transientOptions\n)(\n  ({\n    $dropdownHeight,\n    $virtualized,\n    $height,\n    $width,\n    $maxHeight,\n  }: {\n    $dropdownHeight?: number;\n    $virtualized?: boolean;\n    $height?: number;\n    $width?: number;\n    $maxHeight?: number;\n  }) => ({\n    maxWidth: $width,\n    maxHeight:\n      $maxHeight ??\n      `calc(${$height}px - 32px - ${theme.space.xs} - ${theme.space.sm})`,\n    overflow: \"auto\",\n    padding: 5,\n\n    ...($dropdownHeight && { height: $dropdownHeight }),\n\n    ...($virtualized && {\n      maxWidth: \"inherit\",\n      maxHeight: \"inherit\",\n      overflow: \"inherit\",\n      padding: 0,\n    }),\n  })\n);\n"],"names":["StyledRootList","_styled","process","env","NODE_ENV","target","label","width","backgroundColor","theme","dropdown","listBackgroundColor","border","listBorder","borderTop","borderRadius","listBorderRadius","StyledListContainer","padding","listContainerPadding","StyledSearchContainer","marginBottom","searchContainerMargin","StyledList","HvList","_extends","transientOptions","$dropdownHeight","$virtualized","$height","$width","$maxHeight","maxWidth","maxHeight","space","xs","sm","overflow","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,iBAAwBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CC,OAAO;AAAA,EACPC,iBAAiBC,YAAAA,MAAMC,SAASC;AAAAA,EAChCC,QAAQH,YAAAA,MAAMC,SAASG;AAAAA,EACvBC,WAAW;AAAA,EACXC,cAAcN,YAAAA,MAAMC,SAASM;AAC/B,GAACd,QAAAC,IAAAC,aAAC,eAAA,KAAA,6wEAAA;AAEK,MAAMa,sBAA6BhB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CY,SAAST,YAAAA,MAAMC,SAASS;AAC1B,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6wEAAA;AAEK,MAAMgB,wBAA+BnB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjDe,cAAcZ,YAAAA,MAAMC,SAASY;AAC/B,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ixEAAA;AAEWmB,MAAAA,sDACXC,KAAAA,QAAMtB,QAAAC,IAAAC,4BAAAqB,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,GACNqB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBoB,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAOF,OAAO;AAAA,EACLC,UAAUF;AAAAA,EACVG,WACEF,kCACC,QAAOF,sBAAsBpB,kBAAMyB,MAAMC,QAAQ1B,YAAAA,MAAMyB,MAAME;AAAAA,EAChEC,UAAU;AAAA,EACVnB,SAAS;AAAA,EAET,GAAIS,mBAAmB;AAAA,IAAEW,QAAQX;AAAAA,EAAgB;AAAA,EAEjD,GAAIC,gBAAgB;AAAA,IAClBI,UAAU;AAAA,IACVC,WAAW;AAAA,IACXI,UAAU;AAAA,IACVnB,SAAS;AAAA,EACX;AACF,IAAEhB,QAAAC,IAAAC,aACH,eAAA,KAAA,ixEAAA;;;;;"}
+{"version":3,"file":"List.styles.cjs","sources":["../../../../../src/components/Dropdown/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvList } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRootList = styled(\"div\")({\n  width: \"100%\",\n  backgroundColor: theme.dropdown.listBackgroundColor,\n  border: theme.dropdown.listBorder,\n  borderTop: \"none\",\n  borderRadius: theme.dropdown.listBorderRadius,\n});\n\nexport const StyledListContainer = styled(\"div\")({\n  padding: theme.dropdown.listContainerPadding,\n});\n\nexport const StyledSearchContainer = styled(\"div\")({\n  marginBottom: theme.dropdown.searchContainerMargin,\n});\n\nexport const StyledList = styled(\n  (props) => <HvList {...props} />,\n  transientOptions\n)(\n  ({\n    $dropdownHeight,\n    $virtualized,\n    $height,\n    $width,\n    $maxHeight,\n  }: {\n    $dropdownHeight?: number;\n    $virtualized?: boolean;\n    $height?: number;\n    $width?: number;\n    $maxHeight?: number;\n  }) => ({\n    maxWidth: $width,\n    maxHeight:\n      $maxHeight ??\n      `calc(${$height}px - 32px - ${theme.space.xs} - ${theme.space.sm})`,\n    overflow: \"auto\",\n    padding: 5,\n\n    ...($dropdownHeight && { height: $dropdownHeight }),\n\n    ...($virtualized && {\n      maxWidth: \"inherit\",\n      maxHeight: \"inherit\",\n      overflow: \"inherit\",\n      padding: 0,\n    }),\n  })\n);\n"],"names":["StyledRootList","_styled","process","env","NODE_ENV","target","label","width","backgroundColor","theme","dropdown","listBackgroundColor","border","listBorder","borderTop","borderRadius","listBorderRadius","StyledListContainer","padding","listContainerPadding","StyledSearchContainer","marginBottom","searchContainerMargin","StyledList","props","_jsx","HvList","_extends","transientOptions","$dropdownHeight","$virtualized","$height","$width","$maxHeight","maxWidth","maxHeight","space","xs","sm","overflow","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,iBAAwBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CC,OAAO;AAAA,EACPC,iBAAiBC,YAAAA,MAAMC,SAASC;AAAAA,EAChCC,QAAQH,YAAAA,MAAMC,SAASG;AAAAA,EACvBC,WAAW;AAAA,EACXC,cAAcN,YAAAA,MAAMC,SAASM;AAC/B,GAACd,QAAAC,IAAAC,aAAC,eAAA,KAAA,6yEAAA;AAEK,MAAMa,sBAA6BhB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CY,SAAST,YAAAA,MAAMC,SAASS;AAC1B,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6yEAAA;AAEK,MAAMgB,wBAA+BnB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjDe,cAAcZ,YAAAA,MAAMC,SAASY;AAC/B,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,izEAAA;AAEK,MAAMmB,aAAatB,iCAAAA,QACvBuB,CAAUC,UAAAA,2BAAAA,IAACC,KAAAA,QAAM;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAItB,QAAAC,IAAAC,4BAAAuB,SAAA,IAAA;AAAA,EAAAtB,QAAA;AAAA,GAChCuB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAtB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBsB,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAOF,OAAO;AAAA,EACLC,UAAUF;AAAAA,EACVG,WACEF,kCACC,QAAOF,sBAAsBtB,kBAAM2B,MAAMC,QAAQ5B,YAAAA,MAAM2B,MAAME;AAAAA,EAChEC,UAAU;AAAA,EACVrB,SAAS;AAAA,EAET,GAAIW,mBAAmB;AAAA,IAAEW,QAAQX;AAAAA,EAAgB;AAAA,EAEjD,GAAIC,gBAAgB;AAAA,IAClBI,UAAU;AAAA,IACVC,WAAW;AAAA,IACXI,UAAU;AAAA,IACVrB,SAAS;AAAA,EACX;AACF,IAAEhB,QAAAC,IAAAC,aACH,eAAA,KAAA,izEAAA;;;;;"}

package/dist/cjs/components/Dropdown/List/{dropdownListClasses.cjs → listClasses.cjs}

@@ -5,4 +5,4 @@ const classKeys = ["rootList", "dropdownListContainer", "searchContainer", "list
 const dropdownListClasses = classes.getClasses(classKeys, "HvDropdownList");
 const dropdownListClasses$1 = dropdownListClasses;
 exports.default = dropdownListClasses$1;
-//# sourceMappingURL=dropdownListClasses.cjs.map
+//# sourceMappingURL=listClasses.cjs.map

package/dist/cjs/components/Dropdown/List/listClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"listClasses.cjs","sources":["../../../../../src/components/Dropdown/List/listClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDropdownListClasses = {\n  rootList?: string;\n  dropdownListContainer?: string;\n  searchContainer?: string;\n  listBorderDown?: string;\n  listContainer?: string;\n  selectAllContainer?: string;\n  selection?: string;\n  selectAll?: string;\n};\n\nconst classKeys: string[] = [\n  \"rootList\",\n  \"dropdownListContainer\",\n  \"searchContainer\",\n  \"listBorderDown\",\n  \"listContainer\",\n  \"selectAllContainer\",\n  \"selection\",\n  \"selectAll\",\n];\n\nconst dropdownListClasses = getClasses<HvDropdownListClasses>(\n  classKeys,\n  \"HvDropdownList\"\n);\n\nexport default dropdownListClasses;\n"],"names":["classKeys","dropdownListClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsB,CAC1B,YACA,yBACA,mBACA,kBACA,iBACA,sBACA,aACA,WAAW;AAGb,MAAMC,sBAAsBC,QAC1BF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,wBAAeC;;"}

package/dist/cjs/components/Dropdown/dropdownClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-const classKeys = ["root", "labelContainer", "label", "description", "error", "placeholder", "selectionDisabled", "dropdown", "arrow", "dropdownHeader", "dropdownHeaderInvalid", "dropdownHeaderOpen", "rootList", "dropdownListContainer", "searchContainer", "listBorderDown", "listContainer", "selectAllContainer", "selection", "selectAll"];
+const classKeys = ["root", "labelContainer", "label", "description", "error", "placeholder", "selectionDisabled", "dropdown", "arrow", "dropdownHeader", "dropdownHeaderInvalid", "dropdownHeaderOpen", "rootList", "dropdownListContainer"];
 const dropdownClasses = classes.getClasses(classKeys, "HvDropdown");
 const dropdownClasses$1 = dropdownClasses;
 exports.default = dropdownClasses$1;

package/dist/cjs/components/Dropdown/dropdownClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownClasses.cjs","sources":["../../../../src/components/Dropdown/dropdownClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\nimport { HvDropdownListClasses } from \"./List/dropdownListClasses\";\n\nexport type HvDropdownClasses = {\n  root?: string;\n  labelContainer?: string;\n  label?: string;\n  description?: string;\n  error?: string;\n  placeholder?: string;\n  selectionDisabled?: string;\n  dropdown?: string;\n  arrow?: string;\n  dropdownHeader?: string;\n  dropdownHeaderInvalid?: string;\n  dropdownHeaderOpen?: string;\n} & HvDropdownListClasses;\n\nconst classKeys: string[] = [\n  \"root\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"error\",\n  \"placeholder\",\n  \"selectionDisabled\",\n  \"dropdown\",\n  \"arrow\",\n  \"dropdownHeader\",\n  \"dropdownHeaderInvalid\",\n  \"dropdownHeaderOpen\",\n  \"rootList\",\n  \"dropdownListContainer\",\n  \"searchContainer\",\n  \"listBorderDown\",\n  \"listContainer\",\n  \"selectAllContainer\",\n  \"selection\",\n  \"selectAll\",\n];\n\nconst dropdownClasses = getClasses<HvDropdownClasses>(classKeys, \"HvDropdown\");\n\nexport default dropdownClasses;\n"],"names":["classKeys","dropdownClasses","getClasses"],"mappings":";;;AAkBA,MAAMA,YAAsB,CAC1B,QACA,kBACA,SACA,eACA,SACA,eACA,qBACA,YACA,SACA,kBACA,yBACA,sBACA,YACA,yBACA,mBACA,kBACA,iBACA,sBACA,aACA,WAAW;AAGb,MAAMC,kBAAkBC,QAA8BF,WAAAA,WAAW,YAAY;AAE7E,MAAA,oBAAeC;;"}
+{"version":3,"file":"dropdownClasses.cjs","sources":["../../../../src/components/Dropdown/dropdownClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDropdownClasses = {\n  root?: string;\n  labelContainer?: string;\n  label?: string;\n  description?: string;\n  error?: string;\n  placeholder?: string;\n  selectionDisabled?: string;\n  dropdown?: string;\n  arrow?: string;\n  dropdownHeader?: string;\n  dropdownHeaderInvalid?: string;\n  dropdownHeaderOpen?: string;\n  dropdownListContainer?: string;\n  rootList?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"error\",\n  \"placeholder\",\n  \"selectionDisabled\",\n  \"dropdown\",\n  \"arrow\",\n  \"dropdownHeader\",\n  \"dropdownHeaderInvalid\",\n  \"dropdownHeaderOpen\",\n  \"rootList\",\n  \"dropdownListContainer\",\n];\n\nconst dropdownClasses = getClasses<HvDropdownClasses>(classKeys, \"HvDropdown\");\n\nexport default dropdownClasses;\n"],"names":["classKeys","dropdownClasses","getClasses"],"mappings":";;;AAmBA,MAAMA,YAAsB,CAC1B,QACA,kBACA,SACA,eACA,SACA,eACA,qBACA,YACA,SACA,kBACA,yBACA,sBACA,YACA,uBAAuB;AAGzB,MAAMC,kBAAkBC,QAA8BF,WAAAA,WAAW,YAAY;AAE7E,MAAA,oBAAeC;;"}

package/dist/cjs/components/EmptyState/EmptyState.cjs

@@ -10,8 +10,8 @@ const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvEmptyState = (props) => {
   const muiTheme = styles.useTheme();
   const renderNode = (node, className2, type, variant) => node && /* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledTypography, {
-    breakpoints: muiTheme.breakpoints,
-    type,
+    $breakpoints: muiTheme.breakpoints,
+    $type: type,
     variant,
     className: className2,
     children: node
@@ -29,13 +29,13 @@ const HvEmptyState = (props) => {
     className: clsx__default.default(className, emptyStateClasses.default.root, classes == null ? void 0 : classes.root),
     ...others,
     children: /* @__PURE__ */ jsxRuntime.jsxs(EmptyState_styles.StyledContainer, {
-      breakpoints: muiTheme.breakpoints,
-      messageOnly: !!(message && !(title || action)),
+      $breakpoints: muiTheme.breakpoints,
+      $messageOnly: !!(message && !(title || action)),
       children: [/* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledIconContainer, {
         className: clsx__default.default(emptyStateClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
         children: icon
       }), /* @__PURE__ */ jsxRuntime.jsxs(EmptyState_styles.StyledTextContainer, {
-        breakpoints: muiTheme.breakpoints,
+        $breakpoints: muiTheme.breakpoints,
         className: clsx__default.default(emptyStateClasses.default.textContainer, classes == null ? void 0 : classes.textContainer),
         children: [renderNode(title, clsx__default.default(emptyStateClasses.default.titleContainer, classes == null ? void 0 : classes.titleContainer), "title", "title4"), renderNode(message, clsx__default.default(emptyStateClasses.default.messageContainer, classes == null ? void 0 : classes.messageContainer), "message", "body"), renderNode(action, clsx__default.default(emptyStateClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer), "action", "body")]
       })]

package/dist/cjs/components/EmptyState/EmptyState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport emptyStateClasses, { HvEmptyStateClasses } from \"./emptyStateClasses\";\nimport {\n  StyledContainer,\n  StyledIconContainer,\n  StyledRoot,\n  StyledTextContainer,\n  StyledTypography,\n} from \"./EmptyState.styles\";\n\nexport type HvEmptyStateProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Icon to be presented. */\n  icon: React.ReactNode;\n  /** The title to be shown. */\n  title?: string | React.ReactNode;\n  /** The message to be shown. */\n  message?: string | React.ReactNode;\n  /** The action message to be shown. */\n  action?: string | React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvEmptyStateClasses;\n};\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n  const muiTheme = useTheme();\n\n  const renderNode = (node, className, type, variant) =>\n    node && (\n      <StyledTypography\n        breakpoints={muiTheme.breakpoints}\n        type={type}\n        variant={variant}\n        className={className}\n      >\n        {node}\n      </StyledTypography>\n    );\n\n  const { action, icon, title, message, classes, className, ...others } = props;\n\n  return (\n    <StyledRoot\n      className={clsx(className, emptyStateClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledContainer\n        breakpoints={muiTheme.breakpoints}\n        messageOnly={!!(message && !(title || action))}\n      >\n        <StyledIconContainer\n          className={clsx(\n            emptyStateClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </StyledIconContainer>\n        <StyledTextContainer\n          breakpoints={muiTheme.breakpoints}\n          className={clsx(\n            emptyStateClasses.textContainer,\n            classes?.textContainer\n          )}\n        >\n          {renderNode(\n            title,\n            clsx(emptyStateClasses.titleContainer, classes?.titleContainer),\n            \"title\",\n            \"title4\"\n          )}\n          {renderNode(\n            message,\n            clsx(emptyStateClasses.messageContainer, classes?.messageContainer),\n            \"message\",\n            \"body\"\n          )}\n          {renderNode(\n            action,\n            clsx(emptyStateClasses.actionContainer, classes?.actionContainer),\n            \"action\",\n            \"body\"\n          )}\n        </StyledTextContainer>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvEmptyState","props","muiTheme","useTheme","renderNode","node","className","type","variant","StyledTypography","breakpoints","children","action","icon","title","message","classes","others","StyledRoot","clsx","emptyStateClasses","root","StyledContainer","messageOnly","_jsx","StyledIconContainer","iconContainer","_jsxs","StyledTextContainer","textContainer","titleContainer","messageContainer","actionContainer"],"mappings":";;;;;;;;;AA6BaA,MAAAA,eAAeA,CAACC,UAA6B;AACxD,QAAMC,WAAWC,OAAAA;AAEXC,QAAAA,aAAaA,CAACC,MAAMC,YAAWC,MAAMC,YACzCH,uCACGI,oCAAgB;AAAA,IACfC,aAAaR,SAASQ;AAAAA,IACtBH;AAAAA,IACAC;AAAAA,IACAF,WAAWA;AAAAA,IAAUK,UAEpBN;AAAAA,EAAAA,CAEJ;AAEG,QAAA;AAAA,IAAEO;AAAAA,IAAQC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAASV;AAAAA,OAAcW;AAAAA,EAAWhB,IAAAA;AAExE,wCACGiB,kBAAAA,YAAU;AAAA,IACTZ,WAAWa,cAAKb,QAAAA,WAAWc,kBAAkBC,QAAAA,MAAML,mCAASK,IAAI;AAAA,IAAE,GAC9DJ;AAAAA,IAAMN,0CAETW,mCAAe;AAAA,MACdZ,aAAaR,SAASQ;AAAAA,MACtBa,aAAa,CAAC,EAAER,WAAW,EAAED,SAASF;AAAAA,MAASD,UAAA,CAE/Ca,2BAAAA,IAACC,uCAAmB;AAAA,QAClBnB,WAAWa,cAAAA,QACTC,kBAAAA,QAAkBM,eAClBV,mCAASU,aAAa;AAAA,QACtBf,UAEDE;AAAAA,MAAAA,CACmB,GACtBc,2BAAAA,KAACC,uCAAmB;AAAA,QAClBlB,aAAaR,SAASQ;AAAAA,QACtBJ,WAAWa,cAAAA,QACTC,kBAAAA,QAAkBS,eAClBb,mCAASa,aAAa;AAAA,QACtBlB,UAAA,CAEDP,WACCU,OACAK,cAAAA,QAAKC,kBAAAA,QAAkBU,gBAAgBd,mCAASc,cAAc,GAC9D,SACA,QAAQ,GAET1B,WACCW,SACAI,cAAAA,QAAKC,kBAAAA,QAAkBW,kBAAkBf,mCAASe,gBAAgB,GAClE,WACA,MAAM,GAEP3B,WACCQ,QACAO,cAAKC,QAAAA,kBAAAA,QAAkBY,iBAAiBhB,mCAASgB,eAAe,GAChE,UACA,MAAM,CACP;AAAA,MAAA,CACmB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEb;AAEjB;;"}
+{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport emptyStateClasses, { HvEmptyStateClasses } from \"./emptyStateClasses\";\nimport {\n  StyledContainer,\n  StyledIconContainer,\n  StyledRoot,\n  StyledTextContainer,\n  StyledTypography,\n} from \"./EmptyState.styles\";\n\nexport type HvEmptyStateProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Icon to be presented. */\n  icon: React.ReactNode;\n  /** The title to be shown. */\n  title?: string | React.ReactNode;\n  /** The message to be shown. */\n  message?: string | React.ReactNode;\n  /** The action message to be shown. */\n  action?: string | React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvEmptyStateClasses;\n};\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n  const muiTheme = useTheme();\n\n  const renderNode = (node, className, type, variant) =>\n    node && (\n      <StyledTypography\n        $breakpoints={muiTheme.breakpoints}\n        $type={type}\n        variant={variant}\n        className={className}\n      >\n        {node}\n      </StyledTypography>\n    );\n\n  const { action, icon, title, message, classes, className, ...others } = props;\n\n  return (\n    <StyledRoot\n      className={clsx(className, emptyStateClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledContainer\n        $breakpoints={muiTheme.breakpoints}\n        $messageOnly={!!(message && !(title || action))}\n      >\n        <StyledIconContainer\n          className={clsx(\n            emptyStateClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </StyledIconContainer>\n        <StyledTextContainer\n          $breakpoints={muiTheme.breakpoints}\n          className={clsx(\n            emptyStateClasses.textContainer,\n            classes?.textContainer\n          )}\n        >\n          {renderNode(\n            title,\n            clsx(emptyStateClasses.titleContainer, classes?.titleContainer),\n            \"title\",\n            \"title4\"\n          )}\n          {renderNode(\n            message,\n            clsx(emptyStateClasses.messageContainer, classes?.messageContainer),\n            \"message\",\n            \"body\"\n          )}\n          {renderNode(\n            action,\n            clsx(emptyStateClasses.actionContainer, classes?.actionContainer),\n            \"action\",\n            \"body\"\n          )}\n        </StyledTextContainer>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvEmptyState","props","muiTheme","useTheme","renderNode","node","className","type","variant","StyledTypography","$breakpoints","breakpoints","$type","children","action","icon","title","message","classes","others","StyledRoot","clsx","emptyStateClasses","root","StyledContainer","$messageOnly","_jsx","StyledIconContainer","iconContainer","_jsxs","StyledTextContainer","textContainer","titleContainer","messageContainer","actionContainer"],"mappings":";;;;;;;;;AA6BaA,MAAAA,eAAeA,CAACC,UAA6B;AACxD,QAAMC,WAAWC,OAAAA;AAEXC,QAAAA,aAAaA,CAACC,MAAMC,YAAWC,MAAMC,YACzCH,uCACGI,oCAAgB;AAAA,IACfC,cAAcR,SAASS;AAAAA,IACvBC,OAAOL;AAAAA,IACPC;AAAAA,IACAF,WAAWA;AAAAA,IAAUO,UAEpBR;AAAAA,EAAAA,CAEJ;AAEG,QAAA;AAAA,IAAES;AAAAA,IAAQC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAASZ;AAAAA,OAAca;AAAAA,EAAWlB,IAAAA;AAExE,wCACGmB,kBAAAA,YAAU;AAAA,IACTd,WAAWe,cAAKf,QAAAA,WAAWgB,kBAAkBC,QAAAA,MAAML,mCAASK,IAAI;AAAA,IAAE,GAC9DJ;AAAAA,IAAMN,0CAETW,mCAAe;AAAA,MACdd,cAAcR,SAASS;AAAAA,MACvBc,cAAc,CAAC,EAAER,WAAW,EAAED,SAASF;AAAAA,MAASD,UAAA,CAEhDa,2BAAAA,IAACC,uCAAmB;AAAA,QAClBrB,WAAWe,cAAAA,QACTC,kBAAAA,QAAkBM,eAClBV,mCAASU,aAAa;AAAA,QACtBf,UAEDE;AAAAA,MAAAA,CACmB,GACtBc,2BAAAA,KAACC,uCAAmB;AAAA,QAClBpB,cAAcR,SAASS;AAAAA,QACvBL,WAAWe,cAAAA,QACTC,kBAAAA,QAAkBS,eAClBb,mCAASa,aAAa;AAAA,QACtBlB,UAAA,CAEDT,WACCY,OACAK,cAAAA,QAAKC,kBAAAA,QAAkBU,gBAAgBd,mCAASc,cAAc,GAC9D,SACA,QAAQ,GAET5B,WACCa,SACAI,cAAAA,QAAKC,kBAAAA,QAAkBW,kBAAkBf,mCAASe,gBAAgB,GAClE,WACA,MAAM,GAEP7B,WACCU,QACAO,cAAKC,QAAAA,kBAAAA,QAAkBY,iBAAiBhB,mCAASgB,eAAe,GAChE,UACA,MAAM,CACP;AAAA,MAAA,CACmB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEb;AAEjB;;"}