npm - @razorpay/blade - Versions diffs - 11.36.1 → 11.37.0 - Mend

@razorpay/blade 11.36.1 → 11.37.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 (100) hide show

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

@@ -6,9 +6,11 @@ import { dropdownComponentIds } from './dropdownComponentIds.js';
 import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { isBrowser } from '../../utils/platform/isBrowser.js';
 import '../BladeProvider/useTheme.js';
+import { fireNativeEvent } from '../../utils/fireNativeEvent/fireNativeEvent.native.js';
-var _excluded=["isOpen","setIsOpen","close","selectedIndices","setSelectedIndices","activeIndex","setActiveIndex","activeTagIndex","setActiveTagIndex","visibleTagsCountRef","isKeydownPressed","setIsKeydownPressed","options","selectionType","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setControlledValueIndices","filteredValues","dropdownTriggerer"];var noop=function noop(){};var DropdownContext=React__default.createContext({isOpen:false,setIsOpen:noop,close:noop,selectedIndices:[],setSelectedIndices:noop,controlledValueIndices:[],setControlledValueIndices:noop,options:[],setOptions:noop,filteredValues:[],setFilteredValues:noop,activeIndex:-1,setActiveIndex:noop,activeTagIndex:-1,setActiveTagIndex:noop,shouldIgnoreBlurAnimation:false,setShouldIgnoreBlurAnimation:noop,hasFooterAction:false,setHasFooterAction:noop,hasAutoCompleteInBottomSheetHeader:false,setHasAutoCompleteInBottomSheetHeader:noop,isKeydownPressed:false,setIsKeydownPressed:noop,changeCallbackTriggerer:0,setChangeCallbackTriggerer:noop,isControlled:false,setIsControlled:noop,dropdownBaseId:'',actionListItemRef:{current:null},triggererRef:{current:null},isTagDismissedRef:{current:null},visibleTagsCountRef:{current:null},triggererWrapperRef:{current:null}});var searchTimeout;var searchString='';var useDropdown=function useDropdown(){var _React$useContext=React__default.useContext(DropdownContext),isOpen=_React$useContext.isOpen,setIsOpen=_React$useContext.setIsOpen,close=_React$useContext.close,selectedIndices=_React$useContext.selectedIndices,setSelectedIndices=_React$useContext.setSelectedIndices,activeIndex=_React$useContext.activeIndex,setActiveIndex=_React$useContext.setActiveIndex,activeTagIndex=_React$useContext.activeTagIndex,setActiveTagIndex=_React$useContext.setActiveTagIndex,visibleTagsCountRef=_React$useContext.visibleTagsCountRef,isKeydownPressed=_React$useContext.isKeydownPressed,setIsKeydownPressed=_React$useContext.setIsKeydownPressed,options=_React$useContext.options,selectionType=_React$useContext.selectionType,changeCallbackTriggerer=_React$useContext.changeCallbackTriggerer,setChangeCallbackTriggerer=_React$useContext.setChangeCallbackTriggerer,isControlled=_React$useContext.isControlled,setControlledValueIndices=_React$useContext.setControlledValueIndices,filteredValues=_React$useContext.filteredValues,dropdownTriggerer=_React$useContext.dropdownTriggerer,rest=_objectWithoutProperties(_React$useContext,_excluded);var setIndices=function setIndices(indices){if(isControlled){setControlledValueIndices(indices);}else {setSelectedIndices(indices);}};var removeOption=function removeOption(index){var existingItemIndex=selectedIndices.indexOf(index);if(existingItemIndex<0){return;}setIndices([].concat(_toConsumableArray(selectedIndices.slice(0,existingItemIndex)),_toConsumableArray(selectedIndices.slice(existingItemIndex+1))));};var selectOption=function selectOption(index){var properties=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{closeOnSelection:true};var isSelected=false;if(index<0||index>options.length-1){return isSelected;}if(selectionType==='multiple'){if(selectedIndices.includes(index)){removeOption(index);isSelected=false;}else {setIndices([].concat(_toConsumableArray(selectedIndices),[index]));isSelected=true;}}else {setIndices([index]);isSelected=true;}setChangeCallbackTriggerer(changeCallbackTriggerer+1);if(activeIndex!==index){setActiveIndex(index);}if(properties!=null&&properties.closeOnSelection&&selectionType!=='multiple'){close();}return isSelected;};var onTriggerClick=function onTriggerClick(){if(isOpen){close();}else {setIsOpen(true);}};var onOptionChange=function onOptionChange(actionType,index){setActiveTagIndex(-1);var newIndex=index!=null?index:activeIndex;var updatedIndex;var hasAutoComplete=rest.hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;if(hasAutoComplete&&filteredValues.length>0){var filteredIndexes=filteredValues.map(function(filteredValue){return options.findIndex(function(option){return option.value===filteredValue;});}).sort(function(a,b){return a-b;});updatedIndex=filteredIndexes[getUpdatedIndex({currentIndex:filteredIndexes.indexOf(newIndex),maxIndex:filteredIndexes.length-1,actionType:actionType})];}else {updatedIndex=getUpdatedIndex({currentIndex:newIndex,maxIndex:options.length-1,actionType:actionType});}setActiveIndex(updatedIndex);var optionValues=options.map(function(option){return option.value;});ensureScrollVisiblity(updatedIndex,rest.actionListItemRef.current,optionValues);};var onOptionClick=function onOptionClick(e,index){var actionType=getActionFromKey(e,isOpen,dropdownTriggerer);if(typeof actionType==='number'){onOptionChange(actionType,index);}selectOption(index);if(!isReactNative()){var _rest$triggererRef$cu;(_rest$triggererRef$cu=rest.triggererRef.current)==null?void 0:_rest$triggererRef$cu.focus();}};var onComboType=function onComboType(letter,actionType){setIsOpen(true);if(rest.hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete){return;}if(typeof searchTimeout==='number'){window.clearTimeout(searchTimeout);}searchTimeout=window.setTimeout(function(){searchString='';},500);searchString=searchString+letter;var optionTitles=options.map(function(option){return option.title;});var searchIndex=getIndexByLetter(optionTitles,searchString,activeIndex+1);if(searchIndex>=0){onOptionChange(actionType,searchIndex);}else {window.clearTimeout(searchTimeout);searchString='';}};var onTriggerKeydown=function onTriggerKeydown(e){if(!isKeydownPressed&&![' ','Enter','Escape','Meta'].includes(e.event.key)){setIsKeydownPressed(true);}var actionType=getActionFromKey(e.event,isOpen,dropdownTriggerer);if(actionType){performAction(actionType,e,{setIsOpen:setIsOpen,close:close,onOptionChange:onOptionChange,onComboType:onComboType,selectCurrentOption:function selectCurrentOption(){var _options$activeIndex$,_options$activeIndex;if(activeIndex<0){return;}var isSelected=selectOption(activeIndex);if(rest.hasFooterAction&&!isReactNative()){var _rest$triggererRef$cu2;(_rest$triggererRef$cu2=rest.triggererRef.current)==null?void 0:_rest$triggererRef$cu2.focus();}(_options$activeIndex$=(_options$activeIndex=options[activeIndex]).onClickTrigger)==null?void 0:_options$activeIndex$.call(_options$activeIndex,isSelected);}});}};return Object.assign({isOpen:isOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,filteredValues:filteredValues,removeOption:removeOption,setControlledValueIndices:setControlledValueIndices,onTriggerClick:onTriggerClick,onTriggerKeydown:onTriggerKeydown,onOptionClick:onOptionClick,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,options:options,value:makeInputValue(selectedIndices,options),displayValue:makeInputDisplayValue(selectedIndices,options),selectionType:selectionType,dropdownTriggerer:dropdownTriggerer},rest);};
+var _excluded=["isOpen","setIsOpen","close","selectedIndices","setSelectedIndices","activeIndex","setActiveIndex","activeTagIndex","setActiveTagIndex","visibleTagsCountRef","isKeydownPressed","setIsKeydownPressed","options","selectionType","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setControlledValueIndices","filteredValues","dropdownTriggerer"];var noop=function noop(){};var DropdownContext=React__default.createContext({isOpen:false,setIsOpen:noop,close:noop,selectedIndices:[],setSelectedIndices:noop,controlledValueIndices:[],setControlledValueIndices:noop,options:[],setOptions:noop,filteredValues:[],setFilteredValues:noop,activeIndex:-1,setActiveIndex:noop,activeTagIndex:-1,setActiveTagIndex:noop,shouldIgnoreBlurAnimation:false,setShouldIgnoreBlurAnimation:noop,hasFooterAction:false,setHasFooterAction:noop,hasAutoCompleteInBottomSheetHeader:false,setHasAutoCompleteInBottomSheetHeader:noop,isKeydownPressed:false,setIsKeydownPressed:noop,changeCallbackTriggerer:0,setChangeCallbackTriggerer:noop,isControlled:false,setIsControlled:noop,dropdownBaseId:'',actionListItemRef:{current:null},triggererRef:{current:null},isTagDismissedRef:{current:null},visibleTagsCountRef:{current:null},triggererWrapperRef:{current:null}});var searchTimeout;var searchString='';var useDropdown=function useDropdown(){var _React$useContext=React__default.useContext(DropdownContext),isOpen=_React$useContext.isOpen,setIsOpen=_React$useContext.setIsOpen,close=_React$useContext.close,selectedIndices=_React$useContext.selectedIndices,setSelectedIndices=_React$useContext.setSelectedIndices,activeIndex=_React$useContext.activeIndex,setActiveIndex=_React$useContext.setActiveIndex,activeTagIndex=_React$useContext.activeTagIndex,setActiveTagIndex=_React$useContext.setActiveTagIndex,visibleTagsCountRef=_React$useContext.visibleTagsCountRef,isKeydownPressed=_React$useContext.isKeydownPressed,setIsKeydownPressed=_React$useContext.setIsKeydownPressed,options=_React$useContext.options,selectionType=_React$useContext.selectionType,changeCallbackTriggerer=_React$useContext.changeCallbackTriggerer,setChangeCallbackTriggerer=_React$useContext.setChangeCallbackTriggerer,isControlled=_React$useContext.isControlled,setControlledValueIndices=_React$useContext.setControlledValueIndices,filteredValues=_React$useContext.filteredValues,dropdownTriggerer=_React$useContext.dropdownTriggerer,rest=_objectWithoutProperties(_React$useContext,_excluded);var setIndices=function setIndices(indices){if(isControlled){setControlledValueIndices(indices);}else {setSelectedIndices(indices);}};var removeOption=function removeOption(index){var existingItemIndex=selectedIndices.indexOf(index);if(existingItemIndex<0){return;}setIndices([].concat(_toConsumableArray(selectedIndices.slice(0,existingItemIndex)),_toConsumableArray(selectedIndices.slice(existingItemIndex+1))));};var selectOption=function selectOption(index){var properties=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{closeOnSelection:true};var isSelected=false;if(index<0||index>options.length-1){return isSelected;}if(selectionType==='multiple'){if(selectedIndices.includes(index)){removeOption(index);isSelected=false;}else {setIndices([].concat(_toConsumableArray(selectedIndices),[index]));isSelected=true;}}else {setIndices([index]);isSelected=true;}setChangeCallbackTriggerer(changeCallbackTriggerer+1);if(activeIndex!==index){setActiveIndex(index);}if(properties!=null&&properties.closeOnSelection&&selectionType!=='multiple'){close();}return isSelected;};var onTriggerClick=function onTriggerClick(){if(isOpen){close();}else {setIsOpen(true);}};var onOptionChange=function onOptionChange(actionType,index){setActiveTagIndex(-1);var newIndex=index!=null?index:activeIndex;var updatedIndex;var hasAutoComplete=rest.hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;if(hasAutoComplete&&filteredValues.length>0){var filteredIndexes=filteredValues.map(function(filteredValue){return options.findIndex(function(option){return option.value===filteredValue;});}).sort(function(a,b){return a-b;});updatedIndex=filteredIndexes[getUpdatedIndex({currentIndex:filteredIndexes.indexOf(newIndex),maxIndex:filteredIndexes.length-1,actionType:actionType})];}else {updatedIndex=getUpdatedIndex({currentIndex:newIndex,maxIndex:options.length-1,actionType:actionType});}setActiveIndex(updatedIndex);var optionValues=options.map(function(option){return option.value;});ensureScrollVisiblity(updatedIndex,rest.actionListItemRef.current,optionValues);if(isBrowser()){fireNativeEvent(rest.actionListItemRef);}};var onOptionClick=function onOptionClick(e,index){var actionType=getActionFromKey(e,isOpen,dropdownTriggerer);if(typeof actionType==='number'){onOptionChange(actionType,index);}selectOption(index);if(!isReactNative()){var _rest$triggererRef$cu;(_rest$triggererRef$cu=rest.triggererRef.current)==null?void 0:_rest$triggererRef$cu.focus();}};var onComboType=function onComboType(letter,actionType){setIsOpen(true);if(rest.hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete){return;}if(typeof searchTimeout==='number'){window.clearTimeout(searchTimeout);}searchTimeout=window.setTimeout(function(){searchString='';},500);searchString=searchString+letter;var optionTitles=options.map(function(option){return option.title;});var searchIndex=getIndexByLetter(optionTitles,searchString,activeIndex+1);if(searchIndex>=0){onOptionChange(actionType,searchIndex);}else {window.clearTimeout(searchTimeout);searchString='';}};var onTriggerKeydown=function onTriggerKeydown(e){if(!isKeydownPressed&&![' ','Enter','Escape','Meta'].includes(e.event.key)){setIsKeydownPressed(true);}var actionType=getActionFromKey(e.event,isOpen,dropdownTriggerer);if(actionType){performAction(actionType,e,{setIsOpen:setIsOpen,close:close,onOptionChange:onOptionChange,onComboType:onComboType,selectCurrentOption:function selectCurrentOption(){var _options$activeIndex$,_options$activeIndex;if(activeIndex<0){return;}var isSelected=selectOption(activeIndex);if(rest.hasFooterAction&&!isReactNative()){var _rest$triggererRef$cu2;(_rest$triggererRef$cu2=rest.triggererRef.current)==null?void 0:_rest$triggererRef$cu2.focus();}(_options$activeIndex$=(_options$activeIndex=options[activeIndex]).onClickTrigger)==null?void 0:_options$activeIndex$.call(_options$activeIndex,isSelected);}});}};return Object.assign({isOpen:isOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,filteredValues:filteredValues,removeOption:removeOption,setControlledValueIndices:setControlledValueIndices,onTriggerClick:onTriggerClick,onTriggerKeydown:onTriggerKeydown,onOptionClick:onOptionClick,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,options:options,value:makeInputValue(selectedIndices,options),displayValue:makeInputDisplayValue(selectedIndices,options),selectionType:selectionType,dropdownTriggerer:dropdownTriggerer},rest);};
 export { DropdownContext, useDropdown };
 //# sourceMappingURL=useDropdown.js.map

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 } from '~utils';\nimport type { ContainerElementType } from '~utils/types';\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 \| 'AutoComplete'\n \| 'DropdownLink'\n \| 'SearchInput';\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 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 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 };\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","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","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 \| 'AutoComplete'\n \| 'DropdownLink'\n \| 'SearchInput';\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 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 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","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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"}

