@razorpay/blade 12.42.1 → 12.42.3

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

@@ -13,13 +13,14 @@ import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/a
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { isIconComponent } from '../../utils/isIconComponent/isIconComponent.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var _excluded=["title","subtitle","leading","children","trailing","titleSuffix"];var getLeadingElementMaxHeightAndWidth=function getLeadingElementMaxHeightAndWidth(size$1){if(size$1==='large')return makeSize(size['32']);return makeSize(size['24']);};var _AccordionItemHeader=function _AccordionItemHeader(_ref){var _leading$type$name;var title=_ref.title,subtitle=_ref.subtitle,leading=_ref.leading,children=_ref.children,trailing=_ref.trailing,titleSuffix=_ref.titleSuffix,rest=_objectWithoutProperties(_ref,_excluded);var _useAccordion=useAccordion(),size=_useAccordion.size,showNumberPrefix=_useAccordion.showNumberPrefix,expandedIndex=_useAccordion.expandedIndex;var _useAccordionItemInde=useAccordionItemIndex(),index=_useAccordionItemInde.index,isDisabled=_useAccordionItemInde.isDisabled;var isLeadingIcon=React__default.isValidElement(leading)&&typeof leading.type==='function'&&((_leading$type$name=leading.type.name)==null?void 0:_leading$type$name.endsWith('Icon'));var isLeadingNumberOrIcon=React__default.useMemo(function(){if(showNumberPrefix&&typeof index==='number')return true;if(isLeadingIcon)return true;return false;},[showNumberPrefix,index,isLeadingIcon]);var shouldAlignHeaderItemsInCenter=Boolean(children||Boolean(leading)&&!isLeadingNumberOrIcon);var leadingElement=React__default.useMemo(function(){if(showNumberPrefix&&typeof index==='number'){return jsxs(Text,{size:size,weight:"semibold",marginTop:"-2px",as:"span",children:[index+1,"."]});}if(leading){return jsx(BaseBox,{marginRight:isLeadingIcon?'spacing.0':'spacing.3',marginTop:"spacing.1",maxHeight:getLeadingElementMaxHeightAndWidth(size),maxWidth:getLeadingElementMaxHeightAndWidth(size),overflow:"hidden",children:leading});}return null;},[showNumberPrefix,index,leading,size,isLeadingIcon]);return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItemHeader}),{flex:"1",children:jsx(BaseHeader,Object.assign({leading:leadingElement,title:title,subtitle:subtitle,trailing:trailing,titleSuffix:titleSuffix,isDisabled:isDisabled,showBackButton:false,showCloseButton:false,showDivider:expandedIndex===index,paddingX:"spacing.5",marginY:"spacing.5",size:size,alignItems:!subtitle&&!isLeadingNumberOrIcon?'center':'flex-start',dividerProps:{thickness:'thinner',marginX:'spacing.5'},trailingInteractionElement:jsx(CollapsibleChevronIcon,{color:isDisabled?'interactive.icon.gray.disabled':'interactive.icon.gray.muted',size:"large"}),shouldAlignLeadingAndTrailingElementsToCenter:shouldAlignHeaderItemsInCenter},makeAnalyticsAttribute(rest),{children:children}))}));};var AccordionItemHeader=assignWithoutSideEffects(_AccordionItemHeader,{componentId:componentIds.AccordionItemHeader});
+var _excluded=["title","subtitle","leading","children","trailing","titleSuffix"];var getLeadingElementMaxHeightAndWidth=function getLeadingElementMaxHeightAndWidth(size$1){if(size$1==='large')return makeSize(size['32']);return makeSize(size['24']);};var _AccordionItemHeader=function _AccordionItemHeader(_ref){var _leading$type$name;var title=_ref.title,subtitle=_ref.subtitle,leading=_ref.leading,children=_ref.children,trailing=_ref.trailing,titleSuffix=_ref.titleSuffix,rest=_objectWithoutProperties(_ref,_excluded);var _useAccordion=useAccordion(),size=_useAccordion.size,showNumberPrefix=_useAccordion.showNumberPrefix,expandedIndex=_useAccordion.expandedIndex;var _useAccordionItemInde=useAccordionItemIndex(),index=_useAccordionItemInde.index,isDisabled=_useAccordionItemInde.isDisabled;var isLeadingIcon=React__default.isValidElement(leading)&&typeof leading.type==='function'&&((_leading$type$name=leading.type.name)==null?void 0:_leading$type$name.endsWith('Icon'));var isLeadingNumberOrIcon=React__default.useMemo(function(){if(showNumberPrefix&&typeof index==='number')return true;if(leading&&React__default.isValidElement(leading)&&isIconComponent(leading))return true;if(isLeadingIcon)return true;return false;},[showNumberPrefix,index,leading,isLeadingIcon]);var shouldAlignHeaderItemsInCenter=Boolean(children||Boolean(leading)&&!isLeadingNumberOrIcon);var leadingElement=React__default.useMemo(function(){if(showNumberPrefix&&typeof index==='number'){return jsxs(Text,{size:size,weight:"semibold",marginTop:"-2px",as:"span",children:[index+1,"."]});}if(leading){return jsx(BaseBox,{marginRight:isLeadingIcon?'spacing.0':'spacing.3',marginTop:"spacing.1",maxHeight:getLeadingElementMaxHeightAndWidth(size),maxWidth:getLeadingElementMaxHeightAndWidth(size),overflow:"hidden",children:leading});}return null;},[showNumberPrefix,index,leading,size,isLeadingIcon]);return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItemHeader}),{flex:"1",children:jsx(BaseHeader,Object.assign({leading:leadingElement,title:title,subtitle:subtitle,trailing:trailing,titleSuffix:titleSuffix,isDisabled:isDisabled,showBackButton:false,showCloseButton:false,showDivider:expandedIndex===index,paddingX:"spacing.5",marginY:"spacing.5",size:size,alignItems:!subtitle&&!isLeadingNumberOrIcon?'center':'flex-start',dividerProps:{thickness:'thinner',marginX:'spacing.5'},trailingInteractionElement:jsx(CollapsibleChevronIcon,{color:isDisabled?'interactive.icon.gray.disabled':'interactive.icon.gray.muted',size:"large"}),shouldAlignLeadingAndTrailingElementsToCenter:shouldAlignHeaderItemsInCenter},makeAnalyticsAttribute(rest),{children:children}))}));};var AccordionItemHeader=assignWithoutSideEffects(_AccordionItemHeader,{componentId:componentIds.AccordionItemHeader});
 
 export { AccordionItemHeader };
 //# sourceMappingURL=AccordionItemHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionItemHeader.js","sources":["../../../../../src/components/Accordion/AccordionItemHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useAccordion, useAccordionItemIndex } from './AccordionContext';\nimport { componentIds } from './componentIds';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CollapsibleChevronIcon } from '~components/Collapsible/CollapsibleChevronIcon';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils/makeSize';\nimport { size as sizeToken } from '~tokens/global';\n\nconst getLeadingElementMaxHeightAndWidth = (\n  size: BaseHeaderProps['size'],\n): BoxProps['maxHeight'] => {\n  if (size === 'large') return makeSize(sizeToken['32']);\n  return makeSize(sizeToken['24']);\n};\n\nconst _AccordionItemHeader = ({\n  title,\n  subtitle,\n  leading,\n  children,\n  trailing,\n  titleSuffix,\n  ...rest\n}: Pick<\n  BaseHeaderProps,\n  'title' | 'subtitle' | 'leading' | 'children' | 'trailing' | 'titleSuffix'\n> &\n  DataAnalyticsAttribute): React.ReactElement => {\n  const { size, showNumberPrefix, expandedIndex } = useAccordion();\n  const { index, isDisabled } = useAccordionItemIndex();\n\n  const isLeadingIcon =\n    React.isValidElement(leading) &&\n    typeof leading.type === 'function' &&\n    leading.type.name?.endsWith('Icon');\n\n  const isLeadingNumberOrIcon = React.useMemo(() => {\n    // Check if leading is a number\n    if (showNumberPrefix && typeof index === 'number') return true;\n\n    // Check if leading is an Icon component (name ends with \"Icon\")\n    if (isLeadingIcon) return true;\n\n    return false;\n  }, [showNumberPrefix, index, isLeadingIcon]);\n\n  const shouldAlignHeaderItemsInCenter = Boolean(\n    children || (Boolean(leading) && !isLeadingNumberOrIcon),\n  );\n\n  const leadingElement = React.useMemo(() => {\n    if (showNumberPrefix && typeof index === 'number') {\n      return (\n        <Text size={size} weight=\"semibold\" marginTop=\"-2px\" as=\"span\">\n          {index + 1}.\n        </Text>\n      );\n    }\n    if (leading) {\n      return (\n        <BaseBox\n          marginRight={isLeadingIcon ? 'spacing.0' : 'spacing.3'}\n          marginTop=\"spacing.1\"\n          // So in design, we have set max height and width for the leading element, doing same here\n          maxHeight={getLeadingElementMaxHeightAndWidth(size)}\n          maxWidth={getLeadingElementMaxHeightAndWidth(size)}\n          overflow=\"hidden\"\n        >\n          {leading}\n        </BaseBox>\n      );\n    }\n    return null;\n  }, [showNumberPrefix, index, leading, size, isLeadingIcon]);\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.AccordionItemHeader })} flex=\"1\">\n      <BaseHeader\n        leading={leadingElement}\n        title={title}\n        subtitle={subtitle}\n        trailing={trailing}\n        titleSuffix={titleSuffix}\n        isDisabled={isDisabled}\n        showBackButton={false}\n        showCloseButton={false}\n        showDivider={expandedIndex === index}\n        paddingX=\"spacing.5\"\n        marginY=\"spacing.5\"\n        size={size}\n        alignItems={!subtitle && !isLeadingNumberOrIcon ? 'center' : 'flex-start'}\n        dividerProps={{\n          thickness: 'thinner',\n          marginX: 'spacing.5',\n        }}\n        trailingInteractionElement={\n          <CollapsibleChevronIcon\n            color={isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted'}\n            size=\"large\"\n          />\n        }\n        shouldAlignLeadingAndTrailingElementsToCenter={shouldAlignHeaderItemsInCenter}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {children}\n      </BaseHeader>\n    </BaseBox>\n  );\n};\n\nconst AccordionItemHeader = assignWithoutSideEffects(_AccordionItemHeader, {\n  componentId: componentIds.AccordionItemHeader,\n});\n\nexport { AccordionItemHeader };\n"],"names":["getLeadingElementMaxHeightAndWidth","size","makeSize","sizeToken","_AccordionItemHeader","_ref","_leading$type$name","title","subtitle","leading","children","trailing","titleSuffix","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","showNumberPrefix","expandedIndex","_useAccordionItemInde","useAccordionItemIndex","index","isDisabled","isLeadingIcon","React","isValidElement","type","name","endsWith","isLeadingNumberOrIcon","useMemo","shouldAlignHeaderItemsInCenter","Boolean","leadingElement","_jsxs","Text","weight","marginTop","as","_jsx","BaseBox","marginRight","maxHeight","maxWidth","overflow","Object","assign","metaAttribute","MetaConstants","AccordionItemHeader","flex","BaseHeader","showBackButton","showCloseButton","showDivider","paddingX","marginY","alignItems","dividerProps","thickness","marginX","trailingInteractionElement","CollapsibleChevronIcon","color","shouldAlignLeadingAndTrailingElementsToCenter","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":"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"}
