@razorpay/blade 11.17.1 → 11.18.1

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ActionListItem.js","sources":["../../../../../src/components/ActionList/ActionListItem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { StyledActionListItem } from './styles/StyledActionListItem';\nimport { componentIds } from './componentIds';\nimport type { StyledActionListItemProps } from './styles/getBaseActionListItemStyles';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole, isRoleMenu } from './getA11yRoles';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { Checkbox } from '~components/Checkbox';\nimport { size } from '~tokens/global';\nimport type { DropdownProps } from '~components/Dropdown';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport { Box } from '~components/Box';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\n\ntype ActionListItemProps = {\n  title: string;\n  description?: string;\n  onClick?: (clickProps: { name: string; value?: boolean }) => void;\n  /**\n   * value that you get from `onChange` event on SelectInput or in form submissions.\n   */\n  value: string;\n  /**\n   * Link to open when item is clicked.\n   */\n  href?: string;\n  /**\n   * HTML target of the link\n   */\n  target?: string;\n  /**\n   * Item that goes on left-side of item.\n   *\n   * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`\n   *\n   * Will be overriden in multiselect\n   */\n  leading?: React.ReactNode;\n  /**\n   * Item that goes on right-side of item.\n   *\n   * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Item that goes immediately next to the title.\n   *\n   * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`\n   *\n   */\n  titleSuffix?: React.ReactElement;\n  isDisabled?: boolean;\n  intent?: Extract<FeedbackColors, 'negative'>;\n  /**\n   * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.\n   *\n   * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.\n   */\n  isSelected?: boolean;\n  /**\n   * Internally passed from ActionList. No need to pass it explicitly\n   *\n   * @private\n   */\n  _index?: number;\n} & TestID;\n\nconst ActionListItemContext = React.createContext<{\n  intent?: ActionListItemProps['intent'];\n  isDisabled?: ActionListItemProps['isDisabled'];\n}>({});\n\nconst StyledActionListSectionTitle = styled(BaseBox)((props) => ({\n  // @TODO: replace this styled-component with new layout box when we have padding shorthand\n  padding: makeSize(props.theme.spacing[3]),\n}));\n\ntype ActionListSectionProps = {\n  title: string;\n  children: React.ReactNode[] | React.ReactNode;\n  /**\n   * Internally used to hide the divider on final item in React Native.\n   *\n   * Should not be used by consumers (also won't work on web)\n   *\n   * @private\n   */\n  _hideDivider?: boolean;\n  /**\n   * Internally used to hide / show section in AutoComplete\n   *\n   * @private\n   */\n  _sectionChildValues?: string[];\n} & TestID;\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n}: ActionListSectionProps): React.ReactElement => {\n  const { hasAutoCompleteInBottomSheetHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const isSectionVisible = React.useMemo(() => {\n    if (hasAutoComplete) {\n      const visibleActionListItemInSection = _sectionChildValues?.find((actionItemValue) =>\n        filteredValues.includes(actionItemValue),\n      );\n\n      return Boolean(visibleActionListItemInSection);\n    }\n\n    return true;\n  }, [_sectionChildValues, hasAutoComplete, filteredValues]);\n\n  const showDividerInRN = !(_hideDivider && isReactNative());\n  const showDividerInAutoComplete = hasAutoComplete\n    ? isSectionVisible && filteredValues.length > 1\n    : true;\n\n  return (\n    <BaseBox\n      {...makeAccessible({\n        role: getActionListSectionRole(),\n        label: title,\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionListSection, testID })}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? (\n        <StyledActionListSectionTitle {...makeAccessible({ hidden: true })}>\n          <Text color=\"surface.text.gray.muted\" size=\"small\" weight=\"semibold\">\n            {title}\n          </Text>\n        </StyledActionListSectionTitle>\n      ) : null}\n      <BaseBox\n        {...makeAccessible({\n          // On web, we just wrap it in another listbox to announce item count properly for particular group.\n          // On React Native, we ignore it since `menu` + `group` role will take care of accessibility\n          role: isReactNative() ? undefined : 'listbox',\n        })}\n      >\n        {children}\n      </BaseBox>\n      {showDividerInAutoComplete && showDividerInRN ? (\n        <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" />\n      ) : null}\n    </BaseBox>\n  );\n};\n\nconst ActionListSection = assignWithoutSideEffects(_ActionListSection, {\n  componentId: componentIds.ActionListSection,\n});\n\nconst _ActionListItemIcon = ({ icon }: { icon: IconComponent }): React.ReactElement => {\n  const Icon = icon;\n  const { intent, isDisabled } = React.useContext(ActionListItemContext);\n  const iconState = isDisabled ? 'disabled' : 'muted';\n  return (\n    <Icon\n      color={\n        intent === 'negative'\n          ? 'feedback.icon.negative.intense'\n          : `interactive.icon.gray.${iconState}`\n      }\n      size=\"medium\"\n    />\n  );\n};\n\nconst ActionListItemIcon = assignWithoutSideEffects(_ActionListItemIcon, {\n  componentId: componentIds.ActionListItemIcon,\n});\n\nconst _ActionListItemBadgeGroup = ({\n  children,\n}: {\n  children: React.ReactElement[] | React.ReactElement;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n      {children}\n    </Box>\n  );\n};\n\nconst ActionListItemBadgeGroup = assignWithoutSideEffects(_ActionListItemBadgeGroup, {\n  componentId: componentIds.ActionListItemBadgeGroup,\n});\n\nconst _ActionListItemBadge = (props: BadgeProps): React.ReactElement => {\n  return <Badge size=\"medium\" marginLeft=\"spacing.3\" {...props} />;\n};\n\nconst ActionListItemBadge = assignWithoutSideEffects(_ActionListItemBadge, {\n  componentId: componentIds.ActionListItemBadge,\n});\n\nconst _ActionListItemText = ({\n  children,\n}: {\n  children: StringChildrenType;\n}): React.ReactElement => {\n  const { isDisabled } = React.useContext(ActionListItemContext);\n\n  return (\n    <Text variant=\"caption\" color={getNormalTextColor(isDisabled, { isMuted: true })}>\n      {children}\n    </Text>\n  );\n};\n\nconst ActionListItemText = assignWithoutSideEffects(_ActionListItemText, {\n  componentId: componentIds.ActionListItemText,\n});\n\ntype ClickHandlerType = (e: React.MouseEvent<HTMLButtonElement>) => void;\n\nconst makeActionListItemClickable = (\n  clickHandler: ClickHandlerType,\n): { onPress?: StyledActionListItemProps['onPress']; onClick?: ClickHandlerType } => {\n  if (isReactNative()) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n    // @ts-ignore: ignoring ReactNative press type for the peace of mind\n    return { onPress: clickHandler };\n  }\n\n  return {\n    onClick: clickHandler,\n  };\n};\n\nconst _ActionListItemBody = ({\n  selectionType,\n  intent,\n  description,\n  isDisabled,\n  leading,\n  trailing,\n  title,\n  titleSuffix,\n  isSelected,\n}: Pick<\n  ActionListItemProps,\n  'intent' | 'isDisabled' | 'description' | 'trailing' | 'leading' | 'title' | 'titleSuffix'\n> & {\n  selectionType: DropdownProps['selectionType'];\n  isSelected?: boolean;\n}): React.ReactElement => {\n  return (\n    <>\n      <BaseBox\n        display=\"flex\"\n        justifyContent=\"center\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        maxHeight={isReactNative() ? undefined : makeSize(size[20])}\n      >\n        <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          {selectionType === 'multiple' ? (\n            // Adding aria-hidden because the listbox item in multiselect in itself explains the behaviour so announcing checkbox is unneccesary and just a nice UI tweak for us\n            <BaseBox\n              pointerEvents=\"none\"\n              paddingRight=\"spacing.2\"\n              {...makeAccessible({\n                hidden: true,\n              })}\n            >\n              <Checkbox isChecked={isSelected} tabIndex={-1} isDisabled={isDisabled}>\n                {/* \n                      Checkbox requires children. Didn't want to make it optional because its helpful for consumers\n                      But for this case in particular, we just want to use Text separately so that we can control spacing and color and keep it consistent with non-multiselect dropdowns\n                    */}\n                {null}\n              </Checkbox>\n            </BaseBox>\n          ) : (\n            leading\n          )}\n        </BaseBox>\n        <BaseBox\n          paddingLeft={selectionType === 'multiple' || !leading ? 'spacing.0' : 'spacing.3'}\n          paddingRight=\"spacing.3\"\n          display=\"flex\"\n          alignItems=\"center\"\n          flexDirection=\"row\"\n        >\n          <Text\n            truncateAfterLines={1}\n            color={\n              intent === 'negative'\n                ? 'feedback.text.negative.intense'\n                : getNormalTextColor(isDisabled)\n            }\n          >\n            {title}\n          </Text>\n          {titleSuffix}\n        </BaseBox>\n        <BaseBox marginLeft=\"auto\">{trailing}</BaseBox>\n      </BaseBox>\n      <BaseBox paddingLeft={leading || selectionType === 'multiple' ? 'spacing.7' : undefined}>\n        {description ? (\n          <Text color={getNormalTextColor(isDisabled, { isMuted: true })} size=\"small\">\n            {description}\n          </Text>\n        ) : null}\n      </BaseBox>\n    </>\n  );\n};\n\nconst ActionListItemBody = React.memo(_ActionListItemBody);\n\n/**\n * ### ActionListItem\n *\n * Creates option inside `ActionList`.\n *\n * #### Usage\n *\n * ```jsx\n * <ActionList>\n *  <ActionListItem\n *    title=\"Home\"\n *    value=\"home\"\n *    leading={<ActionListItemIcon icon={HomeIcon} />}\n *    trailing={<ActionListItemText>⌘ + S</ActionListItemText>}\n *  />\n * </ActionList>\n * ```\n */\nconst _ActionListItem = (props: ActionListItemProps): React.ReactElement => {\n  const {\n    activeIndex,\n    dropdownBaseId,\n    onOptionClick,\n    selectedIndices,\n    setShouldIgnoreBlurAnimation,\n    selectionType,\n    dropdownTriggerer,\n    isKeydownPressed,\n    filteredValues,\n    hasAutoCompleteInBottomSheetHeader,\n  } = useDropdown();\n\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\n\n  /**\n   * In SelectInput, returns the isSelected according to selected indexes in the state\n   *\n   * In Other Triggers (Menu Usecase), returns `props.isSelected` since passing the\n   * isSelected prop explicitly is the only way to select item in menu\n   */\n  const getIsSelected = (): boolean | undefined => {\n    if (dropdownTriggerer === dropdownComponentIds.triggers.SelectInput || hasAutoComplete) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\n      }\n\n      return undefined;\n    }\n\n    return props.isSelected;\n  };\n\n  const isSelected = getIsSelected();\n\n  React.useEffect(() => {\n    validateActionListItemProps({\n      leading: props.leading,\n      trailing: props.trailing,\n      titleSuffix: props.titleSuffix,\n    });\n  }, [props.leading, props.trailing, props.titleSuffix]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (\n        dropdownTriggerer === dropdownComponentIds.triggers.SelectInput &&\n        props.intent === 'negative'\n      ) {\n        throwBladeError({\n          message:\n            'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',\n          moduleName: 'ActionListItem',\n        });\n      }\n    }\n  }, [props.intent, dropdownTriggerer]);\n\n  return (\n    <ActionListItemContext.Provider value={{ intent: props.intent, isDisabled: props.isDisabled }}>\n      <StyledActionListItem\n        isVisible={hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true}\n        as={!isReactNative() ? renderOnWebAs : undefined}\n        id={`${dropdownBaseId}-${props._index}`}\n        type=\"button\"\n        tabIndex={-1}\n        href={props.href}\n        target={props.target}\n        className={activeIndex === props._index ? 'active-focus' : ''}\n        {...makeAccessible({\n          selected: isSelected,\n          current: isRoleMenu(dropdownTriggerer) ? isSelected : undefined,\n          role: getActionListItemRole(dropdownTriggerer, props.href),\n          disabled: props.isDisabled,\n        })}\n        {...makeActionListItemClickable((e: React.MouseEvent<HTMLButtonElement>): void => {\n          if (typeof props._index === 'number') {\n            onOptionClick(e, props._index);\n            props.onClick?.({ name: props.value, value: isSelected });\n          }\n        })}\n        {...metaAttribute({ name: MetaConstants.ActionListItem, testID: props.testID })}\n        onMouseDown={() => {\n          // We want to keep focus on Dropdown's trigger while option is being clicked\n          // So We set this flag that ignores the blur animation to avoid the flicker between focus out + focus in\n          setShouldIgnoreBlurAnimation(true);\n        }}\n        onMouseUp={() => {\n          // (Contd from above comment...) We set this flag back to false since blur of SelectInput is done calling by this time\n          setShouldIgnoreBlurAnimation(false);\n        }}\n        data-value={props.value}\n        data-index={props._index}\n        // Custom props for changes in styles\n        selectionType={selectionType}\n        hasDescription={Boolean(props.description)}\n        intent={props.intent}\n        isSelected={isSelected}\n        isKeydownPressed={isKeydownPressed}\n        isMobile={isMobile}\n      >\n        <ActionListItemBody\n          selectionType={selectionType}\n          intent={props.intent}\n          description={props.description}\n          isDisabled={props.isDisabled}\n          leading={props.leading}\n          trailing={props.trailing}\n          title={props.title}\n          titleSuffix={props.titleSuffix}\n          isSelected={isSelected}\n        />\n      </StyledActionListItem>\n    </ActionListItemContext.Provider>\n  );\n};\n\nconst ActionListItem = assignWithoutSideEffects(React.memo(_ActionListItem), {\n  componentId: componentIds.ActionListItem,\n  displayName: componentIds.ActionListItem,\n});\n\nexport type { ActionListItemProps, ActionListSectionProps };\nexport {\n  ActionListItem,\n  ActionListItemIcon,\n  ActionListItemText,\n  ActionListItemBadge,\n  ActionListItemBadgeGroup,\n  ActionListSection,\n};\n"],"names":["ActionListItemContext","React","createContext","StyledActionListSectionTitle","styled","BaseBox","props","padding","makeSize","theme","spacing","_ActionListSection","_ref","title","children","testID","_hideDivider","_sectionChildValues","_useDropdown","useDropdown","hasAutoCompleteInBottomSheetHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","Object","assign","makeAccessible","role","getActionListSectionRole","label","metaAttribute","name","MetaConstants","ActionListSection","_jsx","hidden","Text","color","size","weight","undefined","Divider","marginX","marginY","assignWithoutSideEffects","componentId","componentIds","_ActionListItemIcon","_ref2","icon","Icon","_React$useContext","useContext","intent","isDisabled","iconState","ActionListItemIcon","_ActionListItemBadgeGroup","_ref3","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref4","_React$useContext2","variant","getNormalTextColor","isMuted","ActionListItemText","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItemBody","_ref5","selectionType","description","leading","trailing","titleSuffix","isSelected","_Fragment","justifyContent","maxHeight","pointerEvents","paddingRight","Checkbox","isChecked","tabIndex","paddingLeft","truncateAfterLines","ActionListItemBody","memo","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","isKeydownPressed","_useTheme","useTheme","platform","isMobile","renderOnWebAs","href","getIsSelected","SelectInput","_index","useEffect","validateActionListItemProps","__DEV__","throwBladeError","message","moduleName","Provider","value","StyledActionListItem","isVisible","as","id","type","target","className","selected","current","isRoleMenu","getActionListItemRole","disabled","e","ActionListItem","onMouseDown","onMouseUp","hasDescription","displayName"],"mappings":"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"}
+{"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 { StyledActionListItem } from './styles/StyledActionListItem';\nimport { componentIds } from './componentIds';\nimport type { StyledActionListItemProps } from './styles/getBaseActionListItemStyles';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole, isRoleMenu } from './getA11yRoles';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport type { Platform } from '~utils';\nimport { castWebType, isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { Checkbox } from '~components/Checkbox';\nimport { size } from '~tokens/global';\nimport type { DropdownProps } from '~components/Dropdown';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport { Box } from '~components/Box';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\n\ntype ActionListItemProps = {\n  title: string;\n  description?: string;\n  onClick?: (clickProps: {\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} & TestID;\n\nconst ActionListItemContext = React.createContext<{\n  intent?: ActionListItemProps['intent'];\n  isDisabled?: ActionListItemProps['isDisabled'];\n}>({});\n\nconst StyledActionListSectionTitle = styled(BaseBox)((props) => ({\n  // @TODO: replace this styled-component with new layout box when we have padding shorthand\n  padding: makeSize(props.theme.spacing[3]),\n}));\n\ntype ActionListSectionProps = {\n  title: string;\n  children: React.ReactNode[] | React.ReactNode;\n  /**\n   * Internally used to hide the divider on final item in React Native.\n   *\n   * Should not be used by consumers (also won't work on web)\n   *\n   * @private\n   */\n  _hideDivider?: boolean;\n  /**\n   * Internally used to hide / show section in AutoComplete\n   *\n   * @private\n   */\n  _sectionChildValues?: string[];\n} & TestID;\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n}: ActionListSectionProps): React.ReactElement => {\n  const { hasAutoCompleteInBottomSheetHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const isSectionVisible = React.useMemo(() => {\n    if (hasAutoComplete) {\n      const visibleActionListItemInSection = _sectionChildValues?.find((actionItemValue) =>\n        filteredValues.includes(actionItemValue),\n      );\n\n      return Boolean(visibleActionListItemInSection);\n    }\n\n    return true;\n  }, [_sectionChildValues, hasAutoComplete, filteredValues]);\n\n  const showDividerInRN = !(_hideDivider && isReactNative());\n  const showDividerInAutoComplete = hasAutoComplete\n    ? isSectionVisible && filteredValues.length > 1\n    : true;\n\n  return (\n    <BaseBox\n      {...makeAccessible({\n        role: getActionListSectionRole(),\n        label: title,\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionListSection, testID })}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? (\n        <StyledActionListSectionTitle {...makeAccessible({ hidden: true })}>\n          <Text color=\"surface.text.gray.muted\" size=\"small\" weight=\"semibold\">\n            {title}\n          </Text>\n        </StyledActionListSectionTitle>\n      ) : null}\n      <BaseBox\n        {...makeAccessible({\n          // On web, we just wrap it in another listbox to announce item count properly for particular group.\n          // On React Native, we ignore it since `menu` + `group` role will take care of accessibility\n          role: isReactNative() ? undefined : 'listbox',\n        })}\n      >\n        {children}\n      </BaseBox>\n      {showDividerInAutoComplete && showDividerInRN ? (\n        <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" />\n      ) : null}\n    </BaseBox>\n  );\n};\n\nconst ActionListSection = assignWithoutSideEffects(_ActionListSection, {\n  componentId: componentIds.ActionListSection,\n});\n\nconst _ActionListItemIcon = ({ icon }: { icon: IconComponent }): React.ReactElement => {\n  const Icon = icon;\n  const { intent, isDisabled } = React.useContext(ActionListItemContext);\n  const iconState = isDisabled ? 'disabled' : 'muted';\n  return (\n    <Icon\n      color={\n        intent === 'negative'\n          ? 'feedback.icon.negative.intense'\n          : `interactive.icon.gray.${iconState}`\n      }\n      size=\"medium\"\n    />\n  );\n};\n\nconst ActionListItemIcon = assignWithoutSideEffects(_ActionListItemIcon, {\n  componentId: componentIds.ActionListItemIcon,\n});\n\nconst _ActionListItemBadgeGroup = ({\n  children,\n}: {\n  children: React.ReactElement[] | React.ReactElement;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n      {children}\n    </Box>\n  );\n};\n\nconst ActionListItemBadgeGroup = assignWithoutSideEffects(_ActionListItemBadgeGroup, {\n  componentId: componentIds.ActionListItemBadgeGroup,\n});\n\nconst _ActionListItemBadge = (props: BadgeProps): React.ReactElement => {\n  return <Badge size=\"medium\" marginLeft=\"spacing.3\" {...props} />;\n};\n\nconst ActionListItemBadge = assignWithoutSideEffects(_ActionListItemBadge, {\n  componentId: componentIds.ActionListItemBadge,\n});\n\nconst _ActionListItemText = ({\n  children,\n}: {\n  children: StringChildrenType;\n}): React.ReactElement => {\n  const { isDisabled } = React.useContext(ActionListItemContext);\n\n  return (\n    <Text variant=\"caption\" color={getNormalTextColor(isDisabled, { isMuted: true })}>\n      {children}\n    </Text>\n  );\n};\n\nconst ActionListItemText = assignWithoutSideEffects(_ActionListItemText, {\n  componentId: componentIds.ActionListItemText,\n});\n\ntype ClickHandlerType = (e: React.MouseEvent<HTMLButtonElement>) => void;\n\nconst makeActionListItemClickable = (\n  clickHandler: ClickHandlerType,\n): { onPress?: StyledActionListItemProps['onPress']; onClick?: ClickHandlerType } => {\n  if (isReactNative()) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n    // @ts-ignore: ignoring ReactNative press type for the peace of mind\n    return { onPress: clickHandler };\n  }\n\n  return {\n    onClick: clickHandler,\n  };\n};\n\nconst _ActionListItemBody = ({\n  selectionType,\n  intent,\n  description,\n  isDisabled,\n  leading,\n  trailing,\n  title,\n  titleSuffix,\n  isSelected,\n}: Pick<\n  ActionListItemProps,\n  'intent' | 'isDisabled' | 'description' | 'trailing' | 'leading' | 'title' | 'titleSuffix'\n> & {\n  selectionType: DropdownProps['selectionType'];\n  isSelected?: boolean;\n}): React.ReactElement => {\n  return (\n    <>\n      <BaseBox\n        display=\"flex\"\n        justifyContent=\"center\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        maxHeight={isReactNative() ? undefined : makeSize(size[20])}\n      >\n        <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          {selectionType === 'multiple' ? (\n            // Adding aria-hidden because the listbox item in multiselect in itself explains the behaviour so announcing checkbox is unneccesary and just a nice UI tweak for us\n            <BaseBox\n              pointerEvents=\"none\"\n              paddingRight=\"spacing.2\"\n              {...makeAccessible({\n                hidden: true,\n              })}\n            >\n              <Checkbox isChecked={isSelected} tabIndex={-1} isDisabled={isDisabled}>\n                {/* \n                      Checkbox requires children. Didn't want to make it optional because its helpful for consumers\n                      But for this case in particular, we just want to use Text separately so that we can control spacing and color and keep it consistent with non-multiselect dropdowns\n                    */}\n                {null}\n              </Checkbox>\n            </BaseBox>\n          ) : (\n            leading\n          )}\n        </BaseBox>\n        <BaseBox\n          paddingLeft={selectionType === 'multiple' || !leading ? 'spacing.0' : 'spacing.3'}\n          paddingRight=\"spacing.3\"\n          display=\"flex\"\n          alignItems=\"center\"\n          flexDirection=\"row\"\n        >\n          <Text\n            truncateAfterLines={1}\n            color={\n              intent === 'negative'\n                ? 'feedback.text.negative.intense'\n                : getNormalTextColor(isDisabled)\n            }\n          >\n            {title}\n          </Text>\n          {titleSuffix}\n        </BaseBox>\n        <BaseBox marginLeft=\"auto\">{trailing}</BaseBox>\n      </BaseBox>\n      <BaseBox paddingLeft={leading || selectionType === 'multiple' ? 'spacing.7' : undefined}>\n        {description ? (\n          <Text color={getNormalTextColor(isDisabled, { isMuted: true })} size=\"small\">\n            {description}\n          </Text>\n        ) : null}\n      </BaseBox>\n    </>\n  );\n};\n\nconst ActionListItemBody = React.memo(_ActionListItemBody);\n\n/**\n * ### ActionListItem\n *\n * Creates option inside `ActionList`.\n *\n * #### Usage\n *\n * ```jsx\n * <ActionList>\n *  <ActionListItem\n *    title=\"Home\"\n *    value=\"home\"\n *    leading={<ActionListItemIcon icon={HomeIcon} />}\n *    trailing={<ActionListItemText>⌘ + S</ActionListItemText>}\n *  />\n * </ActionList>\n * ```\n */\nconst _ActionListItem = (props: ActionListItemProps): React.ReactElement => {\n  const {\n    activeIndex,\n    dropdownBaseId,\n    onOptionClick,\n    selectedIndices,\n    setShouldIgnoreBlurAnimation,\n    selectionType,\n    dropdownTriggerer,\n    isKeydownPressed,\n    filteredValues,\n    hasAutoCompleteInBottomSheetHeader,\n  } = useDropdown();\n\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\n\n  /**\n   * In SelectInput, returns the isSelected according to selected indexes in the state\n   *\n   * In Other Triggers (Menu Usecase), returns `props.isSelected` since passing the\n   * isSelected prop explicitly is the only way to select item in menu\n   */\n  const getIsSelected = (): boolean | undefined => {\n    if (dropdownTriggerer === dropdownComponentIds.triggers.SelectInput || hasAutoComplete) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\n      }\n\n      return undefined;\n    }\n\n    return props.isSelected;\n  };\n\n  const isSelected = getIsSelected();\n\n  React.useEffect(() => {\n    validateActionListItemProps({\n      leading: props.leading,\n      trailing: props.trailing,\n      titleSuffix: props.titleSuffix,\n    });\n  }, [props.leading, props.trailing, props.titleSuffix]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (\n        dropdownTriggerer === dropdownComponentIds.triggers.SelectInput &&\n        props.intent === 'negative'\n      ) {\n        throwBladeError({\n          message:\n            'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',\n          moduleName: 'ActionListItem',\n        });\n      }\n    }\n  }, [props.intent, dropdownTriggerer]);\n\n  return (\n    <ActionListItemContext.Provider value={{ intent: props.intent, isDisabled: props.isDisabled }}>\n      <StyledActionListItem\n        isVisible={hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true}\n        as={!isReactNative() ? renderOnWebAs : undefined}\n        id={`${dropdownBaseId}-${props._index}`}\n        type=\"button\"\n        tabIndex={-1}\n        href={props.href}\n        target={props.target}\n        className={activeIndex === props._index ? 'active-focus' : ''}\n        {...makeAccessible({\n          selected: isSelected,\n          current: isRoleMenu(dropdownTriggerer) ? isSelected : undefined,\n          role: getActionListItemRole(dropdownTriggerer, props.href),\n          disabled: props.isDisabled,\n        })}\n        {...makeActionListItemClickable((e: React.MouseEvent<HTMLButtonElement>): void => {\n          if (typeof props._index === 'number') {\n            onOptionClick(e, props._index);\n            props.onClick?.({ name: props.value, value: isSelected, event: castWebType(e) });\n          }\n        })}\n        {...metaAttribute({ name: MetaConstants.ActionListItem, testID: props.testID })}\n        onMouseDown={() => {\n          // We want to keep focus on Dropdown's trigger while option is being clicked\n          // So We set this flag that ignores the blur animation to avoid the flicker between focus out + focus in\n          setShouldIgnoreBlurAnimation(true);\n        }}\n        onMouseUp={() => {\n          // (Contd from above comment...) We set this flag back to false since blur of SelectInput is done calling by this time\n          setShouldIgnoreBlurAnimation(false);\n        }}\n        data-value={props.value}\n        data-index={props._index}\n        // Custom props for changes in styles\n        selectionType={selectionType}\n        hasDescription={Boolean(props.description)}\n        intent={props.intent}\n        isSelected={isSelected}\n        isKeydownPressed={isKeydownPressed}\n        isMobile={isMobile}\n      >\n        <ActionListItemBody\n          selectionType={selectionType}\n          intent={props.intent}\n          description={props.description}\n          isDisabled={props.isDisabled}\n          leading={props.leading}\n          trailing={props.trailing}\n          title={props.title}\n          titleSuffix={props.titleSuffix}\n          isSelected={isSelected}\n        />\n      </StyledActionListItem>\n    </ActionListItemContext.Provider>\n  );\n};\n\nconst ActionListItem = assignWithoutSideEffects(React.memo(_ActionListItem), {\n  componentId: componentIds.ActionListItem,\n  displayName: componentIds.ActionListItem,\n});\n\nexport type { ActionListItemProps, ActionListSectionProps };\nexport {\n  ActionListItem,\n  ActionListItemIcon,\n  ActionListItemText,\n  ActionListItemBadge,\n  ActionListItemBadgeGroup,\n  ActionListSection,\n};\n"],"names":["ActionListItemContext","React","createContext","StyledActionListSectionTitle","styled","BaseBox","props","padding","makeSize","theme","spacing","_ActionListSection","_ref","title","children","testID","_hideDivider","_sectionChildValues","_useDropdown","useDropdown","hasAutoCompleteInBottomSheetHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","Object","assign","makeAccessible","role","getActionListSectionRole","label","metaAttribute","name","MetaConstants","ActionListSection","_jsx","hidden","Text","color","size","weight","undefined","Divider","marginX","marginY","assignWithoutSideEffects","componentId","componentIds","_ActionListItemIcon","_ref2","icon","Icon","_React$useContext","useContext","intent","isDisabled","iconState","ActionListItemIcon","_ActionListItemBadgeGroup","_ref3","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref4","_React$useContext2","variant","getNormalTextColor","isMuted","ActionListItemText","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItemBody","_ref5","selectionType","description","leading","trailing","titleSuffix","isSelected","_Fragment","justifyContent","maxHeight","pointerEvents","paddingRight","Checkbox","isChecked","tabIndex","paddingLeft","truncateAfterLines","ActionListItemBody","memo","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","isKeydownPressed","_useTheme","useTheme","platform","isMobile","renderOnWebAs","href","getIsSelected","SelectInput","_index","useEffect","validateActionListItemProps","__DEV__","throwBladeError","message","moduleName","Provider","value","StyledActionListItem","isVisible","as","id","type","target","className","selected","current","isRoleMenu","getActionListItemRole","disabled","e","event","castWebType","ActionListItem","onMouseDown","onMouseUp","hasDescription","displayName"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var Avatar=function Avatar(_props){throwBladeError({message:'Avatar is not yet implemented for React Native',moduleName:'Avatar'});return jsx(Fragment,{});};
+
+export { Avatar };
+//# sourceMappingURL=Avatar.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.native.js","sources":["../../../../../src/components/Avatar/Avatar.native.tsx"],"sourcesContent":["import type { AvatarProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst Avatar = (_props: AvatarProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Avatar is not yet implemented for React Native',\n    moduleName: 'Avatar',\n  });\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <></>;\n};\n\nexport { Avatar };\n"],"names":["Avatar","_props","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAGM,IAAAA,MAAM,CAAG,SAATA,MAAMA,CAAIC,MAAmB,CAAyB,CAC1DC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,QACd,CAAC,CAAC,CAGF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}

package/build/lib/native/components/Avatar/AvatarGroup.native.js

@@ -0,0 +1,7 @@
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var AvatarGroup=function AvatarGroup(_props){throwBladeError({message:'AvatarGroup is not yet implemented for React Native',moduleName:'AvatarGroup'});return jsx(Fragment,{});};
+
+export { AvatarGroup };
+//# sourceMappingURL=AvatarGroup.native.js.map

package/build/lib/native/components/Avatar/AvatarGroup.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.native.js","sources":["../../../../../src/components/Avatar/AvatarGroup.native.tsx"],"sourcesContent":["import type { AvatarGroupProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst AvatarGroup = (_props: AvatarGroupProps): React.ReactElement => {\n  throwBladeError({\n    message: 'AvatarGroup is not yet implemented for React Native',\n    moduleName: 'AvatarGroup',\n  });\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <></>;\n};\n\nexport { AvatarGroup };\n"],"names":["AvatarGroup","_props","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAGM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,qDAAqD,CAC9DC,UAAU,CAAE,aACd,CAAC,CAAC,CAGF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}

package/build/lib/native/components/Button/BaseButton/BaseButton.js

@@ -34,5 +34,5 @@ import { getStringFromReactText } from '../../../utils/getStringChildren/getStri
 
 var _excluded=["href","target","rel","variant","color","size","icon","iconPosition","isDisabled","isFullWidth","isLoading","onClick","onBlur","onKeyDown","type","children","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart"];var getRenderElement=function getRenderElement(href){if(isReactNative()){return undefined;}if(href){return 'a';}return 'button';};var getBackgroundColorToken=function getBackgroundColorToken(_ref){var property=_ref.property,variant=_ref.variant,state=_ref.state,color=_ref.color;var _state=state==='focus'||state==='hover'?'highlighted':state;var tokens=backgroundColor(property);if(color==='white'){return tokens.white[variant][_state];}if(color&&color!=='primary'){if(variant==='tertiary'){throw new Error(`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`);}return tokens.color(color)[variant][_state];}return tokens.base[variant][_state];};var getTextColorToken=function getTextColorToken(_ref2){var property=_ref2.property,variant=_ref2.variant,state=_ref2.state,color=_ref2.color;var tokens=textColor(property);var _state=state==='focus'||state==='hover'?'highlighted':state;if(color==='white'){return tokens.white[variant][_state];}if(color&&color!=='primary'){if(variant==='tertiary'){throw new Error(`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`);}return tokens.color(color)[variant][_state];}return tokens.base[variant][_state];};var getProps=function getProps(_ref3){var buttonTypographyTokens=_ref3.buttonTypographyTokens,childrenString=_ref3.childrenString,isDisabled=_ref3.isDisabled,size=_ref3.size,theme=_ref3.theme,variant=_ref3.variant,color=_ref3.color,hasIcon=_ref3.hasIcon;if(variant==='tertiary'&&color!=='primary'&&color!=='white'){throwBladeError({moduleName:'BaseButton',message:`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`});}var isIconOnly=hasIcon&&(!childrenString||(childrenString==null?void 0:childrenString.trim().length)===0);var props={iconSize:isIconOnly?buttonIconOnlySizeToIconSizeMap[size]:buttonSizeToIconSizeMap[size],spinnerSize:buttonSizeToSpinnerSizeMap[size],fontSize:buttonTypographyTokens.fonts.size[size],lineHeight:buttonTypographyTokens.lineHeights[size],minHeight:makeSize(minHeight[size]),height:isIconOnly?buttonIconOnlyHeightWidth[size]:undefined,width:isIconOnly?buttonIconOnlyHeightWidth[size]:undefined,iconPadding:hasIcon&&childrenString!=null&&childrenString.trim()?`spacing.${buttonIconPadding[size]}`:undefined,iconColor:getTextColorToken({property:'icon',variant:variant,color:color,state:'default'}),textColor:getTextColorToken({property:'text',variant:variant,color:color,state:'default'}),buttonPaddingTop:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].top]),buttonPaddingBottom:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].bottom]),buttonPaddingLeft:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].left]),buttonPaddingRight:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].right]),text:size==='xsmall'?childrenString==null?void 0:childrenString.trim().toUpperCase():childrenString==null?void 0:childrenString.trim(),defaultBackgroundColor:getIn(theme.colors,getBackgroundColorToken({property:'background',variant:variant,color:color,state:'default'})),defaultBorderColor:getIn(theme.colors,getBackgroundColorToken({property:'border',variant:variant,color:color,state:'default'})),hoverBackgroundColor:getIn(theme.colors,getBackgroundColorToken({property:'background',variant:variant,color:color,state:'hover'})),hoverBorderColor:getIn(theme.colors,getBackgroundColorToken({property:'border',variant:variant,color:color,state:'hover'})),focusBackgroundColor:getIn(theme.colors,getBackgroundColorToken({property:'background',variant:variant,color:color,state:'focus'})),focusBorderColor:getIn(theme.colors,getBackgroundColorToken({property:'border',variant:variant,color:color,state:'focus'})),focusRingColor:getIn(theme.colors,'surface.border.primary.muted'),borderWidth:variant=='secondary'?makeBorderSize(theme.border.width.thin):'0px',borderRadius:makeBorderSize(theme.border.radius.medium),motionDuration:'duration.xquick',motionEasing:'easing.standard.effective'};if(isDisabled){var disabledBackgroundColor=getIn(theme.colors,getBackgroundColorToken({property:'background',variant:variant,color:color,state:'disabled'}));var disabledBorderColor=getIn(theme.colors,getBackgroundColorToken({property:'border',variant:variant,color:color,state:'disabled'}));props.iconColor=getTextColorToken({property:'icon',variant:variant,color:color,state:'disabled'});props.textColor=getTextColorToken({property:'text',variant:variant,color:color,state:'disabled'});props.defaultBackgroundColor=disabledBackgroundColor;props.defaultBorderColor=disabledBorderColor;props.hoverBackgroundColor=disabledBackgroundColor;props.hoverBorderColor=disabledBorderColor;props.focusBackgroundColor=disabledBackgroundColor;props.focusBorderColor=disabledBorderColor;}return props;};var ButtonContent=styled(BaseBox)(function(_ref4){var isHidden=_ref4.isHidden;return {opacity:isHidden?0:1};});var _BaseButton=function _BaseButton(_ref5,ref){var _buttonGroupProps$isD,_buttonGroupProps$siz,_buttonGroupProps$var,_buttonGroupProps$col,_buttonGroupProps$isF;var href=_ref5.href,target=_ref5.target,rel=_ref5.rel,_ref5$variant=_ref5.variant,variant=_ref5$variant===void 0?'primary':_ref5$variant,_ref5$color=_ref5.color,color=_ref5$color===void 0?'primary':_ref5$color,_ref5$size=_ref5.size,size=_ref5$size===void 0?'medium':_ref5$size,Icon=_ref5.icon,_ref5$iconPosition=_ref5.iconPosition,iconPosition=_ref5$iconPosition===void 0?'left':_ref5$iconPosition,_ref5$isDisabled=_ref5.isDisabled,isDisabled=_ref5$isDisabled===void 0?false:_ref5$isDisabled,_ref5$isFullWidth=_ref5.isFullWidth,isFullWidth=_ref5$isFullWidth===void 0?false:_ref5$isFullWidth,_ref5$isLoading=_ref5.isLoading,isLoading=_ref5$isLoading===void 0?false:_ref5$isLoading,onClick=_ref5.onClick,onBlur=_ref5.onBlur,_onKeyDown=_ref5.onKeyDown,_ref5$type=_ref5.type,type=_ref5$type===void 0?'button':_ref5$type,children=_ref5.children,testID=_ref5.testID,onFocus=_ref5.onFocus,onMouseLeave=_ref5.onMouseLeave,onMouseMove=_ref5.onMouseMove,onPointerDown=_ref5.onPointerDown,onPointerEnter=_ref5.onPointerEnter,accessibilityProps=_ref5.accessibilityProps,_onTouchEnd=_ref5.onTouchEnd,_onTouchStart=_ref5.onTouchStart,rest=_objectWithoutProperties(_ref5,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var buttonGroupProps=useButtonGroupContext();var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var isLink=Boolean(href);var childrenString=getStringFromReactText(children);var isChildrenComponent=React__default.isValidElement(children);var disabled=(_buttonGroupProps$isD=buttonGroupProps.isDisabled)!=null?_buttonGroupProps$isD:isLoading||isDisabled&&!isLink;if(__DEV__){if(!Icon&&!(childrenString!=null&&childrenString.trim())){throwBladeError({message:'At least one of icon or text is required to render a button.',moduleName:'BaseButton'});}}var prevLoading=usePrevious(isLoading);React__default.useEffect(function(){if(isLoading)announce('Started loading');if(!isLoading&&prevLoading)announce('Stopped loading');},[isLoading,prevLoading]);var _getProps=getProps({buttonTypographyTokens:typography,childrenString:childrenString,isDisabled:disabled,size:(_buttonGroupProps$siz=buttonGroupProps.size)!=null?_buttonGroupProps$siz:size,variant:(_buttonGroupProps$var=buttonGroupProps.variant)!=null?_buttonGroupProps$var:variant,theme:theme,color:(_buttonGroupProps$col=buttonGroupProps.color)!=null?_buttonGroupProps$col:color,hasIcon:Boolean(Icon)}),defaultBorderColor=_getProps.defaultBorderColor,defaultBackgroundColor=_getProps.defaultBackgroundColor,minHeight=_getProps.minHeight,height=_getProps.height,width=_getProps.width,buttonPaddingTop=_getProps.buttonPaddingTop,buttonPaddingBottom=_getProps.buttonPaddingBottom,buttonPaddingLeft=_getProps.buttonPaddingLeft,buttonPaddingRight=_getProps.buttonPaddingRight,focusBorderColor=_getProps.focusBorderColor,focusBackgroundColor=_getProps.focusBackgroundColor,focusRingColor=_getProps.focusRingColor,fontSize=_getProps.fontSize,hoverBorderColor=_getProps.hoverBorderColor,hoverBackgroundColor=_getProps.hoverBackgroundColor,iconColor=_getProps.iconColor,iconSize=_getProps.iconSize,iconPadding=_getProps.iconPadding,spinnerSize=_getProps.spinnerSize,lineHeight=_getProps.lineHeight,text=_getProps.text,textColor=_getProps.textColor,borderWidth=_getProps.borderWidth,borderRadius=_getProps.borderRadius,motionDuration=_getProps.motionDuration,motionEasing=_getProps.motionEasing;var renderElement=React__default.useMemo(function(){return getRenderElement(href);},[href]);var defaultRel=target==='_blank'?'noreferrer noopener':undefined;var handlePointerPressedIn=React__default.useCallback(function(){if(disabled)return;setIsPressed(true);},[disabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(disabled)return;setIsPressed(false);},[disabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(disabled)return;if(e.key===' '||e.key==='Enter'){setIsPressed(true);}},[disabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(disabled)return;if(e.key===' '||e.key==='Enter'){setIsPressed(false);}},[disabled]);return jsx(StyledBaseButton,Object.assign({ref:ref,as:renderElement,href:href,target:target,rel:rel!=null?rel:defaultRel,accessibilityProps:Object.assign({},makeAccessible(Object.assign({role:isLink?'link':'button'},accessibilityProps))),variant:variant,isLoading:isLoading,disabled:disabled,defaultBorderColor:defaultBorderColor,minHeight:minHeight,buttonPaddingTop:buttonPaddingTop,buttonPaddingBottom:buttonPaddingBottom,buttonPaddingLeft:buttonPaddingLeft,buttonPaddingRight:buttonPaddingRight,defaultBackgroundColor:defaultBackgroundColor,focusBorderColor:focusBorderColor,focusBackgroundColor:focusBackgroundColor,focusRingColor:focusRingColor,hoverBorderColor:hoverBorderColor,hoverBackgroundColor:hoverBackgroundColor,isFullWidth:(_buttonGroupProps$isF=buttonGroupProps.isFullWidth)!=null?_buttonGroupProps$isF:isFullWidth,onClick:onClick,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onKeyDown:function onKeyDown(event){handleKeyboardPressedIn(event);_onKeyDown==null?void 0:_onKeyDown(event);},onTouchStart:function onTouchStart(event){handlePointerPressedIn();_onTouchStart==null?void 0:_onTouchStart(event);},onTouchEnd:function onTouchEnd(event){handlePointerPressedOut();_onTouchEnd==null?void 0:_onTouchEnd(event);},type:type,borderWidth:borderWidth,borderRadius:borderRadius,motionDuration:motionDuration,motionEasing:motionEasing,height:height,width:width,isPressed:isPressed,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyUp:handleKeyboardPressedOut},metaAttribute({name:MetaConstants.Button,testID:testID}),getStyledProps(rest),{children:jsxs(AnimatedButtonContent,{motionDuration:motionDuration,motionEasing:motionEasing,isPressed:isPressed,children:[isLoading?jsx(BaseBox,{display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",top:"0px",left:"0px",bottom:"0px",right:"0px",zIndex:1,children:jsx(BaseSpinner,{accessibilityLabel:"Loading",size:spinnerSize,color:color})}):null,jsxs(ButtonContent,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",flex:1,isHidden:isLoading,zIndex:1,children:[Icon&&iconPosition=='left'?jsx(BaseBox,{paddingRight:iconPadding,display:"flex",justifyContent:"center",alignItems:"center",children:jsx(Icon,{size:iconSize,color:iconColor})}):null,text?isChildrenComponent?children:jsx(BaseText,{lineHeight:lineHeight,fontSize:fontSize,fontWeight:"medium",textAlign:"center",color:textColor,children:text}):null,Icon&&iconPosition=='right'?jsx(BaseBox,{paddingLeft:iconPadding,display:"flex",justifyContent:"center",alignItems:"center",children:jsx(Icon,{size:iconSize,color:iconColor})}):null]})]})}));};var BaseButton=assignWithoutSideEffects(React__default.forwardRef(_BaseButton),{displayName:'BaseButton'});
 
-export { BaseButton as default, getBackgroundColorToken };
+export { BaseButton as default, getBackgroundColorToken, getTextColorToken };
 //# sourceMappingURL=BaseButton.js.map

package/build/lib/native/components/Button/BaseButton/BaseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.js","sources":["../../../../../../src/components/Button/BaseButton/BaseButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseButton from './StyledBaseButton';\nimport type { ButtonTypography } from './buttonTokens';\nimport {\n  textColor,\n  backgroundColor,\n  buttonIconOnlySizeToIconSizeMap,\n  typography as buttonTypography,\n  minHeight as buttonMinHeight,\n  buttonSizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonIconPadding,\n  buttonPadding,\n  buttonIconOnlyHeightWidth,\n} from './buttonTokens';\nimport type { BaseButtonStyleProps, IconColor } from './types';\nimport AnimatedButtonContent from './AnimatedButtonContent';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { BaseLinkProps } from '~components/Link/BaseLink';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useButtonGroupContext } from '~components/ButtonGroup/ButtonGroupContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTheme } from '~components/BladeProvider';\nimport { announce } from '~components/LiveAnnouncer';\nimport { BaseSpinner } from '~components/Spinner/BaseSpinner';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { usePrevious } from '~utils/usePrevious';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { BladeCommonEvents } from '~components/types';\nimport { throwBladeError } from '~utils/logger';\n\ntype BaseButtonCommonProps = {\n  href?: BaseLinkProps['href'];\n  target?: BaseLinkProps['target'];\n  rel?: BaseLinkProps['rel'];\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  type?: 'button' | 'reset' | 'submit';\n  isLoading?: boolean;\n  accessibilityProps?: Partial<AccessibilityProps>;\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents;\n\n/*\nMandatory children prop when icon is not provided\n*/\ntype BaseButtonWithoutIconProps = BaseButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n Optional children prop when icon is provided\n*/\ntype BaseButtonWithIconProps = BaseButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n With or without icon prop. We need at least an icon or a children prop present.\n*/\nexport type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;\n\ntype BaseButtonColorTokenModifiers = {\n  variant: NonNullable<BaseButtonProps['variant']>;\n  state: 'default' | 'hover' | 'focus' | 'disabled';\n  color: BaseButtonProps['color'];\n};\n\nconst getRenderElement = (href?: string): 'a' | 'button' | undefined => {\n  if (isReactNative()) {\n    return undefined; // as property doesn't work with react native\n  }\n\n  if (href) {\n    return 'a';\n  }\n\n  return 'button';\n};\n\nexport const getBackgroundColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'background' | 'border';\n}): DotNotationToken<Theme['colors']> => {\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n  const tokens = backgroundColor(property);\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n    return tokens.color(color)[variant][_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nconst getTextColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'icon' | 'text';\n}): DotNotationToken<Theme['colors']> => {\n  const tokens = textColor(property);\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n    return tokens.color(color)[variant][_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nconst getProps = ({\n  buttonTypographyTokens,\n  childrenString,\n  isDisabled,\n  size,\n  theme,\n  variant,\n  color,\n  hasIcon,\n}: {\n  buttonTypographyTokens: ButtonTypography;\n  childrenString?: string;\n  isDisabled: boolean;\n  hasIcon: boolean;\n  theme: Theme;\n  size: NonNullable<BaseButtonProps['size']>;\n  variant: NonNullable<BaseButtonProps['variant']>;\n  color: BaseButtonProps['color'];\n}): BaseButtonStyleProps => {\n  if (variant === 'tertiary' && color !== 'primary' && color !== 'white') {\n    throwBladeError({\n      moduleName: 'BaseButton',\n      message: `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n    });\n  }\n\n  const isIconOnly = hasIcon && (!childrenString || childrenString?.trim().length === 0);\n  const props: BaseButtonStyleProps = {\n    iconSize: isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],\n    spinnerSize: buttonSizeToSpinnerSizeMap[size],\n    fontSize: buttonTypographyTokens.fonts.size[size],\n    lineHeight: buttonTypographyTokens.lineHeights[size],\n    minHeight: makeSize(buttonMinHeight[size]),\n    height: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n    width: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n    iconPadding:\n      hasIcon && childrenString?.trim() ? `spacing.${buttonIconPadding[size]}` : undefined,\n    iconColor: getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'default',\n    }) as IconColor,\n    textColor: getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'default',\n    }) as BaseTextProps['color'],\n    buttonPaddingTop: isIconOnly ? makeSpace(0) : makeSpace(theme.spacing[buttonPadding[size].top]),\n    buttonPaddingBottom: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].bottom]),\n    buttonPaddingLeft: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].left]),\n    buttonPaddingRight: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].right]),\n    text: size === 'xsmall' ? childrenString?.trim().toUpperCase() : childrenString?.trim(),\n    defaultBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'default' }),\n    ),\n    defaultBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'default' }),\n    ),\n    hoverBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'hover' }),\n    ),\n    hoverBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'hover' }),\n    ),\n    focusBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'focus' }),\n    ),\n    focusBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'focus' }),\n    ),\n    focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),\n    borderWidth: variant == 'secondary' ? makeBorderSize(theme.border.width.thin) : '0px',\n    borderRadius: makeBorderSize(theme.border.radius.medium),\n    motionDuration: 'duration.xquick',\n    motionEasing: 'easing.standard.effective',\n  };\n\n  if (isDisabled) {\n    const disabledBackgroundColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'disabled' }),\n    );\n    const disabledBorderColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'disabled' }),\n    );\n    props.iconColor = getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'disabled',\n    }) as IconColor;\n    props.textColor = getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'disabled',\n    }) as BaseTextProps['color'];\n    props.defaultBackgroundColor = disabledBackgroundColor;\n    props.defaultBorderColor = disabledBorderColor;\n    props.hoverBackgroundColor = disabledBackgroundColor;\n    props.hoverBorderColor = disabledBorderColor;\n    props.focusBackgroundColor = disabledBackgroundColor;\n    props.focusBorderColor = disabledBorderColor;\n  }\n\n  return props;\n};\n\nconst ButtonContent = styled(BaseBox)<{ isHidden: boolean }>(({ isHidden }) => ({\n  opacity: isHidden ? 0 : 1,\n}));\n\nconst _BaseButton: React.ForwardRefRenderFunction<BladeElementRef, BaseButtonProps> = (\n  {\n    href,\n    target,\n    rel,\n    variant = 'primary',\n    color = 'primary',\n    size = 'medium',\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    onClick,\n    onBlur,\n    onKeyDown,\n    type = 'button',\n    children,\n    testID,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    accessibilityProps,\n    onTouchEnd,\n    onTouchStart,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const buttonGroupProps = useButtonGroupContext();\n  const [isPressed, setIsPressed] = React.useState(false);\n  const isLink = Boolean(href);\n  const childrenString = getStringFromReactText(children);\n  const isChildrenComponent = React.isValidElement(children);\n\n  // Button cannot be disabled when its rendered as Link\n  const disabled = buttonGroupProps.isDisabled ?? (isLoading || (isDisabled && !isLink));\n\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: 'At least one of icon or text is required to render a button.',\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n\n  const prevLoading = usePrevious(isLoading);\n\n  React.useEffect(() => {\n    if (isLoading) announce('Started loading');\n\n    if (!isLoading && prevLoading) announce('Stopped loading');\n  }, [isLoading, prevLoading]);\n\n  const {\n    defaultBorderColor,\n    defaultBackgroundColor,\n    minHeight,\n    height,\n    width,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    focusBorderColor,\n    focusBackgroundColor,\n    focusRingColor,\n    fontSize,\n    hoverBorderColor,\n    hoverBackgroundColor,\n    iconColor,\n    iconSize,\n    iconPadding,\n    spinnerSize,\n    lineHeight,\n    text,\n    textColor,\n    borderWidth,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n  } = getProps({\n    buttonTypographyTokens: buttonTypography,\n    childrenString,\n    isDisabled: disabled,\n    size: buttonGroupProps.size ?? size,\n    variant: buttonGroupProps.variant ?? variant,\n    theme,\n    color: buttonGroupProps.color ?? color,\n    hasIcon: Boolean(Icon),\n  });\n\n  const renderElement = React.useMemo(() => getRenderElement(href), [href]);\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (disabled) return;\n    setIsPressed(true);\n  }, [disabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (disabled) return;\n    setIsPressed(false);\n  }, [disabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        setIsPressed(true);\n      }\n    },\n    [disabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        setIsPressed(false);\n      }\n    },\n    [disabled],\n  );\n\n  return (\n    <StyledBaseButton\n      ref={ref as any}\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n      // @ts-ignore: On React Native it will always be undefined but TS doesn't understand that\n      as={renderElement}\n      href={href}\n      target={target}\n      rel={rel ?? defaultRel}\n      accessibilityProps={{\n        ...makeAccessible({\n          role: isLink ? 'link' : 'button',\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      isLoading={isLoading}\n      disabled={disabled}\n      defaultBorderColor={defaultBorderColor}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      defaultBackgroundColor={defaultBackgroundColor}\n      focusBorderColor={focusBorderColor}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBorderColor={hoverBorderColor}\n      hoverBackgroundColor={hoverBackgroundColor}\n      isFullWidth={buttonGroupProps.isFullWidth ?? isFullWidth}\n      onClick={onClick}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      // Setting type for web fails it on native typecheck and vice versa\n      onKeyDown={(event: any) => {\n        handleKeyboardPressedIn(event);\n        onKeyDown?.(event);\n      }}\n      onTouchStart={(event: React.TouchEvent) => {\n        handlePointerPressedIn();\n        onTouchStart?.(event);\n      }}\n      onTouchEnd={(event: React.TouchEvent) => {\n        handlePointerPressedOut();\n        onTouchEnd?.(event);\n      }}\n      type={type}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      height={height}\n      width={width}\n      isPressed={isPressed}\n      onMouseDown={handlePointerPressedIn}\n      onMouseUp={handlePointerPressedOut}\n      onMouseOut={handlePointerPressedOut}\n      onKeyUp={handleKeyboardPressedOut}\n      {...metaAttribute({ name: MetaConstants.Button, testID })}\n      {...getStyledProps(rest)}\n    >\n      <AnimatedButtonContent\n        motionDuration={motionDuration}\n        motionEasing={motionEasing}\n        isPressed={isPressed}\n      >\n        {isLoading ? (\n          <BaseBox\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            position=\"absolute\"\n            top=\"0px\"\n            left=\"0px\"\n            bottom=\"0px\"\n            right=\"0px\"\n            zIndex={1}\n          >\n            <BaseSpinner accessibilityLabel=\"Loading\" size={spinnerSize} color={color} />\n          </BaseBox>\n        ) : null}\n        <ButtonContent\n          display=\"flex\"\n          flexDirection=\"row\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          flex={1}\n          isHidden={isLoading}\n          zIndex={1}\n        >\n          {Icon && iconPosition == 'left' ? (\n            <BaseBox\n              paddingRight={iconPadding}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            >\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n          {text ? (\n            isChildrenComponent ? (\n              children\n            ) : (\n              <BaseText\n                lineHeight={lineHeight}\n                fontSize={fontSize}\n                // figma and web have different font-smoothing properties\n                // which causes web version of button text to look much bolder\n                // than figma version. To fix this we are changing font-weight from 600 to 500\n                // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207\n                fontWeight=\"medium\"\n                textAlign=\"center\"\n                color={textColor}\n              >\n                {text}\n              </BaseText>\n            )\n          ) : null}\n          {Icon && iconPosition == 'right' ? (\n            <BaseBox\n              paddingLeft={iconPadding}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            >\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n        </ButtonContent>\n      </AnimatedButtonContent>\n    </StyledBaseButton>\n  );\n};\n\nconst BaseButton = assignWithoutSideEffects(React.forwardRef(_BaseButton), {\n  displayName: 'BaseButton',\n});\n\nexport default BaseButton;\n"],"names":["getRenderElement","href","isReactNative","undefined","getBackgroundColorToken","_ref","property","variant","state","color","_state","tokens","backgroundColor","white","Error","base","getTextColorToken","_ref2","textColor","getProps","_ref3","buttonTypographyTokens","childrenString","isDisabled","size","theme","hasIcon","throwBladeError","moduleName","message","isIconOnly","trim","length","props","iconSize","buttonIconOnlySizeToIconSizeMap","buttonSizeToIconSizeMap","spinnerSize","buttonSizeToSpinnerSizeMap","fontSize","fonts","lineHeight","lineHeights","minHeight","makeSize","buttonMinHeight","height","buttonIconOnlyHeightWidth","width","iconPadding","buttonIconPadding","iconColor","buttonPaddingTop","makeSpace","spacing","buttonPadding","top","buttonPaddingBottom","bottom","buttonPaddingLeft","left","buttonPaddingRight","right","text","toUpperCase","defaultBackgroundColor","getIn","colors","defaultBorderColor","hoverBackgroundColor","hoverBorderColor","focusBackgroundColor","focusBorderColor","focusRingColor","borderWidth","makeBorderSize","border","thin","borderRadius","radius","medium","motionDuration","motionEasing","disabledBackgroundColor","disabledBorderColor","ButtonContent","styled","BaseBox","_ref4","isHidden","opacity","_BaseButton","_ref5","ref","_buttonGroupProps$isD","_buttonGroupProps$siz","_buttonGroupProps$var","_buttonGroupProps$col","_buttonGroupProps$isF","target","rel","_ref5$variant","_ref5$color","_ref5$size","Icon","icon","_ref5$iconPosition","iconPosition","_ref5$isDisabled","_ref5$isFullWidth","isFullWidth","_ref5$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref5$type","type","children","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","buttonGroupProps","useButtonGroupContext","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","isLink","Boolean","getStringFromReactText","isChildrenComponent","isValidElement","disabled","__DEV__","prevLoading","usePrevious","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRel","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","StyledBaseButton","Object","assign","as","makeAccessible","role","event","onMouseDown","onMouseUp","onMouseOut","onKeyUp","metaAttribute","name","MetaConstants","Button","getStyledProps","_jsxs","AnimatedButtonContent","display","justifyContent","alignItems","position","zIndex","BaseSpinner","accessibilityLabel","flexDirection","flex","paddingRight","BaseText","fontWeight","textAlign","paddingLeft","BaseButton","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"BaseButton.js","sources":["../../../../../../src/components/Button/BaseButton/BaseButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseButton from './StyledBaseButton';\nimport type { ButtonTypography } from './buttonTokens';\nimport {\n  textColor,\n  backgroundColor,\n  buttonIconOnlySizeToIconSizeMap,\n  typography as buttonTypography,\n  minHeight as buttonMinHeight,\n  buttonSizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonIconPadding,\n  buttonPadding,\n  buttonIconOnlyHeightWidth,\n} from './buttonTokens';\nimport type { BaseButtonStyleProps, IconColor } from './types';\nimport AnimatedButtonContent from './AnimatedButtonContent';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { BaseLinkProps } from '~components/Link/BaseLink';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useButtonGroupContext } from '~components/ButtonGroup/ButtonGroupContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTheme } from '~components/BladeProvider';\nimport { announce } from '~components/LiveAnnouncer';\nimport { BaseSpinner } from '~components/Spinner/BaseSpinner';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { usePrevious } from '~utils/usePrevious';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { BladeCommonEvents } from '~components/types';\nimport { throwBladeError } from '~utils/logger';\n\ntype BaseButtonCommonProps = {\n  href?: BaseLinkProps['href'];\n  target?: BaseLinkProps['target'];\n  rel?: BaseLinkProps['rel'];\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  type?: 'button' | 'reset' | 'submit';\n  isLoading?: boolean;\n  accessibilityProps?: Partial<AccessibilityProps>;\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents;\n\n/*\nMandatory children prop when icon is not provided\n*/\ntype BaseButtonWithoutIconProps = BaseButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n Optional children prop when icon is provided\n*/\ntype BaseButtonWithIconProps = BaseButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n With or without icon prop. We need at least an icon or a children prop present.\n*/\nexport type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;\n\ntype BaseButtonColorTokenModifiers = {\n  variant: NonNullable<BaseButtonProps['variant']>;\n  state: 'default' | 'hover' | 'focus' | 'disabled';\n  color: BaseButtonProps['color'];\n};\n\nconst getRenderElement = (href?: string): 'a' | 'button' | undefined => {\n  if (isReactNative()) {\n    return undefined; // as property doesn't work with react native\n  }\n\n  if (href) {\n    return 'a';\n  }\n\n  return 'button';\n};\n\nexport const getBackgroundColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'background' | 'border';\n}): DotNotationToken<Theme['colors']> => {\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n  const tokens = backgroundColor(property);\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n    return tokens.color(color)[variant][_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nexport const getTextColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'icon' | 'text';\n}): DotNotationToken<Theme['colors']> => {\n  const tokens = textColor(property);\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n    return tokens.color(color)[variant][_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nconst getProps = ({\n  buttonTypographyTokens,\n  childrenString,\n  isDisabled,\n  size,\n  theme,\n  variant,\n  color,\n  hasIcon,\n}: {\n  buttonTypographyTokens: ButtonTypography;\n  childrenString?: string;\n  isDisabled: boolean;\n  hasIcon: boolean;\n  theme: Theme;\n  size: NonNullable<BaseButtonProps['size']>;\n  variant: NonNullable<BaseButtonProps['variant']>;\n  color: BaseButtonProps['color'];\n}): BaseButtonStyleProps => {\n  if (variant === 'tertiary' && color !== 'primary' && color !== 'white') {\n    throwBladeError({\n      moduleName: 'BaseButton',\n      message: `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n    });\n  }\n\n  const isIconOnly = hasIcon && (!childrenString || childrenString?.trim().length === 0);\n  const props: BaseButtonStyleProps = {\n    iconSize: isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],\n    spinnerSize: buttonSizeToSpinnerSizeMap[size],\n    fontSize: buttonTypographyTokens.fonts.size[size],\n    lineHeight: buttonTypographyTokens.lineHeights[size],\n    minHeight: makeSize(buttonMinHeight[size]),\n    height: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n    width: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n    iconPadding:\n      hasIcon && childrenString?.trim() ? `spacing.${buttonIconPadding[size]}` : undefined,\n    iconColor: getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'default',\n    }) as IconColor,\n    textColor: getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'default',\n    }) as BaseTextProps['color'],\n    buttonPaddingTop: isIconOnly ? makeSpace(0) : makeSpace(theme.spacing[buttonPadding[size].top]),\n    buttonPaddingBottom: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].bottom]),\n    buttonPaddingLeft: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].left]),\n    buttonPaddingRight: isIconOnly\n      ? makeSpace(0)\n      : makeSpace(theme.spacing[buttonPadding[size].right]),\n    text: size === 'xsmall' ? childrenString?.trim().toUpperCase() : childrenString?.trim(),\n    defaultBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'default' }),\n    ),\n    defaultBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'default' }),\n    ),\n    hoverBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'hover' }),\n    ),\n    hoverBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'hover' }),\n    ),\n    focusBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'focus' }),\n    ),\n    focusBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'focus' }),\n    ),\n    focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),\n    borderWidth: variant == 'secondary' ? makeBorderSize(theme.border.width.thin) : '0px',\n    borderRadius: makeBorderSize(theme.border.radius.medium),\n    motionDuration: 'duration.xquick',\n    motionEasing: 'easing.standard.effective',\n  };\n\n  if (isDisabled) {\n    const disabledBackgroundColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'disabled' }),\n    );\n    const disabledBorderColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'disabled' }),\n    );\n    props.iconColor = getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'disabled',\n    }) as IconColor;\n    props.textColor = getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'disabled',\n    }) as BaseTextProps['color'];\n    props.defaultBackgroundColor = disabledBackgroundColor;\n    props.defaultBorderColor = disabledBorderColor;\n    props.hoverBackgroundColor = disabledBackgroundColor;\n    props.hoverBorderColor = disabledBorderColor;\n    props.focusBackgroundColor = disabledBackgroundColor;\n    props.focusBorderColor = disabledBorderColor;\n  }\n\n  return props;\n};\n\nconst ButtonContent = styled(BaseBox)<{ isHidden: boolean }>(({ isHidden }) => ({\n  opacity: isHidden ? 0 : 1,\n}));\n\nconst _BaseButton: React.ForwardRefRenderFunction<BladeElementRef, BaseButtonProps> = (\n  {\n    href,\n    target,\n    rel,\n    variant = 'primary',\n    color = 'primary',\n    size = 'medium',\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    onClick,\n    onBlur,\n    onKeyDown,\n    type = 'button',\n    children,\n    testID,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    accessibilityProps,\n    onTouchEnd,\n    onTouchStart,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const buttonGroupProps = useButtonGroupContext();\n  const [isPressed, setIsPressed] = React.useState(false);\n  const isLink = Boolean(href);\n  const childrenString = getStringFromReactText(children);\n  const isChildrenComponent = React.isValidElement(children);\n\n  // Button cannot be disabled when its rendered as Link\n  const disabled = buttonGroupProps.isDisabled ?? (isLoading || (isDisabled && !isLink));\n\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: 'At least one of icon or text is required to render a button.',\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n\n  const prevLoading = usePrevious(isLoading);\n\n  React.useEffect(() => {\n    if (isLoading) announce('Started loading');\n\n    if (!isLoading && prevLoading) announce('Stopped loading');\n  }, [isLoading, prevLoading]);\n\n  const {\n    defaultBorderColor,\n    defaultBackgroundColor,\n    minHeight,\n    height,\n    width,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    focusBorderColor,\n    focusBackgroundColor,\n    focusRingColor,\n    fontSize,\n    hoverBorderColor,\n    hoverBackgroundColor,\n    iconColor,\n    iconSize,\n    iconPadding,\n    spinnerSize,\n    lineHeight,\n    text,\n    textColor,\n    borderWidth,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n  } = getProps({\n    buttonTypographyTokens: buttonTypography,\n    childrenString,\n    isDisabled: disabled,\n    size: buttonGroupProps.size ?? size,\n    variant: buttonGroupProps.variant ?? variant,\n    theme,\n    color: buttonGroupProps.color ?? color,\n    hasIcon: Boolean(Icon),\n  });\n\n  const renderElement = React.useMemo(() => getRenderElement(href), [href]);\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (disabled) return;\n    setIsPressed(true);\n  }, [disabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (disabled) return;\n    setIsPressed(false);\n  }, [disabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        setIsPressed(true);\n      }\n    },\n    [disabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        setIsPressed(false);\n      }\n    },\n    [disabled],\n  );\n\n  return (\n    <StyledBaseButton\n      ref={ref as any}\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n      // @ts-ignore: On React Native it will always be undefined but TS doesn't understand that\n      as={renderElement}\n      href={href}\n      target={target}\n      rel={rel ?? defaultRel}\n      accessibilityProps={{\n        ...makeAccessible({\n          role: isLink ? 'link' : 'button',\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      isLoading={isLoading}\n      disabled={disabled}\n      defaultBorderColor={defaultBorderColor}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      defaultBackgroundColor={defaultBackgroundColor}\n      focusBorderColor={focusBorderColor}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBorderColor={hoverBorderColor}\n      hoverBackgroundColor={hoverBackgroundColor}\n      isFullWidth={buttonGroupProps.isFullWidth ?? isFullWidth}\n      onClick={onClick}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      // Setting type for web fails it on native typecheck and vice versa\n      onKeyDown={(event: any) => {\n        handleKeyboardPressedIn(event);\n        onKeyDown?.(event);\n      }}\n      onTouchStart={(event: React.TouchEvent) => {\n        handlePointerPressedIn();\n        onTouchStart?.(event);\n      }}\n      onTouchEnd={(event: React.TouchEvent) => {\n        handlePointerPressedOut();\n        onTouchEnd?.(event);\n      }}\n      type={type}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      height={height}\n      width={width}\n      isPressed={isPressed}\n      onMouseDown={handlePointerPressedIn}\n      onMouseUp={handlePointerPressedOut}\n      onMouseOut={handlePointerPressedOut}\n      onKeyUp={handleKeyboardPressedOut}\n      {...metaAttribute({ name: MetaConstants.Button, testID })}\n      {...getStyledProps(rest)}\n    >\n      <AnimatedButtonContent\n        motionDuration={motionDuration}\n        motionEasing={motionEasing}\n        isPressed={isPressed}\n      >\n        {isLoading ? (\n          <BaseBox\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            position=\"absolute\"\n            top=\"0px\"\n            left=\"0px\"\n            bottom=\"0px\"\n            right=\"0px\"\n            zIndex={1}\n          >\n            <BaseSpinner accessibilityLabel=\"Loading\" size={spinnerSize} color={color} />\n          </BaseBox>\n        ) : null}\n        <ButtonContent\n          display=\"flex\"\n          flexDirection=\"row\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          flex={1}\n          isHidden={isLoading}\n          zIndex={1}\n        >\n          {Icon && iconPosition == 'left' ? (\n            <BaseBox\n              paddingRight={iconPadding}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            >\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n          {text ? (\n            isChildrenComponent ? (\n              children\n            ) : (\n              <BaseText\n                lineHeight={lineHeight}\n                fontSize={fontSize}\n                // figma and web have different font-smoothing properties\n                // which causes web version of button text to look much bolder\n                // than figma version. To fix this we are changing font-weight from 600 to 500\n                // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207\n                fontWeight=\"medium\"\n                textAlign=\"center\"\n                color={textColor}\n              >\n                {text}\n              </BaseText>\n            )\n          ) : null}\n          {Icon && iconPosition == 'right' ? (\n            <BaseBox\n              paddingLeft={iconPadding}\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n            >\n              <Icon size={iconSize} color={iconColor} />\n            </BaseBox>\n          ) : null}\n        </ButtonContent>\n      </AnimatedButtonContent>\n    </StyledBaseButton>\n  );\n};\n\nconst BaseButton = assignWithoutSideEffects(React.forwardRef(_BaseButton), {\n  displayName: 'BaseButton',\n});\n\nexport default BaseButton;\n"],"names":["getRenderElement","href","isReactNative","undefined","getBackgroundColorToken","_ref","property","variant","state","color","_state","tokens","backgroundColor","white","Error","base","getTextColorToken","_ref2","textColor","getProps","_ref3","buttonTypographyTokens","childrenString","isDisabled","size","theme","hasIcon","throwBladeError","moduleName","message","isIconOnly","trim","length","props","iconSize","buttonIconOnlySizeToIconSizeMap","buttonSizeToIconSizeMap","spinnerSize","buttonSizeToSpinnerSizeMap","fontSize","fonts","lineHeight","lineHeights","minHeight","makeSize","buttonMinHeight","height","buttonIconOnlyHeightWidth","width","iconPadding","buttonIconPadding","iconColor","buttonPaddingTop","makeSpace","spacing","buttonPadding","top","buttonPaddingBottom","bottom","buttonPaddingLeft","left","buttonPaddingRight","right","text","toUpperCase","defaultBackgroundColor","getIn","colors","defaultBorderColor","hoverBackgroundColor","hoverBorderColor","focusBackgroundColor","focusBorderColor","focusRingColor","borderWidth","makeBorderSize","border","thin","borderRadius","radius","medium","motionDuration","motionEasing","disabledBackgroundColor","disabledBorderColor","ButtonContent","styled","BaseBox","_ref4","isHidden","opacity","_BaseButton","_ref5","ref","_buttonGroupProps$isD","_buttonGroupProps$siz","_buttonGroupProps$var","_buttonGroupProps$col","_buttonGroupProps$isF","target","rel","_ref5$variant","_ref5$color","_ref5$size","Icon","icon","_ref5$iconPosition","iconPosition","_ref5$isDisabled","_ref5$isFullWidth","isFullWidth","_ref5$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref5$type","type","children","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","buttonGroupProps","useButtonGroupContext","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","isLink","Boolean","getStringFromReactText","isChildrenComponent","isValidElement","disabled","__DEV__","prevLoading","usePrevious","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRel","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","StyledBaseButton","Object","assign","as","makeAccessible","role","event","onMouseDown","onMouseUp","onMouseOut","onKeyUp","metaAttribute","name","MetaConstants","Button","getStyledProps","_jsxs","AnimatedButtonContent","display","justifyContent","alignItems","position","zIndex","BaseSpinner","accessibilityLabel","flexDirection","flex","paddingRight","BaseText","fontWeight","textAlign","paddingLeft","BaseButton","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

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

@@ -20,7 +20,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { useControllableState } from '../../utils/useControllable.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","isOpen","onOpenChange","selectionType","testID"];var validDropdownChildren=[dropdownComponentIds.BaseBox,dropdownComponentIds.triggers.SelectInput,dropdownComponentIds.triggers.DropdownButton,dropdownComponentIds.triggers.DropdownLink,dropdownComponentIds.DropdownOverlay,dropdownComponentIds.triggers.AutoComplete,ComponentIds.BottomSheet];var _Dropdown=function _Dropdown(_ref){var children=_ref.children,isOpenControlled=_ref.isOpen,onOpenChange=_ref.onOpenChange,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),options=_React$useState2[0],setOptions=_React$useState2[1];var _React$useState3=React__default.useState([]),_React$useState4=_slicedToArray(_React$useState3,2),filteredValues=_React$useState4[0],setFilteredValues=_React$useState4[1];var _React$useState5=React__default.useState([]),_React$useState6=_slicedToArray(_React$useState5,2),selectedIndices=_React$useState6[0],setSelectedIndices=_React$useState6[1];var _React$useState7=React__default.useState([]),_React$useState8=_slicedToArray(_React$useState7,2),controlledValueIndices=_React$useState8[0],setControlledValueIndices=_React$useState8[1];var _React$useState9=React__default.useState(-1),_React$useState10=_slicedToArray(_React$useState9,2),activeIndex=_React$useState10[0],setActiveIndex=_React$useState10[1];var _React$useState11=React__default.useState(-1),_React$useState12=_slicedToArray(_React$useState11,2),activeTagIndex=_React$useState12[0],setActiveTagIndex=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),shouldIgnoreBlurAnimation=_React$useState14[0],setShouldIgnoreBlurAnimation=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),hasFooterAction=_React$useState16[0],setHasFooterAction=_React$useState16[1];var _React$useState17=React__default.useState(false),_React$useState18=_slicedToArray(_React$useState17,2),hasAutoCompleteInBottomSheetHeader=_React$useState18[0],setHasAutoCompleteInBottomSheetHeader=_React$useState18[1];var _React$useState19=React__default.useState(false),_React$useState20=_slicedToArray(_React$useState19,2),isKeydownPressed=_React$useState20[0],setIsKeydownPressed=_React$useState20[1];var _React$useState21=React__default.useState(0),_React$useState22=_slicedToArray(_React$useState21,2),changeCallbackTriggerer=_React$useState22[0],setChangeCallbackTriggerer=_React$useState22[1];var _React$useState23=React__default.useState(false),_React$useState24=_slicedToArray(_React$useState23,2),isControlled=_React$useState24[0],setIsControlled=_React$useState24[1];var _React$useState25=React__default.useState(false),_React$useState26=_slicedToArray(_React$useState25,2),dropdownHasBottomSheet=_React$useState26[0],setDropdownHasBottomSheet=_React$useState26[1];var triggererWrapperRef=React__default.useRef(null);var triggererRef=React__default.useRef(null);var actionListItemRef=React__default.useRef(null);var dropdownTriggerer=React__default.useRef();var isTagDismissedRef=React__default.useRef({value:false});var visibleTagsCountRef=React__default.useRef({value:0});var dropdownContainerRef=React__default.useRef(null);var dropdownBaseId=useId('dropdown');var isDropdownOpenRef=React__default.useRef(isOpenControlled);var _useControllableState=useControllableState({value:isOpenControlled,defaultValue:false,onChange:function onChange(isOpenControlledValue){isDropdownOpenRef.current=isOpenControlledValue;onOpenChange==null?void 0:onOpenChange(isOpenControlledValue);}}),_useControllableState2=_slicedToArray(_useControllableState,2),isDropdownOpen=_useControllableState2[0],setIsDropdownOpen=_useControllableState2[1];isDropdownOpenRef.current=isDropdownOpen;var setIsOpen=function setIsOpen(isOpenValue){isDropdownOpenRef.current=isOpenValue;setIsDropdownOpen(function(){return isOpenValue;});};var close=React__default.useCallback(function(){setActiveTagIndex(-1);setIsOpen(false);},[]);React__default.Children.map(children,function(child){if(React__default.isValidElement(child)){if(__DEV__){var _getComponentId;if(!validDropdownChildren.includes((_getComponentId=getComponentId(child))!=null?_getComponentId:'')){throwBladeError({message:`Dropdown can only have one of following elements as children - \n\n ${validDropdownChildren.join(', ')} \n\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,moduleName:'Dropdown'});}}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SelectInput)){dropdownTriggerer.current='SelectInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownButton)){dropdownTriggerer.current='DropdownButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.AutoComplete)){dropdownTriggerer.current='AutoComplete';}}});var contextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,controlledValueIndices:controlledValueIndices,setControlledValueIndices:setControlledValueIndices,options:options,setOptions:setOptions,filteredValues:filteredValues,setFilteredValues:setFilteredValues,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,dropdownBaseId:dropdownBaseId,triggererRef:triggererRef,triggererWrapperRef:triggererWrapperRef,actionListItemRef:actionListItemRef,selectionType:selectionType,hasFooterAction:hasFooterAction,setHasFooterAction:setHasFooterAction,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setHasAutoCompleteInBottomSheetHeader:setHasAutoCompleteInBottomSheetHeader,dropdownTriggerer:dropdownTriggerer.current,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,setIsControlled:setIsControlled,isTagDismissedRef:isTagDismissedRef};},[isDropdownOpen,isOpenControlled,selectedIndices,controlledValueIndices,options,filteredValues,activeIndex,activeTagIndex,shouldIgnoreBlurAnimation,selectionType,hasFooterAction,isKeydownPressed,changeCallbackTriggerer,isControlled]);var BottomSheetAndDropdownGlueContextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,dropdownHasBottomSheet:dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setDropdownHasBottomSheet:setDropdownHasBottomSheet,onBottomSheetDismiss:close};},[dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader,isDropdownOpen,close]);return jsx(BottomSheetAndDropdownGlueContext.Provider,{value:BottomSheetAndDropdownGlueContextValue,children:jsx(DropdownContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:dropdownContainerRef},metaAttribute({name:MetaConstants.Dropdown,testID:testID}),getStyledProps(styledProps),{children:jsx(BaseBox,{position:"relative",textAlign:'left',children:children})}))})});};var Dropdown=assignWithoutSideEffects(_Dropdown,{componentId:dropdownComponentIds.Dropdown});
+var _excluded=["children","isOpen","onOpenChange","selectionType","testID"];var validDropdownChildren=[dropdownComponentIds.BaseBox,dropdownComponentIds.triggers.SelectInput,dropdownComponentIds.triggers.SearchInput,dropdownComponentIds.triggers.DropdownButton,dropdownComponentIds.triggers.DropdownLink,dropdownComponentIds.DropdownOverlay,dropdownComponentIds.triggers.AutoComplete,ComponentIds.BottomSheet];var _Dropdown=function _Dropdown(_ref){var children=_ref.children,isOpenControlled=_ref.isOpen,onOpenChange=_ref.onOpenChange,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),options=_React$useState2[0],setOptions=_React$useState2[1];var _React$useState3=React__default.useState([]),_React$useState4=_slicedToArray(_React$useState3,2),filteredValues=_React$useState4[0],setFilteredValues=_React$useState4[1];var _React$useState5=React__default.useState([]),_React$useState6=_slicedToArray(_React$useState5,2),selectedIndices=_React$useState6[0],setSelectedIndices=_React$useState6[1];var _React$useState7=React__default.useState([]),_React$useState8=_slicedToArray(_React$useState7,2),controlledValueIndices=_React$useState8[0],setControlledValueIndices=_React$useState8[1];var _React$useState9=React__default.useState(-1),_React$useState10=_slicedToArray(_React$useState9,2),activeIndex=_React$useState10[0],setActiveIndex=_React$useState10[1];var _React$useState11=React__default.useState(-1),_React$useState12=_slicedToArray(_React$useState11,2),activeTagIndex=_React$useState12[0],setActiveTagIndex=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),shouldIgnoreBlurAnimation=_React$useState14[0],setShouldIgnoreBlurAnimation=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),hasFooterAction=_React$useState16[0],setHasFooterAction=_React$useState16[1];var _React$useState17=React__default.useState(false),_React$useState18=_slicedToArray(_React$useState17,2),hasAutoCompleteInBottomSheetHeader=_React$useState18[0],setHasAutoCompleteInBottomSheetHeader=_React$useState18[1];var _React$useState19=React__default.useState(false),_React$useState20=_slicedToArray(_React$useState19,2),isKeydownPressed=_React$useState20[0],setIsKeydownPressed=_React$useState20[1];var _React$useState21=React__default.useState(0),_React$useState22=_slicedToArray(_React$useState21,2),changeCallbackTriggerer=_React$useState22[0],setChangeCallbackTriggerer=_React$useState22[1];var _React$useState23=React__default.useState(false),_React$useState24=_slicedToArray(_React$useState23,2),isControlled=_React$useState24[0],setIsControlled=_React$useState24[1];var _React$useState25=React__default.useState(false),_React$useState26=_slicedToArray(_React$useState25,2),dropdownHasBottomSheet=_React$useState26[0],setDropdownHasBottomSheet=_React$useState26[1];var triggererWrapperRef=React__default.useRef(null);var triggererRef=React__default.useRef(null);var actionListItemRef=React__default.useRef(null);var dropdownTriggerer=React__default.useRef();var isTagDismissedRef=React__default.useRef({value:false});var visibleTagsCountRef=React__default.useRef({value:0});var dropdownContainerRef=React__default.useRef(null);var dropdownBaseId=useId('dropdown');var isDropdownOpenRef=React__default.useRef(isOpenControlled);var _useControllableState=useControllableState({value:isOpenControlled,defaultValue:false,onChange:function onChange(isOpenControlledValue){isDropdownOpenRef.current=isOpenControlledValue;onOpenChange==null?void 0:onOpenChange(isOpenControlledValue);}}),_useControllableState2=_slicedToArray(_useControllableState,2),isDropdownOpen=_useControllableState2[0],setIsDropdownOpen=_useControllableState2[1];isDropdownOpenRef.current=isDropdownOpen;var setIsOpen=function setIsOpen(isOpenValue){isDropdownOpenRef.current=isOpenValue;setIsDropdownOpen(function(){return isOpenValue;});};var close=React__default.useCallback(function(){setActiveTagIndex(-1);setIsOpen(false);},[]);React__default.Children.map(children,function(child){if(React__default.isValidElement(child)){if(__DEV__){var _getComponentId;if(!validDropdownChildren.includes((_getComponentId=getComponentId(child))!=null?_getComponentId:'')){throwBladeError({message:`Dropdown can only have one of following elements as children - \n\n ${validDropdownChildren.join(', ')} \n\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,moduleName:'Dropdown'});}}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SelectInput)){dropdownTriggerer.current='SelectInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SearchInput)){dropdownTriggerer.current='SearchInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownButton)){dropdownTriggerer.current='DropdownButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.AutoComplete)){dropdownTriggerer.current='AutoComplete';}}});var contextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,controlledValueIndices:controlledValueIndices,setControlledValueIndices:setControlledValueIndices,options:options,setOptions:setOptions,filteredValues:filteredValues,setFilteredValues:setFilteredValues,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,dropdownBaseId:dropdownBaseId,triggererRef:triggererRef,triggererWrapperRef:triggererWrapperRef,actionListItemRef:actionListItemRef,selectionType:selectionType,hasFooterAction:hasFooterAction,setHasFooterAction:setHasFooterAction,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setHasAutoCompleteInBottomSheetHeader:setHasAutoCompleteInBottomSheetHeader,dropdownTriggerer:dropdownTriggerer.current,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,setIsControlled:setIsControlled,isTagDismissedRef:isTagDismissedRef};},[isDropdownOpen,isOpenControlled,selectedIndices,controlledValueIndices,options,filteredValues,activeIndex,activeTagIndex,shouldIgnoreBlurAnimation,selectionType,hasFooterAction,isKeydownPressed,changeCallbackTriggerer,isControlled]);var BottomSheetAndDropdownGlueContextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,dropdownHasBottomSheet:dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader:hasAutoCompleteInBottomSheetHeader,setDropdownHasBottomSheet:setDropdownHasBottomSheet,onBottomSheetDismiss:close};},[dropdownHasBottomSheet,hasAutoCompleteInBottomSheetHeader,isDropdownOpen,close]);return jsx(BottomSheetAndDropdownGlueContext.Provider,{value:BottomSheetAndDropdownGlueContextValue,children:jsx(DropdownContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:dropdownContainerRef},metaAttribute({name:MetaConstants.Dropdown,testID:testID}),getStyledProps(styledProps),{children:jsx(BaseBox,{position:"relative",textAlign:'left',children:children})}))})});};var Dropdown=assignWithoutSideEffects(_Dropdown,{componentId:dropdownComponentIds.Dropdown});
 
 export { Dropdown };
 //# sourceMappingURL=Dropdown.js.map