@razorpay/blade 10.23.4 → 11.0.0

package/build/lib/native/components/Accordion/AccordionButton.native.js

@@ -13,8 +13,7 @@ import '../../tokens/global/motion.js';
 import { castNativeType } from '../../utils/platform/castUtils.js';
 import useTheme from '../BladeProvider/useTheme.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Heading } from '../Typography/Heading/Heading.js';
-import '../Typography/Text/Text.js';
+import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
@@ -28,7 +27,7 @@ import 'react-native-gesture-handler';
 import '../BottomSheet/BottomSheetStack.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 
-var _AccordionButton=function _AccordionButton(_ref){var index=_ref.index,Icon=_ref.icon,children=_ref.children;var _useCollapsible=useCollapsible(),onExpandChange=_useCollapsible.onExpandChange,isExpanded=_useCollapsible.isExpanded,collapsibleBodyId=_useCollapsible.collapsibleBodyId;var _useAccordion=useAccordion(),showNumberPrefix=_useAccordion.showNumberPrefix,expandedIndex=_useAccordion.expandedIndex;var _useTheme=useTheme(),theme=_useTheme.theme;var toggleCollapse=function toggleCollapse(){return onExpandChange(!isExpanded);};var isItemExpanded=expandedIndex===index;var isPressed=useSharedValue(false);var duration=castNativeType(getTransitionDuration(theme));var easing=castNativeType(getTransitionEasing(theme));var activeBackgroundColor=useSharedValue(getBackgroundColor({theme:theme,isExpanded:isExpanded,isActive:true}));var inActiveBackgroundColor=useSharedValue(getBackgroundColor({theme:theme,isExpanded:isExpanded,isActive:false}));useEffect(function(){activeBackgroundColor.value=getBackgroundColor({theme:theme,isExpanded:isExpanded,isActive:true});inActiveBackgroundColor.value=getBackgroundColor({theme:theme,isExpanded:isExpanded,isActive:false});},[isExpanded,activeBackgroundColor,inActiveBackgroundColor,theme]);var animatedStyles=useAnimatedStyle(function(){return {backgroundColor:withTiming(isPressed.value?activeBackgroundColor.value:inActiveBackgroundColor.value,{duration:duration,easing:easing})};});var _showNumberPrefix=typeof index==='number'&&showNumberPrefix;var _index=_showNumberPrefix?jsxs(Heading,{size:"small",marginRight:"spacing.2",children:[index+1,"."]}):null;var a11yLabel=_showNumberPrefix?`${index+1}. ${children}`:children;var renderChildren=function renderChildren(_ref2){var pressed=_ref2.pressed;isPressed.value=pressed;var iconColor=pressed?'surface.action.icon.focus.lowContrast':'surface.action.icon.default.lowContrast';var _icon=Icon&&jsx(Icon,{size:"medium",color:iconColor,marginRight:"spacing.3",marginY:"spacing.2"});if(__DEV__){if(_index&&_icon){throwBladeError({message:"showNumberPrefix and icon shouldn't be used together",moduleName:'Accordion'});}}return jsxs(BaseBox,{display:"flex",flexDirection:"row",flex:1,justifyContent:"space-between",alignItems:"center",children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"flex-start",marginRight:"spacing.5",flexShrink:1,children:[_index,_icon,jsx(Heading,{size:"small",children:children})]}),jsx(BaseBox,{children:jsx(CollapsibleChevronIcon,{color:iconColor,size:"large"})})]});};return jsx(StyledAccordionButton,Object.assign({isExpanded:isExpanded,onPress:toggleCollapse,style:animatedStyles},makeAccessible({role:'button',expanded:isItemExpanded,controls:collapsibleBodyId,label:a11yLabel}),metaAttribute({name:MetaConstants.AccordionButton}),{children:renderChildren}));};var AccordionButton=assignWithoutSideEffects(_AccordionButton,{componentId:MetaConstants.AccordionButton});
+var _AccordionButton=function _AccordionButton(_ref){var index=_ref.index,Icon=_ref.icon,children=_ref.children;var _useCollapsible=useCollapsible(),onExpandChange=_useCollapsible.onExpandChange,isExpanded=_useCollapsible.isExpanded,collapsibleBodyId=_useCollapsible.collapsibleBodyId;var _useAccordion=useAccordion(),showNumberPrefix=_useAccordion.showNumberPrefix,expandedIndex=_useAccordion.expandedIndex;var _useTheme=useTheme(),theme=_useTheme.theme;var toggleCollapse=function toggleCollapse(){return onExpandChange(!isExpanded);};var isItemExpanded=expandedIndex===index;var isPressed=useSharedValue(false);var duration=castNativeType(getTransitionDuration(theme));var easing=castNativeType(getTransitionEasing(theme));var activeBackgroundColor=useSharedValue(getBackgroundColor({theme:theme,isExpanded:isExpanded,isActive:true}));var inActiveBackgroundColor=useSharedValue(getBackgroundColor({theme:theme,isExpanded:isExpanded,isActive:false}));useEffect(function(){activeBackgroundColor.value=getBackgroundColor({theme:theme,isExpanded:isExpanded,isActive:true});inActiveBackgroundColor.value=getBackgroundColor({theme:theme,isExpanded:isExpanded,isActive:false});},[isExpanded,activeBackgroundColor,inActiveBackgroundColor,theme]);var animatedStyles=useAnimatedStyle(function(){return {backgroundColor:withTiming(isPressed.value?activeBackgroundColor.value:inActiveBackgroundColor.value,{duration:duration,easing:easing})};});var _showNumberPrefix=typeof index==='number'&&showNumberPrefix;var _index=_showNumberPrefix?jsxs(Text,{size:"large",weight:"semibold",marginRight:"spacing.2",children:[index+1,"."]}):null;var a11yLabel=_showNumberPrefix?`${index+1}. ${children}`:children;var renderChildren=function renderChildren(_ref2){var pressed=_ref2.pressed;isPressed.value=pressed;var iconColor=pressed||isExpanded?'interactive.icon.gray.subtle':'interactive.icon.gray.muted';var _icon=Icon&&jsx(Icon,{size:"medium",color:"surface.icon.gray.muted",marginRight:"spacing.3",marginY:"spacing.2"});if(__DEV__){if(_index&&_icon){throwBladeError({message:"showNumberPrefix and icon shouldn't be used together",moduleName:'Accordion'});}}return jsxs(BaseBox,{display:"flex",flexDirection:"row",flex:1,justifyContent:"space-between",alignItems:"center",children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"flex-start",marginRight:"spacing.5",flexShrink:1,children:[_index,_icon,jsx(Text,{size:"large",weight:"semibold",children:children})]}),jsx(BaseBox,{children:jsx(CollapsibleChevronIcon,{color:iconColor,size:"large"})})]});};return jsx(StyledAccordionButton,Object.assign({isExpanded:isExpanded,onPress:toggleCollapse,style:animatedStyles},makeAccessible({role:'button',expanded:isItemExpanded,controls:collapsibleBodyId,label:a11yLabel}),metaAttribute({name:MetaConstants.AccordionButton}),{children:renderChildren}));};var AccordionButton=assignWithoutSideEffects(_AccordionButton,{componentId:MetaConstants.AccordionButton});
 
 export { AccordionButton };
 //# sourceMappingURL=AccordionButton.native.js.map

package/build/lib/native/components/Accordion/AccordionButton.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionButton.native.js","sources":["../../../../../src/components/Accordion/AccordionButton.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useEffect } from 'react';\nimport type { PressableProps } from 'react-native';\nimport { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport { StyledAccordionButton } from './StyledAccordionButton.native';\nimport type { AccordionButtonProps } from './types';\nimport { useAccordion } from './AccordionContext';\nimport { getBackgroundColor, getTransitionDuration, getTransitionEasing } from './commonStyles';\nimport { Heading } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { castNativeType } from '~utils';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { CollapsibleChevronIcon } from '~components/Collapsible/CollapsibleChevronIcon';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { IconProps } from '~components/Icons';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nconst _AccordionButton = ({ index, icon: Icon, children }: AccordionButtonProps): ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n  const { showNumberPrefix, expandedIndex } = useAccordion();\n  const { theme } = useTheme();\n\n  const toggleCollapse = (): void => onExpandChange(!isExpanded);\n  const isItemExpanded = expandedIndex === index;\n\n  const isPressed = useSharedValue(false);\n\n  const duration = castNativeType(getTransitionDuration(theme));\n  const easing = castNativeType(getTransitionEasing(theme));\n\n  const activeBackgroundColor = useSharedValue(\n    getBackgroundColor({ theme, isExpanded, isActive: true }),\n  );\n  const inActiveBackgroundColor = useSharedValue(\n    getBackgroundColor({ theme, isExpanded, isActive: false }),\n  );\n\n  /**\n   * `backgroundColor` is derived from `isExpanded` and pressed state.\n   *\n   * Since we can't directly access return values from JS functions (`getBackgroundColor`) on UI thread,\n   * this effect updates the shared values for active / inactive states which are used by `animatedStyles`.\n   */\n  useEffect(() => {\n    activeBackgroundColor.value = getBackgroundColor({ theme, isExpanded, isActive: true });\n    inActiveBackgroundColor.value = getBackgroundColor({ theme, isExpanded, isActive: false });\n  }, [isExpanded, activeBackgroundColor, inActiveBackgroundColor, theme]);\n\n  const animatedStyles = useAnimatedStyle(() => ({\n    backgroundColor: withTiming(\n      isPressed.value ? activeBackgroundColor.value : inActiveBackgroundColor.value,\n      {\n        duration,\n        easing,\n      },\n    ),\n  }));\n\n  const _showNumberPrefix = typeof index === 'number' && showNumberPrefix;\n\n  const _index = _showNumberPrefix ? (\n    <Heading size=\"small\" marginRight=\"spacing.2\">\n      {index + 1}.\n    </Heading>\n  ) : null;\n\n  const a11yLabel = _showNumberPrefix ? `${index + 1}. ${children}` : children;\n\n  const renderChildren: PressableProps['children'] = ({ pressed }) => {\n    isPressed.value = pressed;\n\n    const iconColor: IconProps['color'] = pressed\n      ? 'surface.action.icon.focus.lowContrast'\n      : 'surface.action.icon.default.lowContrast';\n\n    const _icon = Icon && (\n      <Icon size=\"medium\" color={iconColor} marginRight=\"spacing.3\" marginY=\"spacing.2\" />\n    );\n\n    if (__DEV__) {\n      if (_index && _icon) {\n        throwBladeError({\n          message: \"showNumberPrefix and icon shouldn't be used together\",\n          moduleName: 'Accordion',\n        });\n      }\n    }\n\n    return (\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        flex={1}\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n      >\n        <BaseBox\n          display=\"flex\"\n          flexDirection=\"row\"\n          alignItems=\"flex-start\"\n          /**\n           * The `marginRight` is slightly larger here than web and the design spec (`spacing.4`),\n           * because otherwise lengthy text sometimes comes too close to the rotating chevron icon\n           * which doesn't look perfect\n           */\n          marginRight=\"spacing.5\"\n          flexShrink={1}\n        >\n          {_index}\n          {_icon}\n          <Heading size=\"small\">{children}</Heading>\n        </BaseBox>\n        <BaseBox>\n          <CollapsibleChevronIcon color={iconColor} size=\"large\" />\n        </BaseBox>\n      </BaseBox>\n    );\n  };\n\n  return (\n    <StyledAccordionButton\n      isExpanded={isExpanded}\n      onPress={toggleCollapse}\n      style={animatedStyles}\n      {...makeAccessible({\n        role: 'button',\n        expanded: isItemExpanded,\n        controls: collapsibleBodyId,\n        label: a11yLabel,\n      })}\n      {...metaAttribute({ name: MetaConstants.AccordionButton })}\n    >\n      {renderChildren}\n    </StyledAccordionButton>\n  );\n};\n\nconst AccordionButton = assignWithoutSideEffects(_AccordionButton, {\n  componentId: MetaConstants.AccordionButton,\n});\n\nexport { AccordionButton };\n"],"names":["_AccordionButton","_ref","index","Icon","icon","children","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","_useAccordion","useAccordion","showNumberPrefix","expandedIndex","_useTheme","useTheme","theme","toggleCollapse","isItemExpanded","isPressed","useSharedValue","duration","castNativeType","getTransitionDuration","easing","getTransitionEasing","activeBackgroundColor","getBackgroundColor","isActive","inActiveBackgroundColor","useEffect","value","animatedStyles","useAnimatedStyle","backgroundColor","withTiming","_showNumberPrefix","_index","_jsxs","Heading","size","marginRight","a11yLabel","renderChildren","_ref2","pressed","iconColor","_icon","_jsx","color","marginY","__DEV__","throwBladeError","message","moduleName","BaseBox","display","flexDirection","flex","justifyContent","alignItems","flexShrink","CollapsibleChevronIcon","StyledAccordionButton","Object","assign","onPress","style","makeAccessible","role","expanded","controls","label","metaAttribute","name","MetaConstants","AccordionButton","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"AccordionButton.native.js","sources":["../../../../../src/components/Accordion/AccordionButton.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useEffect } from 'react';\nimport type { PressableProps } from 'react-native';\nimport { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport { StyledAccordionButton } from './StyledAccordionButton.native';\nimport type { AccordionButtonProps } from './types';\nimport { useAccordion } from './AccordionContext';\nimport { getBackgroundColor, getTransitionDuration, getTransitionEasing } from './commonStyles';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { castNativeType } from '~utils';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { CollapsibleChevronIcon } from '~components/Collapsible/CollapsibleChevronIcon';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { IconProps } from '~components/Icons';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nconst _AccordionButton = ({ index, icon: Icon, children }: AccordionButtonProps): ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n  const { showNumberPrefix, expandedIndex } = useAccordion();\n  const { theme } = useTheme();\n\n  const toggleCollapse = (): void => onExpandChange(!isExpanded);\n  const isItemExpanded = expandedIndex === index;\n\n  const isPressed = useSharedValue(false);\n\n  const duration = castNativeType(getTransitionDuration(theme));\n  const easing = castNativeType(getTransitionEasing(theme));\n\n  const activeBackgroundColor = useSharedValue(\n    getBackgroundColor({ theme, isExpanded, isActive: true }),\n  );\n  const inActiveBackgroundColor = useSharedValue(\n    getBackgroundColor({ theme, isExpanded, isActive: false }),\n  );\n\n  /**\n   * `backgroundColor` is derived from `isExpanded` and pressed state.\n   *\n   * Since we can't directly access return values from JS functions (`getBackgroundColor`) on UI thread,\n   * this effect updates the shared values for active / inactive states which are used by `animatedStyles`.\n   */\n  useEffect(() => {\n    activeBackgroundColor.value = getBackgroundColor({ theme, isExpanded, isActive: true });\n    inActiveBackgroundColor.value = getBackgroundColor({ theme, isExpanded, isActive: false });\n  }, [isExpanded, activeBackgroundColor, inActiveBackgroundColor, theme]);\n\n  const animatedStyles = useAnimatedStyle(() => ({\n    backgroundColor: withTiming(\n      isPressed.value ? activeBackgroundColor.value : inActiveBackgroundColor.value,\n      {\n        duration,\n        easing,\n      },\n    ),\n  }));\n\n  const _showNumberPrefix = typeof index === 'number' && showNumberPrefix;\n\n  const _index = _showNumberPrefix ? (\n    <Text size=\"large\" weight=\"semibold\" marginRight=\"spacing.2\">\n      {index + 1}.\n    </Text>\n  ) : null;\n\n  const a11yLabel = _showNumberPrefix ? `${index + 1}. ${children}` : children;\n\n  const renderChildren: PressableProps['children'] = ({ pressed }) => {\n    isPressed.value = pressed;\n\n    const iconColor: IconProps['color'] =\n      pressed || isExpanded ? 'interactive.icon.gray.subtle' : 'interactive.icon.gray.muted';\n\n    const _icon = Icon && (\n      <Icon\n        size=\"medium\"\n        color=\"surface.icon.gray.muted\"\n        marginRight=\"spacing.3\"\n        marginY=\"spacing.2\"\n      />\n    );\n\n    if (__DEV__) {\n      if (_index && _icon) {\n        throwBladeError({\n          message: \"showNumberPrefix and icon shouldn't be used together\",\n          moduleName: 'Accordion',\n        });\n      }\n    }\n\n    return (\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        flex={1}\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n      >\n        <BaseBox\n          display=\"flex\"\n          flexDirection=\"row\"\n          alignItems=\"flex-start\"\n          /**\n           * The `marginRight` is slightly larger here than web and the design spec (`spacing.4`),\n           * because otherwise lengthy text sometimes comes too close to the rotating chevron icon\n           * which doesn't look perfect\n           */\n          marginRight=\"spacing.5\"\n          flexShrink={1}\n        >\n          {_index}\n          {_icon}\n          <Text size=\"large\" weight=\"semibold\">\n            {children}\n          </Text>\n        </BaseBox>\n        <BaseBox>\n          <CollapsibleChevronIcon color={iconColor} size=\"large\" />\n        </BaseBox>\n      </BaseBox>\n    );\n  };\n\n  return (\n    <StyledAccordionButton\n      isExpanded={isExpanded}\n      onPress={toggleCollapse}\n      style={animatedStyles}\n      {...makeAccessible({\n        role: 'button',\n        expanded: isItemExpanded,\n        controls: collapsibleBodyId,\n        label: a11yLabel,\n      })}\n      {...metaAttribute({ name: MetaConstants.AccordionButton })}\n    >\n      {renderChildren}\n    </StyledAccordionButton>\n  );\n};\n\nconst AccordionButton = assignWithoutSideEffects(_AccordionButton, {\n  componentId: MetaConstants.AccordionButton,\n});\n\nexport { AccordionButton };\n"],"names":["_AccordionButton","_ref","index","Icon","icon","children","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","_useAccordion","useAccordion","showNumberPrefix","expandedIndex","_useTheme","useTheme","theme","toggleCollapse","isItemExpanded","isPressed","useSharedValue","duration","castNativeType","getTransitionDuration","easing","getTransitionEasing","activeBackgroundColor","getBackgroundColor","isActive","inActiveBackgroundColor","useEffect","value","animatedStyles","useAnimatedStyle","backgroundColor","withTiming","_showNumberPrefix","_index","_jsxs","Text","size","weight","marginRight","a11yLabel","renderChildren","_ref2","pressed","iconColor","_icon","_jsx","color","marginY","__DEV__","throwBladeError","message","moduleName","BaseBox","display","flexDirection","flex","justifyContent","alignItems","flexShrink","CollapsibleChevronIcon","StyledAccordionButton","Object","assign","onPress","style","makeAccessible","role","expanded","controls","label","metaAttribute","name","MetaConstants","AccordionButton","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/Accordion/AccordionItem.js

@@ -22,7 +22,7 @@ import '../Collapsible/CollapsibleButton.js';
 import { CollapsibleBody } from '../Collapsible/CollapsibleBody.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 
-var BLANK_SPACE=' ';var reactNativeMultilineTextOverflowFix=jsx(BaseBox,Object.assign({},makeAccessible({hidden:true}),{children:jsx(Text,{children:BLANK_SPACE})}));var AccordionItem=function AccordionItem(_ref){var title=_ref.title,description=_ref.description,icon=_ref.icon,children=_ref.children,_index=_ref._index,testID=_ref.testID;var _useAccordion=useAccordion(),expandedIndex=_useAccordion.expandedIndex,onExpandChange=_useAccordion.onExpandChange,defaultExpandedIndex=_useAccordion.defaultExpandedIndex;var isExpanded=expandedIndex===_index;var isDefaultExpanded=defaultExpandedIndex===_index;var _description=description&&jsx(Text,{type:"subtle",children:description});var handleExpandChange=function handleExpandChange(_ref2){var isExpanded=_ref2.isExpanded;if(isExpanded&&typeof _index!=='undefined'){onExpandChange(_index);}else {onExpandChange(-1);}};var collapsibleBodyContent=isReactNative()?jsxs(BaseBox,{marginX:"spacing.5",children:[_description,jsx(BaseBox,{marginTop:description&&children?'spacing.5':'spacing.0',children:children}),reactNativeMultilineTextOverflowFix]}):jsxs(BaseBox,{display:"flex",flexDirection:"column",gap:"spacing.5",marginBottom:"spacing.5",marginX:"spacing.5",children:[_description,children]});return jsxs(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItem,testID:testID}),{children:[jsxs(Collapsible,{isExpanded:isExpanded,defaultIsExpanded:isDefaultExpanded,onExpandChange:handleExpandChange,_shouldApplyWidthRestrictions:false,children:[jsx(AccordionButton,{index:_index,icon:icon,children:title}),jsx(CollapsibleBody,{width:isReactNative()?'100%':undefined,children:collapsibleBodyContent})]}),jsx(Divider,{})]}));};
+var BLANK_SPACE=' ';var reactNativeMultilineTextOverflowFix=jsx(BaseBox,Object.assign({},makeAccessible({hidden:true}),{children:jsx(Text,{children:BLANK_SPACE})}));var AccordionItem=function AccordionItem(_ref){var title=_ref.title,description=_ref.description,icon=_ref.icon,children=_ref.children,_index=_ref._index,testID=_ref.testID;var _useAccordion=useAccordion(),expandedIndex=_useAccordion.expandedIndex,onExpandChange=_useAccordion.onExpandChange,defaultExpandedIndex=_useAccordion.defaultExpandedIndex;var isExpanded=expandedIndex===_index;var isDefaultExpanded=defaultExpandedIndex===_index;var _description=description&&jsx(Text,{color:"interactive.text.gray.subtle",children:description});var handleExpandChange=function handleExpandChange(_ref2){var isExpanded=_ref2.isExpanded;if(isExpanded&&typeof _index!=='undefined'){onExpandChange(_index);}else {onExpandChange(-1);}};var collapsibleBodyContent=isReactNative()?jsxs(BaseBox,{marginX:"spacing.5",children:[_description,jsx(BaseBox,{marginTop:description&&children?'spacing.5':'spacing.0',children:children}),reactNativeMultilineTextOverflowFix]}):jsxs(BaseBox,{display:"flex",flexDirection:"column",gap:"spacing.5",marginBottom:"spacing.5",marginX:"spacing.5",children:[_description,children]});return jsxs(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItem,testID:testID}),{children:[jsxs(Collapsible,{isExpanded:isExpanded,defaultIsExpanded:isDefaultExpanded,onExpandChange:handleExpandChange,_shouldApplyWidthRestrictions:false,children:[jsx(AccordionButton,{index:_index,icon:icon,children:title}),jsx(CollapsibleBody,{width:isReactNative()?'100%':undefined,children:collapsibleBodyContent})]}),jsx(Divider,{})]}));};
 
 export { AccordionItem };
 //# sourceMappingURL=AccordionItem.js.map

