@razorpay/blade 11.11.0 → 11.12.0

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

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

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

@@ -21,7 +21,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
 
-var _excluded=["value","suffix","type","size","weight","isAffixSubtle","isStrikethrough","color","currencyIndicator","currency","testID"];var getTextColorProps=function getTextColorProps(_ref){var color=_ref.color;var props={amountValueColor:'surface.text.gray.normal'};if(!color)return props;props.amountValueColor=color;return props;};var AmountValue=function AmountValue(_ref2){var amount=_ref2.amount,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,_ref2$type=_ref2.type,type=_ref2$type===void 0?'body':_ref2$type,_ref2$weight=_ref2.weight,weight=_ref2$weight===void 0?'regular':_ref2$weight,amountValueColor=_ref2.amountValueColor,isAffixSubtle=_ref2.isAffixSubtle,suffix=_ref2.suffix;var isReactNative=getPlatformType()==='react-native';var affixFontSize=isAffixSubtle?subtleFontSizes[type][size]:normalAmountSizes[type][size];var numberFontFamily=type==='body'?'text':'heading';if(suffix==='decimals'&&isAffixSubtle){var AmountWrapper=isReactNative?Text:React__default.Fragment;return jsxs(AmountWrapper,{children:[jsx(BaseText,{fontSize:normalAmountSizes[type][size],fontWeight:weight,lineHeight:amountLineHeights[type][size],color:amountValueColor,fontFamily:numberFontFamily,as:isReactNative?undefined:'span',children:amount.integer}),jsxs(BaseText,{fontWeight:weight,fontSize:affixFontSize,fontFamily:numberFontFamily,color:amountValueColor,as:isReactNative?undefined:'span',opacity:isAffixSubtle?opacity[8]:1,children:[amount.decimal,amount.fraction]})]});}return jsx(BaseText,{fontSize:normalAmountSizes[type][size],fontWeight:weight,fontFamily:numberFontFamily,color:amountValueColor,lineHeight:amountLineHeights[type][size],children:amount.formatted});};var formatAmountWithSuffix=function formatAmountWithSuffix(_ref3){var suffix=_ref3.suffix,value=_ref3.value;try{switch(suffix){case'decimals':{var options={intlOptions:{maximumFractionDigits:2,minimumFractionDigits:2}};return Object.assign({},formatNumberByParts(value,options),{formatted:formatNumber(value,options)});}case'humanize':{var formatted=formatNumber(value,{intlOptions:{notation:'compact'}});return {formatted:formatted};}default:{var _formatted=formatNumber(value,{intlOptions:{maximumFractionDigits:0,roundingMode:'floor'}});return {formatted:_formatted};}}}catch(err){return {formatted:`${value}`};}};var _Amount=function _Amount(_ref4){var value=_ref4.value,_ref4$suffix=_ref4.suffix,suffix=_ref4$suffix===void 0?'decimals':_ref4$suffix,_ref4$type=_ref4.type,type=_ref4$type===void 0?'body':_ref4$type,_ref4$size=_ref4.size,size=_ref4$size===void 0?'medium':_ref4$size,_ref4$weight=_ref4.weight,weight=_ref4$weight===void 0?'regular':_ref4$weight,_ref4$isAffixSubtle=_ref4.isAffixSubtle,isAffixSubtle=_ref4$isAffixSubtle===void 0?true:_ref4$isAffixSubtle,_ref4$isStrikethrough=_ref4.isStrikethrough,isStrikethrough=_ref4$isStrikethrough===void 0?false:_ref4$isStrikethrough,color=_ref4.color,_ref4$currencyIndicat=_ref4.currencyIndicator,currencyIndicator=_ref4$currencyIndicat===void 0?'currency-symbol':_ref4$currencyIndicat,_ref4$currency=_ref4.currency,currency=_ref4$currency===void 0?'INR':_ref4$currency,testID=_ref4.testID,styledProps=_objectWithoutProperties(_ref4,_excluded);if(__DEV__){if(typeof value!=='number'){throwBladeError({message:'`value` prop must be of type `number` for Amount.',moduleName:'Amount'});}if(color==='neutral'){throwBladeError({message:'`neutral` color is not supported.',moduleName:'Amount'});}var bodySizes=objectKeysWithType(normalAmountSizes.body);if((type==='body'||!type)&&!bodySizes.includes(size)){throwBladeError({message:`size="${size}" is not allowed with type="body"`,moduleName:'Amount'});}var displaySizes=objectKeysWithType(normalAmountSizes.display);if(type==='display'&&!displaySizes.includes(size)){throwBladeError({message:`size="${size}" is not allowed with type="display"`,moduleName:'Amount'});}var headingSizes=objectKeysWithType(normalAmountSizes.heading);if(type==='heading'&&!headingSizes.includes(size)){throwBladeError({message:`size="${size}" is not allowed with type="heading"`,moduleName:'Amount'});}}var _getTextColorProps=getTextColorProps({color:color}),amountValueColor=_getTextColorProps.amountValueColor;var isPrefixSymbol,currencySymbol;try{var byParts=formatNumberByParts(value,{currency:currency});isPrefixSymbol=byParts.isPrefixSymbol;currencySymbol=byParts.currency;}catch(err){isPrefixSymbol=true;currencySymbol=currency;}var currencyPosition=isPrefixSymbol?'left':'right';var renderedValue=formatAmountWithSuffix({suffix:suffix,value:value});var currencySymbolOrCode=currencyIndicator==='currency-symbol'?currencySymbol:currency;var currencyFontSize=isAffixSubtle?subtleFontSizes[type][size]:normalAmountSizes[type][size];var isReactNative=getPlatformType()==='react-native';return jsx(BaseBox,Object.assign({display:isReactNative?'flex':'inline-flex',flexDirection:"row"},metaAttribute({name:MetaConstants.Amount,testID:testID}),getStyledProps(styledProps),{children:jsxs(BaseBox,{display:isReactNative?'flex':'inline-flex',alignItems:"baseline",flexDirection:"row",position:"relative",children:[currencyPosition==='left'&&jsx(BaseText,{marginRight:"spacing.1",fontWeight:weight,fontSize:currencyFontSize,color:amountValueColor,as:isReactNative?undefined:'span',opacity:isAffixSubtle?opacity[8]:1,children:currencySymbolOrCode}),jsx(AmountValue,{amount:renderedValue,amountValueColor:amountValueColor,type:type,weight:weight,size:size,isAffixSubtle:isAffixSubtle,suffix:suffix,currency:currency}),currencyPosition==='right'&&jsx(BaseText,{marginLeft:"spacing.1",fontWeight:weight,fontSize:currencyFontSize,color:amountValueColor,as:isReactNative?undefined:'span',opacity:isAffixSubtle?opacity[8]:1,children:currencySymbolOrCode}),isStrikethrough&&jsx(BaseBox,{borderBottomColor:amountValueColor,borderBottomWidth:type==='body'?'thin':'thicker',borderBottomStyle:"solid",position:"absolute",width:"100%",top:"50%"})]})}));};var Amount=assignWithoutSideEffects(_Amount,{displayName:'Amount',componentId:'Amount'});
+var _excluded=["value","suffix","type","size","weight","isAffixSubtle","isStrikethrough","color","currencyIndicator","currency","testID"];var getTextColorProps=function getTextColorProps(_ref){var color=_ref.color;var props={amountValueColor:'surface.text.gray.normal'};if(!color)return props;props.amountValueColor=color;return props;};var AmountValue=function AmountValue(_ref2){var amount=_ref2.amount,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,_ref2$type=_ref2.type,type=_ref2$type===void 0?'body':_ref2$type,_ref2$weight=_ref2.weight,weight=_ref2$weight===void 0?'regular':_ref2$weight,amountValueColor=_ref2.amountValueColor,isAffixSubtle=_ref2.isAffixSubtle,suffix=_ref2.suffix;var isReactNative=getPlatformType()==='react-native';var affixFontSize=isAffixSubtle?subtleFontSizes[type][size]:normalAmountSizes[type][size];var numberFontFamily=type==='body'?'text':'heading';if(suffix==='decimals'&&isAffixSubtle){var AmountWrapper=isReactNative?Text:React__default.Fragment;return jsxs(AmountWrapper,{children:[jsx(BaseText,{fontSize:normalAmountSizes[type][size],fontWeight:weight,lineHeight:amountLineHeights[type][size],color:amountValueColor,fontFamily:numberFontFamily,as:isReactNative?undefined:'span',children:amount.integer}),jsxs(BaseText,{fontWeight:weight,fontSize:affixFontSize,fontFamily:numberFontFamily,color:amountValueColor,as:isReactNative?undefined:'span',opacity:isAffixSubtle?opacity[8]:1,children:[amount.decimal,amount.fraction]})]});}return jsx(BaseText,{fontSize:normalAmountSizes[type][size],fontWeight:weight,fontFamily:numberFontFamily,color:amountValueColor,lineHeight:amountLineHeights[type][size],children:amount.formatted});};var formatAmountWithSuffix=function formatAmountWithSuffix(_ref3){var suffix=_ref3.suffix,value=_ref3.value;try{switch(suffix){case'decimals':{var options={intlOptions:{maximumFractionDigits:2,minimumFractionDigits:2}};return Object.assign({},formatNumberByParts(value,options),{formatted:formatNumber(value,options)});}case'humanize':{var formatted=formatNumber(value,{intlOptions:{notation:'compact',maximumFractionDigits:2,trailingZeroDisplay:'stripIfInteger'}});return {formatted:formatted};}default:{var _formatted=formatNumber(value,{intlOptions:{maximumFractionDigits:0,roundingMode:'floor'}});return {formatted:_formatted};}}}catch(err){return {formatted:`${value}`};}};var _Amount=function _Amount(_ref4){var value=_ref4.value,_ref4$suffix=_ref4.suffix,suffix=_ref4$suffix===void 0?'decimals':_ref4$suffix,_ref4$type=_ref4.type,type=_ref4$type===void 0?'body':_ref4$type,_ref4$size=_ref4.size,size=_ref4$size===void 0?'medium':_ref4$size,_ref4$weight=_ref4.weight,weight=_ref4$weight===void 0?'regular':_ref4$weight,_ref4$isAffixSubtle=_ref4.isAffixSubtle,isAffixSubtle=_ref4$isAffixSubtle===void 0?true:_ref4$isAffixSubtle,_ref4$isStrikethrough=_ref4.isStrikethrough,isStrikethrough=_ref4$isStrikethrough===void 0?false:_ref4$isStrikethrough,color=_ref4.color,_ref4$currencyIndicat=_ref4.currencyIndicator,currencyIndicator=_ref4$currencyIndicat===void 0?'currency-symbol':_ref4$currencyIndicat,_ref4$currency=_ref4.currency,currency=_ref4$currency===void 0?'INR':_ref4$currency,testID=_ref4.testID,styledProps=_objectWithoutProperties(_ref4,_excluded);if(__DEV__){if(typeof value!=='number'){throwBladeError({message:'`value` prop must be of type `number` for Amount.',moduleName:'Amount'});}if(color==='neutral'){throwBladeError({message:'`neutral` color is not supported.',moduleName:'Amount'});}var bodySizes=objectKeysWithType(normalAmountSizes.body);if((type==='body'||!type)&&!bodySizes.includes(size)){throwBladeError({message:`size="${size}" is not allowed with type="body"`,moduleName:'Amount'});}var displaySizes=objectKeysWithType(normalAmountSizes.display);if(type==='display'&&!displaySizes.includes(size)){throwBladeError({message:`size="${size}" is not allowed with type="display"`,moduleName:'Amount'});}var headingSizes=objectKeysWithType(normalAmountSizes.heading);if(type==='heading'&&!headingSizes.includes(size)){throwBladeError({message:`size="${size}" is not allowed with type="heading"`,moduleName:'Amount'});}}var _getTextColorProps=getTextColorProps({color:color}),amountValueColor=_getTextColorProps.amountValueColor;var isPrefixSymbol,currencySymbol;try{var byParts=formatNumberByParts(value,{currency:currency});isPrefixSymbol=byParts.isPrefixSymbol;currencySymbol=byParts.currency;}catch(err){isPrefixSymbol=true;currencySymbol=currency;}var currencyPosition=isPrefixSymbol?'left':'right';var renderedValue=formatAmountWithSuffix({suffix:suffix,value:value});var currencySymbolOrCode=currencyIndicator==='currency-symbol'?currencySymbol:currency;var currencyFontSize=isAffixSubtle?subtleFontSizes[type][size]:normalAmountSizes[type][size];var isReactNative=getPlatformType()==='react-native';return jsx(BaseBox,Object.assign({display:isReactNative?'flex':'inline-flex',flexDirection:"row"},metaAttribute({name:MetaConstants.Amount,testID:testID}),getStyledProps(styledProps),{children:jsxs(BaseBox,{display:isReactNative?'flex':'inline-flex',alignItems:"baseline",flexDirection:"row",position:"relative",children:[currencyPosition==='left'&&jsx(BaseText,{marginRight:"spacing.1",fontWeight:weight,fontSize:currencyFontSize,color:amountValueColor,as:isReactNative?undefined:'span',opacity:isAffixSubtle?opacity[8]:1,children:currencySymbolOrCode}),jsx(AmountValue,{amount:renderedValue,amountValueColor:amountValueColor,type:type,weight:weight,size:size,isAffixSubtle:isAffixSubtle,suffix:suffix,currency:currency}),currencyPosition==='right'&&jsx(BaseText,{marginLeft:"spacing.1",fontWeight:weight,fontSize:currencyFontSize,color:amountValueColor,as:isReactNative?undefined:'span',opacity:isAffixSubtle?opacity[8]:1,children:currencySymbolOrCode}),isStrikethrough&&jsx(BaseBox,{borderBottomColor:amountValueColor,borderBottomWidth:type==='body'?'thin':'thicker',borderBottomStyle:"solid",position:"absolute",width:"100%",top:"50%"})]})}));};var Amount=assignWithoutSideEffects(_Amount,{displayName:'Amount',componentId:'Amount'});
 
 export { Amount, formatAmountWithSuffix };
 //# sourceMappingURL=Amount.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Amount.js","sources":["../../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { CurrencyCodeType } from '@razorpay/i18nify-js/currency';\nimport { formatNumber, formatNumberByParts } from '@razorpay/i18nify-js/currency';\nimport type { AmountTypeProps } from './amountTokens';\nimport { normalAmountSizes, subtleFontSizes, amountLineHeights } from './amountTokens';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TestID } from '~utils/types';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { objectKeysWithType } from '~utils/objectKeysWithType';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { Text } from '~components/Typography';\nimport { opacity } from '~tokens/global';\nimport type { FontFamily } from '~tokens/global';\n\ntype AmountCommonProps = {\n  /**\n   * The value to be rendered within the component.\n   *\n   */\n  value: number;\n  /**\n   * Sets the color of the amount.\n   *\n   * @default undefined\n   */\n  color?: BaseTextProps['color'];\n  /**\n   * Indicates what the suffix of amount should be\n   *\n   * @default 'decimals'\n   */\n  suffix?: 'decimals' | 'none' | 'humanize';\n  /**\n   * Makes the currency indicator(currency symbol/code) and decimal digits small and faded\n   *\n   * @default true\n   */\n  isAffixSubtle?: true | false;\n  /**\n   * Determines the visual representation of the currency, choose between displaying the currency symbol or code.\n   *\n   * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.\n   *\n   * @default 'currency-symbol'\n   */\n  currencyIndicator?: 'currency-symbol' | 'currency-code';\n  /**\n   * The currency of the amount.  Note that this component\n   * only displays the provided value in the specified currency, it does not perform any currency conversion.\n   *\n   * @default 'INR'\n   * */\n  currency?: CurrencyCodeType;\n  /**\n   * If true, the amount text will have a line through it.\n   *\n   * @default false\n   */\n  isStrikethrough?: boolean;\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  amountValueColor: BaseTextProps['color'];\n};\n\ntype AmountProps = AmountTypeProps & AmountCommonProps;\n\nconst getTextColorProps = ({ color }: { color: AmountProps['color'] }): ColorProps => {\n  const props: ColorProps = {\n    amountValueColor: 'surface.text.gray.normal',\n  };\n  if (!color) return props;\n  props.amountValueColor = color;\n  return props;\n};\n\ntype AmountType = Partial<ReturnType<typeof formatNumberByParts>> & { formatted: string };\n\ninterface AmountValue extends Omit<AmountProps, 'value'> {\n  amountValueColor: BaseTextProps['color'];\n  amount: AmountType;\n  size: Exclude<AmountProps['size'], undefined>;\n}\n\nconst AmountValue = ({\n  amount,\n  size = 'medium',\n  type = 'body',\n  weight = 'regular',\n  amountValueColor,\n  isAffixSubtle,\n  suffix,\n}: AmountValue): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  const affixFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];\n  const numberFontFamily: keyof FontFamily = type === 'body' ? 'text' : 'heading';\n  if (suffix === 'decimals' && isAffixSubtle) {\n    // Native does not support alignItems of Text inside a div, instead we need to wrap is in a Text\n    const AmountWrapper = isReactNative ? Text : React.Fragment;\n\n    return (\n      <AmountWrapper>\n        <BaseText\n          fontSize={normalAmountSizes[type][size]}\n          fontWeight={weight}\n          lineHeight={amountLineHeights[type][size]}\n          color={amountValueColor}\n          fontFamily={numberFontFamily}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {amount.integer}\n        </BaseText>\n        <BaseText\n          fontWeight={weight}\n          fontSize={affixFontSize}\n          fontFamily={numberFontFamily}\n          color={amountValueColor}\n          as={isReactNative ? undefined : 'span'}\n          opacity={isAffixSubtle ? opacity[8] : 1}\n        >\n          {amount.decimal}\n          {amount.fraction}\n        </BaseText>\n      </AmountWrapper>\n    );\n  }\n\n  return (\n    <BaseText\n      fontSize={normalAmountSizes[type][size]}\n      fontWeight={weight}\n      fontFamily={numberFontFamily}\n      color={amountValueColor}\n      lineHeight={amountLineHeights[type][size]}\n    >\n      {amount.formatted}\n    </BaseText>\n  );\n};\n\ntype FormatAmountWithSuffixType = {\n  suffix: AmountProps['suffix'];\n  value: number;\n};\n\n/**\n * Returns a parsed object based on the suffix passed in parameters\n * === Logic ===\n * value = 12500.45 \n * if suffix === 'decimals' => {\n    \"formatted\": \"12,500.45\",\n    \"integer\": \"12,500\",\n    \"decimal\": \".\",\n    \"fraction\": \"45\",\n    \"isPrefixSymbol\": false,\n    \"rawParts\": [{\"type\": \"integer\",\"value\": \"12\"},{\"type\": \"group\",\"value\": \",\"},{\"type\": \"integer\",\"value\": \"500\"},{\"type\": \"decimal\",\"value\": \".\"},{\"type\": \"fraction\",\"value\": \"45\"}]\n}\n * else if suffix === 'humanize' => { formatted: \"1.2T\" }\n * else => { formatted: \"1,23,456\" }\n * @returns {AmountType}\n */\nexport const formatAmountWithSuffix = ({\n  suffix,\n  value,\n}: FormatAmountWithSuffixType): AmountType => {\n  try {\n    switch (suffix) {\n      case 'decimals': {\n        const options = {\n          intlOptions: {\n            maximumFractionDigits: 2,\n            minimumFractionDigits: 2,\n          },\n        };\n        return {\n          ...formatNumberByParts(value, options),\n          formatted: formatNumber(value, options),\n        };\n      }\n      case 'humanize': {\n        const formatted = formatNumber(value, {\n          intlOptions: {\n            notation: 'compact',\n          },\n        });\n        return {\n          formatted,\n        };\n      }\n\n      default: {\n        const formatted = formatNumber(value, {\n          intlOptions: {\n            maximumFractionDigits: 0,\n            roundingMode: 'floor',\n          },\n        });\n        return {\n          formatted,\n        };\n      }\n    }\n  } catch (err: unknown) {\n    return {\n      formatted: `${value}`,\n    };\n  }\n};\n\nconst _Amount = ({\n  value,\n  suffix = 'decimals',\n  type = 'body',\n  size = 'medium',\n  weight = 'regular',\n  isAffixSubtle = true,\n  isStrikethrough = false,\n  color,\n  currencyIndicator = 'currency-symbol',\n  currency = 'INR',\n  testID,\n  ...styledProps\n}: AmountProps): ReactElement => {\n  if (__DEV__) {\n    if (typeof value !== 'number') {\n      throwBladeError({\n        message: '`value` prop must be of type `number` for Amount.',\n        moduleName: 'Amount',\n      });\n    }\n    // @ts-expect-error neutral color should throw error\n    if (color === 'neutral') {\n      throwBladeError({\n        message: '`neutral` color is not supported.',\n        moduleName: 'Amount',\n      });\n    }\n\n    const bodySizes = objectKeysWithType(normalAmountSizes.body);\n    if ((type === 'body' || !type) && !bodySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"body\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const displaySizes = objectKeysWithType(normalAmountSizes.display);\n    if (type === 'display' && !displaySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"display\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const headingSizes = objectKeysWithType(normalAmountSizes.heading);\n    if (type === 'heading' && !headingSizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"heading\"`,\n        moduleName: 'Amount',\n      });\n    }\n  }\n\n  const { amountValueColor } = getTextColorProps({\n    color,\n  });\n\n  let isPrefixSymbol, currencySymbol;\n  try {\n    const byParts = formatNumberByParts(value, {\n      currency,\n    });\n    isPrefixSymbol = byParts.isPrefixSymbol;\n    currencySymbol = byParts.currency;\n  } catch (err: unknown) {\n    isPrefixSymbol = true;\n    currencySymbol = currency;\n  }\n\n  const currencyPosition = isPrefixSymbol ? 'left' : 'right';\n  const renderedValue = formatAmountWithSuffix({ suffix, value });\n  const currencySymbolOrCode = currencyIndicator === 'currency-symbol' ? currencySymbol : currency;\n\n  const currencyFontSize = isAffixSubtle\n    ? subtleFontSizes[type][size]\n    : normalAmountSizes[type][size];\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox\n      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n      flexDirection=\"row\"\n      {...metaAttribute({ name: MetaConstants.Amount, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display={(isReactNative ? 'flex' : 'inline-flex') as never}\n        alignItems=\"baseline\"\n        flexDirection=\"row\"\n        position=\"relative\"\n      >\n        {currencyPosition === 'left' && (\n          <BaseText\n            marginRight=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        <AmountValue\n          amount={renderedValue}\n          amountValueColor={amountValueColor}\n          type={type}\n          weight={weight}\n          size={size}\n          isAffixSubtle={isAffixSubtle}\n          suffix={suffix}\n          currency={currency}\n        />\n        {currencyPosition === 'right' && (\n          <BaseText\n            marginLeft=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        {isStrikethrough && (\n          <BaseBox\n            // @ts-expect-error - intentionally setting the border color to the color prop for this hacky strikethrough\n            borderBottomColor={amountValueColor}\n            borderBottomWidth={type === 'body' ? 'thin' : 'thicker'}\n            borderBottomStyle=\"solid\"\n            position=\"absolute\"\n            width=\"100%\"\n            top=\"50%\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Amount = assignWithoutSideEffects(_Amount, {\n  displayName: 'Amount',\n  componentId: 'Amount',\n});\n\nexport type { AmountProps };\nexport { Amount };\n"],"names":["getTextColorProps","_ref","color","props","amountValueColor","AmountValue","_ref2","amount","_ref2$size","size","_ref2$type","type","_ref2$weight","weight","isAffixSubtle","suffix","isReactNative","getPlatformType","affixFontSize","subtleFontSizes","normalAmountSizes","numberFontFamily","AmountWrapper","Text","React","Fragment","_jsxs","children","_jsx","BaseText","fontSize","fontWeight","lineHeight","amountLineHeights","fontFamily","as","undefined","integer","opacity","decimal","fraction","formatted","formatAmountWithSuffix","_ref3","value","options","intlOptions","maximumFractionDigits","minimumFractionDigits","Object","assign","formatNumberByParts","formatNumber","notation","roundingMode","err","_Amount","_ref4","_ref4$suffix","_ref4$type","_ref4$size","_ref4$weight","_ref4$isAffixSubtle","_ref4$isStrikethrough","isStrikethrough","_ref4$currencyIndicat","currencyIndicator","_ref4$currency","currency","testID","styledProps","_objectWithoutProperties","_excluded","__DEV__","throwBladeError","message","moduleName","bodySizes","objectKeysWithType","body","includes","displaySizes","display","headingSizes","heading","_getTextColorProps","isPrefixSymbol","currencySymbol","byParts","currencyPosition","renderedValue","currencySymbolOrCode","currencyFontSize","BaseBox","flexDirection","metaAttribute","name","MetaConstants","Amount","getStyledProps","alignItems","position","marginRight","marginLeft","borderBottomColor","borderBottomWidth","borderBottomStyle","width","top","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Amount.js","sources":["../../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { CurrencyCodeType } from '@razorpay/i18nify-js/currency';\nimport { formatNumber, formatNumberByParts } from '@razorpay/i18nify-js/currency';\nimport type { AmountTypeProps } from './amountTokens';\nimport { normalAmountSizes, subtleFontSizes, amountLineHeights } from './amountTokens';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TestID } from '~utils/types';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { objectKeysWithType } from '~utils/objectKeysWithType';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { Text } from '~components/Typography';\nimport { opacity } from '~tokens/global';\nimport type { FontFamily } from '~tokens/global';\n\ntype AmountCommonProps = {\n  /**\n   * The value to be rendered within the component.\n   *\n   */\n  value: number;\n  /**\n   * Sets the color of the amount.\n   *\n   * @default undefined\n   */\n  color?: BaseTextProps['color'];\n  /**\n   * Indicates what the suffix of amount should be\n   *\n   * @default 'decimals'\n   */\n  suffix?: 'decimals' | 'none' | 'humanize';\n  /**\n   * Makes the currency indicator(currency symbol/code) and decimal digits small and faded\n   *\n   * @default true\n   */\n  isAffixSubtle?: true | false;\n  /**\n   * Determines the visual representation of the currency, choose between displaying the currency symbol or code.\n   *\n   * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.\n   *\n   * @default 'currency-symbol'\n   */\n  currencyIndicator?: 'currency-symbol' | 'currency-code';\n  /**\n   * The currency of the amount.  Note that this component\n   * only displays the provided value in the specified currency, it does not perform any currency conversion.\n   *\n   * @default 'INR'\n   * */\n  currency?: CurrencyCodeType;\n  /**\n   * If true, the amount text will have a line through it.\n   *\n   * @default false\n   */\n  isStrikethrough?: boolean;\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  amountValueColor: BaseTextProps['color'];\n};\n\ntype AmountProps = AmountTypeProps & AmountCommonProps;\n\nconst getTextColorProps = ({ color }: { color: AmountProps['color'] }): ColorProps => {\n  const props: ColorProps = {\n    amountValueColor: 'surface.text.gray.normal',\n  };\n  if (!color) return props;\n  props.amountValueColor = color;\n  return props;\n};\n\ntype AmountType = Partial<ReturnType<typeof formatNumberByParts>> & { formatted: string };\n\ninterface AmountValue extends Omit<AmountProps, 'value'> {\n  amountValueColor: BaseTextProps['color'];\n  amount: AmountType;\n  size: Exclude<AmountProps['size'], undefined>;\n}\n\nconst AmountValue = ({\n  amount,\n  size = 'medium',\n  type = 'body',\n  weight = 'regular',\n  amountValueColor,\n  isAffixSubtle,\n  suffix,\n}: AmountValue): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  const affixFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];\n  const numberFontFamily: keyof FontFamily = type === 'body' ? 'text' : 'heading';\n  if (suffix === 'decimals' && isAffixSubtle) {\n    // Native does not support alignItems of Text inside a div, instead we need to wrap is in a Text\n    const AmountWrapper = isReactNative ? Text : React.Fragment;\n\n    return (\n      <AmountWrapper>\n        <BaseText\n          fontSize={normalAmountSizes[type][size]}\n          fontWeight={weight}\n          lineHeight={amountLineHeights[type][size]}\n          color={amountValueColor}\n          fontFamily={numberFontFamily}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {amount.integer}\n        </BaseText>\n        <BaseText\n          fontWeight={weight}\n          fontSize={affixFontSize}\n          fontFamily={numberFontFamily}\n          color={amountValueColor}\n          as={isReactNative ? undefined : 'span'}\n          opacity={isAffixSubtle ? opacity[8] : 1}\n        >\n          {amount.decimal}\n          {amount.fraction}\n        </BaseText>\n      </AmountWrapper>\n    );\n  }\n\n  return (\n    <BaseText\n      fontSize={normalAmountSizes[type][size]}\n      fontWeight={weight}\n      fontFamily={numberFontFamily}\n      color={amountValueColor}\n      lineHeight={amountLineHeights[type][size]}\n    >\n      {amount.formatted}\n    </BaseText>\n  );\n};\n\ntype FormatAmountWithSuffixType = {\n  suffix: AmountProps['suffix'];\n  value: number;\n};\n\n/**\n * Returns a parsed object based on the suffix passed in parameters\n * === Logic ===\n * value = 12500.45 \n * if suffix === 'decimals' => {\n    \"formatted\": \"12,500.45\",\n    \"integer\": \"12,500\",\n    \"decimal\": \".\",\n    \"fraction\": \"45\",\n    \"isPrefixSymbol\": false,\n    \"rawParts\": [{\"type\": \"integer\",\"value\": \"12\"},{\"type\": \"group\",\"value\": \",\"},{\"type\": \"integer\",\"value\": \"500\"},{\"type\": \"decimal\",\"value\": \".\"},{\"type\": \"fraction\",\"value\": \"45\"}]\n}\n * else if suffix === 'humanize' => { formatted: \"1.2T\" }\n * else => { formatted: \"1,23,456\" }\n * @returns {AmountType}\n */\nexport const formatAmountWithSuffix = ({\n  suffix,\n  value,\n}: FormatAmountWithSuffixType): AmountType => {\n  try {\n    switch (suffix) {\n      case 'decimals': {\n        const options = {\n          intlOptions: {\n            maximumFractionDigits: 2,\n            minimumFractionDigits: 2,\n          },\n        };\n        return {\n          ...formatNumberByParts(value, options),\n          formatted: formatNumber(value, options),\n        };\n      }\n      case 'humanize': {\n        const formatted = formatNumber(value, {\n          intlOptions: {\n            notation: 'compact',\n            maximumFractionDigits: 2,\n            trailingZeroDisplay: 'stripIfInteger',\n          },\n        });\n        return {\n          formatted,\n        };\n      }\n\n      default: {\n        const formatted = formatNumber(value, {\n          intlOptions: {\n            maximumFractionDigits: 0,\n            roundingMode: 'floor',\n          },\n        });\n        return {\n          formatted,\n        };\n      }\n    }\n  } catch (err: unknown) {\n    return {\n      formatted: `${value}`,\n    };\n  }\n};\n\nconst _Amount = ({\n  value,\n  suffix = 'decimals',\n  type = 'body',\n  size = 'medium',\n  weight = 'regular',\n  isAffixSubtle = true,\n  isStrikethrough = false,\n  color,\n  currencyIndicator = 'currency-symbol',\n  currency = 'INR',\n  testID,\n  ...styledProps\n}: AmountProps): ReactElement => {\n  if (__DEV__) {\n    if (typeof value !== 'number') {\n      throwBladeError({\n        message: '`value` prop must be of type `number` for Amount.',\n        moduleName: 'Amount',\n      });\n    }\n    // @ts-expect-error neutral color should throw error\n    if (color === 'neutral') {\n      throwBladeError({\n        message: '`neutral` color is not supported.',\n        moduleName: 'Amount',\n      });\n    }\n\n    const bodySizes = objectKeysWithType(normalAmountSizes.body);\n    if ((type === 'body' || !type) && !bodySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"body\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const displaySizes = objectKeysWithType(normalAmountSizes.display);\n    if (type === 'display' && !displaySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"display\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const headingSizes = objectKeysWithType(normalAmountSizes.heading);\n    if (type === 'heading' && !headingSizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"heading\"`,\n        moduleName: 'Amount',\n      });\n    }\n  }\n\n  const { amountValueColor } = getTextColorProps({\n    color,\n  });\n\n  let isPrefixSymbol, currencySymbol;\n  try {\n    const byParts = formatNumberByParts(value, {\n      currency,\n    });\n    isPrefixSymbol = byParts.isPrefixSymbol;\n    currencySymbol = byParts.currency;\n  } catch (err: unknown) {\n    isPrefixSymbol = true;\n    currencySymbol = currency;\n  }\n\n  const currencyPosition = isPrefixSymbol ? 'left' : 'right';\n  const renderedValue = formatAmountWithSuffix({ suffix, value });\n  const currencySymbolOrCode = currencyIndicator === 'currency-symbol' ? currencySymbol : currency;\n\n  const currencyFontSize = isAffixSubtle\n    ? subtleFontSizes[type][size]\n    : normalAmountSizes[type][size];\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox\n      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n      flexDirection=\"row\"\n      {...metaAttribute({ name: MetaConstants.Amount, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display={(isReactNative ? 'flex' : 'inline-flex') as never}\n        alignItems=\"baseline\"\n        flexDirection=\"row\"\n        position=\"relative\"\n      >\n        {currencyPosition === 'left' && (\n          <BaseText\n            marginRight=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        <AmountValue\n          amount={renderedValue}\n          amountValueColor={amountValueColor}\n          type={type}\n          weight={weight}\n          size={size}\n          isAffixSubtle={isAffixSubtle}\n          suffix={suffix}\n          currency={currency}\n        />\n        {currencyPosition === 'right' && (\n          <BaseText\n            marginLeft=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        {isStrikethrough && (\n          <BaseBox\n            // @ts-expect-error - intentionally setting the border color to the color prop for this hacky strikethrough\n            borderBottomColor={amountValueColor}\n            borderBottomWidth={type === 'body' ? 'thin' : 'thicker'}\n            borderBottomStyle=\"solid\"\n            position=\"absolute\"\n            width=\"100%\"\n            top=\"50%\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Amount = assignWithoutSideEffects(_Amount, {\n  displayName: 'Amount',\n  componentId: 'Amount',\n});\n\nexport type { AmountProps };\nexport { Amount };\n"],"names":["getTextColorProps","_ref","color","props","amountValueColor","AmountValue","_ref2","amount","_ref2$size","size","_ref2$type","type","_ref2$weight","weight","isAffixSubtle","suffix","isReactNative","getPlatformType","affixFontSize","subtleFontSizes","normalAmountSizes","numberFontFamily","AmountWrapper","Text","React","Fragment","_jsxs","children","_jsx","BaseText","fontSize","fontWeight","lineHeight","amountLineHeights","fontFamily","as","undefined","integer","opacity","decimal","fraction","formatted","formatAmountWithSuffix","_ref3","value","options","intlOptions","maximumFractionDigits","minimumFractionDigits","Object","assign","formatNumberByParts","formatNumber","notation","trailingZeroDisplay","roundingMode","err","_Amount","_ref4","_ref4$suffix","_ref4$type","_ref4$size","_ref4$weight","_ref4$isAffixSubtle","_ref4$isStrikethrough","isStrikethrough","_ref4$currencyIndicat","currencyIndicator","_ref4$currency","currency","testID","styledProps","_objectWithoutProperties","_excluded","__DEV__","throwBladeError","message","moduleName","bodySizes","objectKeysWithType","body","includes","displaySizes","display","headingSizes","heading","_getTextColorProps","isPrefixSymbol","currencySymbol","byParts","currencyPosition","renderedValue","currencySymbolOrCode","currencyFontSize","BaseBox","flexDirection","metaAttribute","name","MetaConstants","Amount","getStyledProps","alignItems","position","marginRight","marginLeft","borderBottomColor","borderBottomWidth","borderBottomStyle","width","top","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheet.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/no-empty-function */\nimport GorhomBottomSheet, {\n  BottomSheetFooter as GorhomBottomSheetFooter,\n} from '@gorhom/bottom-sheet';\nimport React from 'react';\nimport { Portal } from '@gorhom/portal';\nimport styled from 'styled-components/native';\nimport { Dimensions, AccessibilityInfo, findNodeHandle, View, Keyboard } from 'react-native';\nimport { BottomSheetHeader } from './BottomSheetHeader';\nimport { BottomSheetGrabHandle } from './BottomSheetGrabHandle';\nimport { BottomSheetBody } from './BottomSheetBody';\nimport { BottomSheetFooter } from './BottomSheetFooter';\nimport type { BottomSheetProps } from './types';\nimport { ComponentIds } from './componentIds';\nimport type { BottomSheetContextProps } from './BottomSheetContext';\nimport { BottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext';\nimport { BottomSheetBackdrop } from './BottomSheetBackdrop';\nimport { useBottomSheetStack } from './BottomSheetStack';\nimport { DropdownContext, useDropdown } from '~components/Dropdown/useDropdown';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useId } from '~utils/useId';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst BottomSheetSurface = styled(BaseBox)(({ theme }) => {\n  return {\n    // TODO: we do not have 16px radius token\n    borderTopLeftRadius: makeSpace(theme.spacing[5]),\n    borderTopRightRadius: makeSpace(theme.spacing[5]),\n    backgroundColor: theme.colors.popup.background.subtle,\n    justifyContent: 'center',\n    alignItems: 'center',\n    position: 'relative',\n  };\n});\n\nconst focusOnElement = (element: React.Component<any, any>): void => {\n  const reactTag = findNodeHandle(element);\n  if (reactTag) {\n    AccessibilityInfo.setAccessibilityFocus(reactTag);\n  }\n};\n\nconst _BottomSheet = ({\n  children,\n  snapPoints = [0.35, 0.5, 0.85],\n  isOpen,\n  onDismiss,\n  initialFocusRef,\n  zIndex = componentZIndices.bottomSheet,\n}: BottomSheetProps): React.ReactElement => {\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const defaultInitialFocusRef = React.useRef<any>(null);\n  const sheetRef = React.useRef<GorhomBottomSheet>(null);\n  const [header, setHeader] = React.useState<React.ReactNode>();\n  const [footer, setFooter] = React.useState<React.ReactNode>();\n  const [body, setBody] = React.useState<React.ReactNode>();\n  const _isOpen = isOpen ?? bottomSheetAndDropdownGlue?.isOpen;\n  const [headerHeight, setHeaderHeight] = React.useState(0);\n  const [footerHeight, setFooterHeight] = React.useState(0);\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const [hasBodyPadding, setHasBodyPadding] = React.useState(true);\n  const [isHeaderEmpty, setIsHeaderEmpty] = React.useState(false);\n  const initialSnapPoint = React.useRef<number>(0);\n  const totalHeight = React.useMemo(() => {\n    return headerHeight + footerHeight + contentHeight;\n  }, [contentHeight, footerHeight, headerHeight]);\n\n  const id = useId();\n  const {\n    addBottomSheetToStack,\n    removeBottomSheetFromStack,\n    getCurrentStackIndexById,\n    getTopOfTheStack,\n  } = useBottomSheetStack();\n  const currentStackIndex = getCurrentStackIndexById(id);\n  const bottomSheetZIndex = zIndex - currentStackIndex;\n\n  // if bottomSheet height is >35% & <50% then set initial snapPoint to 35%\n  useIsomorphicLayoutEffect(() => {\n    if (bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader) {\n      // In AutoComplete, we want to open BottomSheet with max height so we set this to last index\n      initialSnapPoint.current = 2;\n    } else {\n      const height = Dimensions.get('window').height;\n      const middleSnapPoint = snapPoints[1] * height;\n      if (totalHeight > middleSnapPoint) {\n        initialSnapPoint.current = 1;\n      }\n    }\n  }, [snapPoints, totalHeight]);\n\n  const _snapPoints = React.useMemo(() => snapPoints.map((point) => `${point * 100}%`), [\n    snapPoints,\n  ]);\n\n  const close = React.useCallback(() => {\n    onDismiss?.();\n    bottomSheetAndDropdownGlue?.onBottomSheetDismiss();\n  }, [bottomSheetAndDropdownGlue, onDismiss]);\n\n  const handleOnOpen = React.useCallback(() => {\n    sheetRef.current?.snapToIndex(initialSnapPoint.current);\n  }, []);\n\n  const handleOnClose = React.useCallback(() => {\n    sheetRef.current?.close();\n    // We need this because if inside the BottomSheet there is a input which is focused\n    // and user dragged down to close the sheet, even after closing the sheet the input will remain focused\n    Keyboard.dismiss();\n  }, [sheetRef]);\n\n  // sync controlled state to our actions\n  React.useEffect(() => {\n    if (_isOpen) {\n      handleOnOpen();\n      if (!initialFocusRef) {\n        // focus on close button\n        focusOnElement(defaultInitialFocusRef.current);\n      } else {\n        // focus on the initialRef\n        focusOnElement(initialFocusRef.current);\n      }\n    } else {\n      handleOnClose();\n    }\n  }, [_isOpen, handleOnClose, handleOnOpen, initialFocusRef]);\n\n  // let the Dropdown component know that it's rendering a bottomsheet\n  React.useEffect(() => {\n    if (!bottomSheetAndDropdownGlue) return;\n    bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);\n  }, [bottomSheetAndDropdownGlue]);\n\n  React.useLayoutEffect(() => {\n    React.Children.forEach(children, (child) => {\n      if (getComponentId(child) === ComponentIds.BottomSheetHeader) {\n        setHeader(child);\n      }\n      if (getComponentId(child) === ComponentIds.BottomSheetFooter) {\n        setFooter(child);\n      }\n      if (getComponentId(child) === ComponentIds.BottomSheetBody) {\n        setBody(child);\n      }\n    });\n  }, [children]);\n\n  const renderFooter = React.useCallback(\n    (props): React.ReactElement => {\n      return (\n        <GorhomBottomSheetFooter {...props}>\n          <View\n            onLayout={(event) => {\n              // save footer height so that later we can offset the marginBottom from body content\n              // otherwise few elements gets hidden under the footer\n              setFooterHeight(event.nativeEvent.layout.height);\n            }}\n          >\n            {footer}\n          </View>\n        </GorhomBottomSheetFooter>\n      );\n    },\n    [footer],\n  );\n\n  const renderBackdrop = React.useCallback(\n    (props): React.ReactElement => {\n      return <BottomSheetBackdrop {...props} zIndex={bottomSheetZIndex} />;\n    },\n    [bottomSheetZIndex],\n  );\n\n  const renderHandle = React.useCallback((): React.ReactElement => {\n    return (\n      <BaseBox\n        position={isHeaderEmpty ? 'absolute' : 'relative'}\n        top=\"spacing.0\"\n        left=\"spacing.0\"\n        right=\"spacing.0\"\n        onLayout={({ nativeEvent }) => {\n          setHeaderHeight(nativeEvent.layout.height);\n        }}\n      >\n        <BaseBox zIndex={bottomSheetZIndex}>\n          <BottomSheetGrabHandle />\n        </BaseBox>\n        {header}\n      </BaseBox>\n    );\n  }, [isHeaderEmpty, bottomSheetZIndex, header]);\n\n  const isHeaderFloating = !hasBodyPadding && isHeaderEmpty;\n  const contextValue = React.useMemo<BottomSheetContextProps>(\n    () => ({\n      isInBottomSheet: true,\n      isOpen: Boolean(_isOpen),\n      close: handleOnClose,\n      positionY: 0,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      scrollRef: () => {},\n      bind: {} as never,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n    }),\n    [_isOpen, contentHeight, footerHeight, handleOnClose, headerHeight, isHeaderFloating],\n  );\n\n  // Hack: We need to <Portal> the GorhomBottomSheet to the root of the react-native app\n  // But the portalled component will no longer be able to access the parent contexts (Dropdown Context)\n  // To workaround this, I'm portalling both the DropdownContext & BotomSheetContext along with the component\n  const dropdownProps = useDropdown();\n\n  // register and deregister in the stack\n  React.useEffect(() => {\n    if (_isOpen) {\n      addBottomSheetToStack(id);\n    } else {\n      removeBottomSheetFromStack(id);\n    }\n  }, [addBottomSheetToStack, _isOpen, id, removeBottomSheetFromStack]);\n\n  // Handle TextInput inside BottomSheet\n  // We expand the BottomSheet to the max snapPoint so that when the keyboard opens\n  // the body content will be visible\n  // There is a standard way to do this:\n  // https://gorhom.github.io/react-native-bottom-sheet/keyboard-handling\n  // But this didn't worked because:\n  // https://github.com/gorhom/react-native-bottom-sheet/issues/618\n  React.useEffect(() => {\n    const showSubscription = Keyboard.addListener('keyboardDidShow', () => {\n      if (id && id === getTopOfTheStack()) {\n        sheetRef.current?.expand();\n      }\n    });\n    return () => {\n      showSubscription.remove();\n    };\n  }, [getTopOfTheStack, id]);\n\n  return (\n    <Portal hostName=\"BladeBottomSheetPortal\">\n      {/* Portalling both the context */}\n      <DropdownContext.Provider value={dropdownProps}>\n        <BottomSheetContext.Provider value={contextValue}>\n          <GorhomBottomSheet\n            style={\n              // only render shadow when the sheet is open,\n              // otherwise there is visible shadow leak from the bottom edge of the screen\n              isOpen\n                ? {\n                    // this is reverse top elevation of highRaised elevation token\n                    shadowColor: 'hsla(217,56%,17%,0.64)',\n                    shadowOffset: {\n                      width: 0,\n                      height: -18,\n                    },\n                    shadowOpacity: 0.2,\n                    shadowRadius: 12,\n                    // this fails on andorid because its not handled on GorhomBottomSheet internally, hence tradeoff but its fine because visually this barely makes any difference its that nice design detail\n                    // elevation: 40,\n                  }\n                : {}\n            }\n            enablePanDownToClose\n            enableOverDrag\n            enableContentPanningGesture\n            ref={sheetRef}\n            // on initial render if _isOpen is true we want to render the sheet at initialSnapPoint\n            // otherwise we want to render it at -1 so that it is not visible\n            index={_isOpen ? initialSnapPoint.current : -1}\n            containerStyle={{ zIndex: bottomSheetZIndex }}\n            animateOnMount={true}\n            handleComponent={renderHandle}\n            backgroundComponent={BottomSheetSurface}\n            footerComponent={renderFooter}\n            backdropComponent={renderBackdrop}\n            onClose={close}\n            snapPoints={_snapPoints}\n          >\n            {body}\n          </GorhomBottomSheet>\n        </BottomSheetContext.Provider>\n      </DropdownContext.Provider>\n    </Portal>\n  );\n};\n\nconst BottomSheet = assignWithoutSideEffects(_BottomSheet, {\n  componentId: ComponentIds.BottomSheet,\n});\n\nexport { BottomSheet, BottomSheetBody, BottomSheetFooter, BottomSheetHeader };\n"],"names":["BottomSheetSurface","styled","BaseBox","_ref","theme","borderTopLeftRadius","makeSpace","spacing","borderTopRightRadius","backgroundColor","colors","popup","background","subtle","justifyContent","alignItems","position","focusOnElement","element","reactTag","findNodeHandle","AccessibilityInfo","setAccessibilityFocus","_BottomSheet","_ref2","children","_ref2$snapPoints","snapPoints","isOpen","onDismiss","initialFocusRef","_ref2$zIndex","zIndex","componentZIndices","bottomSheet","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","defaultInitialFocusRef","React","useRef","sheetRef","_React$useState","useState","_React$useState2","_slicedToArray","header","setHeader","_React$useState3","_React$useState4","footer","setFooter","_React$useState5","_React$useState6","body","setBody","_isOpen","_React$useState7","_React$useState8","headerHeight","setHeaderHeight","_React$useState9","_React$useState10","footerHeight","setFooterHeight","_React$useState11","_React$useState12","contentHeight","setContentHeight","_React$useState13","_React$useState14","hasBodyPadding","setHasBodyPadding","_React$useState15","_React$useState16","isHeaderEmpty","setIsHeaderEmpty","initialSnapPoint","totalHeight","useMemo","id","useId","_useBottomSheetStack","useBottomSheetStack","addBottomSheetToStack","removeBottomSheetFromStack","getCurrentStackIndexById","getTopOfTheStack","currentStackIndex","bottomSheetZIndex","useIsomorphicLayoutEffect","hasAutoCompleteInBottomSheetHeader","current","height","Dimensions","get","middleSnapPoint","_snapPoints","map","point","close","useCallback","onBottomSheetDismiss","handleOnOpen","_sheetRef$current","snapToIndex","handleOnClose","_sheetRef$current2","Keyboard","dismiss","useEffect","setDropdownHasBottomSheet","useLayoutEffect","Children","forEach","child","getComponentId","ComponentIds","BottomSheetHeader","BottomSheetFooter","BottomSheetBody","renderFooter","props","_jsx","GorhomBottomSheetFooter","Object","assign","View","onLayout","event","nativeEvent","layout","renderBackdrop","BottomSheetBackdrop","renderHandle","_jsxs","top","left","right","_ref3","BottomSheetGrabHandle","isHeaderFloating","contextValue","isInBottomSheet","Boolean","positionY","scrollRef","bind","dropdownProps","useDropdown","showSubscription","addListener","_sheetRef$current3","expand","remove","Portal","hostName","DropdownContext","Provider","value","BottomSheetContext","GorhomBottomSheet","style","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","enablePanDownToClose","enableOverDrag","enableContentPanningGesture","ref","index","containerStyle","animateOnMount","handleComponent","backgroundComponent","footerComponent","backdropComponent","onClose","BottomSheet","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"BottomSheet.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheet.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/no-empty-function */\nimport GorhomBottomSheet, {\n  BottomSheetFooter as GorhomBottomSheetFooter,\n} from '@gorhom/bottom-sheet';\nimport React from 'react';\nimport { Portal } from '@gorhom/portal';\nimport styled from 'styled-components/native';\nimport { Dimensions, AccessibilityInfo, findNodeHandle, View, Keyboard } from 'react-native';\nimport { BottomSheetHeader } from './BottomSheetHeader';\nimport { BottomSheetGrabHandle } from './BottomSheetGrabHandle';\nimport { BottomSheetBody } from './BottomSheetBody';\nimport { BottomSheetFooter } from './BottomSheetFooter';\nimport type { BottomSheetProps } from './types';\nimport { ComponentIds } from './componentIds';\nimport type { BottomSheetContextProps } from './BottomSheetContext';\nimport { BottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext';\nimport { BottomSheetBackdrop } from './BottomSheetBackdrop';\nimport { useBottomSheetStack } from './BottomSheetStack';\nimport { DropdownContext, useDropdown } from '~components/Dropdown/useDropdown';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useId } from '~utils/useId';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst BottomSheetSurface = styled(BaseBox)(({ theme }) => {\n  return {\n    // TODO: we do not have 16px radius token\n    borderTopLeftRadius: makeSpace(theme.spacing[5]),\n    borderTopRightRadius: makeSpace(theme.spacing[5]),\n    backgroundColor: theme.colors.popup.background.subtle,\n    justifyContent: 'center',\n    alignItems: 'center',\n    position: 'relative',\n  };\n});\n\nconst focusOnElement = (element: React.Component<any, any>): void => {\n  const reactTag = findNodeHandle(element);\n  if (reactTag) {\n    AccessibilityInfo.setAccessibilityFocus(reactTag);\n  }\n};\n\nconst _BottomSheet = ({\n  children,\n  snapPoints = [0.35, 0.5, 0.85],\n  isOpen,\n  onDismiss,\n  initialFocusRef,\n  zIndex = componentZIndices.bottomSheet,\n}: BottomSheetProps): React.ReactElement => {\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const defaultInitialFocusRef = React.useRef<any>(null);\n  const sheetRef = React.useRef<GorhomBottomSheet>(null);\n  const [header, setHeader] = React.useState<React.ReactNode>();\n  const [footer, setFooter] = React.useState<React.ReactNode>();\n  const [body, setBody] = React.useState<React.ReactNode>();\n  const _isOpen = isOpen ?? bottomSheetAndDropdownGlue?.isOpen;\n  const [headerHeight, setHeaderHeight] = React.useState(0);\n  const [footerHeight, setFooterHeight] = React.useState(0);\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const [hasBodyPadding, setHasBodyPadding] = React.useState(true);\n  const [isHeaderEmpty, setIsHeaderEmpty] = React.useState(false);\n  const initialSnapPoint = React.useRef<number>(0);\n  const totalHeight = React.useMemo(() => {\n    return headerHeight + footerHeight + contentHeight;\n  }, [contentHeight, footerHeight, headerHeight]);\n\n  const id = useId();\n  const {\n    addBottomSheetToStack,\n    removeBottomSheetFromStack,\n    getCurrentStackIndexById,\n    getTopOfTheStack,\n  } = useBottomSheetStack();\n  const currentStackIndex = getCurrentStackIndexById(id);\n  const bottomSheetZIndex = zIndex - currentStackIndex;\n\n  // if bottomSheet height is >35% & <50% then set initial snapPoint to 35%\n  useIsomorphicLayoutEffect(() => {\n    if (bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader) {\n      // In AutoComplete, we want to open BottomSheet with max height so we set this to last index\n      initialSnapPoint.current = 2;\n    } else {\n      const height = Dimensions.get('window').height;\n      const middleSnapPoint = snapPoints[1] * height;\n      if (totalHeight > middleSnapPoint) {\n        initialSnapPoint.current = 1;\n      }\n    }\n  }, [snapPoints, totalHeight]);\n\n  const _snapPoints = React.useMemo(() => snapPoints.map((point) => `${point * 100}%`), [\n    snapPoints,\n  ]);\n\n  const close = React.useCallback(() => {\n    onDismiss?.();\n    bottomSheetAndDropdownGlue?.onBottomSheetDismiss();\n  }, [bottomSheetAndDropdownGlue, onDismiss]);\n\n  const handleOnOpen = React.useCallback(() => {\n    sheetRef.current?.snapToIndex(initialSnapPoint.current);\n  }, []);\n\n  const handleOnClose = React.useCallback(() => {\n    sheetRef.current?.close();\n    // We need this because if inside the BottomSheet there is a input which is focused\n    // and user dragged down to close the sheet, even after closing the sheet the input will remain focused\n    Keyboard.dismiss();\n  }, [sheetRef]);\n\n  // sync controlled state to our actions\n  React.useEffect(() => {\n    if (_isOpen) {\n      handleOnOpen();\n      if (!initialFocusRef) {\n        // focus on close button\n        focusOnElement(defaultInitialFocusRef.current);\n      } else {\n        // focus on the initialRef\n        focusOnElement(initialFocusRef.current);\n      }\n    } else {\n      handleOnClose();\n    }\n  }, [_isOpen, handleOnClose, handleOnOpen, initialFocusRef]);\n\n  // let the Dropdown component know that it's rendering a bottomsheet\n  React.useEffect(() => {\n    if (!bottomSheetAndDropdownGlue) return;\n    bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);\n  }, [bottomSheetAndDropdownGlue]);\n\n  React.useLayoutEffect(() => {\n    React.Children.forEach(children, (child) => {\n      if (getComponentId(child) === ComponentIds.BottomSheetHeader) {\n        setHeader(child);\n      }\n      if (getComponentId(child) === ComponentIds.BottomSheetFooter) {\n        setFooter(child);\n      }\n      if (getComponentId(child) === ComponentIds.BottomSheetBody) {\n        setBody(child);\n      }\n    });\n  }, [children]);\n\n  const renderFooter = React.useCallback(\n    (props: any): React.ReactElement => {\n      return (\n        <GorhomBottomSheetFooter {...props}>\n          <View\n            onLayout={(event) => {\n              // save footer height so that later we can offset the marginBottom from body content\n              // otherwise few elements gets hidden under the footer\n              setFooterHeight(event.nativeEvent.layout.height);\n            }}\n          >\n            {footer}\n          </View>\n        </GorhomBottomSheetFooter>\n      );\n    },\n    [footer],\n  );\n\n  const renderBackdrop = React.useCallback(\n    (props: any): React.ReactElement => {\n      return <BottomSheetBackdrop {...props} zIndex={bottomSheetZIndex} />;\n    },\n    [bottomSheetZIndex],\n  );\n\n  const renderHandle = React.useCallback((): React.ReactElement => {\n    return (\n      <BaseBox\n        position={isHeaderEmpty ? 'absolute' : 'relative'}\n        top=\"spacing.0\"\n        left=\"spacing.0\"\n        right=\"spacing.0\"\n        onLayout={({ nativeEvent }) => {\n          setHeaderHeight(nativeEvent.layout.height);\n        }}\n      >\n        <BaseBox zIndex={bottomSheetZIndex}>\n          <BottomSheetGrabHandle />\n        </BaseBox>\n        {header}\n      </BaseBox>\n    );\n  }, [isHeaderEmpty, bottomSheetZIndex, header]);\n\n  const isHeaderFloating = !hasBodyPadding && isHeaderEmpty;\n  const contextValue = React.useMemo<BottomSheetContextProps>(\n    () => ({\n      isInBottomSheet: true,\n      isOpen: Boolean(_isOpen),\n      close: handleOnClose,\n      positionY: 0,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      scrollRef: () => {},\n      bind: {} as never,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n    }),\n    [_isOpen, contentHeight, footerHeight, handleOnClose, headerHeight, isHeaderFloating],\n  );\n\n  // Hack: We need to <Portal> the GorhomBottomSheet to the root of the react-native app\n  // But the portalled component will no longer be able to access the parent contexts (Dropdown Context)\n  // To workaround this, I'm portalling both the DropdownContext & BotomSheetContext along with the component\n  const dropdownProps = useDropdown();\n\n  // register and deregister in the stack\n  React.useEffect(() => {\n    if (_isOpen) {\n      addBottomSheetToStack(id);\n    } else {\n      removeBottomSheetFromStack(id);\n    }\n  }, [addBottomSheetToStack, _isOpen, id, removeBottomSheetFromStack]);\n\n  // Handle TextInput inside BottomSheet\n  // We expand the BottomSheet to the max snapPoint so that when the keyboard opens\n  // the body content will be visible\n  // There is a standard way to do this:\n  // https://gorhom.github.io/react-native-bottom-sheet/keyboard-handling\n  // But this didn't worked because:\n  // https://github.com/gorhom/react-native-bottom-sheet/issues/618\n  React.useEffect(() => {\n    const showSubscription = Keyboard.addListener('keyboardDidShow', () => {\n      if (id && id === getTopOfTheStack()) {\n        sheetRef.current?.expand();\n      }\n    });\n    return () => {\n      showSubscription.remove();\n    };\n  }, [getTopOfTheStack, id]);\n\n  return (\n    <Portal hostName=\"BladeBottomSheetPortal\">\n      {/* Portalling both the context */}\n      <DropdownContext.Provider value={dropdownProps}>\n        <BottomSheetContext.Provider value={contextValue}>\n          <GorhomBottomSheet\n            style={\n              // only render shadow when the sheet is open,\n              // otherwise there is visible shadow leak from the bottom edge of the screen\n              isOpen\n                ? {\n                    // this is reverse top elevation of highRaised elevation token\n                    shadowColor: 'hsla(217,56%,17%,0.64)',\n                    shadowOffset: {\n                      width: 0,\n                      height: -18,\n                    },\n                    shadowOpacity: 0.2,\n                    shadowRadius: 12,\n                    // this fails on andorid because its not handled on GorhomBottomSheet internally, hence tradeoff but its fine because visually this barely makes any difference its that nice design detail\n                    // elevation: 40,\n                  }\n                : {}\n            }\n            enablePanDownToClose\n            enableOverDrag\n            enableContentPanningGesture\n            ref={sheetRef}\n            // on initial render if _isOpen is true we want to render the sheet at initialSnapPoint\n            // otherwise we want to render it at -1 so that it is not visible\n            index={_isOpen ? initialSnapPoint.current : -1}\n            containerStyle={{ zIndex: bottomSheetZIndex }}\n            animateOnMount={true}\n            handleComponent={renderHandle}\n            backgroundComponent={BottomSheetSurface}\n            footerComponent={renderFooter}\n            backdropComponent={renderBackdrop}\n            onClose={close}\n            snapPoints={_snapPoints}\n          >\n            {body}\n          </GorhomBottomSheet>\n        </BottomSheetContext.Provider>\n      </DropdownContext.Provider>\n    </Portal>\n  );\n};\n\nconst BottomSheet = assignWithoutSideEffects(_BottomSheet, {\n  componentId: ComponentIds.BottomSheet,\n});\n\nexport { BottomSheet, BottomSheetBody, BottomSheetFooter, BottomSheetHeader };\n"],"names":["BottomSheetSurface","styled","BaseBox","_ref","theme","borderTopLeftRadius","makeSpace","spacing","borderTopRightRadius","backgroundColor","colors","popup","background","subtle","justifyContent","alignItems","position","focusOnElement","element","reactTag","findNodeHandle","AccessibilityInfo","setAccessibilityFocus","_BottomSheet","_ref2","children","_ref2$snapPoints","snapPoints","isOpen","onDismiss","initialFocusRef","_ref2$zIndex","zIndex","componentZIndices","bottomSheet","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","defaultInitialFocusRef","React","useRef","sheetRef","_React$useState","useState","_React$useState2","_slicedToArray","header","setHeader","_React$useState3","_React$useState4","footer","setFooter","_React$useState5","_React$useState6","body","setBody","_isOpen","_React$useState7","_React$useState8","headerHeight","setHeaderHeight","_React$useState9","_React$useState10","footerHeight","setFooterHeight","_React$useState11","_React$useState12","contentHeight","setContentHeight","_React$useState13","_React$useState14","hasBodyPadding","setHasBodyPadding","_React$useState15","_React$useState16","isHeaderEmpty","setIsHeaderEmpty","initialSnapPoint","totalHeight","useMemo","id","useId","_useBottomSheetStack","useBottomSheetStack","addBottomSheetToStack","removeBottomSheetFromStack","getCurrentStackIndexById","getTopOfTheStack","currentStackIndex","bottomSheetZIndex","useIsomorphicLayoutEffect","hasAutoCompleteInBottomSheetHeader","current","height","Dimensions","get","middleSnapPoint","_snapPoints","map","point","close","useCallback","onBottomSheetDismiss","handleOnOpen","_sheetRef$current","snapToIndex","handleOnClose","_sheetRef$current2","Keyboard","dismiss","useEffect","setDropdownHasBottomSheet","useLayoutEffect","Children","forEach","child","getComponentId","ComponentIds","BottomSheetHeader","BottomSheetFooter","BottomSheetBody","renderFooter","props","_jsx","GorhomBottomSheetFooter","Object","assign","View","onLayout","event","nativeEvent","layout","renderBackdrop","BottomSheetBackdrop","renderHandle","_jsxs","top","left","right","_ref3","BottomSheetGrabHandle","isHeaderFloating","contextValue","isInBottomSheet","Boolean","positionY","scrollRef","bind","dropdownProps","useDropdown","showSubscription","addListener","_sheetRef$current3","expand","remove","Portal","hostName","DropdownContext","Provider","value","BottomSheetContext","GorhomBottomSheet","style","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","enablePanDownToClose","enableOverDrag","enableContentPanningGesture","ref","index","containerStyle","animateOnMount","handleComponent","backgroundComponent","footerComponent","backdropComponent","onClose","BottomSheet","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/Box/BaseBox/baseBoxStyles.js

