@razorpay/blade 12.98.1 → 12.111.0

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownHeaderFooter.js","sources":["../../../../../src/components/Dropdown/DropdownHeaderFooter.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { useDropdown } from './useDropdown';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport type { BaseFooterProps } from '~components/BaseHeaderFooter/BaseFooter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { isReactNative } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { MetaConstants } from '~utils/metaAttribute/metaConstants';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype DropdownHeaderProps = Pick<\n  BaseHeaderProps,\n  | 'title'\n  | 'subtitle'\n  | 'leading'\n  | 'trailing'\n  | 'titleSuffix'\n  | 'testID'\n  | 'children'\n  | keyof DataAnalyticsAttribute\n>;\n\nconst _DropdownHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  testID,\n  children,\n  ...rest\n}: DropdownHeaderProps): React.ReactElement => {\n  const { hasAutoCompleteInHeader, setShouldIgnoreBlurAnimation } = useDropdown();\n\n  return (\n    <BaseBox\n      flexShrink={0}\n      {...(isReactNative()\n        ? {}\n        : {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            onMouseDown: (e: any) => {\n              // we don't want focus to ever move on header because its static element except when autocomplete is present\n              if (!hasAutoCompleteInHeader) {\n                e.preventDefault();\n              } else {\n                setShouldIgnoreBlurAnimation(false);\n              }\n            },\n          })}\n    >\n      <BaseHeader\n        title={title}\n        subtitle={subtitle}\n        leading={leading}\n        trailing={trailing}\n        titleSuffix={titleSuffix}\n        metaComponentName={MetaConstants.DropdownHeader}\n        testID={testID}\n        // back button\n        showBackButton={false}\n        // close button\n        showCloseButton={false}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {children}\n      </BaseHeader>\n    </BaseBox>\n  );\n};\n\nconst DropdownHeader = assignWithoutSideEffects(_DropdownHeader, {\n  componentId: 'DropdownHeader',\n});\n\ntype DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;\n\nconst _DropdownFooter = ({ children, testID }: DropdownFooter): React.ReactElement => {\n  const { setHasFooterAction, isOpen } = useDropdown();\n  const footerRef = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    setHasFooterAction(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <BaseBox\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={footerRef as any}\n      {...makeAccessible({\n        role: isReactNative() ? undefined : 'group',\n      })}\n    >\n      <BaseFooter metaComponentName={MetaConstants.DropdownFooter} testID={testID}>\n        {/* We don't want any of the interactive children to get focussed on TAB when dropdown is closed so we remove them from DOM itself */}\n        {isOpen ? children : null}\n      </BaseFooter>\n    </BaseBox>\n  );\n};\n\nconst DropdownFooter = assignWithoutSideEffects(_DropdownFooter, {\n  componentId: 'DropdownFooter',\n});\n\nexport { DropdownHeader, DropdownFooter };\n"],"names":["_DropdownHeader","_ref","title","subtitle","leading","titleSuffix","trailing","testID","children","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","hasAutoCompleteInHeader","setShouldIgnoreBlurAnimation","_jsx","BaseBox","Object","assign","flexShrink","isReactNative","onMouseDown","e","preventDefault","BaseHeader","metaComponentName","MetaConstants","DropdownHeader","showBackButton","showCloseButton","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","_DropdownFooter","_ref2","_useDropdown2","setHasFooterAction","isOpen","footerRef","React","useRef","useEffect","ref","makeAccessible","role","undefined","BaseFooter","DropdownFooter"],"mappings":";;;;;;;;;;;;;;;;;;0FA2BA,IAAMA,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CAS0B,KAR7CC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CACPC,WAAW,CAAAJ,IAAA,CAAXI,WAAW,CACXC,QAAQ,CAAAL,IAAA,CAARK,QAAQ,CACRC,MAAM,CAAAN,IAAA,CAANM,MAAM,CACNC,QAAQ,CAAAP,IAAA,CAARO,QAAQ,CACLC,IAAI,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,CAEP,CAAA,IAAAC,YAAA,CAAkEC,WAAW,EAAE,CAAvEC,uBAAuB,CAAAF,YAAA,CAAvBE,uBAAuB,CAAEC,4BAA4B,CAAAH,YAAA,CAA5BG,4BAA4B,CAE7D,OACEC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACNC,UAAU,CAAE,CAAE,EACTC,aAAa,EAAE,CAChB,EAAE,CACF,CAEEC,WAAW,CAAE,SAAbA,WAAWA,CAAGC,CAAM,CAAK,CAEvB,GAAI,CAACT,uBAAuB,CAAE,CAC5BS,CAAC,CAACC,cAAc,EAAE,CACpB,CAAC,KAAM,CACLT,4BAA4B,CAAC,KAAK,CAAC,CACrC,CACF,CACF,CAAC,CAAA,CAAAP,QAAA,CAELQ,GAAA,CAACS,UAAU,CAAAP,MAAA,CAAAC,MAAA,CACTjB,CAAAA,KAAK,CAAEA,KAAM,CACbC,QAAQ,CAAEA,QAAS,CACnBC,OAAO,CAAEA,OAAQ,CACjBE,QAAQ,CAAEA,QAAS,CACnBD,WAAW,CAAEA,WAAY,CACzBqB,iBAAiB,CAAEC,aAAa,CAACC,cAAe,CAChDrB,MAAM,CAAEA,MAAO,CAEfsB,cAAc,CAAE,KAAM,CAEtBC,eAAe,CAAE,KAAM,CACnBC,CAAAA,sBAAsB,CAACtB,IAAI,CAAC,CAAAD,CAAAA,QAAA,CAE/BA,QAAQ,CAAA,CACC,CAAC,CACN,CAAA,CAAC,CAEd,CAAC,CAEK,IAAAoB,cAAc,CAAGI,wBAAwB,CAAChC,eAAe,CAAE,CAC/DiC,WAAW,CAAE,gBACf,CAAC,EAID,IAAMC,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,KAAA,CAAiE,KAA3D3B,QAAQ,CAAA2B,KAAA,CAAR3B,QAAQ,CAAED,MAAM,CAAA4B,KAAA,CAAN5B,MAAM,CACzC,IAAA6B,aAAA,CAAuCvB,WAAW,EAAE,CAA5CwB,kBAAkB,CAAAD,aAAA,CAAlBC,kBAAkB,CAAEC,MAAM,CAAAF,aAAA,CAANE,MAAM,CAClC,IAAMC,SAAS,CAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAEpDD,cAAK,CAACE,SAAS,CAAC,UAAM,CACpBL,kBAAkB,CAAC,IAAI,CAAC,CAE1B,CAAC,CAAE,EAAE,CAAC,CAEN,OACErB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,EAENwB,GAAG,CAAEJ,SAAiB,CAClBK,CAAAA,cAAc,CAAC,CACjBC,IAAI,CAAExB,aAAa,EAAE,CAAGyB,SAAS,CAAG,OACtC,CAAC,CAAC,EAAAtC,QAAA,CAEFQ,GAAA,CAAC+B,UAAU,EAACrB,iBAAiB,CAAEC,aAAa,CAACqB,cAAe,CAACzC,MAAM,CAAEA,MAAO,CAAAC,QAAA,CAEzE8B,MAAM,CAAG9B,QAAQ,CAAG,IAAI,CACf,CAAC,CACN,CAAA,CAAC,CAEd,CAAC,CAEK,IAAAwC,cAAc,CAAGhB,wBAAwB,CAACE,eAAe,CAAE,CAC/DD,WAAW,CAAE,gBACf,CAAC;;;;"}
+{"version":3,"file":"DropdownHeaderFooter.js","sources":["../../../../../src/components/Dropdown/DropdownHeaderFooter.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { useDropdown } from './useDropdown';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport type { BaseFooterProps } from '~components/BaseHeaderFooter/BaseFooter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { isReactNative } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { MetaConstants } from '~utils/metaAttribute/metaConstants';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype DropdownHeaderProps = Pick<\n  BaseHeaderProps,\n  | 'title'\n  | 'subtitle'\n  | 'leading'\n  | 'trailing'\n  | 'titleSuffix'\n  | 'testID'\n  | 'children'\n  | keyof DataAnalyticsAttribute\n>;\n\nconst _DropdownHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  testID,\n  children,\n  ...rest\n}: DropdownHeaderProps): React.ReactElement => {\n  const { hasAutoCompleteInHeader, setShouldIgnoreBlurAnimation } = useDropdown();\n\n  return (\n    <BaseBox\n      flexShrink={0}\n      {...(isReactNative()\n        ? {}\n        : {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            onMouseDown: (e: any) => {\n              // we don't want focus to ever move on header because its static element except when autocomplete is present\n              if (!hasAutoCompleteInHeader) {\n                e.preventDefault();\n              } else {\n                setShouldIgnoreBlurAnimation(false);\n              }\n            },\n          })}\n    >\n      <BaseHeader\n        title={title}\n        subtitle={subtitle}\n        leading={leading}\n        trailing={trailing}\n        titleSuffix={titleSuffix}\n        metaComponentName={MetaConstants.DropdownHeader}\n        testID={testID}\n        // back button\n        showBackButton={false}\n        // close button\n        showCloseButton={false}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {children}\n      </BaseHeader>\n    </BaseBox>\n  );\n};\n\nconst DropdownHeader = assignWithoutSideEffects(_DropdownHeader, {\n  componentId: 'DropdownHeader',\n});\n\ntype DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;\n\nconst _DropdownFooter = ({ children, testID }: DropdownFooter): React.ReactElement => {\n  const { setHasFooterAction, isOpen } = useDropdown();\n  const footerRef = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    setHasFooterAction(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <BaseBox\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={footerRef as any}\n      {...makeAccessible({\n        role: isReactNative() ? undefined : 'group',\n      })}\n    >\n      <BaseFooter metaComponentName={MetaConstants.DropdownFooter} testID={testID}>\n        {/* We don't want any of the interactive children to get focussed on TAB when dropdown is closed so we remove them from DOM itself */}\n        {isOpen ? children : null}\n      </BaseFooter>\n    </BaseBox>\n  );\n};\n\nconst DropdownFooter = assignWithoutSideEffects(_DropdownFooter, {\n  componentId: 'DropdownFooter',\n});\n\nexport { DropdownHeader, DropdownFooter };\n"],"names":["_DropdownHeader","_ref","title","subtitle","leading","titleSuffix","trailing","testID","children","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","hasAutoCompleteInHeader","setShouldIgnoreBlurAnimation","_jsx","BaseBox","Object","assign","flexShrink","isReactNative","onMouseDown","e","preventDefault","BaseHeader","metaComponentName","MetaConstants","DropdownHeader","showBackButton","showCloseButton","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","_DropdownFooter","_ref2","_useDropdown2","setHasFooterAction","isOpen","footerRef","React","useRef","useEffect","ref","makeAccessible","role","undefined","BaseFooter","DropdownFooter"],"mappings":";;;;;;;;;;;;;;;;;;2NA2BA,IAAMA,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CAS0B,KAR7CC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CACPC,WAAW,CAAAJ,IAAA,CAAXI,WAAW,CACXC,QAAQ,CAAAL,IAAA,CAARK,QAAQ,CACRC,MAAM,CAAAN,IAAA,CAANM,MAAM,CACNC,QAAQ,CAAAP,IAAA,CAARO,QAAQ,CACLC,IAAI,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,CAEP,CAAA,IAAAC,YAAA,CAAkEC,WAAW,EAAE,CAAvEC,uBAAuB,CAAAF,YAAA,CAAvBE,uBAAuB,CAAEC,4BAA4B,CAAAH,YAAA,CAA5BG,4BAA4B,CAE7D,OACEC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACNC,UAAU,CAAE,CAAE,EACTC,aAAa,EAAE,CAChB,EAAE,CACF,CAEEC,WAAW,CAAE,SAAbA,WAAWA,CAAGC,CAAM,CAAK,CAEvB,GAAI,CAACT,uBAAuB,CAAE,CAC5BS,CAAC,CAACC,cAAc,EAAE,CACpB,CAAC,KAAM,CACLT,4BAA4B,CAAC,KAAK,CAAC,CACrC,CACF,CACF,CAAC,CAAA,CAAAP,QAAA,CAELQ,GAAA,CAACS,UAAU,CAAAP,MAAA,CAAAC,MAAA,CACTjB,CAAAA,KAAK,CAAEA,KAAM,CACbC,QAAQ,CAAEA,QAAS,CACnBC,OAAO,CAAEA,OAAQ,CACjBE,QAAQ,CAAEA,QAAS,CACnBD,WAAW,CAAEA,WAAY,CACzBqB,iBAAiB,CAAEC,aAAa,CAACC,cAAe,CAChDrB,MAAM,CAAEA,MAAO,CAEfsB,cAAc,CAAE,KAAM,CAEtBC,eAAe,CAAE,KAAM,CACnBC,CAAAA,sBAAsB,CAACtB,IAAI,CAAC,CAAAD,CAAAA,QAAA,CAE/BA,QAAQ,CAAA,CACC,CAAC,CACN,CAAA,CAAC,CAEd,CAAC,CAEK,IAAAoB,cAAc,CAAGI,wBAAwB,CAAChC,eAAe,CAAE,CAC/DiC,WAAW,CAAE,gBACf,CAAC,EAID,IAAMC,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,KAAA,CAAiE,KAA3D3B,QAAQ,CAAA2B,KAAA,CAAR3B,QAAQ,CAAED,MAAM,CAAA4B,KAAA,CAAN5B,MAAM,CACzC,IAAA6B,aAAA,CAAuCvB,WAAW,EAAE,CAA5CwB,kBAAkB,CAAAD,aAAA,CAAlBC,kBAAkB,CAAEC,MAAM,CAAAF,aAAA,CAANE,MAAM,CAClC,IAAMC,SAAS,CAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAEpDD,cAAK,CAACE,SAAS,CAAC,UAAM,CACpBL,kBAAkB,CAAC,IAAI,CAAC,CAE1B,CAAC,CAAE,EAAE,CAAC,CAEN,OACErB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,EAENwB,GAAG,CAAEJ,SAAiB,CAClBK,CAAAA,cAAc,CAAC,CACjBC,IAAI,CAAExB,aAAa,EAAE,CAAGyB,SAAS,CAAG,OACtC,CAAC,CAAC,EAAAtC,QAAA,CAEFQ,GAAA,CAAC+B,UAAU,EAACrB,iBAAiB,CAAEC,aAAa,CAACqB,cAAe,CAACzC,MAAM,CAAEA,MAAO,CAAAC,QAAA,CAEzE8B,MAAM,CAAG9B,QAAQ,CAAG,IAAI,CACf,CAAC,CACN,CAAA,CAAC,CAEd,CAAC,CAEK,IAAAwC,cAAc,CAAGhB,wBAAwB,CAACE,eAAe,CAAE,CAC/DD,WAAW,CAAE,gBACf,CAAC;;;;"}

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