package/build/lib/native/components/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport { AccordionButton } from './AccordionButton';\nimport { useAccordion } from './AccordionContext';\nimport { Divider } from '~components/Divider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { isReactNative } from '~utils';\nimport { Collapsible } from '~components/Collapsible/Collapsible';\nimport { CollapsibleBody } from '~components/Collapsible';\nimport type { TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype AccordionItemProps = {\n  /**\n   * Title text content\n   */\n  title: string;\n\n  /**\n   * Body text content\n   */\n  description?: string;\n\n  /**\n   * Renders a Blade icon as title prefix (requires `showNumberPrefix={false}`)\n   */\n  icon?: IconComponent;\n\n  /**\n   * Slot, renders any custom content\n   */\n  children?: ReactNode;\n\n  /**\n   * **Internal:** used for determining numbering, you don't need to pass this,\n   * instead pass `showNumberPrefix` to root `Accordion`\n   */\n  _index?: number;\n} & TestID;\n\nconst BLANK_SPACE = ' ';\n\n/**\n * On React Native if the `AccordionItem` has a lengthy description which renders a `Text` spanning multiple lines,\n * it sometimes messes up the layout calculation (it thinks of multiline as a single line before flowing in the UI).\n * And during the expanding / collapsing animation, text reflows causing words to jump around across lines.\n *\n * Rendering a blank `Text` at the end seems to fix all this 🤯\n */\nconst reactNativeMultilineTextOverflowFix = (\n  // make this hidden from screen readers\n  <BaseBox {...makeAccessible({ hidden: true })}>\n    <Text>{BLANK_SPACE}</Text>\n  </BaseBox>\n);\n\nconst AccordionItem = ({\n  title,\n  description,\n  icon,\n  children,\n  _index,\n  testID,\n}: AccordionItemProps): ReactElement => {\n  const { expandedIndex, onExpandChange, defaultExpandedIndex } = useAccordion();\n  const isExpanded = expandedIndex === _index;\n  const isDefaultExpanded = defaultExpandedIndex === _index;\n\n  const _description = description && <Text type=\"subtle\">{description}</Text>;\n  const handleExpandChange = ({ isExpanded }: { isExpanded: boolean }): void => {\n    if (isExpanded && typeof _index !== 'undefined') {\n      onExpandChange(_index);\n    } else {\n      onExpandChange(-1);\n    }\n  };\n\n  const collapsibleBodyContent = isReactNative() ? (\n    <BaseBox marginX=\"spacing.5\">\n      {_description}\n      <BaseBox marginTop={description && children ? 'spacing.5' : 'spacing.0'}>{children}</BaseBox>\n      {reactNativeMultilineTextOverflowFix}\n    </BaseBox>\n  ) : (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.5\"\n      marginBottom=\"spacing.5\"\n      marginX=\"spacing.5\"\n    >\n      {_description}\n      {children}\n    </BaseBox>\n  );\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.AccordionItem, testID })}>\n      <Collapsible\n        isExpanded={isExpanded}\n        defaultIsExpanded={isDefaultExpanded}\n        onExpandChange={handleExpandChange}\n        // Accordion has its own width restrictions\n        _shouldApplyWidthRestrictions={false}\n      >\n        <AccordionButton index={_index} icon={icon}>\n          {title}\n        </AccordionButton>\n        <CollapsibleBody\n          // Just React Native things, need this 100% so collapsed content flows correctly inside Accordion\n          width={isReactNative() ? '100%' : undefined}\n        >\n          {collapsibleBodyContent}\n        </CollapsibleBody>\n      </Collapsible>\n      <Divider />\n    </BaseBox>\n  );\n};\n\nexport type { AccordionItemProps };\nexport { AccordionItem };\n"],"names":["BLANK_SPACE","reactNativeMultilineTextOverflowFix","_jsx","BaseBox","Object","assign","makeAccessible","hidden","children","Text","AccordionItem","_ref","title","description","icon","_index","testID","_useAccordion","useAccordion","expandedIndex","onExpandChange","defaultExpandedIndex","isExpanded","isDefaultExpanded","_description","type","handleExpandChange","_ref2","collapsibleBodyContent","isReactNative","_jsxs","marginX","marginTop","display","flexDirection","gap","marginBottom","metaAttribute","name","MetaConstants","Collapsible","defaultIsExpanded","_shouldApplyWidthRestrictions","AccordionButton","index","CollapsibleBody","width","undefined","Divider"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport { AccordionButton } from './AccordionButton';\nimport { useAccordion } from './AccordionContext';\nimport { Divider } from '~components/Divider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { isReactNative } from '~utils';\nimport { Collapsible } from '~components/Collapsible/Collapsible';\nimport { CollapsibleBody } from '~components/Collapsible';\nimport type { TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype AccordionItemProps = {\n  /**\n   * Title text content\n   */\n  title: string;\n\n  /**\n   * Body text content\n   */\n  description?: string;\n\n  /**\n   * Renders a Blade icon as title prefix (requires `showNumberPrefix={false}`)\n   */\n  icon?: IconComponent;\n\n  /**\n   * Slot, renders any custom content\n   */\n  children?: ReactNode;\n\n  /**\n   * **Internal:** used for determining numbering, you don't need to pass this,\n   * instead pass `showNumberPrefix` to root `Accordion`\n   */\n  _index?: number;\n} & TestID;\n\nconst BLANK_SPACE = ' ';\n\n/**\n * On React Native if the `AccordionItem` has a lengthy description which renders a `Text` spanning multiple lines,\n * it sometimes messes up the layout calculation (it thinks of multiline as a single line before flowing in the UI).\n * And during the expanding / collapsing animation, text reflows causing words to jump around across lines.\n *\n * Rendering a blank `Text` at the end seems to fix all this 🤯\n */\nconst reactNativeMultilineTextOverflowFix = (\n  // make this hidden from screen readers\n  <BaseBox {...makeAccessible({ hidden: true })}>\n    <Text>{BLANK_SPACE}</Text>\n  </BaseBox>\n);\n\nconst AccordionItem = ({\n  title,\n  description,\n  icon,\n  children,\n  _index,\n  testID,\n}: AccordionItemProps): ReactElement => {\n  const { expandedIndex, onExpandChange, defaultExpandedIndex } = useAccordion();\n  const isExpanded = expandedIndex === _index;\n  const isDefaultExpanded = defaultExpandedIndex === _index;\n\n  const _description = description && (\n    <Text color=\"interactive.text.gray.subtle\">{description}</Text>\n  );\n  const handleExpandChange = ({ isExpanded }: { isExpanded: boolean }): void => {\n    if (isExpanded && typeof _index !== 'undefined') {\n      onExpandChange(_index);\n    } else {\n      onExpandChange(-1);\n    }\n  };\n\n  const collapsibleBodyContent = isReactNative() ? (\n    <BaseBox marginX=\"spacing.5\">\n      {_description}\n      <BaseBox marginTop={description && children ? 'spacing.5' : 'spacing.0'}>{children}</BaseBox>\n      {reactNativeMultilineTextOverflowFix}\n    </BaseBox>\n  ) : (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.5\"\n      marginBottom=\"spacing.5\"\n      marginX=\"spacing.5\"\n    >\n      {_description}\n      {children}\n    </BaseBox>\n  );\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.AccordionItem, testID })}>\n      <Collapsible\n        isExpanded={isExpanded}\n        defaultIsExpanded={isDefaultExpanded}\n        onExpandChange={handleExpandChange}\n        // Accordion has its own width restrictions\n        _shouldApplyWidthRestrictions={false}\n      >\n        <AccordionButton index={_index} icon={icon}>\n          {title}\n        </AccordionButton>\n        <CollapsibleBody\n          // Just React Native things, need this 100% so collapsed content flows correctly inside Accordion\n          width={isReactNative() ? '100%' : undefined}\n        >\n          {collapsibleBodyContent}\n        </CollapsibleBody>\n      </Collapsible>\n      <Divider />\n    </BaseBox>\n  );\n};\n\nexport type { AccordionItemProps };\nexport { AccordionItem };\n"],"names":["BLANK_SPACE","reactNativeMultilineTextOverflowFix","_jsx","BaseBox","Object","assign","makeAccessible","hidden","children","Text","AccordionItem","_ref","title","description","icon","_index","testID","_useAccordion","useAccordion","expandedIndex","onExpandChange","defaultExpandedIndex","isExpanded","isDefaultExpanded","_description","color","handleExpandChange","_ref2","collapsibleBodyContent","isReactNative","_jsxs","marginX","marginTop","display","flexDirection","gap","marginBottom","metaAttribute","name","MetaConstants","Collapsible","defaultIsExpanded","_shouldApplyWidthRestrictions","AccordionButton","index","CollapsibleBody","width","undefined","Divider"],"mappings":"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"}

package/build/lib/native/components/Accordion/commonStyles.js

@@ -4,7 +4,7 @@ import 'react';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
 import '../BladeProvider/useTheme.js';
 
-var getTransitionDuration=function getTransitionDuration(theme){return makeMotionTime(theme.motion.duration['2xquick']);};var getTransitionEasing=function getTransitionEasing(theme){return theme.motion.easing.standard.effective;};var getBackgroundColor=function getBackgroundColor(_ref){var theme=_ref.theme,isExpanded=_ref.isExpanded,isActive=_ref.isActive;var gray=theme.colors.brand.gray;if(isActive){if(isExpanded){return gray.a100.lowContrast;}return gray.a50.lowContrast;}if(isExpanded){return gray.a50.lowContrast;}var TRANSPARENT='hsla(0, 0%, 100%, 0)';return TRANSPARENT;};var getCommonAccordionButtonStyles=function getCommonAccordionButtonStyles(props){var theme=props.theme;return {padding:theme.spacing[5],display:'flex',flexDirection:'row',alignItems:'center',justifyContent:'space-between'};};
+var getTransitionDuration=function getTransitionDuration(theme){return makeMotionTime(theme.motion.duration['2xquick']);};var getTransitionEasing=function getTransitionEasing(theme){return theme.motion.easing.standard.effective;};var getBackgroundColor=function getBackgroundColor(_ref){var theme=_ref.theme,isExpanded=_ref.isExpanded,isActive=_ref.isActive;var gray=theme.colors.interactive.background.gray;if(isActive){return gray.faded;}if(isExpanded){return gray.default;}var TRANSPARENT='hsla(0, 0%, 100%, 0)';return TRANSPARENT;};var getCommonAccordionButtonStyles=function getCommonAccordionButtonStyles(props){var theme=props.theme;return {padding:theme.spacing[5],display:'flex',flexDirection:'row',alignItems:'center',justifyContent:'space-between'};};
 
 export { getBackgroundColor, getCommonAccordionButtonStyles, getTransitionDuration, getTransitionEasing };
 //# sourceMappingURL=commonStyles.js.map

package/build/lib/native/components/Accordion/commonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"commonStyles.js","sources":["../../../../../src/components/Accordion/commonStyles.ts"],"sourcesContent":["import type { CSSObject, StyledProps } from 'styled-components';\nimport type { StyledAccordionButtonProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeMotionTime } from '~utils';\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionDuration = (theme: Theme) => makeMotionTime(theme.motion.duration['2xquick']);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionEasing = (theme: Theme) => theme.motion.easing.standard.effective;\n\nconst getBackgroundColor = ({\n  theme,\n  isExpanded,\n  isActive,\n}: {\n  theme: Theme;\n  isExpanded: boolean;\n  isActive: boolean;\n}): string => {\n  const { gray } = theme.colors.brand;\n\n  if (isActive) {\n    if (isExpanded) {\n      return gray.a100.lowContrast;\n    }\n    return gray.a50.lowContrast;\n  }\n\n  if (isExpanded) {\n    return gray.a50.lowContrast;\n  }\n\n  const TRANSPARENT = 'hsla(0, 0%, 100%, 0)';\n  return TRANSPARENT;\n};\n\nconst getCommonAccordionButtonStyles = (\n  props: StyledProps<StyledAccordionButtonProps>,\n): CSSObject => {\n  const { theme } = props;\n\n  return {\n    padding: theme.spacing[5],\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  };\n};\n\nexport {\n  getTransitionDuration,\n  getTransitionEasing,\n  getBackgroundColor,\n  getCommonAccordionButtonStyles,\n};\n"],"names":["getTransitionDuration","theme","makeMotionTime","motion","duration","getTransitionEasing","easing","standard","effective","getBackgroundColor","_ref","isExpanded","isActive","gray","colors","brand","a100","lowContrast","a50","TRANSPARENT","getCommonAccordionButtonStyles","props","padding","spacing","display","flexDirection","alignItems","justifyContent"],"mappings":";;;;;;AAMM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIC,KAAY,CAAK,CAAA,OAAAC,cAAc,CAACD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAA,EAG1F,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIJ,KAAY,SAAKA,KAAK,CAACE,MAAM,CAACG,MAAM,CAACC,QAAQ,CAACC,SAAS,CAEpF,EAAM,IAAAC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAQV,KAPZT,KAAK,CAAAS,IAAA,CAALT,KAAK,CACLU,UAAU,CAAAD,IAAA,CAAVC,UAAU,CACVC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAMR,IAAQC,IAAI,CAAKZ,KAAK,CAACa,MAAM,CAACC,KAAK,CAA3BF,IAAI,CAEZ,GAAID,QAAQ,CAAE,CACZ,GAAID,UAAU,CAAE,CACd,OAAOE,IAAI,CAACG,IAAI,CAACC,WAAW,CAC9B,CACA,OAAOJ,IAAI,CAACK,GAAG,CAACD,WAAW,CAC7B,CAEA,GAAIN,UAAU,CAAE,CACd,OAAOE,IAAI,CAACK,GAAG,CAACD,WAAW,CAC7B,CAEA,IAAME,WAAW,CAAG,sBAAsB,CAC1C,OAAOA,WAAW,CACpB,EAEM,IAAAC,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAClCC,KAA8C,CAChC,CACd,IAAQpB,KAAK,CAAKoB,KAAK,CAAfpB,KAAK,CAEb,OAAO,CACLqB,OAAO,CAAErB,KAAK,CAACsB,OAAO,CAAC,CAAC,CAAC,CACzBC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,KAAK,CACpBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,eAClB,CAAC,CACH;;;;"}
+{"version":3,"file":"commonStyles.js","sources":["../../../../../src/components/Accordion/commonStyles.ts"],"sourcesContent":["import type { CSSObject, StyledProps } from 'styled-components';\nimport type { StyledAccordionButtonProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeMotionTime } from '~utils';\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionDuration = (theme: Theme) => makeMotionTime(theme.motion.duration['2xquick']);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionEasing = (theme: Theme) => theme.motion.easing.standard.effective;\n\nconst getBackgroundColor = ({\n  theme,\n  isExpanded,\n  isActive,\n}: {\n  theme: Theme;\n  isExpanded: boolean;\n  isActive: boolean;\n}): string => {\n  const { gray } = theme.colors.interactive.background;\n\n  if (isActive) {\n    return gray.faded;\n  }\n\n  if (isExpanded) {\n    return gray.default;\n  }\n\n  const TRANSPARENT = 'hsla(0, 0%, 100%, 0)';\n  return TRANSPARENT;\n};\n\nconst getCommonAccordionButtonStyles = (\n  props: StyledProps<StyledAccordionButtonProps>,\n): CSSObject => {\n  const { theme } = props;\n\n  return {\n    padding: theme.spacing[5],\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  };\n};\n\nexport {\n  getTransitionDuration,\n  getTransitionEasing,\n  getBackgroundColor,\n  getCommonAccordionButtonStyles,\n};\n"],"names":["getTransitionDuration","theme","makeMotionTime","motion","duration","getTransitionEasing","easing","standard","effective","getBackgroundColor","_ref","isExpanded","isActive","gray","colors","interactive","background","faded","default","TRANSPARENT","getCommonAccordionButtonStyles","props","padding","spacing","display","flexDirection","alignItems","justifyContent"],"mappings":";;;;;;AAMM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIC,KAAY,CAAA,CAAA,OAAKC,cAAc,CAACD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAGhG,EAAM,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIJ,KAAY,CAAA,CAAA,OAAKA,KAAK,CAACE,MAAM,CAACG,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAA,EAE9E,IAAAC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAQV,CAPZ,IAAAT,KAAK,CAAAS,IAAA,CAALT,KAAK,CACLU,UAAU,CAAAD,IAAA,CAAVC,UAAU,CACVC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAMR,IAAQC,IAAI,CAAKZ,KAAK,CAACa,MAAM,CAACC,WAAW,CAACC,UAAU,CAA5CH,IAAI,CAEZ,GAAID,QAAQ,CAAE,CACZ,OAAOC,IAAI,CAACI,KAAK,CACnB,CAEA,GAAIN,UAAU,CAAE,CACd,OAAOE,IAAI,CAACK,OAAO,CACrB,CAEA,IAAMC,WAAW,CAAG,sBAAsB,CAC1C,OAAOA,WAAW,CACpB,EAEM,IAAAC,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAClCC,KAA8C,CAChC,CACd,IAAQpB,KAAK,CAAKoB,KAAK,CAAfpB,KAAK,CAEb,OAAO,CACLqB,OAAO,CAAErB,KAAK,CAACsB,OAAO,CAAC,CAAC,CAAC,CACzBC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,KAAK,CACpBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,eAClB,CAAC,CACH;;;;"}

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

