@razorpay/blade 12.98.1 → 12.111.0

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

@@ -1,11 +1,28 @@
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { Portal } from '@gorhom/portal';
+import { findNodeHandle, AccessibilityInfo } from 'react-native';
+import { AnimatedDrawerContainer } from './AnimatedDrawerContainer.native.js';
+import { drawerComponentIds } from './drawerComponentIds.js';
+import { DrawerContext } from './DrawerContext.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
+import { useDrawerStack, StackingContext } from './StackProvider.js';
+import '../../utils/metaAttribute/index.js';
+import { useId } from '../../utils/useId.js';
+import '../../utils/useVerifyAllowedChildren/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var Drawer=function Drawer(_props){throwBladeError({message:'Drawer is not yet implemented for native',moduleName:'Drawer'});return jsx(Text,{children:"Drawer Component is not available for Native mobile apps."});};
+var _excluded=["isOpen","onDismiss","onUnmount","zIndex","children","accessibilityLabel","showOverlay","initialFocusRef","isLazy","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Drawer/Drawer.native.tsx";var focusOnElement=function focusOnElement(element){if(!element)return;var reactTag=findNodeHandle(element);if(reactTag){AccessibilityInfo.setAccessibilityFocus(reactTag);}};var _Drawer=function _Drawer(_ref){var isOpen=_ref.isOpen,onDismiss=_ref.onDismiss,onUnmount=_ref.onUnmount,_ref$zIndex=_ref.zIndex,zIndex=_ref$zIndex===void 0?componentZIndices.drawer:_ref$zIndex,children=_ref.children,accessibilityLabel=_ref.accessibilityLabel,_ref$showOverlay=_ref.showOverlay,showOverlay=_ref$showOverlay===void 0?true:_ref$showOverlay,initialFocusRef=_ref.initialFocusRef,_ref$isLazy=_ref.isLazy,isLazy=_ref$isLazy===void 0?true:_ref$isLazy,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(zIndex),_React$useState2=_slicedToArray(_React$useState,2),zIndexState=_React$useState2[0],setZIndexState=_React$useState2[1];var closeButtonRef=React__default.useRef(null);useVerifyAllowedChildren({children:children,componentName:'Drawer',allowedComponents:[drawerComponentIds.DrawerHeader,drawerComponentIds.DrawerBody,drawerComponentIds.DrawerFooter]});var drawerId=useId('drawer');var _useDrawerStack=useDrawerStack(),drawerStack=_useDrawerStack.drawerStack,addToDrawerStack=_useDrawerStack.addToDrawerStack,removeFromDrawerStack=_useDrawerStack.removeFromDrawerStack;var _React$useState3=React__default.useState(isOpen||!isLazy),_React$useState4=_slicedToArray(_React$useState3,2),isMounted=_React$useState4[0],setIsMounted=_React$useState4[1];var isVisible=isOpen;var isExiting=isMounted&&!isOpen;var hasEverOpenedRef=React__default.useRef(isOpen);React__default.useEffect(function(){if(isOpen){hasEverOpenedRef.current=true;setIsMounted(true);}},[isOpen]);var wasMountedRef=React__default.useRef(false);React__default.useEffect(function(){wasMountedRef.current=isMounted;},[isMounted]);var handleExitComplete=React__default.useCallback(function(){if(wasMountedRef.current&&hasEverOpenedRef.current){onUnmount==null?void 0:onUnmount();}setIsMounted(false);},[onUnmount]);var _React$useMemo=React__default.useMemo(function(){var level=Object.keys(drawerStack).indexOf(drawerId)+1;return {stackingLevel:level,isFirstDrawerInStack:level===1&&Object.keys(drawerStack).length>1};},[drawerId,drawerStack]),stackingLevel=_React$useMemo.stackingLevel,isFirstDrawerInStack=_React$useMemo.isFirstDrawerInStack;React__default.useEffect(function(){if(isOpen){var _ref2,_initialFocusRef$curr;addToDrawerStack({elementId:drawerId,onDismiss:onDismiss});focusOnElement((_ref2=(_initialFocusRef$curr=initialFocusRef==null?void 0:initialFocusRef.current)!=null?_initialFocusRef$curr:closeButtonRef.current)!=null?_ref2:null);}else {removeFromDrawerStack({elementId:drawerId});}},[isOpen]);React__default.useEffect(function(){setZIndexState(zIndex+stackingLevel);},[isMounted]);var contextValue=React__default.useMemo(function(){return {close:onDismiss,closeButtonRef:closeButtonRef,stackingLevel:stackingLevel,isExiting:isExiting};},[isExiting,onDismiss,stackingLevel]);var stackContextValue=React__default.useMemo(function(){return {drawerStack:drawerStack,addToDrawerStack:addToDrawerStack,removeFromDrawerStack:removeFromDrawerStack};},[drawerStack,addToDrawerStack,removeFromDrawerStack]);return isMounted||!isLazy?jsx(Portal,{hostName:"BladeBottomSheetPortal",children:jsx(StackingContext.Provider,{value:stackContextValue,children:jsx(DrawerContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({position:"absolute",top:"spacing.0",left:"spacing.0",right:"spacing.0",bottom:"spacing.0",zIndex:zIndexState,pointerEvents:isVisible?'auto':'none'},metaAttribute({name:MetaConstants.Drawer,testID:testID}),makeAnalyticsAttribute(rest),{children:jsx(AnimatedDrawerContainer,{isVisible:isVisible,showOverlay:showOverlay,onOverlayPress:onDismiss,onExitComplete:handleExitComplete,accessibilityLabel:accessibilityLabel,isFirstDrawerInStack:isFirstDrawerInStack,children:children})}))})})}):null;};var Drawer=assignWithoutSideEffects(_Drawer,{displayName:'Drawer',componentId:drawerComponentIds.Drawer});
 
 export { Drawer };
 //# sourceMappingURL=Drawer.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.native.js","sources":["../../../../../src/components/Drawer/Drawer.native.tsx"],"sourcesContent":["import type { DrawerProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Drawer = (_props: DrawerProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Drawer is not yet implemented for native',\n    moduleName: 'Drawer',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Drawer };\n"],"names":["Drawer","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,MAAM,CAAG,SAATA,MAAMA,CAAIC,MAAmB,CAAyB,CAC1DC,eAAe,CAAC,CACdC,OAAO,CAAE,0CAA0C,CACnDC,UAAU,CAAE,QACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}
