@laerdal/life-react-components 5.0.5-dev.1 → 5.0.5-dev.3

package/dist/ChipsInput/ChipInputField.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { ChipItem } from './ChipInputTypes';
 import { Size } from '../types';
-export declare const ChipInputBoundItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChipInputContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChipInputEl: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const ChipInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChipInputBoundItems: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChipInputContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChipInputEl: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const ChipInputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export interface ChipInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {
     inputId: string;
     items: ChipItem[];

package/dist/ChipsInput/ChipInputField.js

@@ -4,8 +4,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 import _pt from "prop-types";
 var _excluded = ["inputId", "items", "disabled", "placeholder", "altPlaceholder", "multiLine", "size", "validationMessage", "loading", "onRemoveItem", "onInputValueChange", "onInputKeyDown", "onActivationChange", "inputValue", "required", "onBlur"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import { Size, States } from '../types';
 import { InputChip } from '../Chips';

package/dist/ChipsInput/ChipInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInputField.js","names":["React","Size","States","InputChip","ErrorMessage","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","scrollBarStyling","styled","useTheme","LoadingIndicator","useFocusVisibleRef","IconButton","SystemIcons","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","Loading","_templateObject2","ChipInputBoundItems","_templateObject3","ChipInputContentContainer","_templateObject4","Small","ChipInputEl","input","_templateObject5","Regular","props","getColor","theme","Italic","ChipInputContainer","_templateObject6","ChipInputField","forwardRef","_ref","ref","inputId","items","_ref$disabled","disabled","placeholder","altPlaceholder","_ref$multiLine","multiLine","_ref$size","size","Medium","validationMessage","loading","onRemoveItem","onInputValueChange","onInputKeyDown","onActivationChange","inputValue","required","onBlur","rest","_objectWithoutProperties","_excluded","containerRef","useRef","inputRef","useImperativeHandle","current","useEffect","document","activeElement","scrollIntoView","block","inline","handleInputKeyDown","e","_inputRef$current","key","value","repeat","length","handleItemRemove","event","item","index","_inputRef$current2","focus","focusVisible","detail","handleInputClear","_inputRef$current3","handleContainerKeyDown","querySelectorAll","currentIndex","Array","from","indexOf","target","direction","cls","concat","children","onKeyDown","onClick","_inputRef$current4","className","map","chip","icon","variant","Default","text","label","onRemove","_objectSpread","type","id","tabIndex","onChange","stopPropagation","dataTestId","action","useTransparentBackground","shape","style","marginLeft","focusOnClick","Clear","color","TechnicalWarning","propTypes","_pt","string","isRequired","array","bool","func"],"sources":["../../src/ChipsInput/ChipInputField.tsx"],"sourcesContent":["import React from 'react';\r\nimport {ChipItem} from './ChipInputTypes';\r\nimport {Size, States} from '../types';\r\nimport {InputChip} from '../Chips';\r\nimport {ErrorMessage} from '../InputFields';\r\nimport {\r\n  COLORS,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles,\r\n  scrollBarStyling\r\n} from '../styles';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {LoadingIndicator} from '../LoadingIndicator';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\n\r\nconst Wrapper = styled.div`\r\n  position: relative;\r\n`;\r\n\r\nconst Loading = styled.div`\r\n  height: 20px;\r\n  width: 20px;\r\n`;\r\n\r\nexport const ChipInputBoundItems = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex: 1;\r\n  min-width: 40px;\r\n`;\r\n\r\nexport const ChipInputContentContainer = styled.div`\r\n  width: 100%;\r\n  background: transparent;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  column-gap: 8px;\r\n  margin-right: 6px;\r\n  padding-right: 10px;\r\n  padding-left: 16px;\r\n  flex-wrap: nowrap;\r\n  overflow-x: scroll;\r\n  min-height: 48px;\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n  ::-webkit-scrollbar:horizontal {\r\n    display: none;\r\n  }\r\n\r\n  .action-right:focus,\r\n  button:focus {\r\n    outline-offset: -4px !important;\r\n  }\r\n`;\r\n\r\nexport const ChipInputEl = styled.input`\r\n  border: none;\r\n  outline: none;\r\n\r\n  height: 40px;\r\n  min-width: 40px;\r\n  display: inline-flex;\r\n  flex: 1;\r\n  background: transparent;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  color: ${props => COLORS.getColor('black', props.theme)} !important;\r\n\r\n  &::placeholder {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nexport const ChipInputContainer = styled.div`\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 4px;\r\n  margin-bottom: 4px;\r\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  cursor: text;\r\n  outline: none;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  &.small {\r\n    padding: 0;\r\n    min-height: 48px;\r\n\r\n    ${ChipInputEl}::placeholder {\r\n      ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 4px 0;\r\n    min-height: 56px;\r\n\r\n    ${ChipInputEl}::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.multiline.medium {\r\n    ${ChipInputContentContainer} {\r\n      max-height: calc(48px * 3);\r\n      flex-wrap: wrap;\r\n      overflow-y: auto;\r\n      overflow-x: unset;\r\n    }\r\n  }\r\n\r\n  &.focus-visible-within,\r\n  :focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:focus-within {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &.invalid,\r\n  &.invalid:hover,\r\n  &.invalid:focus {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_500', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    ${ChipInputContentContainer} {\r\n      pointer-events: none;\r\n    }\r\n\r\n    cursor: not-allowed;\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    outline: none;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n  }\r\n`;\r\n\r\nexport interface ChipInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,  'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\r\n  inputId: string;\r\n  items: ChipItem[];\r\n  disabled?: boolean;\r\n  placeholder?: string;\r\n  altPlaceholder?: string;\r\n  multiLine?: boolean;\r\n  size?: Size.Large | Size.Medium | Size.Small;\r\n  loading?: boolean;\r\n  required?: boolean;\r\n\r\n  validationMessage?: string;\r\n\r\n  onRemoveItem: (item: ChipItem, index: number) => void;\r\n  inputValue: string;\r\n  onInputValueChange: (value: string) => void;\r\n  onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;\r\n  onActivationChange?: (active: boolean) => void;\r\n}\r\n\r\nexport const ChipInputField = React.forwardRef<HTMLInputElement, ChipInputFieldProps>(\r\n  (\r\n    {\r\n      inputId,\r\n      items,\r\n      disabled = false,\r\n      placeholder,\r\n      altPlaceholder,\r\n      multiLine = true,\r\n      size = Size.Medium,\r\n      validationMessage,\r\n      loading,\r\n      onRemoveItem,\r\n      onInputValueChange,\r\n      onInputKeyDown,\r\n      onActivationChange,\r\n      inputValue,\r\n      required,\r\n      onBlur,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const theme = useTheme();\r\n    const containerRef = React.useRef<HTMLDivElement>(null);\r\n    const inputRef = useFocusVisibleRef([containerRef]);\r\n    \r\n    React.useImperativeHandle(ref, () => inputRef.current, [inputRef])\r\n\r\n    /**\r\n     * Scroll container to last item on change\r\n     * */\r\n    React.useEffect(() => {\r\n      if (inputRef.current && document.activeElement === inputRef.current) {\r\n        inputRef.current.scrollIntoView({\r\n          block: 'nearest',\r\n          inline: 'nearest',\r\n        });\r\n      }\r\n    }, [containerRef, inputRef, items]);\r\n\r\n    /**\r\n     * Remove last cheap on backspace\r\n     * */\r\n    const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === 'Backspace' && !inputRef.current?.value && !e.repeat && items.length > 0) {\r\n        onRemoveItem(items[items.length - 1], items.length - 1);\r\n      } else {\r\n        onInputKeyDown(e);\r\n      }\r\n    };\r\n\r\n    const handleItemRemove = (event: any, item: ChipItem, index: number) => {\r\n      onRemoveItem(item, index);\r\n      inputRef.current?.focus({focusVisible: event.detail !== 1} as any);\r\n    };\r\n\r\n    const handleInputClear = (e: any) => {\r\n      onInputValueChange('');\r\n      inputRef.current?.focus({focusVisible: e?.detail !== 1} as any);\r\n    };\r\n\r\n    const handleContainerKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (!containerRef.current || (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight')) return;\r\n\r\n      const items = containerRef.current.querySelectorAll('[tabindex=\"0\"]') as NodeListOf<HTMLElement>;\r\n      const currentIndex = Array.from(items).indexOf(e.target as any);\r\n      const direction = e.key === 'ArrowLeft' ? -1 : 1;\r\n      const item = items[currentIndex + direction];\r\n      item?.focus({focusVisible: true} as any);\r\n\r\n      onActivationChange && onActivationChange(false);\r\n    };\r\n\r\n    const cls = `${multiLine ? 'multiline' : ''} ${validationMessage ? 'invalid' : ''} ${size} ${loading ? 'loading' : ''} ${disabled ? 'disabled' : ''}`;\r\n\r\n    return (\r\n      <Wrapper onBlur={onBlur}>\r\n        <ChipInputContainer\r\n          data-testid=\"chip-input-container\"\r\n          ref={containerRef}\r\n          onKeyDown={handleContainerKeyDown}\r\n          onClick={() => !disabled && inputRef.current?.focus()}\r\n          className={cls}>\r\n          <ChipInputContentContainer>\r\n            {items?.map((chip: ChipItem, index: number) => (\r\n              <InputChip\r\n                key={`chip_${index}`}\r\n                icon={chip?.icon}\r\n                size={size}\r\n                disabled={chip.disabled || disabled}\r\n                variant={chip.variant || States.Default}\r\n                text={chip.label}\r\n                onRemove={(e) => handleItemRemove(e, chip, index)}\r\n              />\r\n            ))}\r\n            <ChipInputBoundItems>\r\n              <ChipInputEl\r\n                ref={inputRef}\r\n                type=\"text\"\r\n                id={inputId}\r\n                required={required}\r\n                tabIndex={disabled ? -1 : 0}\r\n                value={inputValue}\r\n                onChange={(e) => onInputValueChange(e.target.value)}\r\n                onKeyDown={handleInputKeyDown}\r\n                placeholder={items?.length === 0 ? placeholder : altPlaceholder || ''}\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  onActivationChange && onActivationChange(true);\r\n                }}\r\n                {...rest}\r\n              />\r\n              {inputValue && !disabled && (\r\n                <IconButton\r\n                  id={`clear-btn-${inputId}`}\r\n                  dataTestId={`clear-btn-${inputId}`}\r\n                  action={handleInputClear}\r\n                  ref={(ref) => {\r\n                    ref?.scrollIntoView({\r\n                      block: 'nearest',\r\n                      inline: 'nearest',\r\n                    });\r\n                  }}\r\n                  useTransparentBackground={true}\r\n                  shape={'circular'}\r\n                  style={{marginLeft: '-8px'}}\r\n                  focusOnClick={true}\r\n                  variant={'secondary'}>\r\n                  <SystemIcons.Clear/>\r\n                </IconButton>\r\n              )}\r\n\r\n              {loading && (\r\n                <Loading className={size}>\r\n                  <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)}/>\r\n                </Loading>\r\n              )}\r\n            </ChipInputBoundItems>\r\n          </ChipInputContentContainer>\r\n        </ChipInputContainer>\r\n        {validationMessage && (\r\n          <ErrorMessage>\r\n            <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)}/>\r\n            <span>{validationMessage}</span>\r\n          </ErrorMessage>\r\n        )}\r\n      </Wrapper>\r\n    );\r\n  },\r\n);\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChipInputField.js","names":["React","Size","States","InputChip","ErrorMessage","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","scrollBarStyling","styled","useTheme","LoadingIndicator","useFocusVisibleRef","IconButton","SystemIcons","Wrapper","div","Loading","ChipInputBoundItems","ChipInputContentContainer","Small","ChipInputEl","input","Regular","props","getColor","theme","Italic","ChipInputContainer","ChipInputField","forwardRef","ref","inputId","items","disabled","placeholder","altPlaceholder","multiLine","size","Medium","validationMessage","loading","onRemoveItem","onInputValueChange","onInputKeyDown","onActivationChange","inputValue","required","onBlur","rest","containerRef","useRef","inputRef","useImperativeHandle","current","useEffect","document","activeElement","scrollIntoView","block","inline","handleInputKeyDown","e","key","value","repeat","length","handleItemRemove","event","item","index","focus","focusVisible","detail","handleInputClear","handleContainerKeyDown","querySelectorAll","currentIndex","Array","from","indexOf","target","direction","cls","map","chip","icon","variant","Default","label","stopPropagation","marginLeft"],"sources":["../../src/ChipsInput/ChipInputField.tsx"],"sourcesContent":["import React from 'react';\r\nimport {ChipItem} from './ChipInputTypes';\r\nimport {Size, States} from '../types';\r\nimport {InputChip} from '../Chips';\r\nimport {ErrorMessage} from '../InputFields';\r\nimport {\r\n  COLORS,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles,\r\n  scrollBarStyling\r\n} from '../styles';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {LoadingIndicator} from '../LoadingIndicator';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\n\r\nconst Wrapper = styled.div`\r\n  position: relative;\r\n`;\r\n\r\nconst Loading = styled.div`\r\n  height: 20px;\r\n  width: 20px;\r\n`;\r\n\r\nexport const ChipInputBoundItems = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex: 1;\r\n  min-width: 40px;\r\n`;\r\n\r\nexport const ChipInputContentContainer = styled.div`\r\n  width: 100%;\r\n  background: transparent;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  column-gap: 8px;\r\n  margin-right: 6px;\r\n  padding-right: 10px;\r\n  padding-left: 16px;\r\n  flex-wrap: nowrap;\r\n  overflow-x: scroll;\r\n  min-height: 48px;\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n  ::-webkit-scrollbar:horizontal {\r\n    display: none;\r\n  }\r\n\r\n  .action-right:focus,\r\n  button:focus {\r\n    outline-offset: -4px !important;\r\n  }\r\n`;\r\n\r\nexport const ChipInputEl = styled.input`\r\n  border: none;\r\n  outline: none;\r\n\r\n  height: 40px;\r\n  min-width: 40px;\r\n  display: inline-flex;\r\n  flex: 1;\r\n  background: transparent;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  color: ${props => COLORS.getColor('black', props.theme)} !important;\r\n\r\n  &::placeholder {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nexport const ChipInputContainer = styled.div`\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 4px;\r\n  margin-bottom: 4px;\r\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  cursor: text;\r\n  outline: none;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  &.small {\r\n    padding: 0;\r\n    min-height: 48px;\r\n\r\n    ${ChipInputEl}::placeholder {\r\n      ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 4px 0;\r\n    min-height: 56px;\r\n\r\n    ${ChipInputEl}::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.multiline.medium {\r\n    ${ChipInputContentContainer} {\r\n      max-height: calc(48px * 3);\r\n      flex-wrap: wrap;\r\n      overflow-y: auto;\r\n      overflow-x: unset;\r\n    }\r\n  }\r\n\r\n  &.focus-visible-within,\r\n  :focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:focus-within {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &.invalid,\r\n  &.invalid:hover,\r\n  &.invalid:focus {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_500', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    ${ChipInputContentContainer} {\r\n      pointer-events: none;\r\n    }\r\n\r\n    cursor: not-allowed;\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    outline: none;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n  }\r\n`;\r\n\r\nexport interface ChipInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,  'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\r\n  inputId: string;\r\n  items: ChipItem[];\r\n  disabled?: boolean;\r\n  placeholder?: string;\r\n  altPlaceholder?: string;\r\n  multiLine?: boolean;\r\n  size?: Size.Large | Size.Medium | Size.Small;\r\n  loading?: boolean;\r\n  required?: boolean;\r\n\r\n  validationMessage?: string;\r\n\r\n  onRemoveItem: (item: ChipItem, index: number) => void;\r\n  inputValue: string;\r\n  onInputValueChange: (value: string) => void;\r\n  onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;\r\n  onActivationChange?: (active: boolean) => void;\r\n}\r\n\r\nexport const ChipInputField = React.forwardRef<HTMLInputElement, ChipInputFieldProps>(\r\n  (\r\n    {\r\n      inputId,\r\n      items,\r\n      disabled = false,\r\n      placeholder,\r\n      altPlaceholder,\r\n      multiLine = true,\r\n      size = Size.Medium,\r\n      validationMessage,\r\n      loading,\r\n      onRemoveItem,\r\n      onInputValueChange,\r\n      onInputKeyDown,\r\n      onActivationChange,\r\n      inputValue,\r\n      required,\r\n      onBlur,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const theme = useTheme();\r\n    const containerRef = React.useRef<HTMLDivElement>(null);\r\n    const inputRef = useFocusVisibleRef([containerRef]);\r\n    \r\n    React.useImperativeHandle(ref, () => inputRef.current, [inputRef])\r\n\r\n    /**\r\n     * Scroll container to last item on change\r\n     * */\r\n    React.useEffect(() => {\r\n      if (inputRef.current && document.activeElement === inputRef.current) {\r\n        inputRef.current.scrollIntoView({\r\n          block: 'nearest',\r\n          inline: 'nearest',\r\n        });\r\n      }\r\n    }, [containerRef, inputRef, items]);\r\n\r\n    /**\r\n     * Remove last cheap on backspace\r\n     * */\r\n    const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === 'Backspace' && !inputRef.current?.value && !e.repeat && items.length > 0) {\r\n        onRemoveItem(items[items.length - 1], items.length - 1);\r\n      } else {\r\n        onInputKeyDown(e);\r\n      }\r\n    };\r\n\r\n    const handleItemRemove = (event: any, item: ChipItem, index: number) => {\r\n      onRemoveItem(item, index);\r\n      inputRef.current?.focus({focusVisible: event.detail !== 1} as any);\r\n    };\r\n\r\n    const handleInputClear = (e: any) => {\r\n      onInputValueChange('');\r\n      inputRef.current?.focus({focusVisible: e?.detail !== 1} as any);\r\n    };\r\n\r\n    const handleContainerKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (!containerRef.current || (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight')) return;\r\n\r\n      const items = containerRef.current.querySelectorAll('[tabindex=\"0\"]') as NodeListOf<HTMLElement>;\r\n      const currentIndex = Array.from(items).indexOf(e.target as any);\r\n      const direction = e.key === 'ArrowLeft' ? -1 : 1;\r\n      const item = items[currentIndex + direction];\r\n      item?.focus({focusVisible: true} as any);\r\n\r\n      onActivationChange && onActivationChange(false);\r\n    };\r\n\r\n    const cls = `${multiLine ? 'multiline' : ''} ${validationMessage ? 'invalid' : ''} ${size} ${loading ? 'loading' : ''} ${disabled ? 'disabled' : ''}`;\r\n\r\n    return (\r\n      <Wrapper onBlur={onBlur}>\r\n        <ChipInputContainer\r\n          data-testid=\"chip-input-container\"\r\n          ref={containerRef}\r\n          onKeyDown={handleContainerKeyDown}\r\n          onClick={() => !disabled && inputRef.current?.focus()}\r\n          className={cls}>\r\n          <ChipInputContentContainer>\r\n            {items?.map((chip: ChipItem, index: number) => (\r\n              <InputChip\r\n                key={`chip_${index}`}\r\n                icon={chip?.icon}\r\n                size={size}\r\n                disabled={chip.disabled || disabled}\r\n                variant={chip.variant || States.Default}\r\n                text={chip.label}\r\n                onRemove={(e) => handleItemRemove(e, chip, index)}\r\n              />\r\n            ))}\r\n            <ChipInputBoundItems>\r\n              <ChipInputEl\r\n                ref={inputRef}\r\n                type=\"text\"\r\n                id={inputId}\r\n                required={required}\r\n                tabIndex={disabled ? -1 : 0}\r\n                value={inputValue}\r\n                onChange={(e) => onInputValueChange(e.target.value)}\r\n                onKeyDown={handleInputKeyDown}\r\n                placeholder={items?.length === 0 ? placeholder : altPlaceholder || ''}\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  onActivationChange && onActivationChange(true);\r\n                }}\r\n                {...rest}\r\n              />\r\n              {inputValue && !disabled && (\r\n                <IconButton\r\n                  id={`clear-btn-${inputId}`}\r\n                  dataTestId={`clear-btn-${inputId}`}\r\n                  action={handleInputClear}\r\n                  ref={(ref) => {\r\n                    ref?.scrollIntoView({\r\n                      block: 'nearest',\r\n                      inline: 'nearest',\r\n                    });\r\n                  }}\r\n                  useTransparentBackground={true}\r\n                  shape={'circular'}\r\n                  style={{marginLeft: '-8px'}}\r\n                  focusOnClick={true}\r\n                  variant={'secondary'}>\r\n                  <SystemIcons.Clear/>\r\n                </IconButton>\r\n              )}\r\n\r\n              {loading && (\r\n                <Loading className={size}>\r\n                  <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)}/>\r\n                </Loading>\r\n              )}\r\n            </ChipInputBoundItems>\r\n          </ChipInputContentContainer>\r\n        </ChipInputContainer>\r\n        {validationMessage && (\r\n          <ErrorMessage>\r\n            <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)}/>\r\n            <span>{validationMessage}</span>\r\n          </ErrorMessage>\r\n        )}\r\n      </Wrapper>\r\n    );\r\n  },\r\n);\r\n"],"mappings":"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"}

