npm - @razorpay/blade - Versions diffs - 12.68.0 → 12.89.1 - Mend

@razorpay/blade 12.68.0 → 12.89.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4004) hide show

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

@@ -15,6 +15,8 @@ import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { castNativeType } from '../../utils/platform/castUtils.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import useTheme from '../BladeProvider/useTheme.js';
 import { useCollapsible } from '../Collapsible/CollapsibleContext.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';

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

	@@ -1 +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 { AccordionItemHeader } from './AccordionItemHeader';\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 BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nconst _AccordionButton = ({\n index,\n icon: Icon,\n title,\n isDeprecatedAPI,\n isDisabled,\n header,\n}: 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(getBackgroundColor({ theme, isActive: true }));\n const inActiveBackgroundColor = useSharedValue(getBackgroundColor({ theme, isActive: false }));\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, isActive: true });\n inActiveBackgroundColor.value = getBackgroundColor({ theme, isActive: false });\n }, [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}. ${title}` : title;\n\n const renderChildren: PressableProps['children'] = ({ pressed }) => {\n isPressed.value = pressed;\n\n const _icon = Icon && (\n <Icon\n size=\"medium\"\n color=\"surface.icon.gray.normal\"\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 {isDeprecatedAPI ? <AccordionItemHeader title={title} leading={_icon ?? _index} /> : header}\n </BaseBox>\n );\n };\n\n return (\n <StyledAccordionButton\n isExpanded={isExpanded}\n onPress={toggleCollapse}\n style={animatedStyles}\n disabled={isDisabled}\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","title","isDeprecatedAPI","isDisabled","header","_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","children","a11yLabel","renderChildren","_ref2","pressed","_icon","_jsx","color","marginY","__DEV__","throwBladeError","message","moduleName","BaseBox","display","flexDirection","flex","justifyContent","alignItems","AccordionItemHeader","leading","StyledAccordionButton","Object","assign","onPress","style","disabled","makeAccessible","role","expanded","controls","label","metaAttribute","name","MetaConstants","AccordionButton","assignWithoutSideEffects","componentId"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
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 { AccordionItemHeader } from './AccordionItemHeader';\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 BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nconst _AccordionButton = ({\n index,\n icon: Icon,\n title,\n isDeprecatedAPI,\n isDisabled,\n header,\n}: 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(getBackgroundColor({ theme, isActive: true }));\n const inActiveBackgroundColor = useSharedValue(getBackgroundColor({ theme, isActive: false }));\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, isActive: true });\n inActiveBackgroundColor.value = getBackgroundColor({ theme, isActive: false });\n }, [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}. ${title}` : title;\n\n const renderChildren: PressableProps['children'] = ({ pressed }) => {\n isPressed.value = pressed;\n\n const _icon = Icon && (\n <Icon\n size=\"medium\"\n color=\"surface.icon.gray.normal\"\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 {isDeprecatedAPI ? <AccordionItemHeader title={title} leading={_icon ?? _index} /> : header}\n </BaseBox>\n );\n };\n\n return (\n <StyledAccordionButton\n isExpanded={isExpanded}\n onPress={toggleCollapse}\n style={animatedStyles}\n disabled={isDisabled}\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","title","isDeprecatedAPI","isDisabled","header","_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","children","a11yLabel","renderChildren","_ref2","pressed","_icon","_jsx","color","marginY","__DEV__","throwBladeError","message","moduleName","BaseBox","display","flexDirection","flex","justifyContent","alignItems","AccordionItemHeader","leading","StyledAccordionButton","Object","assign","onPress","style","disabled","makeAccessible","role","expanded","controls","label","metaAttribute","name","MetaConstants","AccordionButton","assignWithoutSideEffects","componentId"],"mappings":"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"}

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