@@ -14,7 +14,7 @@ import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js'
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import '../../BladeProvider/useTheme.js';
 
-var _excluded=["base"];var isSpacingToken=function isSpacingToken(value){return typeof value==='string'&&value.startsWith('spacing.');};var getSpacingValue=function getSpacingValue(spacingValue,theme,breakpoint){if(isEmpty(spacingValue)){return undefined;}var responsiveSpacingValue=getResponsiveValue(spacingValue,breakpoint);if(isEmpty(responsiveSpacingValue)){return undefined;}if(responsiveSpacingValue==='auto'){return responsiveSpacingValue;}if(Array.isArray(responsiveSpacingValue)){return responsiveSpacingValue.map(function(value){return getSpacingValue(value,theme);}).join(' ');}if(isSpacingToken(responsiveSpacingValue)){var spacingReturnValue=getIn(theme,responsiveSpacingValue);return isEmpty(spacingReturnValue)?makeSpace(spacingReturnValue):undefined;}return responsiveSpacingValue;};var getColorValue=function getColorValue(color,theme,breakpoint){var responsiveBackgroundValue=getResponsiveValue(color,breakpoint);var tokenValue=getIn(theme,`colors.${responsiveBackgroundValue}`);return tokenValue!=null?tokenValue:responsiveBackgroundValue;};var getBorderRadiusValue=function getBorderRadiusValue(borderRadius,theme,breakpoint){var responsiveBorderRadiusValue=getResponsiveValue(borderRadius,breakpoint);return isEmpty(responsiveBorderRadiusValue)?undefined:makeBorderSize(getIn(theme,`border.radius.${responsiveBorderRadiusValue}`));};var getBorderWidthValue=function getBorderWidthValue(borderWidth,theme,breakpoint){var responsiveBorderWidthValue=getResponsiveValue(borderWidth,breakpoint);return isEmpty(responsiveBorderWidthValue)?undefined:makeBorderSize(getIn(theme,`border.width.${responsiveBorderWidthValue}`));};var getElevationValue=function getElevationValue(elevation,theme,breakpoint){var responsiveElevationValue=getResponsiveValue(elevation,breakpoint);return isEmpty(responsiveElevationValue)?undefined:getIn(theme,`elevation.${responsiveElevationValue}`);};var getAllProps=function getAllProps(props,breakpoint){var _props$paddingTop,_props$paddingBottom,_props$paddingRight,_props$paddingLeft,_props$marginBottom,_props$marginTop,_props$marginRight,_props$marginLeft;var hasBorder=props.borderWidth||props.borderColor;var hasBorderRight=props.borderRight||props.borderRightColor||props.borderRightWidth;var hasBorderLeft=props.borderLeft||props.borderLeftColor||props.borderLeftWidth;var hasBorderTop=props.borderTop||props.borderTopColor||props.borderTopWidth;var hasBorderBottom=props.borderBottom||props.borderBottomColor||props.borderBottomWidth;return Object.assign({display:getResponsiveValue(props.display,breakpoint),overflow:getResponsiveValue(props.overflow,breakpoint),overflowX:getResponsiveValue(props.overflowX,breakpoint),overflowY:getResponsiveValue(props.overflowY,breakpoint),textAlign:getResponsiveValue(props.textAlign,breakpoint),whiteSpace:getResponsiveValue(props.whiteSpace,breakpoint),flex:getResponsiveValue(props.flex,breakpoint),flexWrap:getResponsiveValue(props.flexWrap,breakpoint),flexDirection:getResponsiveValue(props.flexDirection,breakpoint),flexGrow:getResponsiveValue(props.flexGrow,breakpoint),flexShrink:getResponsiveValue(props.flexShrink,breakpoint),flexBasis:getResponsiveValue(props.flexBasis,breakpoint),alignItems:getResponsiveValue(props.alignItems,breakpoint),alignContent:getResponsiveValue(props.alignContent,breakpoint),alignSelf:getResponsiveValue(props.alignSelf,breakpoint),justifyItems:getResponsiveValue(props.justifyItems,breakpoint),justifyContent:getResponsiveValue(props.justifyContent,breakpoint),justifySelf:getResponsiveValue(props.justifySelf,breakpoint),placeSelf:getResponsiveValue(props.placeSelf,breakpoint),placeItems:getResponsiveValue(props.placeItems,breakpoint),order:getResponsiveValue(props.order,breakpoint),position:getResponsiveValue(props.position,breakpoint),zIndex:getResponsiveValue(props.zIndex,breakpoint),grid:getResponsiveValue(props.grid,breakpoint),gridColumn:getResponsiveValue(props.gridColumn,breakpoint),gridRow:getResponsiveValue(props.gridRow,breakpoint),gridRowStart:getResponsiveValue(props.gridRowStart,breakpoint),gridRowEnd:getResponsiveValue(props.gridRowEnd,breakpoint),gridArea:getResponsiveValue(props.gridArea,breakpoint),gridAutoFlow:getResponsiveValue(props.gridAutoFlow,breakpoint),gridAutoRows:getResponsiveValue(props.gridAutoRows,breakpoint),gridAutoColumns:getResponsiveValue(props.gridAutoColumns,breakpoint),gridTemplate:getResponsiveValue(props.gridTemplate,breakpoint),gridTemplateAreas:getResponsiveValue(props.gridTemplateAreas,breakpoint),gridTemplateColumns:getResponsiveValue(props.gridTemplateColumns,breakpoint),gridTemplateRows:getResponsiveValue(props.gridTemplateRows,breakpoint),padding:getSpacingValue(props.padding,props.theme,breakpoint),paddingTop:getSpacingValue((_props$paddingTop=props.paddingTop)!=null?_props$paddingTop:props.paddingY,props.theme,breakpoint),paddingBottom:getSpacingValue((_props$paddingBottom=props.paddingBottom)!=null?_props$paddingBottom:props.paddingY,props.theme,breakpoint),paddingRight:getSpacingValue((_props$paddingRight=props.paddingRight)!=null?_props$paddingRight:props.paddingX,props.theme,breakpoint),paddingLeft:getSpacingValue((_props$paddingLeft=props.paddingLeft)!=null?_props$paddingLeft:props.paddingX,props.theme,breakpoint),margin:getSpacingValue(props.margin,props.theme,breakpoint),marginBottom:getSpacingValue((_props$marginBottom=props.marginBottom)!=null?_props$marginBottom:props.marginY,props.theme,breakpoint),marginTop:getSpacingValue((_props$marginTop=props.marginTop)!=null?_props$marginTop:props.marginY,props.theme,breakpoint),marginRight:getSpacingValue((_props$marginRight=props.marginRight)!=null?_props$marginRight:props.marginX,props.theme,breakpoint),marginLeft:getSpacingValue((_props$marginLeft=props.marginLeft)!=null?_props$marginLeft:props.marginX,props.theme,breakpoint),height:getSpacingValue(props.height,props.theme,breakpoint),minHeight:getSpacingValue(props.minHeight,props.theme,breakpoint),maxHeight:getSpacingValue(props.maxHeight,props.theme,breakpoint),width:getSpacingValue(props.width,props.theme,breakpoint),minWidth:getSpacingValue(props.minWidth,props.theme,breakpoint),maxWidth:getSpacingValue(props.maxWidth,props.theme,breakpoint),gap:getSpacingValue(props.gap,props.theme,breakpoint),rowGap:getSpacingValue(props.rowGap,props.theme,breakpoint),columnGap:getSpacingValue(props.columnGap,props.theme,breakpoint),top:getSpacingValue(props.top,props.theme,breakpoint),right:getSpacingValue(props.right,props.theme,breakpoint),bottom:getSpacingValue(props.bottom,props.theme,breakpoint),left:getSpacingValue(props.left,props.theme,breakpoint),backgroundColor:getColorValue(props.backgroundColor,props.theme,breakpoint),backgroundImage:getResponsiveValue(props.backgroundImage,breakpoint),backgroundSize:getResponsiveValue(props.backgroundSize,breakpoint),backgroundPosition:getResponsiveValue(props.backgroundPosition,breakpoint),backgroundOrigin:getResponsiveValue(props.backgroundOrigin,breakpoint),backgroundRepeat:getResponsiveValue(props.backgroundRepeat,breakpoint),borderRadius:getBorderRadiusValue(props.borderRadius,props.theme,breakpoint),lineHeight:getSpacingValue(props.lineHeight,props.theme,breakpoint),border:getResponsiveValue(props.border,breakpoint),borderTop:getResponsiveValue(props.borderTop,breakpoint),borderRight:getResponsiveValue(props.borderRight,breakpoint),borderBottom:getResponsiveValue(props.borderBottom,breakpoint),borderLeft:getResponsiveValue(props.borderLeft,breakpoint),borderWidth:getBorderWidthValue(props.borderWidth,props.theme,breakpoint),borderColor:getColorValue(props.borderColor,props.theme,breakpoint),borderTopWidth:getBorderWidthValue(props.borderTopWidth,props.theme,breakpoint),borderTopColor:getColorValue(props.borderTopColor,props.theme,breakpoint),borderRightWidth:getBorderWidthValue(props.borderRightWidth,props.theme,breakpoint),borderRightColor:getColorValue(props.borderRightColor,props.theme,breakpoint),borderBottomWidth:getBorderWidthValue(props.borderBottomWidth,props.theme,breakpoint),borderBottomColor:getColorValue(props.borderBottomColor,props.theme,breakpoint),borderLeftWidth:getBorderWidthValue(props.borderLeftWidth,props.theme,breakpoint),borderLeftColor:getColorValue(props.borderLeftColor,props.theme,breakpoint),borderTopLeftRadius:getBorderRadiusValue(props.borderTopLeftRadius,props.theme,breakpoint),borderTopRightRadius:getBorderRadiusValue(props.borderTopRightRadius,props.theme,breakpoint),borderBottomRightRadius:getBorderRadiusValue(props.borderBottomRightRadius,props.theme,breakpoint),borderBottomLeftRadius:getBorderRadiusValue(props.borderBottomLeftRadius,props.theme,breakpoint),borderStyle:hasBorder?'solid':undefined},!hasBorder&&{borderTopStyle:hasBorderTop?'solid':undefined,borderBottomStyle:hasBorderBottom?'solid':undefined,borderLeftStyle:hasBorderLeft?'solid':undefined,borderRightStyle:hasBorderRight?'solid':undefined},{touchAction:getResponsiveValue(props.touchAction,breakpoint),userSelect:getResponsiveValue(props.userSelect,breakpoint),pointerEvents:getResponsiveValue(props.pointerEvents),opacity:getResponsiveValue(props.opacity,breakpoint),visibility:getResponsiveValue(props.visibility,breakpoint)},!isReactNative()&&{boxShadow:getElevationValue(props.elevation,props.theme,breakpoint)},{transform:getResponsiveValue(props.transform,breakpoint),transformOrigin:getResponsiveValue(props.transformOrigin,breakpoint),clipPath:getResponsiveValue(props.clipPath,breakpoint)});};var shouldAddBreakpoint=function shouldAddBreakpoint(cssProps){var firstDefinedValue=Object.values(cssProps).find(function(cssValue){return cssValue!==undefined&&cssValue!==null;});return firstDefinedValue!==undefined;};var getAllMediaQueries=function getAllMediaQueries(props){if(isReactNative()){return {};}breakpoints.base;var breakpointsWithoutBase=_objectWithoutProperties(breakpoints,_excluded);return Object.fromEntries(Object.entries(breakpointsWithoutBase).map(function(_ref){var _ref2=_slicedToArray(_ref,2),breakpointKey=_ref2[0],breakpointValue=_ref2[1];var cssPropsForCurrentBreakpoint=getAllProps(props,breakpointKey);if(!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)){return [];}var mediaQuery=`@media ${getMediaQuery({min:breakpointValue})}`;return [mediaQuery,cssPropsForCurrentBreakpoint];}));};var getBaseBoxStyles=function getBaseBoxStyles(props){return Object.assign({},getAllProps(props),getAllMediaQueries(props));};
+var _excluded=["base"];var isSpacingToken=function isSpacingToken(value){return typeof value==='string'&&value.startsWith('spacing.');};var getSpacingValue=function getSpacingValue(spacingValue,theme,breakpoint){if(isEmpty(spacingValue)){return undefined;}var responsiveSpacingValue=getResponsiveValue(spacingValue,breakpoint);if(isEmpty(responsiveSpacingValue)){return undefined;}if(responsiveSpacingValue==='auto'){return responsiveSpacingValue;}if(Array.isArray(responsiveSpacingValue)){return responsiveSpacingValue.map(function(value){return getSpacingValue(value,theme);}).join(' ');}if(isSpacingToken(responsiveSpacingValue)){var spacingReturnValue=getIn(theme,responsiveSpacingValue);return isEmpty(spacingReturnValue)?makeSpace(spacingReturnValue):undefined;}return responsiveSpacingValue;};var getColorValue=function getColorValue(color,theme,breakpoint){var responsiveBackgroundValue=getResponsiveValue(color,breakpoint);var tokenValue=getIn(theme,`colors.${responsiveBackgroundValue}`);return tokenValue!=null?tokenValue:responsiveBackgroundValue;};var getBorderRadiusValue=function getBorderRadiusValue(borderRadius,theme,breakpoint){var responsiveBorderRadiusValue=getResponsiveValue(borderRadius,breakpoint);return isEmpty(responsiveBorderRadiusValue)?undefined:makeBorderSize(getIn(theme,`border.radius.${responsiveBorderRadiusValue}`));};var getBorderWidthValue=function getBorderWidthValue(borderWidth,theme,breakpoint){var responsiveBorderWidthValue=getResponsiveValue(borderWidth,breakpoint);return isEmpty(responsiveBorderWidthValue)?undefined:makeBorderSize(getIn(theme,`border.width.${responsiveBorderWidthValue}`));};var getElevationValue=function getElevationValue(elevation,theme,breakpoint){var responsiveElevationValue=getResponsiveValue(elevation,breakpoint);return isEmpty(responsiveElevationValue)?undefined:getIn(theme,`elevation.${responsiveElevationValue}`);};var getAllProps=function getAllProps(props,breakpoint){var _props$paddingTop,_props$paddingBottom,_props$paddingRight,_props$paddingLeft,_props$marginBottom,_props$marginTop,_props$marginRight,_props$marginLeft;var hasBorder=props.borderWidth||props.borderColor;var hasBorderRight=props.borderRight||props.borderRightColor||props.borderRightWidth;var hasBorderLeft=props.borderLeft||props.borderLeftColor||props.borderLeftWidth;var hasBorderTop=props.borderTop||props.borderTopColor||props.borderTopWidth;var hasBorderBottom=props.borderBottom||props.borderBottomColor||props.borderBottomWidth;return Object.assign({display:getResponsiveValue(props.display,breakpoint),overflow:getResponsiveValue(props.overflow,breakpoint),overflowX:getResponsiveValue(props.overflowX,breakpoint),overflowY:getResponsiveValue(props.overflowY,breakpoint),textAlign:getResponsiveValue(props.textAlign,breakpoint),whiteSpace:getResponsiveValue(props.whiteSpace,breakpoint),flex:getResponsiveValue(props.flex,breakpoint),flexWrap:getResponsiveValue(props.flexWrap,breakpoint),flexDirection:getResponsiveValue(props.flexDirection,breakpoint),flexGrow:getResponsiveValue(props.flexGrow,breakpoint),flexShrink:getResponsiveValue(props.flexShrink,breakpoint),flexBasis:getResponsiveValue(props.flexBasis,breakpoint),alignItems:getResponsiveValue(props.alignItems,breakpoint),alignContent:getResponsiveValue(props.alignContent,breakpoint),alignSelf:getResponsiveValue(props.alignSelf,breakpoint),justifyItems:getResponsiveValue(props.justifyItems,breakpoint),justifyContent:getResponsiveValue(props.justifyContent,breakpoint),justifySelf:getResponsiveValue(props.justifySelf,breakpoint),placeSelf:getResponsiveValue(props.placeSelf,breakpoint),placeItems:getResponsiveValue(props.placeItems,breakpoint),order:getResponsiveValue(props.order,breakpoint),position:getResponsiveValue(props.position,breakpoint),zIndex:getResponsiveValue(props.zIndex,breakpoint),grid:getResponsiveValue(props.grid,breakpoint),gridColumn:getResponsiveValue(props.gridColumn,breakpoint),gridRow:getResponsiveValue(props.gridRow,breakpoint),gridRowStart:getResponsiveValue(props.gridRowStart,breakpoint),gridRowEnd:getResponsiveValue(props.gridRowEnd,breakpoint),gridArea:getResponsiveValue(props.gridArea,breakpoint),gridAutoFlow:getResponsiveValue(props.gridAutoFlow,breakpoint),gridAutoRows:getResponsiveValue(props.gridAutoRows,breakpoint),gridAutoColumns:getResponsiveValue(props.gridAutoColumns,breakpoint),gridTemplate:getResponsiveValue(props.gridTemplate,breakpoint),gridTemplateAreas:getResponsiveValue(props.gridTemplateAreas,breakpoint),gridTemplateColumns:getResponsiveValue(props.gridTemplateColumns,breakpoint),gridTemplateRows:getResponsiveValue(props.gridTemplateRows,breakpoint),padding:getSpacingValue(props.padding,props.theme,breakpoint),paddingTop:getSpacingValue((_props$paddingTop=props.paddingTop)!=null?_props$paddingTop:props.paddingY,props.theme,breakpoint),paddingBottom:getSpacingValue((_props$paddingBottom=props.paddingBottom)!=null?_props$paddingBottom:props.paddingY,props.theme,breakpoint),paddingRight:getSpacingValue((_props$paddingRight=props.paddingRight)!=null?_props$paddingRight:props.paddingX,props.theme,breakpoint),paddingLeft:getSpacingValue((_props$paddingLeft=props.paddingLeft)!=null?_props$paddingLeft:props.paddingX,props.theme,breakpoint),margin:getSpacingValue(props.margin,props.theme,breakpoint),marginBottom:getSpacingValue((_props$marginBottom=props.marginBottom)!=null?_props$marginBottom:props.marginY,props.theme,breakpoint),marginTop:getSpacingValue((_props$marginTop=props.marginTop)!=null?_props$marginTop:props.marginY,props.theme,breakpoint),marginRight:getSpacingValue((_props$marginRight=props.marginRight)!=null?_props$marginRight:props.marginX,props.theme,breakpoint),marginLeft:getSpacingValue((_props$marginLeft=props.marginLeft)!=null?_props$marginLeft:props.marginX,props.theme,breakpoint),height:getSpacingValue(props.height,props.theme,breakpoint),minHeight:getSpacingValue(props.minHeight,props.theme,breakpoint),maxHeight:getSpacingValue(props.maxHeight,props.theme,breakpoint),width:getSpacingValue(props.width,props.theme,breakpoint),minWidth:getSpacingValue(props.minWidth,props.theme,breakpoint),maxWidth:getSpacingValue(props.maxWidth,props.theme,breakpoint),gap:getSpacingValue(props.gap,props.theme,breakpoint),rowGap:getSpacingValue(props.rowGap,props.theme,breakpoint),columnGap:getSpacingValue(props.columnGap,props.theme,breakpoint),top:getSpacingValue(props.top,props.theme,breakpoint),right:getSpacingValue(props.right,props.theme,breakpoint),bottom:getSpacingValue(props.bottom,props.theme,breakpoint),left:getSpacingValue(props.left,props.theme,breakpoint),backgroundColor:getColorValue(props.backgroundColor,props.theme,breakpoint),backgroundImage:getResponsiveValue(props.backgroundImage,breakpoint),backgroundSize:getResponsiveValue(props.backgroundSize,breakpoint),backgroundPosition:getResponsiveValue(props.backgroundPosition,breakpoint),backgroundOrigin:getResponsiveValue(props.backgroundOrigin,breakpoint),backgroundRepeat:getResponsiveValue(props.backgroundRepeat,breakpoint),borderRadius:getBorderRadiusValue(props.borderRadius,props.theme,breakpoint),lineHeight:getSpacingValue(props.lineHeight,props.theme,breakpoint),border:getResponsiveValue(props.border,breakpoint),borderTop:getResponsiveValue(props.borderTop,breakpoint),borderRight:getResponsiveValue(props.borderRight,breakpoint),borderBottom:getResponsiveValue(props.borderBottom,breakpoint),borderLeft:getResponsiveValue(props.borderLeft,breakpoint),borderWidth:getBorderWidthValue(props.borderWidth,props.theme,breakpoint),borderColor:getColorValue(props.borderColor,props.theme,breakpoint),borderTopWidth:getBorderWidthValue(props.borderTopWidth,props.theme,breakpoint),borderTopColor:getColorValue(props.borderTopColor,props.theme,breakpoint),borderRightWidth:getBorderWidthValue(props.borderRightWidth,props.theme,breakpoint),borderRightColor:getColorValue(props.borderRightColor,props.theme,breakpoint),borderBottomWidth:getBorderWidthValue(props.borderBottomWidth,props.theme,breakpoint),borderBottomColor:getColorValue(props.borderBottomColor,props.theme,breakpoint),borderLeftWidth:getBorderWidthValue(props.borderLeftWidth,props.theme,breakpoint),borderLeftColor:getColorValue(props.borderLeftColor,props.theme,breakpoint),borderTopLeftRadius:getBorderRadiusValue(props.borderTopLeftRadius,props.theme,breakpoint),borderTopRightRadius:getBorderRadiusValue(props.borderTopRightRadius,props.theme,breakpoint),borderBottomRightRadius:getBorderRadiusValue(props.borderBottomRightRadius,props.theme,breakpoint),borderBottomLeftRadius:getBorderRadiusValue(props.borderBottomLeftRadius,props.theme,breakpoint),borderStyle:hasBorder?'solid':undefined,cursor:getResponsiveValue(props.cursor,breakpoint)},!hasBorder&&{borderTopStyle:hasBorderTop?'solid':undefined,borderBottomStyle:hasBorderBottom?'solid':undefined,borderLeftStyle:hasBorderLeft?'solid':undefined,borderRightStyle:hasBorderRight?'solid':undefined},{touchAction:getResponsiveValue(props.touchAction,breakpoint),userSelect:getResponsiveValue(props.userSelect,breakpoint),pointerEvents:getResponsiveValue(props.pointerEvents),opacity:getResponsiveValue(props.opacity,breakpoint),visibility:getResponsiveValue(props.visibility,breakpoint)},!isReactNative()&&{boxShadow:getElevationValue(props.elevation,props.theme,breakpoint)},{transform:getResponsiveValue(props.transform,breakpoint),transformOrigin:getResponsiveValue(props.transformOrigin,breakpoint),clipPath:getResponsiveValue(props.clipPath,breakpoint)});};var shouldAddBreakpoint=function shouldAddBreakpoint(cssProps){var firstDefinedValue=Object.values(cssProps).find(function(cssValue){return cssValue!==undefined&&cssValue!==null;});return firstDefinedValue!==undefined;};var getAllMediaQueries=function getAllMediaQueries(props){if(isReactNative()){return {};}breakpoints.base;var breakpointsWithoutBase=_objectWithoutProperties(breakpoints,_excluded);return Object.fromEntries(Object.entries(breakpointsWithoutBase).map(function(_ref){var _ref2=_slicedToArray(_ref,2),breakpointKey=_ref2[0],breakpointValue=_ref2[1];var cssPropsForCurrentBreakpoint=getAllProps(props,breakpointKey);if(!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)){return [];}var mediaQuery=`@media ${getMediaQuery({min:breakpointValue})}`;return [mediaQuery,cssPropsForCurrentBreakpoint];}));};var getBaseBoxStyles=function getBaseBoxStyles(props){return Object.assign({},getAllProps(props),getAllMediaQueries(props));};
 
 export { getAllMediaQueries, getAllProps, getBaseBoxStyles, getBorderRadiusValue, getColorValue, getElevationValue, getSpacingValue, shouldAddBreakpoint };
 //# sourceMappingURL=baseBoxStyles.js.map

