@razorpay/blade 11.7.0 → 11.8.1

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

@@ -8,7 +8,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import '../BladeProvider/useTheme.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();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);};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

@@ -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?: 'SelectInput' | 'DropdownButton' | 'AutoComplete' | 'DropdownLink';\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();\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","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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"}
+{"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?: 'SelectInput' | 'DropdownButton' | 'AutoComplete' | 'DropdownLink';\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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"}

package/build/lib/native/components/index.js

@@ -16,6 +16,7 @@ export { BreadcrumbItem } from './Breadcrumb/BreadcrumbItem.native.js';
 export { Box } from './Box/Box.js';
 export { default as Button } from './Button/Button/Button.js';
 export { IconButton } from './Button/IconButton/IconButton.js';
+export { ButtonGroup } from './ButtonGroup/ButtonGroup.native.js';
 export { Card, CardBody, ComponentIds } from './Card/Card.js';
 export { CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing } from './Card/CardHeader.js';
 export { CardFooter, CardFooterLeading, CardFooterTrailing } from './Card/CardFooter.js';

package/build/lib/native/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/native/utils/metaAttribute/metaConstants.js

@@ -1,4 +1,4 @@
-var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',AccordionItemHeader:'accordion-item-header',AccordionItemBody:'accordion-item-body',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',AutoComplete:'autocomplete',Badge:'badge',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',Carousel:'carousel',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Chip:'chip',ChipGroup:'chip-group',ChipLabel:'chip-label',Code:'code',Component:'blade-component',Counter:'counter',Display:'display',Divider:'divider',Drawer:'drawer',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',FileUpload:'file-upload',FileUploadItem:'file-upload-item',FileUploadLabel:'file-upload-label',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',OTPInput:'otp-input',PasswordInput:'password-input',TextArea:'textarea',TextInput:'textinput',Toast:'toast',ToastContainer:'toast-container',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',Tabs:'tabs',TabList:'tab-list',TabItem:'tab-item',TabPanel:'tab-panel',TabIndicator:'tab-indicator',Table:'table',TableBody:'table-body',TableRow:'table-row',TableCell:'table-cell',TableHeader:'table-header',TableHeaderRow:'table-header-row',TableHeaderCell:'table-header-cell',TableFooter:'table-footer',TableFooterRow:'table-footer-row',TableFooterCell:'table-footer-cell',TableElement:'table-element',TourPopover:'tour-popover',TourMask:'tour-mask',Popover:'popover',PopoverInteractiveWrapper:'popover-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton'};
+var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',AccordionItemHeader:'accordion-item-header',AccordionItemBody:'accordion-item-body',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',AutoComplete:'autocomplete',Badge:'badge',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',ButtonGroup:'button-group',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',Carousel:'carousel',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Chip:'chip',ChipGroup:'chip-group',ChipLabel:'chip-label',Code:'code',Component:'blade-component',Counter:'counter',Display:'display',Divider:'divider',Drawer:'drawer',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',FileUpload:'file-upload',FileUploadItem:'file-upload-item',FileUploadLabel:'file-upload-label',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',OTPInput:'otp-input',PasswordInput:'password-input',TextArea:'textarea',TextInput:'textinput',Toast:'toast',ToastContainer:'toast-container',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',Tabs:'tabs',TabList:'tab-list',TabItem:'tab-item',TabPanel:'tab-panel',TabIndicator:'tab-indicator',Table:'table',TableBody:'table-body',TableRow:'table-row',TableCell:'table-cell',TableHeader:'table-header',TableHeaderRow:'table-header-row',TableHeaderCell:'table-header-cell',TableFooter:'table-footer',TableFooterRow:'table-footer-row',TableFooterCell:'table-footer-cell',TableElement:'table-element',TourPopover:'tour-popover',TourMask:'tour-mask',Popover:'popover',PopoverInteractiveWrapper:'popover-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton'};
 
 export { MetaConstants };
 //# sourceMappingURL=metaConstants.js.map

package/build/lib/native/utils/metaAttribute/metaConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"metaConstants.js","sources":["../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Badge: 'badge',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  Carousel: 'carousel',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Badge","Box","BaseBox","BaseText","Button","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","FileUpload","FileUploadItem","FileUploadLabel","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","TextArea","TextInput","Toast","ToastContainer","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton"],"mappings":"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"}
+{"version":3,"file":"metaConstants.js","sources":["../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Badge: 'badge',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  Carousel: 'carousel',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Badge","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","FileUpload","FileUploadItem","FileUploadLabel","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","TextArea","TextInput","Toast","ToastContainer","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton"],"mappings":"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"}

