@laerdal/life-react-components 5.0.6-dev.2 → 5.0.6

package/dist/Dropdown/BasicDropdown.d.ts

@@ -1,117 +1,117 @@
-import * as React from 'react';
-import { DropdownItem } from './DropdownContent';
-import { Size, Testable } from '../types';
-export interface BasicDropdownCommonProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'placeholder' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {
-    /**
-    * Required. An array of DropdownItem objects representing the items in the dropdown.
-    */
-    list: DropdownItem[];
-    /**
-    * Optional. The type of the items in the dropdown. Can be 'normal', 'checkbox', or 'radio'.
-    */
-    itemsType?: 'normal' | 'checkbox' | 'radio';
-    /**
-    * Optional. A function to be called when the action button in the dropdown is clicked.
-    */
-    action?: () => void;
-    /**
-    * Optional. The label for the action button in the dropdown.
-    */
-    actionLabel?: string;
-    /**
-    * Optional. The variant of the action button in the dropdown. Can be 'primary', 'secondary', 'tertiary', or undefined.
-    */
-    actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;
-    /**
-    * Optional. The icon for the action button in the dropdown.
-    */
-    actionIcon?: React.ReactNode;
-    /**
-    * Optional. A boolean indicating whether the action button in the dropdown is loading.
-    */
-    actionLoading?: boolean;
-    /**
-    * Optional. A boolean indicating whether the action button in the dropdown is disabled.
-    */
-    actionDisabled?: boolean;
-    /**
-    * Optional. A boolean indicating whether the top item in the dropdown should be pinned.
-    */
-    pinTopItem?: boolean;
-    /**
-    * Optional. A boolean indicating whether the dropdown content is scrollable.
-    */
-    scrollable?: boolean;
-    /**
-    * Optional. The maximum height of the dropdown.
-    */
-    maxHeight?: string;
-    placeholder?: string;
-    /**
-    * Optional. A boolean indicating whether sorting is disabled in the dropdown.
-    */
-    disableSorting?: boolean;
-    /**
-     * Optional. The message to be displayed when there are no results in the dropdown.
-     */
-    messageOnNoResults?: string;
-    /**
-    * Optional. A boolean indicating whether the dropdown is disabled.
-    */
-    disabled?: boolean;
-    /**
-     * Optional. A boolean indicating whether the dropdown is read-only.
-     */
-    readOnly?: boolean;
-    /**
-     * Optional. A boolean indicating whether the dropdown is a button.
-     */
-    isButton?: boolean;
-    /**
-     * Optional. The validation message to be displayed when the dropdown is active.
-     */
-    activeValidationMessage?: string;
-    /**
-     * Optional. The message to be displayed when the dropdown is autofilled.
-     */
-    autofilledMessage?: string;
-    /**
-     * Optional. The size of the dropdown. Can be 'Small' or 'Medium'.
-     */
-    size?: Size.Small | Size.Medium;
-    /**
-     * Optional. The margin of the dropdown. Can be any valid CSS margin value.
-     */
-    margin?: string;
-    /**
-     * Optional. The minimum width of the dropdown.
-     */
-    minWidth?: string;
-    /**
-     * Optional. The text overflow behavior of the dropdown. Can be 'ellipsis' or 'default'.
-     */
-    textOverflow?: 'ellipsis' | 'default';
-    /**
-   * Optional. The position of the tooltip when dropdown is closed. Can be 'top' or 'bottom'.
-   */
-    overflowTooltipPosition?: 'top' | 'bottom';
-}
-export type BasicDropdownMultiSelectProps = BasicDropdownCommonProps & {
-    /** Required. If this flag is set then user can select multiple items. */
-    multiSelect: true;
-    /** Required. Selected items. */
-    value?: string[];
-    /** Required. Callback handler to call when user selects one of the items. Provides all selected items after last change. */
-    onSelect: (value: string[]) => void;
-};
-export type BasucDropdownSingleSelectProps = BasicDropdownCommonProps & {
-    /** Required. If this flag is set then user can select multiple items. */
-    multiSelect?: false;
-    /** Required. Selected item. */
-    value?: string;
-    /** Required. Callback handler to call when user selects one of the items. Provides value of selected item. */
-    onSelect: (value: string) => void;
-};
-export type BasicDropdownProps = BasucDropdownSingleSelectProps | BasicDropdownMultiSelectProps;
-declare const BasicDropdown: React.ForwardRefExoticComponent<BasicDropdownProps & React.RefAttributes<unknown>>;
-export default BasicDropdown;
+import * as React from 'react';
+import { DropdownItem } from './DropdownContent';
+import { Size, Testable } from '../types';
+export interface BasicDropdownCommonProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'placeholder' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {
+    /**
+    * Required. An array of DropdownItem objects representing the items in the dropdown.
+    */
+    list: DropdownItem[];
+    /**
+    * Optional. The type of the items in the dropdown. Can be 'normal', 'checkbox', or 'radio'.
+    */
+    itemsType?: 'normal' | 'checkbox' | 'radio';
+    /**
+    * Optional. A function to be called when the action button in the dropdown is clicked.
+    */
+    action?: () => void;
+    /**
+    * Optional. The label for the action button in the dropdown.
+    */
+    actionLabel?: string;
+    /**
+    * Optional. The variant of the action button in the dropdown. Can be 'primary', 'secondary', 'tertiary', or undefined.
+    */
+    actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;
+    /**
+    * Optional. The icon for the action button in the dropdown.
+    */
+    actionIcon?: React.ReactNode;
+    /**
+    * Optional. A boolean indicating whether the action button in the dropdown is loading.
+    */
+    actionLoading?: boolean;
+    /**
+    * Optional. A boolean indicating whether the action button in the dropdown is disabled.
+    */
+    actionDisabled?: boolean;
+    /**
+    * Optional. A boolean indicating whether the top item in the dropdown should be pinned.
+    */
+    pinTopItem?: boolean;
+    /**
+    * Optional. A boolean indicating whether the dropdown content is scrollable.
+    */
+    scrollable?: boolean;
+    /**
+    * Optional. The maximum height of the dropdown.
+    */
+    maxHeight?: string;
+    placeholder?: string;
+    /**
+    * Optional. A boolean indicating whether sorting is disabled in the dropdown.
+    */
+    disableSorting?: boolean;
+    /**
+     * Optional. The message to be displayed when there are no results in the dropdown.
+     */
+    messageOnNoResults?: string;
+    /**
+    * Optional. A boolean indicating whether the dropdown is disabled.
+    */
+    disabled?: boolean;
+    /**
+     * Optional. A boolean indicating whether the dropdown is read-only.
+     */
+    readOnly?: boolean;
+    /**
+     * Optional. A boolean indicating whether the dropdown is a button.
+     */
+    isButton?: boolean;
+    /**
+     * Optional. The validation message to be displayed when the dropdown is active.
+     */
+    activeValidationMessage?: string;
+    /**
+     * Optional. The message to be displayed when the dropdown is autofilled.
+     */
+    autofilledMessage?: string;
+    /**
+     * Optional. The size of the dropdown. Can be 'Small' or 'Medium'.
+     */
+    size?: Size.Small | Size.Medium;
+    /**
+     * Optional. The margin of the dropdown. Can be any valid CSS margin value.
+     */
+    margin?: string;
+    /**
+     * Optional. The minimum width of the dropdown.
+     */
+    minWidth?: string;
+    /**
+     * Optional. The text overflow behavior of the dropdown. Can be 'ellipsis' or 'default'.
+     */
+    textOverflow?: 'ellipsis' | 'default';
+    /**
+   * Optional. The position of the tooltip when dropdown is closed. Can be 'top' or 'bottom'.
+   */
+    overflowTooltipPosition?: 'top' | 'bottom';
+}
+export type BasicDropdownMultiSelectProps = BasicDropdownCommonProps & {
+    /** Required. If this flag is set then user can select multiple items. */
+    multiSelect: true;
+    /** Required. Selected items. */
+    value?: string[];
+    /** Required. Callback handler to call when user selects one of the items. Provides all selected items after last change. */
+    onSelect: (value: string[]) => void;
+};
+export type BasucDropdownSingleSelectProps = BasicDropdownCommonProps & {
+    /** Required. If this flag is set then user can select multiple items. */
+    multiSelect?: false;
+    /** Required. Selected item. */
+    value?: string;
+    /** Required. Callback handler to call when user selects one of the items. Provides value of selected item. */
+    onSelect: (value: string) => void;
+};
+export type BasicDropdownProps = BasucDropdownSingleSelectProps | BasicDropdownMultiSelectProps;
+declare const BasicDropdown: React.ForwardRefExoticComponent<BasicDropdownProps & React.RefAttributes<unknown>>;
+export default BasicDropdown;