package/build/lib/native/components/Box/BaseBox/baseBoxStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseBoxStyles.js","sources":["../../../../../../src/components/Box/BaseBox/baseBoxStyles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSObject } from 'styled-components';\nimport type {\n  BaseBoxProps,\n  MakeValueResponsive,\n  SpacingValueType,\n  ArrayOfMaxLength4,\n} from './types';\nimport { getResponsiveValue } from './getResponsiveValue';\nimport getIn from '~utils/lodashButBetter/get';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { Breakpoints } from '~tokens/global';\nimport { breakpoints } from '~tokens/global';\nimport { isReactNative, getMediaQuery } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\nconst isSpacingToken = (value: string): value is DotNotationSpacingStringToken => {\n  return typeof value === 'string' && value.startsWith('spacing.');\n};\n\nconst getSpacingValue = (\n  spacingValue:\n    | MakeValueResponsive<SpacingValueType | ArrayOfMaxLength4<SpacingValueType>>\n    | undefined,\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  if (isEmpty(spacingValue)) {\n    return undefined;\n  }\n\n  const responsiveSpacingValue = getResponsiveValue(\n    spacingValue as MakeValueResponsive<SpacingValueType | SpacingValueType[]>,\n    breakpoint,\n  );\n\n  if (isEmpty(responsiveSpacingValue)) {\n    return undefined;\n  }\n\n  if (responsiveSpacingValue === 'auto') {\n    return responsiveSpacingValue;\n  }\n\n  if (Array.isArray(responsiveSpacingValue)) {\n    return responsiveSpacingValue.map((value) => getSpacingValue(value, theme)).join(' ');\n  }\n\n  if (isSpacingToken(responsiveSpacingValue)) {\n    const spacingReturnValue = getIn(theme, responsiveSpacingValue);\n    return isEmpty(spacingReturnValue) ? makeSpace(spacingReturnValue!) : undefined;\n  }\n\n  // pixel or with unit values\n  return responsiveSpacingValue;\n};\n\nconst getColorValue = (\n  color: BaseBoxProps['backgroundColor'] | BaseBoxProps['borderColor'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string => {\n  const responsiveBackgroundValue = getResponsiveValue(color, breakpoint);\n  // @ts-expect-error: We always return any from getResponsiveValue so value can't be inferred here\n  const tokenValue = getIn(theme, `colors.${responsiveBackgroundValue}`);\n  return tokenValue ?? responsiveBackgroundValue;\n};\n\nconst getBorderRadiusValue = (\n  borderRadius: BaseBoxProps['borderRadius'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveBorderRadiusValue = getResponsiveValue(borderRadius, breakpoint);\n  return isEmpty(responsiveBorderRadiusValue)\n    ? undefined\n    : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      makeBorderSize(getIn(theme, `border.radius.${responsiveBorderRadiusValue}`));\n};\n\nconst getBorderWidthValue = (\n  borderWidth: BaseBoxProps['borderWidth'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveBorderWidthValue = getResponsiveValue(borderWidth, breakpoint);\n  return isEmpty(responsiveBorderWidthValue)\n    ? undefined\n    : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      makeBorderSize(getIn(theme, `border.width.${responsiveBorderWidthValue}`));\n};\n\nexport const getElevationValue = (\n  elevation: BaseBoxProps['elevation'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveElevationValue = getResponsiveValue(elevation, breakpoint);\n  return isEmpty(responsiveElevationValue)\n    ? undefined\n    : // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n      // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      getIn(theme, `elevation.${responsiveElevationValue!}`);\n};\n\nconst getAllProps = (\n  props: BaseBoxProps & { theme: Theme },\n  breakpoint?: keyof Breakpoints,\n): CSSObject => {\n  const hasBorder = props.borderWidth || props.borderColor;\n  const hasBorderRight = props.borderRight || props.borderRightColor || props.borderRightWidth;\n  const hasBorderLeft = props.borderLeft || props.borderLeftColor || props.borderLeftWidth;\n  const hasBorderTop = props.borderTop || props.borderTopColor || props.borderTopWidth;\n  const hasBorderBottom = props.borderBottom || props.borderBottomColor || props.borderBottomWidth;\n\n  return {\n    display: getResponsiveValue(props.display, breakpoint),\n    overflow: getResponsiveValue(props.overflow, breakpoint),\n    overflowX: getResponsiveValue(props.overflowX, breakpoint),\n    overflowY: getResponsiveValue(props.overflowY, breakpoint),\n    textAlign: getResponsiveValue(props.textAlign, breakpoint),\n    whiteSpace: getResponsiveValue(props.whiteSpace, breakpoint),\n\n    // Flex\n    flex: getResponsiveValue(props.flex, breakpoint),\n    flexWrap: getResponsiveValue(props.flexWrap, breakpoint),\n    flexDirection: getResponsiveValue(props.flexDirection, breakpoint),\n    flexGrow: getResponsiveValue(props.flexGrow, breakpoint),\n    flexShrink: getResponsiveValue(props.flexShrink, breakpoint),\n    flexBasis: getResponsiveValue(props.flexBasis, breakpoint),\n    alignItems: getResponsiveValue(props.alignItems, breakpoint),\n    alignContent: getResponsiveValue(props.alignContent, breakpoint),\n    alignSelf: getResponsiveValue(props.alignSelf, breakpoint),\n    justifyItems: getResponsiveValue(props.justifyItems, breakpoint),\n    justifyContent: getResponsiveValue(props.justifyContent, breakpoint),\n    justifySelf: getResponsiveValue(props.justifySelf, breakpoint),\n    placeSelf: getResponsiveValue(props.placeSelf, breakpoint),\n    placeItems: getResponsiveValue(props.placeItems, breakpoint),\n    order: getResponsiveValue(props.order, breakpoint),\n    position: getResponsiveValue(props.position, breakpoint),\n    zIndex: getResponsiveValue(props.zIndex, breakpoint),\n\n    // Grid\n    grid: getResponsiveValue(props.grid, breakpoint),\n    gridColumn: getResponsiveValue(props.gridColumn, breakpoint),\n    gridRow: getResponsiveValue(props.gridRow, breakpoint),\n    gridRowStart: getResponsiveValue(props.gridRowStart, breakpoint),\n    gridRowEnd: getResponsiveValue(props.gridRowEnd, breakpoint),\n    gridArea: getResponsiveValue(props.gridArea, breakpoint),\n    gridAutoFlow: getResponsiveValue(props.gridAutoFlow, breakpoint),\n    gridAutoRows: getResponsiveValue(props.gridAutoRows, breakpoint),\n    gridAutoColumns: getResponsiveValue(props.gridAutoColumns, breakpoint),\n    gridTemplate: getResponsiveValue(props.gridTemplate, breakpoint),\n    gridTemplateAreas: getResponsiveValue(props.gridTemplateAreas, breakpoint),\n    gridTemplateColumns: getResponsiveValue(props.gridTemplateColumns, breakpoint),\n    gridTemplateRows: getResponsiveValue(props.gridTemplateRows, breakpoint),\n\n    // Spacing Props\n    padding: getSpacingValue(props.padding, props.theme, breakpoint),\n    paddingTop: getSpacingValue(props.paddingTop ?? props.paddingY, props.theme, breakpoint),\n    paddingBottom: getSpacingValue(props.paddingBottom ?? props.paddingY, props.theme, breakpoint),\n    paddingRight: getSpacingValue(props.paddingRight ?? props.paddingX, props.theme, breakpoint),\n    paddingLeft: getSpacingValue(props.paddingLeft ?? props.paddingX, props.theme, breakpoint),\n    margin: getSpacingValue(props.margin, props.theme, breakpoint),\n    marginBottom: getSpacingValue(props.marginBottom ?? props.marginY, props.theme, breakpoint),\n    marginTop: getSpacingValue(props.marginTop ?? props.marginY, props.theme, breakpoint),\n    marginRight: getSpacingValue(props.marginRight ?? props.marginX, props.theme, breakpoint),\n    marginLeft: getSpacingValue(props.marginLeft ?? props.marginX, props.theme, breakpoint),\n    height: getSpacingValue(props.height, props.theme, breakpoint),\n    minHeight: getSpacingValue(props.minHeight, props.theme, breakpoint),\n    maxHeight: getSpacingValue(props.maxHeight, props.theme, breakpoint),\n    width: getSpacingValue(props.width, props.theme, breakpoint),\n    minWidth: getSpacingValue(props.minWidth, props.theme, breakpoint),\n    maxWidth: getSpacingValue(props.maxWidth, props.theme, breakpoint),\n    gap: getSpacingValue(props.gap, props.theme, breakpoint),\n    rowGap: getSpacingValue(props.rowGap, props.theme, breakpoint),\n    columnGap: getSpacingValue(props.columnGap, props.theme, breakpoint),\n    top: getSpacingValue(props.top, props.theme, breakpoint),\n    right: getSpacingValue(props.right, props.theme, breakpoint),\n    bottom: getSpacingValue(props.bottom, props.theme, breakpoint),\n    left: getSpacingValue(props.left, props.theme, breakpoint),\n\n    // Visual props\n    backgroundColor: getColorValue(props.backgroundColor, props.theme, breakpoint),\n    backgroundImage: getResponsiveValue(props.backgroundImage, breakpoint),\n    backgroundSize: getResponsiveValue(props.backgroundSize, breakpoint),\n    backgroundPosition: getResponsiveValue(props.backgroundPosition, breakpoint),\n    backgroundOrigin: getResponsiveValue(props.backgroundOrigin, breakpoint),\n    backgroundRepeat: getResponsiveValue(props.backgroundRepeat, breakpoint),\n    borderRadius: getBorderRadiusValue(props.borderRadius, props.theme, breakpoint),\n    lineHeight: getSpacingValue(props.lineHeight, props.theme, breakpoint),\n    border: getResponsiveValue(props.border, breakpoint),\n    borderTop: getResponsiveValue(props.borderTop, breakpoint),\n    borderRight: getResponsiveValue(props.borderRight, breakpoint),\n    borderBottom: getResponsiveValue(props.borderBottom, breakpoint),\n    borderLeft: getResponsiveValue(props.borderLeft, breakpoint),\n    borderWidth: getBorderWidthValue(props.borderWidth, props.theme, breakpoint),\n    borderColor: getColorValue(props.borderColor, props.theme, breakpoint),\n    borderTopWidth: getBorderWidthValue(props.borderTopWidth, props.theme, breakpoint),\n    borderTopColor: getColorValue(props.borderTopColor, props.theme, breakpoint),\n    borderRightWidth: getBorderWidthValue(props.borderRightWidth, props.theme, breakpoint),\n    borderRightColor: getColorValue(props.borderRightColor, props.theme, breakpoint),\n    borderBottomWidth: getBorderWidthValue(props.borderBottomWidth, props.theme, breakpoint),\n    borderBottomColor: getColorValue(props.borderBottomColor, props.theme, breakpoint),\n    borderLeftWidth: getBorderWidthValue(props.borderLeftWidth, props.theme, breakpoint),\n    borderLeftColor: getColorValue(props.borderLeftColor, props.theme, breakpoint),\n    borderTopLeftRadius: getBorderRadiusValue(props.borderTopLeftRadius, props.theme, breakpoint),\n    borderTopRightRadius: getBorderRadiusValue(props.borderTopRightRadius, props.theme, breakpoint),\n    borderBottomRightRadius: getBorderRadiusValue(\n      props.borderBottomRightRadius,\n      props.theme,\n      breakpoint,\n    ),\n    borderBottomLeftRadius: getBorderRadiusValue(\n      props.borderBottomLeftRadius,\n      props.theme,\n      breakpoint,\n    ),\n    borderStyle: hasBorder ? 'solid' : undefined,\n    // Since we only allow 'solid', we can use the same value for all borders if hasBorder is true\n    // If hasBorder is false, we need to check each border individually\n    ...(!hasBorder && {\n      borderTopStyle: hasBorderTop ? 'solid' : undefined,\n      borderBottomStyle: hasBorderBottom ? 'solid' : undefined,\n      borderLeftStyle: hasBorderLeft ? 'solid' : undefined,\n      borderRightStyle: hasBorderRight ? 'solid' : undefined,\n    }),\n\n    touchAction: getResponsiveValue(props.touchAction, breakpoint),\n    userSelect: getResponsiveValue(props.userSelect, breakpoint),\n    pointerEvents: getResponsiveValue(props.pointerEvents),\n    opacity: getResponsiveValue(props.opacity, breakpoint),\n    visibility: getResponsiveValue(props.visibility, breakpoint),\n    ...(!isReactNative() && {\n      boxShadow: getElevationValue(props.elevation, props.theme, breakpoint),\n    }),\n\n    // Polygon support\n    transform: getResponsiveValue(props.transform as string, breakpoint),\n    transformOrigin: getResponsiveValue(props.transformOrigin, breakpoint),\n    clipPath: getResponsiveValue(props.clipPath, breakpoint),\n  };\n};\n\n/** We only add breakpoint if at least one of the value is defined */\nconst shouldAddBreakpoint = (cssProps: CSSObject): boolean => {\n  const firstDefinedValue = Object.values(cssProps).find(\n    (cssValue) => cssValue !== undefined && cssValue !== null,\n  );\n\n  return firstDefinedValue !== undefined;\n};\n\nconst getAllMediaQueries = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n  if (isReactNative()) {\n    return {};\n  }\n\n  const { base, ...breakpointsWithoutBase } = breakpoints;\n\n  return Object.fromEntries(\n    Object.entries(breakpointsWithoutBase).map(([breakpointKey, breakpointValue]) => {\n      const cssPropsForCurrentBreakpoint = getAllProps(props, breakpointKey as keyof Breakpoints);\n      if (!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)) {\n        return [];\n      }\n\n      const mediaQuery = `@media ${getMediaQuery({ min: breakpointValue })}`;\n      return [mediaQuery, cssPropsForCurrentBreakpoint];\n    }),\n  );\n};\n\nconst getBaseBoxStyles = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n  return {\n    ...getAllProps(props),\n    ...getAllMediaQueries(props),\n  };\n};\n\nexport {\n  getBaseBoxStyles,\n  getSpacingValue,\n  getColorValue,\n  getBorderRadiusValue,\n  shouldAddBreakpoint,\n  getAllMediaQueries,\n  getAllProps,\n};\n"],"names":["isSpacingToken","value","startsWith","getSpacingValue","spacingValue","theme","breakpoint","isEmpty","undefined","responsiveSpacingValue","getResponsiveValue","Array","isArray","map","join","spacingReturnValue","getIn","makeSpace","getColorValue","color","responsiveBackgroundValue","tokenValue","getBorderRadiusValue","borderRadius","responsiveBorderRadiusValue","makeBorderSize","getBorderWidthValue","borderWidth","responsiveBorderWidthValue","getElevationValue","elevation","responsiveElevationValue","getAllProps","props","_props$paddingTop","_props$paddingBottom","_props$paddingRight","_props$paddingLeft","_props$marginBottom","_props$marginTop","_props$marginRight","_props$marginLeft","hasBorder","borderColor","hasBorderRight","borderRight","borderRightColor","borderRightWidth","hasBorderLeft","borderLeft","borderLeftColor","borderLeftWidth","hasBorderTop","borderTop","borderTopColor","borderTopWidth","hasBorderBottom","borderBottom","borderBottomColor","borderBottomWidth","Object","assign","display","overflow","overflowX","overflowY","textAlign","whiteSpace","flex","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","position","zIndex","grid","gridColumn","gridRow","gridRowStart","gridRowEnd","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","padding","paddingTop","paddingY","paddingBottom","paddingRight","paddingX","paddingLeft","margin","marginBottom","marginY","marginTop","marginRight","marginX","marginLeft","height","minHeight","maxHeight","width","minWidth","maxWidth","gap","rowGap","columnGap","top","right","bottom","left","backgroundColor","backgroundImage","backgroundSize","backgroundPosition","backgroundOrigin","backgroundRepeat","lineHeight","border","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderStyle","borderTopStyle","borderBottomStyle","borderLeftStyle","borderRightStyle","touchAction","userSelect","pointerEvents","opacity","visibility","isReactNative","boxShadow","transform","transformOrigin","clipPath","shouldAddBreakpoint","cssProps","firstDefinedValue","values","find","cssValue","getAllMediaQueries","breakpoints","base","breakpointsWithoutBase","_objectWithoutProperties","_excluded","fromEntries","entries","_ref","_ref2","_slicedToArray","breakpointKey","breakpointValue","cssPropsForCurrentBreakpoint","mediaQuery","getMediaQuery","min","getBaseBoxStyles"],"mappings":"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"}
+{"version":3,"file":"baseBoxStyles.js","sources":["../../../../../../src/components/Box/BaseBox/baseBoxStyles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSObject } from 'styled-components';\nimport type {\n  BaseBoxProps,\n  MakeValueResponsive,\n  SpacingValueType,\n  ArrayOfMaxLength4,\n} from './types';\nimport { getResponsiveValue } from './getResponsiveValue';\nimport getIn from '~utils/lodashButBetter/get';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { Breakpoints } from '~tokens/global';\nimport { breakpoints } from '~tokens/global';\nimport { isReactNative, getMediaQuery } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\nconst isSpacingToken = (value: string): value is DotNotationSpacingStringToken => {\n  return typeof value === 'string' && value.startsWith('spacing.');\n};\n\nconst getSpacingValue = (\n  spacingValue:\n    | MakeValueResponsive<SpacingValueType | ArrayOfMaxLength4<SpacingValueType>>\n    | undefined,\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  if (isEmpty(spacingValue)) {\n    return undefined;\n  }\n\n  const responsiveSpacingValue = getResponsiveValue(\n    spacingValue as MakeValueResponsive<SpacingValueType | SpacingValueType[]>,\n    breakpoint,\n  );\n\n  if (isEmpty(responsiveSpacingValue)) {\n    return undefined;\n  }\n\n  if (responsiveSpacingValue === 'auto') {\n    return responsiveSpacingValue;\n  }\n\n  if (Array.isArray(responsiveSpacingValue)) {\n    return responsiveSpacingValue.map((value) => getSpacingValue(value, theme)).join(' ');\n  }\n\n  if (isSpacingToken(responsiveSpacingValue)) {\n    const spacingReturnValue = getIn(theme, responsiveSpacingValue);\n    return isEmpty(spacingReturnValue) ? makeSpace(spacingReturnValue!) : undefined;\n  }\n\n  // pixel or with unit values\n  return responsiveSpacingValue;\n};\n\nconst getColorValue = (\n  color: BaseBoxProps['backgroundColor'] | BaseBoxProps['borderColor'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string => {\n  const responsiveBackgroundValue = getResponsiveValue(color, breakpoint);\n  // @ts-expect-error: We always return any from getResponsiveValue so value can't be inferred here\n  const tokenValue = getIn(theme, `colors.${responsiveBackgroundValue}`);\n  return tokenValue ?? responsiveBackgroundValue;\n};\n\nconst getBorderRadiusValue = (\n  borderRadius: BaseBoxProps['borderRadius'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveBorderRadiusValue = getResponsiveValue(borderRadius, breakpoint);\n  return isEmpty(responsiveBorderRadiusValue)\n    ? undefined\n    : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      makeBorderSize(getIn(theme, `border.radius.${responsiveBorderRadiusValue}`));\n};\n\nconst getBorderWidthValue = (\n  borderWidth: BaseBoxProps['borderWidth'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveBorderWidthValue = getResponsiveValue(borderWidth, breakpoint);\n  return isEmpty(responsiveBorderWidthValue)\n    ? undefined\n    : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      makeBorderSize(getIn(theme, `border.width.${responsiveBorderWidthValue}`));\n};\n\nexport const getElevationValue = (\n  elevation: BaseBoxProps['elevation'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveElevationValue = getResponsiveValue(elevation, breakpoint);\n  return isEmpty(responsiveElevationValue)\n    ? undefined\n    : // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n      // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      getIn(theme, `elevation.${responsiveElevationValue!}`);\n};\n\nconst getAllProps = (\n  props: BaseBoxProps & { theme: Theme },\n  breakpoint?: keyof Breakpoints,\n): CSSObject => {\n  const hasBorder = props.borderWidth || props.borderColor;\n  const hasBorderRight = props.borderRight || props.borderRightColor || props.borderRightWidth;\n  const hasBorderLeft = props.borderLeft || props.borderLeftColor || props.borderLeftWidth;\n  const hasBorderTop = props.borderTop || props.borderTopColor || props.borderTopWidth;\n  const hasBorderBottom = props.borderBottom || props.borderBottomColor || props.borderBottomWidth;\n\n  return {\n    display: getResponsiveValue(props.display, breakpoint),\n    overflow: getResponsiveValue(props.overflow, breakpoint),\n    overflowX: getResponsiveValue(props.overflowX, breakpoint),\n    overflowY: getResponsiveValue(props.overflowY, breakpoint),\n    textAlign: getResponsiveValue(props.textAlign, breakpoint),\n    whiteSpace: getResponsiveValue(props.whiteSpace, breakpoint),\n\n    // Flex\n    flex: getResponsiveValue(props.flex, breakpoint),\n    flexWrap: getResponsiveValue(props.flexWrap, breakpoint),\n    flexDirection: getResponsiveValue(props.flexDirection, breakpoint),\n    flexGrow: getResponsiveValue(props.flexGrow, breakpoint),\n    flexShrink: getResponsiveValue(props.flexShrink, breakpoint),\n    flexBasis: getResponsiveValue(props.flexBasis, breakpoint),\n    alignItems: getResponsiveValue(props.alignItems, breakpoint),\n    alignContent: getResponsiveValue(props.alignContent, breakpoint),\n    alignSelf: getResponsiveValue(props.alignSelf, breakpoint),\n    justifyItems: getResponsiveValue(props.justifyItems, breakpoint),\n    justifyContent: getResponsiveValue(props.justifyContent, breakpoint),\n    justifySelf: getResponsiveValue(props.justifySelf, breakpoint),\n    placeSelf: getResponsiveValue(props.placeSelf, breakpoint),\n    placeItems: getResponsiveValue(props.placeItems, breakpoint),\n    order: getResponsiveValue(props.order, breakpoint),\n    position: getResponsiveValue(props.position, breakpoint),\n    zIndex: getResponsiveValue(props.zIndex, breakpoint),\n\n    // Grid\n    grid: getResponsiveValue(props.grid, breakpoint),\n    gridColumn: getResponsiveValue(props.gridColumn, breakpoint),\n    gridRow: getResponsiveValue(props.gridRow, breakpoint),\n    gridRowStart: getResponsiveValue(props.gridRowStart, breakpoint),\n    gridRowEnd: getResponsiveValue(props.gridRowEnd, breakpoint),\n    gridArea: getResponsiveValue(props.gridArea, breakpoint),\n    gridAutoFlow: getResponsiveValue(props.gridAutoFlow, breakpoint),\n    gridAutoRows: getResponsiveValue(props.gridAutoRows, breakpoint),\n    gridAutoColumns: getResponsiveValue(props.gridAutoColumns, breakpoint),\n    gridTemplate: getResponsiveValue(props.gridTemplate, breakpoint),\n    gridTemplateAreas: getResponsiveValue(props.gridTemplateAreas, breakpoint),\n    gridTemplateColumns: getResponsiveValue(props.gridTemplateColumns, breakpoint),\n    gridTemplateRows: getResponsiveValue(props.gridTemplateRows, breakpoint),\n\n    // Spacing Props\n    padding: getSpacingValue(props.padding, props.theme, breakpoint),\n    paddingTop: getSpacingValue(props.paddingTop ?? props.paddingY, props.theme, breakpoint),\n    paddingBottom: getSpacingValue(props.paddingBottom ?? props.paddingY, props.theme, breakpoint),\n    paddingRight: getSpacingValue(props.paddingRight ?? props.paddingX, props.theme, breakpoint),\n    paddingLeft: getSpacingValue(props.paddingLeft ?? props.paddingX, props.theme, breakpoint),\n    margin: getSpacingValue(props.margin, props.theme, breakpoint),\n    marginBottom: getSpacingValue(props.marginBottom ?? props.marginY, props.theme, breakpoint),\n    marginTop: getSpacingValue(props.marginTop ?? props.marginY, props.theme, breakpoint),\n    marginRight: getSpacingValue(props.marginRight ?? props.marginX, props.theme, breakpoint),\n    marginLeft: getSpacingValue(props.marginLeft ?? props.marginX, props.theme, breakpoint),\n    height: getSpacingValue(props.height, props.theme, breakpoint),\n    minHeight: getSpacingValue(props.minHeight, props.theme, breakpoint),\n    maxHeight: getSpacingValue(props.maxHeight, props.theme, breakpoint),\n    width: getSpacingValue(props.width, props.theme, breakpoint),\n    minWidth: getSpacingValue(props.minWidth, props.theme, breakpoint),\n    maxWidth: getSpacingValue(props.maxWidth, props.theme, breakpoint),\n    gap: getSpacingValue(props.gap, props.theme, breakpoint),\n    rowGap: getSpacingValue(props.rowGap, props.theme, breakpoint),\n    columnGap: getSpacingValue(props.columnGap, props.theme, breakpoint),\n    top: getSpacingValue(props.top, props.theme, breakpoint),\n    right: getSpacingValue(props.right, props.theme, breakpoint),\n    bottom: getSpacingValue(props.bottom, props.theme, breakpoint),\n    left: getSpacingValue(props.left, props.theme, breakpoint),\n\n    // Visual props\n    backgroundColor: getColorValue(props.backgroundColor, props.theme, breakpoint),\n    backgroundImage: getResponsiveValue(props.backgroundImage, breakpoint),\n    backgroundSize: getResponsiveValue(props.backgroundSize, breakpoint),\n    backgroundPosition: getResponsiveValue(props.backgroundPosition, breakpoint),\n    backgroundOrigin: getResponsiveValue(props.backgroundOrigin, breakpoint),\n    backgroundRepeat: getResponsiveValue(props.backgroundRepeat, breakpoint),\n    borderRadius: getBorderRadiusValue(props.borderRadius, props.theme, breakpoint),\n    lineHeight: getSpacingValue(props.lineHeight, props.theme, breakpoint),\n    border: getResponsiveValue(props.border, breakpoint),\n    borderTop: getResponsiveValue(props.borderTop, breakpoint),\n    borderRight: getResponsiveValue(props.borderRight, breakpoint),\n    borderBottom: getResponsiveValue(props.borderBottom, breakpoint),\n    borderLeft: getResponsiveValue(props.borderLeft, breakpoint),\n    borderWidth: getBorderWidthValue(props.borderWidth, props.theme, breakpoint),\n    borderColor: getColorValue(props.borderColor, props.theme, breakpoint),\n    borderTopWidth: getBorderWidthValue(props.borderTopWidth, props.theme, breakpoint),\n    borderTopColor: getColorValue(props.borderTopColor, props.theme, breakpoint),\n    borderRightWidth: getBorderWidthValue(props.borderRightWidth, props.theme, breakpoint),\n    borderRightColor: getColorValue(props.borderRightColor, props.theme, breakpoint),\n    borderBottomWidth: getBorderWidthValue(props.borderBottomWidth, props.theme, breakpoint),\n    borderBottomColor: getColorValue(props.borderBottomColor, props.theme, breakpoint),\n    borderLeftWidth: getBorderWidthValue(props.borderLeftWidth, props.theme, breakpoint),\n    borderLeftColor: getColorValue(props.borderLeftColor, props.theme, breakpoint),\n    borderTopLeftRadius: getBorderRadiusValue(props.borderTopLeftRadius, props.theme, breakpoint),\n    borderTopRightRadius: getBorderRadiusValue(props.borderTopRightRadius, props.theme, breakpoint),\n    borderBottomRightRadius: getBorderRadiusValue(\n      props.borderBottomRightRadius,\n      props.theme,\n      breakpoint,\n    ),\n    borderBottomLeftRadius: getBorderRadiusValue(\n      props.borderBottomLeftRadius,\n      props.theme,\n      breakpoint,\n    ),\n    borderStyle: hasBorder ? 'solid' : undefined,\n    cursor: getResponsiveValue(props.cursor, breakpoint),\n    // Since we only allow 'solid', we can use the same value for all borders if hasBorder is true\n    // If hasBorder is false, we need to check each border individually\n    ...(!hasBorder && {\n      borderTopStyle: hasBorderTop ? 'solid' : undefined,\n      borderBottomStyle: hasBorderBottom ? 'solid' : undefined,\n      borderLeftStyle: hasBorderLeft ? 'solid' : undefined,\n      borderRightStyle: hasBorderRight ? 'solid' : undefined,\n    }),\n\n    touchAction: getResponsiveValue(props.touchAction, breakpoint),\n    userSelect: getResponsiveValue(props.userSelect, breakpoint),\n    pointerEvents: getResponsiveValue(props.pointerEvents),\n    opacity: getResponsiveValue(props.opacity, breakpoint),\n    visibility: getResponsiveValue(props.visibility, breakpoint),\n    ...(!isReactNative() && {\n      boxShadow: getElevationValue(props.elevation, props.theme, breakpoint),\n    }),\n\n    // Polygon support\n    transform: getResponsiveValue(props.transform as string, breakpoint),\n    transformOrigin: getResponsiveValue(props.transformOrigin, breakpoint),\n    clipPath: getResponsiveValue(props.clipPath, breakpoint),\n  };\n};\n\n/** We only add breakpoint if at least one of the value is defined */\nconst shouldAddBreakpoint = (cssProps: CSSObject): boolean => {\n  const firstDefinedValue = Object.values(cssProps).find(\n    (cssValue) => cssValue !== undefined && cssValue !== null,\n  );\n\n  return firstDefinedValue !== undefined;\n};\n\nconst getAllMediaQueries = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n  if (isReactNative()) {\n    return {};\n  }\n\n  const { base, ...breakpointsWithoutBase } = breakpoints;\n\n  return Object.fromEntries(\n    Object.entries(breakpointsWithoutBase).map(([breakpointKey, breakpointValue]) => {\n      const cssPropsForCurrentBreakpoint = getAllProps(props, breakpointKey as keyof Breakpoints);\n      if (!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)) {\n        return [];\n      }\n\n      const mediaQuery = `@media ${getMediaQuery({ min: breakpointValue })}`;\n      return [mediaQuery, cssPropsForCurrentBreakpoint];\n    }),\n  );\n};\n\nconst getBaseBoxStyles = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n  return {\n    ...getAllProps(props),\n    ...getAllMediaQueries(props),\n  };\n};\n\nexport {\n  getBaseBoxStyles,\n  getSpacingValue,\n  getColorValue,\n  getBorderRadiusValue,\n  shouldAddBreakpoint,\n  getAllMediaQueries,\n  getAllProps,\n};\n"],"names":["isSpacingToken","value","startsWith","getSpacingValue","spacingValue","theme","breakpoint","isEmpty","undefined","responsiveSpacingValue","getResponsiveValue","Array","isArray","map","join","spacingReturnValue","getIn","makeSpace","getColorValue","color","responsiveBackgroundValue","tokenValue","getBorderRadiusValue","borderRadius","responsiveBorderRadiusValue","makeBorderSize","getBorderWidthValue","borderWidth","responsiveBorderWidthValue","getElevationValue","elevation","responsiveElevationValue","getAllProps","props","_props$paddingTop","_props$paddingBottom","_props$paddingRight","_props$paddingLeft","_props$marginBottom","_props$marginTop","_props$marginRight","_props$marginLeft","hasBorder","borderColor","hasBorderRight","borderRight","borderRightColor","borderRightWidth","hasBorderLeft","borderLeft","borderLeftColor","borderLeftWidth","hasBorderTop","borderTop","borderTopColor","borderTopWidth","hasBorderBottom","borderBottom","borderBottomColor","borderBottomWidth","Object","assign","display","overflow","overflowX","overflowY","textAlign","whiteSpace","flex","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","position","zIndex","grid","gridColumn","gridRow","gridRowStart","gridRowEnd","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","padding","paddingTop","paddingY","paddingBottom","paddingRight","paddingX","paddingLeft","margin","marginBottom","marginY","marginTop","marginRight","marginX","marginLeft","height","minHeight","maxHeight","width","minWidth","maxWidth","gap","rowGap","columnGap","top","right","bottom","left","backgroundColor","backgroundImage","backgroundSize","backgroundPosition","backgroundOrigin","backgroundRepeat","lineHeight","border","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderStyle","cursor","borderTopStyle","borderBottomStyle","borderLeftStyle","borderRightStyle","touchAction","userSelect","pointerEvents","opacity","visibility","isReactNative","boxShadow","transform","transformOrigin","clipPath","shouldAddBreakpoint","cssProps","firstDefinedValue","values","find","cssValue","getAllMediaQueries","breakpoints","base","breakpointsWithoutBase","_objectWithoutProperties","_excluded","fromEntries","entries","_ref","_ref2","_slicedToArray","breakpointKey","breakpointValue","cssPropsForCurrentBreakpoint","mediaQuery","getMediaQuery","min","getBaseBoxStyles"],"mappings":"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"}

package/build/lib/native/components/Box/BaseBox/types/propsTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"propsTypes.js","sources":["../../../../../../../src/components/Box/BaseBox/types/propsTypes.ts"],"sourcesContent":["import type { View } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport type { MarginProps, PaddingProps, SpacingValueType } from './spacingTypes';\nimport type { MakeObjectResponsive } from './responsiveTypes';\nimport type { Theme } from '~components/BladeProvider';\nimport type { Border, Elevation } from '~tokens/global';\nimport type { PickCSSByPlatform, TestID } from '~utils/types';\nimport type { Platform } from '~utils';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\ntype LayoutProps = MakeObjectResponsive<\n  {\n    height: SpacingValueType;\n    minHeight: SpacingValueType;\n    maxHeight: SpacingValueType;\n    width: SpacingValueType;\n    minWidth: SpacingValueType;\n    maxWidth: SpacingValueType;\n  } & PickCSSByPlatform<\n    'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign' | 'whiteSpace'\n  >\n>;\n\ntype FlexboxProps = MakeObjectResponsive<\n  {\n    /**\n     * This uses the native gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=gap\n     */\n    gap: SpacingValueType;\n    /**\n     * This uses the native row-gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=row-gap\n     */\n    rowGap: SpacingValueType;\n    /**\n     * This uses the native column-gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=column-gap\n     */\n    columnGap: SpacingValueType;\n    /**\n     * The **`flex`** CSS shorthand property sets how a flex _item_ will grow or shrink to fit the space available in its flex container.\n     *\n     * @see https://developer.mozilla.org/docs/Web/CSS/flex\n     */\n    flex: string | number;\n  } & PickCSSByPlatform<\n    | 'flexWrap'\n    | 'flexDirection'\n    | 'flexGrow'\n    | 'flexShrink'\n    | 'flexBasis'\n    | 'alignItems'\n    | 'alignContent'\n    | 'alignSelf'\n    | 'justifyItems'\n    | 'justifyContent'\n    | 'justifySelf'\n    | 'placeSelf'\n    | 'placeItems'\n    | 'order'\n  >\n>;\n\ntype PositionProps = MakeObjectResponsive<\n  {\n    top: SpacingValueType;\n    right: SpacingValueType;\n    bottom: SpacingValueType;\n    left: SpacingValueType;\n  } & PickCSSByPlatform<'position' | 'zIndex'>\n>;\n\ntype GridProps = MakeObjectResponsive<\n  PickCSSByPlatform<\n    | 'grid'\n    | 'gridColumn'\n    | 'gridRow'\n    | 'gridRowStart'\n    | 'gridRowEnd'\n    | 'gridColumnStart'\n    | 'gridColumnEnd'\n    | 'gridArea'\n    | 'gridAutoFlow'\n    | 'gridAutoRows'\n    | 'gridAutoColumns'\n    | 'gridTemplate'\n    | 'gridTemplateAreas'\n    | 'gridTemplateColumns'\n    | 'gridTemplateRows'\n  >\n>;\n\ntype ColorObjects = 'feedback' | 'surface' | 'interactive';\ntype BackgroundOnlyColorObjects = 'popup' | 'overlay';\ntype BackgroundColorString<\n  T extends ColorObjects | BackgroundOnlyColorObjects\n> = `${T}.background.${DotNotationToken<Theme['colors'][T]['background']>}`;\ntype BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationToken<\n  Theme['colors'][T]['border']\n>}`;\n\n// Created this as an array so I can reuse it for runtime validation\nconst validBoxAsValues = [\n  'div',\n  'section',\n  'footer',\n  'header',\n  'main',\n  'aside',\n  'nav',\n  'span',\n  'label',\n] as const;\n\ntype BoxAsType = typeof validBoxAsValues[number];\n\n// Visual props that are common for both Box and BaseBox\ntype CommonBoxVisualProps = MakeObjectResponsive<\n  {\n    borderRadius: keyof Border['radius'];\n    borderWidth: keyof Border['width'];\n    borderColor: BorderColorString<'surface'>;\n    borderTopWidth: keyof Border['width'];\n    borderTopColor: BorderColorString<'surface'>;\n    borderRightWidth: keyof Border['width'];\n    borderRightColor: BorderColorString<'surface'>;\n    borderBottomWidth: keyof Border['width'];\n    borderBottomColor: BorderColorString<'surface'>;\n    borderLeftWidth: keyof Border['width'];\n    borderLeftColor: BorderColorString<'surface'>;\n    borderTopLeftRadius: keyof Border['radius'];\n    borderTopRightRadius: keyof Border['radius'];\n    borderBottomRightRadius: keyof Border['radius'];\n    borderBottomLeftRadius: keyof Border['radius'];\n  } & PickCSSByPlatform<\n    | 'backgroundImage'\n    | 'backgroundSize'\n    | 'backgroundPosition'\n    | 'backgroundOrigin'\n    | 'backgroundRepeat'\n    | 'pointerEvents'\n    | 'opacity'\n    | 'visibility'\n    | 'transform'\n    | 'transformOrigin'\n    | 'clipPath'\n  > & {\n      /**\n       * Sets the elevation for Box\n       *\n       * eg: `theme.elevation.midRaised`\n       *\n       * @default `theme.elevation.lowRaised`\n       *\n       * **Links:**\n       * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--page\n       */\n      elevation?: keyof Elevation;\n    }\n>;\n\n// Visual props that are specific BaseBox\n// This is used to ensure some of the more flexible BaseBox props are not passed to Box\ntype BaseBoxVisualProps = MakeObjectResponsive<\n  {\n    backgroundColor:\n      | BackgroundColorString<'feedback'>\n      | BackgroundColorString<'surface'>\n      | BackgroundColorString<'interactive'>\n      | BackgroundColorString<'overlay'>\n      | BackgroundColorString<'popup'>\n      | 'transparent'\n      | (string & Record<never, never>);\n    lineHeight: SpacingValueType;\n    touchAction: CSSObject['touchAction'];\n    userSelect: CSSObject['userSelect'];\n  } & PickCSSByPlatform<\n    | 'border'\n    | 'borderLeft'\n    | 'borderRight'\n    | 'borderTop'\n    | 'borderBottom'\n    | 'opacity'\n    | 'pointerEvents'\n  >\n>;\n\n// Visual props that are specific to Box\ntype BoxVisualProps = MakeObjectResponsive<{\n  backgroundColor: BackgroundColorString<'surface'> | 'transparent';\n}> & {\n  // Intentionally keeping this outside of MakeObjectResponsive since we only want as to be string and not responsive object\n  // styled-components do not support passing `as` prop as an object\n  as: BoxAsType;\n};\n\ntype StyledPropsBlade = Partial<\n  Omit<\n    MarginProps &\n      Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> &\n      PositionProps &\n      Pick<\n        GridProps,\n        | 'gridColumn'\n        | 'gridRow'\n        | 'gridRowStart'\n        | 'gridRowEnd'\n        | 'gridColumnStart'\n        | 'gridColumnEnd'\n        | 'gridArea'\n      > &\n      Pick<LayoutProps, 'display'>,\n    '__brand__'\n  >\n>;\n\ntype BoxCallbackProps = Omit<\n  Platform.Select<{\n    web: {\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseOver: React.MouseEventHandler<HTMLElement>;\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseEnter: React.MouseEventHandler<HTMLElement>;\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseLeave: React.MouseEventHandler<HTMLElement>;\n      onScroll: React.UIEventHandler<HTMLElement>;\n    };\n    native: Record<'onMouseOver' | 'onMouseEnter' | 'onMouseLeave' | 'onScroll', undefined>;\n  }>,\n  '__brand__'\n>;\n\ntype BoxDragAndDropProps = Omit<\n  Platform.Select<{\n    web: {\n      draggable: boolean;\n      onDragStart: React.DragEventHandler<HTMLElement>;\n      onDragEnter: React.DragEventHandler<HTMLElement>;\n      onDragLeave: React.DragEventHandler<HTMLElement>;\n      onDragOver: React.DragEventHandler<HTMLElement>;\n      onDragEnd: React.DragEventHandler<HTMLElement>;\n      onDrop: React.DragEventHandler<HTMLElement>;\n    };\n    native: Record<\n      | 'draggable'\n      | 'onDragStart'\n      | 'onDragEnter'\n      | 'onDragLeave'\n      | 'onDragOver'\n      | 'onDragEnd'\n      | 'onDrop',\n      undefined\n    >;\n  }>,\n  '__brand__'\n>;\n\ntype BoxProps = Partial<\n  PaddingProps &\n    MarginProps &\n    LayoutProps &\n    FlexboxProps &\n    PositionProps &\n    GridProps &\n    BoxCallbackProps &\n    BoxDragAndDropProps &\n    CommonBoxVisualProps &\n    BoxVisualProps & {\n      children?: React.ReactNode | React.ReactNode[];\n      tabIndex?: number;\n      id?: string;\n    } & TestID\n>;\n\n// Visual props have different types for BaseBox and Box. BaseBox has more flexible types and more props exposed.\n// So first we Omit Visual props of Box\n// Then we append BaseBoxVisualProps and some other props for styled-components like class and id\ntype BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> &\n  Partial<\n    BaseBoxVisualProps & {\n      className?: string;\n      id?: string;\n      tabIndex?: number;\n    }\n  > &\n  BladeCommonEvents;\n\n// ref prop type\ntype BoxRefType = Platform.Select<{\n  web: Omit<HTMLElement, 'style'>;\n  native: View;\n}>;\n\nexport type { BaseBoxProps, BoxProps, BoxRefType, StyledPropsBlade, FlexboxProps };\nexport { validBoxAsValues };\n"],"names":["validBoxAsValues"],"mappings":"AA8GM,IAAAA,gBAAgB,CAAG,CACvB,KAAK,CACL,SAAS,CACT,QAAQ,CACR,QAAQ,CACR,MAAM,CACN,OAAO,CACP,KAAK,CACL,MAAM,CACN,OAAO;;;;"}
+{"version":3,"file":"propsTypes.js","sources":["../../../../../../../src/components/Box/BaseBox/types/propsTypes.ts"],"sourcesContent":["import type { View } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport type { MarginProps, PaddingProps, SpacingValueType } from './spacingTypes';\nimport type { MakeObjectResponsive } from './responsiveTypes';\nimport type { Theme } from '~components/BladeProvider';\nimport type { Border, Elevation } from '~tokens/global';\nimport type { PickCSSByPlatform, TestID } from '~utils/types';\nimport type { Platform } from '~utils';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\ntype LayoutProps = MakeObjectResponsive<\n  {\n    height: SpacingValueType;\n    minHeight: SpacingValueType;\n    maxHeight: SpacingValueType;\n    width: SpacingValueType;\n    minWidth: SpacingValueType;\n    maxWidth: SpacingValueType;\n  } & PickCSSByPlatform<\n    'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign' | 'whiteSpace'\n  >\n>;\n\ntype FlexboxProps = MakeObjectResponsive<\n  {\n    /**\n     * This uses the native gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=gap\n     */\n    gap: SpacingValueType;\n    /**\n     * This uses the native row-gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=row-gap\n     */\n    rowGap: SpacingValueType;\n    /**\n     * This uses the native column-gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=column-gap\n     */\n    columnGap: SpacingValueType;\n    /**\n     * The **`flex`** CSS shorthand property sets how a flex _item_ will grow or shrink to fit the space available in its flex container.\n     *\n     * @see https://developer.mozilla.org/docs/Web/CSS/flex\n     */\n    flex: string | number;\n  } & PickCSSByPlatform<\n    | 'flexWrap'\n    | 'flexDirection'\n    | 'flexGrow'\n    | 'flexShrink'\n    | 'flexBasis'\n    | 'alignItems'\n    | 'alignContent'\n    | 'alignSelf'\n    | 'justifyItems'\n    | 'justifyContent'\n    | 'justifySelf'\n    | 'placeSelf'\n    | 'placeItems'\n    | 'order'\n  >\n>;\n\ntype PositionProps = MakeObjectResponsive<\n  {\n    top: SpacingValueType;\n    right: SpacingValueType;\n    bottom: SpacingValueType;\n    left: SpacingValueType;\n  } & PickCSSByPlatform<'position' | 'zIndex'>\n>;\n\ntype GridProps = MakeObjectResponsive<\n  PickCSSByPlatform<\n    | 'grid'\n    | 'gridColumn'\n    | 'gridRow'\n    | 'gridRowStart'\n    | 'gridRowEnd'\n    | 'gridColumnStart'\n    | 'gridColumnEnd'\n    | 'gridArea'\n    | 'gridAutoFlow'\n    | 'gridAutoRows'\n    | 'gridAutoColumns'\n    | 'gridTemplate'\n    | 'gridTemplateAreas'\n    | 'gridTemplateColumns'\n    | 'gridTemplateRows'\n  >\n>;\n\ntype ColorObjects = 'feedback' | 'surface' | 'interactive';\ntype BackgroundOnlyColorObjects = 'popup' | 'overlay';\ntype BackgroundColorString<\n  T extends ColorObjects | BackgroundOnlyColorObjects\n> = `${T}.background.${DotNotationToken<Theme['colors'][T]['background']>}`;\ntype BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationToken<\n  Theme['colors'][T]['border']\n>}`;\n\n// Created this as an array so I can reuse it for runtime validation\nconst validBoxAsValues = [\n  'div',\n  'section',\n  'footer',\n  'header',\n  'main',\n  'aside',\n  'nav',\n  'span',\n  'label',\n] as const;\n\ntype BoxAsType = typeof validBoxAsValues[number];\n\n// Visual props that are common for both Box and BaseBox\ntype CommonBoxVisualProps = MakeObjectResponsive<\n  {\n    borderRadius: keyof Border['radius'];\n    borderWidth: keyof Border['width'];\n    borderColor: BorderColorString<'surface'>;\n    borderTopWidth: keyof Border['width'];\n    borderTopColor: BorderColorString<'surface'>;\n    borderRightWidth: keyof Border['width'];\n    borderRightColor: BorderColorString<'surface'>;\n    borderBottomWidth: keyof Border['width'];\n    borderBottomColor: BorderColorString<'surface'>;\n    borderLeftWidth: keyof Border['width'];\n    borderLeftColor: BorderColorString<'surface'>;\n    borderTopLeftRadius: keyof Border['radius'];\n    borderTopRightRadius: keyof Border['radius'];\n    borderBottomRightRadius: keyof Border['radius'];\n    borderBottomLeftRadius: keyof Border['radius'];\n  } & PickCSSByPlatform<\n    | 'backgroundImage'\n    | 'backgroundSize'\n    | 'backgroundPosition'\n    | 'backgroundOrigin'\n    | 'backgroundRepeat'\n    | 'pointerEvents'\n    | 'opacity'\n    | 'visibility'\n    | 'transform'\n    | 'transformOrigin'\n    | 'clipPath'\n  > & {\n      /**\n       * Sets the elevation for Box\n       *\n       * eg: `theme.elevation.midRaised`\n       *\n       * @default `theme.elevation.lowRaised`\n       *\n       * **Links:**\n       * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--page\n       */\n      elevation?: keyof Elevation;\n    }\n>;\n\n// Visual props that are specific BaseBox\n// This is used to ensure some of the more flexible BaseBox props are not passed to Box\ntype BaseBoxVisualProps = MakeObjectResponsive<\n  {\n    backgroundColor:\n      | BackgroundColorString<'feedback'>\n      | BackgroundColorString<'surface'>\n      | BackgroundColorString<'interactive'>\n      | BackgroundColorString<'overlay'>\n      | BackgroundColorString<'popup'>\n      | 'transparent'\n      | (string & Record<never, never>);\n    lineHeight: SpacingValueType;\n    touchAction: CSSObject['touchAction'];\n    userSelect: CSSObject['userSelect'];\n  } & PickCSSByPlatform<\n    | 'border'\n    | 'borderLeft'\n    | 'borderRight'\n    | 'borderTop'\n    | 'borderBottom'\n    | 'opacity'\n    | 'pointerEvents'\n    | 'cursor'\n  >\n>;\n\n// Visual props that are specific to Box\ntype BoxVisualProps = MakeObjectResponsive<{\n  backgroundColor: BackgroundColorString<'surface'> | 'transparent';\n}> & {\n  // Intentionally keeping this outside of MakeObjectResponsive since we only want as to be string and not responsive object\n  // styled-components do not support passing `as` prop as an object\n  as: BoxAsType;\n};\n\ntype StyledPropsBlade = Partial<\n  Omit<\n    MarginProps &\n      Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> &\n      PositionProps &\n      Pick<\n        GridProps,\n        | 'gridColumn'\n        | 'gridRow'\n        | 'gridRowStart'\n        | 'gridRowEnd'\n        | 'gridColumnStart'\n        | 'gridColumnEnd'\n        | 'gridArea'\n      > &\n      Pick<LayoutProps, 'display'>,\n    '__brand__'\n  >\n>;\n\ntype BoxCallbackProps = Omit<\n  Platform.Select<{\n    web: {\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseOver: React.MouseEventHandler<HTMLElement>;\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseEnter: React.MouseEventHandler<HTMLElement>;\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseLeave: React.MouseEventHandler<HTMLElement>;\n      onScroll: React.UIEventHandler<HTMLElement>;\n    };\n    native: Record<'onMouseOver' | 'onMouseEnter' | 'onMouseLeave' | 'onScroll', undefined>;\n  }>,\n  '__brand__'\n>;\n\ntype BoxDragAndDropProps = Omit<\n  Platform.Select<{\n    web: {\n      draggable: boolean;\n      onDragStart: React.DragEventHandler<HTMLElement>;\n      onDragEnter: React.DragEventHandler<HTMLElement>;\n      onDragLeave: React.DragEventHandler<HTMLElement>;\n      onDragOver: React.DragEventHandler<HTMLElement>;\n      onDragEnd: React.DragEventHandler<HTMLElement>;\n      onDrop: React.DragEventHandler<HTMLElement>;\n    };\n    native: Record<\n      | 'draggable'\n      | 'onDragStart'\n      | 'onDragEnter'\n      | 'onDragLeave'\n      | 'onDragOver'\n      | 'onDragEnd'\n      | 'onDrop',\n      undefined\n    >;\n  }>,\n  '__brand__'\n>;\n\ntype BoxProps = Partial<\n  PaddingProps &\n    MarginProps &\n    LayoutProps &\n    FlexboxProps &\n    PositionProps &\n    GridProps &\n    BoxCallbackProps &\n    BoxDragAndDropProps &\n    CommonBoxVisualProps &\n    BoxVisualProps & {\n      children?: React.ReactNode | React.ReactNode[];\n      tabIndex?: number;\n      id?: string;\n    } & TestID\n>;\n\n// Visual props have different types for BaseBox and Box. BaseBox has more flexible types and more props exposed.\n// So first we Omit Visual props of Box\n// Then we append BaseBoxVisualProps and some other props for styled-components like class and id\ntype BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> &\n  Partial<\n    BaseBoxVisualProps & {\n      className?: string;\n      id?: string;\n      tabIndex?: number;\n    }\n  > &\n  BladeCommonEvents;\n\n// ref prop type\ntype BoxRefType = Platform.Select<{\n  web: Omit<HTMLElement, 'style'>;\n  native: View;\n}>;\n\nexport type { BaseBoxProps, BoxProps, BoxRefType, StyledPropsBlade, FlexboxProps };\nexport { validBoxAsValues };\n"],"names":["validBoxAsValues"],"mappings":"AA8GM,IAAAA,gBAAgB,CAAG,CACvB,KAAK,CACL,SAAS,CACT,QAAQ,CACR,QAAQ,CACR,MAAM,CACN,OAAO,CACP,KAAK,CACL,MAAM,CACN,OAAO;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedButtonContent.native.js","sources":["../../../../../../src/components/Button/BaseButton/AnimatedButtonContent.native.tsx"],"sourcesContent":["import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport React from 'react';\nimport type { TextInput } from 'react-native';\nimport type { AnimatedButtonContentProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\n\nconst AnimatedButtonContent: React.ForwardRefRenderFunction<\n  TextInput,\n  AnimatedButtonContentProps\n> = ({ motionDuration, motionEasing, children, isPressed }) => {\n  const { theme } = useTheme();\n  const duration = getIn(theme.motion, motionDuration);\n  const easing = getIn(theme.motion, motionEasing);\n\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          scale: withTiming(isPressed ? 0.95 : 1, {\n            duration,\n            easing,\n          }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  return <Animated.View style={animatedStyles}>{children}</Animated.View>;\n};\n\nexport default AnimatedButtonContent;\n"],"names":["AnimatedButtonContent","_ref","motionDuration","motionEasing","children","isPressed","_useTheme","useTheme","theme","duration","getIn","motion","easing","animatedStyles","useAnimatedStyle","transform","scale","withTiming","_jsx","Animated","View","style"],"mappings":";;;;;;;;;;;;AAOM,IAAAA,qBAGL,CAAG,SAHEA,qBAGLA,CAAAC,IAAA,CAA8D,CAAA,IAAxDC,cAAc,CAAAD,IAAA,CAAdC,cAAc,CAAEC,YAAY,CAAAF,IAAA,CAAZE,YAAY,CAAEC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAEC,SAAS,CAAAJ,IAAA,CAATI,SAAS,CACtD,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,QAAQ,CAAGC,KAAK,CAACF,KAAK,CAACG,MAAM,CAAET,cAAc,CAAC,CACpD,IAAMU,MAAM,CAAGF,KAAK,CAACF,KAAK,CAACG,MAAM,CAAER,YAAY,CAAC,CAEhD,IAAMU,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,OAAO,CACLC,SAAS,CAAE,CACT,CACEC,KAAK,CAAEC,UAAU,CAACZ,SAAS,CAAG,IAAI,CAAG,CAAC,CAAE,CACtCI,QAAQ,CAARA,QAAQ,CACRG,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACP,SAAS,CAAC,CAAC,CAEf,OAAOa,GAAA,CAACC,QAAQ,CAACC,IAAI,EAACC,KAAK,CAAER,cAAe,CAAAT,QAAA,CAAEA,QAAQ,CAAgB,CAAC,CACzE;;;;"}
+{"version":3,"file":"AnimatedButtonContent.native.js","sources":["../../../../../../src/components/Button/BaseButton/AnimatedButtonContent.native.tsx"],"sourcesContent":["import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport React from 'react';\nimport type { TextInput } from 'react-native';\nimport type { AnimatedButtonContentProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\n\nconst AnimatedButtonContent: React.ForwardRefRenderFunction<\n  TextInput,\n  AnimatedButtonContentProps & { children: React.ReactNode }\n> = ({ motionDuration, motionEasing, children, isPressed }) => {\n  const { theme } = useTheme();\n  const duration = getIn(theme.motion, motionDuration);\n  const easing = getIn(theme.motion, motionEasing);\n\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          scale: withTiming(isPressed ? 0.95 : 1, {\n            duration,\n            easing,\n          }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  return <Animated.View style={animatedStyles}>{children}</Animated.View>;\n};\n\nexport default AnimatedButtonContent;\n"],"names":["AnimatedButtonContent","_ref","motionDuration","motionEasing","children","isPressed","_useTheme","useTheme","theme","duration","getIn","motion","easing","animatedStyles","useAnimatedStyle","transform","scale","withTiming","_jsx","Animated","View","style"],"mappings":";;;;;;;;;;;;AAOM,IAAAA,qBAGL,CAAG,SAHEA,qBAGLA,CAAAC,IAAA,CAA8D,CAAA,IAAxDC,cAAc,CAAAD,IAAA,CAAdC,cAAc,CAAEC,YAAY,CAAAF,IAAA,CAAZE,YAAY,CAAEC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAEC,SAAS,CAAAJ,IAAA,CAATI,SAAS,CACtD,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,QAAQ,CAAGC,KAAK,CAACF,KAAK,CAACG,MAAM,CAAET,cAAc,CAAC,CACpD,IAAMU,MAAM,CAAGF,KAAK,CAACF,KAAK,CAACG,MAAM,CAAER,YAAY,CAAC,CAEhD,IAAMU,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,OAAO,CACLC,SAAS,CAAE,CACT,CACEC,KAAK,CAAEC,UAAU,CAACZ,SAAS,CAAG,IAAI,CAAG,CAAC,CAAE,CACtCI,QAAQ,CAARA,QAAQ,CACRG,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACP,SAAS,CAAC,CAAC,CAEf,OAAOa,GAAA,CAACC,QAAQ,CAACC,IAAI,EAACC,KAAK,CAAER,cAAe,CAAAT,QAAA,CAAEA,QAAQ,CAAgB,CAAC,CACzE;;;;"}