@razorpay/blade 11.16.0 → 11.16.1

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

@@ -11,7 +11,6 @@ import 'react-native';
 import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
-import { isReactNative } from '../../utils/platform/isReactNative.js';
 import '../BladeProvider/useTheme.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
@@ -21,7 +20,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { useControllableState } from '../../utils/useControllable.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","isOpen","onOpenChange","selectionType","testID"];var validDropdownChildren=[dropdownComponentIds.BaseBox,dropdownComponentIds.triggers.SelectInput,dropdownComponentIds.triggers.DropdownButton,dropdownComponentIds.triggers.DropdownLink,dropdownComponentIds.DropdownOverlay,dropdownComponentIds.triggers.AutoComplete,ComponentIds.BottomSheet];var _Dropdown=function _Dropdown(_ref){var children=_ref.children,isOpenControlled=_ref.isOpen,onOpenChange=_ref.onOpenChange,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),options=_React$useState2[0],setOptions=_React$useState2[1];var _React$useState3=React__default.useState([]),_React$useState4=_slicedToArray(_React$useState3,2),filteredValues=_React$useState4[0],setFilteredValues=_React$useState4[1];var _React$useState5=React__default.useState([]),_React$useState6=_slicedToArray(_React$useState5,2),selectedIndices=_React$useState6[0],setSelectedIndices=_React$useState6[1];var _React$useState7=React__default.useState([]),_React$useState8=_slicedToArray(_React$useState7,2),controlledValueIndices=_React$useState8[0],setControlledValueIndices=_React$useState8[1];var _React$useState9=React__default.useState(-1),_React$useState10=_slicedToArray(_React$useState9,2),activeIndex=_React$useState10[0],setActiveIndex=_React$useState10[1];var _React$useState11=React__default.useState(-1),_React$useState12=_slicedToArray(_React$useState11,2),activeTagIndex=_React$useState12[0],setActiveTagIndex=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),shouldIgnoreBlurAnimation=_React$useState14[0],setShouldIgnoreBlurAnimation=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),hasFooterAction=_React$useState16[0],setHasFooterAction=_React$useState16[1];var _React$useState17=React__default.useState(false),_React$useState18=_slicedToArray(_React$useState17,2),hasAutoCompleteInBottomSheetHeader=_React$useState18[0],setHasAutoCompleteInBottomSheetHeader=_React$useState18[1];var _React$useState19=React__default.useState(false),_React$useState20=_slicedToArray(_React$useState19,2),isKeydownPressed=_React$useState20[0],setIsKeydownPressed=_React$useState20[1];var _React$useState21=React__default.useState(0),_React$useState22=_slicedToArray(_React$useState21,2),changeCallbackTriggerer=_React$useState22[0],setChangeCallbackTriggerer=_React$useState22[1];var _React$useState23=React__default.useState(false),_React$useState24=_slicedToArray(_React$useState23,2),isControlled=_React$useState24[0],setIsControlled=_React$useState24[1];var _React$useState25=React__default.useState(false),_React$useState26=_slicedToArray(_React$useState25,2),dropdownHasBottomSheet=_React$useState26[0],setDropdownHasBottomSheet=_React$useState26[1];var triggererWrapperRef=React__default.useRef(null);var triggererRef=React__default.useRef(null);var actionListItemRef=React__default.useRef(null);var dropdownTriggerer=React__default.useRef();var isTagDismissedRef=React__default.useRef({value:false});var visibleTagsCountRef=React__default.useRef({value:0});var dropdownContainerRef=React__default.useRef(null);var dropdownBaseId=useId('dropdown');var isDropdownOpenRef=React__default.useRef(isOpenControlled);var _useControllableState=useControllableState({value:isOpenControlled,defaultValue:false,onChange:function onChange(isOpenControlledValue){isDropdownOpenRef.current=isOpenControlledValue;onOpenChange==null?void 0:onOpenChange(isOpenControlledValue);}}),_useControllableState2=_slicedToArray(_useControllableState,2),isDropdownOpen=_useControllableState2[0],setIsDropdownOpen=_useControllableState2[1];isDropdownOpenRef.current=isDropdownOpen;var setIsOpen=function setIsOpen(isOpenValue){isDropdownOpenRef.current=isOpenValue;setIsDropdownOpen(function(){return isOpenValue;});};var close=React__default.useCallback(function(){setActiveTagIndex(-1);setIsOpen(false);},[]);React__default.Children.map(children,function(child){if(React__default.isValidElement(child)){if(__DEV__){var _getComponentId;if(!validDropdownChildren.includes((_getComponentId=getComponentId(child))!=null?_getComponentId:'')){throwBladeError({message:`Dropdown can only have one of following elements as children - \n\n ${validDropdownChildren.join(', ')} \n\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,moduleName:'Dropdown'});}}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SelectInput)){dropdownTriggerer.current='SelectInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownButton)){dropdownTriggerer.current='DropdownButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.AutoComplete)){dropdownTriggerer.current='AutoComplete';}}});var contextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,controlledValueIndices:controlledValueIndices,setControlledValueIndices:setControlledValueIndices,options:options,setOptions:setOptions,filteredValues:filteredValues,setFilteredValues:setFilteredValues,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,dropdownBaseId:dropdownBaseId,triggererRef:triggererRef,triggererWrapperRef:triggererWrapperRef,actionListItemRef:actionListItemRef,selectionType:selectionType,hasFooterAction:hasFooterAction,setHasFooterAction:setHasFooterAction,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setHasAutoCompleteInBottomSheetHeader:setHasAutoCompleteInBottomSheetHeader,dropdownTriggerer:dropdownTriggerer.current,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,setIsControlled:setIsControlled,isTagDismissedRef:isTagDismissedRef};},[isDropdownOpen,isOpenControlled,selectedIndices,controlledValueIndices,options,filteredValues,activeIndex,activeTagIndex,shouldIgnoreBlurAnimation,selectionType,hasFooterAction,isKeydownPressed,changeCallbackTriggerer,isControlled]);var BottomSheetAndDropdownGlueContextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,dropdownHasBottomSheet:dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setDropdownHasBottomSheet:setDropdownHasBottomSheet,onBottomSheetDismiss:close};},[dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader,isDropdownOpen,close]);React__default.useEffect(function(){if(!isReactNative()){var dropdown=dropdownContainerRef.current;var documentClickHandler=function documentClickHandler(e){var _isTagDismissedRef$cu,_isTagDismissedRef$cu2;var target=e.target;if(!target||!dropdown){return;}var isOutsideClick=!dropdown.contains(target)&&!((_isTagDismissedRef$cu=isTagDismissedRef.current)!=null&&_isTagDismissedRef$cu.value)&&document.body.contains(target);var isDropdownOpenState=isDropdownOpenRef.current;if(isOutsideClick&&isDropdownOpenState){close();}if((_isTagDismissedRef$cu2=isTagDismissedRef.current)!=null&&_isTagDismissedRef$cu2.value){isTagDismissedRef.current.value=false;}};var documentFocusHandler=function documentFocusHandler(e){var target=e.relatedTarget;setActiveIndex(-1);if(!dropdown||!target){return;}if(!dropdown.contains(target)){close();}};document.addEventListener('click',documentClickHandler);document.addEventListener('focusout',documentFocusHandler);return function(){document.removeEventListener('click',documentClickHandler);document.removeEventListener('focusout',documentFocusHandler);};}return undefined;},[]);return jsx(BottomSheetAndDropdownGlueContext.Provider,{value:BottomSheetAndDropdownGlueContextValue,children:jsx(DropdownContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:dropdownContainerRef},metaAttribute({name:MetaConstants.Dropdown,testID:testID}),getStyledProps(styledProps),{children:jsx(BaseBox,{position:"relative",textAlign:'left',children:children})}))})});};var Dropdown=assignWithoutSideEffects(_Dropdown,{componentId:dropdownComponentIds.Dropdown});
+var _excluded=["children","isOpen","onOpenChange","selectionType","testID"];var validDropdownChildren=[dropdownComponentIds.BaseBox,dropdownComponentIds.triggers.SelectInput,dropdownComponentIds.triggers.DropdownButton,dropdownComponentIds.triggers.DropdownLink,dropdownComponentIds.DropdownOverlay,dropdownComponentIds.triggers.AutoComplete,ComponentIds.BottomSheet];var _Dropdown=function _Dropdown(_ref){var children=_ref.children,isOpenControlled=_ref.isOpen,onOpenChange=_ref.onOpenChange,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),options=_React$useState2[0],setOptions=_React$useState2[1];var _React$useState3=React__default.useState([]),_React$useState4=_slicedToArray(_React$useState3,2),filteredValues=_React$useState4[0],setFilteredValues=_React$useState4[1];var _React$useState5=React__default.useState([]),_React$useState6=_slicedToArray(_React$useState5,2),selectedIndices=_React$useState6[0],setSelectedIndices=_React$useState6[1];var _React$useState7=React__default.useState([]),_React$useState8=_slicedToArray(_React$useState7,2),controlledValueIndices=_React$useState8[0],setControlledValueIndices=_React$useState8[1];var _React$useState9=React__default.useState(-1),_React$useState10=_slicedToArray(_React$useState9,2),activeIndex=_React$useState10[0],setActiveIndex=_React$useState10[1];var _React$useState11=React__default.useState(-1),_React$useState12=_slicedToArray(_React$useState11,2),activeTagIndex=_React$useState12[0],setActiveTagIndex=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),shouldIgnoreBlurAnimation=_React$useState14[0],setShouldIgnoreBlurAnimation=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),hasFooterAction=_React$useState16[0],setHasFooterAction=_React$useState16[1];var _React$useState17=React__default.useState(false),_React$useState18=_slicedToArray(_React$useState17,2),hasAutoCompleteInBottomSheetHeader=_React$useState18[0],setHasAutoCompleteInBottomSheetHeader=_React$useState18[1];var _React$useState19=React__default.useState(false),_React$useState20=_slicedToArray(_React$useState19,2),isKeydownPressed=_React$useState20[0],setIsKeydownPressed=_React$useState20[1];var _React$useState21=React__default.useState(0),_React$useState22=_slicedToArray(_React$useState21,2),changeCallbackTriggerer=_React$useState22[0],setChangeCallbackTriggerer=_React$useState22[1];var _React$useState23=React__default.useState(false),_React$useState24=_slicedToArray(_React$useState23,2),isControlled=_React$useState24[0],setIsControlled=_React$useState24[1];var _React$useState25=React__default.useState(false),_React$useState26=_slicedToArray(_React$useState25,2),dropdownHasBottomSheet=_React$useState26[0],setDropdownHasBottomSheet=_React$useState26[1];var triggererWrapperRef=React__default.useRef(null);var triggererRef=React__default.useRef(null);var actionListItemRef=React__default.useRef(null);var dropdownTriggerer=React__default.useRef();var isTagDismissedRef=React__default.useRef({value:false});var visibleTagsCountRef=React__default.useRef({value:0});var dropdownContainerRef=React__default.useRef(null);var dropdownBaseId=useId('dropdown');var isDropdownOpenRef=React__default.useRef(isOpenControlled);var _useControllableState=useControllableState({value:isOpenControlled,defaultValue:false,onChange:function onChange(isOpenControlledValue){isDropdownOpenRef.current=isOpenControlledValue;onOpenChange==null?void 0:onOpenChange(isOpenControlledValue);}}),_useControllableState2=_slicedToArray(_useControllableState,2),isDropdownOpen=_useControllableState2[0],setIsDropdownOpen=_useControllableState2[1];isDropdownOpenRef.current=isDropdownOpen;var setIsOpen=function setIsOpen(isOpenValue){isDropdownOpenRef.current=isOpenValue;setIsDropdownOpen(function(){return isOpenValue;});};var close=React__default.useCallback(function(){setActiveTagIndex(-1);setIsOpen(false);},[]);React__default.Children.map(children,function(child){if(React__default.isValidElement(child)){if(__DEV__){var _getComponentId;if(!validDropdownChildren.includes((_getComponentId=getComponentId(child))!=null?_getComponentId:'')){throwBladeError({message:`Dropdown can only have one of following elements as children - \n\n ${validDropdownChildren.join(', ')} \n\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,moduleName:'Dropdown'});}}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SelectInput)){dropdownTriggerer.current='SelectInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownButton)){dropdownTriggerer.current='DropdownButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.AutoComplete)){dropdownTriggerer.current='AutoComplete';}}});var contextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,controlledValueIndices:controlledValueIndices,setControlledValueIndices:setControlledValueIndices,options:options,setOptions:setOptions,filteredValues:filteredValues,setFilteredValues:setFilteredValues,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,dropdownBaseId:dropdownBaseId,triggererRef:triggererRef,triggererWrapperRef:triggererWrapperRef,actionListItemRef:actionListItemRef,selectionType:selectionType,hasFooterAction:hasFooterAction,setHasFooterAction:setHasFooterAction,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setHasAutoCompleteInBottomSheetHeader:setHasAutoCompleteInBottomSheetHeader,dropdownTriggerer:dropdownTriggerer.current,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,setIsControlled:setIsControlled,isTagDismissedRef:isTagDismissedRef};},[isDropdownOpen,isOpenControlled,selectedIndices,controlledValueIndices,options,filteredValues,activeIndex,activeTagIndex,shouldIgnoreBlurAnimation,selectionType,hasFooterAction,isKeydownPressed,changeCallbackTriggerer,isControlled]);var BottomSheetAndDropdownGlueContextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,dropdownHasBottomSheet:dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setDropdownHasBottomSheet:setDropdownHasBottomSheet,onBottomSheetDismiss:close};},[dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader,isDropdownOpen,close]);return jsx(BottomSheetAndDropdownGlueContext.Provider,{value:BottomSheetAndDropdownGlueContextValue,children:jsx(DropdownContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:dropdownContainerRef},metaAttribute({name:MetaConstants.Dropdown,testID:testID}),getStyledProps(styledProps),{children:jsx(BaseBox,{position:"relative",textAlign:'left',children:children})}))})});};var Dropdown=assignWithoutSideEffects(_Dropdown,{componentId:dropdownComponentIds.Dropdown});
 
 export { Dropdown };
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\n\nconst validDropdownChildren = [\n  // TODO: Remove Box once CountrySelector's button sizing is fixed\n  dropdownComponentIds.BaseBox,\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n *  <SelectInput />\n *  <DropdownOverlay>\n *    <ActionList>\n *      <ActionListItem />\n *      <ActionListItem />\n *    </ActionList>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n  children,\n  isOpen: isOpenControlled,\n  onOpenChange,\n  selectionType = 'single',\n  testID,\n  ...styledProps\n}: DropdownProps): React.ReactElement => {\n  const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n  const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n  const [selectedIndices, setSelectedIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [controlledValueIndices, setControlledValueIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n  const [hasFooterAction, setHasFooterAction] = React.useState(false);\n  const [\n    hasAutoCompleteInBottomSheetHeader,\n    setHasAutoCompleteInBottomSheetHeader,\n  ] = React.useState(false);\n  const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n  const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n    DropdownContextType['changeCallbackTriggerer']\n  >(0);\n  const [isControlled, setIsControlled] = React.useState(false);\n  // keep track if dropdown contains bottomsheet\n  const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n  /**\n   * In inputs, actual input is smaller than the visible input wrapper.\n   * You can set this reference in such cases so floating ui calculations happen correctly\n   * */\n  const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n  const triggererRef = React.useRef<HTMLButtonElement>(null);\n  const actionListItemRef = React.useRef<HTMLDivElement>(null);\n  const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n  const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n  const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const dropdownBaseId = useId('dropdown');\n  const isDropdownOpenRef = React.useRef(isOpenControlled);\n\n  const [isDropdownOpen, setIsDropdownOpen] = useControllableState({\n    value: isOpenControlled,\n    defaultValue: false,\n    onChange: (isOpenControlledValue) => {\n      isDropdownOpenRef.current = isOpenControlledValue;\n      onOpenChange?.(isOpenControlledValue);\n    },\n  });\n\n  isDropdownOpenRef.current = isDropdownOpen;\n\n  const setIsOpen = (isOpenValue: boolean): void => {\n    isDropdownOpenRef.current = isOpenValue;\n    setIsDropdownOpen(() => isOpenValue);\n  };\n\n  const close = React.useCallback(() => {\n    setActiveTagIndex(-1);\n    setIsOpen(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      if (__DEV__) {\n        if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n          throwBladeError({\n            message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n              ', ',\n            )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n            moduleName: 'Dropdown',\n          });\n        }\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n        dropdownTriggerer.current = 'SelectInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n    }\n  });\n\n  const contextValue = React.useMemo<DropdownContextType>(\n    () => ({\n      isOpen: isDropdownOpen,\n      setIsOpen,\n      close,\n      selectedIndices,\n      setSelectedIndices,\n      controlledValueIndices,\n      setControlledValueIndices,\n      options,\n      setOptions,\n      filteredValues,\n      setFilteredValues,\n      activeIndex,\n      setActiveIndex,\n      activeTagIndex,\n      setActiveTagIndex,\n      visibleTagsCountRef,\n      shouldIgnoreBlurAnimation,\n      setShouldIgnoreBlurAnimation,\n      isKeydownPressed,\n      setIsKeydownPressed,\n      dropdownBaseId,\n      triggererRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInBottomSheetHeader,\n      setHasAutoCompleteInBottomSheetHeader,\n      dropdownTriggerer: dropdownTriggerer.current,\n      changeCallbackTriggerer,\n      setChangeCallbackTriggerer,\n      isControlled,\n      setIsControlled,\n      isTagDismissedRef,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      isDropdownOpen,\n      isOpenControlled,\n      selectedIndices,\n      controlledValueIndices,\n      options,\n      filteredValues,\n      activeIndex,\n      activeTagIndex,\n      shouldIgnoreBlurAnimation,\n      selectionType,\n      hasFooterAction,\n      isKeydownPressed,\n      changeCallbackTriggerer,\n      isControlled,\n    ],\n  );\n\n  const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n    return {\n      isOpen: isDropdownOpen,\n      dropdownHasBottomSheet,\n      hasAutoCompleteInBottomSheetHeader,\n      setDropdownHasBottomSheet,\n      // This is the dismiss function which will be injected into the BottomSheet\n      // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n      onBottomSheetDismiss: close,\n    };\n  }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isDropdownOpen, close]);\n\n  React.useEffect((): (() => void) | undefined => {\n    if (!isReactNative()) {\n      const dropdown = dropdownContainerRef.current;\n\n      const documentClickHandler = (e: MouseEvent): void => {\n        const target = e.target as HTMLDivElement;\n\n        if (!target || !dropdown) {\n          return;\n        }\n\n        const isOutsideClick =\n          !dropdown.contains(target) &&\n          !isTagDismissedRef.current?.value &&\n          document.body.contains(target);\n\n        const isDropdownOpenState = isDropdownOpenRef.current;\n        if (isOutsideClick && isDropdownOpenState) {\n          close();\n        }\n\n        if (isTagDismissedRef.current?.value) {\n          isTagDismissedRef.current.value = false;\n        }\n      };\n\n      const documentFocusHandler = (e: FocusEvent): void => {\n        const target = e.relatedTarget as HTMLDivElement;\n        setActiveIndex(-1);\n\n        if (!dropdown || !target) {\n          return;\n        }\n\n        if (!dropdown.contains(target)) {\n          close();\n        }\n      };\n\n      document.addEventListener('click', documentClickHandler);\n      document.addEventListener('focusout', documentFocusHandler);\n\n      return (): void => {\n        document.removeEventListener('click', documentClickHandler);\n        document.removeEventListener('focusout', documentFocusHandler);\n      };\n    }\n\n    return undefined;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n      <DropdownContext.Provider value={contextValue}>\n        <BaseBox\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={dropdownContainerRef as any}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(styledProps)}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never}>\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","BaseBox","triggers","SelectInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","options","setOptions","_React$useState3","_React$useState4","filteredValues","setFilteredValues","_React$useState5","_React$useState6","selectedIndices","setSelectedIndices","_React$useState7","_React$useState8","controlledValueIndices","setControlledValueIndices","_React$useState9","_React$useState10","activeIndex","setActiveIndex","_React$useState11","_React$useState12","activeTagIndex","setActiveTagIndex","_React$useState13","_React$useState14","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState15","_React$useState16","hasFooterAction","setHasFooterAction","_React$useState17","_React$useState18","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState19","_React$useState20","isKeydownPressed","setIsKeydownPressed","_React$useState21","_React$useState22","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState23","_React$useState24","isControlled","setIsControlled","_React$useState25","_React$useState26","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","isDropdownOpenRef","_useControllableState","useControllableState","defaultValue","onChange","isOpenControlledValue","current","_useControllableState2","isDropdownOpen","setIsDropdownOpen","setIsOpen","isOpenValue","close","useCallback","Children","map","child","isValidElement","__DEV__","_getComponentId","includes","getComponentId","throwBladeError","message","join","moduleName","isValidAllowedChildren","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","useEffect","isReactNative","dropdown","documentClickHandler","e","_isTagDismissedRef$cu","_isTagDismissedRef$cu2","target","isOutsideClick","contains","document","body","isDropdownOpenState","documentFocusHandler","relatedTarget","addEventListener","removeEventListener","undefined","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","Object","assign","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\n\nconst validDropdownChildren = [\n  // TODO: Remove Box once CountrySelector's button sizing is fixed\n  dropdownComponentIds.BaseBox,\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n *  <SelectInput />\n *  <DropdownOverlay>\n *    <ActionList>\n *      <ActionListItem />\n *      <ActionListItem />\n *    </ActionList>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n  children,\n  isOpen: isOpenControlled,\n  onOpenChange,\n  selectionType = 'single',\n  testID,\n  ...styledProps\n}: DropdownProps): React.ReactElement => {\n  const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n  const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n  const [selectedIndices, setSelectedIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [controlledValueIndices, setControlledValueIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n  const [hasFooterAction, setHasFooterAction] = React.useState(false);\n  const [\n    hasAutoCompleteInBottomSheetHeader,\n    setHasAutoCompleteInBottomSheetHeader,\n  ] = React.useState(false);\n  const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n  const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n    DropdownContextType['changeCallbackTriggerer']\n  >(0);\n  const [isControlled, setIsControlled] = React.useState(false);\n  // keep track if dropdown contains bottomsheet\n  const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n  /**\n   * In inputs, actual input is smaller than the visible input wrapper.\n   * You can set this reference in such cases so floating ui calculations happen correctly\n   * */\n  const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n  const triggererRef = React.useRef<HTMLButtonElement>(null);\n  const actionListItemRef = React.useRef<HTMLDivElement>(null);\n  const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n  const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n  const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const dropdownBaseId = useId('dropdown');\n  const isDropdownOpenRef = React.useRef(isOpenControlled);\n\n  const [isDropdownOpen, setIsDropdownOpen] = useControllableState({\n    value: isOpenControlled,\n    defaultValue: false,\n    onChange: (isOpenControlledValue) => {\n      isDropdownOpenRef.current = isOpenControlledValue;\n      onOpenChange?.(isOpenControlledValue);\n    },\n  });\n\n  isDropdownOpenRef.current = isDropdownOpen;\n\n  const setIsOpen = (isOpenValue: boolean): void => {\n    isDropdownOpenRef.current = isOpenValue;\n    setIsDropdownOpen(() => isOpenValue);\n  };\n\n  const close = React.useCallback(() => {\n    setActiveTagIndex(-1);\n    setIsOpen(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      if (__DEV__) {\n        if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n          throwBladeError({\n            message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n              ', ',\n            )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n            moduleName: 'Dropdown',\n          });\n        }\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n        dropdownTriggerer.current = 'SelectInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n    }\n  });\n\n  const contextValue = React.useMemo<DropdownContextType>(\n    () => ({\n      isOpen: isDropdownOpen,\n      setIsOpen,\n      close,\n      selectedIndices,\n      setSelectedIndices,\n      controlledValueIndices,\n      setControlledValueIndices,\n      options,\n      setOptions,\n      filteredValues,\n      setFilteredValues,\n      activeIndex,\n      setActiveIndex,\n      activeTagIndex,\n      setActiveTagIndex,\n      visibleTagsCountRef,\n      shouldIgnoreBlurAnimation,\n      setShouldIgnoreBlurAnimation,\n      isKeydownPressed,\n      setIsKeydownPressed,\n      dropdownBaseId,\n      triggererRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInBottomSheetHeader,\n      setHasAutoCompleteInBottomSheetHeader,\n      dropdownTriggerer: dropdownTriggerer.current,\n      changeCallbackTriggerer,\n      setChangeCallbackTriggerer,\n      isControlled,\n      setIsControlled,\n      isTagDismissedRef,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      isDropdownOpen,\n      isOpenControlled,\n      selectedIndices,\n      controlledValueIndices,\n      options,\n      filteredValues,\n      activeIndex,\n      activeTagIndex,\n      shouldIgnoreBlurAnimation,\n      selectionType,\n      hasFooterAction,\n      isKeydownPressed,\n      changeCallbackTriggerer,\n      isControlled,\n    ],\n  );\n\n  const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n    return {\n      isOpen: isDropdownOpen,\n      dropdownHasBottomSheet,\n      hasAutoCompleteInBottomSheetHeader,\n      setDropdownHasBottomSheet,\n      // This is the dismiss function which will be injected into the BottomSheet\n      // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n      onBottomSheetDismiss: close,\n    };\n  }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isDropdownOpen, close]);\n\n  return (\n    <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n      <DropdownContext.Provider value={contextValue}>\n        <BaseBox\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={dropdownContainerRef as any}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(styledProps)}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never}>\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","BaseBox","triggers","SelectInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","options","setOptions","_React$useState3","_React$useState4","filteredValues","setFilteredValues","_React$useState5","_React$useState6","selectedIndices","setSelectedIndices","_React$useState7","_React$useState8","controlledValueIndices","setControlledValueIndices","_React$useState9","_React$useState10","activeIndex","setActiveIndex","_React$useState11","_React$useState12","activeTagIndex","setActiveTagIndex","_React$useState13","_React$useState14","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState15","_React$useState16","hasFooterAction","setHasFooterAction","_React$useState17","_React$useState18","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState19","_React$useState20","isKeydownPressed","setIsKeydownPressed","_React$useState21","_React$useState22","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState23","_React$useState24","isControlled","setIsControlled","_React$useState25","_React$useState26","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","isDropdownOpenRef","_useControllableState","useControllableState","defaultValue","onChange","isOpenControlledValue","current","_useControllableState2","isDropdownOpen","setIsDropdownOpen","setIsOpen","isOpenValue","close","useCallback","Children","map","child","isValidElement","__DEV__","_getComponentId","includes","getComponentId","throwBladeError","message","join","moduleName","isValidAllowedChildren","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","Object","assign","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/tokens/global/size.js

@@ -1,4 +1,4 @@
-var size={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,10:10,12:12,16:16,18:18,20:20,24:24,28:28,32:32,33:33,36:36,40:40,44:44,48:48,56:56,64:64,72:72,100:100,120:120,140:140,160:160,176:176,200:200,240:240,300:300,314:314,360:360,400:400,584:584,640:640,760:760,800:800,1024:1024,1136:1136};
+var size={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,10:10,12:12,16:16,18:18,20:20,24:24,28:28,32:32,33:33,36:36,40:40,44:44,48:48,56:56,60:60,64:64,72:72,100:100,120:120,140:140,160:160,176:176,200:200,240:240,300:300,314:314,360:360,400:400,584:584,640:640,760:760,800:800,1024:1024,1136:1136};
 
 export { size };
 //# sourceMappingURL=size.js.map

package/build/lib/native/tokens/global/size.js.map

@@ -1 +1 @@
-{"version":3,"file":"size.js","sources":["../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n  /** 0 px */\n  0: 0,\n  /** 1 px */\n  1: 1,\n  /** 2 px */\n  2: 2,\n  /** 3 px */\n  3: 3,\n  /** 4 px */\n  4: 4,\n  /** 5 px */\n  5: 5,\n  /** 6 px */\n  6: 6,\n  /** 7 px */\n  7: 7,\n  /** 8 px */\n  8: 8,\n  /** 10 px */\n  10: 10,\n  /** 12 px */\n  12: 12,\n  /** 16 px */\n  16: 16,\n  /** 18 px */\n  18: 18,\n  /** 20 px */\n  20: 20,\n  /** 24 px */\n  24: 24,\n  /** 28 px */\n  28: 28,\n  /** 32 px */\n  32: 32,\n  /** 33 px */\n  33: 33,\n  /** 36 px */\n  36: 36,\n  /** 40 px */\n  40: 40,\n  /** 44 px */\n  44: 44,\n  /** 48 px */\n  48: 48,\n  /** 56 px */\n  56: 56,\n  /** 64 px */\n  64: 64,\n  /** 72 px */\n  72: 72,\n  /** 100 px */\n  100: 100,\n  /** 120 px */\n  120: 120,\n  /** 140 px */\n  140: 140,\n  /** 160 px */\n  160: 160,\n  /** 176 px */\n  176: 176,\n  /** 200 px */\n  200: 200,\n  /** 240 px */\n  240: 240,\n  /** 300 px */\n  300: 300,\n  /** 314 px */\n  314: 314,\n  /** 360 px */\n  360: 360,\n  /** 400 px */\n  400: 400,\n  /** 584 px */\n  584: 584,\n  /** 640 px */\n  640: 640,\n  /** 760 px */\n  760: 760,\n  /** 800 px */\n  800: 800,\n  /** 1024 px */\n  1024: 1024,\n  /** 1136 px */\n  1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAGa,IAAAA,IAAI,CAAG,CAElB,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,IAAI,CAAE,IAAI,CAEV,IAAI,CAAE,IACR;;;;"}
+{"version":3,"file":"size.js","sources":["../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n  /** 0 px */\n  0: 0,\n  /** 1 px */\n  1: 1,\n  /** 2 px */\n  2: 2,\n  /** 3 px */\n  3: 3,\n  /** 4 px */\n  4: 4,\n  /** 5 px */\n  5: 5,\n  /** 6 px */\n  6: 6,\n  /** 7 px */\n  7: 7,\n  /** 8 px */\n  8: 8,\n  /** 10 px */\n  10: 10,\n  /** 12 px */\n  12: 12,\n  /** 16 px */\n  16: 16,\n  /** 18 px */\n  18: 18,\n  /** 20 px */\n  20: 20,\n  /** 24 px */\n  24: 24,\n  /** 28 px */\n  28: 28,\n  /** 32 px */\n  32: 32,\n  /** 33 px */\n  33: 33,\n  /** 36 px */\n  36: 36,\n  /** 40 px */\n  40: 40,\n  /** 44 px */\n  44: 44,\n  /** 48 px */\n  48: 48,\n  /** 56 px */\n  56: 56,\n  /** 60 px */\n  60: 60,\n  /** 64 px */\n  64: 64,\n  /** 72 px */\n  72: 72,\n  /** 100 px */\n  100: 100,\n  /** 120 px */\n  120: 120,\n  /** 140 px */\n  140: 140,\n  /** 160 px */\n  160: 160,\n  /** 176 px */\n  176: 176,\n  /** 200 px */\n  200: 200,\n  /** 240 px */\n  240: 240,\n  /** 300 px */\n  300: 300,\n  /** 314 px */\n  314: 314,\n  /** 360 px */\n  360: 360,\n  /** 400 px */\n  400: 400,\n  /** 584 px */\n  584: 584,\n  /** 640 px */\n  640: 640,\n  /** 760 px */\n  760: 760,\n  /** 800 px */\n  800: 800,\n  /** 1024 px */\n  1024: 1024,\n  /** 1136 px */\n  1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAGa,IAAAA,IAAI,CAAG,CAElB,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,IAAI,CAAE,IAAI,CAEV,IAAI,CAAE,IACR;;;;"}

package/build/lib/web/development/components/Dropdown/Dropdown.js

@@ -11,14 +11,12 @@ import '../Box/styledProps/index.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/isValidAllowedChildren/index.js';
-import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/logger/index.js';
 import { useControllableState } from '../../utils/useControllable.js';
 import { jsx } from 'react/jsx-runtime';
 import { getComponentId, isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
-import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
@@ -234,44 +232,6 @@ var _Dropdown = function _Dropdown(_ref) {
       onBottomSheetDismiss: close
     };
   }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isDropdownOpen, close]);
-  React__default.useEffect(function () {
-    if (!isReactNative()) {
-      var dropdown = dropdownContainerRef.current;
-      var documentClickHandler = function documentClickHandler(e) {
-        var _isTagDismissedRef$cu, _isTagDismissedRef$cu2;
-        var target = e.target;
-        if (!target || !dropdown) {
-          return;
-        }
-        var isOutsideClick = !dropdown.contains(target) && !((_isTagDismissedRef$cu = isTagDismissedRef.current) !== null && _isTagDismissedRef$cu !== void 0 && _isTagDismissedRef$cu.value) && document.body.contains(target);
-        var isDropdownOpenState = isDropdownOpenRef.current;
-        if (isOutsideClick && isDropdownOpenState) {
-          close();
-        }
-        if ((_isTagDismissedRef$cu2 = isTagDismissedRef.current) !== null && _isTagDismissedRef$cu2 !== void 0 && _isTagDismissedRef$cu2.value) {
-          isTagDismissedRef.current.value = false;
-        }
-      };
-      var documentFocusHandler = function documentFocusHandler(e) {
-        var target = e.relatedTarget;
-        setActiveIndex(-1);
-        if (!dropdown || !target) {
-          return;
-        }
-        if (!dropdown.contains(target)) {
-          close();
-        }
-      };
-      document.addEventListener('click', documentClickHandler);
-      document.addEventListener('focusout', documentFocusHandler);
-      return function () {
-        document.removeEventListener('click', documentClickHandler);
-        document.removeEventListener('focusout', documentFocusHandler);
-      };
-    }
-    return undefined;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
   return /*#__PURE__*/jsx(BottomSheetAndDropdownGlueContext.Provider, {
     value: BottomSheetAndDropdownGlueContextValue,
     children: /*#__PURE__*/jsx(DropdownContext.Provider, {

package/build/lib/web/development/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\n\nconst validDropdownChildren = [\n  // TODO: Remove Box once CountrySelector's button sizing is fixed\n  dropdownComponentIds.BaseBox,\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n *  <SelectInput />\n *  <DropdownOverlay>\n *    <ActionList>\n *      <ActionListItem />\n *      <ActionListItem />\n *    </ActionList>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n  children,\n  isOpen: isOpenControlled,\n  onOpenChange,\n  selectionType = 'single',\n  testID,\n  ...styledProps\n}: DropdownProps): React.ReactElement => {\n  const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n  const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n  const [selectedIndices, setSelectedIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [controlledValueIndices, setControlledValueIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n  const [hasFooterAction, setHasFooterAction] = React.useState(false);\n  const [\n    hasAutoCompleteInBottomSheetHeader,\n    setHasAutoCompleteInBottomSheetHeader,\n  ] = React.useState(false);\n  const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n  const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n    DropdownContextType['changeCallbackTriggerer']\n  >(0);\n  const [isControlled, setIsControlled] = React.useState(false);\n  // keep track if dropdown contains bottomsheet\n  const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n  /**\n   * In inputs, actual input is smaller than the visible input wrapper.\n   * You can set this reference in such cases so floating ui calculations happen correctly\n   * */\n  const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n  const triggererRef = React.useRef<HTMLButtonElement>(null);\n  const actionListItemRef = React.useRef<HTMLDivElement>(null);\n  const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n  const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n  const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const dropdownBaseId = useId('dropdown');\n  const isDropdownOpenRef = React.useRef(isOpenControlled);\n\n  const [isDropdownOpen, setIsDropdownOpen] = useControllableState({\n    value: isOpenControlled,\n    defaultValue: false,\n    onChange: (isOpenControlledValue) => {\n      isDropdownOpenRef.current = isOpenControlledValue;\n      onOpenChange?.(isOpenControlledValue);\n    },\n  });\n\n  isDropdownOpenRef.current = isDropdownOpen;\n\n  const setIsOpen = (isOpenValue: boolean): void => {\n    isDropdownOpenRef.current = isOpenValue;\n    setIsDropdownOpen(() => isOpenValue);\n  };\n\n  const close = React.useCallback(() => {\n    setActiveTagIndex(-1);\n    setIsOpen(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      if (__DEV__) {\n        if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n          throwBladeError({\n            message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n              ', ',\n            )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n            moduleName: 'Dropdown',\n          });\n        }\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n        dropdownTriggerer.current = 'SelectInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n    }\n  });\n\n  const contextValue = React.useMemo<DropdownContextType>(\n    () => ({\n      isOpen: isDropdownOpen,\n      setIsOpen,\n      close,\n      selectedIndices,\n      setSelectedIndices,\n      controlledValueIndices,\n      setControlledValueIndices,\n      options,\n      setOptions,\n      filteredValues,\n      setFilteredValues,\n      activeIndex,\n      setActiveIndex,\n      activeTagIndex,\n      setActiveTagIndex,\n      visibleTagsCountRef,\n      shouldIgnoreBlurAnimation,\n      setShouldIgnoreBlurAnimation,\n      isKeydownPressed,\n      setIsKeydownPressed,\n      dropdownBaseId,\n      triggererRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInBottomSheetHeader,\n      setHasAutoCompleteInBottomSheetHeader,\n      dropdownTriggerer: dropdownTriggerer.current,\n      changeCallbackTriggerer,\n      setChangeCallbackTriggerer,\n      isControlled,\n      setIsControlled,\n      isTagDismissedRef,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      isDropdownOpen,\n      isOpenControlled,\n      selectedIndices,\n      controlledValueIndices,\n      options,\n      filteredValues,\n      activeIndex,\n      activeTagIndex,\n      shouldIgnoreBlurAnimation,\n      selectionType,\n      hasFooterAction,\n      isKeydownPressed,\n      changeCallbackTriggerer,\n      isControlled,\n    ],\n  );\n\n  const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n    return {\n      isOpen: isDropdownOpen,\n      dropdownHasBottomSheet,\n      hasAutoCompleteInBottomSheetHeader,\n      setDropdownHasBottomSheet,\n      // This is the dismiss function which will be injected into the BottomSheet\n      // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n      onBottomSheetDismiss: close,\n    };\n  }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isDropdownOpen, close]);\n\n  React.useEffect((): (() => void) | undefined => {\n    if (!isReactNative()) {\n      const dropdown = dropdownContainerRef.current;\n\n      const documentClickHandler = (e: MouseEvent): void => {\n        const target = e.target as HTMLDivElement;\n\n        if (!target || !dropdown) {\n          return;\n        }\n\n        const isOutsideClick =\n          !dropdown.contains(target) &&\n          !isTagDismissedRef.current?.value &&\n          document.body.contains(target);\n\n        const isDropdownOpenState = isDropdownOpenRef.current;\n        if (isOutsideClick && isDropdownOpenState) {\n          close();\n        }\n\n        if (isTagDismissedRef.current?.value) {\n          isTagDismissedRef.current.value = false;\n        }\n      };\n\n      const documentFocusHandler = (e: FocusEvent): void => {\n        const target = e.relatedTarget as HTMLDivElement;\n        setActiveIndex(-1);\n\n        if (!dropdown || !target) {\n          return;\n        }\n\n        if (!dropdown.contains(target)) {\n          close();\n        }\n      };\n\n      document.addEventListener('click', documentClickHandler);\n      document.addEventListener('focusout', documentFocusHandler);\n\n      return (): void => {\n        document.removeEventListener('click', documentClickHandler);\n        document.removeEventListener('focusout', documentFocusHandler);\n      };\n    }\n\n    return undefined;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n      <DropdownContext.Provider value={contextValue}>\n        <BaseBox\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={dropdownContainerRef as any}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(styledProps)}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never}>\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","BaseBox","triggers","SelectInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","options","setOptions","_React$useState3","_React$useState4","filteredValues","setFilteredValues","_React$useState5","_React$useState6","selectedIndices","setSelectedIndices","_React$useState7","_React$useState8","controlledValueIndices","setControlledValueIndices","_React$useState9","_React$useState10","activeIndex","setActiveIndex","_React$useState11","_React$useState12","activeTagIndex","setActiveTagIndex","_React$useState13","_React$useState14","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState15","_React$useState16","hasFooterAction","setHasFooterAction","_React$useState17","_React$useState18","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState19","_React$useState20","isKeydownPressed","setIsKeydownPressed","_React$useState21","_React$useState22","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState23","_React$useState24","isControlled","setIsControlled","_React$useState25","_React$useState26","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","isDropdownOpenRef","_useControllableState","useControllableState","defaultValue","onChange","isOpenControlledValue","current","_useControllableState2","isDropdownOpen","setIsDropdownOpen","setIsOpen","isOpenValue","close","useCallback","Children","map","child","isValidElement","_getComponentId","includes","getComponentId","throwBladeError","message","concat","join","moduleName","isValidAllowedChildren","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","useEffect","isReactNative","dropdown","documentClickHandler","e","_isTagDismissedRef$cu","_isTagDismissedRef$cu2","target","isOutsideClick","contains","document","body","isDropdownOpenState","documentFocusHandler","relatedTarget","addEventListener","removeEventListener","undefined","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","_objectSpread","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\n\nconst validDropdownChildren = [\n  // TODO: Remove Box once CountrySelector's button sizing is fixed\n  dropdownComponentIds.BaseBox,\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n *  <SelectInput />\n *  <DropdownOverlay>\n *    <ActionList>\n *      <ActionListItem />\n *      <ActionListItem />\n *    </ActionList>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n  children,\n  isOpen: isOpenControlled,\n  onOpenChange,\n  selectionType = 'single',\n  testID,\n  ...styledProps\n}: DropdownProps): React.ReactElement => {\n  const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n  const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n  const [selectedIndices, setSelectedIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [controlledValueIndices, setControlledValueIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n  const [hasFooterAction, setHasFooterAction] = React.useState(false);\n  const [\n    hasAutoCompleteInBottomSheetHeader,\n    setHasAutoCompleteInBottomSheetHeader,\n  ] = React.useState(false);\n  const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n  const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n    DropdownContextType['changeCallbackTriggerer']\n  >(0);\n  const [isControlled, setIsControlled] = React.useState(false);\n  // keep track if dropdown contains bottomsheet\n  const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n  /**\n   * In inputs, actual input is smaller than the visible input wrapper.\n   * You can set this reference in such cases so floating ui calculations happen correctly\n   * */\n  const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n  const triggererRef = React.useRef<HTMLButtonElement>(null);\n  const actionListItemRef = React.useRef<HTMLDivElement>(null);\n  const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n  const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n  const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const dropdownBaseId = useId('dropdown');\n  const isDropdownOpenRef = React.useRef(isOpenControlled);\n\n  const [isDropdownOpen, setIsDropdownOpen] = useControllableState({\n    value: isOpenControlled,\n    defaultValue: false,\n    onChange: (isOpenControlledValue) => {\n      isDropdownOpenRef.current = isOpenControlledValue;\n      onOpenChange?.(isOpenControlledValue);\n    },\n  });\n\n  isDropdownOpenRef.current = isDropdownOpen;\n\n  const setIsOpen = (isOpenValue: boolean): void => {\n    isDropdownOpenRef.current = isOpenValue;\n    setIsDropdownOpen(() => isOpenValue);\n  };\n\n  const close = React.useCallback(() => {\n    setActiveTagIndex(-1);\n    setIsOpen(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      if (__DEV__) {\n        if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n          throwBladeError({\n            message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n              ', ',\n            )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n            moduleName: 'Dropdown',\n          });\n        }\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n        dropdownTriggerer.current = 'SelectInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n    }\n  });\n\n  const contextValue = React.useMemo<DropdownContextType>(\n    () => ({\n      isOpen: isDropdownOpen,\n      setIsOpen,\n      close,\n      selectedIndices,\n      setSelectedIndices,\n      controlledValueIndices,\n      setControlledValueIndices,\n      options,\n      setOptions,\n      filteredValues,\n      setFilteredValues,\n      activeIndex,\n      setActiveIndex,\n      activeTagIndex,\n      setActiveTagIndex,\n      visibleTagsCountRef,\n      shouldIgnoreBlurAnimation,\n      setShouldIgnoreBlurAnimation,\n      isKeydownPressed,\n      setIsKeydownPressed,\n      dropdownBaseId,\n      triggererRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInBottomSheetHeader,\n      setHasAutoCompleteInBottomSheetHeader,\n      dropdownTriggerer: dropdownTriggerer.current,\n      changeCallbackTriggerer,\n      setChangeCallbackTriggerer,\n      isControlled,\n      setIsControlled,\n      isTagDismissedRef,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      isDropdownOpen,\n      isOpenControlled,\n      selectedIndices,\n      controlledValueIndices,\n      options,\n      filteredValues,\n      activeIndex,\n      activeTagIndex,\n      shouldIgnoreBlurAnimation,\n      selectionType,\n      hasFooterAction,\n      isKeydownPressed,\n      changeCallbackTriggerer,\n      isControlled,\n    ],\n  );\n\n  const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n    return {\n      isOpen: isDropdownOpen,\n      dropdownHasBottomSheet,\n      hasAutoCompleteInBottomSheetHeader,\n      setDropdownHasBottomSheet,\n      // This is the dismiss function which will be injected into the BottomSheet\n      // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n      onBottomSheetDismiss: close,\n    };\n  }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isDropdownOpen, close]);\n\n  return (\n    <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n      <DropdownContext.Provider value={contextValue}>\n        <BaseBox\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={dropdownContainerRef as any}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(styledProps)}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never}>\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","BaseBox","triggers","SelectInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","options","setOptions","_React$useState3","_React$useState4","filteredValues","setFilteredValues","_React$useState5","_React$useState6","selectedIndices","setSelectedIndices","_React$useState7","_React$useState8","controlledValueIndices","setControlledValueIndices","_React$useState9","_React$useState10","activeIndex","setActiveIndex","_React$useState11","_React$useState12","activeTagIndex","setActiveTagIndex","_React$useState13","_React$useState14","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState15","_React$useState16","hasFooterAction","setHasFooterAction","_React$useState17","_React$useState18","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState19","_React$useState20","isKeydownPressed","setIsKeydownPressed","_React$useState21","_React$useState22","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState23","_React$useState24","isControlled","setIsControlled","_React$useState25","_React$useState26","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","isDropdownOpenRef","_useControllableState","useControllableState","defaultValue","onChange","isOpenControlledValue","current","_useControllableState2","isDropdownOpen","setIsDropdownOpen","setIsOpen","isOpenValue","close","useCallback","Children","map","child","isValidElement","_getComponentId","includes","getComponentId","throwBladeError","message","concat","join","moduleName","isValidAllowedChildren","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","_objectSpread","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/web/development/components/Dropdown/DropdownOverlay.web.js

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default from 'react';
-import { useFloating, offset, flip, size as size$1, autoUpdate, useTransitionStyles } from '@floating-ui/react';
+import { useFloating, offset, flip, size as size$1, autoUpdate, useDismiss, useInteractions, useTransitionStyles, FloatingPortal } from '@floating-ui/react';
 import { useDropdown } from './useDropdown.js';
 import { StyledDropdownOverlay } from './StyledDropdownOverlay.js';
 import { dropdownComponentIds } from './dropdownComponentIds.js';
@@ -84,6 +84,9 @@ var _DropdownOverlay = function _DropdownOverlay(_ref) {
     refs = _useFloating.refs,
     floatingStyles = _useFloating.floatingStyles,
     context = _useFloating.context;
+  var dismiss = useDismiss(context);
+  var _useInteractions = useInteractions([dismiss]),
+    getFloatingProps = _useInteractions.getFloatingProps;
   var _useTransitionStyles = useTransitionStyles(context, {
       duration: theme.motion.duration.quick,
       initial: function initial() {
@@ -103,23 +106,26 @@ var _DropdownOverlay = function _DropdownOverlay(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isOpen]);
-  return /*#__PURE__*/jsx(BaseBox
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  , {
-    ref: refs.setFloating,
-    style: floatingStyles,
-    zIndex: zIndex,
-    display: isMounted ? 'flex' : 'none',
-    children: /*#__PURE__*/jsx(StyledDropdownOverlay, _objectSpread(_objectSpread({
-      isInBottomSheet: bottomSheetAndDropdownGlue === null || bottomSheetAndDropdownGlue === void 0 ? void 0 : bottomSheetAndDropdownGlue.dropdownHasBottomSheet,
-      elevation: bottomSheetAndDropdownGlue !== null && bottomSheetAndDropdownGlue !== void 0 && bottomSheetAndDropdownGlue.dropdownHasBottomSheet ? undefined : 'midRaised',
-      style: _objectSpread({}, styles),
-      width: width ? width : '100%'
-    }, metaAttribute({
-      name: MetaConstants.DropdownOverlay,
-      testID: testID
-    })), {}, {
-      children: children
+  return /*#__PURE__*/jsx(FloatingPortal, {
+    children: /*#__PURE__*/jsx(BaseBox
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    , _objectSpread(_objectSpread({
+      ref: refs.setFloating,
+      style: floatingStyles,
+      zIndex: zIndex,
+      display: isMounted ? 'flex' : 'none'
+    }, getFloatingProps()), {}, {
+      children: /*#__PURE__*/jsx(StyledDropdownOverlay, _objectSpread(_objectSpread({
+        isInBottomSheet: bottomSheetAndDropdownGlue === null || bottomSheetAndDropdownGlue === void 0 ? void 0 : bottomSheetAndDropdownGlue.dropdownHasBottomSheet,
+        elevation: bottomSheetAndDropdownGlue !== null && bottomSheetAndDropdownGlue !== void 0 && bottomSheetAndDropdownGlue.dropdownHasBottomSheet ? undefined : 'midRaised',
+        style: _objectSpread({}, styles),
+        width: width ? width : '100%'
+      }, metaAttribute({
+        name: MetaConstants.DropdownOverlay,
+        testID: testID
+      })), {}, {
+        children: children
+      }))
     }))
   });
 };

package/build/lib/web/development/components/Dropdown/DropdownOverlay.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownOverlay.web.js","sources":["../../../../../../src/components/Dropdown/DropdownOverlay.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  autoUpdate,\n  offset,\n  size as sizeMiddleware,\n  useFloating,\n  useTransitionStyles,\n  flip,\n} from '@floating-ui/react';\nimport { useDropdown } from './useDropdown';\nimport { StyledDropdownOverlay } from './StyledDropdownOverlay';\nimport type { DropdownOverlayProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useTheme } from '~components/BladeProvider';\n// Reading directly because its not possible to get theme object on top level to be used in keyframes\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useBottomSheetAndDropdownGlue } from '~components/BottomSheet/BottomSheetContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst OVERLAY_OFFSET: number = size['8'];\nconst OVERLAY_PADDING: number = size['12']; // doesn't have to be exact. Just rough padding for floating ui to decide to show overlay on top or bottom\n\n/**\n * Overlay of dropdown\n *\n * Wrap your ActionList within this component\n */\nconst _DropdownOverlay = ({\n  children,\n  testID,\n  zIndex = componentZIndices.dropdownOverlay,\n  width,\n  referenceRef,\n  defaultPlacement = 'bottom-start',\n}: DropdownOverlayProps): React.ReactElement | null => {\n  const { isOpen, triggererRef, triggererWrapperRef, dropdownTriggerer, setIsOpen } = useDropdown();\n  const { theme } = useTheme();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n\n  const isMenu =\n    dropdownTriggerer !== dropdownComponentIds.triggers.SelectInput &&\n    dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete &&\n    referenceRef == undefined;\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    strategy: 'fixed',\n    placement: defaultPlacement,\n    elements: {\n      // Input triggers have their ref on internal input element but we want width height of overall visible input hence wrapperRef is needed\n      // We fallback to use `triggererRef` for triggers like button and link where wrapper is not needed\n      // Checkout: https://github.com/razorpay/blade/pull/1559#discussion_r1305438920\n      reference: (referenceRef?.current ??\n        triggererWrapperRef.current ??\n        triggererRef.current) as Element,\n    },\n    middleware: [\n      offset({\n        mainAxis: OVERLAY_OFFSET,\n      }),\n      flip({\n        padding: OVERLAY_OFFSET + OVERLAY_PADDING,\n      }),\n      sizeMiddleware({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            // in menu, we have flexible width between min and max\n            // in input triggers, we just take width of trigger\n            width: isMenu ? undefined : makeSize(rects.reference.width),\n            minWidth: isMenu ? makeSize(size['240']) : undefined,\n            maxWidth: isMenu ? makeSize(size['400']) : undefined,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: theme.motion.duration.quick,\n    initial: () => ({\n      transform: `translateY(-${makeSize(size['8'])})`,\n      opacity: 0,\n    }),\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      // On Safari clicking on a non input element doesn't focuses it https://bugs.webkit.org/show_bug.cgi?id=22261\n      triggererRef.current?.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  return (\n    <BaseBox\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={refs.setFloating as any}\n      style={floatingStyles}\n      zIndex={zIndex}\n      display={isMounted ? 'flex' : 'none'}\n    >\n      <StyledDropdownOverlay\n        isInBottomSheet={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet}\n        elevation={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet ? undefined : 'midRaised'}\n        style={{ ...styles }}\n        width={width ? width : '100%'}\n        {...metaAttribute({ name: MetaConstants.DropdownOverlay, testID })}\n      >\n        {children}\n      </StyledDropdownOverlay>\n    </BaseBox>\n  );\n};\n\nconst DropdownOverlay = assignWithoutSideEffects(_DropdownOverlay, {\n  componentId: dropdownComponentIds.DropdownOverlay,\n});\n\nexport { DropdownOverlay };\n"],"names":["OVERLAY_OFFSET","size","OVERLAY_PADDING","_DropdownOverlay","_ref","_ref2","_referenceRef$current","children","testID","_ref$zIndex","zIndex","componentZIndices","dropdownOverlay","width","referenceRef","_ref$defaultPlacement","defaultPlacement","_useDropdown","useDropdown","isOpen","triggererRef","triggererWrapperRef","dropdownTriggerer","setIsOpen","_useTheme","useTheme","theme","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","isMenu","dropdownComponentIds","triggers","SelectInput","AutoComplete","undefined","_useFloating","useFloating","open","onOpenChange","strategy","placement","elements","reference","current","middleware","offset","mainAxis","flip","padding","sizeMiddleware","apply","_ref3","rects","Object","assign","floating","style","makeSize","minWidth","maxWidth","whileElementsMounted","autoUpdate","refs","floatingStyles","context","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","transform","concat","opacity","isMounted","styles","React","useEffect","_triggererRef$current","focus","_jsx","BaseBox","ref","setFloating","display","StyledDropdownOverlay","_objectSpread","isInBottomSheet","dropdownHasBottomSheet","elevation","metaAttribute","name","MetaConstants","DropdownOverlay","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAMA,cAAsB,GAAGC,IAAI,CAAC,GAAG,CAAC,CAAA;AACxC,IAAMC,eAAuB,GAAGD,IAAI,CAAC,IAAI,CAAC,CAAC;;AAE3C;AACA;AACA;AACA;AACA;AACA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAOiC;EAAA,IAAAC,KAAA,EAAAC,qBAAA,CAAA;AAAA,EAAA,IANrDC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAAC,WAAA,GAAAL,IAAA,CACNM,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGE,iBAAiB,CAACC,eAAe,GAAAH,WAAA;IAC1CI,KAAK,GAAAT,IAAA,CAALS,KAAK;IACLC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IAAAC,qBAAA,GAAAX,IAAA,CACZY,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,cAAc,GAAAA,qBAAA,CAAA;AAEjC,EAAA,IAAAE,YAAA,GAAoFC,WAAW,EAAE;IAAzFC,MAAM,GAAAF,YAAA,CAANE,MAAM;IAAEC,YAAY,GAAAH,YAAA,CAAZG,YAAY;IAAEC,mBAAmB,GAAAJ,YAAA,CAAnBI,mBAAmB;IAAEC,iBAAiB,GAAAL,YAAA,CAAjBK,iBAAiB;IAAEC,SAAS,GAAAN,YAAA,CAATM,SAAS,CAAA;AAC/E,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AACb,EAAA,IAAMC,0BAA0B,GAAGC,6BAA6B,EAAE,CAAA;EAElE,IAAMC,MAAM,GACVP,iBAAiB,KAAKQ,oBAAoB,CAACC,QAAQ,CAACC,WAAW,IAC/DV,iBAAiB,KAAKQ,oBAAoB,CAACC,QAAQ,CAACE,YAAY,IAChEnB,YAAY,IAAIoB,SAAS,CAAA;EAE3B,IAAAC,YAAA,GAA0CC,WAAW,CAAC;AACpDC,MAAAA,IAAI,EAAElB,MAAM;AACZmB,MAAAA,YAAY,EAAEf,SAAS;AACvBgB,MAAAA,QAAQ,EAAE,OAAO;AACjBC,MAAAA,SAAS,EAAExB,gBAAgB;AAC3ByB,MAAAA,QAAQ,EAAE;AACR;AACA;AACA;QACAC,SAAS,EAAA,CAAArC,KAAA,GAAA,CAAAC,qBAAA,GAAGQ,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAE6B,OAAO,MAAA,IAAA,IAAArC,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAC/Be,mBAAmB,CAACsB,OAAO,MAAAtC,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAC3Be,YAAY,CAACuB,OAAAA;OAChB;MACDC,UAAU,EAAE,CACVC,MAAM,CAAC;AACLC,QAAAA,QAAQ,EAAE9C,cAAAA;OACX,CAAC,EACF+C,IAAI,CAAC;QACHC,OAAO,EAAEhD,cAAc,GAAGE,eAAAA;OAC3B,CAAC,EACF+C,MAAc,CAAC;QACbC,KAAK,EAAA,SAAAA,KAAAC,CAAAA,KAAA,EAAsB;AAAA,UAAA,IAAnBC,KAAK,GAAAD,KAAA,CAALC,KAAK;YAAEX,QAAQ,GAAAU,KAAA,CAARV,QAAQ,CAAA;UACrBY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACc,QAAQ,CAACC,KAAK,EAAE;AACrC;AACA;AACA3C,YAAAA,KAAK,EAAEgB,MAAM,GAAGK,SAAS,GAAGuB,QAAQ,CAACL,KAAK,CAACV,SAAS,CAAC7B,KAAK,CAAC;YAC3D6C,QAAQ,EAAE7B,MAAM,GAAG4B,QAAQ,CAACxD,IAAI,CAAC,KAAK,CAAC,CAAC,GAAGiC,SAAS;YACpDyB,QAAQ,EAAE9B,MAAM,GAAG4B,QAAQ,CAACxD,IAAI,CAAC,KAAK,CAAC,CAAC,GAAGiC,SAAAA;AAC7C,WAAC,CAAC,CAAA;AACJ,SAAA;AACF,OAAC,CAAC,CACH;AACD0B,MAAAA,oBAAoB,EAAEC,UAAAA;AACxB,KAAC,CAAC;IAjCMC,IAAI,GAAA3B,YAAA,CAAJ2B,IAAI;IAAEC,cAAc,GAAA5B,YAAA,CAAd4B,cAAc;IAAEC,OAAO,GAAA7B,YAAA,CAAP6B,OAAO,CAAA;AAmCrC,EAAA,IAAAC,oBAAA,GAA8BC,mBAAmB,CAACF,OAAO,EAAE;AACzDG,MAAAA,QAAQ,EAAEzC,KAAK,CAAC0C,MAAM,CAACD,QAAQ,CAACE,KAAK;MACrCC,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAO;UACdC,SAAS,EAAA,cAAA,CAAAC,MAAA,CAAiBf,QAAQ,CAACxD,IAAI,CAAC,GAAG,CAAC,CAAC,EAAG,GAAA,CAAA;AAChDwE,UAAAA,OAAO,EAAE,CAAA;SACV,CAAA;AAAA,OAAA;AACH,KAAC,CAAC;IANMC,SAAS,GAAAT,oBAAA,CAATS,SAAS;IAAEC,MAAM,GAAAV,oBAAA,CAANU,MAAM,CAAA;EAQzBC,cAAK,CAACC,SAAS,CAAC,YAAM;AACpB,IAAA,IAAI1D,MAAM,EAAE;AAAA,MAAA,IAAA2D,qBAAA,CAAA;AACV;AACA,MAAA,CAAAA,qBAAA,GAAA1D,YAAY,CAACuB,OAAO,MAAA,IAAA,IAAAmC,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,qBAAA,CAAsBC,KAAK,EAAE,CAAA;AAC/B,KAAA;AACA;AACF,GAAC,EAAE,CAAC5D,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,oBACE6D,GAAA,CAACC,OAAAA;AACC;AAAA,IAAA;IACAC,GAAG,EAAEpB,IAAI,CAACqB,WAAmB;AAC7B3B,IAAAA,KAAK,EAAEO,cAAe;AACtBrD,IAAAA,MAAM,EAAEA,MAAO;AACf0E,IAAAA,OAAO,EAAEV,SAAS,GAAG,MAAM,GAAG,MAAO;AAAAnE,IAAAA,QAAA,eAErCyE,GAAA,CAACK,qBAAqB,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACpBC,MAAAA,eAAe,EAAE5D,0BAA0B,KAAA,IAAA,IAA1BA,0BAA0B,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,0BAA0B,CAAE6D,sBAAuB;MACpEC,SAAS,EAAE9D,0BAA0B,KAAA,IAAA,IAA1BA,0BAA0B,KAAA,KAAA,CAAA,IAA1BA,0BAA0B,CAAE6D,sBAAsB,GAAGtD,SAAS,GAAG,WAAY;AACxFsB,MAAAA,KAAK,EAAA8B,aAAA,CAAOX,EAAAA,EAAAA,MAAM,CAAG;AACrB9D,MAAAA,KAAK,EAAEA,KAAK,GAAGA,KAAK,GAAG,MAAA;AAAO,KAAA,EAC1B6E,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAACC,eAAe;AAAErF,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,EAEjEA,QAAAA;KACoB,CAAA,CAAA;AAAC,GACjB,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMsF,eAAe,gBAAGC,wBAAwB,CAAC3F,gBAAgB,EAAE;EACjE4F,WAAW,EAAEjE,oBAAoB,CAAC+D,eAAAA;AACpC,CAAC;;;;"}
+{"version":3,"file":"DropdownOverlay.web.js","sources":["../../../../../../src/components/Dropdown/DropdownOverlay.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  autoUpdate,\n  offset,\n  size as sizeMiddleware,\n  useFloating,\n  useTransitionStyles,\n  flip,\n  FloatingPortal,\n  useDismiss,\n  useInteractions,\n} from '@floating-ui/react';\nimport { useDropdown } from './useDropdown';\nimport { StyledDropdownOverlay } from './StyledDropdownOverlay';\nimport type { DropdownOverlayProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useTheme } from '~components/BladeProvider';\n// Reading directly because its not possible to get theme object on top level to be used in keyframes\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useBottomSheetAndDropdownGlue } from '~components/BottomSheet/BottomSheetContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst OVERLAY_OFFSET: number = size['8'];\nconst OVERLAY_PADDING: number = size['12']; // doesn't have to be exact. Just rough padding for floating ui to decide to show overlay on top or bottom\n\n/**\n * Overlay of dropdown\n *\n * Wrap your ActionList within this component\n */\nconst _DropdownOverlay = ({\n  children,\n  testID,\n  zIndex = componentZIndices.dropdownOverlay,\n  width,\n  referenceRef,\n  defaultPlacement = 'bottom-start',\n}: DropdownOverlayProps): React.ReactElement | null => {\n  const { isOpen, triggererRef, triggererWrapperRef, dropdownTriggerer, setIsOpen } = useDropdown();\n  const { theme } = useTheme();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n\n  const isMenu =\n    dropdownTriggerer !== dropdownComponentIds.triggers.SelectInput &&\n    dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete &&\n    referenceRef == undefined;\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    strategy: 'fixed',\n    placement: defaultPlacement,\n    elements: {\n      // Input triggers have their ref on internal input element but we want width height of overall visible input hence wrapperRef is needed\n      // We fallback to use `triggererRef` for triggers like button and link where wrapper is not needed\n      // Checkout: https://github.com/razorpay/blade/pull/1559#discussion_r1305438920\n      reference: (referenceRef?.current ??\n        triggererWrapperRef.current ??\n        triggererRef.current) as Element,\n    },\n    middleware: [\n      offset({\n        mainAxis: OVERLAY_OFFSET,\n      }),\n      flip({\n        padding: OVERLAY_OFFSET + OVERLAY_PADDING,\n      }),\n      sizeMiddleware({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            // in menu, we have flexible width between min and max\n            // in input triggers, we just take width of trigger\n            width: isMenu ? undefined : makeSize(rects.reference.width),\n            minWidth: isMenu ? makeSize(size['240']) : undefined,\n            maxWidth: isMenu ? makeSize(size['400']) : undefined,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context);\n  const { getFloatingProps } = useInteractions([dismiss]);\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: theme.motion.duration.quick,\n    initial: () => ({\n      transform: `translateY(-${makeSize(size['8'])})`,\n      opacity: 0,\n    }),\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      // On Safari clicking on a non input element doesn't focuses it https://bugs.webkit.org/show_bug.cgi?id=22261\n      triggererRef.current?.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  return (\n    <FloatingPortal>\n      <BaseBox\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ref={refs.setFloating as any}\n        style={floatingStyles}\n        zIndex={zIndex}\n        display={isMounted ? 'flex' : 'none'}\n        {...getFloatingProps()}\n      >\n        <StyledDropdownOverlay\n          isInBottomSheet={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet}\n          elevation={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet ? undefined : 'midRaised'}\n          style={{ ...styles }}\n          width={width ? width : '100%'}\n          {...metaAttribute({ name: MetaConstants.DropdownOverlay, testID })}\n        >\n          {children}\n        </StyledDropdownOverlay>\n      </BaseBox>\n    </FloatingPortal>\n  );\n};\n\nconst DropdownOverlay = assignWithoutSideEffects(_DropdownOverlay, {\n  componentId: dropdownComponentIds.DropdownOverlay,\n});\n\nexport { DropdownOverlay };\n"],"names":["OVERLAY_OFFSET","size","OVERLAY_PADDING","_DropdownOverlay","_ref","_ref2","_referenceRef$current","children","testID","_ref$zIndex","zIndex","componentZIndices","dropdownOverlay","width","referenceRef","_ref$defaultPlacement","defaultPlacement","_useDropdown","useDropdown","isOpen","triggererRef","triggererWrapperRef","dropdownTriggerer","setIsOpen","_useTheme","useTheme","theme","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","isMenu","dropdownComponentIds","triggers","SelectInput","AutoComplete","undefined","_useFloating","useFloating","open","onOpenChange","strategy","placement","elements","reference","current","middleware","offset","mainAxis","flip","padding","sizeMiddleware","apply","_ref3","rects","Object","assign","floating","style","makeSize","minWidth","maxWidth","whileElementsMounted","autoUpdate","refs","floatingStyles","context","dismiss","useDismiss","_useInteractions","useInteractions","getFloatingProps","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","transform","concat","opacity","isMounted","styles","React","useEffect","_triggererRef$current","focus","_jsx","FloatingPortal","BaseBox","_objectSpread","ref","setFloating","display","StyledDropdownOverlay","isInBottomSheet","dropdownHasBottomSheet","elevation","metaAttribute","name","MetaConstants","DropdownOverlay","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/web/development/components/Table/Table.web.js

@@ -140,6 +140,10 @@ var _Table = function _Table(_ref3) {
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     paginationType = _React$useState8[0],
     setPaginationType = _React$useState8[1];
+  var _React$useState9 = React__default.useState(undefined),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    headerRowDensity = _React$useState10[0],
+    setHeaderRowDensity = _React$useState10[1];
   // Need to make header is sticky if first column is sticky otherwise the first header cell will not be sticky
   var shouldHeaderBeSticky = isHeaderSticky !== null && isHeaderSticky !== void 0 ? isHeaderSticky : isFirstColumnSticky;
   var backgroundColor = tableBackgroundColor;
@@ -286,9 +290,11 @@ var _Table = function _Table(_ref3) {
       setDisabledRows: setDisabledRows,
       paginationType: paginationType,
       setPaginationType: setPaginationType,
-      backgroundColor: backgroundColor
+      backgroundColor: backgroundColor,
+      headerRowDensity: headerRowDensity,
+      setHeaderRowDensity: setHeaderRowDensity
     };
-  }, [selectionType, selectedRows, totalItems, toggleRowSelectionById, toggleAllRowsSelection, deselectAllRows, rowDensity, toggleSort, currentSortedState, setPaginationPage, setPaginationRowSize, currentPaginationState, showStripedRows, disabledRows, setDisabledRows, paginationType, setPaginationType, backgroundColor]);
+  }, [selectionType, selectedRows, totalItems, toggleRowSelectionById, toggleAllRowsSelection, deselectAllRows, rowDensity, toggleSort, currentSortedState, setPaginationPage, setPaginationRowSize, currentPaginationState, showStripedRows, disabledRows, setDisabledRows, paginationType, setPaginationType, backgroundColor, headerRowDensity, setHeaderRowDensity]);
   return /*#__PURE__*/jsx(TableContext.Provider, {
     value: tableContext,
     children: isLoading ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({