package/dist/ChipsInput/ChipInputTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInputTypes.cjs","names":[],"sources":["../../src/ChipsInput/ChipInputTypes.ts"],"sourcesContent":["import {Size} from '../types';\r\nimport {ChipVariant} from '../Chips/ChipTypes';\r\nimport React from \"react\";\r\n\r\n\r\nexport interface ChipInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'autoSave' | 'list' | 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\r\n  inputId: string;\r\n  values: string[];\r\n  icon?: React.ReactNode;\r\n  variants?: ChipVariant[];\r\n  placeholder?: string;\r\n  altPlaceholder?: string;\r\n\r\n  onValueChange: (chips: string[]) => void;\r\n  multiLine?: boolean;\r\n  disabled?: boolean;\r\n  size?: Size.Medium | Size.Small;\r\n\r\n  validationMessage?: string;\r\n\r\n  required?: boolean;\r\n\r\n  autoSave?: boolean;\r\n}\r\n\r\n\r\nexport interface ChipItem {\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  disabled?: boolean;\r\n  variant?: ChipVariant;\r\n}\r\n\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"ChipInputTypes.cjs","names":[],"sources":["../../src/ChipsInput/ChipInputTypes.ts"],"sourcesContent":["import {Size} from '../types';\r\nimport {ChipVariant} from '../Chips/ChipTypes';\r\nimport React from \"react\";\r\n\r\n\r\nexport interface ChipInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'autoSave' | 'list' | 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\r\n  inputId: string;\r\n  values: string[];\r\n  icon?: React.ReactNode;\r\n  variants?: ChipVariant[];\r\n  placeholder?: string;\r\n  altPlaceholder?: string;\r\n\r\n  onValueChange: (chips: string[]) => void;\r\n  multiLine?: boolean;\r\n  disabled?: boolean;\r\n  size?: Size.Medium | Size.Small;\r\n\r\n  validationMessage?: string;\r\n\r\n  required?: boolean;\r\n\r\n  autoSave?: boolean;\r\n}\r\n\r\n\r\nexport interface ChipItem {\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  disabled?: boolean;\r\n  variant?: ChipVariant;\r\n}\r\n\r\n"],"mappings":""}

