npm - @razorpay/blade - Versions diffs - 12.20.0 → 12.21.0 - Mend

@razorpay/blade 12.20.0 → 12.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/build/lib/native/components/Dropdown/useDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropdown.js","sources":["../../../../../src/components/Dropdown/useDropdown.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n ensureScrollVisiblity,\n getActionFromKey,\n getIndexByLetter,\n getUpdatedIndex,\n makeInputDisplayValue,\n makeInputValue,\n performAction,\n} from './dropdownUtils';\nimport type { SelectActionsType } from './dropdownUtils';\nimport type { DropdownProps } from './types';\n\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport type { FormInputHandleOnKeyDownEvent } from '~components/Form/FormTypes';\nimport { isReactNative, isBrowser } from '~utils';\nimport type { ContainerElementType } from '~utils/types';\nimport { fireNativeEvent } from '~utils/fireNativeEvent';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\ntype OptionsType = {\n title: string;\n value: string;\n onClickTrigger?: (isSelected: boolean) => void;\n}[];\n\ntype DropdownContextType = {\n isOpen: boolean;\n setIsOpen: (isOpen: boolean) => void;\n close: () => void;\n /*\n contains the indexes of selected items\n /\n selectedIndices: number[];\n setSelectedIndices: (value: number[]) => void;\n /\n contains the indexes of selected items during controlled selection\n /\n controlledValueIndices: number[];\n setControlledValueIndices: (value: number[]) => void;\n /\n contains information about all the options inside actionlist\n /\n options: OptionsType;\n setOptions: (value: OptionsType) => void;\n\n /\n Filtered values for AutoComplete Inputs\n /\n filteredValues: string[];\n setFilteredValues: (values: string[]) => void;\n\n /* Currently active (focussed) index /\n activeIndex: number;\n setActiveIndex: (value: number) => void;\n\n /* Currently active (focussed) tag /\n activeTagIndex: number;\n setActiveTagIndex: (value: number) => void;\n\n /\n Sometimes we want to ignore the blur event to keep dropdown open but not ignore the blur animation from selectinput\n * E.g. When someone clicks on Footer, we just want to ignore the blur event and not the blur animation\n /\n shouldIgnoreBlurAnimation: boolean;\n setShouldIgnoreBlurAnimation: (value: boolean) => void;\n /* Tells you if keyboard was used. Its false by default and turns into true when keydown is called /\n isKeydownPressed: boolean;\n setIsKeydownPressed: (value: boolean) => void;\n /* common baseId which is prepended to multiple other ids inside this dropdown /\n dropdownBaseId: string;\n /* Which element has triggered the dropdown /\n dropdownTriggerer?:\n \| 'SelectInput'\n \| 'DropdownButton'\n \| 'DropdownIconButton'\n \| 'AutoComplete'\n \| 'DropdownLink'\n \| 'SearchInput'\n \| 'FilterChipSelectInput';\n\n /* ref of triggerer. Used to call focus in certain places /\n triggererRef: React.MutableRefObject<HTMLButtonElement \| null>;\n triggererWrapperRef: React.MutableRefObject<ContainerElementType \| null>;\n actionListItemRef: React.RefObject<HTMLDivElement \| null>;\n isTagDismissedRef: React.RefObject<{ value: boolean } \| null>;\n visibleTagsCountRef: React.RefObject<{ value: number } \| null>;\n\n selectionType?: DropdownProps['selectionType'];\n /* whether footer has an action item.\n * certain a11y behaviour changes happen here\n * E.g. tabbing moves focus to that action instead of outside\n /\n hasFooterAction: boolean;\n setHasFooterAction: (value: boolean) => void;\n\n /\n Whether the FilterChipSelectInput is uncontrolled\n /\n hasUnControlledFilterChipSelectInput: boolean;\n setHasUnControlledFilterChipSelectInput: (value: boolean) => void;\n /\n Apart from dropdownTriggerer prop, we also set this boolean because in BottomSheet, the initial trigger can be Select but also have autocomplete inside of it\n /\n hasAutoCompleteInBottomSheetHeader: boolean;\n setHasAutoCompleteInBottomSheetHeader: (value: boolean) => void;\n\n /\n A value that can be used in dependency array to know when Dropdown value is changed.\n \n E.g.\n * ```ts\n * useEffect(() => {\n * console.log('Uncontrolled value change');\n * }, [changeCallbackTriggerer])\n * ```\n /\n changeCallbackTriggerer: number;\n setChangeCallbackTriggerer: (changeCallbackTriggerer: number) => void;\n\n /\n true when SelectInput has `value` prop (when it is controlled)\n /\n isControlled: boolean;\n setIsControlled: (isControlled: boolean) => void;\n};\n\nconst DropdownContext = React.createContext<DropdownContextType>({\n isOpen: false,\n setIsOpen: noop,\n close: noop,\n selectedIndices: [],\n setSelectedIndices: noop,\n controlledValueIndices: [],\n setControlledValueIndices: noop,\n options: [],\n setOptions: noop,\n filteredValues: [],\n setFilteredValues: noop,\n activeIndex: -1,\n setActiveIndex: noop,\n activeTagIndex: -1,\n setActiveTagIndex: noop,\n shouldIgnoreBlurAnimation: false,\n setShouldIgnoreBlurAnimation: noop,\n hasFooterAction: false,\n setHasFooterAction: noop,\n hasAutoCompleteInBottomSheetHeader: false,\n setHasAutoCompleteInBottomSheetHeader: noop,\n isKeydownPressed: false,\n setIsKeydownPressed: noop,\n changeCallbackTriggerer: 0,\n setChangeCallbackTriggerer: noop,\n isControlled: false,\n setIsControlled: noop,\n hasUnControlledFilterChipSelectInput: false,\n setHasUnControlledFilterChipSelectInput: noop,\n dropdownBaseId: '',\n actionListItemRef: {\n current: null,\n },\n triggererRef: {\n current: null,\n },\n isTagDismissedRef: {\n current: null,\n },\n visibleTagsCountRef: {\n current: null,\n },\n triggererWrapperRef: {\n current: null,\n },\n});\n\nlet searchTimeout: number;\nlet searchString = '';\n\ntype UseDropdownReturnValue = DropdownContextType & {\n /\n Click event on combobox. Toggles the dropdown\n /\n onTriggerClick: () => void;\n\n /\n Keydown event of combobox. Handles most of the keyboard accessibility of dropdown\n /\n onTriggerKeydown: FormInputHandleOnKeyDownEvent \| undefined;\n\n /\n Handles the click even on option.\n \n Contains the logic that selects the option, moves the focus, etc\n /\n onOptionClick: (\n e: React.MouseEvent<HTMLButtonElement> \| React.KeyboardEvent<HTMLInputElement>,\n index: number,\n ) => void;\n\n /\n Removes the option with given optionsIndex\n /\n removeOption: (index: number) => void;\n\n /\n value that is used during form submissions\n /\n value: string;\n /\n This is the value that is displayed inside select after selection\n /\n displayValue: string;\n};\n\n/\n Handles almost all the functionality of dropdown.\n \n Returns the values from DropdownContext along with some helper functions and event handlers\n \n /\nconst useDropdown = (): UseDropdownReturnValue => {\n const {\n isOpen,\n setIsOpen,\n close,\n selectedIndices,\n setSelectedIndices,\n activeIndex,\n setActiveIndex,\n activeTagIndex,\n setActiveTagIndex,\n visibleTagsCountRef,\n isKeydownPressed,\n setIsKeydownPressed,\n options,\n selectionType,\n changeCallbackTriggerer,\n setChangeCallbackTriggerer,\n isControlled,\n setControlledValueIndices,\n filteredValues,\n dropdownTriggerer,\n ...rest\n } = React.useContext(DropdownContext);\n\n type SelectOptionType = (\n index: number,\n properties?: {\n closeOnSelection?: boolean;\n },\n ) => boolean;\n\n const setIndices = (indices: number[]): void => {\n if (isControlled) {\n setControlledValueIndices(indices);\n } else {\n setSelectedIndices(indices);\n }\n };\n\n const removeOption = (index: number): void => {\n // remove existing item\n const existingItemIndex = selectedIndices.indexOf(index);\n if (existingItemIndex < 0) {\n return;\n }\n\n setIndices([\n ...selectedIndices.slice(0, existingItemIndex),\n ...selectedIndices.slice(existingItemIndex + 1),\n ]);\n };\n\n /*\n Marks the given index as selected.\n \n In single select, it also closes the menu.\n * In multiselect, it keeps the menu open for more selections\n /\n const selectOption: SelectOptionType = (\n index,\n properties = {\n closeOnSelection: true,\n },\n ) => {\n let isSelected = false;\n\n if (index < 0 \|\| index > options.length - 1) {\n return isSelected;\n }\n\n if (selectionType === 'multiple') {\n if (selectedIndices.includes(index)) {\n removeOption(index);\n isSelected = false;\n } else {\n setIndices([...selectedIndices, index]);\n isSelected = true;\n }\n } else {\n setIndices([index]);\n isSelected = true;\n }\n\n // Triggers `onChange` on SelectInput\n setChangeCallbackTriggerer(changeCallbackTriggerer + 1);\n\n if (activeIndex !== index) {\n setActiveIndex(index);\n }\n\n if (properties?.closeOnSelection && selectionType !== 'multiple') {\n close();\n }\n\n return isSelected;\n };\n\n /\n Click listener for combobox (or any triggerer of the dropdown)\n /\n const onTriggerClick = (): void => {\n if (isOpen) {\n close();\n } else {\n setIsOpen(true);\n }\n };\n\n /\n Function that we call when we want to move focus from one option to other\n /\n const onOptionChange = (actionType: SelectActionsType, index?: number): void => {\n setActiveTagIndex(-1);\n const newIndex = index ?? activeIndex;\n let updatedIndex: number;\n const hasAutoComplete =\n rest.hasAutoCompleteInBottomSheetHeader \|\|\n dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n if (hasAutoComplete && filteredValues.length > 0) {\n // When its autocomplete, we don't loop over all options. We only loop on filtered options\n\n const filteredIndexes = filteredValues\n .map((filteredValue) => options.findIndex((option) => option.value === filteredValue))\n .sort((a, b) => a - b);\n\n updatedIndex =\n filteredIndexes[\n getUpdatedIndex({\n currentIndex: filteredIndexes.indexOf(newIndex),\n maxIndex: filteredIndexes.length - 1,\n actionType,\n })\n ];\n } else {\n updatedIndex = getUpdatedIndex({\n currentIndex: newIndex,\n maxIndex: options.length - 1,\n actionType,\n });\n }\n setActiveIndex(updatedIndex);\n\n const optionValues = options.map((option) => option.value);\n ensureScrollVisiblity(updatedIndex, rest.actionListItemRef.current, optionValues);\n if (isBrowser()) {\n fireNativeEvent(rest.actionListItemRef as React.RefObject<HTMLElement>, ['change', 'input']);\n }\n };\n\n /\n Click handler when user clicks on any particular option.\n \n It\n * - changes the option focus\n * - selects that option\n * - moves focus to combobox\n /\n const onOptionClick = (\n e: React.MouseEvent<HTMLButtonElement> \| React.KeyboardEvent<HTMLInputElement>,\n index: number,\n ): void => {\n const actionType = getActionFromKey(e, isOpen, dropdownTriggerer);\n if (typeof actionType === 'number') {\n onOptionChange(actionType, index);\n }\n selectOption(index);\n if (!isReactNative()) {\n rest.triggererRef.current?.focus();\n }\n };\n\n /\n Function we call to handle the typeahead.\n \n It takes a letter, stores that letter in searchString (and clears it after timeout) to maintain a word\n \n Then searches for that word in options and moves focus there.\n /\n const onComboType = (letter: string, actionType: SelectActionsType): void => {\n // open the listbox if it is closed\n setIsOpen(true);\n\n if (\n rest.hasAutoCompleteInBottomSheetHeader \|\|\n dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete\n ) {\n return;\n }\n\n if (typeof searchTimeout === 'number') {\n window.clearTimeout(searchTimeout);\n }\n\n searchTimeout = window.setTimeout(() => {\n searchString = '';\n }, 500);\n // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n searchString = searchString + letter;\n const optionTitles = options.map((option) => option.title);\n const searchIndex = getIndexByLetter(optionTitles, searchString, activeIndex + 1);\n\n // if a match was found, go to it\n if (searchIndex >= 0) {\n onOptionChange(actionType, searchIndex);\n }\n // if no matches, clear the timeout and search string\n else {\n window.clearTimeout(searchTimeout);\n searchString = '';\n }\n };\n\n /\n Keydown event of combobox. Handles most of the keyboard accessibility of dropdown\n */\n const onTriggerKeydown = (e: {\n event: React.KeyboardEvent<HTMLInputElement \| HTMLButtonElement>;\n }): void => {\n if (!isKeydownPressed && ![' ', 'Enter', 'Escape', 'Meta'].includes(e.event.key)) {\n // When keydown is not already pressed and its not Enter, Space, Command, or Escape key (those are generic keys and we only want to handle arrow keys or home buttons etc)\n setIsKeydownPressed(true);\n }\n\n const actionType = getActionFromKey(e.event, isOpen, dropdownTriggerer);\n\n if (actionType) {\n performAction(actionType, e, {\n setIsOpen,\n close,\n onOptionChange,\n onComboType,\n selectCurrentOption: () => {\n if (activeIndex < 0) {\n return;\n }\n\n const isSelected = selectOption(activeIndex);\n if (rest.hasFooterAction && !isReactNative()) {\n rest.triggererRef.current?.focus();\n }\n\n options[activeIndex].onClickTrigger?.(isSelected);\n },\n });\n }\n };\n\n return {\n isOpen,\n setIsOpen,\n close,\n selectedIndices,\n setSelectedIndices,\n filteredValues,\n removeOption,\n setControlledValueIndices,\n onTriggerClick,\n onTriggerKeydown,\n onOptionClick,\n activeIndex,\n setActiveIndex,\n activeTagIndex,\n setActiveTagIndex,\n visibleTagsCountRef,\n isKeydownPressed,\n setIsKeydownPressed,\n changeCallbackTriggerer,\n setChangeCallbackTriggerer,\n isControlled,\n options,\n value: makeInputValue(selectedIndices, options),\n displayValue: makeInputDisplayValue(selectedIndices, options),\n selectionType,\n dropdownTriggerer,\n ...rest,\n };\n};\n\nexport type { DropdownContextType, OptionsType };\nexport { useDropdown, DropdownContext };\n"],"names":["noop","DropdownContext","React","createContext","isOpen","setIsOpen","close","selectedIndices","setSelectedIndices","controlledValueIndices","setControlledValueIndices","options","setOptions","filteredValues","setFilteredValues","activeIndex","setActiveIndex","activeTagIndex","setActiveTagIndex","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","hasFooterAction","setHasFooterAction","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","isKeydownPressed","setIsKeydownPressed","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setIsControlled","hasUnControlledFilterChipSelectInput","setHasUnControlledFilterChipSelectInput","dropdownBaseId","actionListItemRef","current","triggererRef","isTagDismissedRef","visibleTagsCountRef","triggererWrapperRef","searchTimeout","searchString","useDropdown","_React$useContext","useContext","selectionType","dropdownTriggerer","rest","_objectWithoutProperties","_excluded","setIndices","indices","removeOption","index","existingItemIndex","indexOf","concat","_toConsumableArray","slice","selectOption","properties","arguments","length","undefined","closeOnSelection","isSelected","includes","onTriggerClick","onOptionChange","actionType","newIndex","updatedIndex","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","filteredIndexes","map","filteredValue","findIndex","option","value","sort","a","b","getUpdatedIndex","currentIndex","maxIndex","optionValues","ensureScrollVisiblity","isBrowser","fireNativeEvent","onOptionClick","e","getActionFromKey","isReactNative","_rest$triggererRef$cu","focus","onComboType","letter","window","clearTimeout","setTimeout","optionTitles","title","searchIndex","getIndexByLetter","onTriggerKeydown","event","key","performAction","selectCurrentOption","_options$activeIndex$","_options$activeIndex","_rest$triggererRef$cu2","onClickTrigger","call","Object","assign","makeInputValue","displayValue","makeInputDisplayValue"],"mappings":"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"}
1	+ {"version":3,"file":"useDropdown.js","sources":["../../../../../src/components/Dropdown/useDropdown.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n ensureScrollVisiblity,\n getActionFromKey,\n getIndexByLetter,\n getUpdatedIndex,\n makeInputDisplayValue,\n makeInputValue,\n performAction,\n} from './dropdownUtils';\nimport type { SelectActionsType } from './dropdownUtils';\nimport type { DropdownProps } from './types';\n\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport type { FormInputHandleOnKeyDownEvent } from '~components/Form/FormTypes';\nimport { isReactNative, isBrowser } from '~utils';\nimport type { ContainerElementType } from '~utils/types';\nimport { fireNativeEvent } from '~utils/fireNativeEvent';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\ntype OptionsType = {\n title: string;\n value: string;\n onClickTrigger?: (isSelected: boolean) => void;\n}[];\n\ntype DropdownContextType = {\n isOpen: boolean;\n setIsOpen: (isOpen: boolean) => void;\n close: () => void;\n /*\n contains the indexes of selected items\n /\n selectedIndices: number[];\n setSelectedIndices: (value: number[]) => void;\n /\n contains the indexes of selected items during controlled selection\n /\n controlledValueIndices: number[];\n setControlledValueIndices: (value: number[]) => void;\n /\n contains information about all the options inside actionlist\n /\n options: OptionsType;\n setOptions: (value: OptionsType) => void;\n\n /\n Filtered values for AutoComplete Inputs\n /\n filteredValues: string[];\n setFilteredValues: (values: string[]) => void;\n\n /* Currently active (focussed) index /\n activeIndex: number;\n setActiveIndex: (value: number) => void;\n\n /* Currently active (focussed) tag /\n activeTagIndex: number;\n setActiveTagIndex: (value: number) => void;\n\n /\n Sometimes we want to ignore the blur event to keep dropdown open but not ignore the blur animation from selectinput\n * E.g. When someone clicks on Footer, we just want to ignore the blur event and not the blur animation\n /\n shouldIgnoreBlurAnimation: boolean;\n setShouldIgnoreBlurAnimation: (value: boolean) => void;\n /* Tells you if keyboard was used. Its false by default and turns into true when keydown is called /\n isKeydownPressed: boolean;\n setIsKeydownPressed: (value: boolean) => void;\n /* common baseId which is prepended to multiple other ids inside this dropdown /\n dropdownBaseId: string;\n /* Which element has triggered the dropdown /\n dropdownTriggerer?:\n \| 'SelectInput'\n \| 'DropdownButton'\n \| 'DropdownIconButton'\n \| 'AutoComplete'\n \| 'DropdownLink'\n \| 'SearchInput'\n \| 'FilterChipSelectInput';\n\n /* ref of triggerer. Used to call focus in certain places /\n triggererRef: React.MutableRefObject<HTMLButtonElement \| null>;\n headerAutoCompleteRef: React.MutableRefObject<HTMLButtonElement \| null>;\n triggererWrapperRef: React.MutableRefObject<ContainerElementType \| null>;\n actionListItemRef: React.RefObject<HTMLDivElement \| null>;\n isTagDismissedRef: React.RefObject<{ value: boolean } \| null>;\n visibleTagsCountRef: React.RefObject<{ value: number } \| null>;\n\n selectionType?: DropdownProps['selectionType'];\n /* whether footer has an action item.\n * certain a11y behaviour changes happen here\n * E.g. tabbing moves focus to that action instead of outside\n /\n hasFooterAction: boolean;\n setHasFooterAction: (value: boolean) => void;\n\n /\n Whether the FilterChipSelectInput is uncontrolled\n /\n hasUnControlledFilterChipSelectInput: boolean;\n setHasUnControlledFilterChipSelectInput: (value: boolean) => void;\n /\n Apart from dropdownTriggerer prop, we also set this boolean because in BottomSheetHeader and DropdownHeader, the trigger can be Select but they can also have autocomplete inside of header\n /\n hasAutoCompleteInHeader: boolean;\n setHasAutoCompleteInHeader: (value: boolean) => void;\n\n /\n A value that can be used in dependency array to know when Dropdown value is changed.\n \n E.g.\n * ```ts\n * useEffect(() => {\n * console.log('Uncontrolled value change');\n * }, [changeCallbackTriggerer])\n * ```\n /\n changeCallbackTriggerer: number;\n setChangeCallbackTriggerer: (changeCallbackTriggerer: number) => void;\n\n /\n true when SelectInput has `value` prop (when it is controlled)\n /\n isControlled: boolean;\n setIsControlled: (isControlled: boolean) => void;\n};\n\nconst DropdownContext = React.createContext<DropdownContextType>({\n isOpen: false,\n setIsOpen: noop,\n close: noop,\n selectedIndices: [],\n setSelectedIndices: noop,\n controlledValueIndices: [],\n setControlledValueIndices: noop,\n options: [],\n setOptions: noop,\n filteredValues: [],\n setFilteredValues: noop,\n activeIndex: -1,\n setActiveIndex: noop,\n activeTagIndex: -1,\n setActiveTagIndex: noop,\n shouldIgnoreBlurAnimation: false,\n setShouldIgnoreBlurAnimation: noop,\n hasFooterAction: false,\n setHasFooterAction: noop,\n hasAutoCompleteInHeader: false,\n setHasAutoCompleteInHeader: noop,\n isKeydownPressed: false,\n setIsKeydownPressed: noop,\n changeCallbackTriggerer: 0,\n setChangeCallbackTriggerer: noop,\n isControlled: false,\n setIsControlled: noop,\n hasUnControlledFilterChipSelectInput: false,\n setHasUnControlledFilterChipSelectInput: noop,\n dropdownBaseId: '',\n actionListItemRef: {\n current: null,\n },\n triggererRef: {\n current: null,\n },\n headerAutoCompleteRef: {\n current: null,\n },\n isTagDismissedRef: {\n current: null,\n },\n visibleTagsCountRef: {\n current: null,\n },\n triggererWrapperRef: {\n current: null,\n },\n});\n\nlet searchTimeout: number;\nlet searchString = '';\n\ntype UseDropdownReturnValue = DropdownContextType & {\n /\n Click event on combobox. Toggles the dropdown\n /\n onTriggerClick: () => void;\n\n /\n Keydown event of combobox. Handles most of the keyboard accessibility of dropdown\n /\n onTriggerKeydown: FormInputHandleOnKeyDownEvent \| undefined;\n\n /\n Handles the click even on option.\n \n Contains the logic that selects the option, moves the focus, etc\n /\n onOptionClick: (\n e: React.MouseEvent<HTMLButtonElement> \| React.KeyboardEvent<HTMLInputElement>,\n index: number,\n ) => void;\n\n /\n Removes the option with given optionsIndex\n /\n removeOption: (index: number) => void;\n\n /\n value that is used during form submissions\n /\n value: string;\n /\n This is the value that is displayed inside select after selection\n /\n displayValue: string;\n};\n\n/\n Handles almost all the functionality of dropdown.\n \n Returns the values from DropdownContext along with some helper functions and event handlers\n \n /\nconst useDropdown = (): UseDropdownReturnValue => {\n const {\n isOpen,\n setIsOpen,\n close,\n selectedIndices,\n setSelectedIndices,\n activeIndex,\n setActiveIndex,\n activeTagIndex,\n setActiveTagIndex,\n visibleTagsCountRef,\n isKeydownPressed,\n setIsKeydownPressed,\n options,\n selectionType,\n changeCallbackTriggerer,\n setChangeCallbackTriggerer,\n isControlled,\n setControlledValueIndices,\n filteredValues,\n dropdownTriggerer,\n ...rest\n } = React.useContext(DropdownContext);\n\n type SelectOptionType = (\n index: number,\n properties?: {\n closeOnSelection?: boolean;\n },\n ) => boolean;\n\n const setIndices = (indices: number[]): void => {\n if (isControlled) {\n setControlledValueIndices(indices);\n } else {\n setSelectedIndices(indices);\n }\n };\n\n const removeOption = (index: number): void => {\n // remove existing item\n const existingItemIndex = selectedIndices.indexOf(index);\n if (existingItemIndex < 0) {\n return;\n }\n\n setIndices([\n ...selectedIndices.slice(0, existingItemIndex),\n ...selectedIndices.slice(existingItemIndex + 1),\n ]);\n };\n\n /*\n Marks the given index as selected.\n \n In single select, it also closes the menu.\n * In multiselect, it keeps the menu open for more selections\n /\n const selectOption: SelectOptionType = (\n index,\n properties = {\n closeOnSelection: true,\n },\n ) => {\n let isSelected = false;\n\n if (index < 0 \|\| index > options.length - 1) {\n return isSelected;\n }\n\n if (selectionType === 'multiple') {\n if (selectedIndices.includes(index)) {\n removeOption(index);\n isSelected = false;\n } else {\n setIndices([...selectedIndices, index]);\n isSelected = true;\n }\n } else {\n setIndices([index]);\n isSelected = true;\n }\n\n // Triggers `onChange` on SelectInput\n setChangeCallbackTriggerer(changeCallbackTriggerer + 1);\n\n if (activeIndex !== index) {\n setActiveIndex(index);\n }\n\n if (properties?.closeOnSelection && selectionType !== 'multiple') {\n close();\n }\n\n return isSelected;\n };\n\n /\n Click listener for combobox (or any triggerer of the dropdown)\n /\n const onTriggerClick = (): void => {\n if (isOpen) {\n close();\n } else {\n setIsOpen(true);\n }\n };\n\n /\n Function that we call when we want to move focus from one option to other\n /\n const onOptionChange = (actionType: SelectActionsType, index?: number): void => {\n setActiveTagIndex(-1);\n const newIndex = index ?? activeIndex;\n let updatedIndex: number;\n const hasAutoComplete =\n rest.hasAutoCompleteInHeader \|\|\n dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n if (hasAutoComplete && filteredValues.length > 0) {\n // When its autocomplete, we don't loop over all options. We only loop on filtered options\n\n const filteredIndexes = filteredValues\n .map((filteredValue) => options.findIndex((option) => option.value === filteredValue))\n .sort((a, b) => a - b);\n\n updatedIndex =\n filteredIndexes[\n getUpdatedIndex({\n currentIndex: filteredIndexes.indexOf(newIndex),\n maxIndex: filteredIndexes.length - 1,\n actionType,\n })\n ];\n } else {\n updatedIndex = getUpdatedIndex({\n currentIndex: newIndex,\n maxIndex: options.length - 1,\n actionType,\n });\n }\n setActiveIndex(updatedIndex);\n\n const optionValues = options.map((option) => option.value);\n ensureScrollVisiblity(updatedIndex, rest.actionListItemRef.current, optionValues);\n if (isBrowser()) {\n fireNativeEvent(rest.actionListItemRef as React.RefObject<HTMLElement>, ['change', 'input']);\n }\n };\n\n /\n Click handler when user clicks on any particular option.\n \n It\n * - changes the option focus\n * - selects that option\n * - moves focus to combobox\n /\n const onOptionClick = (\n e: React.MouseEvent<HTMLButtonElement> \| React.KeyboardEvent<HTMLInputElement>,\n index: number,\n ): void => {\n setIsKeydownPressed(false);\n const actionType = getActionFromKey(e, isOpen, dropdownTriggerer);\n if (typeof actionType === 'number') {\n onOptionChange(actionType, index);\n }\n selectOption(index);\n\n if (!isReactNative()) {\n if (rest.hasAutoCompleteInHeader) {\n // move focus to autocomplete\n rest.headerAutoCompleteRef.current?.focus();\n } else {\n rest.triggererRef.current?.focus();\n }\n }\n };\n\n /\n Function we call to handle the typeahead.\n \n It takes a letter, stores that letter in searchString (and clears it after timeout) to maintain a word\n \n Then searches for that word in options and moves focus there.\n /\n const onComboType = (letter: string, actionType: SelectActionsType): void => {\n // open the listbox if it is closed\n setIsOpen(true);\n\n if (\n rest.hasAutoCompleteInHeader \|\|\n dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete\n ) {\n return;\n }\n\n if (typeof searchTimeout === 'number') {\n window.clearTimeout(searchTimeout);\n }\n\n searchTimeout = window.setTimeout(() => {\n searchString = '';\n }, 500);\n // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n searchString = searchString + letter;\n const optionTitles = options.map((option) => option.title);\n const searchIndex = getIndexByLetter(optionTitles, searchString, activeIndex + 1);\n\n // if a match was found, go to it\n if (searchIndex >= 0) {\n onOptionChange(actionType, searchIndex);\n }\n // if no matches, clear the timeout and search string\n else {\n window.clearTimeout(searchTimeout);\n searchString = '';\n }\n };\n\n /\n Keydown event of combobox. Handles most of the keyboard accessibility of dropdown\n */\n const onTriggerKeydown = (e: {\n event: React.KeyboardEvent<HTMLInputElement \| HTMLButtonElement>;\n }): void => {\n if (!isKeydownPressed && ![' ', 'Enter', 'Escape', 'Meta'].includes(e.event.key)) {\n // When keydown is not already pressed and its not Enter, Space, Command, or Escape key (those are generic keys and we only want to handle arrow keys or home buttons etc)\n setIsKeydownPressed(true);\n }\n\n const actionType = getActionFromKey(e.event, isOpen, dropdownTriggerer);\n\n if (actionType) {\n performAction(actionType, e, {\n setIsOpen,\n close,\n onOptionChange,\n onComboType,\n selectCurrentOption: () => {\n if (activeIndex < 0) {\n return;\n }\n\n const isSelected = selectOption(activeIndex);\n if (rest.hasFooterAction && !isReactNative()) {\n rest.triggererRef.current?.focus();\n }\n\n options[activeIndex].onClickTrigger?.(isSelected);\n },\n });\n }\n };\n\n return {\n isOpen,\n setIsOpen,\n close,\n selectedIndices,\n setSelectedIndices,\n filteredValues,\n removeOption,\n setControlledValueIndices,\n onTriggerClick,\n onTriggerKeydown,\n onOptionClick,\n activeIndex,\n setActiveIndex,\n activeTagIndex,\n setActiveTagIndex,\n visibleTagsCountRef,\n isKeydownPressed,\n setIsKeydownPressed,\n changeCallbackTriggerer,\n setChangeCallbackTriggerer,\n isControlled,\n options,\n value: makeInputValue(selectedIndices, options),\n displayValue: makeInputDisplayValue(selectedIndices, options),\n selectionType,\n dropdownTriggerer,\n ...rest,\n };\n};\n\nexport type { DropdownContextType, OptionsType };\nexport { useDropdown, DropdownContext };\n"],"names":["noop","DropdownContext","React","createContext","isOpen","setIsOpen","close","selectedIndices","setSelectedIndices","controlledValueIndices","setControlledValueIndices","options","setOptions","filteredValues","setFilteredValues","activeIndex","setActiveIndex","activeTagIndex","setActiveTagIndex","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","hasFooterAction","setHasFooterAction","hasAutoCompleteInHeader","setHasAutoCompleteInHeader","isKeydownPressed","setIsKeydownPressed","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setIsControlled","hasUnControlledFilterChipSelectInput","setHasUnControlledFilterChipSelectInput","dropdownBaseId","actionListItemRef","current","triggererRef","headerAutoCompleteRef","isTagDismissedRef","visibleTagsCountRef","triggererWrapperRef","searchTimeout","searchString","useDropdown","_React$useContext","useContext","selectionType","dropdownTriggerer","rest","_objectWithoutProperties","_excluded","setIndices","indices","removeOption","index","existingItemIndex","indexOf","concat","_toConsumableArray","slice","selectOption","properties","arguments","length","undefined","closeOnSelection","isSelected","includes","onTriggerClick","onOptionChange","actionType","newIndex","updatedIndex","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","filteredIndexes","map","filteredValue","findIndex","option","value","sort","a","b","getUpdatedIndex","currentIndex","maxIndex","optionValues","ensureScrollVisiblity","isBrowser","fireNativeEvent","onOptionClick","e","getActionFromKey","isReactNative","_rest$headerAutoCompl","focus","_rest$triggererRef$cu","onComboType","letter","window","clearTimeout","setTimeout","optionTitles","title","searchIndex","getIndexByLetter","onTriggerKeydown","event","key","performAction","selectCurrentOption","_options$activeIndex$","_options$activeIndex","_rest$triggererRef$cu2","onClickTrigger","call","Object","assign","makeInputValue","displayValue","makeInputDisplayValue"],"mappings":";;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,QAAA,CAAA,WAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,gBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,qBAAA,CAAA,kBAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,4BAAA,CAAA,cAAA,CAAA,2BAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,CAqBA,IAAMA,IAAI,CAAG,SAAPA,IAAIA,EAAe,EAAE,CA8GrB,IAAAC,eAAe,CAAGC,cAAK,CAACC,aAAa,CAAsB,CAC/DC,MAAM,CAAE,KAAK,CACbC,SAAS,CAAEL,IAAI,CACfM,KAAK,CAAEN,IAAI,CACXO,eAAe,CAAE,EAAE,CACnBC,kBAAkB,CAAER,IAAI,CACxBS,sBAAsB,CAAE,EAAE,CAC1BC,yBAAyB,CAAEV,IAAI,CAC/BW,OAAO,CAAE,EAAE,CACXC,UAAU,CAAEZ,IAAI,CAChBa,cAAc,CAAE,EAAE,CAClBC,iBAAiB,CAAEd,IAAI,CACvBe,WAAW,CAAE,CAAC,CAAC,CACfC,cAAc,CAAEhB,IAAI,CACpBiB,cAAc,CAAE,CAAC,CAAC,CAClBC,iBAAiB,CAAElB,IAAI,CACvBmB,yBAAyB,CAAE,KAAK,CAChCC,4BAA4B,CAAEpB,IAAI,CAClCqB,eAAe,CAAE,KAAK,CACtBC,kBAAkB,CAAEtB,IAAI,CACxBuB,uBAAuB,CAAE,KAAK,CAC9BC,0BAA0B,CAAExB,IAAI,CAChCyB,gBAAgB,CAAE,KAAK,CACvBC,mBAAmB,CAAE1B,IAAI,CACzB2B,uBAAuB,CAAE,CAAC,CAC1BC,0BAA0B,CAAE5B,IAAI,CAChC6B,YAAY,CAAE,KAAK,CACnBC,eAAe,CAAE9B,IAAI,CACrB+B,oCAAoC,CAAE,KAAK,CAC3CC,uCAAuC,CAAEhC,IAAI,CAC7CiC,cAAc,CAAE,EAAE,CAClBC,iBAAiB,CAAE,CACjBC,OAAO,CAAE,IACX,CAAC,CACDC,YAAY,CAAE,CACZD,OAAO,CAAE,IACX,CAAC,CACDE,qBAAqB,CAAE,CACrBF,OAAO,CAAE,IACX,CAAC,CACDG,iBAAiB,CAAE,CACjBH,OAAO,CAAE,IACX,CAAC,CACDI,mBAAmB,CAAE,CACnBJ,OAAO,CAAE,IACX,CAAC,CACDK,mBAAmB,CAAE,CACnBL,OAAO,CAAE,IACX,CACF,CAAC,EAED,IAAIM,aAAqB,CACzB,IAAIC,YAAY,CAAG,EAAE,CA4Cf,IAAAC,WAAW,CAAG,SAAdA,WAAWA,EAAiC,CAChD,IAAAC,iBAAA,CAsBI1C,cAAK,CAAC2C,UAAU,CAAC5C,eAAe,CAAC,CArBnCG,MAAM,CAAAwC,iBAAA,CAANxC,MAAM,CACNC,SAAS,CAAAuC,iBAAA,CAATvC,SAAS,CACTC,KAAK,CAAAsC,iBAAA,CAALtC,KAAK,CACLC,eAAe,CAAAqC,iBAAA,CAAfrC,eAAe,CACfC,kBAAkB,CAAAoC,iBAAA,CAAlBpC,kBAAkB,CAClBO,WAAW,CAAA6B,iBAAA,CAAX7B,WAAW,CACXC,cAAc,CAAA4B,iBAAA,CAAd5B,cAAc,CACdC,cAAc,CAAA2B,iBAAA,CAAd3B,cAAc,CACdC,iBAAiB,CAAA0B,iBAAA,CAAjB1B,iBAAiB,CACjBqB,mBAAmB,CAAAK,iBAAA,CAAnBL,mBAAmB,CACnBd,gBAAgB,CAAAmB,iBAAA,CAAhBnB,gBAAgB,CAChBC,mBAAmB,CAAAkB,iBAAA,CAAnBlB,mBAAmB,CACnBf,OAAO,CAAAiC,iBAAA,CAAPjC,OAAO,CACPmC,aAAa,CAAAF,iBAAA,CAAbE,aAAa,CACbnB,uBAAuB,CAAAiB,iBAAA,CAAvBjB,uBAAuB,CACvBC,0BAA0B,CAAAgB,iBAAA,CAA1BhB,0BAA0B,CAC1BC,YAAY,CAAAe,iBAAA,CAAZf,YAAY,CACZnB,yBAAyB,CAAAkC,iBAAA,CAAzBlC,yBAAyB,CACzBG,cAAc,CAAA+B,iBAAA,CAAd/B,cAAc,CACdkC,iBAAiB,CAAAH,iBAAA,CAAjBG,iBAAiB,CACdC,IAAI,CAAAC,wBAAA,CAAAL,iBAAA,CAAAM,SAAA,EAUT,IAAMC,UAAU,CAAG,SAAbA,UAAUA,CAAIC,OAAiB,CAAW,CAC9C,GAAIvB,YAAY,CAAE,CAChBnB,yBAAyB,CAAC0C,OAAO,CAAC,CACpC,CAAC,KAAM,CACL5C,kBAAkB,CAAC4C,OAAO,CAAC,CAC7B,CACF,CAAC,CAED,IAAMC,YAAY,CAAG,SAAfA,YAAYA,CAAIC,KAAa,CAAW,CAE5C,IAAMC,iBAAiB,CAAGhD,eAAe,CAACiD,OAAO,CAACF,KAAK,CAAC,CACxD,GAAIC,iBAAiB,CAAG,CAAC,CAAE,CACzB,OACF,CAEAJ,UAAU,IAAAM,MAAA,CAAAC,kBAAA,CACLnD,eAAe,CAACoD,KAAK,CAAC,CAAC,CAAEJ,iBAAiB,CAAC,CAAA,CAAAG,kBAAA,CAC3CnD,eAAe,CAACoD,KAAK,CAACJ,iBAAiB,CAAG,CAAC,CAAC,CAAA,CAChD,CAAC,CACJ,CAAC,CAQD,IAAMK,YAA8B,CAAG,SAAjCA,YAA8BA,CAClCN,KAAK,CAIF,CAHH,IAAAO,UAAU,CAAAC,SAAA,CAAAC,MAAA,CAAA,CAAA,EAAAD,SAAA,CAAAE,CAAAA,CAAAA,GAAAA,SAAA,CAAAF,SAAA,IAAG,CACXG,gBAAgB,CAAE,IACpB,CAAC,CAED,IAAIC,UAAU,CAAG,KAAK,CAEtB,GAAIZ,KAAK,CAAG,CAAC,EAAIA,KAAK,CAAG3C,OAAO,CAACoD,MAAM,CAAG,CAAC,CAAE,CAC3C,OAAOG,UAAU,CACnB,CAEA,GAAIpB,aAAa,GAAK,UAAU,CAAE,CAChC,GAAIvC,eAAe,CAAC4D,QAAQ,CAACb,KAAK,CAAC,CAAE,CACnCD,YAAY,CAACC,KAAK,CAAC,CACnBY,UAAU,CAAG,KAAK,CACpB,CAAC,KAAM,CACLf,UAAU,CAAA,EAAA,CAAAM,MAAA,CAAAC,kBAAA,CAAKnD,eAAe,GAAE+C,KAAK,CAAA,CAAC,CAAC,CACvCY,UAAU,CAAG,IAAI,CACnB,CACF,CAAC,KAAM,CACLf,UAAU,CAAC,CAACG,KAAK,CAAC,CAAC,CACnBY,UAAU,CAAG,IAAI,CACnB,CAGAtC,0BAA0B,CAACD,uBAAuB,CAAG,CAAC,CAAC,CAEvD,GAAIZ,WAAW,GAAKuC,KAAK,CAAE,CACzBtC,cAAc,CAACsC,KAAK,CAAC,CACvB,CAEA,GAAIO,UAAU,EAAA,IAAA,EAAVA,UAAU,CAAEI,gBAAgB,EAAInB,aAAa,GAAK,UAAU,CAAE,CAChExC,KAAK,EAAE,CACT,CAEA,OAAO4D,UAAU,CACnB,CAAC,CAKD,IAAME,cAAc,CAAG,SAAjBA,cAAcA,EAAe,CACjC,GAAIhE,MAAM,CAAE,CACVE,KAAK,EAAE,CACT,CAAC,KAAM,CACLD,SAAS,CAAC,IAAI,CAAC,CACjB,CACF,CAAC,CAKD,IAAMgE,cAAc,CAAG,SAAjBA,cAAcA,CAAIC,UAA6B,CAAEhB,KAAc,CAAW,CAC9EpC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CACrB,IAAMqD,QAAQ,CAAGjB,KAAK,EAAA,IAAA,CAALA,KAAK,CAAIvC,WAAW,CACrC,IAAIyD,YAAoB,CACxB,IAAMC,eAAe,CACnBzB,IAAI,CAACzB,uBAAuB,EAC5BwB,iBAAiB,GAAK2B,oBAAoB,CAACC,QAAQ,CAACC,YAAY,CAClE,GAAIH,eAAe,EAAI5D,cAAc,CAACkD,MAAM,CAAG,CAAC,CAAE,CAGhD,IAAMc,eAAe,CAAGhE,cAAc,CACnCiE,GAAG,CAAC,SAACC,aAAa,CAAA,CAAA,OAAKpE,OAAO,CAACqE,SAAS,CAAC,SAACC,MAAM,CAAK,CAAA,OAAAA,MAAM,CAACC,KAAK,GAAKH,aAAa,GAAC,CAAC,CAAA,CAAA,CACrFI,IAAI,CAAC,SAACC,CAAC,CAAEC,CAAC,CAAK,CAAA,OAAAD,CAAC,CAAGC,CAAC,GAAC,CAExBb,YAAY,CACVK,eAAe,CACbS,eAAe,CAAC,CACdC,YAAY,CAAEV,eAAe,CAACrB,OAAO,CAACe,QAAQ,CAAC,CAC/CiB,QAAQ,CAAEX,eAAe,CAACd,MAAM,CAAG,CAAC,CACpCO,UAAU,CAAVA,UACF,CAAC,CAAC,CACH,CACL,CAAC,KAAM,CACLE,YAAY,CAAGc,eAAe,CAAC,CAC7BC,YAAY,CAAEhB,QAAQ,CACtBiB,QAAQ,CAAE7E,OAAO,CAACoD,MAAM,CAAG,CAAC,CAC5BO,UAAU,CAAVA,UACF,CAAC,CAAC,CACJ,CACAtD,cAAc,CAACwD,YAAY,CAAC,CAE5B,IAAMiB,YAAY,CAAG9E,OAAO,CAACmE,GAAG,CAAC,SAACG,MAAM,CAAK,CAAA,OAAAA,MAAM,CAACC,KAAK,CAAC,CAAA,CAAA,CAC1DQ,qBAAqB,CAAClB,YAAY,CAAExB,IAAI,CAACd,iBAAiB,CAACC,OAAO,CAAEsD,YAAY,CAAC,CACjF,GAAIE,SAAS,EAAE,CAAE,CACfC,eAAe,CAAC5C,IAAI,CAACd,iBAAsE,CAAC,CAC9F,CACF,CAAC,CAUD,IAAM2D,aAAa,CAAG,SAAhBA,aAAaA,CACjBC,CAA8E,CAC9ExC,KAAa,CACJ,CACT5B,mBAAmB,CAAC,KAAK,CAAC,CAC1B,IAAM4C,UAAU,CAAGyB,gBAAgB,CAACD,CAAC,CAAE1F,MAAM,CAAE2C,iBAAiB,CAAC,CACjE,GAAI,OAAOuB,UAAU,GAAK,QAAQ,CAAE,CAClCD,cAAc,CAACC,UAAU,CAAEhB,KAAK,CAAC,CACnC,CACAM,YAAY,CAACN,KAAK,CAAC,CAEnB,GAAI,CAAC0C,aAAa,EAAE,CAAE,CACpB,GAAIhD,IAAI,CAACzB,uBAAuB,CAAE,KAAA0E,qBAAA,CAEhC,CAAAA,qBAAA,CAAAjD,IAAI,CAACX,qBAAqB,CAACF,OAAO,eAAlC8D,qBAAA,CAAoCC,KAAK,EAAE,CAC7C,CAAC,KAAM,CAAAC,IAAAA,qBAAA,CACL,CAAAA,qBAAA,CAAAnD,IAAI,CAACZ,YAAY,CAACD,OAAO,GAAzBgE,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,qBAAA,CAA2BD,KAAK,EAAE,CACpC,CACF,CACF,CAAC,CASD,IAAME,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAc,CAAE/B,UAA6B,CAAW,CAE3EjE,SAAS,CAAC,IAAI,CAAC,CAEf,GACE2C,IAAI,CAACzB,uBAAuB,EAC5BwB,iBAAiB,GAAK2B,oBAAoB,CAACC,QAAQ,CAACC,YAAY,CAChE,CACA,OACF,CAEA,GAAI,OAAOnC,aAAa,GAAK,QAAQ,CAAE,CACrC6D,MAAM,CAACC,YAAY,CAAC9D,aAAa,CAAC,CACpC,CAEAA,aAAa,CAAG6D,MAAM,CAACE,UAAU,CAAC,UAAM,CACtC9D,YAAY,CAAG,EAAE,CACnB,CAAC,CAAE,GAAG,CAAC,CAEPA,YAAY,CAAGA,YAAY,CAAG2D,MAAM,CACpC,IAAMI,YAAY,CAAG9F,OAAO,CAACmE,GAAG,CAAC,SAACG,MAAM,SAAKA,MAAM,CAACyB,KAAK,CAAA,CAAA,CAAC,CAC1D,IAAMC,WAAW,CAAGC,gBAAgB,CAACH,YAAY,CAAE/D,YAAY,CAAE3B,WAAW,CAAG,CAAC,CAAC,CAGjF,GAAI4F,WAAW,EAAI,CAAC,CAAE,CACpBtC,cAAc,CAACC,UAAU,CAAEqC,WAAW,CAAC,CACzC,CAAC,KAEI,CACHL,MAAM,CAACC,YAAY,CAAC9D,aAAa,CAAC,CAClCC,YAAY,CAAG,EAAE,CACnB,CACF,CAAC,CAKD,IAAMmE,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAIf,CAEzB,CAAW,CACV,GAAI,CAACrE,gBAAgB,EAAI,CAAC,CAAC,GAAG,CAAE,OAAO,CAAE,QAAQ,CAAE,MAAM,CAAC,CAAC0C,QAAQ,CAAC2B,CAAC,CAACgB,KAAK,CAACC,GAAG,CAAC,CAAE,CAEhFrF,mBAAmB,CAAC,IAAI,CAAC,CAC3B,CAEA,IAAM4C,UAAU,CAAGyB,gBAAgB,CAACD,CAAC,CAACgB,KAAK,CAAE1G,MAAM,CAAE2C,iBAAiB,CAAC,CAEvE,GAAIuB,UAAU,CAAE,CACd0C,aAAa,CAAC1C,UAAU,CAAEwB,CAAC,CAAE,CAC3BzF,SAAS,CAATA,SAAS,CACTC,KAAK,CAALA,KAAK,CACL+D,cAAc,CAAdA,cAAc,CACd+B,WAAW,CAAXA,WAAW,CACXa,mBAAmB,CAAE,SAAAA,mBAAAA,EAAM,CAAAC,IAAAA,qBAAA,CAAAC,oBAAA,CACzB,GAAIpG,WAAW,CAAG,CAAC,CAAE,CACnB,OACF,CAEA,IAAMmD,UAAU,CAAGN,YAAY,CAAC7C,WAAW,CAAC,CAC5C,GAAIiC,IAAI,CAAC3B,eAAe,EAAI,CAAC2E,aAAa,EAAE,CAAE,KAAAoB,sBAAA,CAC5C,CAAAA,sBAAA,CAAApE,IAAI,CAACZ,YAAY,CAACD,OAAO,eAAzBiF,sBAAA,CAA2BlB,KAAK,EAAE,CACpC,CAEA,CAAAgB,qBAAA,CAAA,CAAAC,oBAAA,CAAAxG,OAAO,CAACI,WAAW,CAAC,EAACsG,cAAc,GAAA,IAAA,CAAA,KAAA,CAAA,CAAnCH,qBAAA,CAAAI,IAAA,CAAAH,oBAAA,CAAsCjD,UAAU,CAAC,CACnD,CACF,CAAC,CAAC,CACJ,CACF,CAAC,CAED,OAAAqD,MAAA,CAAAC,MAAA,CACEpH,CAAAA,MAAM,CAANA,MAAM,CACNC,SAAS,CAATA,SAAS,CACTC,KAAK,CAALA,KAAK,CACLC,eAAe,CAAfA,eAAe,CACfC,kBAAkB,CAAlBA,kBAAkB,CAClBK,cAAc,CAAdA,cAAc,CACdwC,YAAY,CAAZA,YAAY,CACZ3C,yBAAyB,CAAzBA,yBAAyB,CACzB0D,cAAc,CAAdA,cAAc,CACdyC,gBAAgB,CAAhBA,gBAAgB,CAChBhB,aAAa,CAAbA,aAAa,CACb9E,WAAW,CAAXA,WAAW,CACXC,cAAc,CAAdA,cAAc,CACdC,cAAc,CAAdA,cAAc,CACdC,iBAAiB,CAAjBA,iBAAiB,CACjBqB,mBAAmB,CAAnBA,mBAAmB,CACnBd,gBAAgB,CAAhBA,gBAAgB,CAChBC,mBAAmB,CAAnBA,mBAAmB,CACnBC,uBAAuB,CAAvBA,uBAAuB,CACvBC,0BAA0B,CAA1BA,0BAA0B,CAC1BC,YAAY,CAAZA,YAAY,CACZlB,OAAO,CAAPA,OAAO,CACPuE,KAAK,CAAEuC,cAAc,CAAClH,eAAe,CAAEI,OAAO,CAAC,CAC/C+G,YAAY,CAAEC,qBAAqB,CAACpH,eAAe,CAAEI,OAAO,CAAC,CAC7DmC,aAAa,CAAbA,aAAa,CACbC,iBAAiB,CAAjBA,iBAAiB,CAAA,CACdC,IAAI,CAEX,CAAA;;;;"}

package/build/lib/native/components/Input/BaseInput/BaseInput.js CHANGED Viewed

@@ -40,7 +40,7 @@ import { useMergeRefs } from '../../../utils/useMergeRefs.js';
 import { getOuterMotionRef, getInnerMotionRef } from '../../../utils/getMotionRefs.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-var _excluded=["as","label","labelPosition","placeholder","type","defaultValue","tags","showAllTags","activeTagIndex","setActiveTagIndex","name","value","onFocus","onChange","onInput","onBlur","onSubmit","onClick","onKeyDown","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","onTrailingInteractionElementClick","leadingInteractionElement","suffix","trailingIcon","maxCharacters","textAlign","autoFocus","keyboardReturnKeyType","keyboardType","autoCompleteSuggestionType","trailingHeaderSlot","trailingFooterSlot","numberOfLines","id","componentName","accessibilityLabel","labelId","activeDescendant","hideLabelText","hideFormHint","hasPopup","popupId","isPopupExpanded","maxTagRows","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","autoCapitalize","setInputWrapperRef","testID","isDropdownTrigger","isLabelInsideInput","size","trailingButton","valueComponentType","isTableInputCell","showHintsAsTooltip","_motionMeta"];var autoCompleteSuggestionTypeValues=['none','on','name','email','username','password','newPassword','oneTimeCode','telephone','postalCode','countryName','creditCardNumber','creditCardCSC','creditCardExpiry','creditCardExpiryMonth','creditCardExpiryYear'];var useTags=function useTags(tags,activeTagIndex,setActiveTagIndex){var visibleTagsCountRef=React__default.useRef(0);React__default.useEffect(function(){if(tags&&activeTagIndex>=0&&activeTagIndex<tags.length){var _tags$activeTagIndex,_tags$activeTagIndex$;var tagTitle=(_tags$activeTagIndex=tags[activeTagIndex])==null?void 0:(_tags$activeTagIndex$=_tags$activeTagIndex.props)==null?void 0:_tags$activeTagIndex$.children;if(tagTitle){announce(`Close ${tagTitle} Tag`);}}},[activeTagIndex,tags==null?void 0:tags.length]);var onTagLeft=function onTagLeft(){if(activeTagIndex<0){setActiveTagIndex==null?void 0:setActiveTagIndex(visibleTagsCountRef.current-1);}if(activeTagIndex>0){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex-1);}};var onTagRight=function onTagRight(){if(activeTagIndex<visibleTagsCountRef.current-1){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex+1);}};var onTagRemove=function onTagRemove(){if(activeTagIndex>=0&&activeTagIndex<visibleTagsCountRef.current&&tags){tags[activeTagIndex].props.onDismiss({tagIndex:activeTagIndex});}};var onInputKeydownTagHandler=function onInputKeydownTagHandler(key){if(tags&&tags.length>0){if(key==='ArrowRight'){onTagRight();}if(key==='ArrowLeft'){onTagLeft();}if(key==='Backspace'){onTagRemove();}}};return {onInputKeydownTagHandler:onInputKeydownTagHandler,visibleTagsCountRef:visibleTagsCountRef};};var useInput=function useInput(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,onClick=_ref.onClick,onFocus=_ref.onFocus,onChange=_ref.onChange,onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,onInput=_ref.onInput,onKeyDown=_ref.onKeyDown,onInputKeydownTagHandler=_ref.onInputKeydownTagHandler;if(__DEV__){if(value&&defaultValue){throwBladeError({message:`Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,moduleName:'Input'});}}var _React$useState=React__default.useState(defaultValue!=null?defaultValue:value),_React$useState2=_slicedToArray(_React$useState,2),inputValue=_React$useState2[0],setInputValue=_React$useState2[1];var handleOnFocus=React__default.useCallback(function(_ref2){var name=_ref2.name,value=_ref2.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value;_value=(_value$target$value=value==null?void 0:value.target.value)!=null?_value$target$value:'';}onFocus==null?void 0:onFocus({name:name,value:_value});},[onFocus]);var handleOnClick=React__default.useCallback(function(_ref3){var name=_ref3.name,value=_ref3.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$currentTarget$;_value=(_value$currentTarget$=value==null?void 0:value.currentTarget.value)!=null?_value$currentTarget$:'';}onClick==null?void 0:onClick({name:name,value:_value});},[onClick]);var handleOnSubmit=React__default.useCallback(function(_ref4){var name=_ref4.name,value=_ref4.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value2;_value=(_value$target$value2=value==null?void 0:value.target.value)!=null?_value$target$value2:'';}if(isReactNative()){onSubmit==null?void 0:onSubmit({name:name,value:_value});}},[onSubmit]);var handleOnBlur=React__default.useCallback(function(_ref5){var name=_ref5.name,value=_ref5.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value3;_value=(_value$target$value3=value==null?void 0:value.target.value)!=null?_value$target$value3:'';}onBlur==null?void 0:onBlur({name:name,value:_value});},[onBlur]);var handleOnChange=React__default.useCallback(function(_ref6){var name=_ref6.name,value=_ref6.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value4;_value=(_value$target$value4=value==null?void 0:value.target.value)!=null?_value$target$value4:'';}onChange==null?void 0:onChange({name:name,value:_value});setInputValue(_value);},[onChange]);var handleOnInput=React__default.useCallback(function(_ref7){var name=_ref7.name,value=_ref7.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value5;_value=(_value$target$value5=value==null?void 0:value.target.value)!=null?_value$target$value5:'';}onInput==null?void 0:onInput({name:name,value:_value});},[onInput]);var handleOnKeyDown=React__default.useCallback(function(_ref8){var name=_ref8.name,key=_ref8.key,code=_ref8.code,event=_ref8.event;onInputKeydownTagHandler(key);onKeyDown==null?void 0:onKeyDown({name:name,key:key,code:code,event:event});},[onKeyDown]);return {handleOnFocus:handleOnFocus,handleOnClick:handleOnClick,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,inputValue:inputValue};};var getHintType=function getHintType(_ref9){var validationState=_ref9.validationState,hasHelpText=_ref9.hasHelpText;if(validationState==='error'){return 'error';}if(validationState==='success'){return 'success';}if(hasHelpText){return 'help';}return 'help';};var getDescribedByElementId=function getDescribedByElementId(_ref10){var validationState=_ref10.validationState,hasErrorText=_ref10.hasErrorText,hasSuccessText=_ref10.hasSuccessText,hasHelpText=_ref10.hasHelpText,errorTextId=_ref10.errorTextId,successTextId=_ref10.successTextId,helpTextId=_ref10.helpTextId;if(validationState==='error'&&hasErrorText){return errorTextId;}if(validationState==='success'&&hasSuccessText){return successTextId;}if(hasHelpText){return helpTextId;}return '';};var FocusRingWrapper=styled(BaseBox)(function(_ref11){var theme=_ref11.theme,currentInteraction=_ref11.currentInteraction,isTableInputCell=_ref11.isTableInputCell;return {borderRadius:makeBorderSize(isTableInputCell?theme.border.radius.none:theme.border.radius.medium),width:'100%','&:focus-within':!isTableInputCell?Object.assign({},getFocusRingStyles(),{transitionDuration:castWebType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].duration))),transitionTimingFunction:castWebType(theme.motion.easing[baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].easing])}):{}};});var _BaseInput=function _BaseInput(_ref12,ref){var _ref12$as=_ref12.as,as=_ref12$as===void 0?'input':_ref12$as,label=_ref12.label,_ref12$labelPosition=_ref12.labelPosition,labelPosition=_ref12$labelPosition===void 0?'top':_ref12$labelPosition,placeholder=_ref12.placeholder,_ref12$type=_ref12.type,type=_ref12$type===void 0?'text':_ref12$type,defaultValue=_ref12.defaultValue,tags=_ref12.tags,_ref12$showAllTags=_ref12.showAllTags,showAllTags=_ref12$showAllTags===void 0?false:_ref12$showAllTags,_ref12$activeTagIndex=_ref12.activeTagIndex,activeTagIndex=_ref12$activeTagIndex===void 0?-1:_ref12$activeTagIndex,setActiveTagIndex=_ref12.setActiveTagIndex,name=_ref12.name,value=_ref12.value,onFocus=_ref12.onFocus,onChange=_ref12.onChange,onInput=_ref12.onInput,onBlur=_ref12.onBlur,onSubmit=_ref12.onSubmit,onClick=_ref12.onClick,onKeyDown=_ref12.onKeyDown,isDisabled=_ref12.isDisabled,necessityIndicator=_ref12.necessityIndicator,validationState=_ref12.validationState,errorText=_ref12.errorText,helpText=_ref12.helpText,successText=_ref12.successText,isRequired=_ref12.isRequired,leadingIcon=_ref12.leadingIcon,prefix=_ref12.prefix,trailingInteractionElement=_ref12.trailingInteractionElement,onTrailingInteractionElementClick=_ref12.onTrailingInteractionElementClick,leadingInteractionElement=_ref12.leadingInteractionElement,suffix=_ref12.suffix,trailingIcon=_ref12.trailingIcon,maxCharacters=_ref12.maxCharacters,textAlign=_ref12.textAlign,autoFocus=_ref12.autoFocus,keyboardReturnKeyType=_ref12.keyboardReturnKeyType,keyboardType=_ref12.keyboardType,autoCompleteSuggestionType=_ref12.autoCompleteSuggestionType,trailingHeaderSlot=_ref12.trailingHeaderSlot,trailingFooterSlot=_ref12.trailingFooterSlot,numberOfLines=_ref12.numberOfLines,id=_ref12.id,componentName=_ref12.componentName,accessibilityLabel=_ref12.accessibilityLabel,labelId=_ref12.labelId,activeDescendant=_ref12.activeDescendant,hideLabelText=_ref12.hideLabelText,hideFormHint=_ref12.hideFormHint,hasPopup=_ref12.hasPopup,popupId=_ref12.popupId,isPopupExpanded=_ref12.isPopupExpanded,maxTagRows=_ref12.maxTagRows,shouldIgnoreBlurAnimation=_ref12.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_ref12.setShouldIgnoreBlurAnimation,autoCapitalize=_ref12.autoCapitalize,setInputWrapperRef=_ref12.setInputWrapperRef,testID=_ref12.testID,isDropdownTrigger=_ref12.isDropdownTrigger,isLabelInsideInput=_ref12.isLabelInsideInput,_ref12$size=_ref12.size,size=_ref12$size===void 0?'medium':_ref12$size,trailingButton=_ref12.trailingButton,_ref12$valueComponent=_ref12.valueComponentType,valueComponentType=_ref12$valueComponent===void 0?'text':_ref12$valueComponent,_ref12$isTableInputCe=_ref12.isTableInputCell,isTableInputCell=_ref12$isTableInputCe===void 0?false:_ref12$isTableInputCe,_ref12$showHintsAsToo=_ref12.showHintsAsTooltip,showHintsAsTooltip=_ref12$showHintsAsToo===void 0?false:_ref12$showHintsAsToo,_motionMeta=_ref12._motionMeta,rest=_objectWithoutProperties(_ref12,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var inputRef=React__default.useRef(null);var mergedInputRef=useMergeRefs(ref,inputRef);var inputWrapperRef=React__default.useRef(null);var _useTags=useTags(tags,activeTagIndex,setActiveTagIndex),onInputKeydownTagHandler=_useTags.onInputKeydownTagHandler,visibleTagsCountRef=_useTags.visibleTagsCountRef;var _React$useState3=React__default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),showAllTagsWithAnimation=_React$useState4[0],setShowAllTagsWithAnimation=_React$useState4[1];var isReactNative=getPlatformType()==='react-native';React__default.useEffect(function(){if(showAllTags){setShowAllTagsWithAnimation(true);}else if(maxTagRows!=='expandable'){setShowAllTagsWithAnimation(false);}},[showAllTags,maxTagRows]);var _useInput=useInput({defaultValue:defaultValue,value:value,onFocus:onFocus,onClick:onClick,onChange:onChange,onBlur:onBlur,onSubmit:onSubmit,onInput:onInput,onKeyDown:onKeyDown,onInputKeydownTagHandler:onInputKeydownTagHandler}),handleOnFocus=_useInput.handleOnFocus,handleOnChange=_useInput.handleOnChange,handleOnClick=_useInput.handleOnClick,handleOnBlur=_useInput.handleOnBlur,handleOnSubmit=_useInput.handleOnSubmit,handleOnInput=_useInput.handleOnInput,handleOnKeyDown=_useInput.handleOnKeyDown,inputValue=_useInput.inputValue;var _useFormId=useFormId(id),inputId=_useFormId.inputId,helpTextId=_useFormId.helpTextId,errorTextId=_useFormId.errorTextId,successTextId=_useFormId.successTextId;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isLabelLeftPositioned=labelPosition==='left'&&matchedDeviceType==='desktop';var _useInteraction=useInteraction(),currentInteraction=_useInteraction.currentInteraction,setCurrentInteraction=_useInteraction.setCurrentInteraction;var _isRequired=isRequired||necessityIndicator==='required';var accessibilityProps=makeAccessible({required:Boolean(_isRequired),disabled:Boolean(isDisabled),invalid:Boolean(validationState==='error'),describedBy:getDescribedByElementId({validationState:validationState,hasErrorText:Boolean(errorText),hasSuccessText:Boolean(successText),hasHelpText:Boolean(helpText),errorTextId:errorTextId,successTextId:successTextId,helpTextId:helpTextId}),label:accessibilityLabel,hasPopup:hasPopup,expanded:hasPopup?isPopupExpanded:undefined,controls:hasPopup?popupId:undefined,role:hasPopup?'combobox':undefined,activeDescendant:activeDescendant});var willRenderHintText=Boolean(helpText)||validationState==='success'&&Boolean(successText)||validationState==='error'&&Boolean(errorText);if(__DEV__){if(autoCompleteSuggestionType&&!autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)){throwBladeError({message:`Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(', ')} but received ${autoCompleteSuggestionType}`,moduleName:'Input'});}}var isTextArea=as==='textarea';return jsxs(BaseBox,Object.assign({ref:getOuterMotionRef({_motionMeta:_motionMeta,ref:ref})},metaAttribute({name:componentName,testID:testID}),getStyledProps(rest),{children:[jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'row':'column',justifyContent:isLabelLeftPositioned?'center':undefined,alignItems:isLabelLeftPositioned?'center':undefined,position:"relative",width:"100%",children:[!hideLabelText&&!isLabelInsideInput&&label&&jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'column':'row',justifyContent:"space-between",alignSelf:isTextArea?'flex-start':undefined,marginY:isTextArea&&isLabelLeftPositioned?'spacing.3':'spacing.0',children:[jsx(FormLabel,{as:"label",necessityIndicator:necessityIndicator,position:labelPosition,id:labelId,htmlFor:inputId,size:size,children:label}),trailingHeaderSlot==null?void 0:trailingHeaderSlot(value!=null?value:inputValue)]}),jsx(FocusRingWrapper,{currentInteraction:currentInteraction,isTableInputCell:isTableInputCell,children:jsxs(BaseInputWrapper,{isDropdownTrigger:isDropdownTrigger,isTextArea:isTextArea,isDisabled:isDisabled,validationState:validationState,currentInteraction:currentInteraction,isLabelLeftPositioned:isLabelLeftPositioned,showAllTags:showAllTags,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation,ref:function ref(refNode){if(refNode){setInputWrapperRef==null?void 0:setInputWrapperRef(refNode);inputWrapperRef.current=refNode;}},maxTagRows:maxTagRows,size:size,numberOfLines:numberOfLines,onClick:function onClick(){if(!isReactNative){var _inputRef$current;(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus();}},isTableInputCell:isTableInputCell,children:[jsx(BaseInputVisuals,{size:size,leadingIcon:leadingIcon,prefix:prefix,isDisabled:isDisabled,leadingInteractionElement:leadingInteractionElement}),jsx(BaseInputTagSlot,{renderAs:as,tags:tags,isDisabled:isDisabled,showAllTags:showAllTagsWithAnimation,setFocusOnInput:function setFocusOnInput(){var innerRef=getInnerMotionRef({_motionMeta:_motionMeta,ref:ref});if(innerRef&&!isReactNative&&'current'in innerRef){var _innerRef$current;(_innerRef$current=innerRef.current)==null?void 0:_innerRef$current.focus();}},labelPrefix:isLabelInsideInput?label:undefined,isDropdownTrigger:isDropdownTrigger,visibleTagsCountRef:visibleTagsCountRef,handleOnInputClick:function handleOnInputClick(e){handleOnClick({name:name,value:isReactNative?value:e});},setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,maxTagRows:maxTagRows,inputWrapperRef:inputWrapperRef,size:size,numberOfLines:numberOfLines,isTextArea:isTextArea,children:jsx(StyledBaseInput,Object.assign({as:as,id:inputId,ref:getInnerMotionRef({_motionMeta:_motionMeta,ref:mergedInputRef}),name:name,type:type,defaultValue:defaultValue,value:value,placeholder:placeholder,isDisabled:isDisabled,validationState:validationState,isRequired:_isRequired,handleOnFocus:handleOnFocus,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,handleOnClick:handleOnClick,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,maxCharacters:maxCharacters,textAlign:textAlign,autoFocus:autoFocus,keyboardReturnKeyType:keyboardReturnKeyType,keyboardType:keyboardType,autoCompleteSuggestionType:autoCompleteSuggestionType,accessibilityProps:accessibilityProps,currentInteraction:currentInteraction,setCurrentInteraction:setCurrentInteraction,numberOfLines:numberOfLines,isTextArea:isTextArea||maxTagRows==='multiple'||maxTagRows==='expandable',hasPopup:hasPopup,hasTags:!!(tags&&tags.length>0),shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,autoCapitalize:autoCapitalize,isDropdownTrigger:isDropdownTrigger,$size:size,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell},metaAttribute({name:MetaConstants.StyledBaseInput}),makeAnalyticsAttribute(rest)))}),jsx(BaseInputVisuals,{trailingInteractionElement:trailingInteractionElement,onTrailingInteractionElementClick:onTrailingInteractionElementClick,suffix:suffix,trailingIcon:trailingIcon,isDisabled:isDisabled,validationState:validationState,trailingButton:trailingButton,size:size,errorText:errorText,successText:successText,showHintsAsTooltip:showHintsAsTooltip})]})})]}),hideFormHint||showHintsAsTooltip?null:jsx(BaseBox,{marginLeft:makeSize(isLabelLeftPositioned&&!hideLabelText?formHintLeftLabelMarginLeft[size]:0),children:jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:willRenderHintText?'space-between':'flex-end',children:[jsx(FormHint,{type:getHintType({validationState:validationState,hasHelpText:Boolean(helpText)}),helpText:helpText,errorText:errorText,successText:successText,helpTextId:helpTextId,errorTextId:errorTextId,successTextId:successTextId,size:size}),trailingFooterSlot==null?void 0:trailingFooterSlot(value!=null?value:inputValue)]})})]}));};var BaseInputWithRef=React__default.forwardRef(_BaseInput);var BaseInput=assignWithoutSideEffects(BaseInputWithRef,{displayName:'BaseInput'});
+var _excluded=["as","label","labelPosition","placeholder","type","defaultValue","tags","showAllTags","activeTagIndex","setActiveTagIndex","name","value","onFocus","onChange","onInput","onBlur","onSubmit","onClick","onKeyDown","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","onTrailingInteractionElementClick","leadingInteractionElement","suffix","trailingIcon","maxCharacters","textAlign","autoFocus","keyboardReturnKeyType","keyboardType","autoCompleteSuggestionType","trailingHeaderSlot","trailingFooterSlot","numberOfLines","id","componentName","accessibilityLabel","labelId","activeDescendant","hideLabelText","hideFormHint","hasPopup","popupId","isPopupExpanded","maxTagRows","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","autoCapitalize","setInputWrapperRef","testID","isDropdownTrigger","isLabelInsideInput","size","trailingButton","valueComponentType","isTableInputCell","showHintsAsTooltip","_motionMeta","role","tabIndex"];var autoCompleteSuggestionTypeValues=['none','on','name','email','username','password','newPassword','oneTimeCode','telephone','postalCode','countryName','creditCardNumber','creditCardCSC','creditCardExpiry','creditCardExpiryMonth','creditCardExpiryYear'];var useTags=function useTags(tags,activeTagIndex,setActiveTagIndex){var visibleTagsCountRef=React__default.useRef(0);React__default.useEffect(function(){if(tags&&activeTagIndex>=0&&activeTagIndex<tags.length){var _tags$activeTagIndex,_tags$activeTagIndex$;var tagTitle=(_tags$activeTagIndex=tags[activeTagIndex])==null?void 0:(_tags$activeTagIndex$=_tags$activeTagIndex.props)==null?void 0:_tags$activeTagIndex$.children;if(tagTitle){announce(`Close ${tagTitle} Tag`);}}},[activeTagIndex,tags==null?void 0:tags.length]);var onTagLeft=function onTagLeft(){if(activeTagIndex<0){setActiveTagIndex==null?void 0:setActiveTagIndex(visibleTagsCountRef.current-1);}if(activeTagIndex>0){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex-1);}};var onTagRight=function onTagRight(){if(activeTagIndex<visibleTagsCountRef.current-1){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex+1);}};var onTagRemove=function onTagRemove(){if(activeTagIndex>=0&&activeTagIndex<visibleTagsCountRef.current&&tags){tags[activeTagIndex].props.onDismiss({tagIndex:activeTagIndex});}};var onInputKeydownTagHandler=function onInputKeydownTagHandler(key){if(tags&&tags.length>0){if(key==='ArrowRight'){onTagRight();}if(key==='ArrowLeft'){onTagLeft();}if(key==='Backspace'){onTagRemove();}}};return {onInputKeydownTagHandler:onInputKeydownTagHandler,visibleTagsCountRef:visibleTagsCountRef};};var useInput=function useInput(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,onClick=_ref.onClick,onFocus=_ref.onFocus,onChange=_ref.onChange,onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,onInput=_ref.onInput,onKeyDown=_ref.onKeyDown,onInputKeydownTagHandler=_ref.onInputKeydownTagHandler;if(__DEV__){if(value&&defaultValue){throwBladeError({message:`Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,moduleName:'Input'});}}var _React$useState=React__default.useState(defaultValue!=null?defaultValue:value),_React$useState2=_slicedToArray(_React$useState,2),inputValue=_React$useState2[0],setInputValue=_React$useState2[1];var handleOnFocus=React__default.useCallback(function(_ref2){var name=_ref2.name,value=_ref2.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value;_value=(_value$target$value=value==null?void 0:value.target.value)!=null?_value$target$value:'';}onFocus==null?void 0:onFocus({name:name,value:_value});},[onFocus]);var handleOnClick=React__default.useCallback(function(_ref3){var name=_ref3.name,value=_ref3.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$currentTarget$;_value=(_value$currentTarget$=value==null?void 0:value.currentTarget.value)!=null?_value$currentTarget$:'';}onClick==null?void 0:onClick({name:name,value:_value});},[onClick]);var handleOnSubmit=React__default.useCallback(function(_ref4){var name=_ref4.name,value=_ref4.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value2;_value=(_value$target$value2=value==null?void 0:value.target.value)!=null?_value$target$value2:'';}if(isReactNative()){onSubmit==null?void 0:onSubmit({name:name,value:_value});}},[onSubmit]);var handleOnBlur=React__default.useCallback(function(_ref5){var name=_ref5.name,value=_ref5.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value3;_value=(_value$target$value3=value==null?void 0:value.target.value)!=null?_value$target$value3:'';}onBlur==null?void 0:onBlur({name:name,value:_value});},[onBlur]);var handleOnChange=React__default.useCallback(function(_ref6){var name=_ref6.name,value=_ref6.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value4;_value=(_value$target$value4=value==null?void 0:value.target.value)!=null?_value$target$value4:'';}onChange==null?void 0:onChange({name:name,value:_value});setInputValue(_value);},[onChange]);var handleOnInput=React__default.useCallback(function(_ref7){var name=_ref7.name,value=_ref7.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value5;_value=(_value$target$value5=value==null?void 0:value.target.value)!=null?_value$target$value5:'';}onInput==null?void 0:onInput({name:name,value:_value});},[onInput]);var handleOnKeyDown=React__default.useCallback(function(_ref8){var name=_ref8.name,key=_ref8.key,code=_ref8.code,event=_ref8.event;onInputKeydownTagHandler(key);onKeyDown==null?void 0:onKeyDown({name:name,key:key,code:code,event:event});},[onKeyDown]);return {handleOnFocus:handleOnFocus,handleOnClick:handleOnClick,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,inputValue:inputValue};};var getHintType=function getHintType(_ref9){var validationState=_ref9.validationState,hasHelpText=_ref9.hasHelpText;if(validationState==='error'){return 'error';}if(validationState==='success'){return 'success';}if(hasHelpText){return 'help';}return 'help';};var getDescribedByElementId=function getDescribedByElementId(_ref10){var validationState=_ref10.validationState,hasErrorText=_ref10.hasErrorText,hasSuccessText=_ref10.hasSuccessText,hasHelpText=_ref10.hasHelpText,errorTextId=_ref10.errorTextId,successTextId=_ref10.successTextId,helpTextId=_ref10.helpTextId;if(validationState==='error'&&hasErrorText){return errorTextId;}if(validationState==='success'&&hasSuccessText){return successTextId;}if(hasHelpText){return helpTextId;}return '';};var FocusRingWrapper=styled(BaseBox)(function(_ref11){var theme=_ref11.theme,currentInteraction=_ref11.currentInteraction,isTableInputCell=_ref11.isTableInputCell;return {borderRadius:makeBorderSize(isTableInputCell?theme.border.radius.none:theme.border.radius.medium),width:'100%','&:focus-within':!isTableInputCell?Object.assign({},getFocusRingStyles(),{transitionDuration:castWebType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].duration))),transitionTimingFunction:castWebType(theme.motion.easing[baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].easing])}):{}};});var _BaseInput=function _BaseInput(_ref12,ref){var _ref12$as=_ref12.as,as=_ref12$as===void 0?'input':_ref12$as,label=_ref12.label,_ref12$labelPosition=_ref12.labelPosition,labelPosition=_ref12$labelPosition===void 0?'top':_ref12$labelPosition,placeholder=_ref12.placeholder,_ref12$type=_ref12.type,type=_ref12$type===void 0?'text':_ref12$type,defaultValue=_ref12.defaultValue,tags=_ref12.tags,_ref12$showAllTags=_ref12.showAllTags,showAllTags=_ref12$showAllTags===void 0?false:_ref12$showAllTags,_ref12$activeTagIndex=_ref12.activeTagIndex,activeTagIndex=_ref12$activeTagIndex===void 0?-1:_ref12$activeTagIndex,setActiveTagIndex=_ref12.setActiveTagIndex,name=_ref12.name,value=_ref12.value,onFocus=_ref12.onFocus,onChange=_ref12.onChange,onInput=_ref12.onInput,onBlur=_ref12.onBlur,onSubmit=_ref12.onSubmit,onClick=_ref12.onClick,onKeyDown=_ref12.onKeyDown,isDisabled=_ref12.isDisabled,necessityIndicator=_ref12.necessityIndicator,validationState=_ref12.validationState,errorText=_ref12.errorText,helpText=_ref12.helpText,successText=_ref12.successText,isRequired=_ref12.isRequired,leadingIcon=_ref12.leadingIcon,prefix=_ref12.prefix,trailingInteractionElement=_ref12.trailingInteractionElement,onTrailingInteractionElementClick=_ref12.onTrailingInteractionElementClick,leadingInteractionElement=_ref12.leadingInteractionElement,suffix=_ref12.suffix,trailingIcon=_ref12.trailingIcon,maxCharacters=_ref12.maxCharacters,textAlign=_ref12.textAlign,autoFocus=_ref12.autoFocus,keyboardReturnKeyType=_ref12.keyboardReturnKeyType,keyboardType=_ref12.keyboardType,autoCompleteSuggestionType=_ref12.autoCompleteSuggestionType,trailingHeaderSlot=_ref12.trailingHeaderSlot,trailingFooterSlot=_ref12.trailingFooterSlot,numberOfLines=_ref12.numberOfLines,id=_ref12.id,componentName=_ref12.componentName,accessibilityLabel=_ref12.accessibilityLabel,labelId=_ref12.labelId,activeDescendant=_ref12.activeDescendant,hideLabelText=_ref12.hideLabelText,hideFormHint=_ref12.hideFormHint,hasPopup=_ref12.hasPopup,popupId=_ref12.popupId,isPopupExpanded=_ref12.isPopupExpanded,maxTagRows=_ref12.maxTagRows,shouldIgnoreBlurAnimation=_ref12.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_ref12.setShouldIgnoreBlurAnimation,autoCapitalize=_ref12.autoCapitalize,setInputWrapperRef=_ref12.setInputWrapperRef,testID=_ref12.testID,isDropdownTrigger=_ref12.isDropdownTrigger,isLabelInsideInput=_ref12.isLabelInsideInput,_ref12$size=_ref12.size,size=_ref12$size===void 0?'medium':_ref12$size,trailingButton=_ref12.trailingButton,_ref12$valueComponent=_ref12.valueComponentType,valueComponentType=_ref12$valueComponent===void 0?'text':_ref12$valueComponent,_ref12$isTableInputCe=_ref12.isTableInputCell,isTableInputCell=_ref12$isTableInputCe===void 0?false:_ref12$isTableInputCe,_ref12$showHintsAsToo=_ref12.showHintsAsTooltip,showHintsAsTooltip=_ref12$showHintsAsToo===void 0?false:_ref12$showHintsAsToo,_motionMeta=_ref12._motionMeta,role=_ref12.role,tabIndex=_ref12.tabIndex,rest=_objectWithoutProperties(_ref12,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var inputRef=React__default.useRef(null);var mergedInputRef=useMergeRefs(ref,inputRef);var inputWrapperRef=React__default.useRef(null);var _useTags=useTags(tags,activeTagIndex,setActiveTagIndex),onInputKeydownTagHandler=_useTags.onInputKeydownTagHandler,visibleTagsCountRef=_useTags.visibleTagsCountRef;var _React$useState3=React__default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),showAllTagsWithAnimation=_React$useState4[0],setShowAllTagsWithAnimation=_React$useState4[1];var isReactNative=getPlatformType()==='react-native';var defaultRole=hasPopup?'combobox':undefined;React__default.useEffect(function(){if(showAllTags){setShowAllTagsWithAnimation(true);}else if(maxTagRows!=='expandable'){setShowAllTagsWithAnimation(false);}},[showAllTags,maxTagRows]);var _useInput=useInput({defaultValue:defaultValue,value:value,onFocus:onFocus,onClick:onClick,onChange:onChange,onBlur:onBlur,onSubmit:onSubmit,onInput:onInput,onKeyDown:onKeyDown,onInputKeydownTagHandler:onInputKeydownTagHandler}),handleOnFocus=_useInput.handleOnFocus,handleOnChange=_useInput.handleOnChange,handleOnClick=_useInput.handleOnClick,handleOnBlur=_useInput.handleOnBlur,handleOnSubmit=_useInput.handleOnSubmit,handleOnInput=_useInput.handleOnInput,handleOnKeyDown=_useInput.handleOnKeyDown,inputValue=_useInput.inputValue;var _useFormId=useFormId(id),inputId=_useFormId.inputId,helpTextId=_useFormId.helpTextId,errorTextId=_useFormId.errorTextId,successTextId=_useFormId.successTextId;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isLabelLeftPositioned=labelPosition==='left'&&matchedDeviceType==='desktop';var _useInteraction=useInteraction(),currentInteraction=_useInteraction.currentInteraction,setCurrentInteraction=_useInteraction.setCurrentInteraction;var _isRequired=isRequired||necessityIndicator==='required';var accessibilityProps=makeAccessible({required:Boolean(_isRequired),disabled:Boolean(isDisabled),invalid:Boolean(validationState==='error'),describedBy:getDescribedByElementId({validationState:validationState,hasErrorText:Boolean(errorText),hasSuccessText:Boolean(successText),hasHelpText:Boolean(helpText),errorTextId:errorTextId,successTextId:successTextId,helpTextId:helpTextId}),label:accessibilityLabel,hasPopup:hasPopup,expanded:hasPopup?isPopupExpanded:undefined,controls:hasPopup?popupId:undefined,role:role!=null?role:defaultRole,activeDescendant:activeDescendant});var willRenderHintText=Boolean(helpText)||validationState==='success'&&Boolean(successText)||validationState==='error'&&Boolean(errorText);if(__DEV__){if(autoCompleteSuggestionType&&!autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)){throwBladeError({message:`Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(', ')} but received ${autoCompleteSuggestionType}`,moduleName:'Input'});}}var isTextArea=as==='textarea';return jsxs(BaseBox,Object.assign({ref:getOuterMotionRef({_motionMeta:_motionMeta,ref:ref})},metaAttribute({name:componentName,testID:testID}),getStyledProps(rest),{children:[jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'row':'column',justifyContent:isLabelLeftPositioned?'center':undefined,alignItems:isLabelLeftPositioned?'center':undefined,position:"relative",width:"100%",children:[!hideLabelText&&!isLabelInsideInput&&label&&jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'column':'row',justifyContent:"space-between",alignSelf:isTextArea?'flex-start':undefined,marginY:isTextArea&&isLabelLeftPositioned?'spacing.3':'spacing.0',children:[jsx(FormLabel,{as:"label",necessityIndicator:necessityIndicator,position:labelPosition,id:labelId,htmlFor:inputId,size:size,children:label}),trailingHeaderSlot==null?void 0:trailingHeaderSlot(value!=null?value:inputValue)]}),jsx(FocusRingWrapper,{currentInteraction:currentInteraction,isTableInputCell:isTableInputCell,children:jsxs(BaseInputWrapper,{isDropdownTrigger:isDropdownTrigger,isTextArea:isTextArea,isDisabled:isDisabled,validationState:validationState,currentInteraction:currentInteraction,isLabelLeftPositioned:isLabelLeftPositioned,showAllTags:showAllTags,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation,ref:function ref(refNode){if(refNode){setInputWrapperRef==null?void 0:setInputWrapperRef(refNode);inputWrapperRef.current=refNode;}},maxTagRows:maxTagRows,size:size,numberOfLines:numberOfLines,onClick:function onClick(){if(!isReactNative){var _inputRef$current;(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus();}},isTableInputCell:isTableInputCell,children:[jsx(BaseInputVisuals,{size:size,leadingIcon:leadingIcon,prefix:prefix,isDisabled:isDisabled,leadingInteractionElement:leadingInteractionElement}),jsx(BaseInputTagSlot,{renderAs:as,tags:tags,isDisabled:isDisabled,showAllTags:showAllTagsWithAnimation,setFocusOnInput:function setFocusOnInput(){var innerRef=getInnerMotionRef({_motionMeta:_motionMeta,ref:ref});if(innerRef&&!isReactNative&&'current'in innerRef){var _innerRef$current;(_innerRef$current=innerRef.current)==null?void 0:_innerRef$current.focus();}},labelPrefix:isLabelInsideInput?label:undefined,isDropdownTrigger:isDropdownTrigger,visibleTagsCountRef:visibleTagsCountRef,handleOnInputClick:function handleOnInputClick(e){handleOnClick({name:name,value:isReactNative?value:e});},setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,maxTagRows:maxTagRows,inputWrapperRef:inputWrapperRef,size:size,numberOfLines:numberOfLines,isTextArea:isTextArea,children:jsx(StyledBaseInput,Object.assign({as:as,id:inputId,ref:getInnerMotionRef({_motionMeta:_motionMeta,ref:mergedInputRef}),name:name,type:type,defaultValue:defaultValue,value:value,placeholder:placeholder,isDisabled:isDisabled,validationState:validationState,isRequired:_isRequired,handleOnFocus:handleOnFocus,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,handleOnClick:handleOnClick,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,maxCharacters:maxCharacters,textAlign:textAlign,autoFocus:autoFocus,keyboardReturnKeyType:keyboardReturnKeyType,keyboardType:keyboardType,autoCompleteSuggestionType:autoCompleteSuggestionType,accessibilityProps:accessibilityProps,currentInteraction:currentInteraction,setCurrentInteraction:setCurrentInteraction,numberOfLines:numberOfLines,isTextArea:isTextArea||maxTagRows==='multiple'||maxTagRows==='expandable',hasPopup:hasPopup,hasTags:!!(tags&&tags.length>0),shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,autoCapitalize:autoCapitalize,isDropdownTrigger:isDropdownTrigger,$size:size,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell,tabIndex:tabIndex},metaAttribute({name:MetaConstants.StyledBaseInput}),makeAnalyticsAttribute(rest)))}),jsx(BaseInputVisuals,{trailingInteractionElement:trailingInteractionElement,onTrailingInteractionElementClick:onTrailingInteractionElementClick,suffix:suffix,trailingIcon:trailingIcon,isDisabled:isDisabled,validationState:validationState,trailingButton:trailingButton,size:size,errorText:errorText,successText:successText,showHintsAsTooltip:showHintsAsTooltip})]})})]}),hideFormHint||showHintsAsTooltip?null:jsx(BaseBox,{marginLeft:makeSize(isLabelLeftPositioned&&!hideLabelText?formHintLeftLabelMarginLeft[size]:0),children:jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:willRenderHintText?'space-between':'flex-end',children:[jsx(FormHint,{type:getHintType({validationState:validationState,hasHelpText:Boolean(helpText)}),helpText:helpText,errorText:errorText,successText:successText,helpTextId:helpTextId,errorTextId:errorTextId,successTextId:successTextId,size:size}),trailingFooterSlot==null?void 0:trailingFooterSlot(value!=null?value:inputValue)]})})]}));};var BaseInputWithRef=React__default.forwardRef(_BaseInput);var BaseInput=assignWithoutSideEffects(BaseInputWithRef,{displayName:'BaseInput'});
 export { BaseInput, getHintType };
 //# sourceMappingURL=BaseInput.js.map

package/build/lib/native/components/Input/BaseInput/BaseInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseInput.js","sources":["../../../../../../src/components/Input/BaseInput/BaseInput.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport React from 'react';\nimport type { ReactNode } from 'react';\nimport styled from 'styled-components';\nimport { StyledBaseInput } from './StyledBaseInput';\nimport { BaseInputVisuals } from './BaseInputVisuals';\nimport { BaseInputWrapper } from './BaseInputWrapper';\nimport { BaseInputTagSlot } from './BaseInputTagSlot';\nimport type { InputWrapperRef } from './types';\nimport { baseInputBorderBackgroundMotion, formHintLeftLabelMarginLeft } from './baseInputTokens';\nimport type {\n FormInputLabelProps,\n FormInputValidationProps,\n FormInputHandleOnEvent,\n FormInputOnEvent,\n FormHintProps,\n} from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport type { IconComponent } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport {\n castWebType,\n getPlatformType,\n isReactNative,\n makeBorderSize,\n makeMotionTime,\n useBreakpoint,\n} from '~utils';\nimport type { Platform } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useFormId } from '~components/Form/useFormId';\nimport { useTheme } from '~components/BladeProvider';\nimport useInteraction from '~utils/useInteraction';\nimport type { ActionStates } from '~utils/useInteraction';\nimport type {\n FormInputHandleOnClickEvent,\n FormInputHandleOnKeyDownEvent,\n} from '~components/Form/FormTypes';\nimport type {\n BladeElementRef,\n ContainerElementType,\n DataAnalyticsAttribute,\n TestID,\n} from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport type { AriaAttributes } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport { announce } from '~components/LiveAnnouncer/LiveAnnouncer';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { LinkProps } from '~components/Link';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type { MotionMetaProp } from '~components/BaseMotion';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CommonAutoCompleteSuggestionTypes =\n \| 'none'\n \| 'name'\n \| 'email'\n \| 'username'\n \| 'password'\n \| 'newPassword'\n \| 'oneTimeCode'\n \| 'telephone'\n \| 'postalCode'\n \| 'countryName'\n \| 'creditCardNumber'\n \| 'creditCardCSC'\n \| 'creditCardExpiry'\n \| 'creditCardExpiryMonth'\n \| 'creditCardExpiryYear';\n\ntype WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes \| 'on';\n\ntype BaseInputCommonProps = FormInputLabelProps &\n DataAnalyticsAttribute &\n FormInputValidationProps & {\n /\n Determines if it needs to be rendered as input, textarea or button\n /\n as?: 'input' \| 'textarea' \| 'button';\n /\n ID that will be used for accessibility\n /\n id: string;\n /\n Placeholder text to be displayed inside the input field\n /\n placeholder?: string;\n /\n Type of Input Field to be rendered.\n \n @default text\n /\n type?: 'text' \| 'telephone' \| 'email' \| 'url' \| 'number' \| 'search' \| 'password';\n /\n Used to set the default value of input field when it's uncontrolled\n /\n defaultValue?: string;\n /\n The name of the input field.\n \n Useful in form submissions\n /\n name?: string;\n /\n The callback function to be invoked when the input field gets focus\n /\n onFocus?: FormInputOnEvent;\n /\n The callback function to be invoked when the value of the input field changes\n /\n onChange?: FormInputOnEvent;\n /\n The callback function to be invoked when input is clicked\n /\n onClick?: FormInputOnEvent;\n /\n The callback function to be invoked when the value of the input field has any input\n /\n onInput?: FormInputOnEvent;\n /\n The callback function to be invoked whenever there is a keyDown event\n /\n onKeyDown?: FormInputHandleOnKeyDownEvent;\n /\n The callback function to be invoked when the the input field loses focus\n \n For React Native this will call `onEndEditing` event since we want to get the last value of the input field\n /\n onBlur?: FormInputOnEvent;\n /\n Ignores the blur event animation (Used in Select to ignore blur animation when item in option is clicked)\n /\n shouldIgnoreBlurAnimation?: boolean;\n /\n sets boolean that ignores the blur animations on baseinput\n /\n setShouldIgnoreBlurAnimation?: (shouldIgnoreBlurAnimation: boolean) => void;\n /\n Used to turn the input field to controlled so user can control the value\n /\n value?: string;\n /\n Used to disable the input field\n /\n isDisabled?: boolean;\n /\n If true, the input is marked as required, and `required` attribute will be added\n /\n isRequired?: boolean;\n /\n Icon to be shown at the start of the input field\n /\n leadingIcon?: IconComponent;\n /\n Prefix symbol to be displayed at the beginning of the input field. If leadingIcon is provided it'll be placed after it\n /\n prefix?: string;\n /\n Element to be rendered before suffix. This is decided by the component which is extending BaseInput\n \n eg: consumers can render a loader or they could render a clear button\n /\n trailingInteractionElement?: ReactNode;\n /\n Callback to be invoked when the TrailingInteractionElement is clicked\n /\n onTrailingInteractionElementClick?: () => void;\n /\n Element to be rendered before prefix. This is decided by the component which is extending BaseInput\n \n eg: consumers can render a country selector or button\n /\n leadingInteractionElement?: ReactNode;\n /\n Suffix symbol to be displayed at the end of the input field. If trailingIcon is provided it'll be placed before it\n /\n suffix?: string;\n /\n Icon to be displayed at the end of the input field\n /\n trailingIcon?: IconComponent;\n /\n Displays the character counter under the input field\n /\n maxCharacters?: number;\n /\n alignment of the text inside input field\n /\n textAlign?: 'left' \| 'center' \| 'right';\n /\n If true, focuses the input field on load\n \n Note:\n * Automatically focusing a form control can confuse visually-impaired people using screen-reading technology and people with cognitive impairments.\n * When autofocus is assigned, screen-readers \"teleport\" their user to the form control without warning them beforehand.\n /\n autoFocus?: boolean;\n /\n Hints the platform to display an appropriate virtual keyboard\n \n Native: Passes as is the `keyboardType` attribute\n \n Web: Passes the value to the `inputMode` attribute\n /\n keyboardType?: 'text' \| 'search' \| 'telephone' \| 'email' \| 'url' \| 'decimal';\n /\n determines what return key to show on the keyboard of mobile devices/virtual keyboard\n * Note: Few values are platform dependent and might not render on all the platforms\n \n `default` is only available on native. it'll be mapped to `enter` for web\n * `previous` is only available on native android\n /\n keyboardReturnKeyType?: 'default' \| 'go' \| 'done' \| 'next' \| 'previous' \| 'search' \| 'send';\n /\n Element to be rendered on the trailing slot of input field label\n /\n trailingHeaderSlot?: (value?: string) => ReactNode;\n /\n Element to be rendered on the trailing slot of input field footer\n /\n trailingFooterSlot?: (value?: string) => ReactNode;\n /\n Sets the textarea's number of lines\n /\n numberOfLines?: 1 \| 2 \| 3 \| 4 \| 5;\n /\n Sets the accessibility label for the input\n /\n accessibilityLabel?: string;\n /\n Sets the id of the label\n \n (Useful when assigning one label to multiple elements using aria-labelledby)\n /\n labelId?: string;\n /\n Can be used in select to set the id of the active descendant from the listbox\n /\n activeDescendant?: string;\n /\n Hides the label text\n /\n hideLabelText?: boolean;\n /\n Hides the form hint text\n /\n hideFormHint?: boolean;\n /\n componentName prop sets the data-blade-component attribute name\n * for internal metric collection purposes\n /\n componentName?: string;\n /\n whether the input has a popup\n /\n hasPopup?: AriaAttributes['hasPopup'];\n /\n id of the popup\n /\n popupId?: string;\n /\n true if popup is in expanded state\n /\n isPopupExpanded?: boolean;\n setInputWrapperRef?: (node: ContainerElementType) => void;\n /\n sets the autocapitalize behavior for the input\n /\n autoCapitalize?: 'none' \| 'sentences' \| 'words' \| 'characters';\n\n /\n constraints the height of input to given number rows\n \n When set to expandable, input takes 1 row in the begining and expands to take 3 when active\n \n @default 'single'\n /\n maxTagRows?: 'single' \| 'multiple' \| 'expandable';\n\n /\n A slot for adding tags to input\n /\n tags?: React.ReactElement[] \| null;\n\n /\n Disables stripping of tags and shows all tags\n /\n showAllTags?: boolean;\n\n /\n State variable of active tag index\n /\n activeTagIndex?: number;\n\n /\n Is this input SelectInput or AutoComplete\n /\n isDropdownTrigger?: boolean;\n\n /\n Is the label expected to be rendered inside input?\n * Used in AutoComplete and Select when label can't exist outside\n \n /\n isLabelInsideInput?: boolean;\n\n /*\n State setter for active tag index\n /\n setActiveTagIndex?: (activeTagIndex: number) => void;\n /\n Sets the size of the input field\n * @default medium\n /\n size?: 'medium' \| 'large';\n /\n Link button to be rendered at the end of the input field.\n * Note: `size` of the Link will be set to the same size as the input field, `isDisabled` will follow Input's `isDisabled`, & `variant` will be set to `button`.\n * Example:\n * ```tsx\n * trailingButton={<Link onClick={handleClick}>Apply</Link>}\n * ```\n /\n trailingButton?: React.ReactElement<LinkProps>;\n /\n Whether to use Text or Heading component for Input text\n * @default text\n /\n valueComponentType?: 'text' \| 'heading';\n /\n * Whether to render the input as a table cell\n * @default true\n /\n isTableInputCell?: boolean;\n /\n * Hides the form hints and shows them as tooltip of trailing\n /\n showHintsAsTooltip?: boolean;\n } & TestID &\n Platform.Select<{\n native: {\n /\n The callback function to be invoked when the value of the input field is submitted.\n /\n onSubmit?: FormInputOnEvent;\n /\n determines what autoComplete suggestion type to show\n \n Internally it'll render platform specific attributes:\n \n - web: `autocomplete`\n * - iOS: `textContentType`\n * - android: `autoComplete`\n \n /\n autoCompleteSuggestionType?: CommonAutoCompleteSuggestionTypes;\n };\n web: {\n /*\n This is a react-native only prop and has no effect on web.\n /\n onSubmit?: undefined;\n /\n determines what autoComplete suggestion type to show\n \n Internally it'll render platform specific attributes:\n \n - web: `autocomplete`\n * - iOS: `textContentType`\n * - android: `autoComplete`\n \n /\n autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;\n };\n }> &\n StyledPropsBlade &\n MotionMetaProp;\n\n/\n Mandatory accessibilityLabel prop when label is not provided\n/\ntype BaseInputPropsWithA11yLabel = {\n /*\n Label to be shown for the input field\n /\n label?: undefined;\n /\n Accessibility label for the input\n /\n accessibilityLabel: string;\n};\n\n/\n Optional accessibilityLabel prop when label is provided\n/\ntype BaseInputPropsWithLabel = {\n /\n Label to be shown for the input field\n /\n label: string;\n /\n Accessibility label for the input\n */\n accessibilityLabel?: string;\n};\n\nexport type BaseInputProps = (BaseInputPropsWithA11yLabel \| BaseInputPropsWithLabel) &\n BaseInputCommonProps;\n\nconst autoCompleteSuggestionTypeValues = [\n 'none',\n 'on',\n 'name',\n 'email',\n 'username',\n 'password',\n 'newPassword',\n 'oneTimeCode',\n 'telephone',\n 'postalCode',\n 'countryName',\n 'creditCardNumber',\n 'creditCardCSC',\n 'creditCardExpiry',\n 'creditCardExpiryMonth',\n 'creditCardExpiryYear',\n];\n\ntype OnInputKeydownTagHandlerType = (key: string \| undefined) => void;\nconst useTags = (\n tags: BaseInputProps['tags'],\n activeTagIndex: number,\n setActiveTagIndex?: (activeTagIndex: number) => void,\n): {\n onInputKeydownTagHandler: OnInputKeydownTagHandlerType;\n visibleTagsCountRef: React.MutableRefObject<number>;\n} => {\n const visibleTagsCountRef = React.useRef<number>(0);\n\n React.useEffect(() => {\n if (tags && activeTagIndex >= 0 && activeTagIndex < tags.length) {\n const tagTitle = tags[activeTagIndex]?.props?.children;\n if (tagTitle) {\n announce(`Close ${tagTitle} Tag`);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [activeTagIndex, tags?.length]);\n\n const onTagLeft = (): void => {\n if (activeTagIndex < 0) {\n setActiveTagIndex?.(visibleTagsCountRef.current - 1);\n }\n\n if (activeTagIndex > 0) {\n setActiveTagIndex?.(activeTagIndex - 1);\n }\n };\n\n const onTagRight = (): void => {\n if (activeTagIndex < visibleTagsCountRef.current - 1) {\n setActiveTagIndex?.(activeTagIndex + 1);\n }\n };\n\n const onTagRemove = (): void => {\n if (activeTagIndex >= 0 && activeTagIndex < visibleTagsCountRef.current && tags) {\n tags[activeTagIndex].props.onDismiss({ tagIndex: activeTagIndex });\n }\n };\n\n const onInputKeydownTagHandler: OnInputKeydownTagHandlerType = (key) => {\n if (tags && tags.length > 0) {\n if (key === 'ArrowRight') {\n onTagRight();\n }\n\n if (key === 'ArrowLeft') {\n onTagLeft();\n }\n\n if (key === 'Backspace') {\n onTagRemove();\n }\n }\n };\n\n return {\n onInputKeydownTagHandler,\n visibleTagsCountRef,\n };\n};\n\nconst useInput = ({\n value,\n defaultValue,\n onClick,\n onFocus,\n onChange,\n onBlur,\n onSubmit,\n onInput,\n onKeyDown,\n onInputKeydownTagHandler,\n}: Pick<\n BaseInputProps,\n \| 'value'\n \| 'defaultValue'\n \| 'onFocus'\n \| 'onChange'\n \| 'onBlur'\n \| 'onInput'\n \| 'onKeyDown'\n \| 'onClick'\n \| 'onSubmit'\n> & {\n onInputKeydownTagHandler: OnInputKeydownTagHandlerType;\n}): {\n handleOnFocus: FormInputHandleOnEvent;\n handleOnClick: FormInputHandleOnClickEvent;\n handleOnChange: FormInputHandleOnEvent;\n handleOnBlur: FormInputHandleOnEvent;\n handleOnSubmit: FormInputHandleOnEvent;\n handleOnInput: FormInputHandleOnEvent;\n handleOnKeyDown: FormInputHandleOnKeyDownEvent;\n inputValue?: string;\n} => {\n if (__DEV__) {\n if (value && defaultValue) {\n throwBladeError({\n message: `Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,\n moduleName: 'Input',\n });\n }\n }\n\n const [inputValue, setInputValue] = React.useState(defaultValue ?? value);\n\n const handleOnFocus: FormInputHandleOnEvent = React.useCallback(\n ({ name, value }) => {\n let _value = '';\n\n if (getPlatformType() === 'react-native' && typeof value === 'string') {\n _value = value;\n } else if (typeof value !== 'string') {\n // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n _value = value?.target.value ?? '';\n }\n\n onFocus?.({\n name,\n value: _value,\n });\n },\n [onFocus],\n );\n\n const handleOnClick: FormInputHandleOnClickEvent = React.useCallback(\n ({ name, value }) => {\n let _value = '';\n\n if (getPlatformType() === 'react-native' && typeof value === 'string') {\n _value = value;\n } else if (typeof value !== 'string') {\n // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n _value = value?.currentTarget.value ?? '';\n }\n\n onClick?.({\n name,\n value: _value,\n });\n },\n [onClick],\n );\n\n const handleOnSubmit: FormInputHandleOnEvent = React.useCallback(\n ({ name, value }) => {\n let _value = '';\n\n if (getPlatformType() === 'react-native' && typeof value === 'string') {\n _value = value;\n } else if (typeof value !== 'string') {\n // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n _value = value?.target.value ?? '';\n }\n if (isReactNative()) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n //@ts-ignore need to ignore this since it will throw a TS error for web but not for native\n onSubmit?.({\n name,\n value: _value,\n });\n }\n },\n [onSubmit],\n );\n\n const handleOnBlur: FormInputHandleOnEvent = React.useCallback(\n ({ name, value }) => {\n let _value = '';\n if (getPlatformType() === 'react-native' && typeof value == 'string') {\n _value = value;\n } else if (typeof value !== 'string') {\n // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n _value = value?.target.value ?? '';\n }\n\n onBlur?.({\n name,\n value: _value,\n });\n },\n [onBlur],\n );\n\n const handleOnChange: FormInputHandleOnEvent = React.useCallback(\n ({ name, value }) => {\n let _value = '';\n\n if (getPlatformType() === 'react-native' && typeof value === 'string') {\n _value = value;\n } else if (typeof value !== 'string') {\n // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n _value = value?.target.value ?? '';\n }\n\n onChange?.({\n name,\n value: _value,\n });\n setInputValue(_value);\n },\n [onChange],\n );\n\n const handleOnInput: FormInputHandleOnEvent = React.useCallback(\n ({ name, value }) => {\n let _value = '';\n if (getPlatformType() === 'react-native' && typeof value == 'string') {\n _value = value;\n } else if (typeof value !== 'string') {\n // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n _value = value?.target.value ?? '';\n }\n\n onInput?.({\n name,\n value: _value,\n });\n },\n [onInput],\n );\n\n const handleOnKeyDown: FormInputHandleOnKeyDownEvent = React.useCallback(\n ({ name, key, code, event }) => {\n onInputKeydownTagHandler(key);\n onKeyDown?.({\n name,\n key,\n code,\n event,\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [onKeyDown],\n );\n\n return {\n handleOnFocus,\n handleOnClick,\n handleOnChange,\n handleOnBlur,\n handleOnSubmit,\n handleOnInput,\n handleOnKeyDown,\n inputValue,\n };\n};\n\nexport const getHintType = ({\n validationState,\n hasHelpText,\n}: {\n validationState: BaseInputProps['validationState'];\n hasHelpText: boolean;\n}): FormHintProps['type'] => {\n if (validationState === 'error') {\n return 'error';\n }\n\n if (validationState === 'success') {\n return 'success';\n }\n\n if (hasHelpText) {\n return 'help';\n }\n\n return 'help';\n};\n\nconst getDescribedByElementId = ({\n validationState,\n hasErrorText,\n hasSuccessText,\n hasHelpText,\n errorTextId,\n successTextId,\n helpTextId,\n}: {\n validationState: BaseInputProps['validationState'];\n hasErrorText: boolean;\n hasSuccessText: boolean;\n hasHelpText: boolean;\n errorTextId: string;\n successTextId: string;\n helpTextId: string;\n}): string => {\n if (validationState === 'error' && hasErrorText) {\n return errorTextId;\n }\n\n if (validationState === 'success' && hasSuccessText) {\n return successTextId;\n }\n\n if (hasHelpText) {\n return helpTextId;\n }\n\n return '';\n};\n\nconst FocusRingWrapper = styled(BaseBox)<{\n currentInteraction: ActionStates;\n isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\n}>(({ theme, currentInteraction, isTableInputCell }) => ({\n borderRadius: makeBorderSize(\n isTableInputCell ? theme.border.radius.none : theme.border.radius.medium,\n ),\n width: '100%',\n '&:focus-within': !isTableInputCell\n ? {\n ...getFocusRingStyles({\n theme,\n }),\n transitionDuration: castWebType(\n makeMotionTime(\n getIn(\n theme.motion.duration,\n baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit']\n .duration,\n ),\n ),\n ),\n transitionTimingFunction: castWebType(\n theme.motion.easing[\n baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit']\n .easing\n ],\n ),\n }\n : {},\n}));\n\nconst _BaseInput: React.ForwardRefRenderFunction<BladeElementRef, BaseInputProps> = (\n {\n as = 'input',\n label,\n labelPosition = 'top',\n placeholder,\n type = 'text',\n defaultValue,\n tags,\n showAllTags = false,\n activeTagIndex = -1,\n setActiveTagIndex,\n name,\n value,\n onFocus,\n onChange,\n onInput,\n onBlur,\n onSubmit,\n onClick,\n onKeyDown,\n isDisabled,\n necessityIndicator,\n validationState,\n errorText,\n helpText,\n successText,\n isRequired,\n leadingIcon,\n prefix,\n trailingInteractionElement,\n onTrailingInteractionElementClick,\n leadingInteractionElement,\n suffix,\n trailingIcon,\n maxCharacters,\n textAlign,\n autoFocus,\n keyboardReturnKeyType,\n keyboardType,\n autoCompleteSuggestionType,\n trailingHeaderSlot,\n trailingFooterSlot,\n numberOfLines,\n id,\n componentName,\n accessibilityLabel,\n labelId,\n activeDescendant,\n hideLabelText,\n hideFormHint,\n hasPopup,\n popupId,\n isPopupExpanded,\n maxTagRows,\n shouldIgnoreBlurAnimation,\n setShouldIgnoreBlurAnimation,\n autoCapitalize,\n setInputWrapperRef,\n testID,\n isDropdownTrigger,\n isLabelInsideInput,\n size = 'medium',\n trailingButton,\n valueComponentType = 'text',\n isTableInputCell = false,\n showHintsAsTooltip = false,\n _motionMeta,\n ...rest\n },\n ref,\n) => {\n const { theme } = useTheme();\n const inputRef = React.useRef<BladeElementRef>(null);\n const mergedInputRef = useMergeRefs(ref, inputRef);\n const inputWrapperRef: InputWrapperRef = React.useRef(null);\n const { onInputKeydownTagHandler, visibleTagsCountRef } = useTags(\n tags,\n activeTagIndex,\n setActiveTagIndex,\n );\n const [showAllTagsWithAnimation, setShowAllTagsWithAnimation] = React.useState(false);\n const isReactNative = getPlatformType() === 'react-native';\n\n React.useEffect(() => {\n if (showAllTags) {\n setShowAllTagsWithAnimation(true);\n } else if (maxTagRows !== 'expandable') {\n setShowAllTagsWithAnimation(false);\n }\n }, [showAllTags, maxTagRows]);\n\n const {\n handleOnFocus,\n handleOnChange,\n handleOnClick,\n handleOnBlur,\n handleOnSubmit,\n handleOnInput,\n handleOnKeyDown,\n inputValue,\n } = useInput({\n defaultValue,\n value,\n onFocus,\n onClick,\n onChange,\n onBlur,\n onSubmit,\n onInput,\n onKeyDown,\n onInputKeydownTagHandler,\n });\n const { inputId, helpTextId, errorTextId, successTextId } = useFormId(id);\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';\n const { currentInteraction, setCurrentInteraction } = useInteraction();\n const _isRequired = isRequired \|\| necessityIndicator === 'required';\n\n const accessibilityProps = makeAccessible({\n required: Boolean(_isRequired),\n disabled: Boolean(isDisabled),\n invalid: Boolean(validationState === 'error'),\n describedBy: getDescribedByElementId({\n validationState,\n hasErrorText: Boolean(errorText),\n hasSuccessText: Boolean(successText),\n hasHelpText: Boolean(helpText),\n errorTextId,\n successTextId,\n helpTextId,\n }),\n label: accessibilityLabel,\n hasPopup,\n expanded: hasPopup ? isPopupExpanded : undefined,\n controls: hasPopup ? popupId : undefined,\n role: hasPopup ? 'combobox' : undefined,\n activeDescendant,\n });\n\n const willRenderHintText =\n Boolean(helpText) \|\|\n (validationState === 'success' && Boolean(successText)) \|\|\n (validationState === 'error' && Boolean(errorText));\n\n if (__DEV__) {\n if (\n autoCompleteSuggestionType &&\n !autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)\n ) {\n throwBladeError({\n message: `Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(\n ', ',\n )} but received ${autoCompleteSuggestionType}`,\n moduleName: 'Input',\n });\n }\n }\n\n const isTextArea = as === 'textarea';\n return (\n <BaseBox\n ref={getOuterMotionRef({ _motionMeta, ref })}\n {...metaAttribute({ name: componentName, testID })}\n {...getStyledProps(rest)}\n >\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n justifyContent={isLabelLeftPositioned ? 'center' : undefined}\n alignItems={isLabelLeftPositioned ? 'center' : undefined}\n position=\"relative\"\n width=\"100%\"\n >\n {!hideLabelText && !isLabelInsideInput && label && (\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'column' : 'row'}\n justifyContent=\"space-between\"\n alignSelf={isTextArea ? 'flex-start' : undefined}\n marginY={isTextArea && isLabelLeftPositioned ? 'spacing.3' : 'spacing.0'}\n >\n <FormLabel\n as=\"label\"\n necessityIndicator={necessityIndicator}\n position={labelPosition}\n id={labelId}\n htmlFor={inputId}\n size={size}\n >\n {label}\n </FormLabel>\n {trailingHeaderSlot?.(value ?? inputValue)}\n </BaseBox>\n )}\n <FocusRingWrapper\n currentInteraction={currentInteraction}\n isTableInputCell={isTableInputCell}\n >\n <BaseInputWrapper\n isDropdownTrigger={isDropdownTrigger}\n isTextArea={isTextArea}\n isDisabled={isDisabled}\n validationState={validationState}\n currentInteraction={currentInteraction}\n isLabelLeftPositioned={isLabelLeftPositioned}\n showAllTags={showAllTags}\n setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n ref={(refNode) => {\n if (refNode) {\n setInputWrapperRef?.(refNode);\n inputWrapperRef.current = refNode;\n }\n }}\n maxTagRows={maxTagRows}\n size={size}\n numberOfLines={numberOfLines}\n onClick={() => {\n if (!isReactNative) {\n inputRef.current?.focus();\n }\n }}\n isTableInputCell={isTableInputCell}\n >\n <BaseInputVisuals\n size={size}\n leadingIcon={leadingIcon}\n prefix={prefix}\n isDisabled={isDisabled}\n leadingInteractionElement={leadingInteractionElement}\n />\n <BaseInputTagSlot\n renderAs={as}\n tags={tags}\n isDisabled={isDisabled}\n showAllTags={showAllTagsWithAnimation}\n setFocusOnInput={() => {\n const innerRef = getInnerMotionRef({ _motionMeta, ref });\n if (innerRef && !isReactNative && 'current' in innerRef) {\n innerRef.current?.focus();\n }\n }}\n labelPrefix={isLabelInsideInput ? label : undefined}\n isDropdownTrigger={isDropdownTrigger}\n visibleTagsCountRef={visibleTagsCountRef}\n handleOnInputClick={(e) => {\n handleOnClick({ name, value: isReactNative ? value : e });\n }}\n setShouldIgnoreBlurAnimation={setShouldIgnoreBlurAnimation}\n maxTagRows={maxTagRows}\n inputWrapperRef={inputWrapperRef}\n size={size}\n numberOfLines={numberOfLines}\n isTextArea={isTextArea}\n >\n <StyledBaseInput\n as={as}\n id={inputId}\n ref={getInnerMotionRef({ _motionMeta, ref: mergedInputRef as any }) as never}\n name={name}\n type={type}\n defaultValue={defaultValue}\n value={value}\n placeholder={placeholder}\n isDisabled={isDisabled}\n validationState={validationState}\n isRequired={_isRequired}\n handleOnFocus={handleOnFocus}\n handleOnChange={handleOnChange}\n handleOnBlur={handleOnBlur}\n handleOnSubmit={handleOnSubmit}\n handleOnInput={handleOnInput}\n handleOnKeyDown={handleOnKeyDown}\n handleOnClick={handleOnClick}\n leadingIcon={leadingIcon}\n prefix={prefix}\n trailingInteractionElement={trailingInteractionElement}\n leadingInteractionElement={leadingInteractionElement}\n suffix={suffix}\n trailingIcon={trailingIcon}\n maxCharacters={maxCharacters}\n textAlign={textAlign}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n keyboardReturnKeyType={keyboardReturnKeyType}\n keyboardType={keyboardType}\n autoCompleteSuggestionType={autoCompleteSuggestionType}\n accessibilityProps={accessibilityProps}\n currentInteraction={currentInteraction}\n setCurrentInteraction={setCurrentInteraction}\n numberOfLines={numberOfLines}\n isTextArea={isTextArea \|\| maxTagRows === 'multiple' \|\| maxTagRows === 'expandable'}\n hasPopup={hasPopup}\n hasTags={!!(tags && tags.length > 0)}\n shouldIgnoreBlurAnimation={shouldIgnoreBlurAnimation}\n autoCapitalize={autoCapitalize}\n isDropdownTrigger={isDropdownTrigger}\n $size={size}\n valueComponentType={valueComponentType}\n isTableInputCell={isTableInputCell}\n {...metaAttribute({ name: MetaConstants.StyledBaseInput })}\n {...makeAnalyticsAttribute(rest)}\n />\n </BaseInputTagSlot>\n <BaseInputVisuals\n trailingInteractionElement={trailingInteractionElement}\n onTrailingInteractionElementClick={onTrailingInteractionElementClick}\n suffix={suffix}\n trailingIcon={trailingIcon}\n isDisabled={isDisabled}\n validationState={validationState}\n trailingButton={trailingButton}\n size={size}\n errorText={errorText}\n successText={successText}\n showHintsAsTooltip={showHintsAsTooltip}\n />\n </BaseInputWrapper>\n </FocusRingWrapper>\n </BaseBox>\n\n {hideFormHint \|\| showHintsAsTooltip ? null : (\n <BaseBox\n marginLeft={makeSize(\n isLabelLeftPositioned && !hideLabelText ? formHintLeftLabelMarginLeft[size] : 0,\n )}\n >\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n justifyContent={willRenderHintText ? 'space-between' : 'flex-end'}\n >\n <FormHint\n type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n helpText={helpText}\n errorText={errorText}\n successText={successText}\n helpTextId={helpTextId}\n errorTextId={errorTextId}\n successTextId={successTextId}\n size={size}\n />\n {trailingFooterSlot?.(value ?? inputValue)}\n </BaseBox>\n </BaseBox>\n )}\n </BaseBox>\n );\n};\n\nconst BaseInputWithRef = React.forwardRef(_BaseInput);\nconst BaseInput = assignWithoutSideEffects(BaseInputWithRef, { displayName: 'BaseInput' });\n\nexport { BaseInput };\n"],"names":["autoCompleteSuggestionTypeValues","useTags","tags","activeTagIndex","setActiveTagIndex","visibleTagsCountRef","React","useRef","useEffect","length","_tags$activeTagIndex","_tags$activeTagIndex$","tagTitle","props","children","announce","onTagLeft","current","onTagRight","onTagRemove","onDismiss","tagIndex","onInputKeydownTagHandler","key","useInput","_ref","value","defaultValue","onClick","onFocus","onChange","onBlur","onSubmit","onInput","onKeyDown","__DEV__","throwBladeError","message","moduleName","_React$useState","useState","_React$useState2","_slicedToArray","inputValue","setInputValue","handleOnFocus","useCallback","_ref2","name","_value","getPlatformType","_value$target$value","target","handleOnClick","_ref3","_value$currentTarget$","currentTarget","handleOnSubmit","_ref4","_value$target$value2","isReactNative","handleOnBlur","_ref5","_value$target$value3","handleOnChange","_ref6","_value$target$value4","handleOnInput","_ref7","_value$target$value5","handleOnKeyDown","_ref8","code","event","getHintType","_ref9","validationState","hasHelpText","getDescribedByElementId","_ref10","hasErrorText","hasSuccessText","errorTextId","successTextId","helpTextId","FocusRingWrapper","styled","BaseBox","_ref11","theme","currentInteraction","isTableInputCell","borderRadius","makeBorderSize","border","radius","none","medium","width","Object","assign","getFocusRingStyles","transitionDuration","castWebType","makeMotionTime","getIn","motion","duration","baseInputBorderBackgroundMotion","transitionTimingFunction","easing","_BaseInput","_ref12","ref","_ref12$as","as","label","_ref12$labelPosition","labelPosition","placeholder","_ref12$type","type","_ref12$showAllTags","showAllTags","_ref12$activeTagIndex","isDisabled","necessityIndicator","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","onTrailingInteractionElementClick","leadingInteractionElement","suffix","trailingIcon","maxCharacters","textAlign","autoFocus","keyboardReturnKeyType","keyboardType","autoCompleteSuggestionType","trailingHeaderSlot","trailingFooterSlot","numberOfLines","id","componentName","accessibilityLabel","labelId","activeDescendant","hideLabelText","hideFormHint","hasPopup","popupId","isPopupExpanded","maxTagRows","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","autoCapitalize","setInputWrapperRef","testID","isDropdownTrigger","isLabelInsideInput","_ref12$size","size","trailingButton","_ref12$valueComponent","valueComponentType","_ref12$isTableInputCe","_ref12$showHintsAsToo","showHintsAsTooltip","_motionMeta","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","inputRef","mergedInputRef","useMergeRefs","inputWrapperRef","_useTags","_React$useState3","_React$useState4","showAllTagsWithAnimation","setShowAllTagsWithAnimation","_useInput","_useFormId","useFormId","inputId","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","_useInteraction","useInteraction","setCurrentInteraction","_isRequired","accessibilityProps","makeAccessible","required","Boolean","disabled","invalid","describedBy","expanded","undefined","controls","role","willRenderHintText","includes","join","isTextArea","_jsxs","getOuterMotionRef","metaAttribute","getStyledProps","display","flexDirection","justifyContent","alignItems","position","alignSelf","marginY","_jsx","FormLabel","htmlFor","BaseInputWrapper","refNode","_inputRef$current","focus","BaseInputVisuals","BaseInputTagSlot","renderAs","setFocusOnInput","innerRef","getInnerMotionRef","_innerRef$current","labelPrefix","handleOnInputClick","e","StyledBaseInput","hasTags","$size","MetaConstants","makeAnalyticsAttribute","marginLeft","makeSize","formHintLeftLabelMarginLeft","FormHint","BaseInputWithRef","forwardRef","BaseInput","assignWithoutSideEffects","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"BaseInput.js","sources":["../../../../../../src/components/Input/BaseInput/BaseInput.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport React from 'react';\nimport type { ReactNode } from 'react';\nimport styled from 'styled-components';\nimport { StyledBaseInput } from './StyledBaseInput';\nimport { BaseInputVisuals } from './BaseInputVisuals';\nimport { BaseInputWrapper } from './BaseInputWrapper';\nimport { BaseInputTagSlot } from './BaseInputTagSlot';\nimport type { InputWrapperRef } from './types';\nimport { baseInputBorderBackgroundMotion, formHintLeftLabelMarginLeft } from './baseInputTokens';\nimport type {\n FormInputLabelProps,\n FormInputValidationProps,\n FormInputHandleOnEvent,\n FormInputOnEvent,\n FormHintProps,\n} from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport type { IconComponent } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport {\n castWebType,\n getPlatformType,\n isReactNative,\n makeBorderSize,\n makeMotionTime,\n useBreakpoint,\n} from '~utils';\nimport type { Platform } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useFormId } from '~components/Form/useFormId';\nimport { useTheme } from '~components/BladeProvider';\nimport useInteraction from '~utils/useInteraction';\nimport type { ActionStates } from '~utils/useInteraction';\nimport type {\n FormInputHandleOnClickEvent,\n FormInputHandleOnKeyDownEvent,\n} from '~components/Form/FormTypes';\nimport type {\n BladeElementRef,\n ContainerElementType,\n DataAnalyticsAttribute,\n TestID,\n} from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport type { AriaAttributes } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport { announce } from '~components/LiveAnnouncer/LiveAnnouncer';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { LinkProps } from '~components/Link';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type { MotionMetaProp } from '~components/BaseMotion';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CommonAutoCompleteSuggestionTypes =\n \| 'none'\n \| 'name'\n \| 'email'\n \| 'username'\n \| 'password'\n \| 'newPassword'\n \| 'oneTimeCode'\n \| 'telephone'\n \| 'postalCode'\n \| 'countryName'\n \| 'creditCardNumber'\n \| 'creditCardCSC'\n \| 'creditCardExpiry'\n \| 'creditCardExpiryMonth'\n \| 'creditCardExpiryYear';\n\ntype WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes \| 'on';\n\ntype BaseInputCommonProps = FormInputLabelProps &\n DataAnalyticsAttribute &\n FormInputValidationProps & {\n /\n Determines if it needs to be rendered as input, textarea or button\n /\n as?: 'input' \| 'textarea' \| 'button';\n /\n ID that will be used for accessibility\n /\n id: string;\n /\n Placeholder text to be displayed inside the input field\n /\n placeholder?: string;\n /\n Type of Input Field to be rendered.\n \n @default text\n /\n type?: 'text' \| 'telephone' \| 'email' \| 'url' \| 'number' \| 'search' \| 'password';\n /\n Used to set the default value of input field when it's uncontrolled\n /\n defaultValue?: string;\n /\n The name of the input field.\n \n Useful in form submissions\n /\n name?: string;\n /\n The callback function to be invoked when the input field gets focus\n /\n onFocus?: FormInputOnEvent;\n /\n The callback function to be invoked when the value of the input field changes\n /\n onChange?: FormInputOnEvent;\n /\n The callback function to be invoked when input is clicked\n /\n onClick?: FormInputOnEvent;\n /\n The callback function to be invoked when the value of the input field has any input\n /\n onInput?: FormInputOnEvent;\n /\n The callback function to be invoked whenever there is a keyDown event\n /\n onKeyDown?: FormInputHandleOnKeyDownEvent;\n /\n The callback function to be invoked when the the input field loses focus\n \n For React Native this will call `onEndEditing` event since we want to get the last value of the input field\n /\n onBlur?: FormInputOnEvent;\n /\n Ignores the blur event animation (Used in Select to ignore blur animation when item in option is clicked)\n /\n shouldIgnoreBlurAnimation?: boolean;\n /\n sets boolean that ignores the blur animations on baseinput\n /\n setShouldIgnoreBlurAnimation?: (shouldIgnoreBlurAnimation: boolean) => void;\n /\n Used to turn the input field to controlled so user can control the value\n /\n value?: string;\n /\n Used to disable the input field\n /\n isDisabled?: boolean;\n /\n If true, the input is marked as required, and `required` attribute will be added\n /\n isRequired?: boolean;\n /\n Icon to be shown at the start of the input field\n /\n leadingIcon?: IconComponent;\n /\n Prefix symbol to be displayed at the beginning of the input field. If leadingIcon is provided it'll be placed after it\n /\n prefix?: string;\n /\n Element to be rendered before suffix. This is decided by the component which is extending BaseInput\n \n eg: consumers can render a loader or they could render a clear button\n /\n trailingInteractionElement?: ReactNode;\n /\n Callback to be invoked when the TrailingInteractionElement is clicked\n /\n onTrailingInteractionElementClick?: () => void;\n /\n Element to be rendered before prefix. This is decided by the component which is extending BaseInput\n \n eg: consumers can render a country selector or button\n /\n leadingInteractionElement?: ReactNode;\n /\n Suffix symbol to be displayed at the end of the input field. If trailingIcon is provided it'll be placed before it\n /\n suffix?: string;\n /\n Icon to be displayed at the end of the input field\n /\n trailingIcon?: IconComponent;\n /\n Displays the character counter under the input field\n /\n maxCharacters?: number;\n /\n alignment of the text inside input field\n /\n textAlign?: 'left' \| 'center' \| 'right';\n /\n If true, focuses the input field on load\n \n Note:\n * Automatically focusing a form control can confuse visually-impaired people using screen-reading technology and people with cognitive impairments.\n * When autofocus is assigned, screen-readers \"teleport\" their user to the form control without warning them beforehand.\n /\n autoFocus?: boolean;\n /\n Hints the platform to display an appropriate virtual keyboard\n \n Native: Passes as is the `keyboardType` attribute\n \n Web: Passes the value to the `inputMode` attribute\n /\n keyboardType?: 'text' \| 'search' \| 'telephone' \| 'email' \| 'url' \| 'decimal';\n /\n determines what return key to show on the keyboard of mobile devices/virtual keyboard\n * Note: Few values are platform dependent and might not render on all the platforms\n \n `default` is only available on native. it'll be mapped to `enter` for web\n * `previous` is only available on native android\n /\n keyboardReturnKeyType?: 'default' \| 'go' \| 'done' \| 'next' \| 'previous' \| 'search' \| 'send';\n /\n Element to be rendered on the trailing slot of input field label\n /\n trailingHeaderSlot?: (value?: string) => ReactNode;\n /\n Element to be rendered on the trailing slot of input field footer\n /\n trailingFooterSlot?: (value?: string) => ReactNode;\n /\n Sets the textarea's number of lines\n /\n numberOfLines?: 1 \| 2 \| 3 \| 4 \| 5;\n /\n Sets the accessibility label for the input\n /\n accessibilityLabel?: string;\n /\n Sets the id of the label\n \n (Useful when assigning one label to multiple elements using aria-labelledby)\n /\n labelId?: string;\n /\n Can be used in select to set the id of the active descendant from the listbox\n /\n activeDescendant?: string;\n /\n Hides the label text\n /\n hideLabelText?: boolean;\n /\n Hides the form hint text\n /\n hideFormHint?: boolean;\n /\n componentName prop sets the data-blade-component attribute name\n * for internal metric collection purposes\n /\n componentName?: string;\n /\n whether the input has a popup\n /\n hasPopup?: AriaAttributes['hasPopup'];\n /\n id of the popup\n /\n popupId?: string;\n /\n true if popup is in expanded state\n /\n isPopupExpanded?: boolean;\n setInputWrapperRef?: (node: ContainerElementType) => void;\n /\n sets the autocapitalize behavior for the input\n /\n autoCapitalize?: 'none' \| 'sentences' \| 'words' \| 'characters';\n\n /\n constraints the height of input to given number rows\n \n When set to expandable, input takes 1 row in the begining and expands to take 3 when active\n \n @default 'single'\n /\n maxTagRows?: 'single' \| 'multiple' \| 'expandable';\n\n /\n A slot for adding tags to input\n /\n tags?: React.ReactElement[] \| null;\n\n /\n Disables stripping of tags and shows all tags\n /\n showAllTags?: boolean;\n\n /\n State variable of active tag index\n /\n activeTagIndex?: number;\n\n /\n Is this input SelectInput or AutoComplete\n /\n isDropdownTrigger?: boolean;\n\n /\n Is the label expected to be rendered inside input?\n * Used in AutoComplete and Select when label can't exist outside\n \n /\n isLabelInsideInput?: boolean;\n\n /*\n State setter for active tag index\n /\n setActiveTagIndex?: (activeTagIndex: number) => void;\n /\n Sets the size of the input field\n * @default medium\n /\n size?: 'medium' \| 'large';\n /\n Link button to be rendered at the end of the input field.\n * Note: `size` of the Link will be set to the same size as the input field, `isDisabled` will follow Input's `isDisabled`, & `variant` will be set to `button`.\n * Example:\n * ```tsx\n * trailingButton={<Link onClick={handleClick}>Apply</Link>}\n * ```\n /\n trailingButton?: React.ReactElement<LinkProps>;\n /\n Whether to use Text or Heading component for Input text\n * @default text\n /\n valueComponentType?: 'text' \| 'heading';\n /\n * Whether to render the input as a table cell\n * @default true\n /\n isTableInputCell?: boolean;\n /\n * Hides the form hints and shows them as tooltip of trailing\n /\n showHintsAsTooltip?: boolean;\n\n role?: AriaAttributes['role'];\n\n /\n Tab Index of the input field\n \n @default undefined\n /\n tabIndex?: number;\n } & TestID &\n Platform.Select<{\n native: {\n /\n The callback function to be invoked when the value of the input field is submitted.\n /\n onSubmit?: FormInputOnEvent;\n /\n determines what autoComplete suggestion type to show\n \n Internally it'll render platform specific attributes:\n \n - web: `autocomplete`\n * - iOS: `textContentType`\n * - android: `autoComplete`\n \n /\n autoCompleteSuggestionType?: CommonAutoCompleteSuggestionTypes;\n };\n web: {\n /*\n This is a react-native only prop and has no effect on web.\n /\n onSubmit?: undefined;\n /\n determines what autoComplete suggestion type to show\n \n Internally it'll render platform specific attributes:\n \n - web: `autocomplete`\n * - iOS: `textContentType`\n * - android: `autoComplete`\n \n /\n autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;\n };\n }> &\n StyledPropsBlade &\n MotionMetaProp;\n\n/\n Mandatory accessibilityLabel prop when label is not provided\n/\ntype BaseInputPropsWithA11yLabel = {\n /*\n Label to be shown for the input field\n /\n label?: undefined;\n /\n Accessibility label for the input\n /\n accessibilityLabel: string;\n};\n\n/\n Optional accessibilityLabel prop when label is provided\n/\ntype BaseInputPropsWithLabel = {\n /\n Label to be shown for the input field\n /\n label: string;\n /\n Accessibility label for the input\n */\n accessibilityLabel?: string;\n};\n\nexport type BaseInputProps = (BaseInputPropsWithA11yLabel \| BaseInputPropsWithLabel) &\n BaseInputCommonProps;\n\nconst autoCompleteSuggestionTypeValues = [\n 'none',\n 'on',\n 'name',\n 'email',\n 'username',\n 'password',\n 'newPassword',\n 'oneTimeCode',\n 'telephone',\n 'postalCode',\n 'countryName',\n 'creditCardNumber',\n 'creditCardCSC',\n 'creditCardExpiry',\n 'creditCardExpiryMonth',\n 'creditCardExpiryYear',\n];\n\ntype OnInputKeydownTagHandlerType = (key: string \| undefined) => void;\nconst useTags = (\n tags: BaseInputProps['tags'],\n activeTagIndex: number,\n setActiveTagIndex?: (activeTagIndex: number) => void,\n): {\n onInputKeydownTagHandler: OnInputKeydownTagHandlerType;\n visibleTagsCountRef: React.MutableRefObject<number>;\n} => {\n const visibleTagsCountRef = React.useRef<number>(0);\n\n React.useEffect(() => {\n if (tags && activeTagIndex >= 0 && activeTagIndex < tags.length) {\n const tagTitle = tags[activeTagIndex]?.props?.children;\n if (tagTitle) {\n announce(`Close ${tagTitle} Tag`);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [activeTagIndex, tags?.length]);\n\n const onTagLeft = (): void => {\n if (activeTagIndex < 0) {\n setActiveTagIndex?.(visibleTagsCountRef.current - 1);\n }\n\n if (activeTagIndex > 0) {\n setActiveTagIndex?.(activeTagIndex - 1);\n }\n };\n\n const onTagRight = (): void => {\n if (activeTagIndex < visibleTagsCountRef.current - 1) {\n setActiveTagIndex?.(activeTagIndex + 1);\n }\n };\n\n const onTagRemove = (): void => {\n if (activeTagIndex >= 0 && activeTagIndex < visibleTagsCountRef.current && tags) {\n tags[activeTagIndex].props.onDismiss({ tagIndex: activeTagIndex });\n }\n };\n\n const onInputKeydownTagHandler: OnInputKeydownTagHandlerType = (key) => {\n if (tags && tags.length > 0) {\n if (key === 'ArrowRight') {\n onTagRight();\n }\n\n if (key === 'ArrowLeft') {\n onTagLeft();\n }\n\n if (key === 'Backspace') {\n onTagRemove();\n }\n }\n };\n\n return {\n onInputKeydownTagHandler,\n visibleTagsCountRef,\n };\n};\n\nconst useInput = ({\n value,\n defaultValue,\n onClick,\n onFocus,\n onChange,\n onBlur,\n onSubmit,\n onInput,\n onKeyDown,\n onInputKeydownTagHandler,\n}: Pick<\n BaseInputProps,\n \| 'value'\n \| 'defaultValue'\n \| 'onFocus'\n \| 'onChange'\n \| 'onBlur'\n \| 'onInput'\n \| 'onKeyDown'\n \| 'onClick'\n \| 'onSubmit'\n> & {\n onInputKeydownTagHandler: OnInputKeydownTagHandlerType;\n}): {\n handleOnFocus: FormInputHandleOnEvent;\n handleOnClick: FormInputHandleOnClickEvent;\n handleOnChange: FormInputHandleOnEvent;\n handleOnBlur: FormInputHandleOnEvent;\n handleOnSubmit: FormInputHandleOnEvent;\n handleOnInput: FormInputHandleOnEvent;\n handleOnKeyDown: FormInputHandleOnKeyDownEvent;\n inputValue?: string;\n} => {\n if (__DEV__) {\n if (value && defaultValue) {\n throwBladeError({\n message: `Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,\n moduleName: 'Input',\n });\n }\n }\n\n const [inputValue, setInputValue] = React.useState(defaultValue ?? value);\n\n const handleOnFocus: FormInputHandleOnEvent = React.useCallback(\n ({ name, value }) => {\n let _value = '';\n\n if (getPlatformType() === 'react-native' && typeof value === 'string') {\n _value = value;\n } else if (typeof value !== 'string') {\n // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n _value = value?.target.value ?? '';\n }\n\n onFocus?.({\n name,\n value: _value,\n });\n },\n [onFocus],\n );\n\n const handleOnClick: FormInputHandleOnClickEvent = React.useCallback(\n ({ name, value }) => {\n let _value = '';\n\n if (getPlatformType() === 'react-native' && typeof value === 'string') {\n _value = value;\n } else if (typeof value !== 'string') {\n // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n _value = value?.currentTarget.value ?? '';\n }\n\n onClick?.({\n name,\n value: _value,\n });\n },\n [onClick],\n );\n\n const handleOnSubmit: FormInputHandleOnEvent = React.useCallback(\n ({ name, value }) => {\n let _value = '';\n\n if (getPlatformType() === 'react-native' && typeof value === 'string') {\n _value = value;\n } else if (typeof value !== 'string') {\n // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n _value = value?.target.value ?? '';\n }\n if (isReactNative()) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n //@ts-ignore need to ignore this since it will throw a TS error for web but not for native\n onSubmit?.({\n name,\n value: _value,\n });\n }\n },\n [onSubmit],\n );\n\n const handleOnBlur: FormInputHandleOnEvent = React.useCallback(\n ({ name, value }) => {\n let _value = '';\n if (getPlatformType() === 'react-native' && typeof value == 'string') {\n _value = value;\n } else if (typeof value !== 'string') {\n // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n _value = value?.target.value ?? '';\n }\n\n onBlur?.({\n name,\n value: _value,\n });\n },\n [onBlur],\n );\n\n const handleOnChange: FormInputHandleOnEvent = React.useCallback(\n ({ name, value }) => {\n let _value = '';\n\n if (getPlatformType() === 'react-native' && typeof value === 'string') {\n _value = value;\n } else if (typeof value !== 'string') {\n // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n _value = value?.target.value ?? '';\n }\n\n onChange?.({\n name,\n value: _value,\n });\n setInputValue(_value);\n },\n [onChange],\n );\n\n const handleOnInput: FormInputHandleOnEvent = React.useCallback(\n ({ name, value }) => {\n let _value = '';\n if (getPlatformType() === 'react-native' && typeof value == 'string') {\n _value = value;\n } else if (typeof value !== 'string') {\n // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n _value = value?.target.value ?? '';\n }\n\n onInput?.({\n name,\n value: _value,\n });\n },\n [onInput],\n );\n\n const handleOnKeyDown: FormInputHandleOnKeyDownEvent = React.useCallback(\n ({ name, key, code, event }) => {\n onInputKeydownTagHandler(key);\n onKeyDown?.({\n name,\n key,\n code,\n event,\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [onKeyDown],\n );\n\n return {\n handleOnFocus,\n handleOnClick,\n handleOnChange,\n handleOnBlur,\n handleOnSubmit,\n handleOnInput,\n handleOnKeyDown,\n inputValue,\n };\n};\n\nexport const getHintType = ({\n validationState,\n hasHelpText,\n}: {\n validationState: BaseInputProps['validationState'];\n hasHelpText: boolean;\n}): FormHintProps['type'] => {\n if (validationState === 'error') {\n return 'error';\n }\n\n if (validationState === 'success') {\n return 'success';\n }\n\n if (hasHelpText) {\n return 'help';\n }\n\n return 'help';\n};\n\nconst getDescribedByElementId = ({\n validationState,\n hasErrorText,\n hasSuccessText,\n hasHelpText,\n errorTextId,\n successTextId,\n helpTextId,\n}: {\n validationState: BaseInputProps['validationState'];\n hasErrorText: boolean;\n hasSuccessText: boolean;\n hasHelpText: boolean;\n errorTextId: string;\n successTextId: string;\n helpTextId: string;\n}): string => {\n if (validationState === 'error' && hasErrorText) {\n return errorTextId;\n }\n\n if (validationState === 'success' && hasSuccessText) {\n return successTextId;\n }\n\n if (hasHelpText) {\n return helpTextId;\n }\n\n return '';\n};\n\nconst FocusRingWrapper = styled(BaseBox)<{\n currentInteraction: ActionStates;\n isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\n}>(({ theme, currentInteraction, isTableInputCell }) => ({\n borderRadius: makeBorderSize(\n isTableInputCell ? theme.border.radius.none : theme.border.radius.medium,\n ),\n width: '100%',\n '&:focus-within': !isTableInputCell\n ? {\n ...getFocusRingStyles({\n theme,\n }),\n transitionDuration: castWebType(\n makeMotionTime(\n getIn(\n theme.motion.duration,\n baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit']\n .duration,\n ),\n ),\n ),\n transitionTimingFunction: castWebType(\n theme.motion.easing[\n baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit']\n .easing\n ],\n ),\n }\n : {},\n}));\n\nconst _BaseInput: React.ForwardRefRenderFunction<BladeElementRef, BaseInputProps> = (\n {\n as = 'input',\n label,\n labelPosition = 'top',\n placeholder,\n type = 'text',\n defaultValue,\n tags,\n showAllTags = false,\n activeTagIndex = -1,\n setActiveTagIndex,\n name,\n value,\n onFocus,\n onChange,\n onInput,\n onBlur,\n onSubmit,\n onClick,\n onKeyDown,\n isDisabled,\n necessityIndicator,\n validationState,\n errorText,\n helpText,\n successText,\n isRequired,\n leadingIcon,\n prefix,\n trailingInteractionElement,\n onTrailingInteractionElementClick,\n leadingInteractionElement,\n suffix,\n trailingIcon,\n maxCharacters,\n textAlign,\n autoFocus,\n keyboardReturnKeyType,\n keyboardType,\n autoCompleteSuggestionType,\n trailingHeaderSlot,\n trailingFooterSlot,\n numberOfLines,\n id,\n componentName,\n accessibilityLabel,\n labelId,\n activeDescendant,\n hideLabelText,\n hideFormHint,\n hasPopup,\n popupId,\n isPopupExpanded,\n maxTagRows,\n shouldIgnoreBlurAnimation,\n setShouldIgnoreBlurAnimation,\n autoCapitalize,\n setInputWrapperRef,\n testID,\n isDropdownTrigger,\n isLabelInsideInput,\n size = 'medium',\n trailingButton,\n valueComponentType = 'text',\n isTableInputCell = false,\n showHintsAsTooltip = false,\n _motionMeta,\n role,\n tabIndex,\n ...rest\n },\n ref,\n) => {\n const { theme } = useTheme();\n const inputRef = React.useRef<BladeElementRef>(null);\n const mergedInputRef = useMergeRefs(ref, inputRef);\n const inputWrapperRef: InputWrapperRef = React.useRef(null);\n const { onInputKeydownTagHandler, visibleTagsCountRef } = useTags(\n tags,\n activeTagIndex,\n setActiveTagIndex,\n );\n const [showAllTagsWithAnimation, setShowAllTagsWithAnimation] = React.useState(false);\n const isReactNative = getPlatformType() === 'react-native';\n const defaultRole = hasPopup ? 'combobox' : undefined;\n\n React.useEffect(() => {\n if (showAllTags) {\n setShowAllTagsWithAnimation(true);\n } else if (maxTagRows !== 'expandable') {\n setShowAllTagsWithAnimation(false);\n }\n }, [showAllTags, maxTagRows]);\n\n const {\n handleOnFocus,\n handleOnChange,\n handleOnClick,\n handleOnBlur,\n handleOnSubmit,\n handleOnInput,\n handleOnKeyDown,\n inputValue,\n } = useInput({\n defaultValue,\n value,\n onFocus,\n onClick,\n onChange,\n onBlur,\n onSubmit,\n onInput,\n onKeyDown,\n onInputKeydownTagHandler,\n });\n const { inputId, helpTextId, errorTextId, successTextId } = useFormId(id);\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';\n const { currentInteraction, setCurrentInteraction } = useInteraction();\n const _isRequired = isRequired \|\| necessityIndicator === 'required';\n\n const accessibilityProps = makeAccessible({\n required: Boolean(_isRequired),\n disabled: Boolean(isDisabled),\n invalid: Boolean(validationState === 'error'),\n describedBy: getDescribedByElementId({\n validationState,\n hasErrorText: Boolean(errorText),\n hasSuccessText: Boolean(successText),\n hasHelpText: Boolean(helpText),\n errorTextId,\n successTextId,\n helpTextId,\n }),\n label: accessibilityLabel,\n hasPopup,\n expanded: hasPopup ? isPopupExpanded : undefined,\n controls: hasPopup ? popupId : undefined,\n role: role ?? defaultRole,\n activeDescendant,\n });\n\n const willRenderHintText =\n Boolean(helpText) \|\|\n (validationState === 'success' && Boolean(successText)) \|\|\n (validationState === 'error' && Boolean(errorText));\n\n if (__DEV__) {\n if (\n autoCompleteSuggestionType &&\n !autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)\n ) {\n throwBladeError({\n message: `Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(\n ', ',\n )} but received ${autoCompleteSuggestionType}`,\n moduleName: 'Input',\n });\n }\n }\n\n const isTextArea = as === 'textarea';\n return (\n <BaseBox\n ref={getOuterMotionRef({ _motionMeta, ref })}\n {...metaAttribute({ name: componentName, testID })}\n {...getStyledProps(rest)}\n >\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n justifyContent={isLabelLeftPositioned ? 'center' : undefined}\n alignItems={isLabelLeftPositioned ? 'center' : undefined}\n position=\"relative\"\n width=\"100%\"\n >\n {!hideLabelText && !isLabelInsideInput && label && (\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'column' : 'row'}\n justifyContent=\"space-between\"\n alignSelf={isTextArea ? 'flex-start' : undefined}\n marginY={isTextArea && isLabelLeftPositioned ? 'spacing.3' : 'spacing.0'}\n >\n <FormLabel\n as=\"label\"\n necessityIndicator={necessityIndicator}\n position={labelPosition}\n id={labelId}\n htmlFor={inputId}\n size={size}\n >\n {label}\n </FormLabel>\n {trailingHeaderSlot?.(value ?? inputValue)}\n </BaseBox>\n )}\n <FocusRingWrapper\n currentInteraction={currentInteraction}\n isTableInputCell={isTableInputCell}\n >\n <BaseInputWrapper\n isDropdownTrigger={isDropdownTrigger}\n isTextArea={isTextArea}\n isDisabled={isDisabled}\n validationState={validationState}\n currentInteraction={currentInteraction}\n isLabelLeftPositioned={isLabelLeftPositioned}\n showAllTags={showAllTags}\n setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n ref={(refNode) => {\n if (refNode) {\n setInputWrapperRef?.(refNode);\n inputWrapperRef.current = refNode;\n }\n }}\n maxTagRows={maxTagRows}\n size={size}\n numberOfLines={numberOfLines}\n onClick={() => {\n if (!isReactNative) {\n inputRef.current?.focus();\n }\n }}\n isTableInputCell={isTableInputCell}\n >\n <BaseInputVisuals\n size={size}\n leadingIcon={leadingIcon}\n prefix={prefix}\n isDisabled={isDisabled}\n leadingInteractionElement={leadingInteractionElement}\n />\n <BaseInputTagSlot\n renderAs={as}\n tags={tags}\n isDisabled={isDisabled}\n showAllTags={showAllTagsWithAnimation}\n setFocusOnInput={() => {\n const innerRef = getInnerMotionRef({ _motionMeta, ref });\n if (innerRef && !isReactNative && 'current' in innerRef) {\n innerRef.current?.focus();\n }\n }}\n labelPrefix={isLabelInsideInput ? label : undefined}\n isDropdownTrigger={isDropdownTrigger}\n visibleTagsCountRef={visibleTagsCountRef}\n handleOnInputClick={(e) => {\n handleOnClick({ name, value: isReactNative ? value : e });\n }}\n setShouldIgnoreBlurAnimation={setShouldIgnoreBlurAnimation}\n maxTagRows={maxTagRows}\n inputWrapperRef={inputWrapperRef}\n size={size}\n numberOfLines={numberOfLines}\n isTextArea={isTextArea}\n >\n <StyledBaseInput\n as={as}\n id={inputId}\n ref={getInnerMotionRef({ _motionMeta, ref: mergedInputRef as any }) as never}\n name={name}\n type={type}\n defaultValue={defaultValue}\n value={value}\n placeholder={placeholder}\n isDisabled={isDisabled}\n validationState={validationState}\n isRequired={_isRequired}\n handleOnFocus={handleOnFocus}\n handleOnChange={handleOnChange}\n handleOnBlur={handleOnBlur}\n handleOnSubmit={handleOnSubmit}\n handleOnInput={handleOnInput}\n handleOnKeyDown={handleOnKeyDown}\n handleOnClick={handleOnClick}\n leadingIcon={leadingIcon}\n prefix={prefix}\n trailingInteractionElement={trailingInteractionElement}\n leadingInteractionElement={leadingInteractionElement}\n suffix={suffix}\n trailingIcon={trailingIcon}\n maxCharacters={maxCharacters}\n textAlign={textAlign}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n keyboardReturnKeyType={keyboardReturnKeyType}\n keyboardType={keyboardType}\n autoCompleteSuggestionType={autoCompleteSuggestionType}\n accessibilityProps={accessibilityProps}\n currentInteraction={currentInteraction}\n setCurrentInteraction={setCurrentInteraction}\n numberOfLines={numberOfLines}\n isTextArea={isTextArea \|\| maxTagRows === 'multiple' \|\| maxTagRows === 'expandable'}\n hasPopup={hasPopup}\n hasTags={!!(tags && tags.length > 0)}\n shouldIgnoreBlurAnimation={shouldIgnoreBlurAnimation}\n autoCapitalize={autoCapitalize}\n isDropdownTrigger={isDropdownTrigger}\n $size={size}\n valueComponentType={valueComponentType}\n isTableInputCell={isTableInputCell}\n tabIndex={tabIndex}\n {...metaAttribute({ name: MetaConstants.StyledBaseInput })}\n {...makeAnalyticsAttribute(rest)}\n />\n </BaseInputTagSlot>\n <BaseInputVisuals\n trailingInteractionElement={trailingInteractionElement}\n onTrailingInteractionElementClick={onTrailingInteractionElementClick}\n suffix={suffix}\n trailingIcon={trailingIcon}\n isDisabled={isDisabled}\n validationState={validationState}\n trailingButton={trailingButton}\n size={size}\n errorText={errorText}\n successText={successText}\n showHintsAsTooltip={showHintsAsTooltip}\n />\n </BaseInputWrapper>\n </FocusRingWrapper>\n </BaseBox>\n\n {hideFormHint \|\| showHintsAsTooltip ? null : (\n <BaseBox\n marginLeft={makeSize(\n isLabelLeftPositioned && !hideLabelText ? formHintLeftLabelMarginLeft[size] : 0,\n )}\n >\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n justifyContent={willRenderHintText ? 'space-between' : 'flex-end'}\n >\n <FormHint\n type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n helpText={helpText}\n errorText={errorText}\n successText={successText}\n helpTextId={helpTextId}\n errorTextId={errorTextId}\n successTextId={successTextId}\n size={size}\n />\n {trailingFooterSlot?.(value ?? inputValue)}\n </BaseBox>\n </BaseBox>\n )}\n </BaseBox>\n );\n};\n\nconst BaseInputWithRef = React.forwardRef(_BaseInput);\nconst BaseInput = assignWithoutSideEffects(BaseInputWithRef, { displayName: 'BaseInput' });\n\nexport { BaseInput };\n"],"names":["autoCompleteSuggestionTypeValues","useTags","tags","activeTagIndex","setActiveTagIndex","visibleTagsCountRef","React","useRef","useEffect","length","_tags$activeTagIndex","_tags$activeTagIndex$","tagTitle","props","children","announce","onTagLeft","current","onTagRight","onTagRemove","onDismiss","tagIndex","onInputKeydownTagHandler","key","useInput","_ref","value","defaultValue","onClick","onFocus","onChange","onBlur","onSubmit","onInput","onKeyDown","__DEV__","throwBladeError","message","moduleName","_React$useState","useState","_React$useState2","_slicedToArray","inputValue","setInputValue","handleOnFocus","useCallback","_ref2","name","_value","getPlatformType","_value$target$value","target","handleOnClick","_ref3","_value$currentTarget$","currentTarget","handleOnSubmit","_ref4","_value$target$value2","isReactNative","handleOnBlur","_ref5","_value$target$value3","handleOnChange","_ref6","_value$target$value4","handleOnInput","_ref7","_value$target$value5","handleOnKeyDown","_ref8","code","event","getHintType","_ref9","validationState","hasHelpText","getDescribedByElementId","_ref10","hasErrorText","hasSuccessText","errorTextId","successTextId","helpTextId","FocusRingWrapper","styled","BaseBox","_ref11","theme","currentInteraction","isTableInputCell","borderRadius","makeBorderSize","border","radius","none","medium","width","Object","assign","getFocusRingStyles","transitionDuration","castWebType","makeMotionTime","getIn","motion","duration","baseInputBorderBackgroundMotion","transitionTimingFunction","easing","_BaseInput","_ref12","ref","_ref12$as","as","label","_ref12$labelPosition","labelPosition","placeholder","_ref12$type","type","_ref12$showAllTags","showAllTags","_ref12$activeTagIndex","isDisabled","necessityIndicator","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","onTrailingInteractionElementClick","leadingInteractionElement","suffix","trailingIcon","maxCharacters","textAlign","autoFocus","keyboardReturnKeyType","keyboardType","autoCompleteSuggestionType","trailingHeaderSlot","trailingFooterSlot","numberOfLines","id","componentName","accessibilityLabel","labelId","activeDescendant","hideLabelText","hideFormHint","hasPopup","popupId","isPopupExpanded","maxTagRows","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","autoCapitalize","setInputWrapperRef","testID","isDropdownTrigger","isLabelInsideInput","_ref12$size","size","trailingButton","_ref12$valueComponent","valueComponentType","_ref12$isTableInputCe","_ref12$showHintsAsToo","showHintsAsTooltip","_motionMeta","role","tabIndex","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","inputRef","mergedInputRef","useMergeRefs","inputWrapperRef","_useTags","_React$useState3","_React$useState4","showAllTagsWithAnimation","setShowAllTagsWithAnimation","defaultRole","undefined","_useInput","_useFormId","useFormId","inputId","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","_useInteraction","useInteraction","setCurrentInteraction","_isRequired","accessibilityProps","makeAccessible","required","Boolean","disabled","invalid","describedBy","expanded","controls","willRenderHintText","includes","join","isTextArea","_jsxs","getOuterMotionRef","metaAttribute","getStyledProps","display","flexDirection","justifyContent","alignItems","position","alignSelf","marginY","_jsx","FormLabel","htmlFor","BaseInputWrapper","refNode","_inputRef$current","focus","BaseInputVisuals","BaseInputTagSlot","renderAs","setFocusOnInput","innerRef","getInnerMotionRef","_innerRef$current","labelPrefix","handleOnInputClick","e","StyledBaseInput","hasTags","$size","MetaConstants","makeAnalyticsAttribute","marginLeft","makeSize","formHintLeftLabelMarginLeft","FormHint","BaseInputWithRef","forwardRef","BaseInput","assignWithoutSideEffects","displayName"],"mappings":"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"}

package/build/lib/native/components/Input/DropdownInputTriggers/AutoComplete.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import '../../BladeProvider/useTheme.js';
 import { jsx } from 'react/jsx-runtime';
-var useAutoComplete=function useAutoComplete(_ref){var props=_ref.props,inputValue=_ref.inputValue,setInputValue=_ref.setInputValue,getOptionValues=_ref.getOptionValues;var _useDropdown=useDropdown(),onBaseDropdownInputKeydown=_useDropdown.onTriggerKeydown,isOpen=_useDropdown.isOpen,setIsOpen=_useDropdown.setIsOpen,selectedIndices=_useDropdown.selectedIndices,setSelectedIndices=_useDropdown.setSelectedIndices,setControlledValueIndices=_useDropdown.setControlledValueIndices,isControlled=_useDropdown.isControlled,options=_useDropdown.options,setGlobalFilteredValues=_useDropdown.setFilteredValues,activeTagIndex=_useDropdown.activeTagIndex,setActiveTagIndex=_useDropdown.setActiveTagIndex,setActiveIndex=_useDropdown.setActiveIndex,globalFilteredValues=_useDropdown.filteredValues,selectionType=_useDropdown.selectionType,triggererRef=_useDropdown.triggererRef,hasAutoCompleteInBottomSheetHeader=_useDropdown.hasAutoCompleteInBottomSheetHeader;var resetFilters=function resetFilters(){return setGlobalFilteredValues(getOptionValues());};React__default.useEffect(function(){var firstItemOptionIndex=options.findIndex(function(option){return option.value===globalFilteredValues[0];});if(firstItemOptionIndex>=0){setActiveIndex(firstItemOptionIndex);}},[globalFilteredValues.length,options.length]);React__default.useEffect(function(){if(isOpen&&!inputValue){resetFilters();}},[isOpen,options]);React__default.useEffect(function(){if(isOpen&&selectionType==='single'){resetFilters();}if(hasAutoCompleteInBottomSheetHeader&&isOpen&&!isReactNative()){var _triggererRef$current;(_triggererRef$current=triggererRef.current)==null?void 0:_triggererRef$current.focus();}},[isOpen]);var onInputValueChange=function onInputValueChange(_ref2){var name=_ref2.name,value=_ref2.value;setInputValue(value!=null?value:'');props.onInputValueChange==null?void 0:props.onInputValueChange({name:name,value:value});setActiveTagIndex(-1);if(!isOpen){setIsOpen(true);}if(!props.filteredValues){if(value&&options&&options.length>0){var filteredOptions=getOptionValues().filter(function(optionValue){return optionValue.toLowerCase().includes(value.toLowerCase());});setGlobalFilteredValues(filteredOptions);}else {resetFilters();}}};var onTriggerKeydown=function onTriggerKeydown(e){if(e.key==='Backspace'&&!inputValue&&activeTagIndex<0&&selectedIndices.length>0){if(isControlled){setControlledValueIndices(selectedIndices.slice(0,-1));}else {setSelectedIndices(selectedIndices.slice(0,-1));}}onBaseDropdownInputKeydown==null?void 0:onBaseDropdownInputKeydown(e);};var onSelectionChange=function onSelectionChange(_ref3){var values=_ref3.values;if(selectionType==='multiple'){setInputValue('');props.onInputValueChange==null?void 0:props.onInputValueChange({name:props.name,value:''});setActiveTagIndex(-1);resetFilters();}else {var _options$find;var displayText=(_options$find=options.find(function(option){return option.value===values[0];}))==null?void 0:_options$find.title;props.onInputValueChange==null?void 0:props.onInputValueChange({name:props.name,value:displayText});if(typeof props.value==='undefined'){setInputValue(displayText!=null?displayText:'');}}props.onChange==null?void 0:props.onChange({name:props.name,values:values});};return {onSelectionChange:onSelectionChange,onTriggerKeydown:onTriggerKeydown,onInputValueChange:onInputValueChange};};var _AutoComplete=function _AutoComplete(props,ref){var _props$inputValue,_props$autoFocus;var _React$useState=React__default.useState(''),_React$useState2=_slicedToArray(_React$useState,2),uncontrolledInputValue=_React$useState2[0],setInputValue=_React$useState2[1];var inputValue=(_props$inputValue=props.inputValue)!=null?_props$inputValue:uncontrolledInputValue;var _useDropdown2=useDropdown(),options=_useDropdown2.options,setGlobalFilteredValues=_useDropdown2.setFilteredValues,hasAutoCompleteInBottomSheetHeader=_useDropdown2.hasAutoCompleteInBottomSheetHeader,setHasAutoCompleteInBottomSheetHeader=_useDropdown2.setHasAutoCompleteInBottomSheetHeader,_onTriggerClick=_useDropdown2.onTriggerClick,dropdownTriggerer=_useDropdown2.dropdownTriggerer;var getOptionValues=React__default.useCallback(function(){return options.map(function(option){return option.value;});},[options]);var _useAutoComplete=useAutoComplete({props:props,inputValue:inputValue,setInputValue:setInputValue,getOptionValues:getOptionValues}),onSelectionChange=_useAutoComplete.onSelectionChange,onTriggerKeydown=_useAutoComplete.onTriggerKeydown,onInputValueChange=_useAutoComplete.onInputValueChange;React__default.useEffect(function(){if(dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete){setHasAutoCompleteInBottomSheetHeader(true);}},[]);React__default.useEffect(function(){if(props.filteredValues){setGlobalFilteredValues(props.filteredValues);}},[props.filteredValues,setGlobalFilteredValues]);var defaultAutoFocusState=hasAutoCompleteInBottomSheetHeader?true:undefined;return jsx(BaseBox,{position:"relative",children:jsx(BaseDropdownInputTrigger,Object.assign({},props,{autoFocus:(_props$autoFocus=props.autoFocus)!=null?_props$autoFocus:defaultAutoFocusState,ref:ref,onChange:onSelectionChange,isSelectInput:false,inputValue:inputValue,syncInputValueWithSelection:function syncInputValueWithSelection(value){var _selectedOption$title;if(!value){setInputValue('');return;}var selectedOption=options.find(function(option){return option.value===value;});setInputValue((_selectedOption$title=selectedOption==null?void 0:selectedOption.title)!=null?_selectedOption$title:'');},onTriggerKeydown:onTriggerKeydown,onInputValueChange:onInputValueChange,onTriggerClick:function onTriggerClick(triggerEvent){if(!hasAutoCompleteInBottomSheetHeader){_onTriggerClick();}props==null?void 0:props.onClick==null?void 0:props.onClick(triggerEvent);}}))});};var AutoComplete=assignWithoutSideEffects(React__default.forwardRef(_AutoComplete),{componentId:dropdownComponentIds.triggers.AutoComplete});
+var useAutoComplete=function useAutoComplete(_ref){var props=_ref.props,inputValue=_ref.inputValue,setInputValue=_ref.setInputValue,getOptionValues=_ref.getOptionValues;var _useDropdown=useDropdown(),onBaseDropdownInputKeydown=_useDropdown.onTriggerKeydown,isOpen=_useDropdown.isOpen,setIsOpen=_useDropdown.setIsOpen,selectedIndices=_useDropdown.selectedIndices,setSelectedIndices=_useDropdown.setSelectedIndices,setControlledValueIndices=_useDropdown.setControlledValueIndices,isControlled=_useDropdown.isControlled,options=_useDropdown.options,setGlobalFilteredValues=_useDropdown.setFilteredValues,activeTagIndex=_useDropdown.activeTagIndex,setActiveTagIndex=_useDropdown.setActiveTagIndex,setActiveIndex=_useDropdown.setActiveIndex,globalFilteredValues=_useDropdown.filteredValues,selectionType=_useDropdown.selectionType,triggererRef=_useDropdown.triggererRef,hasAutoCompleteInHeader=_useDropdown.hasAutoCompleteInHeader;var resetFilters=function resetFilters(){return setGlobalFilteredValues(getOptionValues());};React__default.useEffect(function(){var firstItemOptionIndex=options.findIndex(function(option){return option.value===globalFilteredValues[0];});if(firstItemOptionIndex>=0){setActiveIndex(firstItemOptionIndex);}},[globalFilteredValues.length,options.length]);React__default.useEffect(function(){if(isOpen&&!inputValue){resetFilters();}},[isOpen,options]);React__default.useEffect(function(){if(isOpen&&selectionType==='single'){resetFilters();}if(hasAutoCompleteInHeader&&isOpen&&!isReactNative()){var _triggererRef$current;(_triggererRef$current=triggererRef.current)==null?void 0:_triggererRef$current.focus();}},[isOpen]);var onInputValueChange=function onInputValueChange(_ref2){var name=_ref2.name,value=_ref2.value;setInputValue(value!=null?value:'');props.onInputValueChange==null?void 0:props.onInputValueChange({name:name,value:value});setActiveTagIndex(-1);if(!isOpen){setIsOpen(true);}if(!props.filteredValues){if(value&&options&&options.length>0){var filteredOptions=getOptionValues().filter(function(optionValue){return optionValue.toLowerCase().includes(value.toLowerCase());});setGlobalFilteredValues(filteredOptions);}else {resetFilters();}}};var onTriggerKeydown=function onTriggerKeydown(e){if(e.key==='Backspace'&&!inputValue&&activeTagIndex<0&&selectedIndices.length>0){if(isControlled){setControlledValueIndices(selectedIndices.slice(0,-1));}else {setSelectedIndices(selectedIndices.slice(0,-1));}}onBaseDropdownInputKeydown==null?void 0:onBaseDropdownInputKeydown(e);};var onSelectionChange=function onSelectionChange(_ref3){var values=_ref3.values;console.log('selection change',values);if(selectionType==='multiple'){setInputValue('');props.onInputValueChange==null?void 0:props.onInputValueChange({name:props.name,value:''});setActiveTagIndex(-1);resetFilters();}else {var _options$find;var displayText=(_options$find=options.find(function(option){return option.value===values[0];}))==null?void 0:_options$find.title;props.onInputValueChange==null?void 0:props.onInputValueChange({name:props.name,value:displayText});if(hasAutoCompleteInHeader){setInputValue('');}else if(typeof props.value==='undefined'){setInputValue(displayText!=null?displayText:'');}}props.onChange==null?void 0:props.onChange({name:props.name,values:values});};return {onSelectionChange:onSelectionChange,onTriggerKeydown:onTriggerKeydown,onInputValueChange:onInputValueChange};};var _AutoComplete=function _AutoComplete(props,ref){var _props$inputValue,_props$autoFocus;var _React$useState=React__default.useState(''),_React$useState2=_slicedToArray(_React$useState,2),uncontrolledInputValue=_React$useState2[0],setInputValue=_React$useState2[1];var inputValue=(_props$inputValue=props.inputValue)!=null?_props$inputValue:uncontrolledInputValue;var _useDropdown2=useDropdown(),options=_useDropdown2.options,setGlobalFilteredValues=_useDropdown2.setFilteredValues,hasAutoCompleteInHeader=_useDropdown2.hasAutoCompleteInHeader,setHasAutoCompleteInHeader=_useDropdown2.setHasAutoCompleteInHeader,_onTriggerClick=_useDropdown2.onTriggerClick,dropdownTriggerer=_useDropdown2.dropdownTriggerer;var getOptionValues=React__default.useCallback(function(){return options.map(function(option){return option.value;});},[options]);var _useAutoComplete=useAutoComplete({props:props,inputValue:inputValue,setInputValue:setInputValue,getOptionValues:getOptionValues}),onSelectionChange=_useAutoComplete.onSelectionChange,onTriggerKeydown=_useAutoComplete.onTriggerKeydown,onInputValueChange=_useAutoComplete.onInputValueChange;React__default.useEffect(function(){if(dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete){setHasAutoCompleteInHeader(true);}},[]);React__default.useEffect(function(){if(props.filteredValues){setGlobalFilteredValues(props.filteredValues);}},[props.filteredValues,setGlobalFilteredValues]);var defaultAutoFocusState=hasAutoCompleteInHeader?true:undefined;return jsx(BaseBox,{position:"relative",children:jsx(BaseDropdownInputTrigger,Object.assign({},props,{autoFocus:(_props$autoFocus=props.autoFocus)!=null?_props$autoFocus:defaultAutoFocusState,ref:ref,onChange:onSelectionChange,isSelectInput:false,inputValue:inputValue,syncInputValueWithSelection:function syncInputValueWithSelection(value){var _selectedOption$title;if(!value){setInputValue('');return;}var selectedOption=options.find(function(option){return option.value===value;});setInputValue((_selectedOption$title=selectedOption==null?void 0:selectedOption.title)!=null?_selectedOption$title:'');},onTriggerKeydown:onTriggerKeydown,onInputValueChange:onInputValueChange,onTriggerClick:function onTriggerClick(triggerEvent){if(!hasAutoCompleteInHeader){_onTriggerClick();}props==null?void 0:props.onClick==null?void 0:props.onClick(triggerEvent);}}))});};var AutoComplete=assignWithoutSideEffects(React__default.forwardRef(_AutoComplete),{componentId:dropdownComponentIds.triggers.AutoComplete});
 export { AutoComplete };
 //# sourceMappingURL=AutoComplete.js.map