@@ -3,11 +3,12 @@ import 'react';
 import { useDropdown } from './useDropdown.js';
 import { dropdownComponentIds } from './dropdownComponentIds.js';
 import { getActionListContainerRole } from '../ActionList/getA11yRoles.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import '../../utils/assignWithoutSideEffects/index.js';
 import StyledIconButton from '../Button/IconButton/StyledIconButton.native.js';
 import { jsx } from 'react/jsx-runtime';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["icon","isDisabled","onClick","onBlur","onKeyDown","size","accessibilityLabel","emphasis"];var _DropdownIconButton=function _DropdownIconButton(_ref){var icon=_ref.icon,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,accessibilityLabel=_ref.accessibilityLabel,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'intense':_ref$emphasis,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(StyledIconButton,Object.assign({},rest,{icon:icon,isDisabled:isDisabled,size:size,emphasis:emphasis,ref:triggererRef,accessibilityLabel:accessibilityLabel,accessibilityProps:{label:accessibilityLabel,hasPopup:getActionListContainerRole(hasFooterAction,'DropdownIconButton'),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 DropdownIconButton=assignWithoutSideEffects(_DropdownIconButton,{componentId:dropdownComponentIds.triggers.DropdownIconButton});
+var _excluded=["icon","isDisabled","onClick","onBlur","onKeyDown","size","accessibilityLabel","emphasis"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Dropdown/DropdownIconButton.tsx";var _DropdownIconButton=function _DropdownIconButton(_ref){var icon=_ref.icon,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,accessibilityLabel=_ref.accessibilityLabel,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'intense':_ref$emphasis,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(StyledIconButton,Object.assign({},rest,{icon:icon,isDisabled:isDisabled,size:size,emphasis:emphasis,ref:triggererRef,accessibilityLabel:accessibilityLabel,accessibilityProps:{label:accessibilityLabel,hasPopup:getActionListContainerRole(hasFooterAction,'DropdownIconButton'),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 DropdownIconButton=assignWithoutSideEffects(_DropdownIconButton,{componentId:dropdownComponentIds.triggers.DropdownIconButton});
 
 export { DropdownIconButton };
 //# sourceMappingURL=DropdownIconButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownIconButton.js","sources":["../../../../../src/components/Dropdown/DropdownIconButton.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 { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { IconButtonProps } from '~components/Button/IconButton';\nimport StyledIconButton from '~components/Button/IconButton/StyledIconButton';\n\ntype DropdownIconButtonProps = Omit<IconButtonProps, 'onClick'> & {\n  onBlur?: BaseButtonProps['onBlur'];\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n  onClick?: IconButtonProps['onClick'];\n};\n\nconst _DropdownIconButton = ({\n  icon,\n  isDisabled = false,\n  onClick,\n  onBlur,\n  onKeyDown,\n  size = 'medium',\n  accessibilityLabel,\n  emphasis = 'intense',\n  ...rest\n}: DropdownIconButtonProps): 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 StyledIconButton here to avoid exporting onKeydown, and accessibiltiyProps object\n    <StyledIconButton\n      {...rest}\n      icon={icon}\n      isDisabled={isDisabled}\n      size={size}\n      emphasis={emphasis}\n      ref={triggererRef as any}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'DropdownIconButton'),\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 DropdownIconButton = assignWithoutSideEffects(_DropdownIconButton, {\n  componentId: dropdownComponentIds.triggers.DropdownIconButton,\n});\n\nexport { DropdownIconButton };\n"],"names":["_DropdownIconButton","_ref","icon","_ref$isDisabled","isDisabled","onClick","onBlur","onKeyDown","_ref$size","size","accessibilityLabel","_ref$emphasis","emphasis","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","_jsx","StyledIconButton","Object","assign","ref","accessibilityProps","label","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","e","event","DropdownIconButton","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}
+{"version":3,"file":"DropdownIconButton.js","sources":["../../../../../src/components/Dropdown/DropdownIconButton.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 { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { IconButtonProps } from '~components/Button/IconButton';\nimport StyledIconButton from '~components/Button/IconButton/StyledIconButton';\n\ntype DropdownIconButtonProps = Omit<IconButtonProps, 'onClick'> & {\n  onBlur?: BaseButtonProps['onBlur'];\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n  onClick?: IconButtonProps['onClick'];\n};\n\nconst _DropdownIconButton = ({\n  icon,\n  isDisabled = false,\n  onClick,\n  onBlur,\n  onKeyDown,\n  size = 'medium',\n  accessibilityLabel,\n  emphasis = 'intense',\n  ...rest\n}: DropdownIconButtonProps): 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 StyledIconButton here to avoid exporting onKeydown, and accessibiltiyProps object\n    <StyledIconButton\n      {...rest}\n      icon={icon}\n      isDisabled={isDisabled}\n      size={size}\n      emphasis={emphasis}\n      ref={triggererRef as any}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'DropdownIconButton'),\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 DropdownIconButton = assignWithoutSideEffects(_DropdownIconButton, {\n  componentId: dropdownComponentIds.triggers.DropdownIconButton,\n});\n\nexport { DropdownIconButton };\n"],"names":["this","_DropdownIconButton","_ref","icon","_ref$isDisabled","isDisabled","onClick","onBlur","onKeyDown","_ref$size","size","accessibilityLabel","_ref$emphasis","emphasis","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","_jsx","StyledIconButton","Object","assign","ref","accessibilityProps","label","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","e","event","DropdownIconButton","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":";;;;;;;;;;AAGA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,YAAA,CAAA,SAAA,CAAA,QAAA,CAAA,WAAA,CAAA,MAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,6FAAA,CAeA,IAAMC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,CAU0B,CAAA,IATjDC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAAC,eAAA,CAAAF,IAAA,CACJG,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,eAAA,CAClBE,QAAO,CAAAJ,IAAA,CAAPI,OAAO,CACPC,OAAM,CAAAL,IAAA,CAANK,MAAM,CACNC,UAAS,CAAAN,IAAA,CAATM,SAAS,CAAAC,SAAA,CAAAP,IAAA,CACTQ,IAAI,CAAJA,IAAI,CAAAD,SAAA,UAAG,QAAQ,CAAAA,SAAA,CACfE,kBAAkB,CAAAT,IAAA,CAAlBS,kBAAkB,CAAAC,aAAA,CAAAV,IAAA,CAClBW,QAAQ,CAARA,QAAQ,CAAAD,aAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,aAAA,CACjBE,IAAI,CAAAC,wBAAA,CAAAb,IAAA,CAAAc,SAAA,CAEP,CAAA,IAAAC,YAAA,CAQIC,WAAW,EAAE,CAPfC,cAAc,CAAAF,YAAA,CAAdE,cAAc,CACdC,gBAAgB,CAAAH,YAAA,CAAhBG,gBAAgB,CAChBC,cAAc,CAAAJ,YAAA,CAAdI,cAAc,CACdC,MAAM,CAAAL,YAAA,CAANK,MAAM,CACNC,WAAW,CAAAN,YAAA,CAAXM,WAAW,CACXC,eAAe,CAAAP,YAAA,CAAfO,eAAe,CACfC,YAAY,CAAAR,YAAA,CAAZQ,YAAY,CAGd,OAEEC,GAAA,CAACC,gBAAgB,CAAAC,MAAA,CAAAC,MAAA,IACXf,IAAI,CAAA,CACRX,IAAI,CAAEA,IAAK,CACXE,UAAU,CAAEA,UAAW,CACvBK,IAAI,CAAEA,IAAK,CACXG,QAAQ,CAAEA,QAAS,CACnBiB,GAAG,CAAEL,YAAoB,CACzBd,kBAAkB,CAAEA,kBAAmB,CACvCoB,kBAAkB,CAAE,CAClBC,KAAK,CAAErB,kBAAkB,CACzBsB,QAAQ,CAAEC,0BAA0B,CAACV,eAAe,CAAE,oBAAoB,CAAC,CAC3EW,QAAQ,CAAEb,MAAM,CAChBc,QAAQ,CAAE,CAAA,EAAGf,cAAc,CAAa,WAAA,CAAA,CACxCgB,gBAAgB,CAAEd,WAAW,EAAI,CAAC,CAAG,CAAGF,EAAAA,cAAc,IAAIE,WAAW,CAAA,CAAE,CAAGe,SAC5E,CAAE,CACFhC,OAAO,CAAE,SAATA,OAAOA,CAAGiC,CAAC,CAAK,CACdpB,cAAc,EAAE,CAEhBb,QAAO,EAAA,IAAA,CAAA,KAAA,CAAA,CAAPA,QAAO,CAAGiC,CAAQ,CAAC,CACrB,CAAE,CACFhC,MAAM,CAAE,SAARA,MAAMA,CAAGgC,CAAC,CAAK,CAGbhC,OAAM,EAAA,IAAA,CAAA,KAAA,CAAA,CAANA,OAAM,CAAGgC,CAAQ,CAAC,CACpB,CAAE,CACF/B,SAAS,CAAE,SAAXA,SAASA,CAAG+B,CAAC,CAAK,CAChBnB,gBAAgB,EAAhBA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,gBAAgB,CAAG,CAAEoB,KAAK,CAAED,CAAS,CAAC,CAAC,CAEvC/B,UAAS,EAAA,IAAA,CAAA,KAAA,CAAA,CAATA,UAAS,CAAG+B,CAAQ,CAAC,CACvB,CAAE,CACH,CAAA,CAAC,EAEN,CAAC,CAEK,IAAAE,kBAAkB,CAAGC,wBAAwB,CAACzC,mBAAmB,CAAE,CACvE0C,WAAW,CAAEC,oBAAoB,CAACC,QAAQ,CAACJ,kBAC7C,CAAC;;;;"}

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

@@ -1,14 +1,17 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import 'react';
 import { getActionListContainerRole } from '../ActionList/getA11yRoles.js';
-import BaseLink from '../Link/BaseLink/BaseLink.js';
+import '../Link/BaseLink/index.js';
 import { useDropdown } from './useDropdown.js';
 import { dropdownComponentIds } from './dropdownComponentIds.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
+import BaseLink from '../Link/BaseLink/BaseLink.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["children","icon","iconPosition","onClick","onBlur","onKeyDown","isDisabled","href","target","rel","accessibilityLabel","size","testID","hitSlop","htmlTitle"];var _DropdownLink=function _DropdownLink(_ref){var children=_ref.children,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?'left':_ref$iconPosition,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,isDisabled=_ref.isDisabled;_ref.href;_ref.target;_ref.rel;var accessibilityLabel=_ref.accessibilityLabel,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,hitSlop=_ref.hitSlop,htmlTitle=_ref.htmlTitle,props=_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(BaseLink,Object.assign({variant:"button"},icon?{icon:icon,children:children}:{children:children},{iconPosition:iconPosition,size:size,testID:testID,hitSlop:hitSlop,htmlTitle:htmlTitle,isDisabled:isDisabled},props,makeAnalyticsAttribute(props),{ref:triggererRef,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 DropdownLink=assignWithoutSideEffects(_DropdownLink,{componentId:dropdownComponentIds.triggers.DropdownLink});
+var _excluded=["children","icon","iconPosition","onClick","onBlur","onKeyDown","isDisabled","href","target","rel","accessibilityLabel","size","testID","hitSlop","htmlTitle"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Dropdown/DropdownLink.tsx";var _DropdownLink=function _DropdownLink(_ref){var children=_ref.children,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?'left':_ref$iconPosition,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,isDisabled=_ref.isDisabled,href=_ref.href,target=_ref.target,rel=_ref.rel,accessibilityLabel=_ref.accessibilityLabel,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,hitSlop=_ref.hitSlop,htmlTitle=_ref.htmlTitle,props=_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(BaseLink,Object.assign({variant:"button"},icon?{icon:icon,children:children}:{children:children},{iconPosition:iconPosition,size:size,testID:testID,hitSlop:hitSlop,htmlTitle:htmlTitle,isDisabled:isDisabled},props,makeAnalyticsAttribute(props),{ref:triggererRef,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 DropdownLink=assignWithoutSideEffects(_DropdownLink,{componentId:dropdownComponentIds.triggers.DropdownLink});
 
 export { DropdownLink };
 //# sourceMappingURL=DropdownLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownLink.js","sources":["../../../../../src/components/Dropdown/DropdownLink.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport { getActionListContainerRole } from '../ActionList/getA11yRoles';\nimport { BaseLink } from '../Link/BaseLink';\nimport type { BaseLinkProps } from '../Link/BaseLink';\nimport type { LinkButtonVariantProps } from '../Link';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { assignWithoutSideEffects } from '~src/utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype DropdownLinkProps = LinkButtonVariantProps & {\n  onBlur?: BaseLinkProps['onBlur'];\n  onKeyDown?: BaseLinkProps['onKeyDown'];\n};\n\nconst _DropdownLink = ({\n  children,\n  icon,\n  iconPosition = 'left',\n  onClick,\n  onBlur,\n  onKeyDown,\n  isDisabled,\n  href,\n  target,\n  rel,\n  accessibilityLabel,\n  size = 'medium',\n  testID,\n  hitSlop,\n  htmlTitle,\n  ...props\n}: DropdownLinkProps): 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    <BaseLink\n      variant=\"button\"\n      {...(icon ? { icon, children } : { children })}\n      iconPosition={iconPosition}\n      size={size}\n      testID={testID}\n      hitSlop={hitSlop}\n      htmlTitle={htmlTitle}\n      isDisabled={isDisabled}\n      {...props}\n      {...makeAnalyticsAttribute(props)}\n      ref={triggererRef as any}\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        // 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 DropdownLink = assignWithoutSideEffects(_DropdownLink, {\n  componentId: dropdownComponentIds.triggers.DropdownLink,\n});\n\nexport { DropdownLink };\n"],"names":["_DropdownLink","_ref","children","icon","_ref$iconPosition","iconPosition","onClick","onBlur","onKeyDown","isDisabled","href","target","rel","accessibilityLabel","_ref$size","size","testID","hitSlop","htmlTitle","props","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","_jsx","BaseLink","Object","assign","variant","makeAnalyticsAttribute","ref","accessibilityProps","label","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","e","event","DropdownLink","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}
+{"version":3,"file":"DropdownLink.js","sources":["../../../../../src/components/Dropdown/DropdownLink.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport { getActionListContainerRole } from '../ActionList/getA11yRoles';\nimport { BaseLink } from '../Link/BaseLink';\nimport type { BaseLinkProps } from '../Link/BaseLink';\nimport type { LinkButtonVariantProps } from '../Link';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { assignWithoutSideEffects } from '~src/utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype DropdownLinkProps = LinkButtonVariantProps & {\n  onBlur?: BaseLinkProps['onBlur'];\n  onKeyDown?: BaseLinkProps['onKeyDown'];\n};\n\nconst _DropdownLink = ({\n  children,\n  icon,\n  iconPosition = 'left',\n  onClick,\n  onBlur,\n  onKeyDown,\n  isDisabled,\n  href,\n  target,\n  rel,\n  accessibilityLabel,\n  size = 'medium',\n  testID,\n  hitSlop,\n  htmlTitle,\n  ...props\n}: DropdownLinkProps): 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    <BaseLink\n      variant=\"button\"\n      {...(icon ? { icon, children } : { children })}\n      iconPosition={iconPosition}\n      size={size}\n      testID={testID}\n      hitSlop={hitSlop}\n      htmlTitle={htmlTitle}\n      isDisabled={isDisabled}\n      {...props}\n      {...makeAnalyticsAttribute(props)}\n      ref={triggererRef as any}\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        // 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 DropdownLink = assignWithoutSideEffects(_DropdownLink, {\n  componentId: dropdownComponentIds.triggers.DropdownLink,\n});\n\nexport { DropdownLink };\n"],"names":["_DropdownLink","_ref","children","icon","_ref$iconPosition","iconPosition","onClick","onBlur","onKeyDown","isDisabled","href","target","rel","accessibilityLabel","_ref$size","size","testID","hitSlop","htmlTitle","props","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","_jsx","BaseLink","Object","assign","variant","makeAnalyticsAttribute","ref","accessibilityProps","label","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","e","event","DropdownLink","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}

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

@@ -1,25 +1,30 @@
 import 'react';
-import { Pressable } from 'react-native';
+import { Pressable, StyleSheet } from 'react-native';
+import { Portal } from '@gorhom/portal';
 import styled from 'styled-components/native';
 import { useDropdown } from './useDropdown.js';
-import { StyledDropdownOverlay } from './StyledDropdownOverlay.js';
+import { StyledDropdownOverlay } from './StyledDropdownOverlay.native.js';
 import { dropdownComponentIds } from './dropdownComponentIds.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../BladeProvider/useTheme.js';
-import '@babel/runtime/helpers/slicedToArray';
+import '../Box/BaseBox/index.js';
+import '../BladeProvider/index.js';
+import '../../utils/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { useBottomSheetAndDropdownGlue } from '../BottomSheet/BottomSheetContext.js';
+import { useButtonGroupContext } from '../ButtonGroup/ButtonGroupContext.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
+import '../../tokens/global/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { size } from '../../tokens/global/size.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { castNativeType } from '../../utils/platform/castUtils.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { useBottomSheetAndDropdownGlue } from '../BottomSheet/BottomSheetContext.js';
 
-var AnimatedDropdownOverlay=styled(StyledDropdownOverlay)(function(props){return {transform:`translateY(${makeSize(props.theme.spacing[3])})`};});var StyledCloseableArea=styled(Pressable)(function(props){return {position:'static',height:'100%',width:'100%',display:props.display};});var _DropdownOverlay=function _DropdownOverlay(_ref){var children=_ref.children,testID=_ref.testID;var _useDropdown=useDropdown(),isOpen=_useDropdown.isOpen,close=_useDropdown.close;var _useTheme=useTheme(),colorScheme=_useTheme.colorScheme;var bottomSheetAndDropdownGlue=useBottomSheetAndDropdownGlue();return jsx(BaseBox,{position:"relative",children:jsx(StyledCloseableArea,{display:isOpen?'flex':'none',onPress:function onPress(){close();},testID:"closeable-area",children:jsx(AnimatedDropdownOverlay,Object.assign({isInBottomSheet:bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.dropdownHasBottomSheet,colorScheme:colorScheme,display:isOpen?'flex':'none',position:"absolute",width:"100%",testID:"dropdown-overlay",elevation:bottomSheetAndDropdownGlue!=null&&bottomSheetAndDropdownGlue.dropdownHasBottomSheet?undefined:'midRaised'},metaAttribute({name:MetaConstants.DropdownOverlay,testID:testID}),{children:children}))})});};var DropdownOverlay=assignWithoutSideEffects(_DropdownOverlay,{componentId:dropdownComponentIds.DropdownOverlay});
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Dropdown/DropdownOverlay.native.tsx";var AnimatedDropdownOverlay=styled(StyledDropdownOverlay)(function(props){return {transform:`translateY(${makeSize(props.theme.spacing[3])})`};});var StyledCloseableArea=styled(Pressable)(function(props){return {position:'static',height:'100%',width:'100%',display:props.display};});var _DropdownOverlay=function _DropdownOverlay(_ref){var children=_ref.children,testID=_ref.testID,width=_ref.width,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,_ref$zIndex=_ref.zIndex,zIndex=_ref$zIndex===void 0?componentZIndices.dropdownOverlay:_ref$zIndex;var _useDropdown=useDropdown(),isOpen=_useDropdown.isOpen,close=_useDropdown.close;var _useTheme=useTheme(),theme=_useTheme.theme,colorScheme=_useTheme.colorScheme;var bottomSheetAndDropdownGlue=useBottomSheetAndDropdownGlue();var buttonGroupProps=useButtonGroupContext();var isInsideButtonGroup=Boolean(buttonGroupProps.isInsideButtonGroup);if(isInsideButtonGroup){return jsxs(BaseBox,{position:"relative",zIndex:zIndex,children:[isOpen&&jsx(Portal,{hostName:"BladeBottomSheetPortal",children:jsx(Pressable,{style:StyleSheet.absoluteFill,onPress:function onPress(){close();},testID:"closeable-area"})}),jsx(AnimatedDropdownOverlay,Object.assign({isInBottomSheet:bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.dropdownHasBottomSheet,colorScheme:colorScheme,display:isOpen?'flex':'none',position:"absolute",top:"100%",right:"0px",width:width,minWidth:minWidth!=null?minWidth:makeSize(size['200']),maxWidth:maxWidth,testID:"dropdown-overlay",elevation:bottomSheetAndDropdownGlue!=null&&bottomSheetAndDropdownGlue.dropdownHasBottomSheet?undefined:'midRaised'},metaAttribute({name:MetaConstants.DropdownOverlay,testID:testID}),{children:children}))]});}var hasBottomSheet=bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.dropdownHasBottomSheet;return jsx(BaseBox,{position:"relative",children:jsx(StyledCloseableArea,{display:isOpen?'flex':'none',onPress:function onPress(){close();},testID:"closeable-area",children:jsx(AnimatedDropdownOverlay,Object.assign({isInBottomSheet:hasBottomSheet,colorScheme:colorScheme,display:isOpen?'flex':'none',position:"absolute",width:width!=null?width:'100%',minWidth:minWidth,maxWidth:maxWidth,testID:"dropdown-overlay",elevation:hasBottomSheet?undefined:'midRaised',style:hasBottomSheet?undefined:castNativeType(theme.elevation.midRaised)},metaAttribute({name:MetaConstants.DropdownOverlay,testID:testID}),{children:children}))})});};var DropdownOverlay=assignWithoutSideEffects(_DropdownOverlay,{componentId:dropdownComponentIds.DropdownOverlay});
 
 export { DropdownOverlay };
 //# sourceMappingURL=DropdownOverlay.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownOverlay.native.js","sources":["../../../../../src/components/Dropdown/DropdownOverlay.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\nimport styled from 'styled-components/native';\nimport { useDropdown } from './useDropdown';\nimport { StyledDropdownOverlay } from './StyledDropdownOverlay';\nimport type { DropdownOverlayProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useBottomSheetAndDropdownGlue } from '~components/BottomSheet/BottomSheetContext';\n\nconst AnimatedDropdownOverlay = styled(StyledDropdownOverlay)<{ testID: 'dropdown-overlay' }>(\n  (props) => ({\n    transform: `translateY(${makeSize(props.theme.spacing[3])})`,\n  }),\n);\n\nconst StyledCloseableArea = styled(Pressable)<{ display: 'flex' | 'none' }>((props) => ({\n  position: 'static',\n  height: '100%',\n  width: '100%',\n  display: props.display,\n}));\n\n/**\n * Overlay of dropdown\n *\n * Wrap your ActionList within this component\n */\nconst _DropdownOverlay = ({ children, testID }: DropdownOverlayProps): React.ReactElement => {\n  const { isOpen, close } = useDropdown();\n  const { colorScheme } = useTheme();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n\n  return (\n    <BaseBox position=\"relative\">\n      <StyledCloseableArea\n        display={isOpen ? 'flex' : 'none'}\n        onPress={() => {\n          close();\n        }}\n        testID=\"closeable-area\"\n      >\n        <AnimatedDropdownOverlay\n          isInBottomSheet={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet}\n          colorScheme={colorScheme}\n          display={isOpen ? 'flex' : 'none'}\n          position=\"absolute\"\n          width=\"100%\"\n          testID=\"dropdown-overlay\"\n          elevation={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet ? undefined : 'midRaised'}\n          {...metaAttribute({ name: MetaConstants.DropdownOverlay, testID })}\n        >\n          {children}\n        </AnimatedDropdownOverlay>\n      </StyledCloseableArea>\n    </BaseBox>\n  );\n};\n\nconst DropdownOverlay = assignWithoutSideEffects(_DropdownOverlay, {\n  componentId: dropdownComponentIds.DropdownOverlay,\n});\n\nexport { DropdownOverlay };\n"],"names":["AnimatedDropdownOverlay","styled","StyledDropdownOverlay","props","transform","makeSize","theme","spacing","StyledCloseableArea","Pressable","position","height","width","display","_DropdownOverlay","_ref","children","testID","_useDropdown","useDropdown","isOpen","close","_useTheme","useTheme","colorScheme","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","_jsx","BaseBox","onPress","Object","assign","isInBottomSheet","dropdownHasBottomSheet","elevation","undefined","metaAttribute","name","MetaConstants","DropdownOverlay","assignWithoutSideEffects","componentId","dropdownComponentIds"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,uBAAuB,CAAGC,MAAM,CAACC,qBAAqB,CAAC,CAC3D,SAACC,KAAK,CAAA,CAAA,OAAM,CACVC,SAAS,CAAE,CAAcC,WAAAA,EAAAA,QAAQ,CAACF,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAC3D,CAAC,CAAA,CACH,CAAC,CAED,IAAMC,mBAAmB,CAAGP,MAAM,CAACQ,SAAS,CAAC,CAA+B,SAACN,KAAK,CAAM,CAAA,OAAA,CACtFO,QAAQ,CAAE,QAAQ,CAClBC,MAAM,CAAE,MAAM,CACdC,KAAK,CAAE,MAAM,CACbC,OAAO,CAAEV,KAAK,CAACU,OACjB,CAAC,EAAC,CAAC,CAOH,IAAMC,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAAuE,KAAjEC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAEC,MAAM,CAAAF,IAAA,CAANE,MAAM,CAC1C,IAAAC,YAAA,CAA0BC,WAAW,EAAE,CAA/BC,MAAM,CAAAF,YAAA,CAANE,MAAM,CAAEC,KAAK,CAAAH,YAAA,CAALG,KAAK,CACrB,IAAAC,SAAA,CAAwBC,QAAQ,EAAE,CAA1BC,WAAW,CAAAF,SAAA,CAAXE,WAAW,CACnB,IAAMC,0BAA0B,CAAGC,6BAA6B,EAAE,CAElE,OACEC,GAAA,CAACC,OAAO,CAAClB,CAAAA,QAAQ,CAAC,UAAU,CAAAM,QAAA,CAC1BW,GAAA,CAACnB,mBAAmB,CAClBK,CAAAA,OAAO,CAAEO,MAAM,CAAG,MAAM,CAAG,MAAO,CAClCS,OAAO,CAAE,SAATA,OAAOA,EAAQ,CACbR,KAAK,EAAE,CACT,CAAE,CACFJ,MAAM,CAAC,gBAAgB,CAAAD,QAAA,CAEvBW,GAAA,CAAC3B,uBAAuB,CAAA8B,MAAA,CAAAC,MAAA,CAAA,CACtBC,eAAe,CAAEP,0BAA0B,cAA1BA,0BAA0B,CAAEQ,sBAAuB,CACpET,WAAW,CAAEA,WAAY,CACzBX,OAAO,CAAEO,MAAM,CAAG,MAAM,CAAG,MAAO,CAClCV,QAAQ,CAAC,UAAU,CACnBE,KAAK,CAAC,MAAM,CACZK,MAAM,CAAC,kBAAkB,CACzBiB,SAAS,CAAET,0BAA0B,EAAA,IAAA,EAA1BA,0BAA0B,CAAEQ,sBAAsB,CAAGE,SAAS,CAAG,WAAY,CAAA,CACpFC,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,eAAe,CAAEtB,MAAM,CAANA,MAAO,CAAC,CAAC,CAAAD,CAAAA,QAAA,CAEjEA,QAAQ,EACc,CAAC,CACP,CAAC,CACf,CAAC,CAEd,CAAC,CAEK,IAAAuB,eAAe,CAAGC,wBAAwB,CAAC1B,gBAAgB,CAAE,CACjE2B,WAAW,CAAEC,oBAAoB,CAACH,eACpC,CAAC;;;;"}
+{"version":3,"file":"DropdownOverlay.native.js","sources":["../../../../../src/components/Dropdown/DropdownOverlay.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleSheet } from 'react-native';\nimport { Portal } from '@gorhom/portal';\nimport styled from 'styled-components/native';\nimport { useDropdown } from './useDropdown';\nimport { StyledDropdownOverlay } from './StyledDropdownOverlay';\nimport type { DropdownOverlayProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType, makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useBottomSheetAndDropdownGlue } from '~components/BottomSheet/BottomSheetContext';\nimport { useButtonGroupContext } from '~components/ButtonGroup/ButtonGroupContext';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { size } from '~tokens/global';\n\nconst AnimatedDropdownOverlay = styled(StyledDropdownOverlay)<{ testID: 'dropdown-overlay' }>(\n  (props) => ({\n    transform: `translateY(${makeSize(props.theme.spacing[3])})`,\n  }),\n);\n\nconst StyledCloseableArea = styled(Pressable)<{ display: 'flex' | 'none' }>((props) => ({\n  position: 'static',\n  height: '100%',\n  width: '100%',\n  display: props.display,\n}));\n\n/**\n * Overlay of dropdown\n *\n * Wrap your ActionList within this component\n */\nconst _DropdownOverlay = ({\n  children,\n  testID,\n  width,\n  minWidth,\n  maxWidth,\n  zIndex = componentZIndices.dropdownOverlay,\n}: DropdownOverlayProps): React.ReactElement => {\n  const { isOpen, close } = useDropdown();\n  const { theme, colorScheme } = useTheme();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const buttonGroupProps = useButtonGroupContext();\n  // Split-button usage: the default closeable area uses height/width 100%, which\n  // on RN resolves against the Storybook screen and blows ButtonGroup into a\n  // tall vertical strip when the menu opens. Keep the overlay out of flex flow.\n  const isInsideButtonGroup = Boolean(buttonGroupProps.isInsideButtonGroup);\n\n  if (isInsideButtonGroup) {\n    return (\n      <BaseBox position=\"relative\" zIndex={zIndex}>\n        {isOpen && (\n          <Portal hostName=\"BladeBottomSheetPortal\">\n            <Pressable\n              style={StyleSheet.absoluteFill}\n              onPress={() => {\n                close();\n              }}\n              testID=\"closeable-area\"\n            />\n          </Portal>\n        )}\n        {/*\n          Keep testID mounted for parity with the SelectInput path (tests assert\n          display). Absolutely positioned so opening never changes ButtonGroup size.\n        */}\n        <AnimatedDropdownOverlay\n          isInBottomSheet={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet}\n          colorScheme={colorScheme}\n          display={isOpen ? 'flex' : 'none'}\n          position=\"absolute\"\n          top=\"100%\"\n          right=\"0px\"\n          width={width}\n          minWidth={minWidth ?? makeSize(size['200'])}\n          maxWidth={maxWidth}\n          testID=\"dropdown-overlay\"\n          elevation={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet ? undefined : 'midRaised'}\n          {...metaAttribute({ name: MetaConstants.DropdownOverlay, testID })}\n        >\n          {children}\n        </AnimatedDropdownOverlay>\n      </BaseBox>\n    );\n  }\n\n  const hasBottomSheet = bottomSheetAndDropdownGlue?.dropdownHasBottomSheet;\n\n  return (\n    <BaseBox position=\"relative\">\n      <StyledCloseableArea\n        display={isOpen ? 'flex' : 'none'}\n        onPress={() => {\n          close();\n        }}\n        testID=\"closeable-area\"\n      >\n        <AnimatedDropdownOverlay\n          isInBottomSheet={hasBottomSheet}\n          colorScheme={colorScheme}\n          display={isOpen ? 'flex' : 'none'}\n          position=\"absolute\"\n          width={width ?? '100%'}\n          minWidth={minWidth}\n          maxWidth={maxWidth}\n          testID=\"dropdown-overlay\"\n          elevation={hasBottomSheet ? undefined : 'midRaised'}\n          // Native shadow props (shadowColor/Opacity/Radius/Offset + Android elevation) must be\n          // applied via the raw style prop — styled-components mangles the shadowOffset object.\n          // Mirrors the Tooltip/Carousel native elevation pattern. The overlay already carries an\n          // opaque background and no overflow:hidden, so the iOS shadow isn't clipped.\n          style={hasBottomSheet ? undefined : castNativeType(theme.elevation.midRaised)}\n          {...metaAttribute({ name: MetaConstants.DropdownOverlay, testID })}\n        >\n          {children}\n        </AnimatedDropdownOverlay>\n      </StyledCloseableArea>\n    </BaseBox>\n  );\n};\n\nconst DropdownOverlay = assignWithoutSideEffects(_DropdownOverlay, {\n  componentId: dropdownComponentIds.DropdownOverlay,\n});\n\nexport { DropdownOverlay };\n"],"names":["this","AnimatedDropdownOverlay","styled","StyledDropdownOverlay","props","transform","makeSize","theme","spacing","StyledCloseableArea","Pressable","position","height","width","display","_DropdownOverlay","_ref","children","testID","minWidth","maxWidth","_ref$zIndex","zIndex","componentZIndices","dropdownOverlay","_useDropdown","useDropdown","isOpen","close","_useTheme","useTheme","colorScheme","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","buttonGroupProps","useButtonGroupContext","isInsideButtonGroup","Boolean","_jsxs","BaseBox","_jsx","Portal","hostName","style","StyleSheet","absoluteFill","onPress","Object","assign","isInBottomSheet","dropdownHasBottomSheet","top","right","size","elevation","undefined","metaAttribute","name","MetaConstants","DropdownOverlay","hasBottomSheet","castNativeType","midRaised","assignWithoutSideEffects","componentId","dropdownComponentIds"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../../utils/logger/index.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
 
 var FilterChipGroup=function FilterChipGroup(_props){throwBladeError({message:'FilterChipGroup is not yet implemented for native',moduleName:'FilterChipGroup'});return jsx(Fragment,{});};
 

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

@@ -1 +1 @@
-{"version":3,"file":"FilterChipGroup.native.js","sources":["../../../../../src/components/Dropdown/FilterChipGroup.native.tsx"],"sourcesContent":["import { throwBladeError } from '~utils/logger';\n\nconst FilterChipGroup = (_props: unknown): React.ReactElement => {\n  throwBladeError({\n    message: 'FilterChipGroup is not yet implemented for native',\n    moduleName: 'FilterChipGroup',\n  });\n\n  return <></>;\n};\n\nexport { FilterChipGroup };\n"],"names":["FilterChipGroup","_props","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAEM,IAAAA,eAAe,CAAG,SAAlBA,eAAeA,CAAIC,MAAe,CAAyB,CAC/DC,eAAe,CAAC,CACdC,OAAO,CAAE,mDAAmD,CAC5DC,UAAU,CAAE,iBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}
+{"version":3,"file":"FilterChipGroup.native.js","sources":["../../../../../src/components/Dropdown/FilterChipGroup.native.tsx"],"sourcesContent":["import { throwBladeError } from '~utils/logger';\n\nconst FilterChipGroup = (_props: unknown): React.ReactElement => {\n  throwBladeError({\n    message: 'FilterChipGroup is not yet implemented for native',\n    moduleName: 'FilterChipGroup',\n  });\n\n  return <></>;\n};\n\nexport { FilterChipGroup };\n"],"names":["FilterChipGroup","_props","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;;AAEM,IAAAA,eAAe,CAAG,SAAlBA,eAAeA,CAAIC,MAAe,CAAyB,CAC/DC,eAAe,CAAC,CACdC,OAAO,CAAE,mDAAmD,CAC5DC,UAAU,CAAE,iBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}

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

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+var FilterChipGroupContext=React__default.createContext({filterChipGroupSelectedFilters:[],setFilterChipGroupSelectedFilters:function setFilterChipGroupSelectedFilters(){},clearFilterCallbackTriggerer:0,setClearFilterCallbackTriggerer:function setClearFilterCallbackTriggerer(){}});var FilterChipGroupProvider=FilterChipGroupContext.Provider;var useFilterChipGroupContext=function useFilterChipGroupContext(){var context=React__default.useContext(FilterChipGroupContext);return context;};
+
+export { FilterChipGroupProvider, useFilterChipGroupContext };
+//# sourceMappingURL=FilterChipGroupContext.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChipGroupContext.native.js","sources":["../../../../../src/components/Dropdown/FilterChipGroupContext.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { FilterChipGroupContextType } from './types';\n\nconst FilterChipGroupContext = React.createContext<FilterChipGroupContextType>({\n  filterChipGroupSelectedFilters: [],\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setFilterChipGroupSelectedFilters: () => {},\n  clearFilterCallbackTriggerer: 0,\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setClearFilterCallbackTriggerer: () => {},\n});\nconst FilterChipGroupProvider = FilterChipGroupContext.Provider;\n\nconst useFilterChipGroupContext = (): FilterChipGroupContextType => {\n  const context = React.useContext(FilterChipGroupContext);\n  return context;\n};\n\nexport { useFilterChipGroupContext, FilterChipGroupProvider };\n"],"names":["FilterChipGroupContext","React","createContext","filterChipGroupSelectedFilters","setFilterChipGroupSelectedFilters","clearFilterCallbackTriggerer","setClearFilterCallbackTriggerer","FilterChipGroupProvider","Provider","useFilterChipGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,sBAAsB,CAAGC,cAAK,CAACC,aAAa,CAA6B,CAC7EC,8BAA8B,CAAE,EAAE,CAElCC,iCAAiC,CAAE,SAAnCA,iCAAiCA,EAAQ,EAAE,CAC3CC,4BAA4B,CAAE,CAAC,CAE/BC,+BAA+B,CAAE,SAAjCA,+BAA+BA,EAAQ,EACzC,CAAC,CAAC,CACI,IAAAC,uBAAuB,CAAGP,sBAAsB,CAACQ,SAEjD,IAAAC,yBAAyB,CAAG,SAA5BA,yBAAyBA,EAAqC,CAClE,IAAMC,OAAO,CAAGT,cAAK,CAACU,UAAU,CAACX,sBAAsB,CAAC,CACxD,OAAOU,OAAO,CAChB;;;;"}

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

@@ -1,7 +1,22 @@
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default, { useEffect } from 'react';
+import { useDropdown } from './useDropdown.js';
+import { dropdownComponentIds } from './dropdownComponentIds.js';
+import { getFilterChipDisplayValue } from './filterChipSelectInputUtils.js';
+import { useFilterChipGroupContext } from './FilterChipGroupContext.native.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { BaseFilterChip } from '../FilterChip/BaseFilterChip.native.js';
+import { getActionListContainerRole } from '../ActionList/getA11yRoles.js';
+import { useId } from '../../utils/useId.js';
+import { useListViewFilterContext } from '../ListView/ListViewFiltersContext.native.js';
+import { useFirstRender } from '../../utils/useFirstRender.js';
+import { jsx } from 'react/jsx-runtime';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var BaseFilterChip=function BaseFilterChip(_props){throwBladeError({message:'BaseFilterChip is not yet implemented for native',moduleName:'BaseFilterChip'});return jsx(Fragment,{});};
+var _excluded=["onClick","onBlur","onKeyDown","accessibilityLabel","testID","value","onClearButtonClick","label","onChange","name","isDisabled","showClearButton"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Dropdown/FilterChipSelectInput.native.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 _FilterChipSelectInput=function _FilterChipSelectInput(props){var idBase=useId('filter-chip-select-input');var _onClick=props.onClick,_onBlur=props.onBlur,onKeyDown=props.onKeyDown,accessibilityLabel=props.accessibilityLabel,testID=props.testID,value=props.value,onClearButtonClick=props.onClearButtonClick,label=props.label,onChange=props.onChange,name=props.name,isDisabled=props.isDisabled,_props$showClearButto=props.showClearButton,showClearButton=_props$showClearButto===void 0?true:_props$showClearButto,rest=_objectWithoutProperties(props,_excluded);var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),uncontrolledInputValue=_React$useState2[0],setUncontrolledInputValue=_React$useState2[1];var isFirstRender=useFirstRender();var _useDropdown=useDropdown(),options=_useDropdown.options,selectedIndices=_useDropdown.selectedIndices,onTriggerClick=_useDropdown.onTriggerClick,onTriggerKeydown=_useDropdown.onTriggerKeydown,dropdownBaseId=_useDropdown.dropdownBaseId,isOpen=_useDropdown.isOpen,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,triggererRef=_useDropdown.triggererRef,selectionType=_useDropdown.selectionType,isControlled=_useDropdown.isControlled,setSelectedIndices=_useDropdown.setSelectedIndices,controlledValueIndices=_useDropdown.controlledValueIndices,changeCallbackTriggerer=_useDropdown.changeCallbackTriggerer;var isUnControlled=options.length>0&&props.value===undefined;var _useListViewFilterCon=useListViewFilterContext(),listViewSelectedFilters=_useListViewFilterCon.listViewSelectedFilters,setListViewSelectedFilters=_useListViewFilterCon.setListViewSelectedFilters;var _useFilterChipGroupCo=useFilterChipGroupContext(),clearFilterCallbackTriggerer=_useFilterChipGroupCo.clearFilterCallbackTriggerer,setFilterChipGroupSelectedFilters=_useFilterChipGroupCo.setFilterChipGroupSelectedFilters;var getValuesArrayFromIndices=function getValuesArrayFromIndices(){var indices=[];if(isControlled){indices=controlledValueIndices;}else {indices=selectedIndices;}return indices.map(function(i){var _options$i;return (_options$i=options[i])==null?void 0:_options$i.value;}).filter(function(v){return v!==undefined;});};useEffect(function(){var valueNotEmpty=typeof value==='string'&&value.trim()!==''||Array.isArray(value)&&value.length>0;var currentSelectedValues=selectedIndices.map(function(i){var _options$i2;return (_options$i2=options[i])==null?void 0:_options$i2.value;});var isSingleValueSynced=typeof value==='string'&&currentSelectedValues.length===1&&currentSelectedValues[0]===value;var isMultiValueSynced=Array.isArray(value)&&value.length===currentSelectedValues.length&&value.every(function(v){return currentSelectedValues.includes(v);});var isValueAndSelectedIndicesSynced=isSingleValueSynced||isMultiValueSynced;if(isUnControlled){if(listViewSelectedFilters[label]){var savedIndices=listViewSelectedFilters[label];setSelectedIndices(savedIndices);var inputValue=savedIndices.map(function(i){var _options$i3;return (_options$i3=options[i])==null?void 0:_options$i3.value;}).filter(function(v){return v!==undefined;});setUncontrolledInputValue(inputValue);setFilterChipGroupSelectedFilters(function(prev){return prev.includes(label)?prev:[].concat(_toConsumableArray(prev),[label]);});}else {setSelectedIndices([]);}}else if(listViewSelectedFilters[label]){var _savedIndices=listViewSelectedFilters[label];setSelectedIndices(_savedIndices);}else if(valueNotEmpty&&!isValueAndSelectedIndicesSynced&&options.length>0){var newSelectedIndices=typeof value==='string'?[options.findIndex(function(option){return option.value===value;})]:options.map(function(option,index){return value.includes(option.value)?index:-1;}).filter(function(index){return index!==-1;});setSelectedIndices(newSelectedIndices);}},[isUnControlled,options,value]);var handleClearButtonClick=function handleClearButtonClick(){var currentValues=getValuesArrayFromIndices();onClearButtonClick==null?void 0:onClearButtonClick({name:name!=null?name:idBase,values:currentValues});onChange==null?void 0:onChange({name:name!=null?name:idBase,values:[]});setFilterChipGroupSelectedFilters(function(prev){return prev.filter(function(filter){return filter!==label;});});setListViewSelectedFilters(function(prev){var _=prev[label],updatedFilters=_objectWithoutProperties(prev,[label].map(_toPropertyKey));return updatedFilters;});setUncontrolledInputValue([]);setSelectedIndices([]);};useEffect(function(){if(clearFilterCallbackTriggerer){handleClearButtonClick();}},[clearFilterCallbackTriggerer]);useEffect(function(){if(!isFirstRender){props.onChange==null?void 0:props.onChange({name:props.name||idBase,values:getValuesArrayFromIndices()});if(isUnControlled){setUncontrolledInputValue(getValuesArrayFromIndices());}}},[changeCallbackTriggerer]);useEffect(function(){var isValueEmpty=selectedIndices.length===0;if(!isFirstRender&&!isValueEmpty){setFilterChipGroupSelectedFilters(function(prev){return prev.includes(label)?prev:[].concat(_toConsumableArray(prev),[label]);});setListViewSelectedFilters(function(prev){return Object.assign({},prev,_defineProperty({},label,selectedIndices));});}else if(!isFirstRender&&isValueEmpty){setFilterChipGroupSelectedFilters(function(prev){return prev.filter(function(filter){return filter!==label;});});setListViewSelectedFilters(function(prev){var _=prev[label],updatedFilters=_objectWithoutProperties(prev,[label].map(_toPropertyKey));return updatedFilters;});}},[changeCallbackTriggerer]);var handleKeyDown=function handleKeyDown(e){onKeyDown==null?void 0:onKeyDown(e);onTriggerKeydown==null?void 0:onTriggerKeydown({event:e});if(e.key==='Escape'){e.preventDefault();e.stopPropagation();}if((e.key==='Enter'||e.key===' ')&&!isOpen){e.preventDefault();e.stopPropagation();onTriggerClick();}};return jsx(BaseFilterChip,Object.assign({label:label,value:getFilterChipDisplayValue({value:props.value,options:options,selectionType:selectionType,uncontrolledInputValue:uncontrolledInputValue}),onClearButtonClick:handleClearButtonClick,showClearButton:showClearButton,selectionType:selectionType},rest,{testID:testID,ref:triggererRef,onKeyDown:handleKeyDown,accessibilityProps:{label:accessibilityLabel!=null?accessibilityLabel:label,hasPopup:getActionListContainerRole(hasFooterAction,'FilterChipSelectInput'),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);},isDisabled:isDisabled}));};var FilterChipSelectInput=assignWithoutSideEffects(_FilterChipSelectInput,{componentId:dropdownComponentIds.triggers.FilterChipSelectInput});
 
-export { BaseFilterChip };
+export { FilterChipSelectInput };
 //# sourceMappingURL=FilterChipSelectInput.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterChipSelectInput.native.js","sources":["../../../../../src/components/Dropdown/FilterChipSelectInput.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { throwBladeError } from '~utils/logger';\n\nconst BaseFilterChip = (_props: any): React.ReactElement => {\n  throwBladeError({\n    message: 'BaseFilterChip is not yet implemented for native',\n    moduleName: 'BaseFilterChip',\n  });\n\n  return <></>;\n};\n\nexport { BaseFilterChip };\n"],"names":["BaseFilterChip","_props","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAGM,IAAAA,cAAc,CAAG,SAAjBA,cAAcA,CAAIC,MAAW,CAAyB,CAC1DC,eAAe,CAAC,CACdC,OAAO,CAAE,kDAAkD,CAC3DC,UAAU,CAAE,gBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}
+{"version":3,"file":"FilterChipSelectInput.native.js","sources":["../../../../../src/components/Dropdown/FilterChipSelectInput.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React, { useEffect } from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { getFilterChipDisplayValue } from './filterChipSelectInputUtils';\nimport { useFilterChipGroupContext } from './FilterChipGroupContext';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { BaseFilterChip } from '~components/FilterChip/BaseFilterChip';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseFilterChipProps } from '~components/FilterChip/types';\nimport { useId } from '~utils/useId';\nimport { useListViewFilterContext } from '~components/ListView/ListViewFiltersContext';\nimport { useFirstRender } from '~utils/useFirstRender';\n\ntype FilterChipSelectInputProps = Pick<\n  BaseFilterChipProps,\n  | 'onKeyDown'\n  | 'value'\n  | 'label'\n  | 'testID'\n  | 'onClick'\n  | 'selectionType'\n  | 'onBlur'\n  | 'showClearButton'\n> & {\n  accessibilityLabel?: string;\n  onChange?: (props: { name: string; values: string[] }) => void;\n  name?: string;\n  onClearButtonClick?: (props: { name: string; values: string[] }) => void;\n  isDisabled?: boolean;\n} & DataAnalyticsAttribute;\n\nconst _FilterChipSelectInput = (props: FilterChipSelectInputProps): React.ReactElement => {\n  const idBase = useId('filter-chip-select-input');\n  const {\n    onClick,\n    onBlur,\n    onKeyDown,\n    accessibilityLabel,\n    testID,\n    value,\n    onClearButtonClick,\n    label,\n    onChange,\n    name,\n    isDisabled,\n    showClearButton = true,\n    ...rest\n  } = props;\n  const [uncontrolledInputValue, setUncontrolledInputValue] = React.useState<string[]>([]);\n  const isFirstRender = useFirstRender();\n\n  const {\n    options,\n    selectedIndices,\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    selectionType,\n    isControlled,\n    setSelectedIndices,\n    controlledValueIndices,\n    changeCallbackTriggerer,\n  } = useDropdown();\n  const isUnControlled = options.length > 0 && props.value === undefined;\n  const { listViewSelectedFilters, setListViewSelectedFilters } = useListViewFilterContext();\n  const {\n    clearFilterCallbackTriggerer,\n    setFilterChipGroupSelectedFilters,\n  } = useFilterChipGroupContext();\n\n  const getValuesArrayFromIndices = (): string[] => {\n    let indices: number[] = [];\n    if (isControlled) {\n      indices = controlledValueIndices;\n    } else {\n      indices = selectedIndices;\n    }\n\n    return indices.map((i) => options[i]?.value).filter((v): v is string => v !== undefined);\n  };\n\n  useEffect(() => {\n    const valueNotEmpty =\n      (typeof value === 'string' && value.trim() !== '') ||\n      (Array.isArray(value) && value.length > 0);\n\n    const currentSelectedValues = selectedIndices.map((i) => options[i]?.value);\n    const isSingleValueSynced =\n      typeof value === 'string' &&\n      currentSelectedValues.length === 1 &&\n      currentSelectedValues[0] === value;\n\n    const isMultiValueSynced =\n      Array.isArray(value) &&\n      value.length === currentSelectedValues.length &&\n      value.every((v) => currentSelectedValues.includes(v));\n\n    const isValueAndSelectedIndicesSynced = isSingleValueSynced || isMultiValueSynced;\n\n    if (isUnControlled) {\n      if (listViewSelectedFilters[label]) {\n        const savedIndices = (listViewSelectedFilters[label] as unknown) as number[];\n        setSelectedIndices(savedIndices);\n        const inputValue = savedIndices\n          .map((i) => options[i]?.value)\n          .filter((v): v is string => v !== undefined);\n        setUncontrolledInputValue(inputValue);\n        setFilterChipGroupSelectedFilters((prev) =>\n          prev.includes(label) ? prev : [...prev, label],\n        );\n      } else {\n        setSelectedIndices([]);\n      }\n    } else if (listViewSelectedFilters[label]) {\n      const savedIndices = (listViewSelectedFilters[label] as unknown) as number[];\n      setSelectedIndices(savedIndices);\n    } else if (valueNotEmpty && !isValueAndSelectedIndicesSynced && options.length > 0) {\n      const newSelectedIndices =\n        typeof value === 'string'\n          ? [options.findIndex((option) => option.value === value)]\n          : options\n              .map((option, index) => (value.includes(option.value) ? index : -1))\n              .filter((index) => index !== -1);\n      setSelectedIndices(newSelectedIndices);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isUnControlled, options, value]);\n\n  const handleClearButtonClick = (): void => {\n    const currentValues = getValuesArrayFromIndices();\n    onClearButtonClick?.({ name: name ?? idBase, values: currentValues });\n    onChange?.({ name: name ?? idBase, values: [] });\n    setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n    setListViewSelectedFilters((prev) => {\n      const { [label]: _, ...updatedFilters } = prev;\n      return updatedFilters;\n    });\n    setUncontrolledInputValue([]);\n    setSelectedIndices([]);\n  };\n\n  useEffect(() => {\n    if (clearFilterCallbackTriggerer) {\n      handleClearButtonClick();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [clearFilterCallbackTriggerer]);\n\n  useEffect(() => {\n    if (!isFirstRender) {\n      props.onChange?.({\n        name: props.name || idBase,\n        values: getValuesArrayFromIndices(),\n      });\n      if (isUnControlled) {\n        setUncontrolledInputValue(getValuesArrayFromIndices());\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [changeCallbackTriggerer]);\n\n  useEffect(() => {\n    const isValueEmpty = selectedIndices.length === 0;\n    if (!isFirstRender && !isValueEmpty) {\n      setFilterChipGroupSelectedFilters((prev) => (prev.includes(label) ? prev : [...prev, label]));\n      setListViewSelectedFilters((prev) => ({\n        ...prev,\n        [label]: selectedIndices as number[],\n      }));\n    } else if (!isFirstRender && isValueEmpty) {\n      setFilterChipGroupSelectedFilters((prev) => prev.filter((filter) => filter !== label));\n      setListViewSelectedFilters((prev) => {\n        const { [label]: _, ...updatedFilters } = prev;\n        return updatedFilters;\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [changeCallbackTriggerer]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<Element>): void => {\n    onKeyDown?.(e);\n    onTriggerKeydown?.({ event: e as React.KeyboardEvent<HTMLInputElement> });\n\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    if ((e.key === 'Enter' || e.key === ' ') && !isOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      onTriggerClick();\n    }\n  };\n\n  return (\n    <BaseFilterChip\n      label={label}\n      value={getFilterChipDisplayValue({\n        value: props.value,\n        options,\n        selectionType,\n        uncontrolledInputValue,\n      })}\n      onClearButtonClick={handleClearButtonClick}\n      showClearButton={showClearButton}\n      selectionType={selectionType}\n      {...rest}\n      testID={testID}\n      ref={triggererRef as any}\n      onKeyDown={handleKeyDown}\n      accessibilityProps={{\n        label: accessibilityLabel ?? label,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'FilterChipSelectInput'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      }}\n      onClick={(e) => {\n        onTriggerClick();\n        onClick?.(e);\n      }}\n      onBlur={(e) => {\n        onBlur?.(e);\n      }}\n      isDisabled={isDisabled}\n    />\n  );\n};\n\nconst FilterChipSelectInput = assignWithoutSideEffects(_FilterChipSelectInput, {\n  componentId: dropdownComponentIds.triggers.FilterChipSelectInput,\n});\n\nexport { FilterChipSelectInput };\n"],"names":["this","_FilterChipSelectInput","props","idBase","useId","onClick","onBlur","onKeyDown","accessibilityLabel","testID","value","onClearButtonClick","label","onChange","name","isDisabled","_props$showClearButto","showClearButton","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","uncontrolledInputValue","setUncontrolledInputValue","isFirstRender","useFirstRender","_useDropdown","useDropdown","options","selectedIndices","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","selectionType","isControlled","setSelectedIndices","controlledValueIndices","changeCallbackTriggerer","isUnControlled","length","undefined","_useListViewFilterCon","useListViewFilterContext","listViewSelectedFilters","setListViewSelectedFilters","_useFilterChipGroupCo","useFilterChipGroupContext","clearFilterCallbackTriggerer","setFilterChipGroupSelectedFilters","getValuesArrayFromIndices","indices","map","i","_options$i","filter","v","useEffect","valueNotEmpty","trim","Array","isArray","currentSelectedValues","_options$i2","isSingleValueSynced","isMultiValueSynced","every","includes","isValueAndSelectedIndicesSynced","savedIndices","inputValue","_options$i3","prev","concat","_toConsumableArray","newSelectedIndices","findIndex","option","index","handleClearButtonClick","currentValues","values","_","updatedFilters","_toPropertyKey","isValueEmpty","Object","assign","_defineProperty","handleKeyDown","e","event","key","preventDefault","stopPropagation","_jsx","BaseFilterChip","getFilterChipDisplayValue","ref","accessibilityProps","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","FilterChipSelectInput","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../../utils/logger/index.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
 
 var InputDropdownButton=function InputDropdownButton(_props){throwBladeError({message:'InputDropdownButton is not yet implemented for native',moduleName:'InputDropdownButton'});return jsx(Fragment,{});};
 

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

@@ -1 +1 @@
-{"version":3,"file":"InputDropdownButton.native.js","sources":["../../../../../src/components/Dropdown/InputDropdownButton.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { throwBladeError } from '~utils/logger';\n\nconst InputDropdownButton = (_props: any): React.ReactElement => {\n  throwBladeError({\n    message: 'InputDropdownButton is not yet implemented for native',\n    moduleName: 'InputDropdownButton',\n  });\n\n  return <></>;\n};\n\nexport { InputDropdownButton };\n"],"names":["InputDropdownButton","_props","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAGM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIC,MAAW,CAAyB,CAC/DC,eAAe,CAAC,CACdC,OAAO,CAAE,uDAAuD,CAChEC,UAAU,CAAE,qBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}
+{"version":3,"file":"InputDropdownButton.native.js","sources":["../../../../../src/components/Dropdown/InputDropdownButton.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { throwBladeError } from '~utils/logger';\n\nconst InputDropdownButton = (_props: any): React.ReactElement => {\n  throwBladeError({\n    message: 'InputDropdownButton is not yet implemented for native',\n    moduleName: 'InputDropdownButton',\n  });\n\n  return <></>;\n};\n\nexport { InputDropdownButton };\n"],"names":["InputDropdownButton","_props","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;;AAGM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIC,MAAW,CAAyB,CAC/DC,eAAe,CAAC,CACdC,OAAO,CAAE,uDAAuD,CAChEC,UAAU,CAAE,qBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}

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

@@ -0,0 +1,11 @@
+import styled from 'styled-components/native';
+import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
+
+var StyledDropdownOverlay=styled(BaseBox)(function(props){var theme=props.theme;return {backgroundColor:theme.colors.popup.background.gray.moderate,borderRadius:makeSize(theme.border.radius.medium),borderWidth:makeBorderSize(theme.border.width.thin),borderStyle:'solid',borderColor:theme.colors.surface.border.gray.normal};});
+
+export { StyledDropdownOverlay };
+//# sourceMappingURL=StyledDropdownOverlay.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StyledDropdownOverlay.native.js","sources":["../../../../../src/components/Dropdown/StyledDropdownOverlay.native.tsx"],"sourcesContent":["import styled from 'styled-components/native';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize, makeSize } from '~utils';\nimport type { ColorSchemeNames } from '~tokens/theme';\n\n// Web-only CSS properties (backdropFilter, borderTopStyle) are intentionally\n// excluded here — they are invalid in React Native and crash Fabric/New Architecture.\n// On web the menu's defined edge comes from the elevation drop-shadow combined with an inset\n// border-shadow (see getPopupBoxShadowString). Native can't render inset box-shadows, and the web\n// popup border token (popup.border.gray.subtle) is a ~9% opacity color that reads as invisible on a\n// white surface. To make the native edge as clearly visible as web's perceived edge, we use a real\n// 1px border with the standard opaque neutral border token.\nconst StyledDropdownOverlay = styled(BaseBox)<{\n  isInBottomSheet?: boolean;\n  colorScheme: ColorSchemeNames;\n}>((props) => {\n  const { theme } = props;\n  return {\n    backgroundColor: theme.colors.popup.background.gray.moderate,\n    borderRadius: makeSize(theme.border.radius.medium),\n    borderWidth: makeBorderSize(theme.border.width.thin),\n    borderStyle: 'solid',\n    borderColor: theme.colors.surface.border.gray.normal,\n  };\n});\n\nexport { StyledDropdownOverlay };\n"],"names":["StyledDropdownOverlay","styled","BaseBox","props","theme","backgroundColor","colors","popup","background","gray","moderate","borderRadius","makeSize","border","radius","medium","borderWidth","makeBorderSize","width","thin","borderStyle","borderColor","surface","normal"],"mappings":";;;;;;;AAYM,IAAAA,qBAAqB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAG1C,SAACC,KAAK,CAAK,CACZ,IAAQC,KAAK,CAAKD,KAAK,CAAfC,KAAK,CACb,OAAO,CACLC,eAAe,CAAED,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,IAAI,CAACC,QAAQ,CAC5DC,YAAY,CAAEC,QAAQ,CAACR,KAAK,CAACS,MAAM,CAACC,MAAM,CAACC,MAAM,CAAC,CAClDC,WAAW,CAAEC,cAAc,CAACb,KAAK,CAACS,MAAM,CAACK,KAAK,CAACC,IAAI,CAAC,CACpDC,WAAW,CAAE,OAAO,CACpBC,WAAW,CAAEjB,KAAK,CAACE,MAAM,CAACgB,OAAO,CAACT,MAAM,CAACJ,IAAI,CAACc,MAChD,CAAC,CACH,CAAC;;;;"}

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

@@ -1,7 +1,7 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { dropdownComponentIds } from './dropdownComponentIds.js';
 
-var SelectActions={Close:'Close',CloseSelect:'CloseSelect',First:'First',Last:'Last',Next:'Next',Open:'Open',PageDown:'PageDown',PageUp:'PageUp',Previous:'Previous',Select:'Select',Type:'Type'};function filterOptions(){var options=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var filter=arguments.length>1?arguments[1]:undefined;var exclude=arguments.length>2&&arguments[2]!==undefined?arguments[2]:[];return options.filter(function(option){var matches=String(option).toLowerCase().startsWith(filter.toLowerCase());return matches&&!exclude.includes(option);});}function getActionFromKey(e,isOpen,dropdownTriggerer){if(!e){return undefined;}var altKey=e.altKey,ctrlKey=e.ctrlKey,metaKey=e.metaKey;var key='';if('key'in e){key=e.key;}var openKeys=['ArrowDown','ArrowUp','Enter',' '];if(!key)return undefined;if(!isOpen&&key&&openKeys.includes(key)){return SelectActions.Open;}if(key==='Home'){return SelectActions.First;}if(key==='End'){return SelectActions.Last;}if(key==='Backspace'||key==='Clear'||key.length===1&&key!==' '&&!altKey&&!ctrlKey&&!metaKey){return SelectActions.Type;}if(isOpen){if(key==='ArrowUp'&&altKey){return SelectActions.CloseSelect;}else if(key==='ArrowDown'&&!altKey){return SelectActions.Next;}else if(key==='ArrowUp'){return SelectActions.Previous;}else if(key==='PageUp'){return SelectActions.PageUp;}else if(key==='PageDown'){return SelectActions.PageDown;}else if(key==='Escape'){return SelectActions.Close;}else if(key==='Enter'||dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete&&dropdownTriggerer!==dropdownComponentIds.triggers.SearchInput&&key===' '){return SelectActions.CloseSelect;}}return undefined;}function getIndexByLetter(options,filter){var startIndex=arguments.length>2&&arguments[2]!==undefined?arguments[2]:0;var orderedOptions=[].concat(_toConsumableArray(options.slice(startIndex)),_toConsumableArray(options.slice(0,startIndex)));var firstMatch=filterOptions(orderedOptions,filter)[0];var allSameLetter=function allSameLetter(array){return array.every(function(letter){return letter===array[0];});};if(firstMatch){return options.indexOf(firstMatch);}else if(allSameLetter(filter.split(''))){var matches=filterOptions(orderedOptions,filter[0]);return options.indexOf(matches[0]);}else {return -1;}}function getUpdatedIndex(_ref){var currentIndex=_ref.currentIndex,maxIndex=_ref.maxIndex,actionType=_ref.actionType;var pageSize=10;switch(actionType){case SelectActions.First:return 0;case SelectActions.Last:return maxIndex;case SelectActions.Previous:return Math.max(0,currentIndex-1);case SelectActions.Next:return Math.min(maxIndex,currentIndex+1);case SelectActions.PageUp:return Math.max(0,currentIndex-pageSize);case SelectActions.PageDown:return Math.min(maxIndex,currentIndex+pageSize);default:return currentIndex;}}function isElementVisibleOnScreen(element){var bounding=element.getBoundingClientRect();return bounding.top>=0&&bounding.left>=0&&bounding.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&bounding.right<=(window.innerWidth||document.documentElement.clientWidth);}function isElementVisible(container,element){var containerRect=container.getBoundingClientRect();var elementRect=element.getBoundingClientRect();var isVerticalVisible=elementRect.top>=containerRect.top&&elementRect.bottom<=containerRect.bottom;return isVerticalVisible;}function isScrollable(element){return element&&element.clientHeight<element.scrollHeight;}var performAction=function performAction(action,payload,actions){var event=payload.event;switch(action){case SelectActions.Last:case SelectActions.First:actions.setIsOpen(true);case SelectActions.Next:case SelectActions.Previous:case SelectActions.PageUp:case SelectActions.PageDown:event.preventDefault();actions.onOptionChange(action);return true;case SelectActions.CloseSelect:event.preventDefault();actions.selectCurrentOption();return true;case SelectActions.Close:event.preventDefault();actions.close();return true;case SelectActions.Type:actions.onComboType(event.key,action);return true;case SelectActions.Open:event.preventDefault();actions.setIsOpen(true);return true;}return false;};var ensureScrollVisiblity=function ensureScrollVisiblity(newActiveIndex,containerElement,options){if(containerElement){if(isScrollable(containerElement)){var optionEl=containerElement.querySelectorAll('[role="option"], [role="menuitem"]');if(newActiveIndex>=0&&optionEl[newActiveIndex].dataset.value===options[newActiveIndex]){var activeElement=optionEl[newActiveIndex];if(!isElementVisible(containerElement,activeElement)){activeElement.scrollIntoView({inline:'nearest'});}if(!isElementVisibleOnScreen(optionEl[newActiveIndex])){activeElement.scrollIntoView({behavior:'smooth'});}}}}};var makeInputValue=function makeInputValue(selectedIndices,options){if(options.length===0){return '';}return selectedIndices.map(function(selectedIndex){var _options$selectedInde;return (_options$selectedInde=options[selectedIndex])==null?void 0:_options$selectedInde.value;}).join(', ');};var makeInputDisplayValue=function makeInputDisplayValue(selectedIndices,options){if(options.length===0||selectedIndices.length===0){return '';}if(selectedIndices.length===1){var _options$selectedIndi;return (_options$selectedIndi=options[selectedIndices[0]])==null?void 0:_options$selectedIndi.title;}return `${selectedIndices.length} items selected`;};
+var SelectActions={Close:'Close',CloseSelect:'CloseSelect',First:'First',Last:'Last',Next:'Next',Open:'Open',PageDown:'PageDown',PageUp:'PageUp',Previous:'Previous',Select:'Select',Type:'Type'};function filterOptions(){var options=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var filter=arguments.length>1?arguments[1]:undefined;var exclude=arguments.length>2&&arguments[2]!==undefined?arguments[2]:[];return options.filter(function(option){var matches=String(option).toLowerCase().startsWith(filter.toLowerCase());return matches&&!exclude.includes(option);});}function getActionFromKey(e,isOpen,dropdownTriggerer){if(!e){return undefined;}var altKey=e.altKey,ctrlKey=e.ctrlKey,metaKey=e.metaKey;var key='';if('key'in e){key=e.key;}var openKeys=['ArrowDown','ArrowUp','Enter',' '];if(!key)return undefined;if(!isOpen&&key&&openKeys.includes(key)){return SelectActions.Open;}if(key==='Home'){return SelectActions.First;}if(key==='End'){return SelectActions.Last;}if(key==='Backspace'||key==='Clear'||key.length===1&&key!==' '&&!altKey&&!ctrlKey&&!metaKey){return SelectActions.Type;}if(isOpen){if(key==='ArrowUp'&&altKey){return SelectActions.CloseSelect;}else if(key==='ArrowDown'&&!altKey){return SelectActions.Next;}else if(key==='ArrowUp'){return SelectActions.Previous;}else if(key==='PageUp'){return SelectActions.PageUp;}else if(key==='PageDown'){return SelectActions.PageDown;}else if(key==='Escape'){return SelectActions.Close;}else if(key==='Enter'||dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete&&dropdownTriggerer!==dropdownComponentIds.triggers.SearchInput&&key===' '){return SelectActions.CloseSelect;}}return undefined;}function getIndexByLetter(options,filter){var startIndex=arguments.length>2&&arguments[2]!==undefined?arguments[2]:0;var orderedOptions=[].concat(_toConsumableArray(options.slice(startIndex)),_toConsumableArray(options.slice(0,startIndex)));var firstMatch=filterOptions(orderedOptions,filter)[0];var allSameLetter=function allSameLetter(array){return array.every(function(letter){return letter===array[0];});};if(firstMatch){return options.indexOf(firstMatch);}else if(allSameLetter(filter.split(''))){var matches=filterOptions(orderedOptions,filter[0]);return options.indexOf(matches[0]);}else {return -1;}}function getUpdatedIndex(_ref){var currentIndex=_ref.currentIndex,maxIndex=_ref.maxIndex,actionType=_ref.actionType;var pageSize=10;switch(actionType){case SelectActions.First:return 0;case SelectActions.Last:return maxIndex;case SelectActions.Previous:return Math.max(0,currentIndex-1);case SelectActions.Next:return Math.min(maxIndex,currentIndex+1);case SelectActions.PageUp:return Math.max(0,currentIndex-pageSize);case SelectActions.PageDown:return Math.min(maxIndex,currentIndex+pageSize);default:return currentIndex;}}function isElementVisibleOnScreen(element){var bounding=element.getBoundingClientRect();return bounding.top>=0&&bounding.left>=0&&bounding.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&bounding.right<=(window.innerWidth||document.documentElement.clientWidth);}function isElementVisible(container,element){var containerRect=container.getBoundingClientRect();var elementRect=element.getBoundingClientRect();var isVerticalVisible=elementRect.top>=containerRect.top&&elementRect.bottom<=containerRect.bottom;return isVerticalVisible;}function isScrollable(element){return element&&element.clientHeight<element.scrollHeight;}var performAction=function performAction(action,payload,actions){var event=payload.event;switch(action){case SelectActions.Last:case SelectActions.First:actions.setIsOpen(true);case SelectActions.Next:case SelectActions.Previous:case SelectActions.PageUp:case SelectActions.PageDown:event.preventDefault();actions.onOptionChange(action);return true;case SelectActions.CloseSelect:event.preventDefault();actions.selectCurrentOption();return true;case SelectActions.Close:event.preventDefault();actions.close();return true;case SelectActions.Type:actions.onComboType(event.key,action);return true;case SelectActions.Open:event.preventDefault();actions.setIsOpen(true);return true;default:break;}return false;};var ensureScrollVisiblity=function ensureScrollVisiblity(newActiveIndex,containerElement,options){if(containerElement){if(isScrollable(containerElement)){var optionEl=containerElement.querySelectorAll('[role="option"], [role="menuitem"]');if(newActiveIndex>=0&&optionEl[newActiveIndex].dataset.value===options[newActiveIndex]){var activeElement=optionEl[newActiveIndex];if(!isElementVisible(containerElement,activeElement)){activeElement.scrollIntoView({inline:'nearest'});}if(!isElementVisibleOnScreen(optionEl[newActiveIndex])){activeElement.scrollIntoView({behavior:'smooth'});}}}}};var makeInputValue=function makeInputValue(selectedIndices,options){if(options.length===0){return '';}return selectedIndices.map(function(selectedIndex){var _options$selectedInde;return (_options$selectedInde=options[selectedIndex])==null?void 0:_options$selectedInde.value;}).join(', ');};var makeInputDisplayValue=function makeInputDisplayValue(selectedIndices,options){if(options.length===0||selectedIndices.length===0){return '';}if(selectedIndices.length===1){var _options$selectedIndi;return (_options$selectedIndi=options[selectedIndices[0]])==null?void 0:_options$selectedIndi.title;}return `${selectedIndices.length} items selected`;};
 
 export { ensureScrollVisiblity, filterOptions, getActionFromKey, getIndexByLetter, getUpdatedIndex, isElementVisibleOnScreen, isScrollable, makeInputDisplayValue, makeInputValue, performAction };
 //# sourceMappingURL=dropdownUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdownUtils.js","sources":["../../../../../src/components/Dropdown/dropdownUtils.ts"],"sourcesContent":["/*\n * This content is licensed according to the W3C Software License at\n * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document\n *\n * This software or document includes material copied from or derived from\n * https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html.\n * Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang)\n */\n\nimport type { DropdownContextType, OptionsType } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport type { SpacingValueType } from '~components/Box/BaseBox';\n\nexport type SelectActionsType =\n  | 'Close'\n  | 'CloseSelect'\n  | 'First'\n  | 'Last'\n  | 'Next'\n  | 'Open'\n  | 'PageDown'\n  | 'PageUp'\n  | 'Previous'\n  | 'Select'\n  | 'Type';\n\n// Save a list of named combobox actions, for future readability\nconst SelectActions: Record<SelectActionsType, SelectActionsType> = {\n  Close: 'Close',\n  CloseSelect: 'CloseSelect',\n  First: 'First',\n  Last: 'Last',\n  Next: 'Next',\n  Open: 'Open',\n  PageDown: 'PageDown',\n  PageUp: 'PageUp',\n  Previous: 'Previous',\n  Select: 'Select',\n  Type: 'Type',\n};\n\n/**\n * Filter an array of options against an input string\n * returns an array of options that begin with the filter string, case-independent\n *\n */\nexport function filterOptions(\n  options: string[] = [],\n  filter: string,\n  exclude: string[] = [],\n): string[] {\n  return options.filter((option) => {\n    const matches = String(option).toLowerCase().startsWith(filter.toLowerCase());\n    return matches && !exclude.includes(option);\n  });\n}\n\n/**\n * Map a keypress to action\n */\nexport function getActionFromKey(\n  e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  isOpen: boolean,\n  dropdownTriggerer: DropdownContextType['dropdownTriggerer'],\n): SelectActionsType | undefined {\n  if (!e) {\n    return undefined;\n  }\n\n  const { altKey, ctrlKey, metaKey } = e;\n  let key = '';\n  if ('key' in e) {\n    key = e.key;\n  }\n  const openKeys = ['ArrowDown', 'ArrowUp', 'Enter', ' ']; // all keys that will do the default open action\n  if (!key) return undefined;\n  // handle opening when closed\n  if (!isOpen && key && openKeys.includes(key)) {\n    return SelectActions.Open;\n  }\n\n  // home and end move the selected option when open or closed\n  if (key === 'Home') {\n    return SelectActions.First;\n  }\n  if (key === 'End') {\n    return SelectActions.Last;\n  }\n\n  // handle typing characters when open or closed\n  if (\n    key === 'Backspace' ||\n    key === 'Clear' ||\n    (key.length === 1 && key !== ' ' && !altKey && !ctrlKey && !metaKey)\n  ) {\n    return SelectActions.Type;\n  }\n\n  // handle keys when open\n  if (isOpen) {\n    if (key === 'ArrowUp' && altKey) {\n      return SelectActions.CloseSelect;\n    } else if (key === 'ArrowDown' && !altKey) {\n      return SelectActions.Next;\n    } else if (key === 'ArrowUp') {\n      return SelectActions.Previous;\n    } else if (key === 'PageUp') {\n      return SelectActions.PageUp;\n    } else if (key === 'PageDown') {\n      return SelectActions.PageDown;\n    } else if (key === 'Escape') {\n      return SelectActions.Close;\n    } else if (\n      key === 'Enter' ||\n      // we ignore the spacebar select in autocomplete since hitting spacebar might be expected while typing\n      (dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete &&\n        dropdownTriggerer !== dropdownComponentIds.triggers.SearchInput &&\n        key === ' ')\n    ) {\n      return SelectActions.CloseSelect;\n    }\n  }\n\n  return undefined;\n}\n\n/**\n * Return the index of an option from an array of options, based on a search string\n *\n * if the filter is multiple iterations of the same letter (e.g \"aaa\"), then cycle through first-letter matches\n **/\nexport function getIndexByLetter(options: string[], filter: string, startIndex = 0): number {\n  const orderedOptions = [...options.slice(startIndex), ...options.slice(0, startIndex)];\n  const firstMatch = filterOptions(orderedOptions, filter)[0];\n  const allSameLetter = (array: string[]): boolean => array.every((letter) => letter === array[0]);\n\n  // first check if there is an exact match for the typed string\n  if (firstMatch) {\n    return options.indexOf(firstMatch);\n  }\n\n  // if the same letter is being repeated, cycle through first-letter matches\n  else if (allSameLetter(filter.split(''))) {\n    const matches = filterOptions(orderedOptions, filter[0]);\n    return options.indexOf(matches[0]);\n  }\n\n  // if no matches, return -1\n  else {\n    return -1;\n  }\n}\n\n/**\n * This functions makes sure the optionsIndex is not going out of possible options\n */\nexport function getUpdatedIndex({\n  currentIndex,\n  maxIndex,\n  actionType,\n}: {\n  currentIndex: number;\n  maxIndex: number;\n  actionType: SelectActionsType;\n}): number {\n  // On PageUP or PageDown, we jump focus by 10 items or to the first or last element\n  // Details: https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html#:~:text=PageUp,to%20last%20option).\n  const pageSize = 10;\n\n  switch (actionType) {\n    case SelectActions.First:\n      return 0;\n    case SelectActions.Last:\n      return maxIndex;\n    case SelectActions.Previous:\n      return Math.max(0, currentIndex - 1);\n    case SelectActions.Next:\n      return Math.min(maxIndex, currentIndex + 1);\n    case SelectActions.PageUp:\n      return Math.max(0, currentIndex - pageSize);\n    case SelectActions.PageDown:\n      return Math.min(maxIndex, currentIndex + pageSize);\n    default:\n      return currentIndex;\n  }\n}\n\n/**\n * Checks if the given HTML element is visible on screen\n */\nexport function isElementVisibleOnScreen(element: HTMLElement): boolean {\n  const bounding = element.getBoundingClientRect();\n\n  return (\n    bounding.top >= 0 &&\n    bounding.left >= 0 &&\n    bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    bounding.right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n}\n\n/**\n * Checks if element is visible inside the given container\n */\nfunction isElementVisible(container: HTMLElement, element: HTMLElement): boolean {\n  const containerRect = container.getBoundingClientRect();\n  const elementRect = element.getBoundingClientRect();\n\n  const isVerticalVisible =\n    elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom;\n\n  return isVerticalVisible;\n}\n\n/**\n * Checks if the dropdown is scrollable\n */\nexport function isScrollable(element: HTMLElement): boolean {\n  return element && element.clientHeight < element.scrollHeight;\n}\n\ntype ActionsType = {\n  setIsOpen: DropdownContextType['setIsOpen'];\n  close: DropdownContextType['close'];\n  selectCurrentOption: () => void;\n  onOptionChange: (action: SelectActionsType) => void;\n  onComboType: (letter: string, action: SelectActionsType) => void;\n};\n/**\n * Performs the action when actionType is passed\n *\n * This function handles all the keydown actions.\n */\nexport const performAction = (\n  action: SelectActionsType,\n  payload: {\n    event: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>;\n  },\n  actions: ActionsType,\n): boolean => {\n  const { event } = payload;\n\n  switch (action) {\n    case SelectActions.Last:\n    // @ts-expect-error: intentional fallthrough, ignoring the warning\n    case SelectActions.First:\n      actions.setIsOpen(true);\n    // intentional fallthrough\n    case SelectActions.Next:\n    case SelectActions.Previous:\n    case SelectActions.PageUp:\n    case SelectActions.PageDown:\n      event.preventDefault();\n      actions.onOptionChange(action);\n      return true;\n    case SelectActions.CloseSelect:\n      event.preventDefault();\n      actions.selectCurrentOption();\n      return true;\n    case SelectActions.Close:\n      event.preventDefault();\n      actions.close();\n      return true;\n    case SelectActions.Type:\n      actions.onComboType(event.key, action);\n      return true;\n    case SelectActions.Open:\n      event.preventDefault();\n      actions.setIsOpen(true);\n      return true;\n\n    default:\n      break;\n  }\n\n  return false;\n};\n\n/**\n * When options list is large, it can have a scrollbar.\n *\n * This function ensures the active option is always in the viewport\n */\nexport const ensureScrollVisiblity = (\n  newActiveIndex: number,\n  containerElement: HTMLElement | null,\n  options: string[],\n): void => {\n  // ensure the new option is in view\n  if (containerElement) {\n    if (isScrollable(containerElement)) {\n      const optionEl = containerElement.querySelectorAll<HTMLElement>(\n        '[role=\"option\"], [role=\"menuitem\"]',\n      );\n      // Making sure its the same element as the one from options state\n      if (\n        newActiveIndex >= 0 &&\n        optionEl[newActiveIndex].dataset.value === options[newActiveIndex]\n      ) {\n        const activeElement = optionEl[newActiveIndex];\n\n        if (!isElementVisible(containerElement, activeElement)) {\n          activeElement.scrollIntoView({ inline: 'nearest' });\n        }\n\n        if (!isElementVisibleOnScreen(optionEl[newActiveIndex])) {\n          activeElement.scrollIntoView({ behavior: 'smooth' });\n        }\n      }\n    }\n  }\n};\n\n/**\n * value that is set in the actual form input\n */\nexport const makeInputValue = (selectedIndices: number[], options: OptionsType): string => {\n  if (options.length === 0) {\n    return '';\n  }\n  return selectedIndices.map((selectedIndex) => options[selectedIndex]?.value).join(', ');\n};\n\n/**\n * Value that is displayed inside the select field\n */\nexport const makeInputDisplayValue = (selectedIndices: number[], options: OptionsType): string => {\n  // When no item is selected or no item is present\n  if (options.length === 0 || selectedIndices.length === 0) {\n    return '';\n  }\n\n  // When one item is selected, we display that item's title in input\n  if (selectedIndices.length === 1) {\n    return options[selectedIndices[0]]?.title;\n  }\n\n  // When more than one item is selected, we display the count of items\n  return `${selectedIndices.length} items selected`;\n};\n\nexport type DropdownPosition = {\n  top?: SpacingValueType;\n  bottom?: SpacingValueType;\n  left?: SpacingValueType;\n  right?: SpacingValueType;\n};\n"],"names":["SelectActions","Close","CloseSelect","First","Last","Next","Open","PageDown","PageUp","Previous","Select","Type","filterOptions","options","arguments","length","undefined","filter","exclude","option","matches","String","toLowerCase","startsWith","includes","getActionFromKey","e","isOpen","dropdownTriggerer","altKey","ctrlKey","metaKey","key","openKeys","dropdownComponentIds","triggers","AutoComplete","SearchInput","getIndexByLetter","startIndex","orderedOptions","concat","_toConsumableArray","slice","firstMatch","allSameLetter","array","every","letter","indexOf","split","getUpdatedIndex","_ref","currentIndex","maxIndex","actionType","pageSize","Math","max","min","isElementVisibleOnScreen","element","bounding","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","isElementVisible","container","containerRect","elementRect","isVerticalVisible","isScrollable","scrollHeight","performAction","action","payload","actions","event","setIsOpen","preventDefault","onOptionChange","selectCurrentOption","close","onComboType","ensureScrollVisiblity","newActiveIndex","containerElement","optionEl","querySelectorAll","dataset","value","activeElement","scrollIntoView","inline","behavior","makeInputValue","selectedIndices","map","selectedIndex","_options$selectedInde","join","makeInputDisplayValue","_options$selectedIndi","title"],"mappings":"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"}
+{"version":3,"file":"dropdownUtils.js","sources":["../../../../../src/components/Dropdown/dropdownUtils.ts"],"sourcesContent":["/*\n * This content is licensed according to the W3C Software License at\n * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document\n *\n * This software or document includes material copied from or derived from\n * https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html.\n * Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang)\n */\n\nimport type { DropdownContextType, OptionsType } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport type { SpacingValueType } from '~components/Box/BaseBox';\n\nexport type SelectActionsType =\n  | 'Close'\n  | 'CloseSelect'\n  | 'First'\n  | 'Last'\n  | 'Next'\n  | 'Open'\n  | 'PageDown'\n  | 'PageUp'\n  | 'Previous'\n  | 'Select'\n  | 'Type';\n\n// Save a list of named combobox actions, for future readability\nconst SelectActions: Record<SelectActionsType, SelectActionsType> = {\n  Close: 'Close',\n  CloseSelect: 'CloseSelect',\n  First: 'First',\n  Last: 'Last',\n  Next: 'Next',\n  Open: 'Open',\n  PageDown: 'PageDown',\n  PageUp: 'PageUp',\n  Previous: 'Previous',\n  Select: 'Select',\n  Type: 'Type',\n};\n\n/**\n * Filter an array of options against an input string\n * returns an array of options that begin with the filter string, case-independent\n *\n */\nexport function filterOptions(\n  options: string[] = [],\n  filter: string,\n  exclude: string[] = [],\n): string[] {\n  return options.filter((option) => {\n    const matches = String(option).toLowerCase().startsWith(filter.toLowerCase());\n    return matches && !exclude.includes(option);\n  });\n}\n\n/**\n * Map a keypress to action\n */\nexport function getActionFromKey(\n  e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  isOpen: boolean,\n  dropdownTriggerer: DropdownContextType['dropdownTriggerer'],\n): SelectActionsType | undefined {\n  if (!e) {\n    return undefined;\n  }\n\n  const { altKey, ctrlKey, metaKey } = e;\n  let key = '';\n  if ('key' in e) {\n    key = e.key;\n  }\n  const openKeys = ['ArrowDown', 'ArrowUp', 'Enter', ' ']; // all keys that will do the default open action\n  if (!key) return undefined;\n  // handle opening when closed\n  if (!isOpen && key && openKeys.includes(key)) {\n    return SelectActions.Open;\n  }\n\n  // home and end move the selected option when open or closed\n  if (key === 'Home') {\n    return SelectActions.First;\n  }\n  if (key === 'End') {\n    return SelectActions.Last;\n  }\n\n  // handle typing characters when open or closed\n  if (\n    key === 'Backspace' ||\n    key === 'Clear' ||\n    (key.length === 1 && key !== ' ' && !altKey && !ctrlKey && !metaKey)\n  ) {\n    return SelectActions.Type;\n  }\n\n  // handle keys when open\n  if (isOpen) {\n    if (key === 'ArrowUp' && altKey) {\n      return SelectActions.CloseSelect;\n    } else if (key === 'ArrowDown' && !altKey) {\n      return SelectActions.Next;\n    } else if (key === 'ArrowUp') {\n      return SelectActions.Previous;\n    } else if (key === 'PageUp') {\n      return SelectActions.PageUp;\n    } else if (key === 'PageDown') {\n      return SelectActions.PageDown;\n    } else if (key === 'Escape') {\n      return SelectActions.Close;\n    } else if (\n      key === 'Enter' ||\n      // we ignore the spacebar select in autocomplete since hitting spacebar might be expected while typing\n      (dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete &&\n        dropdownTriggerer !== dropdownComponentIds.triggers.SearchInput &&\n        key === ' ')\n    ) {\n      return SelectActions.CloseSelect;\n    }\n  }\n\n  return undefined;\n}\n\n/**\n * Return the index of an option from an array of options, based on a search string\n *\n * if the filter is multiple iterations of the same letter (e.g \"aaa\"), then cycle through first-letter matches\n **/\nexport function getIndexByLetter(options: string[], filter: string, startIndex = 0): number {\n  const orderedOptions = [...options.slice(startIndex), ...options.slice(0, startIndex)];\n  const firstMatch = filterOptions(orderedOptions, filter)[0];\n  const allSameLetter = (array: string[]): boolean => array.every((letter) => letter === array[0]);\n\n  // first check if there is an exact match for the typed string\n  if (firstMatch) {\n    return options.indexOf(firstMatch);\n  }\n\n  // if the same letter is being repeated, cycle through first-letter matches\n  else if (allSameLetter(filter.split(''))) {\n    const matches = filterOptions(orderedOptions, filter[0]);\n    return options.indexOf(matches[0]);\n  }\n\n  // if no matches, return -1\n  else {\n    return -1;\n  }\n}\n\n/**\n * This functions makes sure the optionsIndex is not going out of possible options\n */\nexport function getUpdatedIndex({\n  currentIndex,\n  maxIndex,\n  actionType,\n}: {\n  currentIndex: number;\n  maxIndex: number;\n  actionType: SelectActionsType;\n}): number {\n  // On PageUP or PageDown, we jump focus by 10 items or to the first or last element\n  // Details: https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html#:~:text=PageUp,to%20last%20option).\n  const pageSize = 10;\n\n  switch (actionType) {\n    case SelectActions.First:\n      return 0;\n    case SelectActions.Last:\n      return maxIndex;\n    case SelectActions.Previous:\n      return Math.max(0, currentIndex - 1);\n    case SelectActions.Next:\n      return Math.min(maxIndex, currentIndex + 1);\n    case SelectActions.PageUp:\n      return Math.max(0, currentIndex - pageSize);\n    case SelectActions.PageDown:\n      return Math.min(maxIndex, currentIndex + pageSize);\n    default:\n      return currentIndex;\n  }\n}\n\n/**\n * Checks if the given HTML element is visible on screen\n */\nexport function isElementVisibleOnScreen(element: HTMLElement): boolean {\n  const bounding = element.getBoundingClientRect();\n\n  return (\n    bounding.top >= 0 &&\n    bounding.left >= 0 &&\n    bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    bounding.right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n}\n\n/**\n * Checks if element is visible inside the given container\n */\nfunction isElementVisible(container: HTMLElement, element: HTMLElement): boolean {\n  const containerRect = container.getBoundingClientRect();\n  const elementRect = element.getBoundingClientRect();\n\n  const isVerticalVisible =\n    elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom;\n\n  return isVerticalVisible;\n}\n\n/**\n * Checks if the dropdown is scrollable\n */\nexport function isScrollable(element: HTMLElement): boolean {\n  return element && element.clientHeight < element.scrollHeight;\n}\n\ntype ActionsType = {\n  setIsOpen: DropdownContextType['setIsOpen'];\n  close: DropdownContextType['close'];\n  selectCurrentOption: () => void;\n  onOptionChange: (action: SelectActionsType) => void;\n  onComboType: (letter: string, action: SelectActionsType) => void;\n};\n/**\n * Performs the action when actionType is passed\n *\n * This function handles all the keydown actions.\n */\nexport const performAction = (\n  action: SelectActionsType,\n  payload: {\n    event: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>;\n  },\n  actions: ActionsType,\n): boolean => {\n  const { event } = payload;\n\n  switch (action) {\n    case SelectActions.Last:\n    // @ts-expect-error: intentional fallthrough, ignoring the warning\n    case SelectActions.First:\n      actions.setIsOpen(true);\n    // intentional fallthrough\n    case SelectActions.Next:\n    case SelectActions.Previous:\n    case SelectActions.PageUp:\n    case SelectActions.PageDown:\n      event.preventDefault();\n      actions.onOptionChange(action);\n      return true;\n    case SelectActions.CloseSelect:\n      event.preventDefault();\n      actions.selectCurrentOption();\n      return true;\n    case SelectActions.Close:\n      event.preventDefault();\n      actions.close();\n      return true;\n    case SelectActions.Type:\n      actions.onComboType(event.key, action);\n      return true;\n    case SelectActions.Open:\n      event.preventDefault();\n      actions.setIsOpen(true);\n      return true;\n\n    default:\n      break;\n  }\n\n  return false;\n};\n\n/**\n * When options list is large, it can have a scrollbar.\n *\n * This function ensures the active option is always in the viewport\n */\nexport const ensureScrollVisiblity = (\n  newActiveIndex: number,\n  containerElement: HTMLElement | null,\n  options: string[],\n): void => {\n  // ensure the new option is in view\n  if (containerElement) {\n    if (isScrollable(containerElement)) {\n      const optionEl = containerElement.querySelectorAll<HTMLElement>(\n        '[role=\"option\"], [role=\"menuitem\"]',\n      );\n      // Making sure its the same element as the one from options state\n      if (\n        newActiveIndex >= 0 &&\n        optionEl[newActiveIndex].dataset.value === options[newActiveIndex]\n      ) {\n        const activeElement = optionEl[newActiveIndex];\n\n        if (!isElementVisible(containerElement, activeElement)) {\n          activeElement.scrollIntoView({ inline: 'nearest' });\n        }\n\n        if (!isElementVisibleOnScreen(optionEl[newActiveIndex])) {\n          activeElement.scrollIntoView({ behavior: 'smooth' });\n        }\n      }\n    }\n  }\n};\n\n/**\n * value that is set in the actual form input\n */\nexport const makeInputValue = (selectedIndices: number[], options: OptionsType): string => {\n  if (options.length === 0) {\n    return '';\n  }\n  return selectedIndices.map((selectedIndex) => options[selectedIndex]?.value).join(', ');\n};\n\n/**\n * Value that is displayed inside the select field\n */\nexport const makeInputDisplayValue = (selectedIndices: number[], options: OptionsType): string => {\n  // When no item is selected or no item is present\n  if (options.length === 0 || selectedIndices.length === 0) {\n    return '';\n  }\n\n  // When one item is selected, we display that item's title in input\n  if (selectedIndices.length === 1) {\n    return options[selectedIndices[0]]?.title;\n  }\n\n  // When more than one item is selected, we display the count of items\n  return `${selectedIndices.length} items selected`;\n};\n\nexport type DropdownPosition = {\n  top?: SpacingValueType;\n  bottom?: SpacingValueType;\n  left?: SpacingValueType;\n  right?: SpacingValueType;\n};\n"],"names":["SelectActions","Close","CloseSelect","First","Last","Next","Open","PageDown","PageUp","Previous","Select","Type","filterOptions","options","arguments","length","undefined","filter","exclude","option","matches","String","toLowerCase","startsWith","includes","getActionFromKey","e","isOpen","dropdownTriggerer","altKey","ctrlKey","metaKey","key","openKeys","dropdownComponentIds","triggers","AutoComplete","SearchInput","getIndexByLetter","startIndex","orderedOptions","concat","_toConsumableArray","slice","firstMatch","allSameLetter","array","every","letter","indexOf","split","getUpdatedIndex","_ref","currentIndex","maxIndex","actionType","pageSize","Math","max","min","isElementVisibleOnScreen","element","bounding","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","isElementVisible","container","containerRect","elementRect","isVerticalVisible","isScrollable","scrollHeight","performAction","action","payload","actions","event","setIsOpen","preventDefault","onOptionChange","selectCurrentOption","close","onComboType","ensureScrollVisiblity","newActiveIndex","containerElement","optionEl","querySelectorAll","dataset","value","activeElement","scrollIntoView","inline","behavior","makeInputValue","selectedIndices","map","selectedIndex","_options$selectedInde","join","makeInputDisplayValue","_options$selectedIndi","title"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+var getTitleFromValue=function getTitleFromValue(options,value){var option=options.find(function(currentOption){return currentOption.value===value;});return option?option.title:'';};var getFilterChipDisplayValue=function getFilterChipDisplayValue(_ref){var value=_ref.value,options=_ref.options,selectionType=_ref.selectionType,uncontrolledInputValue=_ref.uncontrolledInputValue;var titleForValue=function titleForValue(selectionValue){return getTitleFromValue(options,selectionValue)||selectionValue;};if(value===undefined){if(selectionType==='single'){return uncontrolledInputValue.length>0?titleForValue(uncontrolledInputValue[0]):'';}return uncontrolledInputValue.map(titleForValue);}if(Array.isArray(value)){return value.map(titleForValue);}return titleForValue(value);};
+
+export { getFilterChipDisplayValue };
+//# sourceMappingURL=filterChipSelectInputUtils.js.map