+{"version":3,"file":"Drawer.native.js","sources":["../../../../../src/components/Drawer/Drawer.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { Portal } from '@gorhom/portal';\nimport { AccessibilityInfo, findNodeHandle } from 'react-native';\nimport { AnimatedDrawerContainer } from './AnimatedDrawerContainer.native';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { useDrawerStack, StackingContext } from '~components/Drawer/StackProvider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst focusOnElement = (element: React.Component<any, any> | null): void => {\n  if (!element) return;\n  const reactTag = findNodeHandle(element);\n  if (reactTag) {\n    AccessibilityInfo.setAccessibilityFocus(reactTag);\n  }\n};\n\nconst _Drawer = ({\n  isOpen,\n  onDismiss,\n  onUnmount,\n  zIndex = componentZIndices.drawer,\n  children,\n  accessibilityLabel,\n  showOverlay = true,\n  initialFocusRef,\n  isLazy = true,\n  testID,\n  ...rest\n}: DrawerProps): React.ReactElement | null => {\n  const [zIndexState, setZIndexState] = React.useState<number>(zIndex);\n  const closeButtonRef = React.useRef(null);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Drawer',\n    allowedComponents: [\n      drawerComponentIds.DrawerHeader,\n      drawerComponentIds.DrawerBody,\n      drawerComponentIds.DrawerFooter,\n    ],\n  });\n\n  const drawerId = useId('drawer');\n  const { drawerStack, addToDrawerStack, removeFromDrawerStack } = useDrawerStack();\n\n  // Native presence handling: `use-presence` (web) relies on `document`, so we\n  // gate mount/unmount locally instead.\n  // - isMounted stays true through the exit animation, then flips false via onExitComplete.\n  // - isVisible mirrors isOpen and drives the reanimated slide/opacity.\n  // - isExiting is true while the drawer is animating out (mounted but not open).\n  const [isMounted, setIsMounted] = React.useState<boolean>(isOpen || !isLazy);\n  const isVisible = isOpen;\n  const isExiting = isMounted && !isOpen;\n  const hasEverOpenedRef = React.useRef(isOpen);\n\n  React.useEffect(() => {\n    if (isOpen) {\n      hasEverOpenedRef.current = true;\n      setIsMounted(true);\n    }\n  }, [isOpen]);\n\n  const wasMountedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    wasMountedRef.current = isMounted;\n  }, [isMounted]);\n\n  const handleExitComplete = React.useCallback(() => {\n    // Flip `isMounted` false so the Portal unmounts after the exit animation. Guard\n    // the `onUnmount` side-effect behind the previous-mounted flag so it only fires\n    // when the drawer had actually been opened and is now finishing its exit — never\n    // on the initial closed render.\n    //\n    // The onUnmount call is intentionally OUTSIDE the state updater to keep the\n    // updater pure (React StrictMode double-invokes updaters in development).\n    if (wasMountedRef.current && hasEverOpenedRef.current) {\n      onUnmount?.();\n    }\n    setIsMounted(false);\n  }, [onUnmount]);\n\n  const { stackingLevel, isFirstDrawerInStack } = React.useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    const level = Object.keys(drawerStack).indexOf(drawerId) + 1;\n    return {\n      stackingLevel: level,\n      isFirstDrawerInStack: level === 1 && Object.keys(drawerStack).length > 1,\n    };\n  }, [drawerId, drawerStack]);\n\n  React.useEffect(() => {\n    if (isOpen) {\n      addToDrawerStack({ elementId: drawerId, onDismiss });\n      // Move accessibility focus to the requested element (parity with web initialFocus)\n      focusOnElement(initialFocusRef?.current ?? closeButtonRef.current ?? null);\n    } else {\n      removeFromDrawerStack({ elementId: drawerId });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  // When z-index is not defined by user, we use default drawer z index and add stackingLevel to ensure\n  // new drawer that opens, always opens on top of previous one.\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    setZIndexState(zIndex + stackingLevel);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isMounted]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      close: onDismiss,\n      closeButtonRef,\n      stackingLevel,\n      isExiting,\n    }),\n    [isExiting, onDismiss, stackingLevel],\n  );\n\n  // `@gorhom/portal` teleports children into `PortalHost`, which lives OUTSIDE this\n  // component's React subtree. Teleported children therefore lose access to the\n  // contexts provided here. We re-provide both the DrawerStack context and the\n  // Drawer context INSIDE the Portal so DrawerHeader (rendered via the portal) can\n  // read the up-to-date `drawerStack`, `close`, and `stackingLevel`.\n  // (BottomSheet.native uses the same re-provide-inside-Portal workaround.)\n  const stackContextValue = React.useMemo(\n    () => ({\n      drawerStack,\n      addToDrawerStack,\n      removeFromDrawerStack,\n    }),\n    [drawerStack, addToDrawerStack, removeFromDrawerStack],\n  );\n\n  // `@gorhom/portal` teleports children into the host via an effect that runs when the\n  // `Portal` element itself mounts. The reliable, proven pattern (used by the working\n  // `Popover.native` / `Tooltip.native` against this same `BladeBottomSheetPortal` host)\n  // is to conditionally MOUNT the `Portal` while the drawer is present rather than keep\n  // it always mounted and flip a visibility prop. Mounting fresh on open guarantees:\n  // - the add-portal effect fires so the subtree actually teleports and renders, and\n  // - `AnimatedDrawerContainer` re-mounts with `isVisible = true`, so its shared values\n  //   initialize at the CLOSED / off-screen state (translateX = screenWidth, opacity 0)\n  //   and its mount effect animates them to the open state — producing the slide-in.\n  // Presence is driven by `isMounted`: set true on open, flipped false by\n  // `handleExitComplete` after the exit animation so the slide-out still plays before\n  // the Portal unmounts. `children` render whenever the drawer is mounted.\n  return isMounted || !isLazy ? (\n    <Portal hostName=\"BladeBottomSheetPortal\">\n      <StackingContext.Provider value={stackContextValue}>\n        <DrawerContext.Provider value={contextValue}>\n          <BaseBox\n            position=\"absolute\"\n            top=\"spacing.0\"\n            left=\"spacing.0\"\n            right=\"spacing.0\"\n            bottom=\"spacing.0\"\n            zIndex={zIndexState}\n            pointerEvents={isVisible ? 'auto' : 'none'}\n            {...metaAttribute({\n              name: MetaConstants.Drawer,\n              testID,\n            })}\n            {...makeAnalyticsAttribute(rest)}\n          >\n            <AnimatedDrawerContainer\n              isVisible={isVisible}\n              showOverlay={showOverlay}\n              onOverlayPress={onDismiss}\n              onExitComplete={handleExitComplete}\n              accessibilityLabel={accessibilityLabel}\n              isFirstDrawerInStack={isFirstDrawerInStack}\n            >\n              {children}\n            </AnimatedDrawerContainer>\n          </BaseBox>\n        </DrawerContext.Provider>\n      </StackingContext.Provider>\n    </Portal>\n  ) : null;\n};\n\n/**\n * ### Drawer Component\n *\n * A drawer is a panel that slides in mostly from right side of the screen over the existing content in the viewport.\n * It helps in providing additional details or context and can also be used to promote product features or new products.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n  const MyDrawer = () => {\n    const [showDrawer, setShowDrawer] = React.useState(false);\n    return (\n      <Box>\n        <Button onClick={() => setShowDrawer(true)}>Open Drawer</Button>\n        <Drawer\n          isOpen={showDrawer}\n          onDismiss={() => setShowDrawer(false)}\n        >\n          <DrawerHeader title=\"Announcements\" />\n          <DrawerBody>\n            <FTXAnnouncement />\n            <CatPictures />\n          </DrawerBody>\n        </Drawer>\n      </Box>\n    )\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-drawer Drawer Documentation}\n *\n *\n */\nconst Drawer = assignWithoutSideEffects(_Drawer, {\n  displayName: 'Drawer',\n  componentId: drawerComponentIds.Drawer,\n});\n\nexport { Drawer };\n"],"names":["focusOnElement","element","reactTag","findNodeHandle","AccessibilityInfo","setAccessibilityFocus","_Drawer","_ref","isOpen","onDismiss","onUnmount","_ref$zIndex","zIndex","componentZIndices","drawer","children","accessibilityLabel","_ref$showOverlay","showOverlay","initialFocusRef","_ref$isLazy","isLazy","testID","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","zIndexState","setZIndexState","closeButtonRef","useRef","useVerifyAllowedChildren","componentName","allowedComponents","drawerComponentIds","DrawerHeader","DrawerBody","DrawerFooter","drawerId","useId","_useDrawerStack","useDrawerStack","drawerStack","addToDrawerStack","removeFromDrawerStack","_React$useState3","_React$useState4","isMounted","setIsMounted","isVisible","isExiting","hasEverOpenedRef","useEffect","current","wasMountedRef","handleExitComplete","useCallback","_React$useMemo","useMemo","level","Object","keys","indexOf","stackingLevel","isFirstDrawerInStack","length","_ref2","_initialFocusRef$curr","elementId","contextValue","close","stackContextValue","_jsx","Portal","hostName","StackingContext","Provider","value","DrawerContext","BaseBox","assign","position","top","left","right","bottom","pointerEvents","metaAttribute","name","MetaConstants","Drawer","makeAnalyticsAttribute","AnimatedDrawerContainer","onOverlayPress","onExitComplete","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Drawer/DrawerContext.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+var DrawerContext=React__default.createContext({close:function close(){},isExiting:false});
+
+export { DrawerContext };
+//# sourceMappingURL=DrawerContext.js.map

package/build/lib/native/components/Drawer/DrawerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContext.js","sources":["../../../../../src/components/Drawer/DrawerContext.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\n\ntype DrawerContextType = {\n  close: () => void;\n  closeButtonRef?: React.MutableRefObject<any>;\n  stackingLevel?: number;\n  isExiting: boolean;\n};\n\nconst DrawerContext = React.createContext<DrawerContextType>({\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  close: () => {},\n  isExiting: false,\n});\n\nexport { DrawerContext };\n"],"names":["DrawerContext","React","createContext","close","isExiting"],"mappings":";;AAUM,IAAAA,aAAa,CAAGC,cAAK,CAACC,aAAa,CAAoB,CAE3DC,KAAK,CAAE,SAAPA,KAAKA,EAAQ,EAAE,CACfC,SAAS,CAAE,KACb,CAAC;;;;"}

package/build/lib/native/components/Drawer/DrawerSubcomponents.native.js

@@ -1,12 +1,24 @@
-import 'react';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx } from 'react/jsx-runtime';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { View, StyleSheet, ScrollView } from 'react-native';
+import Svg, { Defs, RadialGradient, Stop, Rect } from 'react-native-svg';
+import { drawerComponentIds } from './drawerComponentIds.js';
+import { DrawerContext } from './DrawerContext.js';
+import { useDrawerStack } from './StackProvider.js';
+import { BaseHeader } from '../BaseHeaderFooter/BaseHeader.js';
+import { BaseFooter } from '../BaseHeaderFooter/BaseFooter.js';
+import '../Box/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { useId } from '../../utils/useId.js';
+import '../../utils/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { Box } from '../Box/Box.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var DrawerHeader=function DrawerHeader(_props){throwBladeError({message:'DrawerHeader is not yet implemented for native',moduleName:'DrawerHeader'});return jsx(Text,{children:"Drawer Component is not available for Native mobile apps."});};var DrawerBody=function DrawerBody(_props){throwBladeError({message:'DrawerBody is not yet implemented for native',moduleName:'DrawerBody'});return jsx(Text,{children:"Drawer Component is not available for Native mobile apps."});};var DrawerFooter=function DrawerFooter(_props){throwBladeError({message:'DrawerFooter is not yet implemented for native',moduleName:'DrawerFooter'});return jsx(Text,{children:"Drawer Component is not available for Native mobile apps."});};
+var _excluded=["title","subtitle","leading","trailing","titleSuffix","children","color","showDivider"],_excluded2=["children","showDivider"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Drawer/DrawerSubcomponents.native.tsx";var DrawerHeaderGradient=function DrawerHeaderGradient(_ref){var color=_ref.color;var _useTheme=useTheme(),theme=_useTheme.theme;var uniqueId=useId('drawer-header-gradient');var subtleColor=theme.colors.feedback.background[color].subtle;var alphaMatch=subtleColor.match(/hsla?\([^)]*,\s*([\d.]+)\s*\)$/);var subtleAlpha=alphaMatch?Number(alphaMatch[1]):1;var opaqueColor=subtleColor.replace(/^hsla/,'hsl').replace(/,\s*[\d.]+\s*\)$/,')');var gradientId=`${uniqueId}-${color}`;return jsx(View,{style:StyleSheet.absoluteFill,pointerEvents:"none",children:jsxs(Svg,{width:"100%",height:"100%",children:[jsx(Defs,{children:jsxs(RadialGradient,{id:gradientId,cx:"50%",cy:"100%",rx:"150%",ry:"100%",children:[jsx(Stop,{offset:"0",stopColor:opaqueColor,stopOpacity:0}),jsx(Stop,{offset:"1",stopColor:opaqueColor,stopOpacity:subtleAlpha})]})}),jsx(Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${gradientId})`})]})});};var _DrawerHeader=function _DrawerHeader(_ref2){var title=_ref2.title,subtitle=_ref2.subtitle,leading=_ref2.leading,trailing=_ref2.trailing,titleSuffix=_ref2.titleSuffix,children=_ref2.children,_ref2$color=_ref2.color,color=_ref2$color===void 0?'information':_ref2$color,_ref2$showDivider=_ref2.showDivider,showDivider=_ref2$showDivider===void 0?true:_ref2$showDivider,rest=_objectWithoutProperties(_ref2,_excluded);var _React$useContext=React__default.useContext(DrawerContext),close=_React$useContext.close,closeButtonRef=_React$useContext.closeButtonRef,stackingLevel=_React$useContext.stackingLevel,isExiting=_React$useContext.isExiting;var _useDrawerStack=useDrawerStack(),drawerStack=_useDrawerStack.drawerStack;var closeAllDrawers=function closeAllDrawers(){for(var onDismiss of Object.values(drawerStack)){onDismiss();}};var isStackedDrawer=stackingLevel&&stackingLevel>1;var isAtLeastOneDrawerOpen=Object.keys(drawerStack).length>0;var isDrawerExiting=isAtLeastOneDrawerOpen&&isExiting&&stackingLevel!==1;return jsxs(Box,{position:"relative",children:[jsx(DrawerHeaderGradient,{color:color}),jsx(BaseHeader,Object.assign({showBackButton:isStackedDrawer||isDrawerExiting,showCloseButton:true,closeButtonRef:closeButtonRef,onCloseButtonClick:function onCloseButtonClick(){return closeAllDrawers();},onBackButtonClick:function onBackButtonClick(){return close();},title:title,size:"xlarge",titleSuffix:titleSuffix,subtitle:subtitle,leading:leading,trailing:trailing,showDivider:showDivider},makeAnalyticsAttribute(rest),{children:children}))]});};var DrawerHeader=assignWithoutSideEffects(_DrawerHeader,{componentId:drawerComponentIds.DrawerHeader});var drawerPadding='spacing.6';var _DrawerBody=function _DrawerBody(_ref3){var children=_ref3.children;return jsx(Box,{flex:"1",children:jsx(ScrollView,{children:jsx(Box,{padding:drawerPadding,children:children})})});};var DrawerBody=assignWithoutSideEffects(_DrawerBody,{componentId:drawerComponentIds.DrawerBody});var _DrawerFooter=function _DrawerFooter(_ref4){var children=_ref4.children,_ref4$showDivider=_ref4.showDivider,showDivider=_ref4$showDivider===void 0?true:_ref4$showDivider,rest=_objectWithoutProperties(_ref4,_excluded2);return jsx(Box,Object.assign({},makeAnalyticsAttribute(rest),{children:jsx(BaseFooter,{showDivider:showDivider,children:children})}));};var DrawerFooter=assignWithoutSideEffects(_DrawerFooter,{componentId:drawerComponentIds.DrawerFooter});
 
-export { DrawerBody, DrawerFooter, DrawerHeader };
+export { DrawerBody, DrawerFooter, DrawerHeader, drawerPadding };
 //# sourceMappingURL=DrawerSubcomponents.native.js.map

package/build/lib/native/components/Drawer/DrawerSubcomponents.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerSubcomponents.native.js","sources":["../../../../../src/components/Drawer/DrawerSubcomponents.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { DrawerHeaderProps, DrawerFooterProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst DrawerHeader = (_props: DrawerHeaderProps): React.ReactElement => {\n  throwBladeError({\n    message: 'DrawerHeader is not yet implemented for native',\n    moduleName: 'DrawerHeader',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\n\nconst DrawerBody = (_props: { children: React.ReactNode }): React.ReactElement => {\n  throwBladeError({\n    message: 'DrawerBody is not yet implemented for native',\n    moduleName: 'DrawerBody',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\n\nconst DrawerFooter = (_props: DrawerFooterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'DrawerFooter is not yet implemented for native',\n    moduleName: 'DrawerFooter',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\n\nexport { DrawerHeader, DrawerBody, DrawerFooter };\n"],"names":["DrawerHeader","_props","throwBladeError","message","moduleName","_jsx","Text","children","DrawerBody","DrawerFooter"],"mappings":";;;;;;;;AAKM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAIC,MAAyB,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,cACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E,EAEM,IAAAC,UAAU,CAAG,SAAbA,UAAUA,CAAIP,MAAqC,CAAyB,CAChFC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E,EAEM,IAAAE,YAAY,CAAG,SAAfA,YAAYA,CAAIR,MAAyB,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,cACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}
+{"version":3,"file":"DrawerSubcomponents.native.js","sources":["../../../../../src/components/Drawer/DrawerSubcomponents.native.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView, StyleSheet, View } from 'react-native';\nimport Svg, { Defs, RadialGradient, Stop, Rect } from 'react-native-svg';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerHeaderProps, DrawerFooterProps } from './types';\nimport { useDrawerStack } from './StackProvider';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~utils';\n\n/**\n * Replicates the web DrawerHeader's radial-gradient background on native.\n *\n * Web uses a CSS `radial-gradient(150% 100% at 50% 100%, transparent 0%, subtle 100%)`\n * driven by the `color` prop. React Native has no CSS radial-gradient, so we draw an\n * equivalent gradient with react-native-svg using the same status-driven feedback token.\n */\nconst DrawerHeaderGradient = ({\n  color,\n}: {\n  color: NonNullable<DrawerHeaderProps['color']>;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const uniqueId = useId('drawer-header-gradient');\n  // Web's `feedback.background[color].subtle` token is a low-opacity hsla() (e.g. 0.18 alpha).\n  // Web applies it as the far stop of a radial-gradient that fades from `transparent`, so the\n  // visible tint never exceeds that alpha (hence it looks very light). react-native-svg's <Stop>\n  // does not honor the alpha channel embedded in a color string, so we split the token into its\n  // opaque hue + explicit `stopOpacity` to reproduce web's light tint exactly (no magic values).\n  const subtleColor = theme.colors.feedback.background[color].subtle;\n  const alphaMatch = subtleColor.match(/hsla?\\([^)]*,\\s*([\\d.]+)\\s*\\)$/);\n  const subtleAlpha = alphaMatch ? Number(alphaMatch[1]) : 1;\n  const opaqueColor = subtleColor.replace(/^hsla/, 'hsl').replace(/,\\s*[\\d.]+\\s*\\)$/, ')');\n  const gradientId = `${uniqueId}-${color}`;\n\n  return (\n    <View style={StyleSheet.absoluteFill} pointerEvents=\"none\">\n      <Svg width=\"100%\" height=\"100%\">\n        <Defs>\n          <RadialGradient id={gradientId} cx=\"50%\" cy=\"100%\" rx=\"150%\" ry=\"100%\">\n            <Stop offset=\"0\" stopColor={opaqueColor} stopOpacity={0} />\n            <Stop offset=\"1\" stopColor={opaqueColor} stopOpacity={subtleAlpha} />\n          </RadialGradient>\n        </Defs>\n        <Rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill={`url(#${gradientId})`} />\n      </Svg>\n    </View>\n  );\n};\n\nconst _DrawerHeader = ({\n  title,\n  subtitle,\n  leading,\n  trailing,\n  titleSuffix,\n  children,\n  // `color` drives the radial-gradient background on web. Native has no CSS\n  // radial-gradient, so we replicate it with an equivalent react-native-svg gradient\n  // (see DrawerHeaderGradient) using the same status-driven feedback token.\n  color = 'information',\n  showDivider = true,\n  ...rest\n}: DrawerHeaderProps): React.ReactElement => {\n  const { close, closeButtonRef, stackingLevel, isExiting } = React.useContext(DrawerContext);\n  const { drawerStack } = useDrawerStack();\n\n  const closeAllDrawers = (): void => {\n    for (const onDismiss of Object.values(drawerStack)) {\n      onDismiss();\n    }\n  };\n\n  const isStackedDrawer = stackingLevel && stackingLevel > 1;\n\n  const isAtLeastOneDrawerOpen = Object.keys(drawerStack).length > 0;\n\n  // This condition is to avoid back button disappear while stacked drawer is in the exiting transition\n  const isDrawerExiting = isAtLeastOneDrawerOpen && isExiting && stackingLevel !== 1;\n\n  return (\n    <Box position=\"relative\">\n      <DrawerHeaderGradient color={color} />\n      <BaseHeader\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n        showBackButton={isStackedDrawer || isDrawerExiting}\n        showCloseButton={true}\n        closeButtonRef={closeButtonRef}\n        onCloseButtonClick={() => closeAllDrawers()}\n        onBackButtonClick={() => close()}\n        title={title}\n        size=\"xlarge\"\n        titleSuffix={titleSuffix}\n        subtitle={subtitle}\n        leading={leading}\n        trailing={trailing}\n        showDivider={showDivider}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {children}\n      </BaseHeader>\n    </Box>\n  );\n};\n\n/**\n * #### Usage\n *\n * ```jsx\n * <DrawerHeader\n *  title=\"Announcements\"\n *  subtitle=\"Checkout what's new in Razorpay\"\n *  titleSuffix={<DrawerHeaderBadge>New</DrawerHeaderBadge>}\n *  leading={<DrawerHeaderIcon icon={AnnouncementIcon} />}\n *  trailing={<Button icon={DownloadIcon} />}\n * />\n * ```\n *\n */\nconst DrawerHeader = assignWithoutSideEffects(_DrawerHeader, {\n  componentId: drawerComponentIds.DrawerHeader,\n});\n\nconst drawerPadding = 'spacing.6';\n\nconst _DrawerBody = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  return (\n    <Box flex=\"1\">\n      <ScrollView>\n        <Box padding={drawerPadding}>{children}</Box>\n      </ScrollView>\n    </Box>\n  );\n};\nconst DrawerBody = assignWithoutSideEffects(_DrawerBody, {\n  componentId: drawerComponentIds.DrawerBody,\n});\n\nconst _DrawerFooter = ({\n  children,\n  showDivider = true,\n  ...rest\n}: DrawerFooterProps): React.ReactElement => {\n  // Web uses position:'sticky'; native has no sticky positioning, so the footer\n  // renders at the end of the column flex container instead.\n  return (\n    <Box {...makeAnalyticsAttribute(rest)}>\n      <BaseFooter showDivider={showDivider}>{children}</BaseFooter>\n    </Box>\n  );\n};\n\n/**\n * #### Usage\n *\n * ```jsx\n * <DrawerFooter>\n *   <Button variant=\"primary\" isFullWidth>\n *     Continue\n *   </Button>\n * </DrawerFooter>\n * ```\n *\n */\nconst DrawerFooter = assignWithoutSideEffects(_DrawerFooter, {\n  componentId: drawerComponentIds.DrawerFooter,\n});\n\nexport { DrawerHeader, DrawerBody, DrawerFooter, drawerPadding };\n"],"names":["DrawerHeaderGradient","_ref","color","_useTheme","useTheme","theme","uniqueId","useId","subtleColor","colors","feedback","background","subtle","alphaMatch","match","subtleAlpha","Number","opaqueColor","replace","gradientId","_jsx","View","style","StyleSheet","absoluteFill","pointerEvents","children","_jsxs","Svg","width","height","Defs","RadialGradient","id","cx","cy","rx","ry","Stop","offset","stopColor","stopOpacity","Rect","x","y","fill","_DrawerHeader","_ref2","title","subtitle","leading","trailing","titleSuffix","_ref2$color","_ref2$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","_React$useContext","React","useContext","DrawerContext","close","closeButtonRef","stackingLevel","isExiting","_useDrawerStack","useDrawerStack","drawerStack","closeAllDrawers","onDismiss","Object","values","isStackedDrawer","isAtLeastOneDrawerOpen","keys","length","isDrawerExiting","Box","position","BaseHeader","assign","showBackButton","showCloseButton","onCloseButtonClick","onBackButtonClick","size","makeAnalyticsAttribute","DrawerHeader","assignWithoutSideEffects","componentId","drawerComponentIds","drawerPadding","_DrawerBody","_ref3","flex","ScrollView","padding","DrawerBody","_DrawerFooter","_ref4","_ref4$showDivider","_excluded2","BaseFooter","DrawerFooter"],"mappings":"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"}

package/build/lib/native/components/Drawer/StackProvider.js

@@ -0,0 +1,10 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Drawer/StackProvider.tsx";function _toPropertyKey(t){var i=_toPrimitive(t,"string");return "symbol"==typeof i?i:i+"";}function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return ("string"===r?String:Number)(t);}var StackingContext=React__default.createContext({drawerStack:{},addToDrawerStack:function addToDrawerStack(){},removeFromDrawerStack:function removeFromDrawerStack(){}});var useStacking=function useStacking(){var _React$useState=React__default.useState({}),_React$useState2=_slicedToArray(_React$useState,2),stack=_React$useState2[0],setStack=_React$useState2[1];var addToStack=function addToStack(_ref){var elementId=_ref.elementId,onDismiss=_ref.onDismiss;setStack(function(prevStack){if(prevStack[elementId]){return prevStack;}return Object.assign({},prevStack,_defineProperty({},elementId,onDismiss));});};var removeFromStack=function removeFromStack(_ref2){var elementId=_ref2.elementId;setStack(function(prevStack){var _=prevStack[elementId],newStack=_objectWithoutProperties(prevStack,[elementId].map(_toPropertyKey));return newStack;});};return [stack,addToStack,removeFromStack];};var DrawerStackProvider=function DrawerStackProvider(_ref3){var children=_ref3.children;var _useStacking=useStacking(),_useStacking2=_slicedToArray(_useStacking,3),drawerStack=_useStacking2[0],addToDrawerStack=_useStacking2[1],removeFromDrawerStack=_useStacking2[2];var contextValue=React__default.useMemo(function(){return {drawerStack:drawerStack,addToDrawerStack:addToDrawerStack,removeFromDrawerStack:removeFromDrawerStack};},[drawerStack]);return jsx(StackingContext.Provider,{value:contextValue,children:children});};var useDrawerStack=function useDrawerStack(){return React__default.useContext(StackingContext);};
+
+export { DrawerStackProvider, StackingContext, useDrawerStack };
+//# sourceMappingURL=StackProvider.js.map

package/build/lib/native/components/Drawer/StackProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackProvider.js","sources":["../../../../../src/components/Drawer/StackProvider.tsx"],"sourcesContent":["import React from 'react';\n\ntype AddToStackType = ({\n  elementId,\n  onDismiss,\n}: {\n  elementId: string;\n  onDismiss: () => void;\n}) => void;\n\ntype RemoveFromStackType = ({ elementId }: { elementId: string }) => void;\n\ntype GlobalStackStateType = {\n  drawerStack: Record<string, () => void>;\n  addToDrawerStack: AddToStackType;\n  removeFromDrawerStack: RemoveFromStackType;\n};\n\nconst StackingContext = React.createContext<GlobalStackStateType>({\n  drawerStack: {},\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  addToDrawerStack: () => {},\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  removeFromDrawerStack: () => {},\n});\n\nconst useStacking = (): [\n  GlobalStackStateType['drawerStack'],\n  AddToStackType,\n  RemoveFromStackType,\n] => {\n  const [stack, setStack] = React.useState<GlobalStackStateType['drawerStack']>({});\n\n  const addToStack: AddToStackType = ({ elementId, onDismiss }) => {\n    setStack((prevStack) => {\n      if (prevStack[elementId]) {\n        return prevStack;\n      }\n      return { ...prevStack, [elementId]: onDismiss };\n    });\n  };\n\n  const removeFromStack: RemoveFromStackType = ({ elementId }) => {\n    setStack((prevStack) => {\n      const { [elementId]: _, ...newStack } = prevStack;\n      return newStack;\n    });\n  };\n\n  return [stack, addToStack, removeFromStack];\n};\n\nconst DrawerStackProvider = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  const [drawerStack, addToDrawerStack, removeFromDrawerStack] = useStacking();\n\n  const contextValue = React.useMemo<GlobalStackStateType>(\n    () => ({\n      drawerStack,\n      addToDrawerStack,\n      removeFromDrawerStack,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [drawerStack],\n  );\n\n  return <StackingContext.Provider value={contextValue}>{children}</StackingContext.Provider>;\n};\n\nconst useDrawerStack = (): GlobalStackStateType => {\n  return React.useContext(StackingContext);\n};\n\nexport { DrawerStackProvider, useDrawerStack, StackingContext };\n"],"names":["this","StackingContext","React","createContext","drawerStack","addToDrawerStack","removeFromDrawerStack","useStacking","_React$useState","useState","_React$useState2","_slicedToArray","stack","setStack","addToStack","_ref","elementId","onDismiss","prevStack","Object","assign","_defineProperty","removeFromStack","_ref2","_","newStack","_objectWithoutProperties","map","_toPropertyKey","DrawerStackProvider","_ref3","children","_useStacking","_useStacking2","contextValue","useMemo","_jsx","Provider","value","useDrawerStack","useContext"],"mappings":"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"}

package/build/lib/native/components/Drawer/drawerComponentIds.js

@@ -0,0 +1,4 @@
+var drawerComponentIds={DrawerHeader:'DrawerHeader',DrawerBody:'DrawerBody',DrawerFooter:'DrawerFooter',Drawer:'Drawer'};
+
+export { drawerComponentIds };
+//# sourceMappingURL=drawerComponentIds.js.map

package/build/lib/native/components/Drawer/drawerComponentIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerComponentIds.js","sources":["../../../../../src/components/Drawer/drawerComponentIds.ts"],"sourcesContent":["export const drawerComponentIds = {\n  DrawerHeader: 'DrawerHeader',\n  DrawerBody: 'DrawerBody',\n  DrawerFooter: 'DrawerFooter',\n  Drawer: 'Drawer',\n};\n"],"names":["drawerComponentIds","DrawerHeader","DrawerBody","DrawerFooter","Drawer"],"mappings":"AAAa,IAAAA,kBAAkB,CAAG,CAChCC,YAAY,CAAE,cAAc,CAC5BC,UAAU,CAAE,YAAY,CACxBC,YAAY,CAAE,cAAc,CAC5BC,MAAM,CAAE,QACV;;;;"}

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

@@ -0,0 +1,4 @@
+export { Drawer } from './Drawer.native.js';
+export { DrawerBody, DrawerFooter, DrawerHeader, drawerPadding } from './DrawerSubcomponents.native.js';
+import './types.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/lib/native/components/Drawer/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/build/lib/native/components/Drawer/types.js.map

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

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

@@ -6,23 +6,29 @@ import { dropdownComponentIds } from './dropdownComponentIds.js';
 import { useId } from '../../utils/useId.js';
 import { ComponentIds } from '../BottomSheet/componentIds.js';
 import { BottomSheetAndDropdownGlueContext } from '../BottomSheet/BottomSheetContext.js';
-import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
+import '../Box/styledProps/index.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/logger/index.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import { mergeRefs } from '../../utils/useMergeRefs.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { useButtonGroupContext } from '../ButtonGroup/ButtonGroupContext.js';
+import '../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { getComponentId, isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
-import '../BladeProvider/useTheme.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { getComponentId, isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { useControllableState } from '../../utils/useControllable.js';
-import { mergeRefs } from '../../utils/useMergeRefs.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx } from 'react/jsx-runtime';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["children","isOpen","onOpenChange","selectionType","testID","_width"];var validDropdownChildren=[dropdownComponentIds.BaseBox,dropdownComponentIds.triggers.SelectInput,dropdownComponentIds.triggers.SearchInput,dropdownComponentIds.triggers.DropdownButton,dropdownComponentIds.triggers.DropdownIconButton,dropdownComponentIds.triggers.DropdownLink,dropdownComponentIds.DropdownOverlay,dropdownComponentIds.triggers.AutoComplete,ComponentIds.BottomSheet,dropdownComponentIds.triggers.FilterChipSelectInput,dropdownComponentIds.triggers.InputDropdownButton];var _Dropdown=function _Dropdown(_ref,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,_width=_ref._width,rest=_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$useState0=_slicedToArray(_React$useState9,2),activeIndex=_React$useState0[0],setActiveIndex=_React$useState0[1];var _React$useState1=React__default.useState(-1),_React$useState10=_slicedToArray(_React$useState1,2),activeTagIndex=_React$useState10[0],setActiveTagIndex=_React$useState10[1];var _React$useState11=React__default.useState(false),_React$useState12=_slicedToArray(_React$useState11,2),shouldIgnoreBlurAnimation=_React$useState12[0],setShouldIgnoreBlurAnimation=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),hasFooterAction=_React$useState14[0],setHasFooterAction=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),hasAutoCompleteInHeader=_React$useState16[0],setHasAutoCompleteInHeader=_React$useState16[1];var _React$useState17=React__default.useState(false),_React$useState18=_slicedToArray(_React$useState17,2),isKeydownPressed=_React$useState18[0],setIsKeydownPressed=_React$useState18[1];var _React$useState19=React__default.useState(0),_React$useState20=_slicedToArray(_React$useState19,2),changeCallbackTriggerer=_React$useState20[0],setChangeCallbackTriggerer=_React$useState20[1];var _React$useState21=React__default.useState(false),_React$useState22=_slicedToArray(_React$useState21,2),isControlled=_React$useState22[0],setIsControlled=_React$useState22[1];var _React$useState23=React__default.useState(false),_React$useState24=_slicedToArray(_React$useState23,2),dropdownHasBottomSheet=_React$useState24[0],setDropdownHasBottomSheet=_React$useState24[1];var triggererWrapperRef=React__default.useRef(null);var triggererRef=React__default.useRef(null);var headerAutoCompleteRef=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.SearchInput)){dropdownTriggerer.current='SearchInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownButton)){dropdownTriggerer.current='DropdownButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownIconButton)){dropdownTriggerer.current='DropdownIconButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.AutoComplete)){dropdownTriggerer.current='AutoComplete';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.FilterChipSelectInput)){dropdownTriggerer.current='FilterChipSelectInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.InputDropdownButton)){dropdownTriggerer.current='InputDropdownButton';}}});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,headerAutoCompleteRef:headerAutoCompleteRef,triggererWrapperRef:triggererWrapperRef,actionListItemRef:actionListItemRef,selectionType:selectionType,hasFooterAction:hasFooterAction,setHasFooterAction:setHasFooterAction,hasAutoCompleteInHeader:hasAutoCompleteInHeader,setHasAutoCompleteInHeader:setHasAutoCompleteInHeader,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,hasAutoCompleteInHeader:hasAutoCompleteInHeader,setDropdownHasBottomSheet:setDropdownHasBottomSheet,onBottomSheetDismiss:close};},[dropdownHasBottomSheet,hasAutoCompleteInHeader,isDropdownOpen,close]);return jsx(BottomSheetAndDropdownGlueContext.Provider,{value:BottomSheetAndDropdownGlueContextValue,children:jsx(DropdownContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:mergeRefs(ref,dropdownContainerRef)},metaAttribute({name:MetaConstants.Dropdown,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{width:_width,children:jsx(BaseBox,{position:"relative",textAlign:'left',height:"100%",children:children})}))})});};var Dropdown=assignWithoutSideEffects(React__default.forwardRef(_Dropdown),{componentId:dropdownComponentIds.Dropdown});
+var _excluded=["children","isOpen","onOpenChange","selectionType","testID","_width"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Dropdown/Dropdown.tsx";var validDropdownChildren=[dropdownComponentIds.BaseBox,dropdownComponentIds.triggers.SelectInput,dropdownComponentIds.triggers.SearchInput,dropdownComponentIds.triggers.DropdownButton,dropdownComponentIds.triggers.DropdownIconButton,dropdownComponentIds.triggers.DropdownLink,dropdownComponentIds.DropdownOverlay,dropdownComponentIds.triggers.AutoComplete,ComponentIds.BottomSheet,dropdownComponentIds.triggers.FilterChipSelectInput,dropdownComponentIds.triggers.InputDropdownButton];var _Dropdown=function _Dropdown(_ref,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,_width=_ref._width,rest=_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$useState0=_slicedToArray(_React$useState9,2),activeIndex=_React$useState0[0],setActiveIndex=_React$useState0[1];var _React$useState1=React__default.useState(-1),_React$useState10=_slicedToArray(_React$useState1,2),activeTagIndex=_React$useState10[0],setActiveTagIndex=_React$useState10[1];var _React$useState11=React__default.useState(false),_React$useState12=_slicedToArray(_React$useState11,2),shouldIgnoreBlurAnimation=_React$useState12[0],setShouldIgnoreBlurAnimation=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),hasFooterAction=_React$useState14[0],setHasFooterAction=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),hasAutoCompleteInHeader=_React$useState16[0],setHasAutoCompleteInHeader=_React$useState16[1];var _React$useState17=React__default.useState(false),_React$useState18=_slicedToArray(_React$useState17,2),isKeydownPressed=_React$useState18[0],setIsKeydownPressed=_React$useState18[1];var _React$useState19=React__default.useState(0),_React$useState20=_slicedToArray(_React$useState19,2),changeCallbackTriggerer=_React$useState20[0],setChangeCallbackTriggerer=_React$useState20[1];var _React$useState21=React__default.useState(false),_React$useState22=_slicedToArray(_React$useState21,2),isControlled=_React$useState22[0],setIsControlled=_React$useState22[1];var _React$useState23=React__default.useState(false),_React$useState24=_slicedToArray(_React$useState23,2),dropdownHasBottomSheet=_React$useState24[0],setDropdownHasBottomSheet=_React$useState24[1];var triggererWrapperRef=React__default.useRef(null);var triggererRef=React__default.useRef(null);var headerAutoCompleteRef=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.SearchInput)){dropdownTriggerer.current='SearchInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownButton)){dropdownTriggerer.current='DropdownButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownIconButton)){dropdownTriggerer.current='DropdownIconButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.AutoComplete)){dropdownTriggerer.current='AutoComplete';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.FilterChipSelectInput)){dropdownTriggerer.current='FilterChipSelectInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.InputDropdownButton)){dropdownTriggerer.current='InputDropdownButton';}}});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,headerAutoCompleteRef:headerAutoCompleteRef,triggererWrapperRef:triggererWrapperRef,actionListItemRef:actionListItemRef,selectionType:selectionType,hasFooterAction:hasFooterAction,setHasFooterAction:setHasFooterAction,hasAutoCompleteInHeader:hasAutoCompleteInHeader,setHasAutoCompleteInHeader:setHasAutoCompleteInHeader,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,hasAutoCompleteInHeader:hasAutoCompleteInHeader,setDropdownHasBottomSheet:setDropdownHasBottomSheet,onBottomSheetDismiss:close};},[dropdownHasBottomSheet,hasAutoCompleteInHeader,isDropdownOpen,close]);var buttonGroupProps=useButtonGroupContext();var isInsideButtonGroup=Boolean(buttonGroupProps.isInsideButtonGroup);return jsx(BottomSheetAndDropdownGlueContext.Provider,{value:BottomSheetAndDropdownGlueContextValue,children:jsx(DropdownContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:mergeRefs(ref,dropdownContainerRef)},metaAttribute({name:MetaConstants.Dropdown,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{width:_width,children:jsx(BaseBox,Object.assign({position:"relative",textAlign:'left'},isReactNative()&&isInsideButtonGroup?{}:{height:'100%'},{children:children}))}))})});};var Dropdown=assignWithoutSideEffects(React__default.forwardRef(_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 { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { BladeElementRef, ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\nimport { mergeRefs } from '~utils/useMergeRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst validDropdownChildren = [\n  // TODO: Remove Box once CountrySelector's button sizing is fixed\n  dropdownComponentIds.BaseBox,\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.SearchInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownIconButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n  dropdownComponentIds.triggers.FilterChipSelectInput,\n  dropdownComponentIds.triggers.InputDropdownButton,\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  {\n    children,\n    isOpen: isOpenControlled,\n    onOpenChange,\n    selectionType = 'single',\n    testID,\n    _width,\n    ...rest\n  }: DropdownProps,\n  ref: React.Ref<BladeElementRef>,\n): 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 [hasAutoCompleteInHeader, setHasAutoCompleteInHeader] = 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 headerAutoCompleteRef = 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.SearchInput)) {\n        dropdownTriggerer.current = 'SearchInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownIconButton)) {\n        dropdownTriggerer.current = 'DropdownIconButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.FilterChipSelectInput)) {\n        dropdownTriggerer.current = 'FilterChipSelectInput';\n      }\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.InputDropdownButton)) {\n        dropdownTriggerer.current = 'InputDropdownButton';\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      headerAutoCompleteRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInHeader,\n      setHasAutoCompleteInHeader,\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      hasAutoCompleteInHeader,\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, hasAutoCompleteInHeader, 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={mergeRefs(ref, dropdownContainerRef as any)}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(rest)}\n          {...makeAnalyticsAttribute(rest)}\n          width={_width}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never} height=\"100%\">\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(React.forwardRef(_Dropdown), {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","BaseBox","triggers","SelectInput","SearchInput","DropdownButton","DropdownIconButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","FilterChipSelectInput","InputDropdownButton","_Dropdown","_ref","ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","_width","rest","_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$useState0","activeIndex","setActiveIndex","_React$useState1","_React$useState10","activeTagIndex","setActiveTagIndex","_React$useState11","_React$useState12","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState13","_React$useState14","hasFooterAction","setHasFooterAction","_React$useState15","_React$useState16","hasAutoCompleteInHeader","setHasAutoCompleteInHeader","_React$useState17","_React$useState18","isKeydownPressed","setIsKeydownPressed","_React$useState19","_React$useState20","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState21","_React$useState22","isControlled","setIsControlled","_React$useState23","_React$useState24","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","headerAutoCompleteRef","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","mergeRefs","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","makeAnalyticsAttribute","width","position","textAlign","height","assignWithoutSideEffects","forwardRef","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 { BladeElementRef, ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\nimport { mergeRefs } from '~utils/useMergeRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useButtonGroupContext } from '~components/ButtonGroup/ButtonGroupContext';\nimport { isReactNative } from '~utils';\n\nconst validDropdownChildren = [\n  // TODO: Remove Box once CountrySelector's button sizing is fixed\n  dropdownComponentIds.BaseBox,\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.SearchInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownIconButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n  dropdownComponentIds.triggers.FilterChipSelectInput,\n  dropdownComponentIds.triggers.InputDropdownButton,\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  {\n    children,\n    isOpen: isOpenControlled,\n    onOpenChange,\n    selectionType = 'single',\n    testID,\n    _width,\n    ...rest\n  }: DropdownProps,\n  ref: React.Ref<BladeElementRef>,\n): 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 [hasAutoCompleteInHeader, setHasAutoCompleteInHeader] = 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 headerAutoCompleteRef = 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.SearchInput)) {\n        dropdownTriggerer.current = 'SearchInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownIconButton)) {\n        dropdownTriggerer.current = 'DropdownIconButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.FilterChipSelectInput)) {\n        dropdownTriggerer.current = 'FilterChipSelectInput';\n      }\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.InputDropdownButton)) {\n        dropdownTriggerer.current = 'InputDropdownButton';\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      headerAutoCompleteRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInHeader,\n      setHasAutoCompleteInHeader,\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      hasAutoCompleteInHeader,\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, hasAutoCompleteInHeader, isDropdownOpen, close]);\n\n  // Inside ButtonGroup (split-button), `height: 100%` resolves against the\n  // Storybook/screen parent on React Native and stretches the whole group\n  // into a tall vertical strip. Keep content-sized height in that case.\n  const buttonGroupProps = useButtonGroupContext();\n  const isInsideButtonGroup = Boolean(buttonGroupProps.isInsideButtonGroup);\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={mergeRefs(ref, dropdownContainerRef as any)}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(rest)}\n          {...makeAnalyticsAttribute(rest)}\n          width={_width}\n        >\n          <BaseBox\n            position=\"relative\"\n            textAlign={'left' as never}\n            {...(isReactNative() && isInsideButtonGroup ? {} : { height: '100%' })}\n          >\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(React.forwardRef(_Dropdown), {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["this","validDropdownChildren","dropdownComponentIds","BaseBox","triggers","SelectInput","SearchInput","DropdownButton","DropdownIconButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","FilterChipSelectInput","InputDropdownButton","_Dropdown","_ref","ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","_width","rest","_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$useState0","activeIndex","setActiveIndex","_React$useState1","_React$useState10","activeTagIndex","setActiveTagIndex","_React$useState11","_React$useState12","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState13","_React$useState14","hasFooterAction","setHasFooterAction","_React$useState15","_React$useState16","hasAutoCompleteInHeader","setHasAutoCompleteInHeader","_React$useState17","_React$useState18","isKeydownPressed","setIsKeydownPressed","_React$useState19","_React$useState20","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState21","_React$useState22","isControlled","setIsControlled","_React$useState23","_React$useState24","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","headerAutoCompleteRef","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","buttonGroupProps","useButtonGroupContext","isInsideButtonGroup","Boolean","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","Object","assign","mergeRefs","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","makeAnalyticsAttribute","width","position","textAlign","isReactNative","height","assignWithoutSideEffects","forwardRef","componentId"],"mappings":"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"}

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

@@ -2,12 +2,14 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import 'react';
 import { useDropdown } from './useDropdown.js';
 import { dropdownComponentIds } from './dropdownComponentIds.js';
-import BaseButton from '../Button/BaseButton/BaseButton.js';
+import '../Button/BaseButton/index.js';
 import { getActionListContainerRole } from '../ActionList/getA11yRoles.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import '../../utils/assignWithoutSideEffects/index.js';
 import { jsx } from 'react/jsx-runtime';
+import BaseButton from '../Button/BaseButton/BaseButton.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["children","icon","iconPosition","isDisabled","isFullWidth","isLoading","onClick","onBlur","onKeyDown","size","type","variant","color","accessibilityLabel","testID"];var _DropdownButton=function _DropdownButton(_ref){var children=_ref.children,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?'left':_ref$iconPosition,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isFullWidth=_ref.isFullWidth,isFullWidth=_ref$isFullWidth===void 0?false:_ref$isFullWidth,_ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$type=_ref.type,type=_ref$type===void 0?'button':_ref$type,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'primary':_ref$variant,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,accessibilityLabel=_ref.accessibilityLabel,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),onTriggerClick=_useDropdown.onTriggerClick,onTriggerKeydown=_useDropdown.onTriggerKeydown,dropdownBaseId=_useDropdown.dropdownBaseId,isOpen=_useDropdown.isOpen,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,triggererRef=_useDropdown.triggererRef;return(jsx(BaseButton,Object.assign({},rest,icon?{icon:icon,children:children}:{children:children},{iconPosition:iconPosition,isDisabled:isDisabled,isFullWidth:isFullWidth,isLoading:isLoading,size:size,type:type,variant:variant,testID:testID,ref:triggererRef,color:color,accessibilityProps:{label:accessibilityLabel,hasPopup:getActionListContainerRole(hasFooterAction,'DropdownButton'),expanded:isOpen,controls:`${dropdownBaseId}-actionlist`,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined},onClick:function onClick(e){onTriggerClick();_onClick==null?void 0:_onClick(e);},onBlur:function onBlur(e){_onBlur==null?void 0:_onBlur(e);},onKeyDown:function onKeyDown(e){onTriggerKeydown==null?void 0:onTriggerKeydown({event:e});_onKeyDown==null?void 0:_onKeyDown(e);}})));};var DropdownButton=assignWithoutSideEffects(_DropdownButton,{componentId:dropdownComponentIds.triggers.DropdownButton});
+var _excluded=["children","icon","iconPosition","isDisabled","isFullWidth","isLoading","onClick","onBlur","onKeyDown","size","type","variant","color","accessibilityLabel","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Dropdown/DropdownButton.tsx";var _DropdownButton=function _DropdownButton(_ref){var children=_ref.children,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?'left':_ref$iconPosition,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isFullWidth=_ref.isFullWidth,isFullWidth=_ref$isFullWidth===void 0?false:_ref$isFullWidth,_ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$type=_ref.type,type=_ref$type===void 0?'button':_ref$type,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'primary':_ref$variant,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,accessibilityLabel=_ref.accessibilityLabel,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),onTriggerClick=_useDropdown.onTriggerClick,onTriggerKeydown=_useDropdown.onTriggerKeydown,dropdownBaseId=_useDropdown.dropdownBaseId,isOpen=_useDropdown.isOpen,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,triggererRef=_useDropdown.triggererRef;return(jsx(BaseButton,Object.assign({},rest,icon?{icon:icon,children:children}:{children:children},{iconPosition:iconPosition,isDisabled:isDisabled,isFullWidth:isFullWidth,isLoading:isLoading,size:size,type:type,variant:variant,testID:testID,ref:triggererRef,color:color,accessibilityProps:{label:accessibilityLabel,hasPopup:getActionListContainerRole(hasFooterAction,'DropdownButton'),expanded:isOpen,controls:`${dropdownBaseId}-actionlist`,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined},onClick:function onClick(e){onTriggerClick();_onClick==null?void 0:_onClick(e);},onBlur:function onBlur(e){_onBlur==null?void 0:_onBlur(e);},onKeyDown:function onKeyDown(e){onTriggerKeydown==null?void 0:onTriggerKeydown({event:e});_onKeyDown==null?void 0:_onKeyDown(e);}})));};var DropdownButton=assignWithoutSideEffects(_DropdownButton,{componentId:dropdownComponentIds.triggers.DropdownButton});
 
 export { DropdownButton };
 //# sourceMappingURL=DropdownButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.js","sources":["../../../../../src/components/Dropdown/DropdownButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport BaseButton from '~components/Button/BaseButton';\nimport type { ButtonProps } from '~components/Button';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype DropdownButtonProps = ButtonProps & {\n  onBlur?: BaseButtonProps['onBlur'];\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n};\n\nconst _DropdownButton = ({\n  children,\n  icon,\n  iconPosition = 'left',\n  isDisabled = false,\n  isFullWidth = false,\n  isLoading = false,\n  onClick,\n  onBlur,\n  onKeyDown,\n  size = 'medium',\n  type = 'button',\n  variant = 'primary',\n  color = 'primary',\n  accessibilityLabel,\n  testID,\n  ...rest\n}: DropdownButtonProps): React.ReactElement => {\n  const {\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n  } = useDropdown();\n\n  return (\n    // Using BaseButton here to avoid exporting onBlur and onKeyDown from Button\n    // If in future we decide to export onBlur and onKeyDown on Button, this can be replaced with Button\n    <BaseButton\n      {...rest}\n      {...(icon ? { icon, children } : { children })}\n      iconPosition={iconPosition}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      isLoading={isLoading}\n      size={size}\n      type={type}\n      variant={variant}\n      testID={testID}\n      ref={triggererRef as any}\n      color={color}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'DropdownButton'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      }}\n      onClick={(e) => {\n        onTriggerClick();\n        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n      }}\n      onBlur={(e) => {\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n      }}\n      onKeyDown={(e) => {\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n      }}\n    />\n  );\n};\n\nconst DropdownButton = assignWithoutSideEffects(_DropdownButton, {\n  componentId: dropdownComponentIds.triggers.DropdownButton,\n});\n\nexport { DropdownButton };\n"],"names":["_DropdownButton","_ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","_ref$isFullWidth","isFullWidth","_ref$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref$size","size","_ref$type","type","_ref$variant","variant","_ref$color","color","accessibilityLabel","testID","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","_jsx","BaseButton","Object","assign","ref","accessibilityProps","label","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","e","event","DropdownButton","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}
+{"version":3,"file":"DropdownButton.js","sources":["../../../../../src/components/Dropdown/DropdownButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport BaseButton from '~components/Button/BaseButton';\nimport type { ButtonProps } from '~components/Button';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype DropdownButtonProps = ButtonProps & {\n  onBlur?: BaseButtonProps['onBlur'];\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n};\n\nconst _DropdownButton = ({\n  children,\n  icon,\n  iconPosition = 'left',\n  isDisabled = false,\n  isFullWidth = false,\n  isLoading = false,\n  onClick,\n  onBlur,\n  onKeyDown,\n  size = 'medium',\n  type = 'button',\n  variant = 'primary',\n  color = 'primary',\n  accessibilityLabel,\n  testID,\n  ...rest\n}: DropdownButtonProps): React.ReactElement => {\n  const {\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n  } = useDropdown();\n\n  return (\n    // Using BaseButton here to avoid exporting onBlur and onKeyDown from Button\n    // If in future we decide to export onBlur and onKeyDown on Button, this can be replaced with Button\n    <BaseButton\n      {...rest}\n      {...(icon ? { icon, children } : { children })}\n      iconPosition={iconPosition}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      isLoading={isLoading}\n      size={size}\n      type={type}\n      variant={variant}\n      testID={testID}\n      ref={triggererRef as any}\n      color={color}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'DropdownButton'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      }}\n      onClick={(e) => {\n        onTriggerClick();\n        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n      }}\n      onBlur={(e) => {\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n      }}\n      onKeyDown={(e) => {\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n      }}\n    />\n  );\n};\n\nconst DropdownButton = assignWithoutSideEffects(_DropdownButton, {\n  componentId: dropdownComponentIds.triggers.DropdownButton,\n});\n\nexport { DropdownButton };\n"],"names":["_DropdownButton","_ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","_ref$isFullWidth","isFullWidth","_ref$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref$size","size","_ref$type","type","_ref$variant","variant","_ref$color","color","accessibilityLabel","testID","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","_jsx","BaseButton","Object","assign","ref","accessibilityProps","label","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","e","event","DropdownButton","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}

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

@@ -3,20 +3,20 @@ import React__default from 'react';
 import { useDropdown } from './useDropdown.js';
 import { BaseFooter } from '../BaseHeaderFooter/BaseFooter.js';
 import { BaseHeader } from '../BaseHeaderFooter/BaseHeader.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
-import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["title","subtitle","leading","titleSuffix","trailing","testID","children"];var _DropdownHeader=function _DropdownHeader(_ref){var title=_ref.title,subtitle=_ref.subtitle,leading=_ref.leading,titleSuffix=_ref.titleSuffix,trailing=_ref.trailing,testID=_ref.testID,children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),hasAutoCompleteInHeader=_useDropdown.hasAutoCompleteInHeader,setShouldIgnoreBlurAnimation=_useDropdown.setShouldIgnoreBlurAnimation;return jsx(BaseBox,Object.assign({flexShrink:0},isReactNative()?{}:{onMouseDown:function onMouseDown(e){if(!hasAutoCompleteInHeader){e.preventDefault();}else {setShouldIgnoreBlurAnimation(false);}}},{children:jsx(BaseHeader,Object.assign({title:title,subtitle:subtitle,leading:leading,trailing:trailing,titleSuffix:titleSuffix,metaComponentName:MetaConstants.DropdownHeader,testID:testID,showBackButton:false,showCloseButton:false},makeAnalyticsAttribute(rest),{children:children}))}));};var DropdownHeader=assignWithoutSideEffects(_DropdownHeader,{componentId:'DropdownHeader'});var _DropdownFooter=function _DropdownFooter(_ref2){var children=_ref2.children,testID=_ref2.testID;var _useDropdown2=useDropdown(),setHasFooterAction=_useDropdown2.setHasFooterAction,isOpen=_useDropdown2.isOpen;var footerRef=React__default.useRef(null);React__default.useEffect(function(){setHasFooterAction(true);},[]);return jsx(BaseBox,Object.assign({ref:footerRef},makeAccessible({role:isReactNative()?undefined:'group'}),{children:jsx(BaseFooter,{metaComponentName:MetaConstants.DropdownFooter,testID:testID,children:isOpen?children:null})}));};var DropdownFooter=assignWithoutSideEffects(_DropdownFooter,{componentId:'DropdownFooter'});
+var _excluded=["title","subtitle","leading","titleSuffix","trailing","testID","children"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Dropdown/DropdownHeaderFooter.tsx";var _DropdownHeader=function _DropdownHeader(_ref){var title=_ref.title,subtitle=_ref.subtitle,leading=_ref.leading,titleSuffix=_ref.titleSuffix,trailing=_ref.trailing,testID=_ref.testID,children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),hasAutoCompleteInHeader=_useDropdown.hasAutoCompleteInHeader,setShouldIgnoreBlurAnimation=_useDropdown.setShouldIgnoreBlurAnimation;return jsx(BaseBox,Object.assign({flexShrink:0},isReactNative()?{}:{onMouseDown:function onMouseDown(e){if(!hasAutoCompleteInHeader){e.preventDefault();}else {setShouldIgnoreBlurAnimation(false);}}},{children:jsx(BaseHeader,Object.assign({title:title,subtitle:subtitle,leading:leading,trailing:trailing,titleSuffix:titleSuffix,metaComponentName:MetaConstants.DropdownHeader,testID:testID,showBackButton:false,showCloseButton:false},makeAnalyticsAttribute(rest),{children:children}))}));};var DropdownHeader=assignWithoutSideEffects(_DropdownHeader,{componentId:'DropdownHeader'});var _DropdownFooter=function _DropdownFooter(_ref2){var children=_ref2.children,testID=_ref2.testID;var _useDropdown2=useDropdown(),setHasFooterAction=_useDropdown2.setHasFooterAction,isOpen=_useDropdown2.isOpen;var footerRef=React__default.useRef(null);React__default.useEffect(function(){setHasFooterAction(true);},[]);return jsx(BaseBox,Object.assign({ref:footerRef},makeAccessible({role:isReactNative()?undefined:'group'}),{children:jsx(BaseFooter,{metaComponentName:MetaConstants.DropdownFooter,testID:testID,children:isOpen?children:null})}));};var DropdownFooter=assignWithoutSideEffects(_DropdownFooter,{componentId:'DropdownFooter'});
 
 export { DropdownFooter, DropdownHeader };
 //# sourceMappingURL=DropdownHeaderFooter.js.map