package/dist/ChipsInput/ChipInputTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInputTypes.js","names":[],"sources":["../../src/ChipsInput/ChipInputTypes.ts"],"sourcesContent":["import {Size} from '../types';\r\nimport {ChipVariant} from '../Chips/ChipTypes';\r\nimport React from \"react\";\r\n\r\n\r\nexport interface ChipInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'autoSave' | 'list' | 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\r\n  inputId: string;\r\n  values: string[];\r\n  icon?: React.ReactNode;\r\n  variants?: ChipVariant[];\r\n  placeholder?: string;\r\n  altPlaceholder?: string;\r\n\r\n  onValueChange: (chips: string[]) => void;\r\n  multiLine?: boolean;\r\n  disabled?: boolean;\r\n  size?: Size.Medium | Size.Small;\r\n\r\n  validationMessage?: string;\r\n\r\n  required?: boolean;\r\n\r\n  autoSave?: boolean;\r\n}\r\n\r\n\r\nexport interface ChipItem {\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  disabled?: boolean;\r\n  variant?: ChipVariant;\r\n}\r\n\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"ChipInputTypes.js","names":[],"sources":["../../src/ChipsInput/ChipInputTypes.ts"],"sourcesContent":["import {Size} from '../types';\r\nimport {ChipVariant} from '../Chips/ChipTypes';\r\nimport React from \"react\";\r\n\r\n\r\nexport interface ChipInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'autoSave' | 'list' | 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\r\n  inputId: string;\r\n  values: string[];\r\n  icon?: React.ReactNode;\r\n  variants?: ChipVariant[];\r\n  placeholder?: string;\r\n  altPlaceholder?: string;\r\n\r\n  onValueChange: (chips: string[]) => void;\r\n  multiLine?: boolean;\r\n  disabled?: boolean;\r\n  size?: Size.Medium | Size.Small;\r\n\r\n  validationMessage?: string;\r\n\r\n  required?: boolean;\r\n\r\n  autoSave?: boolean;\r\n}\r\n\r\n\r\nexport interface ChipItem {\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  disabled?: boolean;\r\n  variant?: ChipVariant;\r\n}\r\n\r\n"],"mappings":""}