+{"version":3,"file":"AccordionItemHeader.js","sources":["../../../../../src/components/Accordion/AccordionItemHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useAccordion, useAccordionItemIndex } from './AccordionContext';\nimport { componentIds } from './componentIds';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CollapsibleChevronIcon } from '~components/Collapsible/CollapsibleChevronIcon';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { isIconComponent } from '~utils/isIconComponent';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils/makeSize';\nimport { size as sizeToken } from '~tokens/global';\n\nconst getLeadingElementMaxHeightAndWidth = (\n  size: BaseHeaderProps['size'],\n): BoxProps['maxHeight'] => {\n  if (size === 'large') return makeSize(sizeToken['32']);\n  return makeSize(sizeToken['24']);\n};\n\nconst _AccordionItemHeader = ({\n  title,\n  subtitle,\n  leading,\n  children,\n  trailing,\n  titleSuffix,\n  ...rest\n}: Pick<\n  BaseHeaderProps,\n  'title' | 'subtitle' | 'leading' | 'children' | 'trailing' | 'titleSuffix'\n> &\n  DataAnalyticsAttribute): React.ReactElement => {\n  const { size, showNumberPrefix, expandedIndex } = useAccordion();\n  const { index, isDisabled } = useAccordionItemIndex();\n\n  const isLeadingIcon =\n    React.isValidElement(leading) &&\n    typeof leading.type === 'function' &&\n    leading.type.name?.endsWith('Icon');\n\n  const isLeadingNumberOrIcon = React.useMemo(() => {\n    // Check if leading is a number\n    if (showNumberPrefix && typeof index === 'number') return true;\n\n    // Check if leading is an Icon component (name ends with \"Icon\")\n    if (leading && React.isValidElement(leading) && isIconComponent(leading)) return true;\n    if (isLeadingIcon) return true;\n\n    return false;\n  }, [showNumberPrefix, index, leading, isLeadingIcon]);\n\n  const shouldAlignHeaderItemsInCenter = Boolean(\n    children || (Boolean(leading) && !isLeadingNumberOrIcon),\n  );\n\n  const leadingElement = React.useMemo(() => {\n    if (showNumberPrefix && typeof index === 'number') {\n      return (\n        <Text size={size} weight=\"semibold\" marginTop=\"-2px\" as=\"span\">\n          {index + 1}.\n        </Text>\n      );\n    }\n    if (leading) {\n      return (\n        <BaseBox\n          marginRight={isLeadingIcon ? 'spacing.0' : 'spacing.3'}\n          marginTop=\"spacing.1\"\n          // So in design, we have set max height and width for the leading element, doing same here\n          maxHeight={getLeadingElementMaxHeightAndWidth(size)}\n          maxWidth={getLeadingElementMaxHeightAndWidth(size)}\n          overflow=\"hidden\"\n        >\n          {leading}\n        </BaseBox>\n      );\n    }\n    return null;\n  }, [showNumberPrefix, index, leading, size, isLeadingIcon]);\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.AccordionItemHeader })} flex=\"1\">\n      <BaseHeader\n        leading={leadingElement}\n        title={title}\n        subtitle={subtitle}\n        trailing={trailing}\n        titleSuffix={titleSuffix}\n        isDisabled={isDisabled}\n        showBackButton={false}\n        showCloseButton={false}\n        showDivider={expandedIndex === index}\n        paddingX=\"spacing.5\"\n        marginY=\"spacing.5\"\n        size={size}\n        alignItems={!subtitle && !isLeadingNumberOrIcon ? 'center' : 'flex-start'}\n        dividerProps={{\n          thickness: 'thinner',\n          marginX: 'spacing.5',\n        }}\n        trailingInteractionElement={\n          <CollapsibleChevronIcon\n            color={isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted'}\n            size=\"large\"\n          />\n        }\n        shouldAlignLeadingAndTrailingElementsToCenter={shouldAlignHeaderItemsInCenter}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {children}\n      </BaseHeader>\n    </BaseBox>\n  );\n};\n\nconst AccordionItemHeader = assignWithoutSideEffects(_AccordionItemHeader, {\n  componentId: componentIds.AccordionItemHeader,\n});\n\nexport { AccordionItemHeader };\n"],"names":["getLeadingElementMaxHeightAndWidth","size","makeSize","sizeToken","_AccordionItemHeader","_ref","_leading$type$name","title","subtitle","leading","children","trailing","titleSuffix","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","showNumberPrefix","expandedIndex","_useAccordionItemInde","useAccordionItemIndex","index","isDisabled","isLeadingIcon","React","isValidElement","type","name","endsWith","isLeadingNumberOrIcon","useMemo","isIconComponent","shouldAlignHeaderItemsInCenter","Boolean","leadingElement","_jsxs","Text","weight","marginTop","as","_jsx","BaseBox","marginRight","maxHeight","maxWidth","overflow","Object","assign","metaAttribute","MetaConstants","AccordionItemHeader","flex","BaseHeader","showBackButton","showCloseButton","showDivider","paddingX","marginY","alignItems","dividerProps","thickness","marginX","trailingInteractionElement","CollapsibleChevronIcon","color","shouldAlignLeadingAndTrailingElementsToCenter","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":"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"}

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

@@ -36,8 +36,394 @@ import '@gorhom/portal';
 import 'react-native-gesture-handler';
 import '../BottomSheet/BottomSheetStack.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-native-svg';
-import '../Icons/_Svg/Svg/Svg.native.js';
+import '../Icons/AcceptPaymentsIcon/AcceptPaymentsIcon.js';
+import '../Icons/ActivityIcon/ActivityIcon.js';
+import '../Icons/AddressBookIcon/AddressBookIcon.js';
+import '../Icons/AffordabilityIcon/AffordabilityIcon.js';
+import '../Icons/AirplayIcon/AirplayIcon.js';
+import '../Icons/AlertCircleIcon/AlertCircleIcon.js';
+import '../Icons/AlertOctagonIcon/AlertOctagonIcon.js';
+import '../Icons/AlertOnlyIcon/AlertOnlyIcon.js';
+import '../Icons/AlertTriangleIcon/AlertTriangleIcon.js';
+import '../Icons/AlignCenterIcon/AlignCenterIcon.js';
+import '../Icons/AlignJustifyIcon/AlignJustifyIcon.js';
+import '../Icons/AlignLeftIcon/AlignLeftIcon.js';
+import '../Icons/AlignRightIcon/AlignRightIcon.js';
+import '../Icons/AnchorIcon/AnchorIcon.js';
+import '../Icons/AndroidIcon/AndroidIcon.js';
+import '../Icons/AnnouncementIcon/AnnouncementIcon.js';
+import '../Icons/ApertureIcon/ApertureIcon.js';
+import '../Icons/AppStoreIcon/AppStoreIcon.js';
+import '../Icons/AppleIcon/AppleIcon.js';
+import '../Icons/ArrowDownIcon/ArrowDownIcon.js';
+import '../Icons/ArrowDownLeftIcon/ArrowDownLeftIcon.js';
+import '../Icons/ArrowDownRightIcon/ArrowDownRightIcon.js';
+import '../Icons/ArrowLeftIcon/ArrowLeftIcon.js';
+import '../Icons/ArrowRightIcon/ArrowRightIcon.js';
+import '../Icons/ArrowSquareDownIcon/ArrowSquareDownIcon.js';
+import '../Icons/ArrowSquareDownLeftIcon/ArrowSquareDownLeftIcon.js';
+import '../Icons/ArrowSquareDownRightIcon/ArrowSquareDownRightIcon.js';
+import '../Icons/ArrowSquareLeftIcon/ArrowSquareLeftIcon.js';
+import '../Icons/ArrowSquareRightIcon/ArrowSquareRightIcon.js';
+import '../Icons/ArrowSquareUpIcon/ArrowSquareUpIcon.js';
+import '../Icons/ArrowSquareUpLeftIcon/ArrowSquareUpLeftIcon.js';
+import '../Icons/ArrowSquareUpRightIcon/ArrowSquareUpRightIcon.js';
+import '../Icons/ArrowUpIcon/ArrowUpIcon.js';
+import '../Icons/ArrowUpLeftIcon/ArrowUpLeftIcon.js';
+import '../Icons/ArrowUpRightIcon/ArrowUpRightIcon.js';
+import '../Icons/AtSignIcon/AtSignIcon.js';
+import '../Icons/AttachmentIcon/AttachmentIcon.js';
+import '../Icons/AutomateAccountingIcon/AutomateAccountingIcon.js';
+import '../Icons/AutomatePayrollIcon/AutomatePayrollIcon.js';
+import '../Icons/AwardIcon/AwardIcon.js';
+import '../Icons/BankAccountVerificationIcon/BankAccountVerificationIcon.js';
+import '../Icons/BankIcon/BankIcon.js';
+import '../Icons/BarChartAltIcon/BarChartAltIcon.js';
+import '../Icons/BarChartIcon/BarChartIcon.js';
+import '../Icons/BarCodeIcon/BarCodeIcon.js';
+import '../Icons/Battery100PercentIcon/Battery100PercentIcon.js';
+import '../Icons/Battery20PercentIcon/Battery20PercentIcon.js';
+import '../Icons/Battery40PercentIcon/Battery40PercentIcon.js';
+import '../Icons/Battery60PercentIcon/Battery60PercentIcon.js';
+import '../Icons/Battery80PercentIcon/Battery80PercentIcon.js';
+import '../Icons/BatteryChargingIcon/BatteryChargingIcon.js';
+import '../Icons/BatteryIcon/BatteryIcon.js';
+import '../Icons/BellIcon/BellIcon.js';
+import '../Icons/BellOffIcon/BellOffIcon.js';
+import '../Icons/BfsiIcon/BfsiIcon.js';
+import '../Icons/BillIcon/BillIcon.js';
+import '../Icons/BillMeIcon/BillMeIcon.js';
+import '../Icons/BluetoothIcon/BluetoothIcon.js';
+import '../Icons/BoldIcon/BoldIcon.js';
+import '../Icons/BookIcon/BookIcon.js';
+import '../Icons/BookmarkIcon/BookmarkIcon.js';
+import '../Icons/BoxIcon/BoxIcon.js';
+import '../Icons/BriefcaseIcon/BriefcaseIcon.js';
+import '../Icons/BugIcon/BugIcon.js';
+import '../Icons/BuildingIcon/BuildingIcon.js';
+import '../Icons/BulkPayoutsIcon/BulkPayoutsIcon.js';
+import '../Icons/BusinessBankingIcon/BusinessBankingIcon.js';
+import '../Icons/BusinessSpendManagementIcon/BusinessSpendManagementIcon.js';
+import '../Icons/CalendarIcon/CalendarIcon.js';
+import '../Icons/CameraIcon/CameraIcon.js';
+import '../Icons/CameraOffIcon/CameraOffIcon.js';
+import '../Icons/CashIcon/CashIcon.js';
+import '../Icons/CastIcon/CastIcon.js';
+import '../Icons/CheckCircle2Icon/CheckCircle2Icon.js';
+import '../Icons/CheckCircleIcon/CheckCircleIcon.js';
+import '../Icons/CheckIcon/CheckIcon.js';
+import '../Icons/CheckSquareIcon/CheckSquareIcon.js';
+import '../Icons/ChevronDownIcon/ChevronDownIcon.js';
+import '../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
+import '../Icons/ChevronRightIcon/ChevronRightIcon.js';
+import '../Icons/ChevronUpDownIcon/ChevronUpDownIcon.js';
+import '../Icons/ChevronUpIcon/ChevronUpIcon.js';
+import '../Icons/ChevronsDownIcon/ChevronsDownIcon.js';
+import '../Icons/ChevronsLeftIcon/ChevronsLeftIcon.js';
+import '../Icons/ChevronsRightIcon/ChevronsRightIcon.js';
+import '../Icons/ChevronsUpIcon/ChevronsUpIcon.js';
+import '../Icons/ChromeIcon/ChromeIcon.js';
+import '../Icons/CircleIcon/CircleIcon.js';
+import '../Icons/ClipboardIcon/ClipboardIcon.js';
+import '../Icons/ClockIcon/ClockIcon.js';
+import '../Icons/CloseIcon/CloseIcon.js';
+import '../Icons/ClosedCaptioningIcon/ClosedCaptioningIcon.js';
+import '../Icons/CloudDrizzleIcon/CloudDrizzleIcon.js';
+import '../Icons/CloudIcon/CloudIcon.js';
+import '../Icons/CloudLightningIcon/CloudLightningIcon.js';
+import '../Icons/CloudOffIcon/CloudOffIcon.js';
+import '../Icons/CloudRainIcon/CloudRainIcon.js';
+import '../Icons/CloudSnowIcon/CloudSnowIcon.js';
+import '../Icons/CodeSnippetIcon/CodeSnippetIcon.js';
+import '../Icons/CodepenIcon/CodepenIcon.js';
+import '../Icons/CoinIcon/CoinIcon.js';
+import '../Icons/CoinsIcon/CoinsIcon.js';
+import '../Icons/CommandIcon/CommandIcon.js';
+import '../Icons/CompanyRegistrationIcon/CompanyRegistrationIcon.js';
+import '../Icons/CompassIcon/CompassIcon.js';
+import '../Icons/ConfettiIcon/ConfettiIcon.js';
+import '../Icons/ContactlessPaymentIcon/ContactlessPaymentIcon.js';
+import '../Icons/CookieIcon/CookieIcon.js';
+import '../Icons/CopyIcon/CopyIcon.js';
+import '../Icons/CopyrightIcon/CopyrightIcon.js';
+import '../Icons/CornerDownLeftIcon/CornerDownLeftIcon.js';
+import '../Icons/CornerDownRightIcon/CornerDownRightIcon.js';
+import '../Icons/CornerLeftDownIcon/CornerLeftDownIcon.js';
+import '../Icons/CornerLeftUpIcon/CornerLeftUpIcon.js';
+import '../Icons/CornerRightDownIcon/CornerRightDownIcon.js';
+import '../Icons/CornerRightUpIcon/CornerRightUpIcon.js';
+import '../Icons/CornerUpLeftIcon/CornerUpLeftIcon.js';
+import '../Icons/CornerUpRightIcon/CornerUpRightIcon.js';
+import '../Icons/CpuIcon/CpuIcon.js';
+import '../Icons/CreditCardIcon/CreditCardIcon.js';
+import '../Icons/CreditsAndLoansIcon/CreditsAndLoansIcon.js';
+import '../Icons/CropIcon/CropIcon.js';
+import '../Icons/CrosshairIcon/CrosshairIcon.js';
+import '../Icons/CurrentAccountIcon/CurrentAccountIcon.js';
+import '../Icons/CustomersIcon/CustomersIcon.js';
+import '../Icons/CutIcon/CutIcon.js';
+import '../Icons/DashboardIcon/DashboardIcon.js';
+import '../Icons/DeleteIcon/DeleteIcon.js';
+import '../Icons/DigitalLendingIcon/DigitalLendingIcon.js';
+import '../Icons/DisbursePaymentsIcon/DisbursePaymentsIcon.js';
+import '../Icons/DiscIcon/DiscIcon.js';
+import '../Icons/DollarIcon/DollarIcon.js';
+import '../Icons/DollarsIcon/DollarsIcon.js';
+import '../Icons/DotIcon/DotIcon.js';
+import '../Icons/DownloadCloudIcon/DownloadCloudIcon.js';
+import '../Icons/DownloadIcon/DownloadIcon.js';
+import '../Icons/DragHandleIcon/DragHandleIcon.js';
+import '../Icons/DropletIcon/DropletIcon.js';
+import '../Icons/EcommerceIcon/EcommerceIcon.js';
+import '../Icons/EditComposeIcon/EditComposeIcon.js';
+import '../Icons/EditIcon/EditIcon.js';
+import '../Icons/EditInlineIcon/EditInlineIcon.js';
+import '../Icons/EducationIcon/EducationIcon.js';
+import '../Icons/EngageIcon/EngageIcon.js';
+import '../Icons/EqualsIcon/EqualsIcon.js';
+import '../Icons/EscrowAccountIcon/EscrowAccountIcon.js';
+import '../Icons/ExportIcon/ExportIcon.js';
+import '../Icons/ExternalLinkIcon/ExternalLinkIcon.js';
+import '../Icons/EyeIcon/EyeIcon.js';
+import '../Icons/EyeOffIcon/EyeOffIcon.js';
+import '../Icons/FacebookIcon/FacebookIcon.js';
+import '../Icons/FastForwardIcon/FastForwardIcon.js';
+import '../Icons/FeatherIcon/FeatherIcon.js';
+import '../Icons/FigmaIcon/FigmaIcon.js';
+import '../Icons/FileIcon/FileIcon.js';
+import '../Icons/FileMinusIcon/FileMinusIcon.js';
+import '../Icons/FilePlusIcon/FilePlusIcon.js';
+import '../Icons/FileTextIcon/FileTextIcon.js';
+import '../Icons/FileZipIcon/FileZipIcon.js';
+import '../Icons/FilmIcon/FilmIcon.js';
+import '../Icons/FilterIcon/FilterIcon.js';
+import '../Icons/FlagIcon/FlagIcon.js';
+import '../Icons/FlaskIcon/FlaskIcon.js';
+import '../Icons/FolderIcon/FolderIcon.js';
+import '../Icons/ForexManagementIcon/ForexManagementIcon.js';
+import '../Icons/FreelanceIcon/FreelanceIcon.js';
+import '../Icons/FullScreenEnterIcon/FullScreenEnterIcon.js';
+import '../Icons/FullScreenExitIcon/FullScreenExitIcon.js';
+import '../Icons/GithubIcon/GithubIcon.js';
+import '../Icons/GitlabIcon/GitlabIcon.js';
+import '../Icons/GlobeIcon/GlobeIcon.js';
+import '../Icons/GridIcon/GridIcon.js';
+import '../Icons/HashIcon/HashIcon.js';
+import '../Icons/HeadphoneIcon/HeadphoneIcon.js';
+import '../Icons/HeadphonesIcon/HeadphonesIcon.js';
+import '../Icons/HeadsetIcon/HeadsetIcon.js';
+import '../Icons/HeartIcon/HeartIcon.js';
+import '../Icons/HelpCircleIcon/HelpCircleIcon.js';
+import '../Icons/HistoryIcon/HistoryIcon.js';
+import '../Icons/HomeIcon/HomeIcon.js';
+import '../Icons/ImageIcon/ImageIcon.js';
+import '../Icons/InboxIcon/InboxIcon.js';
+import '../Icons/IndiaFlagIcon/IndiaFlagIcon.js';
+import '../Icons/InfoIcon/InfoIcon.js';
+import '../Icons/InstagramIcon/InstagramIcon.js';
+import '../Icons/InstantSettlementIcon/InstantSettlementIcon.js';
+import '../Icons/InternationalPaymentsIcon/InternationalPaymentsIcon.js';
+import '../Icons/InvoicesIcon/InvoicesIcon.js';
+import '../Icons/ItalicIcon/ItalicIcon.js';
+import '../Icons/KeyIcon/KeyIcon.js';
+import '../Icons/KeyboardIcon/KeyboardIcon.js';
+import '../Icons/LayersIcon/LayersIcon.js';
+import '../Icons/LayoutIcon/LayoutIcon.js';
+import '../Icons/LeftCircularCornerIcon/LeftCircularCornerIcon.js';
+import '../Icons/LifeBuoyIcon/LifeBuoyIcon.js';
+import '../Icons/LinkIcon/LinkIcon.js';
+import '../Icons/ListIcon/ListIcon.js';
+import '../Icons/ListSearchIcon/ListSearchIcon.js';
+import '../Icons/LoaderIcon/LoaderIcon.js';
+import '../Icons/LoansForBusinessesIcon/LoansForBusinessesIcon.js';
+import '../Icons/LockIcon/LockIcon.js';
+import '../Icons/LogInIcon/LogInIcon.js';
+import '../Icons/LogOutIcon/LogOutIcon.js';
+import '../Icons/MagicCheckoutIcon/MagicCheckoutIcon.js';
+import '../Icons/MagicKonnectIcon/MagicKonnectIcon.js';
+import '../Icons/MailIcon/MailIcon.js';
+import '../Icons/MailOpenIcon/MailOpenIcon.js';
+import '../Icons/MapIcon/MapIcon.js';
+import '../Icons/MapPinIcon/MapPinIcon.js';
+import '../Icons/MaximizeIcon/MaximizeIcon.js';
+import '../Icons/MenuDotsIcon/MenuDotsIcon.js';
+import '../Icons/MenuIcon/MenuIcon.js';
+import '../Icons/MessageCircleIcon/MessageCircleIcon.js';
+import '../Icons/MessageSquareIcon/MessageSquareIcon.js';
+import '../Icons/MicIcon/MicIcon.js';
+import '../Icons/MicOffIcon/MicOffIcon.js';
+import '../Icons/MinimizeIcon/MinimizeIcon.js';
+import '../Icons/MinusCircleIcon/MinusCircleIcon.js';
+import '../Icons/MinusIcon/MinusIcon.js';
+import '../Icons/MinusSquareIcon/MinusSquareIcon.js';
+import '../Icons/MobileAppIcon/MobileAppIcon.js';
+import '../Icons/MonitorIcon/MonitorIcon.js';
+import '../Icons/MoonIcon/MoonIcon.js';
+import '../Icons/MoreHorizontalIcon/MoreHorizontalIcon.js';
+import '../Icons/MoreIcon/MoreIcon.js';
+import '../Icons/MoreVerticalIcon/MoreVerticalIcon.js';
+import '../Icons/MoveIcon/MoveIcon.js';
+import '../Icons/MusicIcon/MusicIcon.js';
+import '../Icons/MyAccountIcon/MyAccountIcon.js';
+import '../Icons/NavigationIcon/NavigationIcon.js';
+import '../Icons/NoSignalIcon/NoSignalIcon.js';
+import '../Icons/OctagonIcon/OctagonIcon.js';
+import '../Icons/OffersIcon/OffersIcon.js';
+import '../Icons/OptimizerIcon/OptimizerIcon.js';
+import '../Icons/PackageIcon/PackageIcon.js';
+import '../Icons/PaperclipIcon/PaperclipIcon.js';
+import '../Icons/PauseCircleIcon/PauseCircleIcon.js';
+import '../Icons/PauseIcon/PauseIcon.js';
+import '../Icons/PaymentButtonIcon/PaymentButtonIcon.js';
+import '../Icons/PaymentButtonsIcon/PaymentButtonsIcon.js';
+import '../Icons/PaymentGatewayIcon/PaymentGatewayIcon.js';
+import '../Icons/PaymentLinkIcon/PaymentLinkIcon.js';
+import '../Icons/PaymentLinksIcon/PaymentLinksIcon.js';
+import '../Icons/PaymentPagesIcon/PaymentPagesIcon.js';
+import '../Icons/PayoutLinkIcon/PayoutLinkIcon.js';
+import '../Icons/PayrollAddonsIcon/PayrollAddonsIcon.js';
+import '../Icons/PayrollForCaIcon/PayrollForCaIcon.js';
+import '../Icons/PayrollForStartupOrSmeIcon/PayrollForStartupOrSmeIcon.js';
+import '../Icons/PercentIcon/PercentIcon.js';
+import '../Icons/PettyCashBudgetIcon/PettyCashBudgetIcon.js';
+import '../Icons/PhoneCallIcon/PhoneCallIcon.js';
+import '../Icons/PhoneForwardedIcon/PhoneForwardedIcon.js';
+import '../Icons/PhoneIcon/PhoneIcon.js';
+import '../Icons/PhoneIncomingIcon/PhoneIncomingIcon.js';
+import '../Icons/PhoneMissedIcon/PhoneMissedIcon.js';
+import '../Icons/PhoneOffIcon/PhoneOffIcon.js';
+import '../Icons/PhoneOutgoingIcon/PhoneOutgoingIcon.js';
+import '../Icons/PictureInPictureIcon/PictureInPictureIcon.js';
+import '../Icons/PieChartIcon/PieChartIcon.js';
+import '../Icons/PinIcon/PinIcon.js';
+import '../Icons/PlayCircleIcon/PlayCircleIcon.js';
+import '../Icons/PlayIcon/PlayIcon.js';
+import '../Icons/PlusCircleIcon/PlusCircleIcon.js';
+import '../Icons/PlusIcon/PlusIcon.js';
+import '../Icons/PlusSquareIcon/PlusSquareIcon.js';
+import '../Icons/PocketIcon/PocketIcon.js';
+import '../Icons/PosIcon/PosIcon.js';
+import '../Icons/PowerIcon/PowerIcon.js';
+import '../Icons/PrinterIcon/PrinterIcon.js';
+import '../Icons/PromptIcon/PromptIcon.js';
+import '../Icons/QRCodeIcon/QRCodeIcon.js';
+import '../Icons/RadioIcon/RadioIcon.js';
+import '../Icons/RayIcon/RayIcon.js';
+import '../Icons/RazorpayIcon/RazorpayIcon.js';
+import '../Icons/RazorpayXIcon/RazorpayXIcon.js';
+import '../Icons/RazorpayxPayrollIcon/RazorpayxPayrollIcon.js';
+import '../Icons/RefreshIcon/RefreshIcon.js';
+import '../Icons/RepeatIcon/RepeatIcon.js';
+import '../Icons/ReportsIcon/ReportsIcon.js';
+import '../Icons/ResizerIcon/ResizerIcon.js';
+import '../Icons/RewindIcon/RewindIcon.js';
+import '../Icons/RotateClockWiseIcon/RotateClockWiseIcon.js';
+import '../Icons/RotateCounterClockWiseIcon/RotateCounterClockWiseIcon.js';
+import '../Icons/RouteIcon/RouteIcon.js';
+import '../Icons/RoutesIcon/RoutesIcon.js';
+import '../Icons/RupeeIcon/RupeeIcon.js';
+import '../Icons/RupeesIcon/RupeesIcon.js';
+import '../Icons/SaasIcon/SaasIcon.js';
+import '../Icons/SaveIcon/SaveIcon.js';
+import '../Icons/ScissorsIcon/ScissorsIcon.js';
+import '../Icons/SearchIcon/SearchIcon.js';
+import '../Icons/SendIcon/SendIcon.js';
+import '../Icons/ServerIcon/ServerIcon.js';
+import '../Icons/SettingsIcon/SettingsIcon.js';
+import '../Icons/SettlementsIcon/SettlementsIcon.js';
+import '../Icons/ShareIcon/ShareIcon.js';
+import '../Icons/ShieldIcon/ShieldIcon.js';
+import '../Icons/ShoppingBagIcon/ShoppingBagIcon.js';
+import '../Icons/ShoppingCartIcon/ShoppingCartIcon.js';
+import '../Icons/ShuffleIcon/ShuffleIcon.js';
+import '../Icons/SidebarIcon/SidebarIcon.js';
+import '../Icons/Signal1BarIcon/Signal1BarIcon.js';
+import '../Icons/Signal2BarIcon/Signal2BarIcon.js';
+import '../Icons/Signal3BarIcon/Signal3BarIcon.js';
+import '../Icons/Signal4BarIcon/Signal4BarIcon.js';
+import '../Icons/SignalIcon/SignalIcon.js';
+import '../Icons/SimCardIcon/SimCardIcon.js';
+import '../Icons/SkipBackIcon/SkipBackIcon.js';
+import '../Icons/SkipForwardIcon/SkipForwardIcon.js';
+import '../Icons/SlackIcon/SlackIcon.js';
+import '../Icons/SlashIcon/SlashIcon.js';
+import '../Icons/SlidersIcon/SlidersIcon.js';
+import '../Icons/SmartCollectIcon/SmartCollectIcon.js';
+import '../Icons/SmartphoneIcon/SmartphoneIcon.js';
+import '../Icons/SolutionsIcon/SolutionsIcon.js';
+import '../Icons/SortIcon/SortIcon.js';
+import '../Icons/SourceToPayIcon/SourceToPayIcon.js';
+import '../Icons/SparklesIcon/SparklesIcon.js';
+import '../Icons/SpeakerIcon/SpeakerIcon.js';
+import '../Icons/SquareIcon/SquareIcon.js';
+import '../Icons/StampIcon/StampIcon.js';
+import '../Icons/StarIcon/StarIcon.js';
+import '../Icons/StopCircleIcon/StopCircleIcon.js';
+import '../Icons/StorefrontIcon/StorefrontIcon.js';
+import '../Icons/SubscriptionsIcon/SubscriptionsIcon.js';
+import '../Icons/SunIcon/SunIcon.js';
+import '../Icons/SunriseIcon/SunriseIcon.js';
+import '../Icons/SunsetIcon/SunsetIcon.js';
+import '../Icons/TabletIcon/TabletIcon.js';
+import '../Icons/TagIcon/TagIcon.js';
+import '../Icons/TargetIcon/TargetIcon.js';
+import '../Icons/TaxPaymentsIcon/TaxPaymentsIcon.js';
+import '../Icons/TestIcon/TestIcon.js';
+import '../Icons/ThermometerIcon/ThermometerIcon.js';
+import '../Icons/ThumbsDownIcon/ThumbsDownIcon.js';
+import '../Icons/ThumbsUpIcon/ThumbsUpIcon.js';
+import '../Icons/TicketIcon/TicketIcon.js';
+import '../Icons/ToggleLeftIcon/ToggleLeftIcon.js';
+import '../Icons/ToggleRightIcon/ToggleRightIcon.js';
+import '../Icons/TokenHqIcon/TokenHqIcon.js';
+import '../Icons/TopLeftRoundedCornerIcon/TopLeftRoundedCornerIcon.js';
+import '../Icons/TopLeftSharpCornerIcon/TopLeftSharpCornerIcon.js';
+import '../Icons/TrademarkIcon/TrademarkIcon.js';
+import '../Icons/TrademarkRegisteredIcon/TrademarkRegisteredIcon.js';
+import '../Icons/TransactionsIcon/TransactionsIcon.js';
+import '../Icons/TranslateIcon/TranslateIcon.js';
+import '../Icons/TrashIcon/TrashIcon.js';
+import '../Icons/TrendingDownIcon/TrendingDownIcon.js';
+import '../Icons/TrendingUpIcon/TrendingUpIcon.js';
+import '../Icons/TriangleIcon/TriangleIcon.js';
+import '../Icons/TvIcon/TvIcon.js';
+import '../Icons/TwitterIcon/TwitterIcon.js';
+import '../Icons/TypeIcon/TypeIcon.js';
+import '../Icons/UmbrellaIcon/UmbrellaIcon.js';
+import '../Icons/UnderlineIcon/UnderlineIcon.js';
+import '../Icons/UnlockIcon/UnlockIcon.js';
+import '../Icons/UpiAutopayIcon/UpiAutopayIcon.js';
+import '../Icons/UpiIcon/UpiIcon.js';
+import '../Icons/UploadCloudIcon/UploadCloudIcon.js';
+import '../Icons/UploadIcon/UploadIcon.js';
+import '../Icons/UserCheckIcon/UserCheckIcon.js';
+import '../Icons/UserIcon/UserIcon.js';
+import '../Icons/UserMinusIcon/UserMinusIcon.js';
+import '../Icons/UserPlusIcon/UserPlusIcon.js';
+import '../Icons/UserXIcon/UserXIcon.js';
+import '../Icons/UsersIcon/UsersIcon.js';
+import '../Icons/VendorPaymentsIcon/VendorPaymentsIcon.js';
+import '../Icons/VideoIcon/VideoIcon.js';
+import '../Icons/VideoOffIcon/VideoOffIcon.js';
+import '../Icons/ViewLiveDemoIcon/ViewLiveDemoIcon.js';
+import '../Icons/VoicemailIcon/VoicemailIcon.js';
+import '../Icons/VolumeHighIcon/VolumeHighIcon.js';
+import '../Icons/VolumeIcon/VolumeIcon.js';
+import '../Icons/VolumeLowIcon/VolumeLowIcon.js';
+import '../Icons/VolumeMuteIcon/VolumeMuteIcon.js';
+import '../Icons/WalletIcon/WalletIcon.js';
+import '../Icons/WatchIcon/WatchIcon.js';
+import '../Icons/WhatsAppIcon/WhatsAppIcon.js';
+import '../Icons/WifiIcon/WifiIcon.js';
+import '../Icons/WifiOffIcon/WifiOffIcon.js';
+import '../Icons/WindIcon/WindIcon.js';
+import '../Icons/WorldwideIcon/WorldwideIcon.js';
+import '../Icons/XCircleIcon/XCircleIcon.js';
+import '../Icons/XSquareIcon/XSquareIcon.js';
+import '../Icons/YoutubeIcon/YoutubeIcon.js';
+import '../Icons/ZapIcon/ZapIcon.js';
+import '../Icons/ZoomInIcon/ZoomInIcon.js';
+import '../Icons/ZoomOutIcon/ZoomOutIcon.js';
 import '../VisuallyHidden/VisuallyHidden.native.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { Avatar } from '../Avatar/Avatar.native.js';

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 type { TouchableOpacity } from 'react-native';\nimport { componentIds } from './componentIds';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole } 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 type { Platform } from '~utils';\nimport { castWebType, isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, StringChildrenType, TestID } from '~utils/types';\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';\nimport { BaseMenuItem, useBaseMenuItem } from '~components/BaseMenu';\nimport { Checkbox } from '~components/Checkbox';\nimport type { AvatarProps } from '~components/Avatar/types';\nimport { Avatar } from '~components/Avatar';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ActionListItemProps = {\n  title: string;\n  description?: string;\n  onClick?: (clickProps: {\n    name: string;\n    value?: boolean;\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: React.TouchEvent<TouchableOpacity>;\n    }>;\n  }) => 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  /**\n   * Internally used to pass index for virtualized lists\n   *\n   * @private\n   */\n  _virtualizedIndex?: number;\n  /**\n   * Internally used to focus on virtualized list\n   *\n   * @private\n   */\n  _onVirtualizedFocus?: (_virtuazedIndex: number) => void;\n} & TestID &\n  DataAnalyticsAttribute;\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 &\n  DataAnalyticsAttribute;\n\nconst _ActionListSectionTitle = ({\n  title,\n  isInsideVirtualizedList = false,\n}: {\n  title: string;\n  isInsideVirtualizedList?: boolean;\n}): React.ReactElement => {\n  return (\n    <StyledActionListSectionTitle\n      {...makeAccessible({\n        hidden: !isInsideVirtualizedList,\n        role: isInsideVirtualizedList ? 'heading' : undefined,\n      })}\n    >\n      <Text color=\"surface.text.gray.muted\" size=\"small\" weight=\"semibold\">\n        {title}\n      </Text>\n    </StyledActionListSectionTitle>\n  );\n};\n\nconst ActionListSectionTitle = assignWithoutSideEffects(_ActionListSectionTitle, {\n  componentId: componentIds.ActionListSectionTitle,\n});\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n  ...rest\n}: ActionListSectionProps): React.ReactElement => {\n  const { hasAutoCompleteInHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInHeader || 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      {...makeAnalyticsAttribute(rest as Record<string, unknown>)}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? <ActionListSectionTitle title={title} /> : null}\n\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(React.memo(_ActionListSection), {\n  componentId: componentIds.ActionListSection,\n});\n\nconst _ActionListItemIcon = ({ icon }: { icon: IconComponent }): React.ReactElement => {\n  const Icon = icon;\n  const { color, isDisabled } = useBaseMenuItem();\n  const iconState = isDisabled ? 'disabled' : 'muted';\n  return (\n    <Icon\n      color={\n        color === '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 _ActionListItemAvatar = (avatarProps: Omit<AvatarProps, 'size' | ''>): React.ReactElement => {\n  return <Avatar size=\"xsmall\" {...avatarProps} />;\n};\n\nconst ActionListItemAvatar = assignWithoutSideEffects(_ActionListItemAvatar, {\n  componentId: componentIds.ActionListItemAvatar,\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 } = useBaseMenuItem();\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\nconst BaseMenuLeadingItem = ({\n  isSelected,\n  isDisabled,\n}: {\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}): React.ReactElement => {\n  return (\n    <BaseBox\n      pointerEvents=\"none\"\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      {...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};\n\ntype ClickHandlerType = (e: React.MouseEvent<HTMLButtonElement>) => void;\n\nconst makeActionListItemClickable = (\n  clickHandler: ClickHandlerType,\n): { onPress?: (e: React.TouchEvent<TouchableOpacity>) => void; 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\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    hasAutoCompleteInHeader,\n  } = useDropdown();\n\n  React.useEffect(() => {\n    if (activeIndex === props._index && props._virtualizedIndex !== undefined) {\n      props._onVirtualizedFocus?.(props._virtualizedIndex as number);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeIndex]);\n\n  const hasAutoComplete =\n    hasAutoCompleteInHeader || dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const hasFilterChipSelectInput =\n    dropdownTriggerer === dropdownComponentIds.triggers.FilterChipSelectInput;\n\n  const hasInputDropdownButton =\n    dropdownTriggerer === dropdownComponentIds.triggers.InputDropdownButton;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\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 (\n      dropdownTriggerer === dropdownComponentIds.triggers.SelectInput ||\n      hasAutoComplete ||\n      hasFilterChipSelectInput ||\n      hasInputDropdownButton\n    ) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\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  const isVisible = hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true;\n\n  return (\n    <BaseMenuItem\n      isVisible={isVisible}\n      as={!isReactNative() ? renderOnWebAs : undefined}\n      id={`${dropdownBaseId}-${props._index}`}\n      tabIndex={-1}\n      title={props.title}\n      description={props.description}\n      leading={\n        selectionType === 'multiple' ? (\n          <BaseMenuLeadingItem\n            key={`${dropdownBaseId}-${props._index}-leading-${isSelected}`}\n            isSelected={isSelected}\n            isDisabled={props.isDisabled}\n          />\n        ) : (\n          props.leading\n        )\n      }\n      trailing={props.trailing}\n      titleSuffix={props.titleSuffix}\n      href={props.href}\n      target={props.target}\n      className={activeIndex === props._index ? 'active-focus' : ''}\n      isSelected={isSelected}\n      isDisabled={props.isDisabled}\n      role={getActionListItemRole(dropdownTriggerer, props.href)}\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, event: castWebType(e) });\n        }\n      })}\n      {...makeAnalyticsAttribute({ ...props })}\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      selectionType={selectionType}\n      color={props.intent}\n      isKeydownPressed={isKeydownPressed}\n    />\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  ActionListItemAvatar,\n  ActionListItemBadge,\n  ActionListItemBadgeGroup,\n  ActionListSection,\n  ActionListSectionTitle,\n};\n"],"names":["StyledActionListSectionTitle","styled","BaseBox","props","padding","makeSize","theme","spacing","_ActionListSectionTitle","_ref","title","_ref$isInsideVirtuali","isInsideVirtualizedList","_jsx","Object","assign","makeAccessible","hidden","role","undefined","children","Text","color","size","weight","ActionListSectionTitle","assignWithoutSideEffects","componentId","componentIds","_ActionListSection","_ref2","testID","_hideDivider","_sectionChildValues","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","hasAutoCompleteInHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","React","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","getActionListSectionRole","label","metaAttribute","name","MetaConstants","ActionListSection","makeAnalyticsAttribute","Divider","marginX","marginY","memo","_ActionListItemIcon","_ref3","icon","Icon","_useBaseMenuItem","useBaseMenuItem","isDisabled","iconState","ActionListItemIcon","_ActionListItemBadgeGroup","_ref4","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemAvatar","avatarProps","Avatar","ActionListItemAvatar","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref5","_useBaseMenuItem2","variant","getNormalTextColor","isMuted","ActionListItemText","BaseMenuLeadingItem","_ref6","isSelected","pointerEvents","Checkbox","isChecked","tabIndex","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","selectionType","isKeydownPressed","useEffect","_index","_virtualizedIndex","_onVirtualizedFocus","hasFilterChipSelectInput","FilterChipSelectInput","hasInputDropdownButton","InputDropdownButton","renderOnWebAs","href","getIsSelected","SelectInput","validateActionListItemProps","leading","trailing","titleSuffix","__DEV__","intent","throwBladeError","message","moduleName","isVisible","value","BaseMenuItem","as","id","description","target","className","getActionListItemRole","e","event","castWebType","ActionListItem","onMouseDown","onMouseUp","displayName"],"mappings":"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"}
+{"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 type { TouchableOpacity } from 'react-native';\nimport { componentIds } from './componentIds';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole } 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 type { Platform } from '~utils';\nimport { castWebType, isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, StringChildrenType, TestID } from '~utils/types';\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';\nimport { BaseMenuItem, useBaseMenuItem } from '~components/BaseMenu';\nimport { Checkbox } from '~components/Checkbox';\nimport type { AvatarProps } from '~components/Avatar/types';\nimport { Avatar } from '~components/Avatar';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ActionListItemProps = {\n  title: string;\n  description?: string;\n  onClick?: (clickProps: {\n    name: string;\n    value?: boolean;\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: React.TouchEvent<TouchableOpacity>;\n    }>;\n  }) => 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  /**\n   * Internally used to pass index for virtualized lists\n   *\n   * @private\n   */\n  _virtualizedIndex?: number;\n  /**\n   * Internally used to focus on virtualized list\n   *\n   * @private\n   */\n  _onVirtualizedFocus?: (_virtuazedIndex: number) => void;\n} & TestID &\n  DataAnalyticsAttribute;\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 &\n  DataAnalyticsAttribute;\n\nconst _ActionListSectionTitle = ({\n  title,\n  isInsideVirtualizedList = false,\n}: {\n  title: string;\n  isInsideVirtualizedList?: boolean;\n}): React.ReactElement => {\n  return (\n    <StyledActionListSectionTitle\n      {...makeAccessible({\n        hidden: !isInsideVirtualizedList,\n        role: isInsideVirtualizedList ? 'heading' : undefined,\n      })}\n    >\n      <Text color=\"surface.text.gray.muted\" size=\"small\" weight=\"semibold\">\n        {title}\n      </Text>\n    </StyledActionListSectionTitle>\n  );\n};\n\nconst ActionListSectionTitle = assignWithoutSideEffects(_ActionListSectionTitle, {\n  componentId: componentIds.ActionListSectionTitle,\n});\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n  ...rest\n}: ActionListSectionProps): React.ReactElement => {\n  const { hasAutoCompleteInHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInHeader || 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      {...makeAnalyticsAttribute(rest as Record<string, unknown>)}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? <ActionListSectionTitle title={title} /> : null}\n\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(React.memo(_ActionListSection), {\n  componentId: componentIds.ActionListSection,\n});\n\nconst _ActionListItemIcon = ({ icon }: { icon: IconComponent }): React.ReactElement => {\n  const Icon = icon;\n  const { color, isDisabled } = useBaseMenuItem();\n  const iconState = isDisabled ? 'disabled' : 'muted';\n  return (\n    <Icon\n      color={\n        color === '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 _ActionListItemAvatar = (avatarProps: Omit<AvatarProps, 'size' | ''>): React.ReactElement => {\n  return <Avatar size=\"xsmall\" {...avatarProps} />;\n};\n\nconst ActionListItemAvatar = assignWithoutSideEffects(_ActionListItemAvatar, {\n  componentId: componentIds.ActionListItemAvatar,\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 } = useBaseMenuItem();\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\nconst BaseMenuLeadingItem = ({\n  isSelected,\n  isDisabled,\n}: {\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}): React.ReactElement => {\n  return (\n    <BaseBox\n      pointerEvents=\"none\"\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      {...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};\n\ntype ClickHandlerType = (e: React.MouseEvent<HTMLButtonElement>) => void;\n\nconst makeActionListItemClickable = (\n  clickHandler: ClickHandlerType,\n): { onPress?: (e: React.TouchEvent<TouchableOpacity>) => void; 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\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    hasAutoCompleteInHeader,\n  } = useDropdown();\n\n  React.useEffect(() => {\n    if (activeIndex === props._index && props._virtualizedIndex !== undefined) {\n      props._onVirtualizedFocus?.(props._virtualizedIndex as number);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeIndex]);\n\n  const hasAutoComplete =\n    hasAutoCompleteInHeader || dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const hasFilterChipSelectInput =\n    dropdownTriggerer === dropdownComponentIds.triggers.FilterChipSelectInput;\n\n  const hasInputDropdownButton =\n    dropdownTriggerer === dropdownComponentIds.triggers.InputDropdownButton;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\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 (\n      dropdownTriggerer === dropdownComponentIds.triggers.SelectInput ||\n      hasAutoComplete ||\n      hasFilterChipSelectInput ||\n      hasInputDropdownButton\n    ) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\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  const isVisible = hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true;\n\n  return (\n    <BaseMenuItem\n      isVisible={isVisible}\n      as={!isReactNative() ? renderOnWebAs : undefined}\n      id={`${dropdownBaseId}-${props._index}`}\n      tabIndex={-1}\n      title={props.title}\n      description={props.description}\n      leading={\n        selectionType === 'multiple' ? (\n          <BaseMenuLeadingItem\n            key={`${dropdownBaseId}-${props._index}-leading-${isSelected}`}\n            isSelected={isSelected}\n            isDisabled={props.isDisabled}\n          />\n        ) : (\n          props.leading\n        )\n      }\n      trailing={props.trailing}\n      titleSuffix={props.titleSuffix}\n      href={props.href}\n      target={props.target}\n      className={activeIndex === props._index ? 'active-focus' : ''}\n      isSelected={isSelected}\n      isDisabled={props.isDisabled}\n      role={getActionListItemRole(dropdownTriggerer, props.href)}\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, event: castWebType(e) });\n        }\n      })}\n      {...makeAnalyticsAttribute({ ...props })}\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      selectionType={selectionType}\n      color={props.intent}\n      isKeydownPressed={isKeydownPressed}\n    />\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  ActionListItemAvatar,\n  ActionListItemBadge,\n  ActionListItemBadgeGroup,\n  ActionListSection,\n  ActionListSectionTitle,\n};\n"],"names":["StyledActionListSectionTitle","styled","BaseBox","props","padding","makeSize","theme","spacing","_ActionListSectionTitle","_ref","title","_ref$isInsideVirtuali","isInsideVirtualizedList","_jsx","Object","assign","makeAccessible","hidden","role","undefined","children","Text","color","size","weight","ActionListSectionTitle","assignWithoutSideEffects","componentId","componentIds","_ActionListSection","_ref2","testID","_hideDivider","_sectionChildValues","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","hasAutoCompleteInHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","React","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","getActionListSectionRole","label","metaAttribute","name","MetaConstants","ActionListSection","makeAnalyticsAttribute","Divider","marginX","marginY","memo","_ActionListItemIcon","_ref3","icon","Icon","_useBaseMenuItem","useBaseMenuItem","isDisabled","iconState","ActionListItemIcon","_ActionListItemBadgeGroup","_ref4","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemAvatar","avatarProps","Avatar","ActionListItemAvatar","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref5","_useBaseMenuItem2","variant","getNormalTextColor","isMuted","ActionListItemText","BaseMenuLeadingItem","_ref6","isSelected","pointerEvents","Checkbox","isChecked","tabIndex","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","selectionType","isKeydownPressed","useEffect","_index","_virtualizedIndex","_onVirtualizedFocus","hasFilterChipSelectInput","FilterChipSelectInput","hasInputDropdownButton","InputDropdownButton","renderOnWebAs","href","getIsSelected","SelectInput","validateActionListItemProps","leading","trailing","titleSuffix","__DEV__","intent","throwBladeError","message","moduleName","isVisible","value","BaseMenuItem","as","id","description","target","className","getActionListItemRole","e","event","castWebType","ActionListItem","onMouseDown","onMouseUp","displayName"],"mappings":"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"}