@@ -11,11 +11,10 @@ import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/a
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
 import { dropdownComponentIds } from '../Dropdown/dropdownComponentIds.js';
 import { jsx } from 'react/jsx-runtime';
 
-var ActionListContext=React__default.createContext({surfaceLevel:2});var useActionListContext=function useActionListContext(){var context=React__default.useContext(ActionListContext);if(__DEV__){if(!context){throwBladeError({message:'useActionListContext has to be called inside ActionListContext.Provider',moduleName:'ActionList'});}}return context;};var _ActionList=function _ActionList(_ref){var children=_ref.children,_ref$surfaceLevel=_ref.surfaceLevel,surfaceLevel=_ref$surfaceLevel===void 0?2:_ref$surfaceLevel,testID=_ref.testID;var _useDropdown=useDropdown(),setOptions=_useDropdown.setOptions,actionListItemRef=_useDropdown.actionListItemRef,selectionType=_useDropdown.selectionType,dropdownBaseId=_useDropdown.dropdownBaseId,dropdownTriggerer=_useDropdown.dropdownTriggerer,hasFooterAction=_useDropdown.hasFooterAction,filteredValues=_useDropdown.filteredValues;var _useBottomSheetContex=useBottomSheetContext(),isInBottomSheet=_useBottomSheetContex.isInBottomSheet;var _React$useMemo=React__default.useMemo(function(){return getActionListProperties(children);},[children]),sectionData=_React$useMemo.sectionData,childrenWithId=_React$useMemo.childrenWithId,actionListOptions=_React$useMemo.actionListOptions;React__default.useEffect(function(){setOptions(actionListOptions);},[actionListOptions]);var actionListContextValue=React__default.useMemo(function(){return {surfaceLevel:surfaceLevel};},[surfaceLevel]);if(filteredValues.length<=0&&dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete){return jsx(ActionListNoResults,{});}var actionListContainerRole=getActionListContainerRole(hasFooterAction,dropdownTriggerer);var actionListItemWrapperRole=getActionListItemWrapperRole(hasFooterAction,dropdownTriggerer);var isMultiSelectable=selectionType==='multiple';return jsx(ActionListContext.Provider,{value:actionListContextValue,children:isInBottomSheet?jsx(ActionListBox,{isInBottomSheet:isInBottomSheet,actionListItemWrapperRole:actionListItemWrapperRole,childrenWithId:childrenWithId,sectionData:sectionData,isMultiSelectable:isMultiSelectable,ref:actionListItemRef}):jsx(BaseBox,Object.assign({id:`${dropdownBaseId}-actionlist`},makeAccessible({role:actionListContainerRole,multiSelectable:actionListContainerRole==='listbox'?isMultiSelectable:undefined,labelledBy:`${dropdownBaseId}-label`}),metaAttribute({name:MetaConstants.ActionList,testID:testID}),{children:jsx(ActionListBox,{isInBottomSheet:isInBottomSheet,actionListItemWrapperRole:actionListItemWrapperRole,childrenWithId:childrenWithId,sectionData:sectionData,isMultiSelectable:isMultiSelectable,ref:actionListItemRef})}))});};var ActionList=assignWithoutSideEffects(React__default.memo(_ActionList),{displayName:componentIds.ActionList,componentId:componentIds.ActionList});
+var _ActionList=function _ActionList(_ref){var children=_ref.children,testID=_ref.testID;var _useDropdown=useDropdown(),setOptions=_useDropdown.setOptions,actionListItemRef=_useDropdown.actionListItemRef,selectionType=_useDropdown.selectionType,dropdownBaseId=_useDropdown.dropdownBaseId,dropdownTriggerer=_useDropdown.dropdownTriggerer,hasFooterAction=_useDropdown.hasFooterAction,filteredValues=_useDropdown.filteredValues;var _useBottomSheetContex=useBottomSheetContext(),isInBottomSheet=_useBottomSheetContex.isInBottomSheet;var _React$useMemo=React__default.useMemo(function(){return getActionListProperties(children);},[children]),sectionData=_React$useMemo.sectionData,childrenWithId=_React$useMemo.childrenWithId,actionListOptions=_React$useMemo.actionListOptions;React__default.useEffect(function(){setOptions(actionListOptions);},[actionListOptions]);if(filteredValues.length<=0&&dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete){return jsx(ActionListNoResults,{});}var actionListContainerRole=getActionListContainerRole(hasFooterAction,dropdownTriggerer);var actionListItemWrapperRole=getActionListItemWrapperRole(hasFooterAction,dropdownTriggerer);var isMultiSelectable=selectionType==='multiple';return isInBottomSheet?jsx(ActionListBox,{isInBottomSheet:isInBottomSheet,actionListItemWrapperRole:actionListItemWrapperRole,childrenWithId:childrenWithId,sectionData:sectionData,isMultiSelectable:isMultiSelectable,ref:actionListItemRef}):jsx(BaseBox,Object.assign({id:`${dropdownBaseId}-actionlist`},makeAccessible({role:actionListContainerRole,multiSelectable:actionListContainerRole==='listbox'?isMultiSelectable:undefined,labelledBy:`${dropdownBaseId}-label`}),metaAttribute({name:MetaConstants.ActionList,testID:testID}),{children:jsx(ActionListBox,{isInBottomSheet:isInBottomSheet,actionListItemWrapperRole:actionListItemWrapperRole,childrenWithId:childrenWithId,sectionData:sectionData,isMultiSelectable:isMultiSelectable,ref:actionListItemRef})}));};var ActionList=assignWithoutSideEffects(React__default.memo(_ActionList),{displayName:componentIds.ActionList,componentId:componentIds.ActionList});
 
-export { ActionList, useActionListContext };
+export { ActionList };
 //# sourceMappingURL=ActionList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionList.js","sources":["../../../../../src/components/ActionList/ActionList.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { getActionListContainerRole, getActionListItemWrapperRole } from './getA11yRoles';\nimport { getActionListProperties } from './actionListUtils';\nimport { ActionListBox } from './ActionListBox';\nimport { componentIds } from './componentIds';\nimport { ActionListNoResults } from './ActionListNoResults';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { TestID } from '~utils/types';\nimport type { SurfaceLevels } from '~tokens/theme/theme';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\n\ntype ActionListContextProp = Pick<ActionListProps, 'surfaceLevel'>;\nconst ActionListContext = React.createContext<ActionListContextProp>({ surfaceLevel: 2 });\nconst useActionListContext = (): ActionListContextProp => {\n  const context = React.useContext(ActionListContext);\n\n  if (__DEV__) {\n    if (!context) {\n      throwBladeError({\n        message: 'useActionListContext has to be called inside ActionListContext.Provider',\n        moduleName: 'ActionList',\n      });\n    }\n  }\n  return context;\n};\n\ntype ActionListProps = {\n  children: React.ReactNode[];\n  /**\n   * Decides the backgroundColor of ActionList\n   */\n  surfaceLevel?: Exclude<SurfaceLevels, 1>;\n} & TestID;\n\nconst _ActionList = ({\n  children,\n  surfaceLevel = 2,\n  testID,\n}: ActionListProps): React.ReactElement => {\n  const {\n    setOptions,\n    actionListItemRef,\n    selectionType,\n    dropdownBaseId,\n    dropdownTriggerer,\n    hasFooterAction,\n    filteredValues,\n  } = useDropdown();\n\n  const { isInBottomSheet } = useBottomSheetContext();\n\n  const { sectionData, childrenWithId, actionListOptions } = React.useMemo(\n    () => getActionListProperties(children),\n    [children],\n  );\n\n  React.useEffect(() => {\n    setOptions(actionListOptions);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [actionListOptions]);\n  const actionListContextValue = React.useMemo(() => ({ surfaceLevel }), [surfaceLevel]);\n\n  if (\n    filteredValues.length <= 0 &&\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete\n  ) {\n    return <ActionListNoResults />;\n  }\n\n  const actionListContainerRole = getActionListContainerRole(hasFooterAction, dropdownTriggerer);\n  const actionListItemWrapperRole = getActionListItemWrapperRole(\n    hasFooterAction,\n    dropdownTriggerer,\n  );\n  const isMultiSelectable = selectionType === 'multiple';\n\n  // If we are inside BottomSheet, we don't render The StyledActionList wrapper\n  // This is to ensure:\n  // 1. We don't render the box wrapper styles which includes shadows, padding, border etc\n  // 2. to ensure GorhomBottomSheetSectionList works as expected, if we add extra wrappers GorhomBottomSheet won't render the content inside\n  // NOTE: That this also means inside BottomSheet, ActionList won't render any ActionListHeader or Footer.\n  return (\n    <ActionListContext.Provider value={actionListContextValue}>\n      {isInBottomSheet ? (\n        <ActionListBox\n          isInBottomSheet={isInBottomSheet}\n          actionListItemWrapperRole={actionListItemWrapperRole}\n          childrenWithId={childrenWithId}\n          sectionData={sectionData}\n          isMultiSelectable={isMultiSelectable}\n          ref={actionListItemRef as any}\n        />\n      ) : (\n        <BaseBox\n          id={`${dropdownBaseId}-actionlist`}\n          {...makeAccessible({\n            role: actionListContainerRole,\n            multiSelectable: actionListContainerRole === 'listbox' ? isMultiSelectable : undefined,\n            labelledBy: `${dropdownBaseId}-label`,\n          })}\n          {...metaAttribute({ name: MetaConstants.ActionList, testID })}\n        >\n          <ActionListBox\n            isInBottomSheet={isInBottomSheet}\n            actionListItemWrapperRole={actionListItemWrapperRole}\n            childrenWithId={childrenWithId}\n            sectionData={sectionData}\n            isMultiSelectable={isMultiSelectable}\n            ref={actionListItemRef as any}\n          />\n        </BaseBox>\n      )}\n    </ActionListContext.Provider>\n  );\n};\n\n/**\n * ### ActionList\n *\n * List of multiple actionable items. Can be used as menu items inside `Dropdown`,\n * `BottomSheet` and as selectable items when combined with `SelectInput`\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown>\n *  <SelectInput label=\"Select Action\" />\n *  <DropdownOverlay>\n *    <DropdownHeader title=\"Header Title\" />\n *    <ActionList>\n *      <ActionListItem\n *        title=\"Home\"\n *        value=\"home\"\n *        leading={<ActionListItemIcon icon={HomeIcon} />}\n *      />\n *      <ActionListItem\n *        title=\"Pricing\"\n *        value=\"pricing\"\n *        leading={<ActionListItemAsset src=\"https://flagcdn.com/w20/in.png\" alt=\"India Flag\" />}\n *      />\n *    </ActionList>\n *    <DropdownFooter><Button>Apply</Button></DropdownFooter>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n */\nconst ActionList = assignWithoutSideEffects(React.memo(_ActionList), {\n  displayName: componentIds.ActionList,\n  componentId: componentIds.ActionList,\n});\n\nexport type { ActionListProps };\nexport { ActionList, useActionListContext };\n"],"names":["ActionListContext","React","createContext","surfaceLevel","useActionListContext","context","useContext","__DEV__","throwBladeError","message","moduleName","_ActionList","_ref","children","_ref$surfaceLevel","testID","_useDropdown","useDropdown","setOptions","actionListItemRef","selectionType","dropdownBaseId","dropdownTriggerer","hasFooterAction","filteredValues","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_React$useMemo","useMemo","getActionListProperties","sectionData","childrenWithId","actionListOptions","useEffect","actionListContextValue","length","dropdownComponentIds","triggers","AutoComplete","_jsx","ActionListNoResults","actionListContainerRole","getActionListContainerRole","actionListItemWrapperRole","getActionListItemWrapperRole","isMultiSelectable","Provider","value","ActionListBox","ref","BaseBox","Object","assign","id","makeAccessible","role","multiSelectable","undefined","labelledBy","metaAttribute","name","MetaConstants","ActionList","assignWithoutSideEffects","memo","displayName","componentIds","componentId"],"mappings":"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"}
+{"version":3,"file":"ActionList.js","sources":["../../../../../src/components/ActionList/ActionList.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { getActionListContainerRole, getActionListItemWrapperRole } from './getA11yRoles';\nimport { getActionListProperties } from './actionListUtils';\nimport { ActionListBox } from './ActionListBox';\nimport { componentIds } from './componentIds';\nimport { ActionListNoResults } from './ActionListNoResults';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\n\ntype ActionListProps = {\n  children: React.ReactNode[];\n} & TestID;\n\nconst _ActionList = ({ children, testID }: ActionListProps): React.ReactElement => {\n  const {\n    setOptions,\n    actionListItemRef,\n    selectionType,\n    dropdownBaseId,\n    dropdownTriggerer,\n    hasFooterAction,\n    filteredValues,\n  } = useDropdown();\n\n  const { isInBottomSheet } = useBottomSheetContext();\n\n  const { sectionData, childrenWithId, actionListOptions } = React.useMemo(\n    () => getActionListProperties(children),\n    [children],\n  );\n\n  React.useEffect(() => {\n    setOptions(actionListOptions);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [actionListOptions]);\n\n  if (\n    filteredValues.length <= 0 &&\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete\n  ) {\n    return <ActionListNoResults />;\n  }\n\n  const actionListContainerRole = getActionListContainerRole(hasFooterAction, dropdownTriggerer);\n  const actionListItemWrapperRole = getActionListItemWrapperRole(\n    hasFooterAction,\n    dropdownTriggerer,\n  );\n  const isMultiSelectable = selectionType === 'multiple';\n\n  // If we are inside BottomSheet, we don't render The StyledActionList wrapper\n  // This is to ensure:\n  // 1. We don't render the box wrapper styles which includes shadows, padding, border etc\n  // 2. to ensure GorhomBottomSheetSectionList works as expected, if we add extra wrappers GorhomBottomSheet won't render the content inside\n  // NOTE: That this also means inside BottomSheet, ActionList won't render any ActionListHeader or Footer.\n  return isInBottomSheet ? (\n    <ActionListBox\n      isInBottomSheet={isInBottomSheet}\n      actionListItemWrapperRole={actionListItemWrapperRole}\n      childrenWithId={childrenWithId}\n      sectionData={sectionData}\n      isMultiSelectable={isMultiSelectable}\n      ref={actionListItemRef as any}\n    />\n  ) : (\n    <BaseBox\n      id={`${dropdownBaseId}-actionlist`}\n      {...makeAccessible({\n        role: actionListContainerRole,\n        multiSelectable: actionListContainerRole === 'listbox' ? isMultiSelectable : undefined,\n        labelledBy: `${dropdownBaseId}-label`,\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionList, testID })}\n    >\n      <ActionListBox\n        isInBottomSheet={isInBottomSheet}\n        actionListItemWrapperRole={actionListItemWrapperRole}\n        childrenWithId={childrenWithId}\n        sectionData={sectionData}\n        isMultiSelectable={isMultiSelectable}\n        ref={actionListItemRef as any}\n      />\n    </BaseBox>\n  );\n};\n\n/**\n * ### ActionList\n *\n * List of multiple actionable items. Can be used as menu items inside `Dropdown`,\n * `BottomSheet` and as selectable items when combined with `SelectInput`\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown>\n *  <SelectInput label=\"Select Action\" />\n *  <DropdownOverlay>\n *    <DropdownHeader title=\"Header Title\" />\n *    <ActionList>\n *      <ActionListItem\n *        title=\"Home\"\n *        value=\"home\"\n *        leading={<ActionListItemIcon icon={HomeIcon} />}\n *      />\n *      <ActionListItem\n *        title=\"Pricing\"\n *        value=\"pricing\"\n *        leading={<ActionListItemAsset src=\"https://flagcdn.com/w20/in.png\" alt=\"India Flag\" />}\n *      />\n *    </ActionList>\n *    <DropdownFooter><Button>Apply</Button></DropdownFooter>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n */\nconst ActionList = assignWithoutSideEffects(React.memo(_ActionList), {\n  displayName: componentIds.ActionList,\n  componentId: componentIds.ActionList,\n});\n\nexport type { ActionListProps };\nexport { ActionList };\n"],"names":["_ActionList","_ref","children","testID","_useDropdown","useDropdown","setOptions","actionListItemRef","selectionType","dropdownBaseId","dropdownTriggerer","hasFooterAction","filteredValues","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_React$useMemo","React","useMemo","getActionListProperties","sectionData","childrenWithId","actionListOptions","useEffect","length","dropdownComponentIds","triggers","AutoComplete","_jsx","ActionListNoResults","actionListContainerRole","getActionListContainerRole","actionListItemWrapperRole","getActionListItemWrapperRole","isMultiSelectable","ActionListBox","ref","BaseBox","Object","assign","id","makeAccessible","role","multiSelectable","undefined","labelledBy","metaAttribute","name","MetaConstants","ActionList","assignWithoutSideEffects","memo","displayName","componentIds","componentId"],"mappings":"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"}

package/build/lib/native/components/ActionList/ActionListBox.native.js