package/dist/ChipsInput/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_ChipDropdownInput","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ChipInputField"],"sources":["../../src/ChipsInput/index.ts"],"sourcesContent":["export * from './ChipDropdownInput';\r\nexport * from './ChipInputField';\r\n"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/ChipsInput/index.ts"],"sourcesContent":["export * from './ChipDropdownInput';\r\nexport * from './ChipInputField';\r\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/ChipsInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/ChipsInput/index.ts"],"sourcesContent":["export * from './ChipDropdownInput';\r\nexport * from './ChipInputField';\r\n"],"mappings":"AAAA,cAAc,qBAAqB;AACnC,cAAc,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/ChipsInput/index.ts"],"sourcesContent":["export * from './ChipDropdownInput';\r\nexport * from './ChipInputField';\r\n"],"mappings":"AAAA,cAAc,qBAAqB;AACnC,cAAc,kBAAkB"}

package/dist/Dropdown/BasicDropdown.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -23,10 +23,10 @@ var _common = require("../common");
 var _styledComponents = require("styled-components");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "list", "placeholder", "messageOnNoResults", "itemsType", "action", "actionLabel", "actionVariant", "actionIcon", "actionLoading", "actionDisabled", "pinTopItem", "scrollable", "maxHeight", "disabled", "readOnly", "isButton", "activeValidationMessage", "autofilledMessage", "size", "margin", "minWidth", "className", "overflowTooltipPosition", "onBlur", "dataTestId", "onSelect", "textOverflow"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BasicDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
     list = props.list,