package/build/lib/web/development/components/Button/BaseButton/AnimatedButtonContent.web.js

@@ -0,0 +1,18 @@
+import styled from 'styled-components';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import '../../Box/BaseBox/index.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
+
+var AnimatedButtonContent = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "AnimatedButtonContentweb__AnimatedButtonContent",
+  componentId: "sc-1fkx0t6-0"
+})(function (props) {
+  return {
+    transform: "scale(".concat(props.isPressed ? '0.95' : '1', ")"),
+    transitionDuration: getIn(props.theme.motion, props.motionEasing),
+    transitionTimingFunction: getIn(props.theme.motion, props.motionDuration)
+  };
+});
+
+export { AnimatedButtonContent as default };
+//# sourceMappingURL=AnimatedButtonContent.web.js.map

package/build/lib/web/development/components/Button/BaseButton/AnimatedButtonContent.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedButtonContent.web.js","sources":["../../../../../../../src/components/Button/BaseButton/AnimatedButtonContent.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { AnimatedButtonContentProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst AnimatedButtonContent = styled(BaseBox)<AnimatedButtonContentProps>((props) => {\n  return {\n    transform: `scale(${props.isPressed ? '0.95' : '1'})`,\n    transitionDuration: getIn(props.theme.motion, props.motionEasing),\n    transitionTimingFunction: getIn(props.theme.motion, props.motionDuration),\n  };\n});\n\nexport default AnimatedButtonContent;\n"],"names":["AnimatedButtonContent","styled","BaseBox","withConfig","displayName","componentId","props","transform","concat","isPressed","transitionDuration","getIn","theme","motion","motionEasing","transitionTimingFunction","motionDuration"],"mappings":";;;;;AAKA,IAAMA,qBAAqB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,iDAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAA6B,CAAA,CAAA,UAACC,KAAK,EAAK;EACnF,OAAO;IACLC,SAAS,EAAA,QAAA,CAAAC,MAAA,CAAWF,KAAK,CAACG,SAAS,GAAG,MAAM,GAAG,GAAG,EAAG,GAAA,CAAA;AACrDC,IAAAA,kBAAkB,EAAEC,KAAK,CAACL,KAAK,CAACM,KAAK,CAACC,MAAM,EAAEP,KAAK,CAACQ,YAAY,CAAC;IACjEC,wBAAwB,EAAEJ,KAAK,CAACL,KAAK,CAACM,KAAK,CAACC,MAAM,EAAEP,KAAK,CAACU,cAAc,CAAA;GACzE,CAAA;AACH,CAAC;;;;"}

package/build/lib/web/development/components/Button/BaseButton/BaseButton.js

@@ -1,11 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import styled from 'styled-components';
 import StyledBaseButton from './StyledBaseButton.web.js';
-import { backgroundColor, textColor, buttonIconOnlySizeToIconSizeMap, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, buttonIconPadding, buttonIconOnlyPadding, buttonPadding, typography } from './buttonTokens.js';
+import { backgroundColor, textColor, buttonIconOnlySizeToIconSizeMap, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, buttonIconOnlyHeightWidth, buttonIconPadding, buttonPadding, typography } from './buttonTokens.js';
+import AnimatedButtonContent from './AnimatedButtonContent.web.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
 import '../../../utils/index.js';
+import { useButtonGroupContext } from '../../ButtonGroup/ButtonGroupContext.js';
 import '../../Box/styledProps/index.js';
 import '../../Typography/BaseText/index.js';
 import '../../BladeProvider/index.js';
@@ -21,7 +24,7 @@ import '../../../utils/makeSpace/index.js';
 import '../../../utils/metaAttribute/index.js';
 import '../../../utils/getStringChildren/index.js';
 import '../../../utils/logger/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import { throwBladeError } from '../../../utils/logger/logger.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
@@ -101,7 +104,7 @@ var getProps = function getProps(_ref3) {
   if (variant === 'tertiary' && color !== 'primary' && color !== 'white') {
     throwBladeError({
       moduleName: 'BaseButton',
-      message: "Tertiary variant can only be used with color: \"default\" or \"white\" but received \"".concat(color, "\"")
+      message: "Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"".concat(color, "\"")
     });
   }
   var isIconOnly = hasIcon && (!children || (children === null || children === void 0 ? void 0 : children.trim().length) === 0);
@@ -111,6 +114,8 @@ var getProps = function getProps(_ref3) {
     fontSize: buttonTypographyTokens.fonts.size[size],
     lineHeight: buttonTypographyTokens.lineHeights[size],
     minHeight: makeSize(minHeight[size]),
+    height: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,
+    width: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,
     iconPadding: hasIcon && children !== null && children !== void 0 && children.trim() ? "spacing.".concat(buttonIconPadding[size]) : undefined,
     iconColor: getTextColorToken({
       property: 'icon',
@@ -124,10 +129,10 @@ var getProps = function getProps(_ref3) {
       color: color,
       state: 'default'
     }),
-    buttonPaddingTop: isIconOnly ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].top]) : makeSpace(theme.spacing[buttonPadding[size].top]),
-    buttonPaddingBottom: isIconOnly ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].bottom]) : makeSpace(theme.spacing[buttonPadding[size].bottom]),
-    buttonPaddingLeft: isIconOnly ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].left]) : makeSpace(theme.spacing[buttonPadding[size].left]),
-    buttonPaddingRight: isIconOnly ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].right]) : makeSpace(theme.spacing[buttonPadding[size].right]),
+    buttonPaddingTop: isIconOnly ? makeSpace(0) : makeSpace(theme.spacing[buttonPadding[size].top]),
+    buttonPaddingBottom: isIconOnly ? makeSpace(0) : makeSpace(theme.spacing[buttonPadding[size].bottom]),
+    buttonPaddingLeft: isIconOnly ? makeSpace(0) : makeSpace(theme.spacing[buttonPadding[size].left]),
+    buttonPaddingRight: isIconOnly ? makeSpace(0) : makeSpace(theme.spacing[buttonPadding[size].right]),
     text: size === 'xsmall' ? children === null || children === void 0 ? void 0 : children.trim().toUpperCase() : children === null || children === void 0 ? void 0 : children.trim(),
     defaultBackgroundColor: getIn(theme.colors, getBackgroundColorToken({
       property: 'background',
@@ -215,6 +220,7 @@ var ButtonContent = /*#__PURE__*/styled(BaseBox).withConfig({
   };
 });
 var _BaseButton = function _BaseButton(_ref5, ref) {
+  var _buttonGroupProps$isD, _buttonGroupProps$siz, _buttonGroupProps$var, _buttonGroupProps$col, _buttonGroupProps$isF;
   var href = _ref5.href,
     target = _ref5.target,
     rel = _ref5.rel,
@@ -235,7 +241,7 @@ var _BaseButton = function _BaseButton(_ref5, ref) {
     isLoading = _ref5$isLoading === void 0 ? false : _ref5$isLoading,
     onClick = _ref5.onClick,
     onBlur = _ref5.onBlur,
-    onKeyDown = _ref5.onKeyDown,
+    _onKeyDown = _ref5.onKeyDown,
     _ref5$type = _ref5.type,
     type = _ref5$type === void 0 ? 'button' : _ref5$type,
     children = _ref5.children,
@@ -246,15 +252,20 @@ var _BaseButton = function _BaseButton(_ref5, ref) {
     onPointerDown = _ref5.onPointerDown,
     onPointerEnter = _ref5.onPointerEnter,
     accessibilityProps = _ref5.accessibilityProps,
-    onTouchEnd = _ref5.onTouchEnd,
-    onTouchStart = _ref5.onTouchStart,
+    _onTouchEnd = _ref5.onTouchEnd,
+    _onTouchStart = _ref5.onTouchStart,
     rest = _objectWithoutProperties(_ref5, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
+  var buttonGroupProps = useButtonGroupContext();
+  var _React$useState = React__default.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isPressed = _React$useState2[0],
+    setIsPressed = _React$useState2[1];
   var isLink = Boolean(href);
   var childrenString = getStringFromReactText(children);
   // Button cannot be disabled when its rendered as Link
-  var disabled = isLoading || isDisabled && !isLink;
+  var disabled = (_buttonGroupProps$isD = buttonGroupProps.isDisabled) !== null && _buttonGroupProps$isD !== void 0 ? _buttonGroupProps$isD : isLoading || isDisabled && !isLink;
   if (true) {
     if (!Icon && !(childrenString !== null && childrenString !== void 0 && childrenString.trim())) {
       throwBladeError({
@@ -272,15 +283,17 @@ var _BaseButton = function _BaseButton(_ref5, ref) {
       buttonTypographyTokens: typography,
       children: childrenString,
       isDisabled: disabled,
-      size: size,
-      variant: variant,
+      size: (_buttonGroupProps$siz = buttonGroupProps.size) !== null && _buttonGroupProps$siz !== void 0 ? _buttonGroupProps$siz : size,
+      variant: (_buttonGroupProps$var = buttonGroupProps.variant) !== null && _buttonGroupProps$var !== void 0 ? _buttonGroupProps$var : variant,
       theme: theme,
-      color: color,
+      color: (_buttonGroupProps$col = buttonGroupProps.color) !== null && _buttonGroupProps$col !== void 0 ? _buttonGroupProps$col : color,
       hasIcon: Boolean(Icon)
     }),
     defaultBorderColor = _getProps.defaultBorderColor,
     defaultBackgroundColor = _getProps.defaultBackgroundColor,
     minHeight = _getProps.minHeight,
+    height = _getProps.height,
+    width = _getProps.width,
     buttonPaddingTop = _getProps.buttonPaddingTop,
     buttonPaddingBottom = _getProps.buttonPaddingBottom,
     buttonPaddingLeft = _getProps.buttonPaddingLeft,
@@ -306,7 +319,27 @@ var _BaseButton = function _BaseButton(_ref5, ref) {
     return getRenderElement(href);
   }, [href]);
   var defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;
-  return /*#__PURE__*/jsxs(StyledBaseButton, _objectSpread(_objectSpread(_objectSpread({
+  var handlePointerPressedIn = React__default.useCallback(function () {
+    if (disabled) return;
+    setIsPressed(true);
+  }, [disabled]);
+  var handlePointerPressedOut = React__default.useCallback(function () {
+    if (disabled) return;
+    setIsPressed(false);
+  }, [disabled]);
+  var handleKeyboardPressedIn = React__default.useCallback(function (e) {
+    if (disabled) return;
+    if (e.key === ' ' || e.key === 'Enter') {
+      setIsPressed(true);
+    }
+  }, [disabled]);
+  var handleKeyboardPressedOut = React__default.useCallback(function (e) {
+    if (disabled) return;
+    if (e.key === ' ' || e.key === 'Enter') {
+      setIsPressed(false);
+    }
+  }, [disabled]);
+  return /*#__PURE__*/jsx(StyledBaseButton, _objectSpread(_objectSpread(_objectSpread({
     ref: ref
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
     // @ts-ignore: On React Native it will always be undefined but TS doesn't understand that
@@ -333,86 +366,109 @@ var _BaseButton = function _BaseButton(_ref5, ref) {
     focusRingColor: focusRingColor,
     hoverBorderColor: hoverBorderColor,
     hoverBackgroundColor: hoverBackgroundColor,
-    isFullWidth: isFullWidth,
+    isFullWidth: (_buttonGroupProps$isF = buttonGroupProps.isFullWidth) !== null && _buttonGroupProps$isF !== void 0 ? _buttonGroupProps$isF : isFullWidth,
     onClick: onClick,
     onBlur: onBlur,
     onFocus: onFocus,
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,
     onPointerDown: onPointerDown,
-    onPointerEnter: onPointerEnter,
-    onKeyDown: onKeyDown,
-    onTouchStart: onTouchStart,
-    onTouchEnd: onTouchEnd,
+    onPointerEnter: onPointerEnter
+    // Setting type for web fails it on native typecheck and vice versa
+    ,
+    onKeyDown: function onKeyDown(event) {
+      handleKeyboardPressedIn(event);
+      _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(event);
+    },
+    onTouchStart: function onTouchStart(event) {
+      handlePointerPressedIn();
+      _onTouchStart === null || _onTouchStart === void 0 ? void 0 : _onTouchStart(event);
+    },
+    onTouchEnd: function onTouchEnd(event) {
+      handlePointerPressedOut();
+      _onTouchEnd === null || _onTouchEnd === void 0 ? void 0 : _onTouchEnd(event);
+    },
     type: type,
     borderWidth: borderWidth,
     borderRadius: borderRadius,
     motionDuration: motionDuration,
-    motionEasing: motionEasing
+    motionEasing: motionEasing,
+    height: height,
+    width: width,
+    isPressed: isPressed,
+    onMouseDown: handlePointerPressedIn,
+    onMouseUp: handlePointerPressedOut,
+    onMouseOut: handlePointerPressedOut,
+    onKeyUp: handleKeyboardPressedOut
   }, metaAttribute({
     name: MetaConstants.Button,
     testID: testID
   })), getStyledProps(rest)), {}, {
-    children: [isLoading ? /*#__PURE__*/jsx(BaseBox, {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      position: "absolute",
-      top: "0px",
-      left: "0px",
-      bottom: "0px",
-      right: "0px",
-      zIndex: 1,
-      children: /*#__PURE__*/jsx(BaseSpinner, {
-        accessibilityLabel: "Loading",
-        size: spinnerSize,
-        color: color
-      })
-    }) : null, /*#__PURE__*/jsxs(ButtonContent, {
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "center",
-      flex: 1,
-      isHidden: isLoading,
-      zIndex: 1,
-      children: [Icon && iconPosition == 'left' ? /*#__PURE__*/jsx(BaseBox, {
-        paddingRight: iconPadding,
+    children: /*#__PURE__*/jsxs(AnimatedButtonContent, {
+      motionDuration: motionDuration,
+      motionEasing: motionEasing,
+      isPressed: isPressed,
+      children: [isLoading ? /*#__PURE__*/jsx(BaseBox, {
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        children: /*#__PURE__*/jsx(Icon, {
-          size: iconSize,
-          color: iconColor
+        position: "absolute",
+        top: "0px",
+        left: "0px",
+        bottom: "0px",
+        right: "0px",
+        zIndex: 1,
+        children: /*#__PURE__*/jsx(BaseSpinner, {
+          accessibilityLabel: "Loading",
+          size: spinnerSize,
+          color: color
         })
-      }) : null, text ? /*#__PURE__*/jsx(BaseText, {
-        lineHeight: lineHeight,
-        fontSize: fontSize
-        // figma and web have different font-smoothing properties
-        // which causes web version of button text to look much bolder
-        // than figma version. To fix this we are changing font-weight from 600 to 500
-        // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207
-        ,
-        fontWeight: "medium",
-        textAlign: "center",
-        color: textColor,
-        children: text
-      }) : null, Icon && iconPosition == 'right' ? /*#__PURE__*/jsx(BaseBox, {
-        paddingLeft: iconPadding,
+      }) : null, /*#__PURE__*/jsxs(ButtonContent, {
         display: "flex",
-        justifyContent: "center",
+        flexDirection: "row",
         alignItems: "center",
-        children: /*#__PURE__*/jsx(Icon, {
-          size: iconSize,
-          color: iconColor
-        })
-      }) : null]
-    })]
+        justifyContent: "center",
+        flex: 1,
+        isHidden: isLoading,
+        zIndex: 1,
+        children: [Icon && iconPosition == 'left' ? /*#__PURE__*/jsx(BaseBox, {
+          paddingRight: iconPadding,
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          children: /*#__PURE__*/jsx(Icon, {
+            size: iconSize,
+            color: iconColor
+          })
+        }) : null, text ? /*#__PURE__*/jsx(BaseText, {
+          lineHeight: lineHeight,
+          fontSize: fontSize
+          // figma and web have different font-smoothing properties
+          // which causes web version of button text to look much bolder
+          // than figma version. To fix this we are changing font-weight from 600 to 500
+          // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207
+          ,
+          fontWeight: "medium",
+          textAlign: "center",
+          color: textColor,
+          children: text
+        }) : null, Icon && iconPosition == 'right' ? /*#__PURE__*/jsx(BaseBox, {
+          paddingLeft: iconPadding,
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          children: /*#__PURE__*/jsx(Icon, {
+            size: iconSize,
+            color: iconColor
+          })
+        }) : null]
+      })]
+    })
   }));
 };
 var BaseButton = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_BaseButton), {
   displayName: 'BaseButton'
 });
 
-export { BaseButton as default };
+export { BaseButton as default, getBackgroundColorToken };
 //# sourceMappingURL=BaseButton.js.map