@@ -7,9 +7,12 @@ import { useBottomSheetContext } from '../BottomSheet/BottomSheetContext.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 import { Divider } from '../Divider/Divider.js';
+import '@babel/runtime/helpers/slicedToArray';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import '../BladeProvider/useTheme.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _ActionListBox=React__default.forwardRef(function(_ref,ref){var sectionData=_ref.sectionData,actionListItemWrapperRole=_ref.actionListItemWrapperRole,isMultiSelectable=_ref.isMultiSelectable,isInBottomSheet=_ref.isInBottomSheet;var _useBottomSheetContex=useBottomSheetContext(),footerHeight=_useBottomSheetContex.footerHeight,setContentHeight=_useBottomSheetContex.setContentHeight;var renderActionListItem=React__default.useCallback(function(_ref2){var item=_ref2.item;return jsx(ActionListItem,Object.assign({},item));},[]);var renderActionListSectionHeader=React__default.useCallback(function(_ref3){var title=_ref3.section.title;if(!title)return null;return jsx(ActionListSection,{title:title,_hideDivider:true,children:undefined});},[]);var renderActionListSectionDivider=React__default.useCallback(function(_ref4){var _ref4$section=_ref4.section,title=_ref4$section.title,hideDivider=_ref4$section.hideDivider;if(!title)return null;if(hideDivider)return null;return jsx(Divider,{});},[]);return jsx(StyledListBoxWrapper,Object.assign({as:isInBottomSheet?BottomSheetSectionList:SectionList,isInBottomSheet:Boolean(isInBottomSheet),marginBottom:footerHeight,sections:sectionData,windowSize:5,keyExtractor:function keyExtractor(item){return item.value;},stickySectionHeadersEnabled:false,renderSectionHeader:renderActionListSectionHeader,renderSectionFooter:renderActionListSectionDivider,renderItem:renderActionListItem,ref:ref,onContentSizeChange:function onContentSizeChange(_width,height){setContentHeight(height);}},makeAccessible({role:actionListItemWrapperRole,multiSelectable:actionListItemWrapperRole==='listbox'?isMultiSelectable:undefined})));});var ActionListBox=assignWithoutSideEffects(_ActionListBox,{displayName:'ActionListBox'});
+var _ActionListBox=React__default.forwardRef(function(_ref,ref){var sectionData=_ref.sectionData,actionListItemWrapperRole=_ref.actionListItemWrapperRole,isMultiSelectable=_ref.isMultiSelectable,isInBottomSheet=_ref.isInBottomSheet;var _useBottomSheetContex=useBottomSheetContext(),footerHeight=_useBottomSheetContex.footerHeight,setContentHeight=_useBottomSheetContex.setContentHeight;var renderActionListItem=React__default.useCallback(function(_ref2){var item=_ref2.item;return jsx(ActionListItem,Object.assign({},item));},[]);var renderActionListSectionHeader=React__default.useCallback(function(_ref3){var title=_ref3.section.title;if(!title)return null;return jsx(ActionListSection,{title:title,_hideDivider:true,children:undefined});},[]);var renderActionListSectionDivider=React__default.useCallback(function(_ref4){var _ref4$section=_ref4.section,title=_ref4$section.title,hideDivider=_ref4$section.hideDivider;if(!title)return null;if(hideDivider)return null;return jsx(Divider,{});},[]);return jsx(StyledListBoxWrapper,Object.assign({as:isInBottomSheet?BottomSheetSectionList:SectionList,isInBottomSheet:Boolean(isInBottomSheet),marginBottom:makeSize(footerHeight),sections:sectionData,windowSize:5,keyExtractor:function keyExtractor(item){return item.value;},stickySectionHeadersEnabled:false,renderSectionHeader:renderActionListSectionHeader,renderSectionFooter:renderActionListSectionDivider,renderItem:renderActionListItem,ref:ref,onContentSizeChange:function onContentSizeChange(_width,height){setContentHeight(height);}},makeAccessible({role:actionListItemWrapperRole,multiSelectable:actionListItemWrapperRole==='listbox'?isMultiSelectable:undefined})));});var ActionListBox=assignWithoutSideEffects(_ActionListBox,{displayName:'ActionListBox'});
 
 export { ActionListBox };
 //# sourceMappingURL=ActionListBox.native.js.map