@@ -59,30 +59,30 @@ var BasicDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onSelect = props.onSelect,
     _props$textOverflow = props.textOverflow,
     textOverflow = _props$textOverflow === void 0 ? 'ellipsis' : _props$textOverflow,
-    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var theme = (0, _styledComponents.useTheme)();
   var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isOpen = _React$useState2[0],
     setIsOpen = _React$useState2[1];
   var _React$useState3 = React.useState(),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
     activeDescendant = _React$useState4[0],
     setActiveDescendant = _React$useState4[1];
   var _React$useState5 = React.useState(false),
-    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
     isLoading = _React$useState6[0],
     setIsLoading = _React$useState6[1];
   var _React$useState7 = React.useState(''),
-    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
+    _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
     input = _React$useState8[0],
     setInput = _React$useState8[1];
   var _React$useState9 = React.useState(null),
-    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
+    _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
     focused = _React$useState10[0],
     setFocused = _React$useState10[1];
   var _React$useState11 = React.useState(false),
-    _React$useState12 = (0, _slicedToArray2["default"])(_React$useState11, 2),
+    _React$useState12 = (0, _slicedToArray2.default)(_React$useState11, 2),
     keyboardNavigated = _React$useState12[0],
     setKeyboardNavigated = _React$useState12[1];
   var inputRef = React.useRef(null);