@@ -12,6 +12,8 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import 'react-native';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import '../BladeProvider/useTheme.js';
 import { Collapsible } from '../Collapsible/Collapsible.js';
 import '../Collapsible/CollapsibleLink.js';

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport React from 'react';\nimport { AccordionButton } from './AccordionButton';\nimport { AccordionItemContext, useAccordion } from './AccordionContext';\nimport { AccordionItemBody } from './AccordionItemBody';\nimport { componentIds } from './componentIds';\nimport { Divider } from '~components/Divider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { isReactNative } from '~utils';\nimport { Collapsible } from '~components/Collapsible/Collapsible';\nimport { CollapsibleBody } from '~components/Collapsible';\nimport type { TestID, DataAnalyticsAttribute } from '~utils/types';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype AccordionItemProps = {\n /*\n Title text content\n \n @deprecated Use AccordionItemHeader and AccordionItemBody\n \n Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API\n /\n title?: string;\n\n /\n Body text content\n \n @deprecated Use AccordionItemHeader and AccordionItemBody\n \n Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API\n /\n description?: string;\n\n /\n Renders a Blade icon as title prefix (requires `showNumberPrefix={false}`)\n \n @deprecated Use `leading={<StarIcon size=\"large\" />}` on AccordionItemHeader instead\n \n Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API\n /\n icon?: IconComponent;\n\n /\n Slot, renders any custom content\n /\n children?: ReactNode \| ReactNode[];\n\n /\n Disabled state of the item\n \n @default false\n /\n isDisabled?: boolean;\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 DataAnalyticsAttribute;\n\nconst AccordionItem = ({\n title,\n description,\n icon,\n children,\n isDisabled,\n _index,\n testID,\n ...rest\n}: AccordionItemProps): ReactElement => {\n const {\n expandedIndex,\n onExpandChange,\n defaultExpandedIndex,\n variant,\n numberOfItems,\n } = useAccordion();\n const isExpanded = expandedIndex === _index;\n const isDefaultExpanded = defaultExpandedIndex === _index;\n const isDeprecatedAPI = Boolean(title) \|\| Boolean(description) \|\| Boolean(icon);\n const [header, body] = React.Children.toArray(children);\n\n if (!isDeprecatedAPI) {\n // Only doing validation in new API. Deprecated API allows everything as AccordionItem children\n const headerComponentId = getComponentId(header);\n const bodyComponentId = getComponentId(body);\n\n if (\n headerComponentId !== componentIds.AccordionItemHeader &&\n bodyComponentId !== componentIds.AccordionItemBody\n ) {\n throwBladeError({\n message:\n 'AccordionItem only allows AccordionItemHeader as first component and AccordionItemBody as second. Check Accordion documentation',\n moduleName: 'AccordionItem',\n });\n }\n }\n\n const isLastItem = _index !== undefined && _index < numberOfItems - 1;\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 return (\n <AccordionItemContext.Provider\n value={{\n index: _index,\n isDisabled,\n }}\n >\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 _dangerouslyDisableValidations={true}\n // adding analytics attributes to Collapsible section\n {...makeAnalyticsAttribute(rest)}\n >\n <AccordionButton\n index={_index}\n icon={icon}\n title={title}\n header={header}\n isDisabled={isDisabled}\n isDeprecatedAPI={isDeprecatedAPI}\n />\n <CollapsibleBody\n // Just React Native things, need this 100% so collapsed content flows correctly inside Accordion\n // In new API, AccordionItemBody takes 100% width to avoid issues like this - https://github.com/razorpay/blade/pull/1814\n width={isReactNative() \|\| !isDeprecatedAPI ? '100%' : undefined}\n >\n {isDeprecatedAPI ? (\n <AccordionItemBody _description={description}>{children}</AccordionItemBody>\n ) : (\n body\n )}\n </CollapsibleBody>\n </Collapsible>\n {isLastItem \|\| variant === 'transparent' ? <Divider /> : null}\n </BaseBox>\n </AccordionItemContext.Provider>\n );\n};\n\nexport type { AccordionItemProps };\nexport { AccordionItem };\n"],"names":["AccordionItem","_ref","title","description","icon","children","isDisabled","_index","testID","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","expandedIndex","onExpandChange","defaultExpandedIndex","variant","numberOfItems","isExpanded","isDefaultExpanded","isDeprecatedAPI","Boolean","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","body","headerComponentId","getComponentId","bodyComponentId","componentIds","AccordionItemHeader","AccordionItemBody","throwBladeError","message","moduleName","isLastItem","undefined","handleExpandChange","_ref2","_jsx","AccordionItemContext","Provider","value","index","_jsxs","BaseBox","Object","assign","metaAttribute","name","MetaConstants","Collapsible","defaultIsExpanded","_shouldApplyWidthRestrictions","_dangerouslyDisableValidations","makeAnalyticsAttribute","AccordionButton","CollapsibleBody","width","isReactNative","_description","Divider"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport React from 'react';\nimport { AccordionButton } from './AccordionButton';\nimport { AccordionItemContext, useAccordion } from './AccordionContext';\nimport { AccordionItemBody } from './AccordionItemBody';\nimport { componentIds } from './componentIds';\nimport { Divider } from '~components/Divider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { isReactNative } from '~utils';\nimport { Collapsible } from '~components/Collapsible/Collapsible';\nimport { CollapsibleBody } from '~components/Collapsible';\nimport type { TestID, DataAnalyticsAttribute } from '~utils/types';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype AccordionItemProps = {\n /*\n Title text content\n \n @deprecated Use AccordionItemHeader and AccordionItemBody\n \n Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API\n /\n title?: string;\n\n /\n Body text content\n \n @deprecated Use AccordionItemHeader and AccordionItemBody\n \n Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API\n /\n description?: string;\n\n /\n Renders a Blade icon as title prefix (requires `showNumberPrefix={false}`)\n \n @deprecated Use `leading={<StarIcon size=\"large\" />}` on AccordionItemHeader instead\n \n Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API\n /\n icon?: IconComponent;\n\n /\n Slot, renders any custom content\n /\n children?: ReactNode \| ReactNode[];\n\n /\n Disabled state of the item\n \n @default false\n /\n isDisabled?: boolean;\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 DataAnalyticsAttribute;\n\nconst AccordionItem = ({\n title,\n description,\n icon,\n children,\n isDisabled,\n _index,\n testID,\n ...rest\n}: AccordionItemProps): ReactElement => {\n const {\n expandedIndex,\n onExpandChange,\n defaultExpandedIndex,\n variant,\n numberOfItems,\n } = useAccordion();\n const isExpanded = expandedIndex === _index;\n const isDefaultExpanded = defaultExpandedIndex === _index;\n const isDeprecatedAPI = Boolean(title) \|\| Boolean(description) \|\| Boolean(icon);\n const [header, body] = React.Children.toArray(children);\n\n if (!isDeprecatedAPI) {\n // Only doing validation in new API. Deprecated API allows everything as AccordionItem children\n const headerComponentId = getComponentId(header);\n const bodyComponentId = getComponentId(body);\n\n if (\n headerComponentId !== componentIds.AccordionItemHeader &&\n bodyComponentId !== componentIds.AccordionItemBody\n ) {\n throwBladeError({\n message:\n 'AccordionItem only allows AccordionItemHeader as first component and AccordionItemBody as second. Check Accordion documentation',\n moduleName: 'AccordionItem',\n });\n }\n }\n\n const isLastItem = _index !== undefined && _index < numberOfItems - 1;\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 return (\n <AccordionItemContext.Provider\n value={{\n index: _index,\n isDisabled,\n }}\n >\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 _dangerouslyDisableValidations={true}\n // adding analytics attributes to Collapsible section\n {...makeAnalyticsAttribute(rest)}\n >\n <AccordionButton\n index={_index}\n icon={icon}\n title={title}\n header={header}\n isDisabled={isDisabled}\n isDeprecatedAPI={isDeprecatedAPI}\n />\n <CollapsibleBody\n // Just React Native things, need this 100% so collapsed content flows correctly inside Accordion\n // In new API, AccordionItemBody takes 100% width to avoid issues like this - https://github.com/razorpay/blade/pull/1814\n width={isReactNative() \|\| !isDeprecatedAPI ? '100%' : undefined}\n >\n {isDeprecatedAPI ? (\n <AccordionItemBody _description={description}>{children}</AccordionItemBody>\n ) : (\n body\n )}\n </CollapsibleBody>\n </Collapsible>\n {isLastItem \|\| variant === 'transparent' ? <Divider /> : null}\n </BaseBox>\n </AccordionItemContext.Provider>\n );\n};\n\nexport type { AccordionItemProps };\nexport { AccordionItem };\n"],"names":["AccordionItem","_ref","title","description","icon","children","isDisabled","_index","testID","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","expandedIndex","onExpandChange","defaultExpandedIndex","variant","numberOfItems","isExpanded","isDefaultExpanded","isDeprecatedAPI","Boolean","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","body","headerComponentId","getComponentId","bodyComponentId","componentIds","AccordionItemHeader","AccordionItemBody","throwBladeError","message","moduleName","isLastItem","undefined","handleExpandChange","_ref2","_jsx","AccordionItemContext","Provider","value","index","_jsxs","BaseBox","Object","assign","metaAttribute","name","MetaConstants","Collapsible","defaultIsExpanded","_shouldApplyWidthRestrictions","_dangerouslyDisableValidations","makeAnalyticsAttribute","AccordionButton","CollapsibleBody","width","isReactNative","_description","Divider"],"mappings":"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"}

package/build/lib/native/components/Accordion/AccordionItemBody.js CHANGED Viewed

@@ -10,6 +10,8 @@ import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import '../BladeProvider/useTheme.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';

package/build/lib/native/components/Accordion/AccordionItemBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionItemBody.js","sources":["../../../../../src/components/Accordion/AccordionItemBody.tsx"],"sourcesContent":["import { useAccordion } from './AccordionContext';\nimport { componentIds } from './componentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute, StringChildrenType } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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 descriptionSizeToken = {\n large: 'medium',\n medium: 'small',\n} as const;\n\nconst _AccordionItemBody = ({\n children,\n _description,\n ...rest\n}: {\n children?: React.ReactNode \| StringChildrenType;\n _description?: string;\n} & DataAnalyticsAttribute): React.ReactElement => {\n const { size } = useAccordion();\n\n const childrenElement =\n typeof children === 'string' \|\| typeof children === 'number' ? (\n <Text size={descriptionSizeToken[size]} color=\"surface.text.gray.subtle\">\n {children}\n </Text>\n ) : (\n children\n );\n\n const descriptionElement = _description && (\n <Text size={descriptionSizeToken[size]} color=\"surface.text.gray.subtle\">\n {_description}\n </Text>\n );\n\n const collapsibleBodyContent = isReactNative() ? (\n <BaseBox marginX=\"spacing.5\">\n {descriptionElement}\n <BaseBox marginTop={_description && children ? 'spacing.5' : 'spacing.0'}>\n {childrenElement}\n </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 {descriptionElement}\n {childrenElement}\n </BaseBox>\n );\n\n return (\n <BaseBox\n {...metaAttribute({ name: MetaConstants.AccordionItemBody })}\n {...makeAnalyticsAttribute(rest)}\n >\n {collapsibleBodyContent}\n </BaseBox>\n );\n};\n\nconst AccordionItemBody = assignWithoutSideEffects(_AccordionItemBody, {\n componentId: componentIds.AccordionItemBody,\n});\n\nexport { AccordionItemBody };\n"],"names":["BLANK_SPACE","reactNativeMultilineTextOverflowFix","_jsx","BaseBox","Object","assign","makeAccessible","hidden","children","Text","descriptionSizeToken","large","medium","_AccordionItemBody","_ref","_description","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","size","childrenElement","color","descriptionElement","collapsibleBodyContent","isReactNative","_jsxs","marginX","marginTop","display","flexDirection","gap","marginBottom","metaAttribute","name","MetaConstants","AccordionItemBody","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;~~AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,cAAA,CAAA,CAWA,IAAMA,WAAW,CAAG,GAAG,CASvB,IAAMC,mCAAmC,CAEvCC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,IAAKC,cAAc,CAAC,CAAEC,MAAM,CAAE,IAAK,CAAC,CAAC,CAAAC,CAAAA,QAAA,CAC3CN,GAAA,CAACO,IAAI,CAAA,CAAAD,QAAA,CAAER,WAAW,CAAO,CAAC,EACnB,CACV,CAED,IAAMU,oBAAoB,CAAG,CAC3BC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,OACV,CAAU,CAEV,IAAMC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAO2B,CANjD,IAAAN,QAAQ,CAAAM,IAAA,CAARN,QAAQ,CACRO,YAAY,CAAAD,IAAA,CAAZC,YAAY,CACTC,IAAI,CAAAC,wBAAA,CAAAH,IAAA,CAAAI,SAAA,CAKP,CAAA,IAAAC,aAAA,CAAiBC,YAAY,EAAE,CAAvBC,IAAI,CAAAF,aAAA,CAAJE,IAAI,CAEZ,IAAMC,eAAe,CACnB,OAAOd,QAAQ,GAAK,QAAQ,EAAI,OAAOA,QAAQ,GAAK,QAAQ,CAC1DN,GAAA,CAACO,IAAI,EAACY,IAAI,CAAEX,oBAAoB,CAACW,IAAI,CAAE,CAACE,KAAK,CAAC,0BAA0B,CAAAf,QAAA,CACrEA,QAAQ,CACL,CAAC,CAEPA,QACD,CAEH,IAAMgB,kBAAkB,CAAGT,YAAY,EACrCb,GAAA,CAACO,IAAI,CAAA,CAACY,IAAI,CAAEX,oBAAoB,CAACW,IAAI,CAAE,CAACE,KAAK,CAAC,0BAA0B,CAAAf,QAAA,CACrEO,YAAY,CACT,CACP,CAED,IAAMU,sBAAsB,CAAGC,aAAa,EAAE,CAC5CC,IAAA,CAACxB,OAAO,EAACyB,OAAO,CAAC,WAAW,CAAApB,QAAA,CACzBgB,CAAAA,kBAAkB,CACnBtB,GAAA,CAACC,OAAO,CAAC0B,CAAAA,SAAS,CAAEd,YAAY,EAAIP,QAAQ,CAAG,WAAW,CAAG,WAAY,CAAAA,QAAA,CACtEc,eAAe,CACT,CAAC,CACTrB,mCAAmC,CAC7B,CAAA,CAAC,CAEV0B,IAAA,CAACxB,OAAO,CAAA,CACN2B,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,QAAQ,CACtBC,GAAG,CAAC,WAAW,CACfC,YAAY,CAAC,WAAW,CACxBL,OAAO,CAAC,WAAW,CAAApB,QAAA,EAElBgB,kBAAkB,CAClBF,eAAe,CAAA,CACT,CACV,CAED,OACEpB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,IACF6B,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,iBAAkB,CAAC,CAAC,CACxDC,sBAAsB,CAACtB,IAAI,CAAC,CAAAR,CAAAA,QAAA,CAE/BiB,sBAAsB,CAAA,CAChB,CAAC,CAEd,CAAC,CAEK,IAAAY,iBAAiB,CAAGE,wBAAwB,CAAC1B,kBAAkB,CAAE,CACrE2B,WAAW,CAAEC,YAAY,CAACJ,iBAC5B,CAAC;;;;"}
1	+ {"version":3,"file":"AccordionItemBody.js","sources":["../../../../../src/components/Accordion/AccordionItemBody.tsx"],"sourcesContent":["import { useAccordion } from './AccordionContext';\nimport { componentIds } from './componentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute, StringChildrenType } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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 descriptionSizeToken = {\n large: 'medium',\n medium: 'small',\n} as const;\n\nconst _AccordionItemBody = ({\n children,\n _description,\n ...rest\n}: {\n children?: React.ReactNode \| StringChildrenType;\n _description?: string;\n} & DataAnalyticsAttribute): React.ReactElement => {\n const { size } = useAccordion();\n\n const childrenElement =\n typeof children === 'string' \|\| typeof children === 'number' ? (\n <Text size={descriptionSizeToken[size]} color=\"surface.text.gray.subtle\">\n {children}\n </Text>\n ) : (\n children\n );\n\n const descriptionElement = _description && (\n <Text size={descriptionSizeToken[size]} color=\"surface.text.gray.subtle\">\n {_description}\n </Text>\n );\n\n const collapsibleBodyContent = isReactNative() ? (\n <BaseBox marginX=\"spacing.5\">\n {descriptionElement}\n <BaseBox marginTop={_description && children ? 'spacing.5' : 'spacing.0'}>\n {childrenElement}\n </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 {descriptionElement}\n {childrenElement}\n </BaseBox>\n );\n\n return (\n <BaseBox\n {...metaAttribute({ name: MetaConstants.AccordionItemBody })}\n {...makeAnalyticsAttribute(rest)}\n >\n {collapsibleBodyContent}\n </BaseBox>\n );\n};\n\nconst AccordionItemBody = assignWithoutSideEffects(_AccordionItemBody, {\n componentId: componentIds.AccordionItemBody,\n});\n\nexport { AccordionItemBody };\n"],"names":["BLANK_SPACE","reactNativeMultilineTextOverflowFix","_jsx","BaseBox","Object","assign","makeAccessible","hidden","children","Text","descriptionSizeToken","large","medium","_AccordionItemBody","_ref","_description","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","size","childrenElement","color","descriptionElement","collapsibleBodyContent","isReactNative","_jsxs","marginX","marginTop","display","flexDirection","gap","marginBottom","metaAttribute","name","MetaConstants","AccordionItemBody","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,cAAA,CAAA,CAWA,IAAMA,WAAW,CAAG,GAAG,CASvB,IAAMC,mCAAmC,CAEvCC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,IAAKC,cAAc,CAAC,CAAEC,MAAM,CAAE,IAAK,CAAC,CAAC,CAAAC,CAAAA,QAAA,CAC3CN,GAAA,CAACO,IAAI,CAAA,CAAAD,QAAA,CAAER,WAAW,CAAO,CAAC,EACnB,CACV,CAED,IAAMU,oBAAoB,CAAG,CAC3BC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,OACV,CAAU,CAEV,IAAMC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAO2B,CANjD,IAAAN,QAAQ,CAAAM,IAAA,CAARN,QAAQ,CACRO,YAAY,CAAAD,IAAA,CAAZC,YAAY,CACTC,IAAI,CAAAC,wBAAA,CAAAH,IAAA,CAAAI,SAAA,CAKP,CAAA,IAAAC,aAAA,CAAiBC,YAAY,EAAE,CAAvBC,IAAI,CAAAF,aAAA,CAAJE,IAAI,CAEZ,IAAMC,eAAe,CACnB,OAAOd,QAAQ,GAAK,QAAQ,EAAI,OAAOA,QAAQ,GAAK,QAAQ,CAC1DN,GAAA,CAACO,IAAI,EAACY,IAAI,CAAEX,oBAAoB,CAACW,IAAI,CAAE,CAACE,KAAK,CAAC,0BAA0B,CAAAf,QAAA,CACrEA,QAAQ,CACL,CAAC,CAEPA,QACD,CAEH,IAAMgB,kBAAkB,CAAGT,YAAY,EACrCb,GAAA,CAACO,IAAI,CAAA,CAACY,IAAI,CAAEX,oBAAoB,CAACW,IAAI,CAAE,CAACE,KAAK,CAAC,0BAA0B,CAAAf,QAAA,CACrEO,YAAY,CACT,CACP,CAED,IAAMU,sBAAsB,CAAGC,aAAa,EAAE,CAC5CC,IAAA,CAACxB,OAAO,EAACyB,OAAO,CAAC,WAAW,CAAApB,QAAA,CACzBgB,CAAAA,kBAAkB,CACnBtB,GAAA,CAACC,OAAO,CAAC0B,CAAAA,SAAS,CAAEd,YAAY,EAAIP,QAAQ,CAAG,WAAW,CAAG,WAAY,CAAAA,QAAA,CACtEc,eAAe,CACT,CAAC,CACTrB,mCAAmC,CAC7B,CAAA,CAAC,CAEV0B,IAAA,CAACxB,OAAO,CAAA,CACN2B,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,QAAQ,CACtBC,GAAG,CAAC,WAAW,CACfC,YAAY,CAAC,WAAW,CACxBL,OAAO,CAAC,WAAW,CAAApB,QAAA,EAElBgB,kBAAkB,CAClBF,eAAe,CAAA,CACT,CACV,CAED,OACEpB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,IACF6B,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,iBAAkB,CAAC,CAAC,CACxDC,sBAAsB,CAACtB,IAAI,CAAC,CAAAR,CAAAA,QAAA,CAE/BiB,sBAAsB,CAAA,CAChB,CAAC,CAEd,CAAC,CAEK,IAAAY,iBAAiB,CAAGE,wBAAwB,CAAC1B,kBAAkB,CAAE,CACrE2B,WAAW,CAAEC,YAAY,CAACJ,iBAC5B,CAAC;;;;"}

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

@@ -2,6 +2,8 @@ import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.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;};var getBackgroundColor=function getBackgroundColor(_ref){var theme=_ref.theme,isActive=_ref.isActive;var gray=theme.colors.interactive.background.gray;return isActive?gray.faded:theme.colors.transparent;};var getCommonAccordionButtonStyles=function getCommonAccordionButtonStyles(props){var theme=props.theme;return {padding:theme.spacing[0],display:'flex',flexDirection:'row',alignItems:'center',justifyContent:'space-between'};};

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

	@@ -1 +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;\n\nconst getBackgroundColor = ({ theme, isActive }: { theme: Theme; isActive: boolean }): string => {\n const { gray } = theme.colors.interactive.background;\n\n return isActive ? gray.faded : theme.colors.transparent;\n};\n\nconst getCommonAccordionButtonStyles = (\n props: StyledProps<StyledAccordionButtonProps>,\n): CSSObject => {\n const { theme } = props;\n\n return {\n padding: theme.spacing[0],\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","getBackgroundColor","_ref","isActive","gray","colors","interactive","background","faded","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,GAG1F,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIJ,KAAY,SAAKA,KAAK,CAACE,MAAM,CAACG,MAAM,CAACC,QAAQ,CAAA,EAEpE,IAAAC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAAyE,KAAnER,KAAK,CAAAQ,IAAA,CAALR,KAAK,CAAES,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC3C,IAAQC,IAAI,CAAKV,KAAK,CAACW,MAAM,CAACC,WAAW,CAACC,UAAU,CAA5CH,IAAI,CAEZ,OAAOD,QAAQ,CAAGC,IAAI,CAACI,KAAK,CAAGd,KAAK,CAACW,MAAM,CAACI,WAAW,CACzD,EAEM,IAAAC,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAClCC,KAA8C,CAChC,CACd,IAAQjB,KAAK,CAAKiB,KAAK,CAAfjB,KAAK,CAEb,OAAO,CACLkB,OAAO,CAAElB,KAAK,CAACmB,OAAO,CAAC,CAAC,CAAC,CACzBC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,KAAK,CACpBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,eAClB,CAAC,CACH;;;;"}
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;\n\nconst getBackgroundColor = ({ theme, isActive }: { theme: Theme; isActive: boolean }): string => {\n const { gray } = theme.colors.interactive.background;\n\n return isActive ? gray.faded : theme.colors.transparent;\n};\n\nconst getCommonAccordionButtonStyles = (\n props: StyledProps<StyledAccordionButtonProps>,\n): CSSObject => {\n const { theme } = props;\n\n return {\n padding: theme.spacing[0],\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","getBackgroundColor","_ref","isActive","gray","colors","interactive","background","faded","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,GAG1F,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIJ,KAAY,SAAKA,KAAK,CAACE,MAAM,CAACG,MAAM,CAACC,QAAQ,CAAA,EAEpE,IAAAC,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAAyE,KAAnER,KAAK,CAAAQ,IAAA,CAALR,KAAK,CAAES,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC3C,IAAQC,IAAI,CAAKV,KAAK,CAACW,MAAM,CAACC,WAAW,CAACC,UAAU,CAA5CH,IAAI,CAEZ,OAAOD,QAAQ,CAAGC,IAAI,CAACI,KAAK,CAAGd,KAAK,CAACW,MAAM,CAACI,WAAW,CACzD,EAEM,IAAAC,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAClCC,KAA8C,CAChC,CACd,IAAQjB,KAAK,CAAKiB,KAAK,CAAfjB,KAAK,CAEb,OAAO,CACLkB,OAAO,CAAElB,KAAK,CAACmB,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/ActionListBox.native.js.map CHANGED Viewed

	@@ -1 +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 }: any) => {\n return <ActionListItem {...item} />;\n }, []);\n\n const renderActionListSectionHeader = React.useCallback(({ section: { title } }: any) => {\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 } }: any) => {\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, ActionListBox as ActionListVirtualizedBox };\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,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,CAAmB,~~KAAhBC~~,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,CAAiC,~~CAAA~~,~~IAAnBC~~,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,CAA8C,~~CAAAC~~,~~IAAAA~~,aAAA,CAAAD,KAAA,CAA3CN,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~~,~~YAAAA~~,~~CAAC1B~~,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~~,~~mBAACC~~,~~CAAAA~~,MAAM,CAAEC,MAAM,CAAK,CACvCtC,gBAAgB,CAACsC,MAAM,CAAC,CAC1B,CAAE,CACEC,CAAAA,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;;;;"}
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 }: any) => {\n return <ActionListItem {...item} />;\n }, []);\n\n const renderActionListSectionHeader = React.useCallback(({ section: { title } }: any) => {\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 } }: any) => {\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, ActionListBox as ActionListVirtualizedBox };\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,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,CAAmB,CAAA,IAAhBC,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,CAAiC,CAAnB,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,CAA8C,CAAA,IAAAC,aAAA,CAAAD,KAAA,CAA3CN,OAAO,CAAID,KAAK,CAAAQ,aAAA,CAALR,KAAK,CAAES,WAAW,CAAAD,aAAA,CAAXC,WAAW,CAC9B,GAAI,CAACT,KAAK,CAAE,OAAO,IAAI,CACvB,GAAIS,WAAW,CAAE,OAAO,IAAI,CAC5B,OAAOf,GAAA,CAACgB,OAAO,GAAE,CAAC,CACpB,CAAC,CACD,EACF,CAAC,CAED,OACEhB,GAAA,CAACiB,oBAAoB,CAAAf,MAAA,CAAAC,MAAA,CAAA,CAGnBe,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,SAAdA,YAAYA,CAAG1B,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,SAArBA,mBAAmBA,CAAGC,MAAM,CAAEC,MAAM,CAAK,CACvCtC,gBAAgB,CAACsC,MAAM,CAAC,CAC1B,CAAE,CACEC,CAAAA,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;;;;"}

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

@@ -17,6 +17,8 @@ import { throwBladeError } from '../../utils/logger/logger.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import '../BladeProvider/useTheme.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
@@ -28,8 +30,6 @@ import { dropdownComponentIds } from '../Dropdown/dropdownComponentIds.js';
 import { BaseMenuItem } from '../BaseMenu/BaseMenuItem/BaseMenuItem.js';
 import { useBaseMenuItem } from '../BaseMenu/BaseMenuContext.js';
 import { Checkbox } from '../Checkbox/Checkbox.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import '../Checkbox/CheckboxGroup/CheckboxGroupContext.js';
 import '../../utils/useCallbackRef.js';
 import '@gorhom/portal';
@@ -479,7 +479,7 @@ import '../VisuallyHidden/VisuallyHidden.native.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { Avatar } from '../Avatar/Avatar.native.js';
-var _excluded=["title","children","testID","_hideDivider","_sectionChildValues"];var StyledActionListSectionTitle=styled(BaseBox)(function(props){return {padding:makeSize(props.theme.spacing[3])};});var _ActionListSectionTitle=function _ActionListSectionTitle(_ref){var title=_ref.title,_ref$isInsideVirtuali=_ref.isInsideVirtualizedList,isInsideVirtualizedList=_ref$isInsideVirtuali===void 0?false:_ref$isInsideVirtuali;return jsx(StyledActionListSectionTitle,Object.assign({},makeAccessible({hidden:!isInsideVirtualizedList,role:isInsideVirtualizedList?'heading':undefined}),{children:jsx(Text,{color:"surface.text.gray.muted",size:"small",weight:"semibold",children:title})}));};var ActionListSectionTitle=assignWithoutSideEffects(_ActionListSectionTitle,{componentId:componentIds.ActionListSectionTitle});var _ActionListSection=function _ActionListSection(_ref2){var title=_ref2.title,children=_ref2.children,testID=_ref2.testID,_hideDivider=_ref2._hideDivider,_sectionChildValues=_ref2._sectionChildValues,rest=_objectWithoutProperties(_ref2,_excluded);var _useDropdown=useDropdown(),hasAutoCompleteInHeader=_useDropdown.hasAutoCompleteInHeader,dropdownTriggerer=_useDropdown.dropdownTriggerer,filteredValues=_useDropdown.filteredValues;var hasAutoComplete=hasAutoCompleteInHeader||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}),makeAnalyticsAttribute(rest),{children:[isSectionVisible?jsx(ActionListSectionTitle,{title: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(React__default.memo(_ActionListSection),{componentId:componentIds.ActionListSection});var _ActionListItemIcon=function _ActionListItemIcon(_ref3){var icon=_ref3.icon;var Icon=icon;var _useBaseMenuItem=useBaseMenuItem(),color=_useBaseMenuItem.color,isDisabled=_useBaseMenuItem.isDisabled;var iconState=isDisabled?'disabled':'muted';return jsx(Icon,{color:color==='negative'?'feedback.icon.negative.intense':`interactive.icon.gray.${iconState}`,size:"medium"});};var ActionListItemIcon=assignWithoutSideEffects(_ActionListItemIcon,{componentId:componentIds.ActionListItemIcon});var _ActionListItemBadgeGroup=function _ActionListItemBadgeGroup(_ref4){var children=_ref4.children;return jsx(Box,{display:"flex",alignItems:"center",flexDirection:"row",children:children});};var ActionListItemBadgeGroup=assignWithoutSideEffects(_ActionListItemBadgeGroup,{componentId:componentIds.ActionListItemBadgeGroup});var _ActionListItemAvatar=function _ActionListItemAvatar(avatarProps){return jsx(Avatar,Object.assign({size:"xsmall"},avatarProps));};var ActionListItemAvatar=assignWithoutSideEffects(_ActionListItemAvatar,{componentId:componentIds.ActionListItemAvatar});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(_ref5){var children=_ref5.children;var _useBaseMenuItem2=useBaseMenuItem(),isDisabled=_useBaseMenuItem2.isDisabled;return jsx(Text,{variant:"caption",color:getNormalTextColor(isDisabled,{isMuted:true}),children:children});};var ActionListItemText=assignWithoutSideEffects(_ActionListItemText,{componentId:componentIds.ActionListItemText});var BaseMenuLeadingItem=function BaseMenuLeadingItem(_ref6){var isSelected=_ref6.isSelected,isDisabled=_ref6.isDisabled;return jsx(BaseBox,Object.assign({pointerEvents:"none"},makeAccessible({hidden:true}),{children:jsx(Checkbox,{isChecked:isSelected,tabIndex:-1,isDisabled:isDisabled,children:null})}));};var makeActionListItemClickable=function makeActionListItemClickable(clickHandler){if(isReactNative()){return {onPress:clickHandler};}return {onClick:clickHandler};};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,hasAutoCompleteInHeader=_useDropdown2.hasAutoCompleteInHeader;React__default.useEffect(function(){if(activeIndex===props._index&&props._virtualizedIndex!==undefined){props._onVirtualizedFocus==null?void 0:props._onVirtualizedFocus(props._virtualizedIndex);}},[activeIndex]);var hasAutoComplete=hasAutoCompleteInHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;var hasFilterChipSelectInput=dropdownTriggerer===dropdownComponentIds.triggers.FilterChipSelectInput;var hasInputDropdownButton=dropdownTriggerer===dropdownComponentIds.triggers.InputDropdownButton;var renderOnWebAs=props.href?'a':'button';var getIsSelected=function getIsSelected(){if(dropdownTriggerer===dropdownComponentIds.triggers.SelectInput||hasAutoComplete||hasFilterChipSelectInput||hasInputDropdownButton){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]);var isVisible=hasAutoComplete&&filteredValues?filteredValues.includes(props.value):true;return jsx(BaseMenuItem,Object.assign({isVisible:isVisible,as:!isReactNative()?renderOnWebAs:undefined,id:`${dropdownBaseId}-${props._index}`,tabIndex:-1,title:props.title,description:props.description,leading:selectionType==='multiple'?jsx(BaseMenuLeadingItem,{isSelected:isSelected,isDisabled:props.isDisabled},`${dropdownBaseId}-${props._index}-leading-${isSelected}`):props.leading,trailing:props.trailing,titleSuffix:props.titleSuffix,href:props.href,target:props.target,className:activeIndex===props._index?'active-focus':'',isSelected:isSelected,isDisabled:props.isDisabled,role:getActionListItemRole(dropdownTriggerer,props.href)},makeActionListItemClickable(function(e){if(typeof props._index==='number'){onOptionClick(e,props._index);props.onClick==null?void 0:props.onClick({name:props.value,value:isSelected,event:castWebType(e)});}}),makeAnalyticsAttribute(Object.assign({},props)),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,color:props.intent,isKeydownPressed:isKeydownPressed}));};var ActionListItem=assignWithoutSideEffects(React__default.memo(_ActionListItem),{componentId:componentIds.ActionListItem,displayName:componentIds.ActionListItem});
+var _excluded=["title","children","testID","_hideDivider","_sectionChildValues"];var StyledActionListSectionTitle=styled(BaseBox)(function(props){return {padding:makeSize(props.theme.spacing[3])};});var _ActionListSectionTitle=function _ActionListSectionTitle(_ref){var title=_ref.title,_ref$isInsideVirtuali=_ref.isInsideVirtualizedList,isInsideVirtualizedList=_ref$isInsideVirtuali===void 0?false:_ref$isInsideVirtuali;return jsx(StyledActionListSectionTitle,Object.assign({},makeAccessible({hidden:!isInsideVirtualizedList,role:isInsideVirtualizedList?'heading':undefined}),{children:jsx(Text,{color:"surface.text.gray.muted",size:"small",weight:"semibold",children:title})}));};var ActionListSectionTitle=assignWithoutSideEffects(_ActionListSectionTitle,{componentId:componentIds.ActionListSectionTitle});var _ActionListSection=function _ActionListSection(_ref2){var title=_ref2.title,children=_ref2.children,testID=_ref2.testID,_hideDivider=_ref2._hideDivider,_sectionChildValues=_ref2._sectionChildValues,rest=_objectWithoutProperties(_ref2,_excluded);var _useDropdown=useDropdown(),hasAutoCompleteInHeader=_useDropdown.hasAutoCompleteInHeader,dropdownTriggerer=_useDropdown.dropdownTriggerer,filteredValues=_useDropdown.filteredValues;var hasAutoComplete=hasAutoCompleteInHeader||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}),makeAnalyticsAttribute(rest),{children:[isSectionVisible?jsx(ActionListSectionTitle,{title: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(React__default.memo(_ActionListSection),{componentId:componentIds.ActionListSection});var _ActionListItemIcon=function _ActionListItemIcon(_ref3){var icon=_ref3.icon;var Icon=icon;var _useBaseMenuItem=useBaseMenuItem(),color=_useBaseMenuItem.color,isDisabled=_useBaseMenuItem.isDisabled;var iconState=isDisabled?'disabled':'normal';return jsx(Icon,{color:color==='negative'?'feedback.icon.negative.intense':`interactive.icon.gray.${iconState}`,size:"medium"});};var ActionListItemIcon=assignWithoutSideEffects(_ActionListItemIcon,{componentId:componentIds.ActionListItemIcon});var _ActionListItemBadgeGroup=function _ActionListItemBadgeGroup(_ref4){var children=_ref4.children;return jsx(Box,{display:"flex",alignItems:"center",flexDirection:"row",children:children});};var ActionListItemBadgeGroup=assignWithoutSideEffects(_ActionListItemBadgeGroup,{componentId:componentIds.ActionListItemBadgeGroup});var _ActionListItemAvatar=function _ActionListItemAvatar(avatarProps){return jsx(Avatar,Object.assign({size:"xsmall"},avatarProps));};var ActionListItemAvatar=assignWithoutSideEffects(_ActionListItemAvatar,{componentId:componentIds.ActionListItemAvatar});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(_ref5){var children=_ref5.children;var _useBaseMenuItem2=useBaseMenuItem(),isDisabled=_useBaseMenuItem2.isDisabled;return jsx(Text,{variant:"caption",color:getNormalTextColor(isDisabled,{isMuted:true}),children:children});};var ActionListItemText=assignWithoutSideEffects(_ActionListItemText,{componentId:componentIds.ActionListItemText});var BaseMenuLeadingItem=function BaseMenuLeadingItem(_ref6){var isSelected=_ref6.isSelected,isDisabled=_ref6.isDisabled;return jsx(BaseBox,Object.assign({pointerEvents:"none"},makeAccessible({hidden:true}),{children:jsx(Checkbox,{isChecked:isSelected,tabIndex:-1,isDisabled:isDisabled,children:null})}));};var makeActionListItemClickable=function makeActionListItemClickable(clickHandler){if(isReactNative()){return {onPress:clickHandler};}return {onClick:clickHandler};};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,hasAutoCompleteInHeader=_useDropdown2.hasAutoCompleteInHeader;React__default.useEffect(function(){if(activeIndex===props._index&&props._virtualizedIndex!==undefined){props._onVirtualizedFocus==null?void 0:props._onVirtualizedFocus(props._virtualizedIndex);}},[activeIndex]);var hasAutoComplete=hasAutoCompleteInHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;var hasFilterChipSelectInput=dropdownTriggerer===dropdownComponentIds.triggers.FilterChipSelectInput;var hasInputDropdownButton=dropdownTriggerer===dropdownComponentIds.triggers.InputDropdownButton;var renderOnWebAs=props.href?'a':'button';var getIsSelected=function getIsSelected(){if(dropdownTriggerer===dropdownComponentIds.triggers.SelectInput||hasAutoComplete||hasFilterChipSelectInput||hasInputDropdownButton){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]);var isVisible=hasAutoComplete&&filteredValues?filteredValues.includes(props.value):true;return jsx(BaseMenuItem,Object.assign({isVisible:isVisible,as:!isReactNative()?renderOnWebAs:undefined,id:`${dropdownBaseId}-${props._index}`,tabIndex:-1,title:props.title,description:props.description,leading:selectionType==='multiple'?jsx(BaseMenuLeadingItem,{isSelected:isSelected,isDisabled:props.isDisabled},`${dropdownBaseId}-${props._index}-leading-${isSelected}`):props.leading,trailing:props.trailing,titleSuffix:props.titleSuffix,href:props.href,target:props.target,className:activeIndex===props._index?'active-focus':'',isSelected:isSelected,isDisabled:props.isDisabled,role:getActionListItemRole(dropdownTriggerer,props.href)},makeActionListItemClickable(function(e){if(typeof props._index==='number'){onOptionClick(e,props._index);props.onClick==null?void 0:props.onClick({name:props.value,value:isSelected,event:castWebType(e)});}}),makeAnalyticsAttribute(Object.assign({},props)),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,color:props.intent,isKeydownPressed:isKeydownPressed}));};var ActionListItem=assignWithoutSideEffects(React__default.memo(_ActionListItem),{componentId:componentIds.ActionListItem,displayName:componentIds.ActionListItem});
 export { ActionListItem, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemText, ActionListSection, ActionListSectionTitle };
 //# sourceMappingURL=ActionListItem.js.map

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

	@@ -1 +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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"}
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' : 'normal';\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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"}

package/build/lib/native/components/ActionList/actionListUtils.js CHANGED Viewed

@@ -4,6 +4,8 @@ import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import '../BladeProvider/useTheme.js';
 import { isValidAllowedChildren, getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';

package/build/lib/native/components/ActionList/actionListUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"actionListUtils.js","sources":["../../../../../src/components/ActionList/actionListUtils.ts"],"sourcesContent":["import React from 'react';\nimport { componentIds } from './componentIds';\nimport type { ActionListItemProps } from './ActionListItem';\nimport type { OptionsType } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\n/*\n Returns if there is ActionListItem after ActionListSection\n * and an index of last ActionListSection\n \n It is used to decide if ActionListSection add divider at the end\n /\nconst getActionListSectionPosition = (\n children: React.ReactNode,\n): {\n isActionListItemPresentAfterSection: boolean;\n lastActionListSectionIndex: number;\n} => {\n // Creating an array of componentIds\n const childComponentIdArray = React.Children.toArray(children).map((child) =>\n getComponentId(child),\n );\n\n // Reading the last `ActionListSection` component's index\n const lastActionListSectionIndex = childComponentIdArray.lastIndexOf(\n componentIds.ActionListSection,\n );\n\n // Checking if there is any `ActionListItem` present after `ActionListSection`\n const isActionListItemPresentAfterSection = childComponentIdArray\n .slice(lastActionListSectionIndex)\n .includes(componentIds.ActionListItem);\n\n return {\n isActionListItemPresentAfterSection,\n lastActionListSectionIndex,\n };\n};\n\nconst actionListAllowedChildren = [componentIds.ActionListItem, componentIds.ActionListSection];\n\nexport type SectionData = {\n title: string;\n hideDivider: boolean;\n data: ActionListItemProps[];\n}[];\n\n/\n Loops over action list items and returns different properties from children like option values, header and footer child, etc\n */\nconst getActionListProperties = (\n children: React.ReactNode,\n): {\n sectionData: SectionData;\n childrenWithId?: React.ReactNode[] \| null;\n actionListOptions: OptionsType;\n} => {\n const sectionData: SectionData = [];\n let currentSection: string \| null = null;\n const actionListOptions: OptionsType = [];\n\n const getActionListItemWithId = (\n child: React.ReactNode,\n hideDivider: boolean,\n ): React.ReactNode => {\n if (React.isValidElement(child) && !child.props.isDisabled) {\n actionListOptions.push({\n title: child.props.title,\n value: child.props.value,\n onClickTrigger: (value) => {\n const anchorLink = child.props.href;\n child.props.onClick?.({\n name: child.props.value,\n value: child.props.isSelected ?? value,\n });\n\n if (anchorLink && !isReactNative()) {\n const target = child.props.target ?? '_self';\n window.open(anchorLink, target);\n if (window.top) {\n window.top.open(anchorLink, target);\n }\n }\n },\n });\n const currentIndex = actionListOptions.length - 1;\n\n const foundSection = sectionData.find((v) => v.title === currentSection);\n // push the item in the appropriate bucket\n if (foundSection) {\n foundSection?.data.push({\n ...child.props,\n _index: currentIndex,\n });\n } else {\n // create a new bucket\n sectionData.push({\n title: currentSection!,\n hideDivider,\n data: [\n {\n ...child.props,\n _index: currentIndex,\n },\n ],\n });\n }\n\n const clonedChild = React.cloneElement(child, {\n // @ts-expect-error: TS doesn't understand the child's props\n _index: currentIndex,\n });\n return clonedChild;\n }\n\n return child;\n };\n\n let isActionListItemPresentAfterSection: boolean;\n // eslint-disable-next-line one-var\n let lastActionListSectionIndex: number;\n\n if (isReactNative()) {\n // We're reading this so that we can decide whether to show the divider or not.\n // If ActionListSection is final item and no ActionListItem is present after that, we hide the divider\n\n // On web, we do it using descendant styling\n ({\n isActionListItemPresentAfterSection,\n lastActionListSectionIndex,\n } = getActionListSectionPosition(children));\n }\n\n // Looping through ActionListItems to add index to them and get an options array for moving focus between items\n const childrenWithId = React.Children.map(children, (child, index) => {\n if (React.isValidElement(child)) {\n if (isValidAllowedChildren(child, componentIds.ActionListSection)) {\n const shouldHideDivider =\n index === lastActionListSectionIndex && !isActionListItemPresentAfterSection;\n const sectionChildValues: string[] = [];\n return React.cloneElement(child, {\n // @ts-expect-error: TS doesn't understand the child's props\n children: React.Children.map(child.props.children, (childInSection) => {\n currentSection = child.props.title;\n sectionChildValues.push(childInSection.props.value);\n if (isValidAllowedChildren(childInSection, componentIds.ActionListItem)) {\n return getActionListItemWithId(childInSection, shouldHideDivider);\n }\n\n return childInSection;\n }),\n // On web, we handle it with descendant styling in css so no need of JS there\n _hideDivider: isReactNative() ? shouldHideDivider : undefined,\n _sectionChildValues: sectionChildValues,\n });\n }\n\n if (isValidAllowedChildren(child, componentIds.ActionListItem)) {\n return getActionListItemWithId(child, true);\n }\n\n if (__DEV__) {\n throwBladeError({\n message: `Only ${actionListAllowedChildren.join(', ')} supported inside ActionList`,\n moduleName: 'ActionList',\n });\n }\n }\n return child;\n });\n\n return {\n sectionData,\n childrenWithId,\n actionListOptions,\n };\n};\n\nconst validateActionListItemProps = ({\n leading,\n trailing,\n titleSuffix,\n}: {\n leading: ActionListItemProps['leading'];\n trailing: ActionListItemProps['trailing'];\n titleSuffix: ActionListItemProps['titleSuffix'];\n}): void => {\n if (__DEV__) {\n React.Children.map(trailing, (child) => {\n if (\n !isValidAllowedChildren(child, componentIds.ActionListItemIcon) &&\n !isValidAllowedChildren(child, componentIds.ActionListItemText)\n ) {\n throwBladeError({\n message: `Only ${componentIds.ActionListItemIcon} and ${componentIds.ActionListItemText} are allowed in trailing prop`,\n moduleName: 'ActionListItem',\n });\n }\n });\n\n React.Children.map(titleSuffix, (child) => {\n if (\n !isValidAllowedChildren(child, componentIds.ActionListItemBadge) &&\n !isValidAllowedChildren(child, componentIds.ActionListItemBadgeGroup)\n ) {\n throwBladeError({\n message: `Only ${componentIds.ActionListItemBadge} and ${componentIds.ActionListItemBadgeGroup} are allowed in titleSuffix prop`,\n moduleName: 'ActionListItem',\n });\n }\n });\n\n React.Children.map(leading, (child) => {\n if (\n !isValidAllowedChildren(child, componentIds.ActionListItemIcon) &&\n !isValidAllowedChildren(child, componentIds.ActionListItemText) &&\n !isValidAllowedChildren(child, componentIds.ActionListItemAsset) &&\n !isValidAllowedChildren(child, componentIds.ActionListItemAvatar)\n ) {\n throwBladeError({\n message: `Only ${componentIds.ActionListItemIcon}, ${componentIds.ActionListItemAvatar}, ${componentIds.ActionListItemAsset}, and ${componentIds.ActionListItemText} are allowed in leading prop`,\n moduleName: 'ActionListItem',\n });\n }\n });\n }\n};\n\nconst getNormalTextColor = (\n isDisabled: boolean \| undefined,\n { isMuted }: { isMuted?: boolean } = {},\n): Extract<\n BaseTextProps['color'],\n 'interactive.text.gray.disabled' \| 'interactive.text.gray.muted' \| 'interactive.text.gray.normal'\n> => {\n if (isDisabled) {\n return 'interactive.text.gray.disabled';\n }\n\n if (isMuted) {\n return 'interactive.text.gray.muted';\n }\n\n return 'interactive.text.gray.normal';\n};\n\nexport { getActionListProperties, validateActionListItemProps, getNormalTextColor };\n"],"names":["getActionListSectionPosition","children","childComponentIdArray","React","Children","toArray","map","child","getComponentId","lastActionListSectionIndex","lastIndexOf","componentIds","ActionListSection","isActionListItemPresentAfterSection","slice","includes","ActionListItem","actionListAllowedChildren","getActionListProperties","sectionData","currentSection","actionListOptions","getActionListItemWithId","hideDivider","isValidElement","props","isDisabled","push","title","value","onClickTrigger","_child$props$isSelect","anchorLink","href","onClick","name","isSelected","isReactNative","_child$props$target","target","window","open","top","currentIndex","length","foundSection","find","v","data","Object","assign","_index","clonedChild","cloneElement","_getActionListSection","childrenWithId","index","isValidAllowedChildren","shouldHideDivider","sectionChildValues","childInSection","_hideDivider","undefined","_sectionChildValues","__DEV__","throwBladeError","message","join","moduleName","validateActionListItemProps","_ref","leading","trailing","titleSuffix","ActionListItemIcon","ActionListItemText","ActionListItemBadge","ActionListItemBadgeGroup","ActionListItemAsset","ActionListItemAvatar","getNormalTextColor","_ref2","arguments","isMuted"],"mappings":"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"}
1	+ {"version":3,"file":"actionListUtils.js","sources":["../../../../../src/components/ActionList/actionListUtils.ts"],"sourcesContent":["import React from 'react';\nimport { componentIds } from './componentIds';\nimport type { ActionListItemProps } from './ActionListItem';\nimport type { OptionsType } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\n/*\n Returns if there is ActionListItem after ActionListSection\n * and an index of last ActionListSection\n \n It is used to decide if ActionListSection add divider at the end\n /\nconst getActionListSectionPosition = (\n children: React.ReactNode,\n): {\n isActionListItemPresentAfterSection: boolean;\n lastActionListSectionIndex: number;\n} => {\n // Creating an array of componentIds\n const childComponentIdArray = React.Children.toArray(children).map((child) =>\n getComponentId(child),\n );\n\n // Reading the last `ActionListSection` component's index\n const lastActionListSectionIndex = childComponentIdArray.lastIndexOf(\n componentIds.ActionListSection,\n );\n\n // Checking if there is any `ActionListItem` present after `ActionListSection`\n const isActionListItemPresentAfterSection = childComponentIdArray\n .slice(lastActionListSectionIndex)\n .includes(componentIds.ActionListItem);\n\n return {\n isActionListItemPresentAfterSection,\n lastActionListSectionIndex,\n };\n};\n\nconst actionListAllowedChildren = [componentIds.ActionListItem, componentIds.ActionListSection];\n\nexport type SectionData = {\n title: string;\n hideDivider: boolean;\n data: ActionListItemProps[];\n}[];\n\n/\n Loops over action list items and returns different properties from children like option values, header and footer child, etc\n */\nconst getActionListProperties = (\n children: React.ReactNode,\n): {\n sectionData: SectionData;\n childrenWithId?: React.ReactNode[] \| null;\n actionListOptions: OptionsType;\n} => {\n const sectionData: SectionData = [];\n let currentSection: string \| null = null;\n const actionListOptions: OptionsType = [];\n\n const getActionListItemWithId = (\n child: React.ReactNode,\n hideDivider: boolean,\n ): React.ReactNode => {\n if (React.isValidElement(child) && !child.props.isDisabled) {\n actionListOptions.push({\n title: child.props.title,\n value: child.props.value,\n onClickTrigger: (value) => {\n const anchorLink = child.props.href;\n child.props.onClick?.({\n name: child.props.value,\n value: child.props.isSelected ?? value,\n });\n\n if (anchorLink && !isReactNative()) {\n const target = child.props.target ?? '_self';\n window.open(anchorLink, target);\n if (window.top) {\n window.top.open(anchorLink, target);\n }\n }\n },\n });\n const currentIndex = actionListOptions.length - 1;\n\n const foundSection = sectionData.find((v) => v.title === currentSection);\n // push the item in the appropriate bucket\n if (foundSection) {\n foundSection?.data.push({\n ...child.props,\n _index: currentIndex,\n });\n } else {\n // create a new bucket\n sectionData.push({\n title: currentSection!,\n hideDivider,\n data: [\n {\n ...child.props,\n _index: currentIndex,\n },\n ],\n });\n }\n\n const clonedChild = React.cloneElement(child, {\n // @ts-expect-error: TS doesn't understand the child's props\n _index: currentIndex,\n });\n return clonedChild;\n }\n\n return child;\n };\n\n let isActionListItemPresentAfterSection: boolean;\n // eslint-disable-next-line one-var\n let lastActionListSectionIndex: number;\n\n if (isReactNative()) {\n // We're reading this so that we can decide whether to show the divider or not.\n // If ActionListSection is final item and no ActionListItem is present after that, we hide the divider\n\n // On web, we do it using descendant styling\n ({\n isActionListItemPresentAfterSection,\n lastActionListSectionIndex,\n } = getActionListSectionPosition(children));\n }\n\n // Looping through ActionListItems to add index to them and get an options array for moving focus between items\n const childrenWithId = React.Children.map(children, (child, index) => {\n if (React.isValidElement(child)) {\n if (isValidAllowedChildren(child, componentIds.ActionListSection)) {\n const shouldHideDivider =\n index === lastActionListSectionIndex && !isActionListItemPresentAfterSection;\n const sectionChildValues: string[] = [];\n return React.cloneElement(child, {\n // @ts-expect-error: TS doesn't understand the child's props\n children: React.Children.map(child.props.children, (childInSection) => {\n currentSection = child.props.title;\n sectionChildValues.push(childInSection.props.value);\n if (isValidAllowedChildren(childInSection, componentIds.ActionListItem)) {\n return getActionListItemWithId(childInSection, shouldHideDivider);\n }\n\n return childInSection;\n }),\n // On web, we handle it with descendant styling in css so no need of JS there\n _hideDivider: isReactNative() ? shouldHideDivider : undefined,\n _sectionChildValues: sectionChildValues,\n });\n }\n\n if (isValidAllowedChildren(child, componentIds.ActionListItem)) {\n return getActionListItemWithId(child, true);\n }\n\n if (__DEV__) {\n throwBladeError({\n message: `Only ${actionListAllowedChildren.join(', ')} supported inside ActionList`,\n moduleName: 'ActionList',\n });\n }\n }\n return child;\n });\n\n return {\n sectionData,\n childrenWithId,\n actionListOptions,\n };\n};\n\nconst validateActionListItemProps = ({\n leading,\n trailing,\n titleSuffix,\n}: {\n leading: ActionListItemProps['leading'];\n trailing: ActionListItemProps['trailing'];\n titleSuffix: ActionListItemProps['titleSuffix'];\n}): void => {\n if (__DEV__) {\n React.Children.map(trailing, (child) => {\n if (\n !isValidAllowedChildren(child, componentIds.ActionListItemIcon) &&\n !isValidAllowedChildren(child, componentIds.ActionListItemText)\n ) {\n throwBladeError({\n message: `Only ${componentIds.ActionListItemIcon} and ${componentIds.ActionListItemText} are allowed in trailing prop`,\n moduleName: 'ActionListItem',\n });\n }\n });\n\n React.Children.map(titleSuffix, (child) => {\n if (\n !isValidAllowedChildren(child, componentIds.ActionListItemBadge) &&\n !isValidAllowedChildren(child, componentIds.ActionListItemBadgeGroup)\n ) {\n throwBladeError({\n message: `Only ${componentIds.ActionListItemBadge} and ${componentIds.ActionListItemBadgeGroup} are allowed in titleSuffix prop`,\n moduleName: 'ActionListItem',\n });\n }\n });\n\n React.Children.map(leading, (child) => {\n if (\n !isValidAllowedChildren(child, componentIds.ActionListItemIcon) &&\n !isValidAllowedChildren(child, componentIds.ActionListItemText) &&\n !isValidAllowedChildren(child, componentIds.ActionListItemAsset) &&\n !isValidAllowedChildren(child, componentIds.ActionListItemAvatar)\n ) {\n throwBladeError({\n message: `Only ${componentIds.ActionListItemIcon}, ${componentIds.ActionListItemAvatar}, ${componentIds.ActionListItemAsset}, and ${componentIds.ActionListItemText} are allowed in leading prop`,\n moduleName: 'ActionListItem',\n });\n }\n });\n }\n};\n\nconst getNormalTextColor = (\n isDisabled: boolean \| undefined,\n { isMuted }: { isMuted?: boolean } = {},\n): Extract<\n BaseTextProps['color'],\n 'interactive.text.gray.disabled' \| 'interactive.text.gray.muted' \| 'interactive.text.gray.normal'\n> => {\n if (isDisabled) {\n return 'interactive.text.gray.disabled';\n }\n\n if (isMuted) {\n return 'interactive.text.gray.muted';\n }\n\n return 'interactive.text.gray.normal';\n};\n\nexport { getActionListProperties, validateActionListItemProps, getNormalTextColor };\n"],"names":["getActionListSectionPosition","children","childComponentIdArray","React","Children","toArray","map","child","getComponentId","lastActionListSectionIndex","lastIndexOf","componentIds","ActionListSection","isActionListItemPresentAfterSection","slice","includes","ActionListItem","actionListAllowedChildren","getActionListProperties","sectionData","currentSection","actionListOptions","getActionListItemWithId","hideDivider","isValidElement","props","isDisabled","push","title","value","onClickTrigger","_child$props$isSelect","anchorLink","href","onClick","name","isSelected","isReactNative","_child$props$target","target","window","open","top","currentIndex","length","foundSection","find","v","data","Object","assign","_index","clonedChild","cloneElement","_getActionListSection","childrenWithId","index","isValidAllowedChildren","shouldHideDivider","sectionChildValues","childInSection","_hideDivider","undefined","_sectionChildValues","__DEV__","throwBladeError","message","join","moduleName","validateActionListItemProps","_ref","leading","trailing","titleSuffix","ActionListItemIcon","ActionListItemText","ActionListItemBadge","ActionListItemBadgeGroup","ActionListItemAsset","ActionListItemAvatar","getNormalTextColor","_ref2","arguments","isMuted"],"mappings":"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"}

package/build/lib/native/components/ActionList/getA11yRoles.js CHANGED Viewed

@@ -3,6 +3,8 @@ import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import '../BladeProvider/useTheme.js';
 var isRoleMenu=function isRoleMenu(dropdownTriggerer){return isReactNative()||dropdownTriggerer!==dropdownComponentIds.triggers.SelectInput&&dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete;};var getActionListContainerRole=function getActionListContainerRole(hasFooterAction,dropdownTriggerer){if(isReactNative()){return 'menu';}if(hasFooterAction){return 'dialog';}if(isRoleMenu(dropdownTriggerer)){return 'menu';}return 'listbox';};var getActionListSectionRole=function getActionListSectionRole(){if(isReactNative()){return undefined;}return 'group';};var getActionListItemWrapperRole=function getActionListItemWrapperRole(hasFooterAction,dropdownTriggerer){if(isRoleMenu(dropdownTriggerer)){return undefined;}if(hasFooterAction){return 'listbox';}return undefined;};var getActionListItemRole=function getActionListItemRole(dropdownTriggerer,href,selectionType){if(href){return 'link';}if(isRoleMenu(dropdownTriggerer)){if(selectionType==='multiple'){return 'menuitemcheckbox';}return 'menuitem';}return 'option';};

package/build/lib/native/components/ActionList/getA11yRoles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getA11yRoles.js","sources":["../../../../../src/components/ActionList/getA11yRoles.ts"],"sourcesContent":["import type { DropdownProps } from '~components/Dropdown';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport type { DropdownContextType } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\n\n/*\n is the role supposed to be `menu`\n /\nexport const isRoleMenu = (\n dropdownTriggerer: DropdownContextType['dropdownTriggerer'],\n): boolean => {\n return (\n isReactNative() \|\|\n (dropdownTriggerer !== dropdownComponentIds.triggers.SelectInput &&\n dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete)\n );\n};\n\n/\n We switch between accessibility of `dialog` with `listbox` and buttons as a child and just `listbox` when there are action items on footer\n \n Not announcing `dialog` helps not throw users off for simple dropdowns.\n \n and having `dialog` is neccessary when there are buttons on footer\n \n `menu` role is required for react native.\n */\nexport const getActionListContainerRole = (\n hasFooterAction: boolean,\n dropdownTriggerer: DropdownContextType['dropdownTriggerer'],\n): 'dialog' \| 'listbox' \| 'menu' => {\n if (isReactNative()) {\n return 'menu';\n }\n\n if (hasFooterAction) {\n return 'dialog';\n }\n\n if (isRoleMenu(dropdownTriggerer)) {\n return 'menu';\n }\n\n return 'listbox';\n};\n\nexport const getActionListSectionRole = (): 'group' \| undefined => {\n if (isReactNative()) {\n return undefined;\n }\n\n return 'group';\n};\n\nexport const getActionListItemWrapperRole = (\n hasFooterAction: boolean,\n dropdownTriggerer: DropdownContextType['dropdownTriggerer'],\n): 'listbox' \| undefined => {\n if (isRoleMenu(dropdownTriggerer)) {\n return undefined;\n }\n\n if (hasFooterAction) {\n return 'listbox';\n }\n\n return undefined;\n};\n\nexport const getActionListItemRole = (\n dropdownTriggerer: DropdownContextType['dropdownTriggerer'],\n href?: string,\n selectionType?: DropdownProps['selectionType'],\n): 'menuitem' \| 'menuitemcheckbox' \| 'option' \| 'link' => {\n if (href) {\n return 'link';\n }\n\n if (isRoleMenu(dropdownTriggerer)) {\n if (selectionType === 'multiple') {\n return 'menuitemcheckbox';\n }\n\n return 'menuitem';\n }\n\n return 'option';\n};\n"],"names":["isRoleMenu","dropdownTriggerer","isReactNative","dropdownComponentIds","triggers","SelectInput","AutoComplete","getActionListContainerRole","hasFooterAction","getActionListSectionRole","undefined","getActionListItemWrapperRole","getActionListItemRole","href","selectionType"],"mappings":"~~;;;;;;;~~AAQa,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CACrBC,iBAA2D,CAC/C,CACZ,OACEC,aAAa,EAAE,EACdD,iBAAiB,GAAKE,oBAAoB,CAACC,QAAQ,CAACC,WAAW,EAC9DJ,iBAAiB,GAAKE,oBAAoB,CAACC,QAAQ,CAACE,YAAa,CAEvE,EAWa,IAAAC,0BAA0B,CAAG,SAA7BA,0BAA0BA,CACrCC,eAAwB,CACxBP,iBAA2D,CACzB,CAClC,GAAIC,aAAa,EAAE,CAAE,CACnB,OAAO,MAAM,CACf,CAEA,GAAIM,eAAe,CAAE,CACnB,OAAO,QAAQ,CACjB,CAEA,GAAIR,UAAU,CAACC,iBAAiB,CAAC,CAAE,CACjC,OAAO,MAAM,CACf,CAEA,OAAO,SAAS,CAClB,EAEa,IAAAQ,wBAAwB,CAAG,SAA3BA,wBAAwBA,EAA8B,CACjE,GAAIP,aAAa,EAAE,CAAE,CACnB,OAAOQ,SAAS,CAClB,CAEA,OAAO,OAAO,CAChB,EAEa,IAAAC,4BAA4B,CAAG,SAA/BA,4BAA4BA,CACvCH,eAAwB,CACxBP,iBAA2D,CACjC,CAC1B,GAAID,UAAU,CAACC,iBAAiB,CAAC,CAAE,CACjC,OAAOS,SAAS,CAClB,CAEA,GAAIF,eAAe,CAAE,CACnB,OAAO,SAAS,CAClB,CAEA,OAAOE,SAAS,CAClB,EAEa,IAAAE,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAChCX,iBAA2D,CAC3DY,IAAa,CACbC,aAA8C,CACU,CACxD,GAAID,IAAI,CAAE,CACR,OAAO,MAAM,CACf,CAEA,GAAIb,UAAU,CAACC,iBAAiB,CAAC,CAAE,CACjC,GAAIa,aAAa,GAAK,UAAU,CAAE,CAChC,OAAO,kBAAkB,CAC3B,CAEA,OAAO,UAAU,CACnB,CAEA,OAAO,QAAQ,CACjB;;;;"}
1	+ {"version":3,"file":"getA11yRoles.js","sources":["../../../../../src/components/ActionList/getA11yRoles.ts"],"sourcesContent":["import type { DropdownProps } from '~components/Dropdown';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport type { DropdownContextType } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\n\n/*\n is the role supposed to be `menu`\n /\nexport const isRoleMenu = (\n dropdownTriggerer: DropdownContextType['dropdownTriggerer'],\n): boolean => {\n return (\n isReactNative() \|\|\n (dropdownTriggerer !== dropdownComponentIds.triggers.SelectInput &&\n dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete)\n );\n};\n\n/\n We switch between accessibility of `dialog` with `listbox` and buttons as a child and just `listbox` when there are action items on footer\n \n Not announcing `dialog` helps not throw users off for simple dropdowns.\n \n and having `dialog` is neccessary when there are buttons on footer\n \n `menu` role is required for react native.\n */\nexport const getActionListContainerRole = (\n hasFooterAction: boolean,\n dropdownTriggerer: DropdownContextType['dropdownTriggerer'],\n): 'dialog' \| 'listbox' \| 'menu' => {\n if (isReactNative()) {\n return 'menu';\n }\n\n if (hasFooterAction) {\n return 'dialog';\n }\n\n if (isRoleMenu(dropdownTriggerer)) {\n return 'menu';\n }\n\n return 'listbox';\n};\n\nexport const getActionListSectionRole = (): 'group' \| undefined => {\n if (isReactNative()) {\n return undefined;\n }\n\n return 'group';\n};\n\nexport const getActionListItemWrapperRole = (\n hasFooterAction: boolean,\n dropdownTriggerer: DropdownContextType['dropdownTriggerer'],\n): 'listbox' \| undefined => {\n if (isRoleMenu(dropdownTriggerer)) {\n return undefined;\n }\n\n if (hasFooterAction) {\n return 'listbox';\n }\n\n return undefined;\n};\n\nexport const getActionListItemRole = (\n dropdownTriggerer: DropdownContextType['dropdownTriggerer'],\n href?: string,\n selectionType?: DropdownProps['selectionType'],\n): 'menuitem' \| 'menuitemcheckbox' \| 'option' \| 'link' => {\n if (href) {\n return 'link';\n }\n\n if (isRoleMenu(dropdownTriggerer)) {\n if (selectionType === 'multiple') {\n return 'menuitemcheckbox';\n }\n\n return 'menuitem';\n }\n\n return 'option';\n};\n"],"names":["isRoleMenu","dropdownTriggerer","isReactNative","dropdownComponentIds","triggers","SelectInput","AutoComplete","getActionListContainerRole","hasFooterAction","getActionListSectionRole","undefined","getActionListItemWrapperRole","getActionListItemRole","href","selectionType"],"mappings":";;;;;;;;;AAQa,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CACrBC,iBAA2D,CAC/C,CACZ,OACEC,aAAa,EAAE,EACdD,iBAAiB,GAAKE,oBAAoB,CAACC,QAAQ,CAACC,WAAW,EAC9DJ,iBAAiB,GAAKE,oBAAoB,CAACC,QAAQ,CAACE,YAAa,CAEvE,EAWa,IAAAC,0BAA0B,CAAG,SAA7BA,0BAA0BA,CACrCC,eAAwB,CACxBP,iBAA2D,CACzB,CAClC,GAAIC,aAAa,EAAE,CAAE,CACnB,OAAO,MAAM,CACf,CAEA,GAAIM,eAAe,CAAE,CACnB,OAAO,QAAQ,CACjB,CAEA,GAAIR,UAAU,CAACC,iBAAiB,CAAC,CAAE,CACjC,OAAO,MAAM,CACf,CAEA,OAAO,SAAS,CAClB,EAEa,IAAAQ,wBAAwB,CAAG,SAA3BA,wBAAwBA,EAA8B,CACjE,GAAIP,aAAa,EAAE,CAAE,CACnB,OAAOQ,SAAS,CAClB,CAEA,OAAO,OAAO,CAChB,EAEa,IAAAC,4BAA4B,CAAG,SAA/BA,4BAA4BA,CACvCH,eAAwB,CACxBP,iBAA2D,CACjC,CAC1B,GAAID,UAAU,CAACC,iBAAiB,CAAC,CAAE,CACjC,OAAOS,SAAS,CAClB,CAEA,GAAIF,eAAe,CAAE,CACnB,OAAO,SAAS,CAClB,CAEA,OAAOE,SAAS,CAClB,EAEa,IAAAE,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAChCX,iBAA2D,CAC3DY,IAAa,CACbC,aAA8C,CACU,CACxD,GAAID,IAAI,CAAE,CACR,OAAO,MAAM,CACf,CAEA,GAAIb,UAAU,CAACC,iBAAiB,CAAC,CAAE,CACjC,GAAIa,aAAa,GAAK,UAAU,CAAE,CAChC,OAAO,kBAAkB,CAC3B,CAEA,OAAO,UAAU,CACnB,CAEA,OAAO,QAAQ,CACjB;;;;"}