package/build/lib/native/components/ActionList/ActionListBox.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionListBox.native.js","sources":["../../../../../src/components/ActionList/ActionListBox.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport { BottomSheetSectionList as GorhomBottomSheetSectionList } from '@gorhom/bottom-sheet';\nimport { SectionList } from 'react-native';\nimport { StyledListBoxWrapper } from './styles/StyledListBoxWrapper';\nimport { ActionListItem, ActionListSection } from './ActionListItem';\nimport type { SectionData } from './actionListUtils';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { Divider } from '~components/Divider';\n\ntype ActionListBoxProps = {\n  childrenWithId?: React.ReactNode[] | null;\n  sectionData: SectionData;\n  actionListItemWrapperRole: 'listbox' | 'menu' | undefined;\n  isMultiSelectable: boolean;\n  isInBottomSheet: boolean;\n};\n\nconst _ActionListBox = React.forwardRef<SectionList, ActionListBoxProps>(\n  ({ sectionData, actionListItemWrapperRole, isMultiSelectable, isInBottomSheet }, ref) => {\n    const { footerHeight, setContentHeight } = useBottomSheetContext();\n\n    const renderActionListItem = React.useCallback(({ item }) => {\n      return <ActionListItem {...item} />;\n    }, []);\n\n    const renderActionListSectionHeader = React.useCallback(({ section: { title } }) => {\n      if (!title) return null;\n      return <ActionListSection title={title} _hideDivider={true} children={undefined} />;\n    }, []);\n\n    const renderActionListSectionDivider = React.useCallback(\n      ({ section: { title, hideDivider } }) => {\n        if (!title) return null;\n        if (hideDivider) return null;\n        return <Divider />;\n      },\n      [],\n    );\n\n    return (\n      <StyledListBoxWrapper\n        // Render either the Gorhom or RN Section list depending on where we are\n        // We can't simply use RNSectionList because GorhomSectionList handles extra bottomsheet specific logic internally\n        as={isInBottomSheet ? GorhomBottomSheetSectionList : SectionList}\n        isInBottomSheet={Boolean(isInBottomSheet)}\n        // Setting footerHeight as bottom margin for ActionListBox\n        // otherwise the footer hides few list items under it, this will offset it\n        marginBottom={footerHeight}\n        sections={sectionData}\n        windowSize={5}\n        keyExtractor={(item: any) => {\n          return item.value;\n        }}\n        stickySectionHeadersEnabled={false}\n        renderSectionHeader={renderActionListSectionHeader}\n        renderSectionFooter={renderActionListSectionDivider}\n        renderItem={renderActionListItem}\n        ref={ref as any}\n        onContentSizeChange={(_width, height) => {\n          setContentHeight(height);\n        }}\n        {...makeAccessible({\n          role: actionListItemWrapperRole,\n          multiSelectable: actionListItemWrapperRole === 'listbox' ? isMultiSelectable : undefined,\n        })}\n      />\n    );\n  },\n);\n\nconst ActionListBox = assignWithoutSideEffects(_ActionListBox, { displayName: 'ActionListBox' });\n\nexport { ActionListBox };\n"],"names":["_ActionListBox","React","forwardRef","_ref","ref","sectionData","actionListItemWrapperRole","isMultiSelectable","isInBottomSheet","_useBottomSheetContex","useBottomSheetContext","footerHeight","setContentHeight","renderActionListItem","useCallback","_ref2","item","_jsx","ActionListItem","Object","assign","renderActionListSectionHeader","_ref3","title","section","ActionListSection","_hideDivider","children","undefined","renderActionListSectionDivider","_ref4","_ref4$section","hideDivider","Divider","StyledListBoxWrapper","as","GorhomBottomSheetSectionList","SectionList","Boolean","marginBottom","sections","windowSize","keyExtractor","value","stickySectionHeadersEnabled","renderSectionHeader","renderSectionFooter","renderItem","onContentSizeChange","_width","height","makeAccessible","role","multiSelectable","ActionListBox","assignWithoutSideEffects","displayName"],"mappings":";;;;;;;;;;;AAqBA,IAAMA,cAAc,CAAGC,cAAK,CAACC,UAAU,CACrC,SAAAC,IAAA,CAAiFC,GAAG,CAAK,CAAA,IAAtFC,WAAW,CAAAF,IAAA,CAAXE,WAAW,CAAEC,yBAAyB,CAAAH,IAAA,CAAzBG,yBAAyB,CAAEC,iBAAiB,CAAAJ,IAAA,CAAjBI,iBAAiB,CAAEC,eAAe,CAAAL,IAAA,CAAfK,eAAe,CAC3E,IAAAC,qBAAA,CAA2CC,qBAAqB,EAAE,CAA1DC,YAAY,CAAAF,qBAAA,CAAZE,YAAY,CAAEC,gBAAgB,CAAAH,qBAAA,CAAhBG,gBAAgB,CAEtC,IAAMC,oBAAoB,CAAGZ,cAAK,CAACa,WAAW,CAAC,SAAAC,KAAA,CAAc,CAAA,IAAXC,IAAI,CAAAD,KAAA,CAAJC,IAAI,CACpD,OAAOC,GAAA,CAACC,cAAc,CAAAC,MAAA,CAAAC,MAAA,CAAKJ,EAAAA,CAAAA,IAAI,CAAG,CAAC,CACrC,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMK,6BAA6B,CAAGpB,cAAK,CAACa,WAAW,CAAC,SAAAQ,KAAA,CAA4B,CAAd,IAAAC,KAAK,CAAAD,KAAA,CAAhBE,OAAO,CAAID,KAAK,CACzE,GAAI,CAACA,KAAK,CAAE,OAAW,IAAA,CACvB,OAAON,GAAA,CAACQ,iBAAiB,CAAA,CAACF,KAAK,CAAEA,KAAM,CAACG,YAAY,CAAE,IAAK,CAACC,QAAQ,CAAEC,SAAU,CAAE,CAAC,CACrF,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMC,8BAA8B,CAAG5B,cAAK,CAACa,WAAW,CACtD,SAAAgB,KAAA,CAAyC,CAAAC,IAAAA,aAAA,CAAAD,KAAA,CAAtCN,OAAO,CAAID,KAAK,CAAAQ,aAAA,CAALR,KAAK,CAAES,WAAW,CAAAD,aAAA,CAAXC,WAAW,CAC9B,GAAI,CAACT,KAAK,CAAE,OAAW,IAAA,CACvB,GAAIS,WAAW,CAAE,OAAW,IAAA,CAC5B,OAAOf,GAAA,CAACgB,OAAO,CAAA,EAAE,CAAC,CACpB,CAAC,CACD,EACF,CAAC,CAED,OACEhB,GAAA,CAACiB,oBAAoB,CAAAf,MAAA,CAAAC,MAAA,CAGnBe,CAAAA,EAAE,CAAE3B,eAAe,CAAG4B,sBAA4B,CAAGC,WAAY,CACjE7B,eAAe,CAAE8B,OAAO,CAAC9B,eAAe,CAAE,CAG1C+B,YAAY,CAAE5B,YAAa,CAC3B6B,QAAQ,CAAEnC,WAAY,CACtBoC,UAAU,CAAE,CAAE,CACdC,YAAY,CAAE,SAAAA,aAAC1B,IAAS,CAAK,CAC3B,OAAOA,IAAI,CAAC2B,KAAK,CACnB,CAAE,CACFC,2BAA2B,CAAE,KAAM,CACnCC,mBAAmB,CAAExB,6BAA8B,CACnDyB,mBAAmB,CAAEjB,8BAA+B,CACpDkB,UAAU,CAAElC,oBAAqB,CACjCT,GAAG,CAAEA,GAAW,CAChB4C,mBAAmB,CAAE,SAAAA,mBAAAA,CAACC,MAAM,CAAEC,MAAM,CAAK,CACvCtC,gBAAgB,CAACsC,MAAM,CAAC,CAC1B,CAAE,CAAA,CACEC,cAAc,CAAC,CACjBC,IAAI,CAAE9C,yBAAyB,CAC/B+C,eAAe,CAAE/C,yBAAyB,GAAK,SAAS,CAAGC,iBAAiB,CAAGqB,SACjF,CAAC,CAAC,CACH,CAAC,CAEN,CACF,CAAC,CAEK,IAAA0B,aAAa,CAAGC,wBAAwB,CAACvD,cAAc,CAAE,CAAEwD,WAAW,CAAE,eAAgB,CAAC;;;;"}
+{"version":3,"file":"ActionListBox.native.js","sources":["../../../../../src/components/ActionList/ActionListBox.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport { BottomSheetSectionList as GorhomBottomSheetSectionList } from '@gorhom/bottom-sheet';\nimport { SectionList } from 'react-native';\nimport { StyledListBoxWrapper } from './styles/StyledListBoxWrapper';\nimport { ActionListItem, ActionListSection } from './ActionListItem';\nimport type { SectionData } from './actionListUtils';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { Divider } from '~components/Divider';\nimport { makeSize } from '~utils';\n\ntype ActionListBoxProps = {\n  childrenWithId?: React.ReactNode[] | null;\n  sectionData: SectionData;\n  actionListItemWrapperRole: 'listbox' | 'menu' | undefined;\n  isMultiSelectable: boolean;\n  isInBottomSheet: boolean;\n};\n\nconst _ActionListBox = React.forwardRef<SectionList, ActionListBoxProps>(\n  ({ sectionData, actionListItemWrapperRole, isMultiSelectable, isInBottomSheet }, ref) => {\n    const { footerHeight, setContentHeight } = useBottomSheetContext();\n\n    const renderActionListItem = React.useCallback(({ item }) => {\n      return <ActionListItem {...item} />;\n    }, []);\n\n    const renderActionListSectionHeader = React.useCallback(({ section: { title } }) => {\n      if (!title) return null;\n      return <ActionListSection title={title} _hideDivider={true} children={undefined} />;\n    }, []);\n\n    const renderActionListSectionDivider = React.useCallback(\n      ({ section: { title, hideDivider } }) => {\n        if (!title) return null;\n        if (hideDivider) return null;\n        return <Divider />;\n      },\n      [],\n    );\n\n    return (\n      <StyledListBoxWrapper\n        // Render either the Gorhom or RN Section list depending on where we are\n        // We can't simply use RNSectionList because GorhomSectionList handles extra bottomsheet specific logic internally\n        as={isInBottomSheet ? GorhomBottomSheetSectionList : SectionList}\n        isInBottomSheet={Boolean(isInBottomSheet)}\n        // Setting footerHeight as bottom margin for ActionListBox\n        // otherwise the footer hides few list items under it, this will offset it\n        marginBottom={makeSize(footerHeight)}\n        sections={sectionData}\n        windowSize={5}\n        keyExtractor={(item: any) => {\n          return item.value;\n        }}\n        stickySectionHeadersEnabled={false}\n        renderSectionHeader={renderActionListSectionHeader}\n        renderSectionFooter={renderActionListSectionDivider}\n        renderItem={renderActionListItem}\n        ref={ref as any}\n        onContentSizeChange={(_width, height) => {\n          setContentHeight(height);\n        }}\n        {...makeAccessible({\n          role: actionListItemWrapperRole,\n          multiSelectable: actionListItemWrapperRole === 'listbox' ? isMultiSelectable : undefined,\n        })}\n      />\n    );\n  },\n);\n\nconst ActionListBox = assignWithoutSideEffects(_ActionListBox, { displayName: 'ActionListBox' });\n\nexport { ActionListBox };\n"],"names":["_ActionListBox","React","forwardRef","_ref","ref","sectionData","actionListItemWrapperRole","isMultiSelectable","isInBottomSheet","_useBottomSheetContex","useBottomSheetContext","footerHeight","setContentHeight","renderActionListItem","useCallback","_ref2","item","_jsx","ActionListItem","Object","assign","renderActionListSectionHeader","_ref3","title","section","ActionListSection","_hideDivider","children","undefined","renderActionListSectionDivider","_ref4","_ref4$section","hideDivider","Divider","StyledListBoxWrapper","as","GorhomBottomSheetSectionList","SectionList","Boolean","marginBottom","makeSize","sections","windowSize","keyExtractor","value","stickySectionHeadersEnabled","renderSectionHeader","renderSectionFooter","renderItem","onContentSizeChange","_width","height","makeAccessible","role","multiSelectable","ActionListBox","assignWithoutSideEffects","displayName"],"mappings":";;;;;;;;;;;;;;AAsBA,IAAMA,cAAc,CAAGC,cAAK,CAACC,UAAU,CACrC,SAAAC,IAAA,CAAiFC,GAAG,CAAK,CAAtF,IAAAC,WAAW,CAAAF,IAAA,CAAXE,WAAW,CAAEC,yBAAyB,CAAAH,IAAA,CAAzBG,yBAAyB,CAAEC,iBAAiB,CAAAJ,IAAA,CAAjBI,iBAAiB,CAAEC,eAAe,CAAAL,IAAA,CAAfK,eAAe,CAC3E,IAAAC,qBAAA,CAA2CC,qBAAqB,EAAE,CAA1DC,YAAY,CAAAF,qBAAA,CAAZE,YAAY,CAAEC,gBAAgB,CAAAH,qBAAA,CAAhBG,gBAAgB,CAEtC,IAAMC,oBAAoB,CAAGZ,cAAK,CAACa,WAAW,CAAC,SAAAC,KAAA,CAAc,KAAXC,IAAI,CAAAD,KAAA,CAAJC,IAAI,CACpD,OAAOC,GAAA,CAACC,cAAc,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKJ,IAAI,CAAG,CAAC,CACrC,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMK,6BAA6B,CAAGpB,cAAK,CAACa,WAAW,CAAC,SAAAQ,KAAA,CAA4B,CAAA,IAAdC,KAAK,CAAAD,KAAA,CAAhBE,OAAO,CAAID,KAAK,CACzE,GAAI,CAACA,KAAK,CAAE,OAAO,IAAI,CACvB,OAAON,GAAA,CAACQ,iBAAiB,EAACF,KAAK,CAAEA,KAAM,CAACG,YAAY,CAAE,IAAK,CAACC,QAAQ,CAAEC,SAAU,CAAE,CAAC,CACrF,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMC,8BAA8B,CAAG5B,cAAK,CAACa,WAAW,CACtD,SAAAgB,KAAA,CAAyC,KAAAC,aAAA,CAAAD,KAAA,CAAtCN,OAAO,CAAID,KAAK,CAAAQ,aAAA,CAALR,KAAK,CAAES,WAAW,CAAAD,aAAA,CAAXC,WAAW,CAC9B,GAAI,CAACT,KAAK,CAAE,WAAW,CACvB,GAAIS,WAAW,CAAE,WAAW,CAC5B,OAAOf,GAAA,CAACgB,OAAO,CAAE,EAAA,CAAC,CACpB,CAAC,CACD,EACF,CAAC,CAED,OACEhB,GAAA,CAACiB,oBAAoB,CAAAf,MAAA,CAAAC,MAAA,EAGnBe,EAAE,CAAE3B,eAAe,CAAG4B,sBAA4B,CAAGC,WAAY,CACjE7B,eAAe,CAAE8B,OAAO,CAAC9B,eAAe,CAAE,CAG1C+B,YAAY,CAAEC,QAAQ,CAAC7B,YAAY,CAAE,CACrC8B,QAAQ,CAAEpC,WAAY,CACtBqC,UAAU,CAAE,CAAE,CACdC,YAAY,CAAE,SAAAA,YAAC3B,CAAAA,IAAS,CAAK,CAC3B,OAAOA,IAAI,CAAC4B,KAAK,CACnB,CAAE,CACFC,2BAA2B,CAAE,KAAM,CACnCC,mBAAmB,CAAEzB,6BAA8B,CACnD0B,mBAAmB,CAAElB,8BAA+B,CACpDmB,UAAU,CAAEnC,oBAAqB,CACjCT,GAAG,CAAEA,GAAW,CAChB6C,mBAAmB,CAAE,SAAAA,oBAACC,MAAM,CAAEC,MAAM,CAAK,CACvCvC,gBAAgB,CAACuC,MAAM,CAAC,CAC1B,CAAE,EACEC,cAAc,CAAC,CACjBC,IAAI,CAAE/C,yBAAyB,CAC/BgD,eAAe,CAAEhD,yBAAyB,GAAK,SAAS,CAAGC,iBAAiB,CAAGqB,SACjF,CAAC,CAAC,CACH,CAAC,CAEN,CACF,CAAC,CAEK,IAAA2B,aAAa,CAAGC,wBAAwB,CAACxD,cAAc,CAAE,CAAEyD,WAAW,CAAE,eAAgB,CAAC;;;;"}

package/build/lib/native/components/ActionList/ActionListItem.js

@@ -4,7 +4,6 @@ import { StyledActionListItem } from './styles/StyledActionListItem.native.js';
 import { componentIds } from './componentIds.js';
 import { getNormalTextColor, validateActionListItemProps } from './actionListUtils.js';
 import { isRoleMenu, getActionListItemRole, getActionListSectionRole } from './getA11yRoles.js';
-import { useActionListContext } from './ActionList.js';
 import { Divider } from '../Divider/Divider.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { useDropdown } from '../Dropdown/useDropdown.js';
@@ -38,7 +37,7 @@ import { Badge } from '../Badge/Badge.js';
 import { Box } from '../Box/Box.js';
 import { dropdownComponentIds } from '../Dropdown/dropdownComponentIds.js';
 
-var ActionListItemContext=React__default.createContext({});var StyledActionListSectionTitle=styled(BaseBox)(function(props){return {padding:makeSize(props.theme.spacing[3])};});var _ActionListSection=function _ActionListSection(_ref){var title=_ref.title,children=_ref.children,testID=_ref.testID,_hideDivider=_ref._hideDivider,_sectionChildValues=_ref._sectionChildValues;var _useActionListContext=useActionListContext(),surfaceLevel=_useActionListContext.surfaceLevel;var _useDropdown=useDropdown(),hasAutoCompleteInBottomSheetHeader=_useDropdown.hasAutoCompleteInBottomSheetHeader,dropdownTriggerer=_useDropdown.dropdownTriggerer,filteredValues=_useDropdown.filteredValues;var hasAutoComplete=hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;var isSectionVisible=React__default.useMemo(function(){if(hasAutoComplete){var visibleActionListItemInSection=_sectionChildValues==null?void 0:_sectionChildValues.find(function(actionItemValue){return filteredValues.includes(actionItemValue);});return Boolean(visibleActionListItemInSection);}return true;},[_sectionChildValues,hasAutoComplete,filteredValues]);var showDividerInRN=!(_hideDivider&&isReactNative());var showDividerInAutoComplete=hasAutoComplete?isSectionVisible&&filteredValues.length>1:true;return jsxs(BaseBox,Object.assign({},makeAccessible({role:getActionListSectionRole(),label:title}),{backgroundColor:`surface.background.level${surfaceLevel}.lowContrast`},metaAttribute({name:MetaConstants.ActionListSection,testID:testID}),{children:[isSectionVisible?jsx(StyledActionListSectionTitle,Object.assign({},makeAccessible({hidden:true}),{children:jsx(Text,{color:"surface.text.muted.lowContrast",size:"small",weight:"bold",children:title})})):null,jsx(BaseBox,Object.assign({},makeAccessible({role:isReactNative()?undefined:'listbox'}),{children:children})),showDividerInAutoComplete&&showDividerInRN?jsx(Divider,{marginX:"spacing.3",marginY:"spacing.1"}):null]}));};var ActionListSection=assignWithoutSideEffects(_ActionListSection,{componentId:componentIds.ActionListSection});var _ActionListItemIcon=function _ActionListItemIcon(_ref2){var icon=_ref2.icon;var Icon=icon;var _React$useContext=React__default.useContext(ActionListItemContext),intent=_React$useContext.intent,isDisabled=_React$useContext.isDisabled;return jsx(Icon,{color:intent==='negative'?'feedback.icon.negative.lowContrast':getNormalTextColor(isDisabled,{isMuted:true}),size:"medium"});};var ActionListItemIcon=assignWithoutSideEffects(_ActionListItemIcon,{componentId:componentIds.ActionListItemIcon});var _ActionListItemBadgeGroup=function _ActionListItemBadgeGroup(_ref3){var children=_ref3.children;return jsx(Box,{display:"flex",alignItems:"center",flexDirection:"row",children:children});};var ActionListItemBadgeGroup=assignWithoutSideEffects(_ActionListItemBadgeGroup,{componentId:componentIds.ActionListItemBadgeGroup});var _ActionListItemBadge=function _ActionListItemBadge(props){return jsx(Badge,Object.assign({size:"medium",marginLeft:"spacing.3"},props));};var ActionListItemBadge=assignWithoutSideEffects(_ActionListItemBadge,{componentId:componentIds.ActionListItemBadge});var _ActionListItemText=function _ActionListItemText(_ref4){var children=_ref4.children;var _React$useContext2=React__default.useContext(ActionListItemContext),isDisabled=_React$useContext2.isDisabled;return jsx(Text,{variant:"caption",color:getNormalTextColor(isDisabled,{isMuted:true}),children:children});};var ActionListItemText=assignWithoutSideEffects(_ActionListItemText,{componentId:componentIds.ActionListItemText});var makeActionListItemClickable=function makeActionListItemClickable(clickHandler){if(isReactNative()){return {onPress:clickHandler};}return {onClick:clickHandler};};var _ActionListItemBody=function _ActionListItemBody(_ref5){var selectionType=_ref5.selectionType,intent=_ref5.intent,description=_ref5.description,isDisabled=_ref5.isDisabled,leading=_ref5.leading,trailing=_ref5.trailing,title=_ref5.title,titleSuffix=_ref5.titleSuffix,isSelected=_ref5.isSelected;return jsxs(Fragment,{children:[jsxs(BaseBox,{display:"flex",justifyContent:"center",flexDirection:"row",alignItems:"center",maxHeight:isReactNative()?undefined:makeSize(size[20]),children:[jsx(BaseBox,{display:"flex",justifyContent:"center",alignItems:"center",children:selectionType==='multiple'?jsx(BaseBox,Object.assign({pointerEvents:"none",paddingRight:"spacing.2"},makeAccessible({hidden:true}),{children:jsx(Checkbox,{isChecked:isSelected,tabIndex:-1,isDisabled:isDisabled,children:null})})):leading}),jsxs(BaseBox,{paddingLeft:selectionType==='multiple'||!leading?'spacing.0':'spacing.3',paddingRight:"spacing.3",display:"flex",alignItems:"center",flexDirection:"row",children:[jsx(Text,{truncateAfterLines:1,color:intent==='negative'?'feedback.text.negative.lowContrast':getNormalTextColor(isDisabled),children:title}),titleSuffix]}),jsx(BaseBox,{marginLeft:"auto",children:trailing})]}),jsx(BaseBox,{paddingLeft:leading||selectionType==='multiple'?'spacing.7':undefined,children:description?jsx(Text,{color:getNormalTextColor(isDisabled,{isMuted:true}),size:"small",children:description}):null})]});};var ActionListItemBody=React__default.memo(_ActionListItemBody);var _ActionListItem=function _ActionListItem(props){var _useDropdown2=useDropdown(),activeIndex=_useDropdown2.activeIndex,dropdownBaseId=_useDropdown2.dropdownBaseId,onOptionClick=_useDropdown2.onOptionClick,selectedIndices=_useDropdown2.selectedIndices,setShouldIgnoreBlurAnimation=_useDropdown2.setShouldIgnoreBlurAnimation,selectionType=_useDropdown2.selectionType,dropdownTriggerer=_useDropdown2.dropdownTriggerer,isKeydownPressed=_useDropdown2.isKeydownPressed,filteredValues=_useDropdown2.filteredValues,hasAutoCompleteInBottomSheetHeader=_useDropdown2.hasAutoCompleteInBottomSheetHeader;var _useTheme=useTheme(),platform=_useTheme.platform;var isMobile=platform==='onMobile';var hasAutoComplete=hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;var renderOnWebAs=props.href?'a':'button';var getIsSelected=function getIsSelected(){if(dropdownTriggerer===dropdownComponentIds.triggers.SelectInput||hasAutoComplete){if(typeof props._index==='number'){return selectedIndices.includes(props._index);}return undefined;}return props.isSelected;};var isSelected=getIsSelected();React__default.useEffect(function(){validateActionListItemProps({leading:props.leading,trailing:props.trailing,titleSuffix:props.titleSuffix});},[props.leading,props.trailing,props.titleSuffix]);React__default.useEffect(function(){if(__DEV__){if(dropdownTriggerer===dropdownComponentIds.triggers.SelectInput&&props.intent==='negative'){throwBladeError({message:'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',moduleName:'ActionListItem'});}}},[props.intent,dropdownTriggerer]);return jsx(ActionListItemContext.Provider,{value:{intent:props.intent,isDisabled:props.isDisabled},children:jsx(StyledActionListItem,Object.assign({isVisible:hasAutoComplete&&filteredValues?filteredValues.includes(props.value):true,as:!isReactNative()?renderOnWebAs:undefined,id:`${dropdownBaseId}-${props._index}`,type:"button",tabIndex:-1,href:props.href,target:props.target,className:activeIndex===props._index?'active-focus':''},makeAccessible({selected:isSelected,current:isRoleMenu(dropdownTriggerer)?isSelected:undefined,role:getActionListItemRole(dropdownTriggerer,props.href),disabled:props.isDisabled}),makeActionListItemClickable(function(e){if(typeof props._index==='number'){onOptionClick(e,props._index);props.onClick==null?void 0:props.onClick({name:props.value,value:isSelected});}}),metaAttribute({name:MetaConstants.ActionListItem,testID:props.testID}),{onMouseDown:function onMouseDown(){setShouldIgnoreBlurAnimation(true);},onMouseUp:function onMouseUp(){setShouldIgnoreBlurAnimation(false);},"data-value":props.value,"data-index":props._index,selectionType:selectionType,hasDescription:Boolean(props.description),intent:props.intent,isSelected:isSelected,isKeydownPressed:isKeydownPressed,isMobile:isMobile,children:jsx(ActionListItemBody,{selectionType:selectionType,intent:props.intent,description:props.description,isDisabled:props.isDisabled,leading:props.leading,trailing:props.trailing,title:props.title,titleSuffix:props.titleSuffix,isSelected:isSelected})}))});};var ActionListItem=assignWithoutSideEffects(React__default.memo(_ActionListItem),{componentId:componentIds.ActionListItem,displayName:componentIds.ActionListItem});
+var ActionListItemContext=React__default.createContext({});var StyledActionListSectionTitle=styled(BaseBox)(function(props){return {padding:makeSize(props.theme.spacing[3])};});var _ActionListSection=function _ActionListSection(_ref){var title=_ref.title,children=_ref.children,testID=_ref.testID,_hideDivider=_ref._hideDivider,_sectionChildValues=_ref._sectionChildValues;var _useDropdown=useDropdown(),hasAutoCompleteInBottomSheetHeader=_useDropdown.hasAutoCompleteInBottomSheetHeader,dropdownTriggerer=_useDropdown.dropdownTriggerer,filteredValues=_useDropdown.filteredValues;var hasAutoComplete=hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;var isSectionVisible=React__default.useMemo(function(){if(hasAutoComplete){var visibleActionListItemInSection=_sectionChildValues==null?void 0:_sectionChildValues.find(function(actionItemValue){return filteredValues.includes(actionItemValue);});return Boolean(visibleActionListItemInSection);}return true;},[_sectionChildValues,hasAutoComplete,filteredValues]);var showDividerInRN=!(_hideDivider&&isReactNative());var showDividerInAutoComplete=hasAutoComplete?isSectionVisible&&filteredValues.length>1:true;return jsxs(BaseBox,Object.assign({},makeAccessible({role:getActionListSectionRole(),label:title}),metaAttribute({name:MetaConstants.ActionListSection,testID:testID}),{children:[isSectionVisible?jsx(StyledActionListSectionTitle,Object.assign({},makeAccessible({hidden:true}),{children:jsx(Text,{color:"surface.text.gray.muted",size:"small",weight:"semibold",children:title})})):null,jsx(BaseBox,Object.assign({},makeAccessible({role:isReactNative()?undefined:'listbox'}),{children:children})),showDividerInAutoComplete&&showDividerInRN?jsx(Divider,{marginX:"spacing.3",marginY:"spacing.1"}):null]}));};var ActionListSection=assignWithoutSideEffects(_ActionListSection,{componentId:componentIds.ActionListSection});var _ActionListItemIcon=function _ActionListItemIcon(_ref2){var icon=_ref2.icon;var Icon=icon;var _React$useContext=React__default.useContext(ActionListItemContext),intent=_React$useContext.intent,isDisabled=_React$useContext.isDisabled;var iconState=isDisabled?'disabled':'muted';return jsx(Icon,{color:intent==='negative'?'feedback.icon.negative.intense':`interactive.icon.gray.${iconState}`,size:"medium"});};var ActionListItemIcon=assignWithoutSideEffects(_ActionListItemIcon,{componentId:componentIds.ActionListItemIcon});var _ActionListItemBadgeGroup=function _ActionListItemBadgeGroup(_ref3){var children=_ref3.children;return jsx(Box,{display:"flex",alignItems:"center",flexDirection:"row",children:children});};var ActionListItemBadgeGroup=assignWithoutSideEffects(_ActionListItemBadgeGroup,{componentId:componentIds.ActionListItemBadgeGroup});var _ActionListItemBadge=function _ActionListItemBadge(props){return jsx(Badge,Object.assign({size:"medium",marginLeft:"spacing.3"},props));};var ActionListItemBadge=assignWithoutSideEffects(_ActionListItemBadge,{componentId:componentIds.ActionListItemBadge});var _ActionListItemText=function _ActionListItemText(_ref4){var children=_ref4.children;var _React$useContext2=React__default.useContext(ActionListItemContext),isDisabled=_React$useContext2.isDisabled;return jsx(Text,{variant:"caption",color:getNormalTextColor(isDisabled,{isMuted:true}),children:children});};var ActionListItemText=assignWithoutSideEffects(_ActionListItemText,{componentId:componentIds.ActionListItemText});var makeActionListItemClickable=function makeActionListItemClickable(clickHandler){if(isReactNative()){return {onPress:clickHandler};}return {onClick:clickHandler};};var _ActionListItemBody=function _ActionListItemBody(_ref5){var selectionType=_ref5.selectionType,intent=_ref5.intent,description=_ref5.description,isDisabled=_ref5.isDisabled,leading=_ref5.leading,trailing=_ref5.trailing,title=_ref5.title,titleSuffix=_ref5.titleSuffix,isSelected=_ref5.isSelected;return jsxs(Fragment,{children:[jsxs(BaseBox,{display:"flex",justifyContent:"center",flexDirection:"row",alignItems:"center",maxHeight:isReactNative()?undefined:makeSize(size[20]),children:[jsx(BaseBox,{display:"flex",justifyContent:"center",alignItems:"center",children:selectionType==='multiple'?jsx(BaseBox,Object.assign({pointerEvents:"none",paddingRight:"spacing.2"},makeAccessible({hidden:true}),{children:jsx(Checkbox,{isChecked:isSelected,tabIndex:-1,isDisabled:isDisabled,children:null})})):leading}),jsxs(BaseBox,{paddingLeft:selectionType==='multiple'||!leading?'spacing.0':'spacing.3',paddingRight:"spacing.3",display:"flex",alignItems:"center",flexDirection:"row",children:[jsx(Text,{truncateAfterLines:1,color:intent==='negative'?'feedback.text.negative.intense':getNormalTextColor(isDisabled),children:title}),titleSuffix]}),jsx(BaseBox,{marginLeft:"auto",children:trailing})]}),jsx(BaseBox,{paddingLeft:leading||selectionType==='multiple'?'spacing.7':undefined,children:description?jsx(Text,{color:getNormalTextColor(isDisabled,{isMuted:true}),size:"small",children:description}):null})]});};var ActionListItemBody=React__default.memo(_ActionListItemBody);var _ActionListItem=function _ActionListItem(props){var _useDropdown2=useDropdown(),activeIndex=_useDropdown2.activeIndex,dropdownBaseId=_useDropdown2.dropdownBaseId,onOptionClick=_useDropdown2.onOptionClick,selectedIndices=_useDropdown2.selectedIndices,setShouldIgnoreBlurAnimation=_useDropdown2.setShouldIgnoreBlurAnimation,selectionType=_useDropdown2.selectionType,dropdownTriggerer=_useDropdown2.dropdownTriggerer,isKeydownPressed=_useDropdown2.isKeydownPressed,filteredValues=_useDropdown2.filteredValues,hasAutoCompleteInBottomSheetHeader=_useDropdown2.hasAutoCompleteInBottomSheetHeader;var _useTheme=useTheme(),platform=_useTheme.platform;var isMobile=platform==='onMobile';var hasAutoComplete=hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;var renderOnWebAs=props.href?'a':'button';var getIsSelected=function getIsSelected(){if(dropdownTriggerer===dropdownComponentIds.triggers.SelectInput||hasAutoComplete){if(typeof props._index==='number'){return selectedIndices.includes(props._index);}return undefined;}return props.isSelected;};var isSelected=getIsSelected();React__default.useEffect(function(){validateActionListItemProps({leading:props.leading,trailing:props.trailing,titleSuffix:props.titleSuffix});},[props.leading,props.trailing,props.titleSuffix]);React__default.useEffect(function(){if(__DEV__){if(dropdownTriggerer===dropdownComponentIds.triggers.SelectInput&&props.intent==='negative'){throwBladeError({message:'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',moduleName:'ActionListItem'});}}},[props.intent,dropdownTriggerer]);return jsx(ActionListItemContext.Provider,{value:{intent:props.intent,isDisabled:props.isDisabled},children:jsx(StyledActionListItem,Object.assign({isVisible:hasAutoComplete&&filteredValues?filteredValues.includes(props.value):true,as:!isReactNative()?renderOnWebAs:undefined,id:`${dropdownBaseId}-${props._index}`,type:"button",tabIndex:-1,href:props.href,target:props.target,className:activeIndex===props._index?'active-focus':''},makeAccessible({selected:isSelected,current:isRoleMenu(dropdownTriggerer)?isSelected:undefined,role:getActionListItemRole(dropdownTriggerer,props.href),disabled:props.isDisabled}),makeActionListItemClickable(function(e){if(typeof props._index==='number'){onOptionClick(e,props._index);props.onClick==null?void 0:props.onClick({name:props.value,value:isSelected});}}),metaAttribute({name:MetaConstants.ActionListItem,testID:props.testID}),{onMouseDown:function onMouseDown(){setShouldIgnoreBlurAnimation(true);},onMouseUp:function onMouseUp(){setShouldIgnoreBlurAnimation(false);},"data-value":props.value,"data-index":props._index,selectionType:selectionType,hasDescription:Boolean(props.description),intent:props.intent,isSelected:isSelected,isKeydownPressed:isKeydownPressed,isMobile:isMobile,children:jsx(ActionListItemBody,{selectionType:selectionType,intent:props.intent,description:props.description,isDisabled:props.isDisabled,leading:props.leading,trailing:props.trailing,title:props.title,titleSuffix:props.titleSuffix,isSelected:isSelected})}))});};var ActionListItem=assignWithoutSideEffects(React__default.memo(_ActionListItem),{componentId:componentIds.ActionListItem,displayName:componentIds.ActionListItem});
 
 export { ActionListItem, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemText, ActionListSection };
 //# sourceMappingURL=ActionListItem.js.map

package/build/lib/native/components/ActionList/ActionListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionListItem.js","sources":["../../../../../src/components/ActionList/ActionListItem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { StyledActionListItem } from './styles/StyledActionListItem';\nimport { componentIds } from './componentIds';\nimport type { StyledActionListItemProps } from './styles/getBaseActionListItemStyles';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole, isRoleMenu } from './getA11yRoles';\nimport { useActionListContext } from './ActionList';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport type { Feedback } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { Checkbox } from '~components/Checkbox';\nimport { size } from '~tokens/global';\nimport type { DropdownProps } from '~components/Dropdown';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport { Box } from '~components/Box';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\n\ntype ActionListItemProps = {\n  title: string;\n  description?: string;\n  onClick?: (clickProps: { name: string; value?: boolean }) => void;\n  /**\n   * value that you get from `onChange` event on SelectInput or in form submissions.\n   */\n  value: string;\n  /**\n   * Link to open when item is clicked.\n   */\n  href?: string;\n  /**\n   * HTML target of the link\n   */\n  target?: string;\n  /**\n   * Item that goes on left-side of item.\n   *\n   * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`\n   *\n   * Will be overriden in multiselect\n   */\n  leading?: React.ReactNode;\n  /**\n   * Item that goes on right-side of item.\n   *\n   * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Item that goes immediately next to the title.\n   *\n   * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`\n   *\n   */\n  titleSuffix?: React.ReactElement;\n  isDisabled?: boolean;\n  intent?: Extract<Feedback, 'negative'>;\n  /**\n   * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.\n   *\n   * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.\n   */\n  isSelected?: boolean;\n  /**\n   * Internally passed from ActionList. No need to pass it explicitly\n   *\n   * @private\n   */\n  _index?: number;\n} & TestID;\n\nconst ActionListItemContext = React.createContext<{\n  intent?: ActionListItemProps['intent'];\n  isDisabled?: ActionListItemProps['isDisabled'];\n}>({});\n\nconst StyledActionListSectionTitle = styled(BaseBox)((props) => ({\n  // @TODO: replace this styled-component with new layout box when we have padding shorthand\n  padding: makeSize(props.theme.spacing[3]),\n}));\n\ntype ActionListSectionProps = {\n  title: string;\n  children: React.ReactNode[] | React.ReactNode;\n  /**\n   * Internally used to hide the divider on final item in React Native.\n   *\n   * Should not be used by consumers (also won't work on web)\n   *\n   * @private\n   */\n  _hideDivider?: boolean;\n  /**\n   * Internally used to hide / show section in AutoComplete\n   *\n   * @private\n   */\n  _sectionChildValues?: string[];\n} & TestID;\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n}: ActionListSectionProps): React.ReactElement => {\n  const { surfaceLevel } = useActionListContext();\n  const { hasAutoCompleteInBottomSheetHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const isSectionVisible = React.useMemo(() => {\n    if (hasAutoComplete) {\n      const visibleActionListItemInSection = _sectionChildValues?.find((actionItemValue) =>\n        filteredValues.includes(actionItemValue),\n      );\n\n      return Boolean(visibleActionListItemInSection);\n    }\n\n    return true;\n  }, [_sectionChildValues, hasAutoComplete, filteredValues]);\n\n  const showDividerInRN = !(_hideDivider && isReactNative());\n  const showDividerInAutoComplete = hasAutoComplete\n    ? isSectionVisible && filteredValues.length > 1\n    : true;\n\n  return (\n    <BaseBox\n      {...makeAccessible({\n        role: getActionListSectionRole(),\n        label: title,\n      })}\n      backgroundColor={`surface.background.level${surfaceLevel}.lowContrast`}\n      {...metaAttribute({ name: MetaConstants.ActionListSection, testID })}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? (\n        <StyledActionListSectionTitle {...makeAccessible({ hidden: true })}>\n          <Text color=\"surface.text.muted.lowContrast\" size=\"small\" weight=\"bold\">\n            {title}\n          </Text>\n        </StyledActionListSectionTitle>\n      ) : null}\n      <BaseBox\n        {...makeAccessible({\n          // On web, we just wrap it in another listbox to announce item count properly for particular group.\n          // On React Native, we ignore it since `menu` + `group` role will take care of accessibility\n          role: isReactNative() ? undefined : 'listbox',\n        })}\n      >\n        {children}\n      </BaseBox>\n      {showDividerInAutoComplete && showDividerInRN ? (\n        <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" />\n      ) : null}\n    </BaseBox>\n  );\n};\n\nconst ActionListSection = assignWithoutSideEffects(_ActionListSection, {\n  componentId: componentIds.ActionListSection,\n});\n\nconst _ActionListItemIcon = ({ icon }: { icon: IconComponent }): React.ReactElement => {\n  const Icon = icon;\n  const { intent, isDisabled } = React.useContext(ActionListItemContext);\n  return (\n    <Icon\n      color={\n        intent === 'negative'\n          ? 'feedback.icon.negative.lowContrast'\n          : getNormalTextColor(isDisabled, { isMuted: true })\n      }\n      size=\"medium\"\n    />\n  );\n};\n\nconst ActionListItemIcon = assignWithoutSideEffects(_ActionListItemIcon, {\n  componentId: componentIds.ActionListItemIcon,\n});\n\nconst _ActionListItemBadgeGroup = ({\n  children,\n}: {\n  children: React.ReactElement[] | React.ReactElement;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n      {children}\n    </Box>\n  );\n};\n\nconst ActionListItemBadgeGroup = assignWithoutSideEffects(_ActionListItemBadgeGroup, {\n  componentId: componentIds.ActionListItemBadgeGroup,\n});\n\nconst _ActionListItemBadge = (props: BadgeProps): React.ReactElement => {\n  return <Badge size=\"medium\" marginLeft=\"spacing.3\" {...props} />;\n};\n\nconst ActionListItemBadge = assignWithoutSideEffects(_ActionListItemBadge, {\n  componentId: componentIds.ActionListItemBadge,\n});\n\nconst _ActionListItemText = ({\n  children,\n}: {\n  children: StringChildrenType;\n}): React.ReactElement => {\n  const { isDisabled } = React.useContext(ActionListItemContext);\n\n  return (\n    <Text variant=\"caption\" color={getNormalTextColor(isDisabled, { isMuted: true })}>\n      {children}\n    </Text>\n  );\n};\n\nconst ActionListItemText = assignWithoutSideEffects(_ActionListItemText, {\n  componentId: componentIds.ActionListItemText,\n});\n\ntype ClickHandlerType = (e: React.MouseEvent<HTMLButtonElement>) => void;\n\nconst makeActionListItemClickable = (\n  clickHandler: ClickHandlerType,\n): { onPress?: StyledActionListItemProps['onPress']; onClick?: ClickHandlerType } => {\n  if (isReactNative()) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n    // @ts-ignore: ignoring ReactNative press type for the peace of mind\n    return { onPress: clickHandler };\n  }\n\n  return {\n    onClick: clickHandler,\n  };\n};\n\nconst _ActionListItemBody = ({\n  selectionType,\n  intent,\n  description,\n  isDisabled,\n  leading,\n  trailing,\n  title,\n  titleSuffix,\n  isSelected,\n}: Pick<\n  ActionListItemProps,\n  'intent' | 'isDisabled' | 'description' | 'trailing' | 'leading' | 'title' | 'titleSuffix'\n> & {\n  selectionType: DropdownProps['selectionType'];\n  isSelected?: boolean;\n}): React.ReactElement => {\n  return (\n    <>\n      <BaseBox\n        display=\"flex\"\n        justifyContent=\"center\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        maxHeight={isReactNative() ? undefined : makeSize(size[20])}\n      >\n        <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          {selectionType === 'multiple' ? (\n            // Adding aria-hidden because the listbox item in multiselect in itself explains the behaviour so announcing checkbox is unneccesary and just a nice UI tweak for us\n            <BaseBox\n              pointerEvents=\"none\"\n              paddingRight=\"spacing.2\"\n              {...makeAccessible({\n                hidden: true,\n              })}\n            >\n              <Checkbox isChecked={isSelected} tabIndex={-1} isDisabled={isDisabled}>\n                {/* \n                      Checkbox requires children. Didn't want to make it optional because its helpful for consumers\n                      But for this case in particular, we just want to use Text separately so that we can control spacing and color and keep it consistent with non-multiselect dropdowns\n                    */}\n                {null}\n              </Checkbox>\n            </BaseBox>\n          ) : (\n            leading\n          )}\n        </BaseBox>\n        <BaseBox\n          paddingLeft={selectionType === 'multiple' || !leading ? 'spacing.0' : 'spacing.3'}\n          paddingRight=\"spacing.3\"\n          display=\"flex\"\n          alignItems=\"center\"\n          flexDirection=\"row\"\n        >\n          <Text\n            truncateAfterLines={1}\n            color={\n              intent === 'negative'\n                ? 'feedback.text.negative.lowContrast'\n                : getNormalTextColor(isDisabled)\n            }\n          >\n            {title}\n          </Text>\n          {titleSuffix}\n        </BaseBox>\n        <BaseBox marginLeft=\"auto\">{trailing}</BaseBox>\n      </BaseBox>\n      <BaseBox paddingLeft={leading || selectionType === 'multiple' ? 'spacing.7' : undefined}>\n        {description ? (\n          <Text color={getNormalTextColor(isDisabled, { isMuted: true })} size=\"small\">\n            {description}\n          </Text>\n        ) : null}\n      </BaseBox>\n    </>\n  );\n};\n\nconst ActionListItemBody = React.memo(_ActionListItemBody);\n\n/**\n * ### ActionListItem\n *\n * Creates option inside `ActionList`.\n *\n * #### Usage\n *\n * ```jsx\n * <ActionList>\n *  <ActionListItem\n *    title=\"Home\"\n *    value=\"home\"\n *    leading={<ActionListItemIcon icon={HomeIcon} />}\n *    trailing={<ActionListItemText>⌘ + S</ActionListItemText>}\n *  />\n * </ActionList>\n * ```\n */\nconst _ActionListItem = (props: ActionListItemProps): React.ReactElement => {\n  const {\n    activeIndex,\n    dropdownBaseId,\n    onOptionClick,\n    selectedIndices,\n    setShouldIgnoreBlurAnimation,\n    selectionType,\n    dropdownTriggerer,\n    isKeydownPressed,\n    filteredValues,\n    hasAutoCompleteInBottomSheetHeader,\n  } = useDropdown();\n\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\n\n  /**\n   * In SelectInput, returns the isSelected according to selected indexes in the state\n   *\n   * In Other Triggers (Menu Usecase), returns `props.isSelected` since passing the\n   * isSelected prop explicitly is the only way to select item in menu\n   */\n  const getIsSelected = (): boolean | undefined => {\n    if (dropdownTriggerer === dropdownComponentIds.triggers.SelectInput || hasAutoComplete) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\n      }\n\n      return undefined;\n    }\n\n    return props.isSelected;\n  };\n\n  const isSelected = getIsSelected();\n\n  React.useEffect(() => {\n    validateActionListItemProps({\n      leading: props.leading,\n      trailing: props.trailing,\n      titleSuffix: props.titleSuffix,\n    });\n  }, [props.leading, props.trailing, props.titleSuffix]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (\n        dropdownTriggerer === dropdownComponentIds.triggers.SelectInput &&\n        props.intent === 'negative'\n      ) {\n        throwBladeError({\n          message:\n            'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',\n          moduleName: 'ActionListItem',\n        });\n      }\n    }\n  }, [props.intent, dropdownTriggerer]);\n\n  return (\n    <ActionListItemContext.Provider value={{ intent: props.intent, isDisabled: props.isDisabled }}>\n      <StyledActionListItem\n        isVisible={hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true}\n        as={!isReactNative() ? renderOnWebAs : undefined}\n        id={`${dropdownBaseId}-${props._index}`}\n        type=\"button\"\n        tabIndex={-1}\n        href={props.href}\n        target={props.target}\n        className={activeIndex === props._index ? 'active-focus' : ''}\n        {...makeAccessible({\n          selected: isSelected,\n          current: isRoleMenu(dropdownTriggerer) ? isSelected : undefined,\n          role: getActionListItemRole(dropdownTriggerer, props.href),\n          disabled: props.isDisabled,\n        })}\n        {...makeActionListItemClickable((e: React.MouseEvent<HTMLButtonElement>): void => {\n          if (typeof props._index === 'number') {\n            onOptionClick(e, props._index);\n            props.onClick?.({ name: props.value, value: isSelected });\n          }\n        })}\n        {...metaAttribute({ name: MetaConstants.ActionListItem, testID: props.testID })}\n        onMouseDown={() => {\n          // We want to keep focus on Dropdown's trigger while option is being clicked\n          // So We set this flag that ignores the blur animation to avoid the flicker between focus out + focus in\n          setShouldIgnoreBlurAnimation(true);\n        }}\n        onMouseUp={() => {\n          // (Contd from above comment...) We set this flag back to false since blur of SelectInput is done calling by this time\n          setShouldIgnoreBlurAnimation(false);\n        }}\n        data-value={props.value}\n        data-index={props._index}\n        // Custom props for changes in styles\n        selectionType={selectionType}\n        hasDescription={Boolean(props.description)}\n        intent={props.intent}\n        isSelected={isSelected}\n        isKeydownPressed={isKeydownPressed}\n        isMobile={isMobile}\n      >\n        <ActionListItemBody\n          selectionType={selectionType}\n          intent={props.intent}\n          description={props.description}\n          isDisabled={props.isDisabled}\n          leading={props.leading}\n          trailing={props.trailing}\n          title={props.title}\n          titleSuffix={props.titleSuffix}\n          isSelected={isSelected}\n        />\n      </StyledActionListItem>\n    </ActionListItemContext.Provider>\n  );\n};\n\nconst ActionListItem = assignWithoutSideEffects(React.memo(_ActionListItem), {\n  componentId: componentIds.ActionListItem,\n  displayName: componentIds.ActionListItem,\n});\n\nexport type { ActionListItemProps, ActionListSectionProps };\nexport {\n  ActionListItem,\n  ActionListItemIcon,\n  ActionListItemText,\n  ActionListItemBadge,\n  ActionListItemBadgeGroup,\n  ActionListSection,\n};\n"],"names":["ActionListItemContext","React","createContext","StyledActionListSectionTitle","styled","BaseBox","props","padding","makeSize","theme","spacing","_ActionListSection","_ref","title","children","testID","_hideDivider","_sectionChildValues","_useActionListContext","useActionListContext","surfaceLevel","_useDropdown","useDropdown","hasAutoCompleteInBottomSheetHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","Object","assign","makeAccessible","role","getActionListSectionRole","label","backgroundColor","metaAttribute","name","MetaConstants","ActionListSection","_jsx","hidden","Text","color","size","weight","undefined","Divider","marginX","marginY","assignWithoutSideEffects","componentId","componentIds","_ActionListItemIcon","_ref2","icon","Icon","_React$useContext","useContext","intent","isDisabled","getNormalTextColor","isMuted","ActionListItemIcon","_ActionListItemBadgeGroup","_ref3","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref4","_React$useContext2","variant","ActionListItemText","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItemBody","_ref5","selectionType","description","leading","trailing","titleSuffix","isSelected","_Fragment","justifyContent","maxHeight","pointerEvents","paddingRight","Checkbox","isChecked","tabIndex","paddingLeft","truncateAfterLines","ActionListItemBody","memo","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","isKeydownPressed","_useTheme","useTheme","platform","isMobile","renderOnWebAs","href","getIsSelected","SelectInput","_index","useEffect","validateActionListItemProps","__DEV__","throwBladeError","message","moduleName","Provider","value","StyledActionListItem","isVisible","as","id","type","target","className","selected","current","isRoleMenu","getActionListItemRole","disabled","e","ActionListItem","onMouseDown","onMouseUp","hasDescription","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,IAAMA,qBAAqB,CAAGC,cAAK,CAACC,aAAa,CAG9C,EAAE,CAAC,CAEN,IAAMC,4BAA4B,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAC,SAACC,KAAK,CAAA,CAAA,OAAM,CAE/DC,OAAO,CAAEC,QAAQ,CAACF,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CAC1C,CAAC,CAAC,CAAA,CAAC,CAoBH,IAAMC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAM0B,KALhDC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,MAAM,CAAAH,IAAA,CAANG,MAAM,CACNC,YAAY,CAAAJ,IAAA,CAAZI,YAAY,CACZC,mBAAmB,CAAAL,IAAA,CAAnBK,mBAAmB,CAEnB,IAAAC,qBAAA,CAAyBC,oBAAoB,EAAE,CAAvCC,YAAY,CAAAF,qBAAA,CAAZE,YAAY,CACpB,IAAAC,YAAA,CAAkFC,WAAW,EAAE,CAAvFC,kCAAkC,CAAAF,YAAA,CAAlCE,kCAAkC,CAAEC,iBAAiB,CAAAH,YAAA,CAAjBG,iBAAiB,CAAEC,cAAc,CAAAJ,YAAA,CAAdI,cAAc,CAC7E,IAAMC,eAAe,CACnBH,kCAAkC,EAClCC,iBAAiB,GAAKG,oBAAoB,CAACC,QAAQ,CAACC,YAAY,CAElE,IAAMC,gBAAgB,CAAG7B,cAAK,CAAC8B,OAAO,CAAC,UAAM,CAC3C,GAAIL,eAAe,CAAE,CACnB,IAAMM,8BAA8B,CAAGf,mBAAmB,EAAnBA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,mBAAmB,CAAEgB,IAAI,CAAC,SAACC,eAAe,CAC/E,CAAA,OAAAT,cAAc,CAACU,QAAQ,CAACD,eAAe,CAAC,CAAA,CAC1C,CAAC,CAED,OAAOE,OAAO,CAACJ,8BAA8B,CAAC,CAChD,CAEA,OAAO,IAAI,CACb,CAAC,CAAE,CAACf,mBAAmB,CAAES,eAAe,CAAED,cAAc,CAAC,CAAC,CAE1D,IAAMY,eAAe,CAAG,EAAErB,YAAY,EAAIsB,aAAa,EAAE,CAAC,CAC1D,IAAMC,yBAAyB,CAAGb,eAAe,CAC7CI,gBAAgB,EAAIL,cAAc,CAACe,MAAM,CAAG,CAAC,CAC7C,IAAI,CAER,OACEC,IAAA,CAACpC,OAAO,CAAAqC,MAAA,CAAAC,MAAA,CACFC,EAAAA,CAAAA,cAAc,CAAC,CACjBC,IAAI,CAAEC,wBAAwB,EAAE,CAChCC,KAAK,CAAElC,KACT,CAAC,CAAC,CACFmC,CAAAA,eAAe,CAAG,CAAA,wBAAA,EAA0B5B,YAAa,CAAc,YAAA,CAAA,CAAA,CACnE6B,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,iBAAiB,CAAErC,MAAM,CAANA,MAAO,CAAC,CAAC,CAAAD,CAAAA,QAAA,CAGnEgB,CAAAA,gBAAgB,CACfuB,GAAA,CAAClD,4BAA4B,CAAAuC,MAAA,CAAAC,MAAA,CAAKC,EAAAA,CAAAA,cAAc,CAAC,CAAEU,MAAM,CAAE,IAAK,CAAC,CAAC,CAAAxC,CAAAA,QAAA,CAChEuC,GAAA,CAACE,IAAI,CAACC,CAAAA,KAAK,CAAC,gCAAgC,CAACC,IAAI,CAAC,OAAO,CAACC,MAAM,CAAC,MAAM,CAAA5C,QAAA,CACpED,KAAK,CACF,CAAC,CACqB,CAAA,CAAC,CAC7B,IAAI,CACRwC,GAAA,CAAChD,OAAO,CAAAqC,MAAA,CAAAC,MAAA,CACFC,EAAAA,CAAAA,cAAc,CAAC,CAGjBC,IAAI,CAAEP,aAAa,EAAE,CAAGqB,SAAS,CAAG,SACtC,CAAC,CAAC,CAAA,CAAA7C,QAAA,CAEDA,QAAQ,CACF,CAAA,CAAC,CACTyB,yBAAyB,EAAIF,eAAe,CAC3CgB,GAAA,CAACO,OAAO,CAACC,CAAAA,OAAO,CAAC,WAAW,CAACC,OAAO,CAAC,WAAW,CAAE,CAAC,CACjD,IAAI,CACD,CAAA,CAAA,CAAC,CAEd,CAAC,CAEK,IAAAV,iBAAiB,CAAGW,wBAAwB,CAACpD,kBAAkB,CAAE,CACrEqD,WAAW,CAAEC,YAAY,CAACb,iBAC5B,CAAC,EAED,IAAMc,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,CAA8D,CAAxD,IAAAC,IAAI,CAAAD,KAAA,CAAJC,IAAI,CACjC,IAAMC,IAAI,CAAGD,IAAI,CACjB,IAAAE,iBAAA,CAA+BrE,cAAK,CAACsE,UAAU,CAACvE,qBAAqB,CAAC,CAA9DwE,MAAM,CAAAF,iBAAA,CAANE,MAAM,CAAEC,UAAU,CAAAH,iBAAA,CAAVG,UAAU,CAC1B,OACEpB,GAAA,CAACgB,IAAI,CAAA,CACHb,KAAK,CACHgB,MAAM,GAAK,UAAU,CACjB,oCAAoC,CACpCE,kBAAkB,CAACD,UAAU,CAAE,CAAEE,OAAO,CAAE,IAAK,CAAC,CACrD,CACDlB,IAAI,CAAC,QAAQ,CACd,CAAC,CAEN,CAAC,CAEK,IAAAmB,kBAAkB,CAAGb,wBAAwB,CAACG,mBAAmB,CAAE,CACvEF,WAAW,CAAEC,YAAY,CAACW,kBAC5B,CAAC,EAED,IAAMC,yBAAyB,CAAG,SAA5BA,yBAAyBA,CAAAC,KAAA,CAIL,CAAA,IAHxBhE,QAAQ,CAAAgE,KAAA,CAARhE,QAAQ,CAIR,OACEuC,GAAA,CAAC0B,GAAG,CAACC,CAAAA,OAAO,CAAC,MAAM,CAACC,UAAU,CAAC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAApE,QAAA,CACxDA,QAAQ,CACN,CAAC,CAEV,CAAC,CAEK,IAAAqE,wBAAwB,CAAGpB,wBAAwB,CAACc,yBAAyB,CAAE,CACnFb,WAAW,CAAEC,YAAY,CAACkB,wBAC5B,CAAC,EAED,IAAMC,oBAAoB,CAAG,SAAvBA,oBAAoBA,CAAI9E,KAAiB,CAAyB,CACtE,OAAO+C,GAAA,CAACgC,KAAK,CAAA3C,MAAA,CAAAC,MAAA,CAAA,CAACc,IAAI,CAAC,QAAQ,CAAC6B,UAAU,CAAC,WAAW,CAAKhF,CAAAA,KAAK,CAAG,CAAC,CAClE,CAAC,CAEK,IAAAiF,mBAAmB,CAAGxB,wBAAwB,CAACqB,oBAAoB,CAAE,CACzEpB,WAAW,CAAEC,YAAY,CAACsB,mBAC5B,CAAC,EAED,IAAMC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,CAIC,CAHxB,IAAA3E,QAAQ,CAAA2E,KAAA,CAAR3E,QAAQ,CAIR,IAAA4E,kBAAA,CAAuBzF,cAAK,CAACsE,UAAU,CAACvE,qBAAqB,CAAC,CAAtDyE,UAAU,CAAAiB,kBAAA,CAAVjB,UAAU,CAElB,OACEpB,GAAA,CAACE,IAAI,CAAA,CAACoC,OAAO,CAAC,SAAS,CAACnC,KAAK,CAAEkB,kBAAkB,CAACD,UAAU,CAAE,CAAEE,OAAO,CAAE,IAAK,CAAC,CAAE,CAAA7D,QAAA,CAC9EA,QAAQ,CACL,CAAC,CAEX,CAAC,CAEK,IAAA8E,kBAAkB,CAAG7B,wBAAwB,CAACyB,mBAAmB,CAAE,CACvExB,WAAW,CAAEC,YAAY,CAAC2B,kBAC5B,CAAC,EAID,IAAMC,2BAA2B,CAAG,SAA9BA,2BAA2BA,CAC/BC,YAA8B,CACqD,CACnF,GAAIxD,aAAa,EAAE,CAAE,CAGnB,OAAO,CAAEyD,OAAO,CAAED,YAAa,CAAC,CAClC,CAEA,OAAO,CACLE,OAAO,CAAEF,YACX,CAAC,CACH,CAAC,CAED,IAAMG,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,CAgBC,CAAA,IAfxBC,aAAa,CAAAD,KAAA,CAAbC,aAAa,CACb3B,MAAM,CAAA0B,KAAA,CAAN1B,MAAM,CACN4B,WAAW,CAAAF,KAAA,CAAXE,WAAW,CACX3B,UAAU,CAAAyB,KAAA,CAAVzB,UAAU,CACV4B,OAAO,CAAAH,KAAA,CAAPG,OAAO,CACPC,QAAQ,CAAAJ,KAAA,CAARI,QAAQ,CACRzF,KAAK,CAAAqF,KAAA,CAALrF,KAAK,CACL0F,WAAW,CAAAL,KAAA,CAAXK,WAAW,CACXC,UAAU,CAAAN,KAAA,CAAVM,UAAU,CAQV,OACE/D,IAAA,CAAAgE,QAAA,CAAA3F,CAAAA,QAAA,CACE2B,CAAAA,IAAA,CAACpC,OAAO,EACN2E,OAAO,CAAC,MAAM,CACd0B,cAAc,CAAC,QAAQ,CACvBxB,aAAa,CAAC,KAAK,CACnBD,UAAU,CAAC,QAAQ,CACnB0B,SAAS,CAAErE,aAAa,EAAE,CAAGqB,SAAS,CAAGnD,QAAQ,CAACiD,IAAI,CAAC,EAAE,CAAC,CAAE,CAAA3C,QAAA,CAE5DuC,CAAAA,GAAA,CAAChD,OAAO,CAAA,CAAC2E,OAAO,CAAC,MAAM,CAAC0B,cAAc,CAAC,QAAQ,CAACzB,UAAU,CAAC,QAAQ,CAAAnE,QAAA,CAChEqF,aAAa,GAAK,UAAU,CAE3B9C,GAAA,CAAChD,OAAO,CAAAqC,MAAA,CAAAC,MAAA,EACNiE,aAAa,CAAC,MAAM,CACpBC,YAAY,CAAC,WAAW,CACpBjE,CAAAA,cAAc,CAAC,CACjBU,MAAM,CAAE,IACV,CAAC,CAAC,CAAAxC,CAAAA,QAAA,CAEFuC,GAAA,CAACyD,QAAQ,CAAA,CAACC,SAAS,CAAEP,UAAW,CAACQ,QAAQ,CAAE,CAAC,CAAE,CAACvC,UAAU,CAAEA,UAAW,CAAA3D,QAAA,CAKnE,IAAI,CACG,CAAC,EACJ,CAAC,CAEVuF,OACD,CACM,CAAC,CACV5D,IAAA,CAACpC,OAAO,CACN4G,CAAAA,WAAW,CAAEd,aAAa,GAAK,UAAU,EAAI,CAACE,OAAO,CAAG,WAAW,CAAG,WAAY,CAClFQ,YAAY,CAAC,WAAW,CACxB7B,OAAO,CAAC,MAAM,CACdC,UAAU,CAAC,QAAQ,CACnBC,aAAa,CAAC,KAAK,CAAApE,QAAA,CAEnBuC,CAAAA,GAAA,CAACE,IAAI,CAAA,CACH2D,kBAAkB,CAAE,CAAE,CACtB1D,KAAK,CACHgB,MAAM,GAAK,UAAU,CACjB,oCAAoC,CACpCE,kBAAkB,CAACD,UAAU,CAClC,CAAA3D,QAAA,CAEAD,KAAK,CACF,CAAC,CACN0F,WAAW,CAAA,CACL,CAAC,CACVlD,GAAA,CAAChD,OAAO,CAACiF,CAAAA,UAAU,CAAC,MAAM,CAAAxE,QAAA,CAAEwF,QAAQ,CAAU,CAAC,EACxC,CAAC,CACVjD,GAAA,CAAChD,OAAO,CAAA,CAAC4G,WAAW,CAAEZ,OAAO,EAAIF,aAAa,GAAK,UAAU,CAAG,WAAW,CAAGxC,SAAU,CAAA7C,QAAA,CACrFsF,WAAW,CACV/C,GAAA,CAACE,IAAI,CAACC,CAAAA,KAAK,CAAEkB,kBAAkB,CAACD,UAAU,CAAE,CAAEE,OAAO,CAAE,IAAK,CAAC,CAAE,CAAClB,IAAI,CAAC,OAAO,CAAA3C,QAAA,CACzEsF,WAAW,CACR,CAAC,CACL,IAAI,CACD,CAAC,CACV,CAAA,CAAC,CAEP,CAAC,CAED,IAAMe,kBAAkB,CAAGlH,cAAK,CAACmH,IAAI,CAACnB,mBAAmB,CAAC,CAoB1D,IAAMoB,eAAe,CAAG,SAAlBA,eAAeA,CAAI/G,KAA0B,CAAyB,CAC1E,IAAAgH,aAAA,CAWIhG,WAAW,EAAE,CAVfiG,WAAW,CAAAD,aAAA,CAAXC,WAAW,CACXC,cAAc,CAAAF,aAAA,CAAdE,cAAc,CACdC,aAAa,CAAAH,aAAA,CAAbG,aAAa,CACbC,eAAe,CAAAJ,aAAA,CAAfI,eAAe,CACfC,4BAA4B,CAAAL,aAAA,CAA5BK,4BAA4B,CAC5BxB,aAAa,CAAAmB,aAAA,CAAbnB,aAAa,CACb3E,iBAAiB,CAAA8F,aAAA,CAAjB9F,iBAAiB,CACjBoG,gBAAgB,CAAAN,aAAA,CAAhBM,gBAAgB,CAChBnG,cAAc,CAAA6F,aAAA,CAAd7F,cAAc,CACdF,kCAAkC,CAAA+F,aAAA,CAAlC/F,kCAAkC,CAGpC,IAAAsG,SAAA,CAAqBC,QAAQ,EAAE,CAAvBC,QAAQ,CAAAF,SAAA,CAARE,QAAQ,CAChB,IAAMC,QAAQ,CAAGD,QAAQ,GAAK,UAAU,CACxC,IAAMrG,eAAe,CACnBH,kCAAkC,EAClCC,iBAAiB,GAAKG,oBAAoB,CAACC,QAAQ,CAACC,YAAY,CAElE,IAAMoG,aAAa,CAAG3H,KAAK,CAAC4H,IAAI,CAAG,GAAG,CAAG,QAAQ,CAQjD,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,EAA8B,CAC/C,GAAI3G,iBAAiB,GAAKG,oBAAoB,CAACC,QAAQ,CAACwG,WAAW,EAAI1G,eAAe,CAAE,CACtF,GAAI,OAAOpB,KAAK,CAAC+H,MAAM,GAAK,QAAQ,CAAE,CACpC,OAAOX,eAAe,CAACvF,QAAQ,CAAC7B,KAAK,CAAC+H,MAAM,CAAC,CAC/C,CAEA,OAAO1E,SAAS,CAClB,CAEA,OAAOrD,KAAK,CAACkG,UAAU,CACzB,CAAC,CAED,IAAMA,UAAU,CAAG2B,aAAa,EAAE,CAElClI,cAAK,CAACqI,SAAS,CAAC,UAAM,CACpBC,2BAA2B,CAAC,CAC1BlC,OAAO,CAAE/F,KAAK,CAAC+F,OAAO,CACtBC,QAAQ,CAAEhG,KAAK,CAACgG,QAAQ,CACxBC,WAAW,CAAEjG,KAAK,CAACiG,WACrB,CAAC,CAAC,CACJ,CAAC,CAAE,CAACjG,KAAK,CAAC+F,OAAO,CAAE/F,KAAK,CAACgG,QAAQ,CAAEhG,KAAK,CAACiG,WAAW,CAAC,CAAC,CAEtDtG,cAAK,CAACqI,SAAS,CAAC,UAAM,CACpB,GAAIE,OAAO,CAAE,CACX,GACEhH,iBAAiB,GAAKG,oBAAoB,CAACC,QAAQ,CAACwG,WAAW,EAC/D9H,KAAK,CAACkE,MAAM,GAAK,UAAU,CAC3B,CACAiE,eAAe,CAAC,CACdC,OAAO,CACL,wFAAwF,CAC1FC,UAAU,CAAE,gBACd,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAAE,CAACrI,KAAK,CAACkE,MAAM,CAAEhD,iBAAiB,CAAC,CAAC,CAErC,OACE6B,GAAA,CAACrD,qBAAqB,CAAC4I,QAAQ,CAACC,CAAAA,KAAK,CAAE,CAAErE,MAAM,CAAElE,KAAK,CAACkE,MAAM,CAAEC,UAAU,CAAEnE,KAAK,CAACmE,UAAW,CAAE,CAAA3D,QAAA,CAC5FuC,GAAA,CAACyF,oBAAoB,CAAApG,MAAA,CAAAC,MAAA,CAAA,CACnBoG,SAAS,CAAErH,eAAe,EAAID,cAAc,CAAGA,cAAc,CAACU,QAAQ,CAAC7B,KAAK,CAACuI,KAAK,CAAC,CAAG,IAAK,CAC3FG,EAAE,CAAE,CAAC1G,aAAa,EAAE,CAAG2F,aAAa,CAAGtE,SAAU,CACjDsF,EAAE,CAAG,CAAEzB,EAAAA,cAAe,CAAGlH,CAAAA,EAAAA,KAAK,CAAC+H,MAAO,CAAA,CAAE,CACxCa,IAAI,CAAC,QAAQ,CACblC,QAAQ,CAAE,CAAC,CAAE,CACbkB,IAAI,CAAE5H,KAAK,CAAC4H,IAAK,CACjBiB,MAAM,CAAE7I,KAAK,CAAC6I,MAAO,CACrBC,SAAS,CAAE7B,WAAW,GAAKjH,KAAK,CAAC+H,MAAM,CAAG,cAAc,CAAG,EAAG,EAC1DzF,cAAc,CAAC,CACjByG,QAAQ,CAAE7C,UAAU,CACpB8C,OAAO,CAAEC,UAAU,CAAC/H,iBAAiB,CAAC,CAAGgF,UAAU,CAAG7C,SAAS,CAC/Dd,IAAI,CAAE2G,qBAAqB,CAAChI,iBAAiB,CAAElB,KAAK,CAAC4H,IAAI,CAAC,CAC1DuB,QAAQ,CAAEnJ,KAAK,CAACmE,UAClB,CAAC,CAAC,CACEoB,2BAA2B,CAAC,SAAC6D,CAAsC,CAAW,CAChF,GAAI,OAAOpJ,KAAK,CAAC+H,MAAM,GAAK,QAAQ,CAAE,CACpCZ,aAAa,CAACiC,CAAC,CAAEpJ,KAAK,CAAC+H,MAAM,CAAC,CAC9B/H,KAAK,CAAC0F,OAAO,EAAA,IAAA,CAAA,KAAA,CAAA,CAAb1F,KAAK,CAAC0F,OAAO,CAAG,CAAE9C,IAAI,CAAE5C,KAAK,CAACuI,KAAK,CAAEA,KAAK,CAAErC,UAAW,CAAC,CAAC,CAC3D,CACF,CAAC,CAAC,CACEvD,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACwG,cAAc,CAAE5I,MAAM,CAAET,KAAK,CAACS,MAAO,CAAC,CAAC,CAC/E6I,CAAAA,WAAW,CAAE,SAAAA,WAAAA,EAAM,CAGjBjC,4BAA4B,CAAC,IAAI,CAAC,CACpC,CAAE,CACFkC,SAAS,CAAE,SAAAA,SAAA,EAAM,CAEflC,4BAA4B,CAAC,KAAK,CAAC,CACrC,CAAE,CACF,YAAA,CAAYrH,KAAK,CAACuI,KAAM,CACxB,YAAA,CAAYvI,KAAK,CAAC+H,MAAO,CAEzBlC,aAAa,CAAEA,aAAc,CAC7B2D,cAAc,CAAE1H,OAAO,CAAC9B,KAAK,CAAC8F,WAAW,CAAE,CAC3C5B,MAAM,CAAElE,KAAK,CAACkE,MAAO,CACrBgC,UAAU,CAAEA,UAAW,CACvBoB,gBAAgB,CAAEA,gBAAiB,CACnCI,QAAQ,CAAEA,QAAS,CAAAlH,QAAA,CAEnBuC,GAAA,CAAC8D,kBAAkB,EACjBhB,aAAa,CAAEA,aAAc,CAC7B3B,MAAM,CAAElE,KAAK,CAACkE,MAAO,CACrB4B,WAAW,CAAE9F,KAAK,CAAC8F,WAAY,CAC/B3B,UAAU,CAAEnE,KAAK,CAACmE,UAAW,CAC7B4B,OAAO,CAAE/F,KAAK,CAAC+F,OAAQ,CACvBC,QAAQ,CAAEhG,KAAK,CAACgG,QAAS,CACzBzF,KAAK,CAAEP,KAAK,CAACO,KAAM,CACnB0F,WAAW,CAAEjG,KAAK,CAACiG,WAAY,CAC/BC,UAAU,CAAEA,UAAW,CACxB,CAAC,CAAA,CACkB,CAAC,CACO,CAAC,CAErC,CAAC,CAEK,IAAAmD,cAAc,CAAG5F,wBAAwB,CAAC9D,cAAK,CAACmH,IAAI,CAACC,eAAe,CAAC,CAAE,CAC3ErD,WAAW,CAAEC,YAAY,CAAC0F,cAAc,CACxCI,WAAW,CAAE9F,YAAY,CAAC0F,cAC5B,CAAC;;;;"}
+{"version":3,"file":"ActionListItem.js","sources":["../../../../../src/components/ActionList/ActionListItem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { StyledActionListItem } from './styles/StyledActionListItem';\nimport { componentIds } from './componentIds';\nimport type { StyledActionListItemProps } from './styles/getBaseActionListItemStyles';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole, isRoleMenu } from './getA11yRoles';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { Checkbox } from '~components/Checkbox';\nimport { size } from '~tokens/global';\nimport type { DropdownProps } from '~components/Dropdown';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport { Box } from '~components/Box';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\n\ntype ActionListItemProps = {\n  title: string;\n  description?: string;\n  onClick?: (clickProps: { name: string; value?: boolean }) => void;\n  /**\n   * value that you get from `onChange` event on SelectInput or in form submissions.\n   */\n  value: string;\n  /**\n   * Link to open when item is clicked.\n   */\n  href?: string;\n  /**\n   * HTML target of the link\n   */\n  target?: string;\n  /**\n   * Item that goes on left-side of item.\n   *\n   * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`\n   *\n   * Will be overriden in multiselect\n   */\n  leading?: React.ReactNode;\n  /**\n   * Item that goes on right-side of item.\n   *\n   * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Item that goes immediately next to the title.\n   *\n   * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`\n   *\n   */\n  titleSuffix?: React.ReactElement;\n  isDisabled?: boolean;\n  intent?: Extract<FeedbackColors, 'negative'>;\n  /**\n   * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.\n   *\n   * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.\n   */\n  isSelected?: boolean;\n  /**\n   * Internally passed from ActionList. No need to pass it explicitly\n   *\n   * @private\n   */\n  _index?: number;\n} & TestID;\n\nconst ActionListItemContext = React.createContext<{\n  intent?: ActionListItemProps['intent'];\n  isDisabled?: ActionListItemProps['isDisabled'];\n}>({});\n\nconst StyledActionListSectionTitle = styled(BaseBox)((props) => ({\n  // @TODO: replace this styled-component with new layout box when we have padding shorthand\n  padding: makeSize(props.theme.spacing[3]),\n}));\n\ntype ActionListSectionProps = {\n  title: string;\n  children: React.ReactNode[] | React.ReactNode;\n  /**\n   * Internally used to hide the divider on final item in React Native.\n   *\n   * Should not be used by consumers (also won't work on web)\n   *\n   * @private\n   */\n  _hideDivider?: boolean;\n  /**\n   * Internally used to hide / show section in AutoComplete\n   *\n   * @private\n   */\n  _sectionChildValues?: string[];\n} & TestID;\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n}: ActionListSectionProps): React.ReactElement => {\n  const { hasAutoCompleteInBottomSheetHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const isSectionVisible = React.useMemo(() => {\n    if (hasAutoComplete) {\n      const visibleActionListItemInSection = _sectionChildValues?.find((actionItemValue) =>\n        filteredValues.includes(actionItemValue),\n      );\n\n      return Boolean(visibleActionListItemInSection);\n    }\n\n    return true;\n  }, [_sectionChildValues, hasAutoComplete, filteredValues]);\n\n  const showDividerInRN = !(_hideDivider && isReactNative());\n  const showDividerInAutoComplete = hasAutoComplete\n    ? isSectionVisible && filteredValues.length > 1\n    : true;\n\n  return (\n    <BaseBox\n      {...makeAccessible({\n        role: getActionListSectionRole(),\n        label: title,\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionListSection, testID })}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? (\n        <StyledActionListSectionTitle {...makeAccessible({ hidden: true })}>\n          <Text color=\"surface.text.gray.muted\" size=\"small\" weight=\"semibold\">\n            {title}\n          </Text>\n        </StyledActionListSectionTitle>\n      ) : null}\n      <BaseBox\n        {...makeAccessible({\n          // On web, we just wrap it in another listbox to announce item count properly for particular group.\n          // On React Native, we ignore it since `menu` + `group` role will take care of accessibility\n          role: isReactNative() ? undefined : 'listbox',\n        })}\n      >\n        {children}\n      </BaseBox>\n      {showDividerInAutoComplete && showDividerInRN ? (\n        <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" />\n      ) : null}\n    </BaseBox>\n  );\n};\n\nconst ActionListSection = assignWithoutSideEffects(_ActionListSection, {\n  componentId: componentIds.ActionListSection,\n});\n\nconst _ActionListItemIcon = ({ icon }: { icon: IconComponent }): React.ReactElement => {\n  const Icon = icon;\n  const { intent, isDisabled } = React.useContext(ActionListItemContext);\n  const iconState = isDisabled ? 'disabled' : 'muted';\n  return (\n    <Icon\n      color={\n        intent === 'negative'\n          ? 'feedback.icon.negative.intense'\n          : `interactive.icon.gray.${iconState}`\n      }\n      size=\"medium\"\n    />\n  );\n};\n\nconst ActionListItemIcon = assignWithoutSideEffects(_ActionListItemIcon, {\n  componentId: componentIds.ActionListItemIcon,\n});\n\nconst _ActionListItemBadgeGroup = ({\n  children,\n}: {\n  children: React.ReactElement[] | React.ReactElement;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n      {children}\n    </Box>\n  );\n};\n\nconst ActionListItemBadgeGroup = assignWithoutSideEffects(_ActionListItemBadgeGroup, {\n  componentId: componentIds.ActionListItemBadgeGroup,\n});\n\nconst _ActionListItemBadge = (props: BadgeProps): React.ReactElement => {\n  return <Badge size=\"medium\" marginLeft=\"spacing.3\" {...props} />;\n};\n\nconst ActionListItemBadge = assignWithoutSideEffects(_ActionListItemBadge, {\n  componentId: componentIds.ActionListItemBadge,\n});\n\nconst _ActionListItemText = ({\n  children,\n}: {\n  children: StringChildrenType;\n}): React.ReactElement => {\n  const { isDisabled } = React.useContext(ActionListItemContext);\n\n  return (\n    <Text variant=\"caption\" color={getNormalTextColor(isDisabled, { isMuted: true })}>\n      {children}\n    </Text>\n  );\n};\n\nconst ActionListItemText = assignWithoutSideEffects(_ActionListItemText, {\n  componentId: componentIds.ActionListItemText,\n});\n\ntype ClickHandlerType = (e: React.MouseEvent<HTMLButtonElement>) => void;\n\nconst makeActionListItemClickable = (\n  clickHandler: ClickHandlerType,\n): { onPress?: StyledActionListItemProps['onPress']; onClick?: ClickHandlerType } => {\n  if (isReactNative()) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n    // @ts-ignore: ignoring ReactNative press type for the peace of mind\n    return { onPress: clickHandler };\n  }\n\n  return {\n    onClick: clickHandler,\n  };\n};\n\nconst _ActionListItemBody = ({\n  selectionType,\n  intent,\n  description,\n  isDisabled,\n  leading,\n  trailing,\n  title,\n  titleSuffix,\n  isSelected,\n}: Pick<\n  ActionListItemProps,\n  'intent' | 'isDisabled' | 'description' | 'trailing' | 'leading' | 'title' | 'titleSuffix'\n> & {\n  selectionType: DropdownProps['selectionType'];\n  isSelected?: boolean;\n}): React.ReactElement => {\n  return (\n    <>\n      <BaseBox\n        display=\"flex\"\n        justifyContent=\"center\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        maxHeight={isReactNative() ? undefined : makeSize(size[20])}\n      >\n        <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          {selectionType === 'multiple' ? (\n            // Adding aria-hidden because the listbox item in multiselect in itself explains the behaviour so announcing checkbox is unneccesary and just a nice UI tweak for us\n            <BaseBox\n              pointerEvents=\"none\"\n              paddingRight=\"spacing.2\"\n              {...makeAccessible({\n                hidden: true,\n              })}\n            >\n              <Checkbox isChecked={isSelected} tabIndex={-1} isDisabled={isDisabled}>\n                {/* \n                      Checkbox requires children. Didn't want to make it optional because its helpful for consumers\n                      But for this case in particular, we just want to use Text separately so that we can control spacing and color and keep it consistent with non-multiselect dropdowns\n                    */}\n                {null}\n              </Checkbox>\n            </BaseBox>\n          ) : (\n            leading\n          )}\n        </BaseBox>\n        <BaseBox\n          paddingLeft={selectionType === 'multiple' || !leading ? 'spacing.0' : 'spacing.3'}\n          paddingRight=\"spacing.3\"\n          display=\"flex\"\n          alignItems=\"center\"\n          flexDirection=\"row\"\n        >\n          <Text\n            truncateAfterLines={1}\n            color={\n              intent === 'negative'\n                ? 'feedback.text.negative.intense'\n                : getNormalTextColor(isDisabled)\n            }\n          >\n            {title}\n          </Text>\n          {titleSuffix}\n        </BaseBox>\n        <BaseBox marginLeft=\"auto\">{trailing}</BaseBox>\n      </BaseBox>\n      <BaseBox paddingLeft={leading || selectionType === 'multiple' ? 'spacing.7' : undefined}>\n        {description ? (\n          <Text color={getNormalTextColor(isDisabled, { isMuted: true })} size=\"small\">\n            {description}\n          </Text>\n        ) : null}\n      </BaseBox>\n    </>\n  );\n};\n\nconst ActionListItemBody = React.memo(_ActionListItemBody);\n\n/**\n * ### ActionListItem\n *\n * Creates option inside `ActionList`.\n *\n * #### Usage\n *\n * ```jsx\n * <ActionList>\n *  <ActionListItem\n *    title=\"Home\"\n *    value=\"home\"\n *    leading={<ActionListItemIcon icon={HomeIcon} />}\n *    trailing={<ActionListItemText>⌘ + S</ActionListItemText>}\n *  />\n * </ActionList>\n * ```\n */\nconst _ActionListItem = (props: ActionListItemProps): React.ReactElement => {\n  const {\n    activeIndex,\n    dropdownBaseId,\n    onOptionClick,\n    selectedIndices,\n    setShouldIgnoreBlurAnimation,\n    selectionType,\n    dropdownTriggerer,\n    isKeydownPressed,\n    filteredValues,\n    hasAutoCompleteInBottomSheetHeader,\n  } = useDropdown();\n\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\n\n  /**\n   * In SelectInput, returns the isSelected according to selected indexes in the state\n   *\n   * In Other Triggers (Menu Usecase), returns `props.isSelected` since passing the\n   * isSelected prop explicitly is the only way to select item in menu\n   */\n  const getIsSelected = (): boolean | undefined => {\n    if (dropdownTriggerer === dropdownComponentIds.triggers.SelectInput || hasAutoComplete) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\n      }\n\n      return undefined;\n    }\n\n    return props.isSelected;\n  };\n\n  const isSelected = getIsSelected();\n\n  React.useEffect(() => {\n    validateActionListItemProps({\n      leading: props.leading,\n      trailing: props.trailing,\n      titleSuffix: props.titleSuffix,\n    });\n  }, [props.leading, props.trailing, props.titleSuffix]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (\n        dropdownTriggerer === dropdownComponentIds.triggers.SelectInput &&\n        props.intent === 'negative'\n      ) {\n        throwBladeError({\n          message:\n            'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',\n          moduleName: 'ActionListItem',\n        });\n      }\n    }\n  }, [props.intent, dropdownTriggerer]);\n\n  return (\n    <ActionListItemContext.Provider value={{ intent: props.intent, isDisabled: props.isDisabled }}>\n      <StyledActionListItem\n        isVisible={hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true}\n        as={!isReactNative() ? renderOnWebAs : undefined}\n        id={`${dropdownBaseId}-${props._index}`}\n        type=\"button\"\n        tabIndex={-1}\n        href={props.href}\n        target={props.target}\n        className={activeIndex === props._index ? 'active-focus' : ''}\n        {...makeAccessible({\n          selected: isSelected,\n          current: isRoleMenu(dropdownTriggerer) ? isSelected : undefined,\n          role: getActionListItemRole(dropdownTriggerer, props.href),\n          disabled: props.isDisabled,\n        })}\n        {...makeActionListItemClickable((e: React.MouseEvent<HTMLButtonElement>): void => {\n          if (typeof props._index === 'number') {\n            onOptionClick(e, props._index);\n            props.onClick?.({ name: props.value, value: isSelected });\n          }\n        })}\n        {...metaAttribute({ name: MetaConstants.ActionListItem, testID: props.testID })}\n        onMouseDown={() => {\n          // We want to keep focus on Dropdown's trigger while option is being clicked\n          // So We set this flag that ignores the blur animation to avoid the flicker between focus out + focus in\n          setShouldIgnoreBlurAnimation(true);\n        }}\n        onMouseUp={() => {\n          // (Contd from above comment...) We set this flag back to false since blur of SelectInput is done calling by this time\n          setShouldIgnoreBlurAnimation(false);\n        }}\n        data-value={props.value}\n        data-index={props._index}\n        // Custom props for changes in styles\n        selectionType={selectionType}\n        hasDescription={Boolean(props.description)}\n        intent={props.intent}\n        isSelected={isSelected}\n        isKeydownPressed={isKeydownPressed}\n        isMobile={isMobile}\n      >\n        <ActionListItemBody\n          selectionType={selectionType}\n          intent={props.intent}\n          description={props.description}\n          isDisabled={props.isDisabled}\n          leading={props.leading}\n          trailing={props.trailing}\n          title={props.title}\n          titleSuffix={props.titleSuffix}\n          isSelected={isSelected}\n        />\n      </StyledActionListItem>\n    </ActionListItemContext.Provider>\n  );\n};\n\nconst ActionListItem = assignWithoutSideEffects(React.memo(_ActionListItem), {\n  componentId: componentIds.ActionListItem,\n  displayName: componentIds.ActionListItem,\n});\n\nexport type { ActionListItemProps, ActionListSectionProps };\nexport {\n  ActionListItem,\n  ActionListItemIcon,\n  ActionListItemText,\n  ActionListItemBadge,\n  ActionListItemBadgeGroup,\n  ActionListSection,\n};\n"],"names":["ActionListItemContext","React","createContext","StyledActionListSectionTitle","styled","BaseBox","props","padding","makeSize","theme","spacing","_ActionListSection","_ref","title","children","testID","_hideDivider","_sectionChildValues","_useDropdown","useDropdown","hasAutoCompleteInBottomSheetHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","Object","assign","makeAccessible","role","getActionListSectionRole","label","metaAttribute","name","MetaConstants","ActionListSection","_jsx","hidden","Text","color","size","weight","undefined","Divider","marginX","marginY","assignWithoutSideEffects","componentId","componentIds","_ActionListItemIcon","_ref2","icon","Icon","_React$useContext","useContext","intent","isDisabled","iconState","ActionListItemIcon","_ActionListItemBadgeGroup","_ref3","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref4","_React$useContext2","variant","getNormalTextColor","isMuted","ActionListItemText","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItemBody","_ref5","selectionType","description","leading","trailing","titleSuffix","isSelected","_Fragment","justifyContent","maxHeight","pointerEvents","paddingRight","Checkbox","isChecked","tabIndex","paddingLeft","truncateAfterLines","ActionListItemBody","memo","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","isKeydownPressed","_useTheme","useTheme","platform","isMobile","renderOnWebAs","href","getIsSelected","SelectInput","_index","useEffect","validateActionListItemProps","__DEV__","throwBladeError","message","moduleName","Provider","value","StyledActionListItem","isVisible","as","id","type","target","className","selected","current","isRoleMenu","getActionListItemRole","disabled","e","ActionListItem","onMouseDown","onMouseUp","hasDescription","displayName"],"mappings":"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"}

package/build/lib/native/components/ActionList/ActionListNoResults.js

@@ -19,7 +19,7 @@ import '../Typography/BaseText/BaseText.native.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
 
-var ActionListNoResults=function ActionListNoResults(){return jsxs(Box,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"spacing.5",children:[jsx(SearchIcon,{size:"xlarge",color:"surface.text.normal.lowContrast"}),jsx(Text,{marginTop:"spacing.5",weight:"bold",children:"No Search Result Found"}),jsx(Text,{marginTop:"spacing.3",size:"small",type:"subtle",children:"Try searching for a different value"})]});};
+var ActionListNoResults=function ActionListNoResults(){return jsxs(Box,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"spacing.5",children:[jsx(SearchIcon,{size:"xlarge",color:"surface.icon.gray.muted"}),jsx(Text,{marginTop:"spacing.5",weight:"semibold",children:"No Search Result Found"}),jsx(Text,{color:"surface.text.gray.subtle",marginTop:"spacing.3",size:"small",children:"Try searching for a different value"})]});};
 
 export { ActionListNoResults };
 //# sourceMappingURL=ActionListNoResults.js.map

package/build/lib/native/components/ActionList/ActionListNoResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionListNoResults.js","sources":["../../../../../src/components/ActionList/ActionListNoResults.tsx"],"sourcesContent":["import { Box } from '~components/Box';\nimport { SearchIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\n\nconst ActionListNoResults = (): React.ReactElement => {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      padding=\"spacing.5\"\n    >\n      <SearchIcon size=\"xlarge\" color=\"surface.text.normal.lowContrast\" />\n      <Text marginTop=\"spacing.5\" weight=\"bold\">\n        No Search Result Found\n      </Text>\n      <Text marginTop=\"spacing.3\" size=\"small\" type=\"subtle\">\n        Try searching for a different value\n      </Text>\n    </Box>\n  );\n};\n\nexport { ActionListNoResults };\n"],"names":["ActionListNoResults","_jsxs","Box","display","flexDirection","alignItems","justifyContent","padding","children","_jsx","SearchIcon","size","color","Text","marginTop","weight","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,EAA6B,CACpD,OACEC,IAAA,CAACC,GAAG,CACFC,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,QAAQ,CACtBC,UAAU,CAAC,QAAQ,CACnBC,cAAc,CAAC,QAAQ,CACvBC,OAAO,CAAC,WAAW,CAAAC,QAAA,CAAA,CAEnBC,GAAA,CAACC,UAAU,CAACC,CAAAA,IAAI,CAAC,QAAQ,CAACC,KAAK,CAAC,iCAAiC,CAAE,CAAC,CACpEH,GAAA,CAACI,IAAI,CAACC,CAAAA,SAAS,CAAC,WAAW,CAACC,MAAM,CAAC,MAAM,CAAAP,QAAA,CAAC,wBAE1C,CAAM,CAAC,CACPC,GAAA,CAACI,IAAI,CAAA,CAACC,SAAS,CAAC,WAAW,CAACH,IAAI,CAAC,OAAO,CAACK,IAAI,CAAC,QAAQ,CAAAR,QAAA,CAAC,qCAEvD,CAAM,CAAC,CACJ,CAAA,CAAC,CAEV;;;;"}
+{"version":3,"file":"ActionListNoResults.js","sources":["../../../../../src/components/ActionList/ActionListNoResults.tsx"],"sourcesContent":["import { Box } from '~components/Box';\nimport { SearchIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\n\nconst ActionListNoResults = (): React.ReactElement => {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      padding=\"spacing.5\"\n    >\n      <SearchIcon size=\"xlarge\" color=\"surface.icon.gray.muted\" />\n      <Text marginTop=\"spacing.5\" weight=\"semibold\">\n        No Search Result Found\n      </Text>\n      <Text color=\"surface.text.gray.subtle\" marginTop=\"spacing.3\" size=\"small\">\n        Try searching for a different value\n      </Text>\n    </Box>\n  );\n};\n\nexport { ActionListNoResults };\n"],"names":["ActionListNoResults","_jsxs","Box","display","flexDirection","alignItems","justifyContent","padding","children","_jsx","SearchIcon","size","color","Text","marginTop","weight"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,EAA6B,CACpD,OACEC,IAAA,CAACC,GAAG,CACFC,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,QAAQ,CACtBC,UAAU,CAAC,QAAQ,CACnBC,cAAc,CAAC,QAAQ,CACvBC,OAAO,CAAC,WAAW,CAAAC,QAAA,CAAA,CAEnBC,GAAA,CAACC,UAAU,CAACC,CAAAA,IAAI,CAAC,QAAQ,CAACC,KAAK,CAAC,yBAAyB,CAAE,CAAC,CAC5DH,GAAA,CAACI,IAAI,CAACC,CAAAA,SAAS,CAAC,WAAW,CAACC,MAAM,CAAC,UAAU,CAAAP,QAAA,CAAC,wBAE9C,CAAM,CAAC,CACPC,GAAA,CAACI,IAAI,CAAA,CAACD,KAAK,CAAC,0BAA0B,CAACE,SAAS,CAAC,WAAW,CAACH,IAAI,CAAC,OAAO,CAAAH,QAAA,CAAC,qCAE1E,CAAM,CAAC,CACJ,CAAA,CAAC,CAEV;;;;"}