@@ -212,7 +212,7 @@ var BasicDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
           className: size ? "".concat(size, " value") : 'value',
           tabIndex: -1,
           disabled: disabled || false
-        }), !isOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipOverflow["default"], {
+        }), !isOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipOverflow.default, {
           position: overflowTooltipPosition,
           input: inputRef,
           withArrow: true,
@@ -233,7 +233,7 @@ var BasicDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
             className: size ? size : ''
           })
         })]
-      })), !readOnly && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContent["default"], {
+      })), !readOnly && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContent.default, {
         ref: dropdownRef,
         containerRef: containerRef,
         onActiveDescendantChanged: function onActiveDescendantChanged(id) {
@@ -284,32 +284,32 @@ var BasicDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 });
 BasicDropdown.propTypes = {
-  list: _propTypes["default"].array.isRequired,
-  itemsType: _propTypes["default"].oneOf(['normal', 'checkbox', 'radio']),
-  action: _propTypes["default"].func,
-  actionLabel: _propTypes["default"].string,
-  actionIcon: _propTypes["default"].node,
-  actionLoading: _propTypes["default"].bool,
-  actionDisabled: _propTypes["default"].bool,
-  pinTopItem: _propTypes["default"].bool,
-  scrollable: _propTypes["default"].bool,
-  maxHeight: _propTypes["default"].string,
-  placeholder: _propTypes["default"].string,
-  disableSorting: _propTypes["default"].bool,
-  messageOnNoResults: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  readOnly: _propTypes["default"].bool,
-  isButton: _propTypes["default"].bool,
-  activeValidationMessage: _propTypes["default"].string,
-  autofilledMessage: _propTypes["default"].string,
-  margin: _propTypes["default"].string,
-  minWidth: _propTypes["default"].string,
-  textOverflow: _propTypes["default"].oneOf(['ellipsis', 'default']),
-  overflowTooltipPosition: _propTypes["default"].oneOf(['top', 'bottom']),
-  multiSelect: _propTypes["default"].oneOf([false]),
-  value: _propTypes["default"].string,
-  onSelect: _propTypes["default"].func.isRequired
+  list: _propTypes.default.array.isRequired,
+  itemsType: _propTypes.default.oneOf(['normal', 'checkbox', 'radio']),
+  action: _propTypes.default.func,
+  actionLabel: _propTypes.default.string,
+  actionIcon: _propTypes.default.node,
+  actionLoading: _propTypes.default.bool,
+  actionDisabled: _propTypes.default.bool,
+  pinTopItem: _propTypes.default.bool,
+  scrollable: _propTypes.default.bool,
+  maxHeight: _propTypes.default.string,
+  placeholder: _propTypes.default.string,
+  disableSorting: _propTypes.default.bool,
+  messageOnNoResults: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  readOnly: _propTypes.default.bool,
+  isButton: _propTypes.default.bool,
+  activeValidationMessage: _propTypes.default.string,
+  autofilledMessage: _propTypes.default.string,
+  margin: _propTypes.default.string,
+  minWidth: _propTypes.default.string,
+  textOverflow: _propTypes.default.oneOf(['ellipsis', 'default']),
+  overflowTooltipPosition: _propTypes.default.oneOf(['top', 'bottom']),
+  multiSelect: _propTypes.default.oneOf([false]),
+  value: _propTypes.default.string,
+  onSelect: _propTypes.default.func.isRequired
 };
 var _default = BasicDropdown;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=BasicDropdown.cjs.map