package/build/lib/native/components/Icons/IndiaFlagIcon/IndiaFlagIcon.js ADDED Viewed

@@ -0,0 +1,12 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react-native-svg';
+import '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
+import Path from '../_Svg/Path/Path.native.js';
+import Svg from '../_Svg/Svg/Svg.native.js';
+import useIconProps from '../useIconProps/useIconProps.js';
+var _excluded=["size","color"];var IndiaFlagIcon=function IndiaFlagIcon(_ref){var size=_ref.size,color=_ref.color,styledProps=_objectWithoutProperties(_ref,_excluded);var _useIconProps=useIconProps({size:size,color:color}),height=_useIconProps.height,width=_useIconProps.width,iconColor=_useIconProps.iconColor;return jsx(Svg,Object.assign({},styledProps,{width:width,height:height,viewBox:"0 0 24 24",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M1 5.86364C1 4.28209 2.27682 3 3.85185 3H20.1481C21.7232 3 23 4.28209 23 5.86364V18.1364C23 19.7179 21.7232 21 20.1481 21H3.85185C2.27682 21 1 19.7179 1 18.1364V5.86364ZM21.3322 8.11364V5.86332C21.3322 5.2307 20.8214 4.71786 20.1914 4.71786L3.81366 4.71786C3.18364 4.71786 2.67292 5.2307 2.67292 5.86332L2.67292 8.11364H21.3322ZM2.67292 9.75V14.25H10.2357C9.57335 13.7256 9.14815 12.9127 9.14815 12C9.14815 11.0873 9.57335 10.2744 10.2357 9.75H2.67292ZM13.7643 9.75C14.4267 10.2744 14.8519 11.0873 14.8519 12C14.8519 12.9127 14.4267 13.7256 13.7643 14.25H21.3322V9.75H13.7643ZM21.3322 15.8864H2.67292L2.67292 18.136C2.67292 18.7687 3.18364 19.2815 3.81365 19.2815L20.1914 19.2815C20.8214 19.2815 21.3322 18.7687 21.3322 18.136V15.8864ZM12 10.7727C11.325 10.7727 10.7778 11.3222 10.7778 12C10.7778 12.6778 11.325 13.2273 12 13.2273C12.675 13.2273 13.2222 12.6778 13.2222 12C13.2222 11.3222 12.675 10.7727 12 10.7727Z",fill:iconColor})}));};
+export { IndiaFlagIcon as default };
+//# sourceMappingURL=IndiaFlagIcon.js.map

package/build/lib/native/components/Icons/IndiaFlagIcon/IndiaFlagIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IndiaFlagIcon.js","sources":["../../../../../../src/components/Icons/IndiaFlagIcon/IndiaFlagIcon.tsx"],"sourcesContent":["import { Svg, Path } from '../_Svg';\nimport type { IconComponent } from '..';\nimport useIconProps from '../useIconProps';\n\nconst IndiaFlagIcon: IconComponent = ({ size, color, ...styledProps }) => {\n const { height, width, iconColor } = useIconProps({ size, color });\n\n return (\n <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\">\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M1 5.86364C1 4.28209 2.27682 3 3.85185 3H20.1481C21.7232 3 23 4.28209 23 5.86364V18.1364C23 19.7179 21.7232 21 20.1481 21H3.85185C2.27682 21 1 19.7179 1 18.1364V5.86364ZM21.3322 8.11364V5.86332C21.3322 5.2307 20.8214 4.71786 20.1914 4.71786L3.81366 4.71786C3.18364 4.71786 2.67292 5.2307 2.67292 5.86332L2.67292 8.11364H21.3322ZM2.67292 9.75V14.25H10.2357C9.57335 13.7256 9.14815 12.9127 9.14815 12C9.14815 11.0873 9.57335 10.2744 10.2357 9.75H2.67292ZM13.7643 9.75C14.4267 10.2744 14.8519 11.0873 14.8519 12C14.8519 12.9127 14.4267 13.7256 13.7643 14.25H21.3322V9.75H13.7643ZM21.3322 15.8864H2.67292L2.67292 18.136C2.67292 18.7687 3.18364 19.2815 3.81365 19.2815L20.1914 19.2815C20.8214 19.2815 21.3322 18.7687 21.3322 18.136V15.8864ZM12 10.7727C11.325 10.7727 10.7778 11.3222 10.7778 12C10.7778 12.6778 11.325 13.2273 12 13.2273C12.675 13.2273 13.2222 12.6778 13.2222 12C13.2222 11.3222 12.675 10.7727 12 10.7727Z\"\n fill={iconColor}\n />\n </Svg>\n );\n};\n\nexport default IndiaFlagIcon;\n"],"names":["IndiaFlagIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useIconProps","useIconProps","height","width","iconColor","_jsx","Svg","Object","assign","viewBox","fill","children","Path","fillRule","clipRule","d"],"mappings":";;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAIM,IAAAA,aAA4B,CAAG,SAA/BA,aAA4BA,CAAAC,IAAA,CAAwC,CAAA,IAAlCC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAAKC,WAAW,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,CAAA,CACjE,IAAAC,aAAA,CAAqCC,YAAY,CAAC,CAAEN,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAC,CAA1DM,MAAM,CAAAF,aAAA,CAANE,MAAM,CAAEC,KAAK,CAAAH,aAAA,CAALG,KAAK,CAAEC,SAAS,CAAAJ,aAAA,CAATI,SAAS,CAEhC,OACEC,GAAA,CAACC,GAAG,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKX,WAAW,CAAA,CAAEM,KAAK,CAAEA,KAAM,CAACD,MAAM,CAAEA,MAAO,CAACO,OAAO,CAAC,WAAW,CAACC,IAAI,CAAC,MAAM,CAAAC,QAAA,CACjFN,GAAA,CAACO,IAAI,CACHC,CAAAA,QAAQ,CAAC,SAAS,CAClBC,QAAQ,CAAC,SAAS,CAClBC,CAAC,CAAC,q5BAAq5B,CACv5BL,IAAI,CAAEN,SAAU,CACjB,CAAC,CACC,CAAA,CAAC,CAEV;;;;"}

package/build/lib/native/components/Icons/MagicKonnectIcon/MagicKonnectIcon.js ADDED Viewed

@@ -0,0 +1,12 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react-native-svg';
+import '@babel/runtime/helpers/defineProperty';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Path from '../_Svg/Path/Path.native.js';
+import Svg from '../_Svg/Svg/Svg.native.js';
+import useIconProps from '../useIconProps/useIconProps.js';
+var _excluded=["size","color"];var MagicKonnectIcon=function MagicKonnectIcon(_ref){var size=_ref.size,color=_ref.color,styledProps=_objectWithoutProperties(_ref,_excluded);var _useIconProps=useIconProps({size:size,color:color}),height=_useIconProps.height,width=_useIconProps.width,iconColor=_useIconProps.iconColor;return jsxs(Svg,Object.assign({},styledProps,{width:width,height:height,viewBox:"0 0 24 24",fill:"none",children:[jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M11.0014 9.56575L10.4838 11.439L13.4463 9.55535L11.5089 16.6624L13.4763 16.664L16.3383 6.16663L11.0014 9.56575Z",fill:iconColor}),jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M7.81432 13.6766L6.99993 16.6644H11.0326L12.6825 10.586L7.81432 13.6766Z",fill:iconColor}),jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M3.05906 21.9832C3.01983 21.9944 2.9778 22 2.93858 22C2.8181 22 2.69761 21.9468 2.61636 21.8487C2.50989 21.7198 2.49027 21.5377 2.56592 21.3892L4.2947 18.0185C2.81249 16.2645 1.99994 14.0454 1.99994 11.7422C1.99994 6.37097 6.37091 2 11.7422 2C17.1134 2 21.4844 6.36817 21.4844 11.7394C21.4844 17.1107 17.1134 21.4816 11.7422 21.4816C10.33 21.4816 8.97108 21.1874 7.69621 20.6046L3.05906 21.9832ZM6.83214 17.7283L6.27789 18.809L7.85477 18.3402L8.57986 18.6717C9.57477 19.1265 10.6321 19.3563 11.7422 19.3563C15.9396 19.3563 19.359 15.9369 19.359 11.7394C19.359 7.54278 15.9404 4.12538 11.7422 4.12538C7.54473 4.12538 4.12532 7.54479 4.12532 11.7422C4.12532 13.5436 4.76033 15.2766 5.91807 16.6467L6.83214 17.7283Z",fill:iconColor})]}));};
+export { MagicKonnectIcon as default };
+//# sourceMappingURL=MagicKonnectIcon.js.map

package/build/lib/native/components/Icons/MagicKonnectIcon/MagicKonnectIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MagicKonnectIcon.js","sources":["../../../../../../src/components/Icons/MagicKonnectIcon/MagicKonnectIcon.tsx"],"sourcesContent":["import { Svg, Path } from '../_Svg';\nimport type { IconComponent } from '..';\nimport useIconProps from '../useIconProps';\n\nconst MagicKonnectIcon: IconComponent = ({ size, color, ...styledProps }) => {\n const { height, width, iconColor } = useIconProps({ size, color });\n\n return (\n <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\">\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.0014 9.56575L10.4838 11.439L13.4463 9.55535L11.5089 16.6624L13.4763 16.664L16.3383 6.16663L11.0014 9.56575Z\"\n fill={iconColor}\n />\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.81432 13.6766L6.99993 16.6644H11.0326L12.6825 10.586L7.81432 13.6766Z\"\n fill={iconColor}\n />\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.05906 21.9832C3.01983 21.9944 2.9778 22 2.93858 22C2.8181 22 2.69761 21.9468 2.61636 21.8487C2.50989 21.7198 2.49027 21.5377 2.56592 21.3892L4.2947 18.0185C2.81249 16.2645 1.99994 14.0454 1.99994 11.7422C1.99994 6.37097 6.37091 2 11.7422 2C17.1134 2 21.4844 6.36817 21.4844 11.7394C21.4844 17.1107 17.1134 21.4816 11.7422 21.4816C10.33 21.4816 8.97108 21.1874 7.69621 20.6046L3.05906 21.9832ZM6.83214 17.7283L6.27789 18.809L7.85477 18.3402L8.57986 18.6717C9.57477 19.1265 10.6321 19.3563 11.7422 19.3563C15.9396 19.3563 19.359 15.9369 19.359 11.7394C19.359 7.54278 15.9404 4.12538 11.7422 4.12538C7.54473 4.12538 4.12532 7.54479 4.12532 11.7422C4.12532 13.5436 4.76033 15.2766 5.91807 16.6467L6.83214 17.7283Z\"\n fill={iconColor}\n />\n </Svg>\n );\n};\n\nexport default MagicKonnectIcon;\n"],"names":["MagicKonnectIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useIconProps","useIconProps","height","width","iconColor","_jsxs","Svg","Object","assign","viewBox","fill","children","_jsx","Path","fillRule","clipRule","d"],"mappings":";;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAIM,IAAAA,gBAA+B,CAAG,SAAlCA,gBAA+BA,CAAAC,IAAA,CAAwC,KAAlCC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAAKC,WAAW,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,CACpE,CAAA,IAAAC,aAAA,CAAqCC,YAAY,CAAC,CAAEN,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAC,CAA1DM,MAAM,CAAAF,aAAA,CAANE,MAAM,CAAEC,KAAK,CAAAH,aAAA,CAALG,KAAK,CAAEC,SAAS,CAAAJ,aAAA,CAATI,SAAS,CAEhC,OACEC,IAAA,CAACC,GAAG,CAAAC,MAAA,CAAAC,MAAA,CAAKX,EAAAA,CAAAA,WAAW,EAAEM,KAAK,CAAEA,KAAM,CAACD,MAAM,CAAEA,MAAO,CAACO,OAAO,CAAC,WAAW,CAACC,IAAI,CAAC,MAAM,CAAAC,QAAA,EACjFC,GAAA,CAACC,IAAI,CACHC,CAAAA,QAAQ,CAAC,SAAS,CAClBC,QAAQ,CAAC,SAAS,CAClBC,CAAC,CAAC,iHAAiH,CACnHN,IAAI,CAAEN,SAAU,CACjB,CAAC,CACFQ,GAAA,CAACC,IAAI,CAAA,CACHC,QAAQ,CAAC,SAAS,CAClBC,QAAQ,CAAC,SAAS,CAClBC,CAAC,CAAC,0EAA0E,CAC5EN,IAAI,CAAEN,SAAU,CACjB,CAAC,CACFQ,GAAA,CAACC,IAAI,EACHC,QAAQ,CAAC,SAAS,CAClBC,QAAQ,CAAC,SAAS,CAClBC,CAAC,CAAC,0sBAA0sB,CAC5sBN,IAAI,CAAEN,SAAU,CACjB,CAAC,GACC,CAAC,CAEV;;;;"}

package/build/lib/native/components/Icons/WorldwideIcon/WorldwideIcon.js ADDED Viewed

@@ -0,0 +1,12 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react-native-svg';
+import '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
+import Path from '../_Svg/Path/Path.native.js';
+import Svg from '../_Svg/Svg/Svg.native.js';
+import useIconProps from '../useIconProps/useIconProps.js';
+var _excluded=["size","color"];var WorldwideIcon=function WorldwideIcon(_ref){var size=_ref.size,color=_ref.color,styledProps=_objectWithoutProperties(_ref,_excluded);var _useIconProps=useIconProps({size:size,color:color}),height=_useIconProps.height,width=_useIconProps.width,iconColor=_useIconProps.iconColor;return jsx(Svg,Object.assign({},styledProps,{width:width,height:height,viewBox:"0 0 24 24",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M1 5.86364C1 4.28209 2.27682 3 3.85185 3H20.1481C21.7232 3 23 4.28209 23 5.86364V18.1364C23 19.7179 21.7232 21 20.1481 21H3.85185C2.27682 21 1 19.7179 1 18.1364V5.86364ZM21.3322 7.90909V5.86332C21.3322 5.2307 20.8214 4.71786 20.1914 4.71786L3.81366 4.71786C3.18364 4.71786 2.67292 5.2307 2.67292 5.86332L2.67292 7.90909L6.2963 7.90909C6.74631 7.90909 7.11111 8.2754 7.11111 8.72727C7.11111 9.17914 6.74631 9.54545 6.2963 9.54545H2.67292V14.4545H6.2963C6.74631 14.4545 7.11111 14.8209 7.11111 15.2727C7.11111 15.7246 6.74631 16.0909 6.2963 16.0909H2.67292L2.67292 18.136C2.67292 18.7687 3.18364 19.2815 3.81365 19.2815L20.1914 19.2815C20.8214 19.2815 21.3322 18.7687 21.3322 18.136V16.0909H17.7037C17.2537 16.0909 16.8889 15.7246 16.8889 15.2727C16.8889 14.8209 17.2537 14.4545 17.7037 14.4545H21.3322V9.54545H17.7037C17.2537 9.54545 16.8889 9.17914 16.8889 8.72727C16.8889 8.2754 17.2537 7.90909 17.7037 7.90909L21.3322 7.90909ZM8.42419 11.1818H9.45118C9.55385 10.3622 9.78681 9.56751 10.1383 8.82738C9.28286 9.33461 8.65041 10.1808 8.42419 11.1818ZM12 8.83215C11.539 9.54279 11.2312 10.3434 11.0972 11.1818H12.903C12.7689 10.3434 12.461 9.54281 12 8.83215ZM12.903 12.8182C12.7689 13.6566 12.461 14.4572 12 15.1679C11.539 14.4572 11.2312 13.6566 11.0972 12.8182H12.903ZM9.45118 12.8182H8.42419C8.65041 13.8192 9.28286 14.6654 10.1383 15.1726C9.78681 14.4325 9.55385 13.6378 9.45118 12.8182ZM13.8618 15.1726C14.2133 14.4325 14.4463 13.6378 14.549 12.8182H15.5758C15.3496 13.8192 14.7172 14.6653 13.8618 15.1726ZM15.5758 11.1818H14.549C14.4463 10.3622 14.2133 9.56754 13.8618 8.82744C14.7172 9.33467 15.3496 10.1808 15.5758 11.1818ZM6.7037 12C6.7037 9.06285 9.07494 6.68182 12 6.68182C14.9251 6.68182 17.2963 9.06285 17.2963 12C17.2963 14.9372 14.9251 17.3182 12 17.3182C9.07494 17.3182 6.7037 14.9372 6.7037 12Z",fill:iconColor})}));};
+export { WorldwideIcon as default };
+//# sourceMappingURL=WorldwideIcon.js.map

package/build/lib/native/components/Icons/WorldwideIcon/WorldwideIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"WorldwideIcon.js","sources":["../../../../../../src/components/Icons/WorldwideIcon/WorldwideIcon.tsx"],"sourcesContent":["import { Svg, Path } from '../_Svg';\nimport type { IconComponent } from '..';\nimport useIconProps from '../useIconProps';\n\nconst WorldwideIcon: IconComponent = ({ size, color, ...styledProps }) => {\n const { height, width, iconColor } = useIconProps({ size, color });\n\n return (\n <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\">\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M1 5.86364C1 4.28209 2.27682 3 3.85185 3H20.1481C21.7232 3 23 4.28209 23 5.86364V18.1364C23 19.7179 21.7232 21 20.1481 21H3.85185C2.27682 21 1 19.7179 1 18.1364V5.86364ZM21.3322 7.90909V5.86332C21.3322 5.2307 20.8214 4.71786 20.1914 4.71786L3.81366 4.71786C3.18364 4.71786 2.67292 5.2307 2.67292 5.86332L2.67292 7.90909L6.2963 7.90909C6.74631 7.90909 7.11111 8.2754 7.11111 8.72727C7.11111 9.17914 6.74631 9.54545 6.2963 9.54545H2.67292V14.4545H6.2963C6.74631 14.4545 7.11111 14.8209 7.11111 15.2727C7.11111 15.7246 6.74631 16.0909 6.2963 16.0909H2.67292L2.67292 18.136C2.67292 18.7687 3.18364 19.2815 3.81365 19.2815L20.1914 19.2815C20.8214 19.2815 21.3322 18.7687 21.3322 18.136V16.0909H17.7037C17.2537 16.0909 16.8889 15.7246 16.8889 15.2727C16.8889 14.8209 17.2537 14.4545 17.7037 14.4545H21.3322V9.54545H17.7037C17.2537 9.54545 16.8889 9.17914 16.8889 8.72727C16.8889 8.2754 17.2537 7.90909 17.7037 7.90909L21.3322 7.90909ZM8.42419 11.1818H9.45118C9.55385 10.3622 9.78681 9.56751 10.1383 8.82738C9.28286 9.33461 8.65041 10.1808 8.42419 11.1818ZM12 8.83215C11.539 9.54279 11.2312 10.3434 11.0972 11.1818H12.903C12.7689 10.3434 12.461 9.54281 12 8.83215ZM12.903 12.8182C12.7689 13.6566 12.461 14.4572 12 15.1679C11.539 14.4572 11.2312 13.6566 11.0972 12.8182H12.903ZM9.45118 12.8182H8.42419C8.65041 13.8192 9.28286 14.6654 10.1383 15.1726C9.78681 14.4325 9.55385 13.6378 9.45118 12.8182ZM13.8618 15.1726C14.2133 14.4325 14.4463 13.6378 14.549 12.8182H15.5758C15.3496 13.8192 14.7172 14.6653 13.8618 15.1726ZM15.5758 11.1818H14.549C14.4463 10.3622 14.2133 9.56754 13.8618 8.82744C14.7172 9.33467 15.3496 10.1808 15.5758 11.1818ZM6.7037 12C6.7037 9.06285 9.07494 6.68182 12 6.68182C14.9251 6.68182 17.2963 9.06285 17.2963 12C17.2963 14.9372 14.9251 17.3182 12 17.3182C9.07494 17.3182 6.7037 14.9372 6.7037 12Z\"\n fill={iconColor}\n />\n </Svg>\n );\n};\n\nexport default WorldwideIcon;\n"],"names":["WorldwideIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useIconProps","useIconProps","height","width","iconColor","_jsx","Svg","Object","assign","viewBox","fill","children","Path","fillRule","clipRule","d"],"mappings":";;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAIM,IAAAA,aAA4B,CAAG,SAA/BA,aAA4BA,CAAAC,IAAA,CAAwC,CAAA,IAAlCC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAAKC,WAAW,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,CAAA,CACjE,IAAAC,aAAA,CAAqCC,YAAY,CAAC,CAAEN,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAC,CAA1DM,MAAM,CAAAF,aAAA,CAANE,MAAM,CAAEC,KAAK,CAAAH,aAAA,CAALG,KAAK,CAAEC,SAAS,CAAAJ,aAAA,CAATI,SAAS,CAEhC,OACEC,GAAA,CAACC,GAAG,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKX,WAAW,CAAA,CAAEM,KAAK,CAAEA,KAAM,CAACD,MAAM,CAAEA,MAAO,CAACO,OAAO,CAAC,WAAW,CAACC,IAAI,CAAC,MAAM,CAAAC,QAAA,CACjFN,GAAA,CAACO,IAAI,CACHC,CAAAA,QAAQ,CAAC,SAAS,CAClBC,QAAQ,CAAC,SAAS,CAClBC,CAAC,CAAC,oxDAAoxD,CACtxDL,IAAI,CAAEN,SAAU,CACjB,CAAC,CACC,CAAA,CAAC,CAEV;;;;"}

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

@@ -38,7 +38,7 @@ import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffect
 import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.native.js';
 import { useMergeRefs } from '../../../utils/useMergeRefs.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"];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(getIn(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,styledProps=_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)||Boolean(successText)||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({},metaAttribute({name:componentName,testID:testID}),getStyledProps(styledProps),{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(){if(ref&&!isReactNative&&'current'in ref){var _ref$current;(_ref$current=ref.current)==null?void 0:_ref$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: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})))}),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"];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(getIn(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,styledProps=_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({},metaAttribute({name:componentName,testID:testID}),getStyledProps(styledProps),{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(){if(ref&&!isReactNative&&'current'in ref){var _ref$current;(_ref$current=ref.current)==null?void 0:_ref$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: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})))}),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