package/dist/Dropdown/BasicDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicDropdown.js","names":["React","COLORS","SystemIcons","LoadingIndicator","DropdownContainer","DropdownInputFieldStyles","DropdownInputField","DropdownContent","AutofilledMessage","ErrorMessage","TooltipOverflow","Size","defaultOnMouseDownHandler","useClickOutsideRef","useFocusVisibleRef","useFocusOutsideRef","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","BasicDropdown","forwardRef","props","ref","id","list","placeholder","messageOnNoResults","_props$itemsType","itemsType","action","actionLabel","actionVariant","actionIcon","actionLoading","actionDisabled","pinTopItem","_props$scrollable","scrollable","maxHeight","disabled","readOnly","isButton","activeValidationMessage","autofilledMessage","size","margin","minWidth","className","overflowTooltipPosition","onBlur","dataTestId","onSelect","_props$textOverflow","textOverflow","rest","_objectWithoutProperties","_excluded","theme","_React$useState","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","_React$useState3","_React$useState4","activeDescendant","setActiveDescendant","_React$useState5","_React$useState6","isLoading","setIsLoading","_React$useState7","_React$useState8","input","setInput","_React$useState9","_React$useState10","focused","setFocused","_React$useState11","_React$useState12","keyboardNavigated","setKeyboardNavigated","inputRef","useRef","styledFieldRef","dropdownRef","resetDropdown","containerRef","handleKeyDown","e","key","handleValueSelect","values","join","multiSelect","undefined","_styledFieldRef$curre","current","focus","focusVisible","useEffect","value","useImperativeHandle","customSetIsOpen","getDisplayItems","split","map","val","trim","listDisplayLabels","filter","item","includes","l","displayLabel","handleBlur","currentTarget","contains","relatedTarget","cls","concat","children","role","$isButton","$readOnly","$disabled","_objectSpread","onMouseDown","onClick","stopPropagation","_inputRef$current","blur","_inputRef$current2","tabIndex","$isPlaceholder","$showValidationMessage","onKeyDown","$minWidth","type","$ellipsis","position","withArrow","maxWidth","align","Small","color","getColor","ArrowDropUp","ArrowDropDown","onActiveDescendantChanged","customizationProps","onValueUpdate","items","ariaRolesType","outline","selectedValues","setSelectedValues","TechnicalWarning","Information","propTypes","_pt","array","isRequired","oneOf","func","string","node","bool","disableSorting"],"sources":["../../src/Dropdown/BasicDropdown.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {COLORS} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {LoadingIndicator} from '../LoadingIndicator';\r\nimport {DropdownContainer, DropdownInputFieldStyles, DropdownInputField} from './CommonStyling';\r\nimport DropdownContent, {DropdownItem} from './DropdownContent';\r\nimport {AutofilledMessage, ErrorMessage} from '../InputFields';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport {Size, Testable} from '../types';\r\nimport {defaultOnMouseDownHandler, useClickOutsideRef, useFocusVisibleRef} from '../common';\r\nimport {useFocusOutsideRef} from '../common';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface BasicDropdownCommonProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'placeholder' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'onKeyDown'>{\r\n  /**\r\n  * Required. An array of DropdownItem objects representing the items in the dropdown.\r\n  */\r\n  list: DropdownItem[];\r\n  /**\r\n  * Optional. The type of the items in the dropdown. Can be 'normal', 'checkbox', or 'radio'.\r\n  */\r\n  itemsType?: 'normal' | 'checkbox' | 'radio';\r\n  /**\r\n  * Optional. A function to be called when the action button in the dropdown is clicked.\r\n  */\r\n  action?: () => void;\r\n  /**\r\n  * Optional. The label for the action button in the dropdown.\r\n  */\r\n  actionLabel?: string;\r\n  /**\r\n  * Optional. The variant of the action button in the dropdown. Can be 'primary', 'secondary', 'tertiary', or undefined.\r\n  */\r\n  actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;\r\n  /**\r\n  * Optional. The icon for the action button in the dropdown.\r\n  */\r\n  actionIcon?: React.ReactNode;\r\n  /**\r\n  * Optional. A boolean indicating whether the action button in the dropdown is loading.\r\n  */\r\n  actionLoading?: boolean;\r\n  /**\r\n  * Optional. A boolean indicating whether the action button in the dropdown is disabled.\r\n  */\r\n  actionDisabled?: boolean;\r\n  /**\r\n  * Optional. A boolean indicating whether the top item in the dropdown should be pinned.\r\n  */\r\n  pinTopItem?: boolean;\r\n  /**\r\n  * Optional. A boolean indicating whether the dropdown content is scrollable.\r\n  */\r\n  scrollable?: boolean;\r\n  /**\r\n  * Optional. The maximum height of the dropdown.\r\n  */\r\n  maxHeight?: string;\r\n  /*\r\n  * Optional. Placeholder text to be shown when none of the items is selected is selected\r\n  */\r\n  placeholder?: string;\r\n  /**\r\n  * Optional. A boolean indicating whether sorting is disabled in the dropdown.\r\n  */\r\n  disableSorting?: boolean;\r\n  /**\r\n   * Optional. The message to be displayed when there are no results in the dropdown.\r\n   */\r\n  messageOnNoResults?: string;\r\n  /**\r\n  * Optional. A boolean indicating whether the dropdown is disabled.\r\n  */\r\n  disabled?: boolean;\r\n  /**\r\n   * Optional. A boolean indicating whether the dropdown is read-only.\r\n   */\r\n  readOnly?: boolean;\r\n  /**\r\n   * Optional. A boolean indicating whether the dropdown is a button.\r\n   */\r\n  isButton?: boolean;\r\n  /**\r\n   * Optional. The validation message to be displayed when the dropdown is active.\r\n   */\r\n  activeValidationMessage?: string;\r\n  /**\r\n   * Optional. The message to be displayed when the dropdown is autofilled.\r\n   */\r\n  autofilledMessage?: string;\r\n  /**\r\n   * Optional. The size of the dropdown. Can be 'Small' or 'Medium'.\r\n   */  \r\n  size?: Size.Small | Size.Medium;\r\n  /**\r\n   * Optional. The margin of the dropdown. Can be any valid CSS margin value.\r\n   */\r\n  margin?: string;\r\n  /**\r\n   * Optional. The minimum width of the dropdown.\r\n   */\r\n  minWidth?: string;\r\n  /**\r\n   * Optional. The text overflow behavior of the dropdown. Can be 'ellipsis' or 'default'.\r\n   */\r\n  textOverflow?: 'ellipsis' | 'default';\r\n    /**\r\n   * Optional. The position of the tooltip when dropdown is closed. Can be 'top' or 'bottom'.\r\n   */\r\n  overflowTooltipPosition?: 'top' | 'bottom';\r\n}\r\n\r\nexport type BasicDropdownMultiSelectProps = BasicDropdownCommonProps & {\r\n  /** Required. If this flag is set then user can select multiple items. */\r\n  multiSelect: true;\r\n  /** Required. Selected items. */\r\n  value?: string[];\r\n  /** Required. Callback handler to call when user selects one of the items. Provides all selected items after last change. */\r\n  onSelect: (value: string[]) => void;\r\n}\r\n\r\nexport type BasucDropdownSingleSelectProps = BasicDropdownCommonProps & {\r\n  /** Required. If this flag is set then user can select multiple items. */\r\n  multiSelect?: false;\r\n  /** Required. Selected item. */\r\n  value?: string;\r\n  /** Required. Callback handler to call when user selects one of the items. Provides value of selected item. */\r\n  onSelect: (value: string) => void;\r\n}\r\n\r\nexport type BasicDropdownProps = BasucDropdownSingleSelectProps | BasicDropdownMultiSelectProps;\r\n\r\nconst BasicDropdown = React.forwardRef((props: BasicDropdownProps, ref) => {\r\n  const {\r\n    id,\r\n    list,\r\n    placeholder,\r\n    messageOnNoResults,\r\n    itemsType = 'normal',\r\n    action,\r\n    actionLabel,\r\n    actionVariant,\r\n    actionIcon,\r\n    actionLoading,\r\n    actionDisabled,\r\n    pinTopItem,\r\n    scrollable = true,\r\n    maxHeight,\r\n    disabled,\r\n    readOnly,\r\n    isButton,\r\n    activeValidationMessage,\r\n    autofilledMessage,\r\n    size,\r\n    margin,\r\n    minWidth,\r\n    className,\r\n    overflowTooltipPosition,\r\n    onBlur,\r\n    dataTestId,\r\n    onSelect,\r\n    textOverflow = 'ellipsis',\r\n    ...rest\r\n  } = props;\r\n\r\n  const theme = useTheme();\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [isLoading, setIsLoading] = React.useState<boolean>(false);\r\n  const [input, setInput] = React.useState<string>('');\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  \r\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n\r\n  const inputRef = React.useRef<HTMLInputElement>(null);\r\n  const styledFieldRef = useFocusVisibleRef([inputRef]);\r\n  const dropdownRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  const resetDropdown = () => {\r\n    setIsOpen(false);\r\n    setFocused(null);\r\n  };\r\n\r\n  const containerRef = useFocusOutsideRef(resetDropdown, [dropdownRef]);\r\n\r\n  useClickOutsideRef(resetDropdown, [], containerRef);\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      setIsOpen(!isOpen);\r\n      setKeyboardNavigated(true);\r\n    }\r\n  };\r\n\r\n  const handleValueSelect = (values: string[]) => {\r\n    setInput(values.join(', '));\r\n\r\n    if (props.multiSelect === true) {\r\n      props.onSelect(values);\r\n    } else if (props.multiSelect === false || props.multiSelect === undefined) {\r\n      props.onSelect(values[0]);\r\n    }\r\n\r\n    //don't close dropdown on item select if have custom action or multiselect\r\n    if (actionLabel || props.multiSelect) return;\r\n\r\n    if (keyboardNavigated) {\r\n      styledFieldRef.current?.focus({focusVisible: true} as any);\r\n    }\r\n    setIsOpen(false);\r\n    setFocused(null);\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    if (props.value) {\r\n      if (props.multiSelect) {\r\n        setInput(props.value.join(', '));\r\n      } else if (props.multiSelect === false || props.multiSelect === undefined) {\r\n        setInput(props.value);\r\n      }\r\n    } else {\r\n      setInput('');\r\n    }\r\n  }, [props.value, props.multiSelect]);\r\n\r\n  React.useEffect(() => {\r\n    setIsLoading(false);\r\n  }, [input]);\r\n\r\n  React.useEffect(() => {\r\n    !isOpen && setKeyboardNavigated(false);\r\n  }, [isOpen]);\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n  const customSetIsOpen = (isOpen: boolean) => {\r\n    setIsOpen(isOpen);\r\n  };\r\n\r\n  const getDisplayItems = () => {\r\n    const values = input.split(',').map((val) => val.trim());\r\n    const listDisplayLabels = list.filter((item) => values.includes(item.value)).map((l) => l.displayLabel);\r\n    return listDisplayLabels.join(', ');\r\n  };\r\n\r\n  const handleBlur = (e: React.FocusEvent<HTMLDivElement>) => {\r\n    // @ts-ignore\r\n    if (!e.currentTarget.contains(e.relatedTarget)) {\r\n      onBlur && onBlur(e);\r\n    }\r\n  };\r\n\r\n  const cls = (isOpen ? 'expanded ' : '').concat(size ? size : '').concat(isButton ? ' button ' : '').concat(className ? ` ${className}` : '');\r\n  \r\n  return (\r\n    <>\r\n      <DropdownContainer ref={containerRef}\r\n                aria-expanded={isOpen ? true : false}\r\n                aria-activedescendant={activeDescendant}\r\n                aria-controls={`${id}_dropdowncontent`}\r\n                role=\"listbox\"\r\n                aria-multiselectable={props.multiSelect}\r\n                $isButton={isButton || false}\r\n                className={size ? size : ''}\r\n                $readOnly={readOnly}\r\n                $disabled={disabled}\r\n                margin={margin}\r\n                onBlur={handleBlur}\r\n                minWidth={minWidth}>\r\n        <DropdownInputFieldStyles\r\n          ref={styledFieldRef}\r\n          className={cls}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e) => {\r\n            if (!readOnly && !disabled) {\r\n              e.stopPropagation();\r\n              setIsOpen(!isOpen);\r\n              if (isOpen) {\r\n                inputRef.current?.blur();\r\n              } else {\r\n                inputRef.current?.focus();\r\n              }\r\n            }\r\n          }}\r\n          tabIndex={disabled || readOnly ? -1 : 0}\r\n          $disabled={disabled || false}\r\n          $readOnly={readOnly || false}\r\n          $isPlaceholder={!input}\r\n          $showValidationMessage={!!activeValidationMessage}\r\n          onKeyDown={handleKeyDown}\r\n          $minWidth={minWidth}\r\n          {...rest}>\r\n          <DropdownInputField\r\n            ref={inputRef}\r\n            type=\"search\"\r\n            $ellipsis={textOverflow == 'ellipsis'}\r\n            id={id}\r\n            data-testid={dataTestId}\r\n            readOnly\r\n            placeholder={placeholder}\r\n            value={getDisplayItems()}\r\n            className={size ? `${size} value` : 'value'}\r\n            tabIndex={-1}\r\n            disabled={disabled || false}\r\n          />\r\n          {!isOpen ? <TooltipOverflow position={overflowTooltipPosition} input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n            {getDisplayItems()}\r\n        </TooltipOverflow> : null}\r\n          {isLoading ? <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)}/> : null}\r\n          <div className={'icon dropdown-arrow'}>\r\n            {isOpen ? <SystemIcons.ArrowDropUp size=\"24px\" className={size ? size : ''}/> :\r\n              <SystemIcons.ArrowDropDown size=\"24px\" className={size ? size : ''}/>}\r\n          </div>\r\n        </DropdownInputFieldStyles>\r\n        {!readOnly && !disabled && (\r\n          <DropdownContent\r\n            ref={dropdownRef}\r\n            containerRef={containerRef}\r\n            onActiveDescendantChanged={(id) => setActiveDescendant(id)}\r\n            customizationProps={{\r\n              itemsType: itemsType,\r\n              action: action ?? (() => {\r\n              }),\r\n              actionLabel: actionLabel,\r\n              actionVariant: actionVariant,\r\n              actionDisabled: actionDisabled,\r\n              scrollable: scrollable,\r\n              onValueUpdate: handleValueSelect,\r\n              items: list,\r\n              multiSelect: props.multiSelect,\r\n              pinTopItem: pinTopItem,\r\n              maxHeight: maxHeight,\r\n              actionIcon: actionIcon,\r\n              actionLoading: actionLoading,\r\n            }}\r\n            ariaRolesType=\"input\"\r\n            focused={focused}\r\n            setFocused={setFocused}\r\n            size={size ?? Size.Small}\r\n            filter={''}\r\n            isOpen={isOpen}\r\n            setIsOpen={customSetIsOpen}\r\n            messageOnNoResults={messageOnNoResults ?? ''}\r\n            outline={keyboardNavigated}\r\n            isButton={isButton || false}\r\n            selectedValues={props.multiSelect ? props.value || [] : [props.value || '']}\r\n            setSelectedValues={handleValueSelect}\r\n            id={`${id}_dropdowncontent`}\r\n          />\r\n        )}\r\n      </DropdownContainer>\r\n      {activeValidationMessage && (\r\n        <ErrorMessage>\r\n          <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)}/>\r\n          <span>{activeValidationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n      {autofilledMessage && (\r\n        <AutofilledMessage>\r\n          <SystemIcons.Information color={COLORS.getColor('neutral_600', theme)}/>\r\n          <span>{autofilledMessage}</span>\r\n        </AutofilledMessage>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default BasicDropdown;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BasicDropdown.js","names":["React","COLORS","SystemIcons","LoadingIndicator","DropdownContainer","DropdownInputFieldStyles","DropdownInputField","DropdownContent","AutofilledMessage","ErrorMessage","TooltipOverflow","Size","defaultOnMouseDownHandler","useClickOutsideRef","useFocusVisibleRef","useFocusOutsideRef","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","BasicDropdown","forwardRef","props","ref","id","list","placeholder","messageOnNoResults","_props$itemsType","itemsType","action","actionLabel","actionVariant","actionIcon","actionLoading","actionDisabled","pinTopItem","_props$scrollable","scrollable","maxHeight","disabled","readOnly","isButton","activeValidationMessage","autofilledMessage","size","margin","minWidth","className","overflowTooltipPosition","onBlur","dataTestId","onSelect","_props$textOverflow","textOverflow","rest","_objectWithoutProperties","_excluded","theme","_React$useState","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","_React$useState3","_React$useState4","activeDescendant","setActiveDescendant","_React$useState5","_React$useState6","isLoading","setIsLoading","_React$useState7","_React$useState8","input","setInput","_React$useState9","_React$useState10","focused","setFocused","_React$useState11","_React$useState12","keyboardNavigated","setKeyboardNavigated","inputRef","useRef","styledFieldRef","dropdownRef","resetDropdown","containerRef","handleKeyDown","e","key","handleValueSelect","values","join","multiSelect","undefined","_styledFieldRef$curre","current","focus","focusVisible","useEffect","value","useImperativeHandle","customSetIsOpen","getDisplayItems","split","map","val","trim","listDisplayLabels","filter","item","includes","l","displayLabel","handleBlur","currentTarget","contains","relatedTarget","cls","concat","children","role","$isButton","$readOnly","$disabled","_objectSpread","onMouseDown","onClick","stopPropagation","_inputRef$current","blur","_inputRef$current2","tabIndex","$isPlaceholder","$showValidationMessage","onKeyDown","$minWidth","type","$ellipsis","position","withArrow","maxWidth","align","Small","color","getColor","ArrowDropUp","ArrowDropDown","onActiveDescendantChanged","customizationProps","onValueUpdate","items","ariaRolesType","outline","selectedValues","setSelectedValues","TechnicalWarning","Information","propTypes","_pt","array","isRequired","oneOf","func","string","node","bool","disableSorting"],"sources":["../../src/Dropdown/BasicDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport {COLORS} from '../styles';\nimport {SystemIcons} from '../icons';\nimport {LoadingIndicator} from '../LoadingIndicator';\nimport {DropdownContainer, DropdownInputFieldStyles, DropdownInputField} from './CommonStyling';\nimport DropdownContent, {DropdownItem} from './DropdownContent';\nimport {AutofilledMessage, ErrorMessage} from '../InputFields';\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\nimport {Size, Testable} from '../types';\nimport {defaultOnMouseDownHandler, useClickOutsideRef, useFocusVisibleRef} from '../common';\nimport {useFocusOutsideRef} from '../common';\nimport { useTheme } from 'styled-components';\n\nexport interface BasicDropdownCommonProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'placeholder' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'onKeyDown'>{\n  /**\n  * Required. An array of DropdownItem objects representing the items in the dropdown.\n  */\n  list: DropdownItem[];\n  /**\n  * Optional. The type of the items in the dropdown. Can be 'normal', 'checkbox', or 'radio'.\n  */\n  itemsType?: 'normal' | 'checkbox' | 'radio';\n  /**\n  * Optional. A function to be called when the action button in the dropdown is clicked.\n  */\n  action?: () => void;\n  /**\n  * Optional. The label for the action button in the dropdown.\n  */\n  actionLabel?: string;\n  /**\n  * Optional. The variant of the action button in the dropdown. Can be 'primary', 'secondary', 'tertiary', or undefined.\n  */\n  actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;\n  /**\n  * Optional. The icon for the action button in the dropdown.\n  */\n  actionIcon?: React.ReactNode;\n  /**\n  * Optional. A boolean indicating whether the action button in the dropdown is loading.\n  */\n  actionLoading?: boolean;\n  /**\n  * Optional. A boolean indicating whether the action button in the dropdown is disabled.\n  */\n  actionDisabled?: boolean;\n  /**\n  * Optional. A boolean indicating whether the top item in the dropdown should be pinned.\n  */\n  pinTopItem?: boolean;\n  /**\n  * Optional. A boolean indicating whether the dropdown content is scrollable.\n  */\n  scrollable?: boolean;\n  /**\n  * Optional. The maximum height of the dropdown.\n  */\n  maxHeight?: string;\n  /*\n  * Optional. Placeholder text to be shown when none of the items is selected is selected\n  */\n  placeholder?: string;\n  /**\n  * Optional. A boolean indicating whether sorting is disabled in the dropdown.\n  */\n  disableSorting?: boolean;\n  /**\n   * Optional. The message to be displayed when there are no results in the dropdown.\n   */\n  messageOnNoResults?: string;\n  /**\n  * Optional. A boolean indicating whether the dropdown is disabled.\n  */\n  disabled?: boolean;\n  /**\n   * Optional. A boolean indicating whether the dropdown is read-only.\n   */\n  readOnly?: boolean;\n  /**\n   * Optional. A boolean indicating whether the dropdown is a button.\n   */\n  isButton?: boolean;\n  /**\n   * Optional. The validation message to be displayed when the dropdown is active.\n   */\n  activeValidationMessage?: string;\n  /**\n   * Optional. The message to be displayed when the dropdown is autofilled.\n   */\n  autofilledMessage?: string;\n  /**\n   * Optional. The size of the dropdown. Can be 'Small' or 'Medium'.\n   */  \n  size?: Size.Small | Size.Medium;\n  /**\n   * Optional. The margin of the dropdown. Can be any valid CSS margin value.\n   */\n  margin?: string;\n  /**\n   * Optional. The minimum width of the dropdown.\n   */\n  minWidth?: string;\n  /**\n   * Optional. The text overflow behavior of the dropdown. Can be 'ellipsis' or 'default'.\n   */\n  textOverflow?: 'ellipsis' | 'default';\n    /**\n   * Optional. The position of the tooltip when dropdown is closed. Can be 'top' or 'bottom'.\n   */\n  overflowTooltipPosition?: 'top' | 'bottom';\n}\n\nexport type BasicDropdownMultiSelectProps = BasicDropdownCommonProps & {\n  /** Required. If this flag is set then user can select multiple items. */\n  multiSelect: true;\n  /** Required. Selected items. */\n  value?: string[];\n  /** Required. Callback handler to call when user selects one of the items. Provides all selected items after last change. */\n  onSelect: (value: string[]) => void;\n}\n\nexport type BasucDropdownSingleSelectProps = BasicDropdownCommonProps & {\n  /** Required. If this flag is set then user can select multiple items. */\n  multiSelect?: false;\n  /** Required. Selected item. */\n  value?: string;\n  /** Required. Callback handler to call when user selects one of the items. Provides value of selected item. */\n  onSelect: (value: string) => void;\n}\n\nexport type BasicDropdownProps = BasucDropdownSingleSelectProps | BasicDropdownMultiSelectProps;\n\nconst BasicDropdown = React.forwardRef((props: BasicDropdownProps, ref) => {\n  const {\n    id,\n    list,\n    placeholder,\n    messageOnNoResults,\n    itemsType = 'normal',\n    action,\n    actionLabel,\n    actionVariant,\n    actionIcon,\n    actionLoading,\n    actionDisabled,\n    pinTopItem,\n    scrollable = true,\n    maxHeight,\n    disabled,\n    readOnly,\n    isButton,\n    activeValidationMessage,\n    autofilledMessage,\n    size,\n    margin,\n    minWidth,\n    className,\n    overflowTooltipPosition,\n    onBlur,\n    dataTestId,\n    onSelect,\n    textOverflow = 'ellipsis',\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\n  const [isLoading, setIsLoading] = React.useState<boolean>(false);\n  const [input, setInput] = React.useState<string>('');\n  const [focused, setFocused] = React.useState<number | null>(null);\n  \n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\n\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const styledFieldRef = useFocusVisibleRef([inputRef]);\n  const dropdownRef = React.useRef<HTMLDivElement>(null);\n\n  const resetDropdown = () => {\n    setIsOpen(false);\n    setFocused(null);\n  };\n\n  const containerRef = useFocusOutsideRef(resetDropdown, [dropdownRef]);\n\n  useClickOutsideRef(resetDropdown, [], containerRef);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      setIsOpen(!isOpen);\n      setKeyboardNavigated(true);\n    }\n  };\n\n  const handleValueSelect = (values: string[]) => {\n    setInput(values.join(', '));\n\n    if (props.multiSelect === true) {\n      props.onSelect(values);\n    } else if (props.multiSelect === false || props.multiSelect === undefined) {\n      props.onSelect(values[0]);\n    }\n\n    //don't close dropdown on item select if have custom action or multiselect\n    if (actionLabel || props.multiSelect) return;\n\n    if (keyboardNavigated) {\n      styledFieldRef.current?.focus({focusVisible: true} as any);\n    }\n    setIsOpen(false);\n    setFocused(null);\n  };\n\n  React.useEffect(() => {\n    if (props.value) {\n      if (props.multiSelect) {\n        setInput(props.value.join(', '));\n      } else if (props.multiSelect === false || props.multiSelect === undefined) {\n        setInput(props.value);\n      }\n    } else {\n      setInput('');\n    }\n  }, [props.value, props.multiSelect]);\n\n  React.useEffect(() => {\n    setIsLoading(false);\n  }, [input]);\n\n  React.useEffect(() => {\n    !isOpen && setKeyboardNavigated(false);\n  }, [isOpen]);\n\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n  const customSetIsOpen = (isOpen: boolean) => {\n    setIsOpen(isOpen);\n  };\n\n  const getDisplayItems = () => {\n    const values = input.split(',').map((val) => val.trim());\n    const listDisplayLabels = list.filter((item) => values.includes(item.value)).map((l) => l.displayLabel);\n    return listDisplayLabels.join(', ');\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLDivElement>) => {\n    // @ts-ignore\n    if (!e.currentTarget.contains(e.relatedTarget)) {\n      onBlur && onBlur(e);\n    }\n  };\n\n  const cls = (isOpen ? 'expanded ' : '').concat(size ? size : '').concat(isButton ? ' button ' : '').concat(className ? ` ${className}` : '');\n  \n  return (\n    <>\n      <DropdownContainer ref={containerRef}\n                aria-expanded={isOpen ? true : false}\n                aria-activedescendant={activeDescendant}\n                aria-controls={`${id}_dropdowncontent`}\n                role=\"listbox\"\n                aria-multiselectable={props.multiSelect}\n                $isButton={isButton || false}\n                className={size ? size : ''}\n                $readOnly={readOnly}\n                $disabled={disabled}\n                margin={margin}\n                onBlur={handleBlur}\n                minWidth={minWidth}>\n        <DropdownInputFieldStyles\n          ref={styledFieldRef}\n          className={cls}\n          onMouseDown={defaultOnMouseDownHandler}\n          onClick={(e) => {\n            if (!readOnly && !disabled) {\n              e.stopPropagation();\n              setIsOpen(!isOpen);\n              if (isOpen) {\n                inputRef.current?.blur();\n              } else {\n                inputRef.current?.focus();\n              }\n            }\n          }}\n          tabIndex={disabled || readOnly ? -1 : 0}\n          $disabled={disabled || false}\n          $readOnly={readOnly || false}\n          $isPlaceholder={!input}\n          $showValidationMessage={!!activeValidationMessage}\n          onKeyDown={handleKeyDown}\n          $minWidth={minWidth}\n          {...rest}>\n          <DropdownInputField\n            ref={inputRef}\n            type=\"search\"\n            $ellipsis={textOverflow == 'ellipsis'}\n            id={id}\n            data-testid={dataTestId}\n            readOnly\n            placeholder={placeholder}\n            value={getDisplayItems()}\n            className={size ? `${size} value` : 'value'}\n            tabIndex={-1}\n            disabled={disabled || false}\n          />\n          {!isOpen ? <TooltipOverflow position={overflowTooltipPosition} input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\n            {getDisplayItems()}\n        </TooltipOverflow> : null}\n          {isLoading ? <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)}/> : null}\n          <div className={'icon dropdown-arrow'}>\n            {isOpen ? <SystemIcons.ArrowDropUp size=\"24px\" className={size ? size : ''}/> :\n              <SystemIcons.ArrowDropDown size=\"24px\" className={size ? size : ''}/>}\n          </div>\n        </DropdownInputFieldStyles>\n        {!readOnly && !disabled && (\n          <DropdownContent\n            ref={dropdownRef}\n            containerRef={containerRef}\n            onActiveDescendantChanged={(id) => setActiveDescendant(id)}\n            customizationProps={{\n              itemsType: itemsType,\n              action: action ?? (() => {\n              }),\n              actionLabel: actionLabel,\n              actionVariant: actionVariant,\n              actionDisabled: actionDisabled,\n              scrollable: scrollable,\n              onValueUpdate: handleValueSelect,\n              items: list,\n              multiSelect: props.multiSelect,\n              pinTopItem: pinTopItem,\n              maxHeight: maxHeight,\n              actionIcon: actionIcon,\n              actionLoading: actionLoading,\n            }}\n            ariaRolesType=\"input\"\n            focused={focused}\n            setFocused={setFocused}\n            size={size ?? Size.Small}\n            filter={''}\n            isOpen={isOpen}\n            setIsOpen={customSetIsOpen}\n            messageOnNoResults={messageOnNoResults ?? ''}\n            outline={keyboardNavigated}\n            isButton={isButton || false}\n            selectedValues={props.multiSelect ? props.value || [] : [props.value || '']}\n            setSelectedValues={handleValueSelect}\n            id={`${id}_dropdowncontent`}\n          />\n        )}\n      </DropdownContainer>\n      {activeValidationMessage && (\n        <ErrorMessage>\n          <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)}/>\n          <span>{activeValidationMessage}</span>\n        </ErrorMessage>\n      )}\n      {autofilledMessage && (\n        <AutofilledMessage>\n          <SystemIcons.Information color={COLORS.getColor('neutral_600', theme)}/>\n          <span>{autofilledMessage}</span>\n        </AutofilledMessage>\n      )}\n    </>\n  );\n});\n\nexport default BasicDropdown;\n"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,MAAM,QAAO,WAAW;AAChC,SAAQC,WAAW,QAAO,UAAU;AACpC,SAAQC,gBAAgB,QAAO,qBAAqB;AACpD,SAAQC,iBAAiB,EAAEC,wBAAwB,EAAEC,kBAAkB,QAAO,iBAAiB;AAC/F,OAAOC,eAAe,MAAsB,mBAAmB;AAC/D,SAAQC,iBAAiB,EAAEC,YAAY,QAAO,gBAAgB;AAC9D,OAAOC,eAAe,MAAM,6BAA6B;AACzD,SAAQC,IAAI,QAAiB,UAAU;AACvC,SAAQC,yBAAyB,EAAEC,kBAAkB,EAAEC,kBAAkB,QAAO,WAAW;AAC3F,SAAQC,kBAAkB,QAAO,WAAW;AAC5C,SAASC,QAAQ,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAyH7C,IAAMC,aAAa,gBAAGvB,KAAK,CAACwB,UAAU,CAAC,UAACC,KAAyB,EAAEC,GAAG,EAAK;EACzE,IACEC,EAAE,GA6BAF,KAAK,CA7BPE,EAAE;IACFC,IAAI,GA4BFH,KAAK,CA5BPG,IAAI;IACJC,WAAW,GA2BTJ,KAAK,CA3BPI,WAAW;IACXC,kBAAkB,GA0BhBL,KAAK,CA1BPK,kBAAkB;IAAAC,gBAAA,GA0BhBN,KAAK,CAzBPO,SAAS;IAATA,SAAS,GAAAD,gBAAA,cAAG,QAAQ,GAAAA,gBAAA;IACpBE,MAAM,GAwBJR,KAAK,CAxBPQ,MAAM;IACNC,WAAW,GAuBTT,KAAK,CAvBPS,WAAW;IACXC,aAAa,GAsBXV,KAAK,CAtBPU,aAAa;IACbC,UAAU,GAqBRX,KAAK,CArBPW,UAAU;IACVC,aAAa,GAoBXZ,KAAK,CApBPY,aAAa;IACbC,cAAc,GAmBZb,KAAK,CAnBPa,cAAc;IACdC,UAAU,GAkBRd,KAAK,CAlBPc,UAAU;IAAAC,iBAAA,GAkBRf,KAAK,CAjBPgB,UAAU;IAAVA,UAAU,GAAAD,iBAAA,cAAG,IAAI,GAAAA,iBAAA;IACjBE,SAAS,GAgBPjB,KAAK,CAhBPiB,SAAS;IACTC,QAAQ,GAeNlB,KAAK,CAfPkB,QAAQ;IACRC,QAAQ,GAcNnB,KAAK,CAdPmB,QAAQ;IACRC,QAAQ,GAaNpB,KAAK,CAbPoB,QAAQ;IACRC,uBAAuB,GAYrBrB,KAAK,CAZPqB,uBAAuB;IACvBC,iBAAiB,GAWftB,KAAK,CAXPsB,iBAAiB;IACjBC,IAAI,GAUFvB,KAAK,CAVPuB,IAAI;IACJC,MAAM,GASJxB,KAAK,CATPwB,MAAM;IACNC,QAAQ,GAQNzB,KAAK,CARPyB,QAAQ;IACRC,SAAS,GAOP1B,KAAK,CAPP0B,SAAS;IACTC,uBAAuB,GAMrB3B,KAAK,CANP2B,uBAAuB;IACvBC,MAAM,GAKJ5B,KAAK,CALP4B,MAAM;IACNC,UAAU,GAIR7B,KAAK,CAJP6B,UAAU;IACVC,QAAQ,GAGN9B,KAAK,CAHP8B,QAAQ;IAAAC,mBAAA,GAGN/B,KAAK,CAFPgC,YAAY;IAAZA,YAAY,GAAAD,mBAAA,cAAG,UAAU,GAAAA,mBAAA;IACtBE,IAAI,GAAAC,wBAAA,CACLlC,KAAK,EAAAmC,SAAA;EAET,IAAMC,KAAK,GAAG7C,QAAQ,CAAC,CAAC;EACxB,IAAA8C,eAAA,GAA4B9D,KAAK,CAAC+D,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAnDI,MAAM,GAAAF,gBAAA;IAAEG,SAAS,GAAAH,gBAAA;EACxB,IAAAI,gBAAA,GAAgDpE,KAAK,CAAC+D,QAAQ,CAAS,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAAjEE,gBAAgB,GAAAD,gBAAA;IAAEE,mBAAmB,GAAAF,gBAAA;EAC5C,IAAAG,gBAAA,GAAkCxE,KAAK,CAAC+D,QAAQ,CAAU,KAAK,CAAC;IAAAU,gBAAA,GAAAR,cAAA,CAAAO,gBAAA;IAAzDE,SAAS,GAAAD,gBAAA;IAAEE,YAAY,GAAAF,gBAAA;EAC9B,IAAAG,gBAAA,GAA0B5E,KAAK,CAAC+D,QAAQ,CAAS,EAAE,CAAC;IAAAc,gBAAA,GAAAZ,cAAA,CAAAW,gBAAA;IAA7CE,KAAK,GAAAD,gBAAA;IAAEE,QAAQ,GAAAF,gBAAA;EACtB,IAAAG,gBAAA,GAA8BhF,KAAK,CAAC+D,QAAQ,CAAgB,IAAI,CAAC;IAAAkB,iBAAA,GAAAhB,cAAA,CAAAe,gBAAA;IAA1DE,OAAO,GAAAD,iBAAA;IAAEE,UAAU,GAAAF,iBAAA;EAE1B,IAAAG,iBAAA,GAAkDpF,KAAK,CAAC+D,QAAQ,CAAU,KAAK,CAAC;IAAAsB,iBAAA,GAAApB,cAAA,CAAAmB,iBAAA;IAAzEE,iBAAiB,GAAAD,iBAAA;IAAEE,oBAAoB,GAAAF,iBAAA;EAE9C,IAAMG,QAAQ,GAAGxF,KAAK,CAACyF,MAAM,CAAmB,IAAI,CAAC;EACrD,IAAMC,cAAc,GAAG5E,kBAAkB,CAAC,CAAC0E,QAAQ,CAAC,CAAC;EACrD,IAAMG,WAAW,GAAG3F,KAAK,CAACyF,MAAM,CAAiB,IAAI,CAAC;EAEtD,IAAMG,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;IAC1BzB,SAAS,CAAC,KAAK,CAAC;IAChBgB,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC;EAED,IAAMU,YAAY,GAAG9E,kBAAkB,CAAC6E,aAAa,EAAE,CAACD,WAAW,CAAC,CAAC;EAErE9E,kBAAkB,CAAC+E,aAAa,EAAE,EAAE,EAAEC,YAAY,CAAC;EAEnD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,CAAsC,EAAK;IAChE,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;MACtC7B,SAAS,CAAC,CAACD,MAAM,CAAC;MAClBqB,oBAAoB,CAAC,IAAI,CAAC;IAC5B;EACF,CAAC;EAED,IAAMU,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAAgB,EAAK;IAC9CnB,QAAQ,CAACmB,MAAM,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC;IAE3B,IAAI1E,KAAK,CAAC2E,WAAW,KAAK,IAAI,EAAE;MAC9B3E,KAAK,CAAC8B,QAAQ,CAAC2C,MAAM,CAAC;IACxB,CAAC,MAAM,IAAIzE,KAAK,CAAC2E,WAAW,KAAK,KAAK,IAAI3E,KAAK,CAAC2E,WAAW,KAAKC,SAAS,EAAE;MACzE5E,KAAK,CAAC8B,QAAQ,CAAC2C,MAAM,CAAC,CAAC,CAAC,CAAC;IAC3B;;IAEA;IACA,IAAIhE,WAAW,IAAIT,KAAK,CAAC2E,WAAW,EAAE;IAEtC,IAAId,iBAAiB,EAAE;MAAA,IAAAgB,qBAAA;MACrB,CAAAA,qBAAA,GAAAZ,cAAc,CAACa,OAAO,cAAAD,qBAAA,uBAAtBA,qBAAA,CAAwBE,KAAK,CAAC;QAACC,YAAY,EAAE;MAAI,CAAQ,CAAC;IAC5D;IACAtC,SAAS,CAAC,KAAK,CAAC;IAChBgB,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC;EAEDnF,KAAK,CAAC0G,SAAS,CAAC,YAAM;IACpB,IAAIjF,KAAK,CAACkF,KAAK,EAAE;MACf,IAAIlF,KAAK,CAAC2E,WAAW,EAAE;QACrBrB,QAAQ,CAACtD,KAAK,CAACkF,KAAK,CAACR,IAAI,CAAC,IAAI,CAAC,CAAC;MAClC,CAAC,MAAM,IAAI1E,KAAK,CAAC2E,WAAW,KAAK,KAAK,IAAI3E,KAAK,CAAC2E,WAAW,KAAKC,SAAS,EAAE;QACzEtB,QAAQ,CAACtD,KAAK,CAACkF,KAAK,CAAC;MACvB;IACF,CAAC,MAAM;MACL5B,QAAQ,CAAC,EAAE,CAAC;IACd;EACF,CAAC,EAAE,CAACtD,KAAK,CAACkF,KAAK,EAAElF,KAAK,CAAC2E,WAAW,CAAC,CAAC;EAEpCpG,KAAK,CAAC0G,SAAS,CAAC,YAAM;IACpB/B,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,CAACG,KAAK,CAAC,CAAC;EAEX9E,KAAK,CAAC0G,SAAS,CAAC,YAAM;IACpB,CAACxC,MAAM,IAAIqB,oBAAoB,CAAC,KAAK,CAAC;EACxC,CAAC,EAAE,CAACrB,MAAM,CAAC,CAAC;EAEZlE,KAAK,CAAC4G,mBAAmB,CAAClF,GAAG,EAAE;IAAA,OAAM8D,QAAQ,CAACe,OAAO;EAAA,GAAE,CAACf,QAAQ,CAAC,CAAC;EAElE,IAAMqB,eAAe,GAAG,SAAlBA,eAAeA,CAAI3C,MAAe,EAAK;IAC3CC,SAAS,CAACD,MAAM,CAAC;EACnB,CAAC;EAED,IAAM4C,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC5B,IAAMZ,MAAM,GAAGpB,KAAK,CAACiC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,UAACC,GAAG;MAAA,OAAKA,GAAG,CAACC,IAAI,CAAC,CAAC;IAAA,EAAC;IACxD,IAAMC,iBAAiB,GAAGvF,IAAI,CAACwF,MAAM,CAAC,UAACC,IAAI;MAAA,OAAKnB,MAAM,CAACoB,QAAQ,CAACD,IAAI,CAACV,KAAK,CAAC;IAAA,EAAC,CAACK,GAAG,CAAC,UAACO,CAAC;MAAA,OAAKA,CAAC,CAACC,YAAY;IAAA,EAAC;IACvG,OAAOL,iBAAiB,CAAChB,IAAI,CAAC,IAAI,CAAC;EACrC,CAAC;EAED,IAAMsB,UAAU,GAAG,SAAbA,UAAUA,CAAI1B,CAAmC,EAAK;IAC1D;IACA,IAAI,CAACA,CAAC,CAAC2B,aAAa,CAACC,QAAQ,CAAC5B,CAAC,CAAC6B,aAAa,CAAC,EAAE;MAC9CvE,MAAM,IAAIA,MAAM,CAAC0C,CAAC,CAAC;IACrB;EACF,CAAC;EAED,IAAM8B,GAAG,GAAG,CAAC3D,MAAM,GAAG,WAAW,GAAG,EAAE,EAAE4D,MAAM,CAAC9E,IAAI,GAAGA,IAAI,GAAG,EAAE,CAAC,CAAC8E,MAAM,CAACjF,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAC,CAACiF,MAAM,CAAC3E,SAAS,OAAA2E,MAAA,CAAO3E,SAAS,IAAK,EAAE,CAAC;EAE5I,oBACE/B,KAAA,CAAAE,SAAA;IAAAyG,QAAA,gBACE3G,KAAA,CAAChB,iBAAiB;MAACsB,GAAG,EAAEmE,YAAa;MAC3B,iBAAe3B,MAAM,GAAG,IAAI,GAAG,KAAM;MACrC,yBAAuBI,gBAAiB;MACxC,oBAAAwD,MAAA,CAAkBnG,EAAE,qBAAmB;MACvCqG,IAAI,EAAC,SAAS;MACd,wBAAsBvG,KAAK,CAAC2E,WAAY;MACxC6B,SAAS,EAAEpF,QAAQ,IAAI,KAAM;MAC7BM,SAAS,EAAEH,IAAI,GAAGA,IAAI,GAAG,EAAG;MAC5BkF,SAAS,EAAEtF,QAAS;MACpBuF,SAAS,EAAExF,QAAS;MACpBM,MAAM,EAAEA,MAAO;MACfI,MAAM,EAAEoE,UAAW;MACnBvE,QAAQ,EAAEA,QAAS;MAAA6E,QAAA,gBAC3B3G,KAAA,CAACf,wBAAwB,EAAA+H,aAAA,CAAAA,aAAA;QACvB1G,GAAG,EAAEgE,cAAe;QACpBvC,SAAS,EAAE0E,GAAI;QACfQ,WAAW,EAAEzH,yBAA0B;QACvC0H,OAAO,EAAE,SAAAA,QAACvC,CAAC,EAAK;UACd,IAAI,CAACnD,QAAQ,IAAI,CAACD,QAAQ,EAAE;YAC1BoD,CAAC,CAACwC,eAAe,CAAC,CAAC;YACnBpE,SAAS,CAAC,CAACD,MAAM,CAAC;YAClB,IAAIA,MAAM,EAAE;cAAA,IAAAsE,iBAAA;cACV,CAAAA,iBAAA,GAAAhD,QAAQ,CAACe,OAAO,cAAAiC,iBAAA,uBAAhBA,iBAAA,CAAkBC,IAAI,CAAC,CAAC;YAC1B,CAAC,MAAM;cAAA,IAAAC,kBAAA;cACL,CAAAA,kBAAA,GAAAlD,QAAQ,CAACe,OAAO,cAAAmC,kBAAA,uBAAhBA,kBAAA,CAAkBlC,KAAK,CAAC,CAAC;YAC3B;UACF;QACF,CAAE;QACFmC,QAAQ,EAAEhG,QAAQ,IAAIC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;QACxCuF,SAAS,EAAExF,QAAQ,IAAI,KAAM;QAC7BuF,SAAS,EAAEtF,QAAQ,IAAI,KAAM;QAC7BgG,cAAc,EAAE,CAAC9D,KAAM;QACvB+D,sBAAsB,EAAE,CAAC,CAAC/F,uBAAwB;QAClDgG,SAAS,EAAEhD,aAAc;QACzBiD,SAAS,EAAE7F;MAAS,GAChBQ,IAAI;QAAAqE,QAAA,gBACR7G,IAAA,CAACZ,kBAAkB;UACjBoB,GAAG,EAAE8D,QAAS;UACdwD,IAAI,EAAC,QAAQ;UACbC,SAAS,EAAExF,YAAY,IAAI,UAAW;UACtC9B,EAAE,EAAEA,EAAG;UACP,eAAa2B,UAAW;UACxBV,QAAQ;UACRf,WAAW,EAAEA,WAAY;UACzB8E,KAAK,EAAEG,eAAe,CAAC,CAAE;UACzB3D,SAAS,EAAEH,IAAI,MAAA8E,MAAA,CAAM9E,IAAI,cAAW,OAAQ;UAC5C2F,QAAQ,EAAE,CAAC,CAAE;UACbhG,QAAQ,EAAEA,QAAQ,IAAI;QAAM,CAC7B,CAAC,EACD,CAACuB,MAAM,gBAAGhD,IAAA,CAACR,eAAe;UAACwI,QAAQ,EAAE9F,uBAAwB;UAAC0B,KAAK,EAAEU,QAAS;UAAC2D,SAAS,EAAE,IAAK;UAACC,QAAQ,EAAC,MAAM;UAACpG,IAAI,EAAEA,IAAK;UAACqG,KAAK,EAAC,KAAK;UAAAtB,QAAA,EACrIjB,eAAe,CAAC;QAAC,CACL,CAAC,GAAG,IAAI,EACtBpC,SAAS,gBAAGxD,IAAA,CAACf,gBAAgB;UAAC6C,IAAI,EAAErC,IAAI,CAAC2I,KAAM;UAACC,KAAK,EAAEtJ,MAAM,CAACuJ,QAAQ,CAAC,aAAa,EAAE3F,KAAK;QAAE,CAAC,CAAC,GAAG,IAAI,eACvG3C,IAAA;UAAKiC,SAAS,EAAE,qBAAsB;UAAA4E,QAAA,EACnC7D,MAAM,gBAAGhD,IAAA,CAAChB,WAAW,CAACuJ,WAAW;YAACzG,IAAI,EAAC,MAAM;YAACG,SAAS,EAAEH,IAAI,GAAGA,IAAI,GAAG;UAAG,CAAC,CAAC,gBAC3E9B,IAAA,CAAChB,WAAW,CAACwJ,aAAa;YAAC1G,IAAI,EAAC,MAAM;YAACG,SAAS,EAAEH,IAAI,GAAGA,IAAI,GAAG;UAAG,CAAC;QAAC,CACpE,CAAC;MAAA,EACkB,CAAC,EAC1B,CAACJ,QAAQ,IAAI,CAACD,QAAQ,iBACrBzB,IAAA,CAACX,eAAe;QACdmB,GAAG,EAAEiE,WAAY;QACjBE,YAAY,EAAEA,YAAa;QAC3B8D,yBAAyB,EAAE,SAAAA,0BAAChI,EAAE;UAAA,OAAK4C,mBAAmB,CAAC5C,EAAE,CAAC;QAAA,CAAC;QAC3DiI,kBAAkB,EAAE;UAClB5H,SAAS,EAAEA,SAAS;UACpBC,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAK,YAAM,CACzB,CAAE;UACFC,WAAW,EAAEA,WAAW;UACxBC,aAAa,EAAEA,aAAa;UAC5BG,cAAc,EAAEA,cAAc;UAC9BG,UAAU,EAAEA,UAAU;UACtBoH,aAAa,EAAE5D,iBAAiB;UAChC6D,KAAK,EAAElI,IAAI;UACXwE,WAAW,EAAE3E,KAAK,CAAC2E,WAAW;UAC9B7D,UAAU,EAAEA,UAAU;UACtBG,SAAS,EAAEA,SAAS;UACpBN,UAAU,EAAEA,UAAU;UACtBC,aAAa,EAAEA;QACjB,CAAE;QACF0H,aAAa,EAAC,OAAO;QACrB7E,OAAO,EAAEA,OAAQ;QACjBC,UAAU,EAAEA,UAAW;QACvBnC,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIrC,IAAI,CAAC2I,KAAM;QACzBlC,MAAM,EAAE,EAAG;QACXlD,MAAM,EAAEA,MAAO;QACfC,SAAS,EAAE0C,eAAgB;QAC3B/E,kBAAkB,EAAEA,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,EAAG;QAC7CkI,OAAO,EAAE1E,iBAAkB;QAC3BzC,QAAQ,EAAEA,QAAQ,IAAI,KAAM;QAC5BoH,cAAc,EAAExI,KAAK,CAAC2E,WAAW,GAAG3E,KAAK,CAACkF,KAAK,IAAI,EAAE,GAAG,CAAClF,KAAK,CAACkF,KAAK,IAAI,EAAE,CAAE;QAC5EuD,iBAAiB,EAAEjE,iBAAkB;QACrCtE,EAAE,KAAAmG,MAAA,CAAKnG,EAAE;MAAmB,CAC7B,CACF;IAAA,CACgB,CAAC,EACnBmB,uBAAuB,iBACtB1B,KAAA,CAACX,YAAY;MAAAsH,QAAA,gBACX7G,IAAA,CAAChB,WAAW,CAACiK,gBAAgB;QAACZ,KAAK,EAAEtJ,MAAM,CAACuJ,QAAQ,CAAC,cAAc,EAAE3F,KAAK;MAAE,CAAC,CAAC,eAC9E3C,IAAA;QAAA6G,QAAA,EAAOjF;MAAuB,CAAO,CAAC;IAAA,CAC1B,CACf,EACAC,iBAAiB,iBAChB3B,KAAA,CAACZ,iBAAiB;MAAAuH,QAAA,gBAChB7G,IAAA,CAAChB,WAAW,CAACkK,WAAW;QAACb,KAAK,EAAEtJ,MAAM,CAACuJ,QAAQ,CAAC,aAAa,EAAE3F,KAAK;MAAE,CAAC,CAAC,eACxE3C,IAAA;QAAA6G,QAAA,EAAOhF;MAAiB,CAAO,CAAC;IAAA,CACf,CACpB;EAAA,CACD,CAAC;AAEP,CAAC,CAAC;AAACxB,aAAA,CAAA8I,SAAA;EA5VDzI,IAAI,EAAA0I,GAAA,CAAAC,KAAA,CAAAC,UAAA;EAIJxI,SAAS,EAAAsI,GAAA,CAAAG,KAAA,EAAG,QAAQ,EAAG,UAAU,EAAG,OAAO;EAI3CxI,MAAM,EAAAqI,GAAA,CAAAI,IAAA;EAINxI,WAAW,EAAAoI,GAAA,CAAAK,MAAA;EAQXvI,UAAU,EAAAkI,GAAA,CAAAM,IAAA;EAIVvI,aAAa,EAAAiI,GAAA,CAAAO,IAAA;EAIbvI,cAAc,EAAAgI,GAAA,CAAAO,IAAA;EAIdtI,UAAU,EAAA+H,GAAA,CAAAO,IAAA;EAIVpI,UAAU,EAAA6H,GAAA,CAAAO,IAAA;EAIVnI,SAAS,EAAA4H,GAAA,CAAAK,MAAA;EAIT9I,WAAW,EAAAyI,GAAA,CAAAK,MAAA;EAIXG,cAAc,EAAAR,GAAA,CAAAO,IAAA;EAId/I,kBAAkB,EAAAwI,GAAA,CAAAK,MAAA;EAIlBhI,QAAQ,EAAA2H,GAAA,CAAAO,IAAA;EAIRjI,QAAQ,EAAA0H,GAAA,CAAAO,IAAA;EAIRhI,QAAQ,EAAAyH,GAAA,CAAAO,IAAA;EAIR/H,uBAAuB,EAAAwH,GAAA,CAAAK,MAAA;EAIvB5H,iBAAiB,EAAAuH,GAAA,CAAAK,MAAA;EAQjB1H,MAAM,EAAAqH,GAAA,CAAAK,MAAA;EAINzH,QAAQ,EAAAoH,GAAA,CAAAK,MAAA;EAIRlH,YAAY,EAAA6G,GAAA,CAAAG,KAAA,EAAG,UAAU,EAAG,SAAS;EAIrCrH,uBAAuB,EAAAkH,GAAA,CAAAG,KAAA,EAAG,KAAK,EAAG,QAAQ;EAc1CrE,WAAW,EAAAkE,GAAA,CAAAG,KAAA,EAAG,KAAK;EAEnB9D,KAAK,EAAA2D,GAAA,CAAAK,MAAA;EAELpH,QAAQ,EAAA+G,GAAA,CAAAI,IAAA,CAAAF;AAAA;AAgPV,eAAejJ,aAAa","ignoreList":[]}

package/dist/Dropdown/CommonStyling.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommonStyling.cjs","names":["_styledComponents","_interopRequireWildcard","require","_common","_styles","_typography","_zIndexes","_TooltipStyles","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownContainer","styled","div","_taggedTemplateLiteral2","props","$isButton","minWidth","concat","$readOnly","$disabled","margin","Z_INDEXES","focus","COLORS","getColor","theme","exports","lockedState","css","disabledState","activeValidationMessage","placeholderStyling","ComponentMStyling","ComponentTextStyle","Italic","DropdownInputField","input","$ellipsis","DropdownInputFieldStyles","ComponentSStyling","Regular","$minWidth","TooltipTrigger","ComponentXXSStyling","BREAKPOINTS","MEDIUM","ComponentXSStyling","$isPlaceholder","undefined","Bold","$showValidationMessage","CommonInteractionStyling","dropdown","focusStyles","DropdownContentButtonStyling","DropdownButtonTextContent","DropdownButtonTextIcon","DropdownButtonTextArrow","DropdownButtonTextStyles","DropdownButtonTextWrapper"],"sources":["../../src/Dropdown/CommonStyling.tsx"],"sourcesContent":["import styled, {css} from 'styled-components';\r\nimport {CommonInteractionStyling} from '../common';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport { TooltipTrigger } from '../Tooltips/TooltipStyles';\r\n\r\nexport const DropdownContainer = styled.div<{ $isButton: boolean; $readOnly?: boolean; $disabled?: boolean; margin?: string; minWidth?: string }>`\r\n  display: inline-block;\r\n\r\n  ${(props) => !props.$isButton && (props?.minWidth ? `width: 100%; min-width: ${props.minWidth};` : 'width: 100%; min-width: 344px;')}\r\n  ${(props) => (props.$readOnly || props.$disabled ? 'cursor: not-allowed;' : '')}\r\n  ${(props) => (props.margin ? `margin: ${props.margin};` : 'margin-bottom: 4px;')}\r\n  .show {\r\n    display: block;\r\n  }\r\n\r\n  .value {\r\n    flex-grow: 1;\r\n  }\r\n\r\n  &:focus-within {\r\n    z-index: ${Z_INDEXES.focus};\r\n  }\r\n\r\n  input:hover + div {\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n\r\n  input:active + div {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n\r\n`;\r\n\r\nconst lockedState = css`\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_300', props.theme)};\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  pointer-events: none;\r\n  cursor: not-allowed;\r\n\r\n  input {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\r\n  }\r\n\r\n  .dropdown-arrow {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n  }\r\n`;\r\n\r\nconst disabledState = css`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n  pointer-events: none;\r\n  cursor: not-allowed;\r\n\r\n  .dropdown-arrow {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n  }\r\n\r\n  input {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n\r\n    ::placeholder {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nconst activeValidationMessage = css`\r\n  box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n`;\r\n\r\nconst placeholderStyling = css`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const DropdownInputField = styled.input<{$ellipsis?: boolean}>`\r\n  border: none;\r\n  outline: none;\r\n  background-color: inherit;\r\n  cursor: pointer;\r\n  min-width: 0px;\r\n  color: ${props => COLORS.getColor('black', props.theme)} !important;\r\n  padding: 0;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  ${props => props.$ellipsis ? 'text-overflow: ellipsis;' : ''}\r\n  \r\n  &::placeholder {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    font-style: italic;\r\n  }\r\n\r\n  &::-webkit-search-decoration,\r\n  &::-webkit-search-cancel-button,\r\n  &::-webkit-search-results-button,\r\n  &::-webkit-search-results-decoration {\r\n    -webkit-appearance: none;\r\n  }\r\n`;\r\n\r\nexport const DropdownInputFieldStyles = styled.div<{ $disabled: boolean; $readOnly: boolean; $showValidationMessage?: boolean; $isPlaceholder?: boolean; $minWidth?: string }>`\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n\r\n  padding: 12px 16px;\r\n  height: 48px;\r\n  min-width: ${(props) => (props.$minWidth ? `${props.$minWidth}` : '344px')};\r\n  width: 100%;\r\n\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  position: relative;\r\n\r\n  input {\r\n    font-size: inherit;\r\n    line-height: inherit;\r\n    color: inherit;\r\n  }\r\n\r\n  ${TooltipTrigger('hover')}\r\n\r\n  &::placeholder {\r\n    ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n    padding: 16px;\r\n    height: 56px;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n    padding: 12px 16px;\r\n    height: 48px;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n    height: 56px;\r\n    padding: 16px;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  .dropdown-arrow {\r\n    pointer-events: none;\r\n    width: 24px;\r\n    height: 24px;\r\n    color: ${(props) => props.$isPlaceholder ? COLORS.getColor('neutral_600', props.theme) : undefined};\r\n  }\r\n\r\n  &:focus {\r\n    outline: 3px solid #ddd;\r\n  }\r\n\r\n  &:focus-within,\r\n  &.focus-visible-within {\r\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.action-within) {\r\n    box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_200', props.theme)};\r\n\r\n    input {\r\n      ::placeholder {\r\n        color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n      }\r\n    }\r\n\r\n    .dropdown-arrow {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active:not(.action-within) {\r\n    box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_300', props.theme)};\r\n\r\n    input {\r\n      ::placeholder {\r\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n    }\r\n\r\n    .dropdown-arrow {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.button {\r\n    ${(props) => ComponentSStyling(ComponentTextStyle.Bold, props.$disabled ? COLORS.getColor('neutral_300', props.theme) : COLORS.getColor('neutral_600', props.theme))}\r\n\r\n    box-sizing: border-box;\r\n    height: 32px;\r\n    padding: 0 8px;\r\n    width: initial;\r\n    min-width: initial;\r\n    border: none !important;\r\n    box-shadow: none;\r\n    border-radius: 4px;\r\n\r\n    &.expanded {\r\n      color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n      background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    }\r\n  }\r\n\r\n\r\n  ${(props) => (props.$disabled ? disabledState : '')}\r\n  ${(props) => (props.$readOnly ? lockedState : '')}\r\n  ${(props) => (props.$showValidationMessage ? activeValidationMessage : '')}\r\n  ${(props) => (props.$isPlaceholder ? placeholderStyling : '')}\r\n\r\n  ${CommonInteractionStyling};\r\n\r\n  &.focus-visible,\r\n  &.focus-visible-within {\r\n    z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const DropdownContentButtonStyling = css`\r\n  min-width: 344px;\r\n`;\r\n\r\n\r\n\r\nexport const DropdownButtonTextContent = styled.div`\r\n  display: flex;\r\n  gap: 4px;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  min-width: 64px;\r\n  min-height: 32px;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n`;\r\n\r\nexport const DropdownButtonTextIcon = styled.div`\r\n  width: 24px;\r\n  height: 24px;\r\n`;\r\n\r\nexport const DropdownButtonTextArrow = styled.div`\r\n  width: 24px;\r\n  height: 24px;\r\n\r\n  svg {\r\n    pointer-events: none;\r\n  }\r\n`;\r\n\r\nexport const DropdownButtonTextStyles = styled.div`\r\n  flex: 1\r\n`;\r\n\r\nexport const DropdownButtonTextWrapper = styled.div`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  cursor: pointer;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  .expanded {\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    ${DropdownButtonTextContent} {\r\n      background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    ${DropdownButtonTextContent} {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    ${DropdownButtonTextContent} {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n  }\r\n\r\n}`;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CommonStyling.cjs","names":["_styledComponents","_interopRequireWildcard","require","_common","_styles","_typography","_zIndexes","_TooltipStyles","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownContainer","styled","div","_taggedTemplateLiteral2","props","$isButton","minWidth","concat","$readOnly","$disabled","margin","Z_INDEXES","focus","COLORS","getColor","theme","exports","lockedState","css","disabledState","activeValidationMessage","placeholderStyling","ComponentMStyling","ComponentTextStyle","Italic","DropdownInputField","input","$ellipsis","DropdownInputFieldStyles","ComponentSStyling","Regular","$minWidth","TooltipTrigger","ComponentXXSStyling","BREAKPOINTS","MEDIUM","ComponentXSStyling","$isPlaceholder","undefined","Bold","$showValidationMessage","CommonInteractionStyling","dropdown","focusStyles","DropdownContentButtonStyling","DropdownButtonTextContent","DropdownButtonTextIcon","DropdownButtonTextArrow","DropdownButtonTextStyles","DropdownButtonTextWrapper"],"sources":["../../src/Dropdown/CommonStyling.tsx"],"sourcesContent":["import styled, {css} from 'styled-components';\nimport {CommonInteractionStyling} from '../common';\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\nimport { TooltipTrigger } from '../Tooltips/TooltipStyles';\n\nexport const DropdownContainer = styled.div<{ $isButton: boolean; $readOnly?: boolean; $disabled?: boolean; margin?: string; minWidth?: string }>`\n  display: inline-block;\n\n  ${(props) => !props.$isButton && (props?.minWidth ? `width: 100%; min-width: ${props.minWidth};` : 'width: 100%; min-width: 344px;')}\n  ${(props) => (props.$readOnly || props.$disabled ? 'cursor: not-allowed;' : '')}\n  ${(props) => (props.margin ? `margin: ${props.margin};` : 'margin-bottom: 4px;')}\n  .show {\n    display: block;\n  }\n\n  .value {\n    flex-grow: 1;\n  }\n\n  &:focus-within {\n    z-index: ${Z_INDEXES.focus};\n  }\n\n  input:hover + div {\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\n  }\n\n  input:active + div {\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n\n`;\n\nconst lockedState = css`\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\n  box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_300', props.theme)};\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\n  pointer-events: none;\n  cursor: not-allowed;\n\n  input {\n    color: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\n  }\n\n  .dropdown-arrow {\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n  }\n`;\n\nconst disabledState = css`\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_100', props.theme)};\n  color: ${props => COLORS.getColor('neutral_300', props.theme)};\n  pointer-events: none;\n  cursor: not-allowed;\n\n  .dropdown-arrow {\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n  }\n\n  input {\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n\n    ::placeholder {\n      color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n    }\n  }\n`;\n\nconst activeValidationMessage = css`\n  box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('critical_400', props.theme)};\n`;\n\nconst placeholderStyling = css`\n  ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n`;\n\nexport const DropdownInputField = styled.input<{$ellipsis?: boolean}>`\n  border: none;\n  outline: none;\n  background-color: inherit;\n  cursor: pointer;\n  min-width: 0px;\n  color: ${props => COLORS.getColor('black', props.theme)} !important;\n  padding: 0;\n  flex-grow: 1;\n  display: flex;\n  justify-content: center;\n  overflow: hidden;\n  ${props => props.$ellipsis ? 'text-overflow: ellipsis;' : ''}\n  \n  &::placeholder {\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\n    font-style: italic;\n  }\n\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n`;\n\nexport const DropdownInputFieldStyles = styled.div<{ $disabled: boolean; $readOnly: boolean; $showValidationMessage?: boolean; $isPlaceholder?: boolean; $minWidth?: string }>`\n  ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\n\n  padding: 12px 16px;\n  height: 48px;\n  min-width: ${(props) => (props.$minWidth ? `${props.$minWidth}` : '344px')};\n  width: 100%;\n\n  background: ${props => COLORS.getColor('white', props.theme)};\n  box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_400', props.theme)};\n  box-sizing: border-box;\n  border-radius: 4px;\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  position: relative;\n\n  input {\n    font-size: inherit;\n    line-height: inherit;\n    color: inherit;\n  }\n\n  ${TooltipTrigger('hover')}\n\n  &::placeholder {\n    ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\n    padding: 16px;\n    height: 56px;\n\n    &::placeholder {\n      ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n    }\n  }\n\n  &.small {\n    ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\n    padding: 12px 16px;\n    height: 48px;\n\n    &::placeholder {\n      ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n    }\n  }\n\n  &.medium {\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\n    height: 56px;\n    padding: 16px;\n\n    &::placeholder {\n      ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n    }\n  }\n\n  .dropdown-arrow {\n    pointer-events: none;\n    width: 24px;\n    height: 24px;\n    color: ${(props) => props.$isPlaceholder ? COLORS.getColor('neutral_600', props.theme) : undefined};\n  }\n\n  &:focus {\n    outline: 3px solid #ddd;\n  }\n\n  &:focus-within,\n  &.focus-visible-within {\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  &:hover:not(.action-within) {\n    box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_200', props.theme)};\n\n    input {\n      ::placeholder {\n        color: ${props => COLORS.getColor('primary_600', props.theme)};\n      }\n    }\n\n    .dropdown-arrow {\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\n    }\n\n    cursor: pointer;\n  }\n\n  &:active:not(.action-within) {\n    box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_300', props.theme)};\n\n    input {\n      ::placeholder {\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\n      }\n    }\n\n    .dropdown-arrow {\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n  }\n\n  &.button {\n    ${(props) => ComponentSStyling(ComponentTextStyle.Bold, props.$disabled ? COLORS.getColor('neutral_300', props.theme) : COLORS.getColor('neutral_600', props.theme))}\n\n    box-sizing: border-box;\n    height: 32px;\n    padding: 0 8px;\n    width: initial;\n    min-width: initial;\n    border: none !important;\n    box-shadow: none;\n    border-radius: 4px;\n\n    &.expanded {\n      color: ${props => COLORS.getColor('neutral_800', props.theme)};\n      background: ${props => COLORS.getColor('neutral_20', props.theme)};\n    }\n  }\n\n\n  ${(props) => (props.$disabled ? disabledState : '')}\n  ${(props) => (props.$readOnly ? lockedState : '')}\n  ${(props) => (props.$showValidationMessage ? activeValidationMessage : '')}\n  ${(props) => (props.$isPlaceholder ? placeholderStyling : '')}\n\n  ${CommonInteractionStyling};\n\n  &.focus-visible,\n  &.focus-visible-within {\n    z-index: ${Z_INDEXES.dropdown + 1} !important;\n    ${focusStyles}\n  }\n`;\n\nexport const DropdownContentButtonStyling = css`\n  min-width: 344px;\n`;\n\n\n\nexport const DropdownButtonTextContent = styled.div`\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  box-sizing: border-box;\n  min-width: 64px;\n  min-height: 32px;\n  padding: 4px 8px;\n  border-radius: 4px;\n`;\n\nexport const DropdownButtonTextIcon = styled.div`\n  width: 24px;\n  height: 24px;\n`;\n\nexport const DropdownButtonTextArrow = styled.div`\n  width: 24px;\n  height: 24px;\n\n  svg {\n    pointer-events: none;\n  }\n`;\n\nexport const DropdownButtonTextStyles = styled.div`\n  flex: 1\n`;\n\nexport const DropdownButtonTextWrapper = styled.div`\n  box-sizing: border-box;\n  min-height: 48px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  cursor: pointer;\n\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\n\n  .expanded {\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\n\n    ${DropdownButtonTextContent} {\n      background: ${props => COLORS.getColor('neutral_20', props.theme)};\n    }\n  }\n\n  &:focus {\n    ${focusStyles}\n  }\n\n  &:hover:not(.disabled) {\n    ${DropdownButtonTextContent} {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\n    }\n  }\n\n  &:active:not(.disabled) {\n    ${DropdownButtonTextContent} {\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\n  }\n\n}`;\n"],"mappings":"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","ignoreList":[]}

package/dist/Dropdown/CommonStyling.d.ts

@@ -1,24 +1,24 @@
-/// <reference types="react" />
-export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isButton: boolean;
-    $readOnly?: boolean | undefined;
-    $disabled?: boolean | undefined;
-    margin?: string | undefined;
-    minWidth?: string | undefined;
-}>> & string;
-export declare const DropdownInputField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    $ellipsis?: boolean | undefined;
-}>> & string;
-export declare const DropdownInputFieldStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $disabled: boolean;
-    $readOnly: boolean;
-    $showValidationMessage?: boolean | undefined;
-    $isPlaceholder?: boolean | undefined;
-    $minWidth?: string | undefined;
-}>> & string;
-export declare const DropdownContentButtonStyling: import("styled-components").RuleSet<object>;
-export declare const DropdownButtonTextContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DropdownButtonTextIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DropdownButtonTextArrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DropdownButtonTextStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DropdownButtonTextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/// <reference types="react" />
+export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isButton: boolean;
+    $readOnly?: boolean | undefined;
+    $disabled?: boolean | undefined;
+    margin?: string | undefined;
+    minWidth?: string | undefined;
+}>> & string;
+export declare const DropdownInputField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $ellipsis?: boolean | undefined;
+}>> & string;
+export declare const DropdownInputFieldStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $disabled: boolean;
+    $readOnly: boolean;
+    $showValidationMessage?: boolean | undefined;
+    $isPlaceholder?: boolean | undefined;
+    $minWidth?: string | undefined;
+}>> & string;
+export declare const DropdownContentButtonStyling: import("styled-components").RuleSet<object>;
+export declare const DropdownButtonTextContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownButtonTextIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownButtonTextArrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownButtonTextStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownButtonTextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;