package/dist/Dropdown/BasicDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BasicDropdown.cjs","names":["React","_interopRequireWildcard","require","_styles","_icons","_LoadingIndicator","_CommonStyling","_DropdownContent","_interopRequireDefault","_InputFields","_TooltipOverflow","_types","_common","_styledComponents","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","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","_objectWithoutProperties2","theme","useTheme","_React$useState","useState","_React$useState2","_slicedToArray2","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","useFocusVisibleRef","dropdownRef","resetDropdown","containerRef","useFocusOutsideRef","useClickOutsideRef","handleKeyDown","key","handleValueSelect","values","join","multiSelect","undefined","_styledFieldRef$curre","current","focus","focusVisible","useEffect","value","useImperativeHandle","customSetIsOpen","getDisplayItems","split","map","val","trim","listDisplayLabels","item","includes","l","displayLabel","handleBlur","currentTarget","contains","relatedTarget","cls","concat","jsxs","Fragment","children","DropdownContainer","role","$isButton","$readOnly","$disabled","DropdownInputFieldStyles","onMouseDown","defaultOnMouseDownHandler","onClick","stopPropagation","_inputRef$current","blur","_inputRef$current2","tabIndex","$isPlaceholder","$showValidationMessage","onKeyDown","$minWidth","jsx","DropdownInputField","type","$ellipsis","position","withArrow","maxWidth","align","LoadingIndicator","Size","Small","color","COLORS","getColor","SystemIcons","ArrowDropUp","ArrowDropDown","onActiveDescendantChanged","customizationProps","onValueUpdate","items","ariaRolesType","outline","selectedValues","setSelectedValues","ErrorMessage","TechnicalWarning","AutofilledMessage","Information","propTypes","_propTypes","array","isRequired","oneOf","func","string","node","bool","disableSorting","_default","exports"],"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.cjs","names":["BasicDropdown","React","forwardRef","props","ref","id","list","placeholder","messageOnNoResults","itemsType","action","actionLabel","actionVariant","actionIcon","actionLoading","actionDisabled","pinTopItem","scrollable","maxHeight","disabled","readOnly","isButton","activeValidationMessage","autofilledMessage","size","margin","minWidth","className","overflowTooltipPosition","onBlur","dataTestId","onSelect","textOverflow","rest","theme","useTheme","useState","isOpen","setIsOpen","activeDescendant","setActiveDescendant","isLoading","setIsLoading","input","setInput","focused","setFocused","keyboardNavigated","setKeyboardNavigated","inputRef","useRef","styledFieldRef","useFocusVisibleRef","dropdownRef","resetDropdown","containerRef","useFocusOutsideRef","useClickOutsideRef","handleKeyDown","e","key","handleValueSelect","values","join","multiSelect","undefined","current","focus","focusVisible","useEffect","value","useImperativeHandle","customSetIsOpen","getDisplayItems","split","map","val","trim","listDisplayLabels","filter","item","includes","l","displayLabel","handleBlur","currentTarget","contains","relatedTarget","cls","concat","defaultOnMouseDownHandler","stopPropagation","blur","Size","Small","COLORS","getColor","onValueUpdate","items","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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"}

package/dist/Dropdown/BasicDropdown.js

@@ -3,8 +3,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _pt from "prop-types";
 var _excluded = ["id", "list", "placeholder", "messageOnNoResults", "itemsType", "action", "actionLabel", "actionVariant", "actionIcon", "actionLoading", "actionDisabled", "pinTopItem", "scrollable", "maxHeight", "disabled", "readOnly", "isButton", "activeValidationMessage", "autofilledMessage", "size", "margin", "minWidth", "className", "overflowTooltipPosition", "onBlur", "dataTestId", "onSelect", "textOverflow"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import { COLORS } from '../styles';
 import { SystemIcons } from '../icons';