@razorpay/blade 12.37.0 → 12.39.0

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

@@ -21,7 +21,7 @@ import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowe
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["title","description","icon","children","isDisabled","_index","testID"];var AccordionItem=function AccordionItem(_ref){var title=_ref.title,description=_ref.description,icon=_ref.icon,children=_ref.children,isDisabled=_ref.isDisabled,_index=_ref._index,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useAccordion=useAccordion(),expandedIndex=_useAccordion.expandedIndex,onExpandChange=_useAccordion.onExpandChange,defaultExpandedIndex=_useAccordion.defaultExpandedIndex,variant=_useAccordion.variant,numberOfItems=_useAccordion.numberOfItems;var isExpanded=expandedIndex===_index;var isDefaultExpanded=defaultExpandedIndex===_index;var isDeprecatedAPI=Boolean(title)||Boolean(description)||Boolean(icon);var _React$Children$toArr=React__default.Children.toArray(children),_React$Children$toArr2=_slicedToArray(_React$Children$toArr,2),header=_React$Children$toArr2[0],body=_React$Children$toArr2[1];if(!isDeprecatedAPI){var headerComponentId=getComponentId(header);var bodyComponentId=getComponentId(body);if(headerComponentId!==componentIds.AccordionItemHeader&&bodyComponentId!==componentIds.AccordionItemBody){throwBladeError({message:'AccordionItem only allows AccordionItemHeader as first component and AccordionItemBody as second. Check Accordion documentation',moduleName:'AccordionItem'});}}var isLastItem=_index!==undefined&&_index<numberOfItems-1;var handleExpandChange=function handleExpandChange(_ref2){var isExpanded=_ref2.isExpanded;if(isExpanded&&typeof _index!=='undefined'){onExpandChange(_index);}else {onExpandChange(-1);}};return jsx(AccordionItemContext.Provider,{value:{index:_index,isDisabled:isDisabled},children:jsxs(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItem,testID:testID}),makeAnalyticsAttribute(rest),{children:[jsxs(Collapsible,{isExpanded:isExpanded,defaultIsExpanded:isDefaultExpanded,onExpandChange:handleExpandChange,_shouldApplyWidthRestrictions:false,_dangerouslyDisableValidations:true,children:[jsx(AccordionButton,{index:_index,icon:icon,title:title,header:header,isDisabled:isDisabled,isDeprecatedAPI:isDeprecatedAPI}),jsx(CollapsibleBody,{width:isReactNative()||!isDeprecatedAPI?'100%':undefined,children:isDeprecatedAPI?jsx(AccordionItemBody,{_description:description,children:children}):body})]}),isLastItem||variant==='transparent'?jsx(Divider,{}):null]}))});};
+var _excluded=["title","description","icon","children","isDisabled","_index","testID"];var AccordionItem=function AccordionItem(_ref){var title=_ref.title,description=_ref.description,icon=_ref.icon,children=_ref.children,isDisabled=_ref.isDisabled,_index=_ref._index,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useAccordion=useAccordion(),expandedIndex=_useAccordion.expandedIndex,onExpandChange=_useAccordion.onExpandChange,defaultExpandedIndex=_useAccordion.defaultExpandedIndex,variant=_useAccordion.variant,numberOfItems=_useAccordion.numberOfItems;var isExpanded=expandedIndex===_index;var isDefaultExpanded=defaultExpandedIndex===_index;var isDeprecatedAPI=Boolean(title)||Boolean(description)||Boolean(icon);var _React$Children$toArr=React__default.Children.toArray(children),_React$Children$toArr2=_slicedToArray(_React$Children$toArr,2),header=_React$Children$toArr2[0],body=_React$Children$toArr2[1];if(!isDeprecatedAPI){var headerComponentId=getComponentId(header);var bodyComponentId=getComponentId(body);if(headerComponentId!==componentIds.AccordionItemHeader&&bodyComponentId!==componentIds.AccordionItemBody){throwBladeError({message:'AccordionItem only allows AccordionItemHeader as first component and AccordionItemBody as second. Check Accordion documentation',moduleName:'AccordionItem'});}}var isLastItem=_index!==undefined&&_index<numberOfItems-1;var handleExpandChange=function handleExpandChange(_ref2){var isExpanded=_ref2.isExpanded;if(isExpanded&&typeof _index!=='undefined'){onExpandChange(_index);}else {onExpandChange(-1);}};return jsx(AccordionItemContext.Provider,{value:{index:_index,isDisabled:isDisabled},children:jsxs(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItem,testID:testID}),{children:[jsxs(Collapsible,Object.assign({isExpanded:isExpanded,defaultIsExpanded:isDefaultExpanded,onExpandChange:handleExpandChange,_shouldApplyWidthRestrictions:false,_dangerouslyDisableValidations:true},makeAnalyticsAttribute(rest),{children:[jsx(AccordionButton,{index:_index,icon:icon,title:title,header:header,isDisabled:isDisabled,isDeprecatedAPI:isDeprecatedAPI}),jsx(CollapsibleBody,{width:isReactNative()||!isDeprecatedAPI?'100%':undefined,children:isDeprecatedAPI?jsx(AccordionItemBody,{_description:description,children:children}):body})]})),isLastItem||variant==='transparent'?jsx(Divider,{}):null]}))});};
 
 export { AccordionItem };
 //# sourceMappingURL=AccordionItem.js.map

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

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

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

@@ -34,8 +34,9 @@ import BaseButton from '../Button/BaseButton/BaseButton.js';
 import BaseLink from '../Link/BaseLink/BaseLink.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { MAKE_ANALYTICS_CONSTANTS } from '../../utils/makeAnalyticsAttribute/makeAnalyticsConstants.js';
 
-var _excluded=["description","title","isDismissible","onDismiss","emphasis","isFullWidth","color","actions","testID","icon"];var isReactNative=getPlatformType()==='react-native';var CloseButtonWrapper=isReactNative?BaseBox:Fragment;var intentIconMap={positive:CheckCircleIcon,negative:AlertOctagonIcon,information:InfoIcon,neutral:InfoIcon,notice:AlertTriangleIcon};var _Alert=function _Alert(_ref,ref){var description=_ref.description,title=_ref.title,_ref$isDismissible=_ref.isDismissible,isDismissible=_ref$isDismissible===void 0?true:_ref$isDismissible,onDismiss=_ref.onDismiss,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'subtle':_ref$emphasis,_ref$isFullWidth=_ref.isFullWidth,isFullWidth=_ref$isFullWidth===void 0?false:_ref$isFullWidth,_ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,actions=_ref.actions,testID=_ref.testID,icon=_ref.icon,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var _useState=useState(true),_useState2=_slicedToArray(_useState,2),isVisible=_useState2[0],setIsVisible=_useState2[1];var isDesktop=matchedDeviceType==='desktop';var isMobile=!isDesktop;var Icon=icon!=null?icon:intentIconMap[color];var iconOffset='spacing.1';if(isReactNative){if(isFullWidth&&!title){iconOffset='spacing.1';}else if(!isFullWidth&&!title){iconOffset='spacing.0';}else if(!isFullWidth&&title){iconOffset='spacing.2';}}else if(isMobile){if(!isFullWidth&&title){iconOffset='spacing.2';}else if(isFullWidth&&!title){iconOffset='spacing.2';}}else if(isFullWidth){iconOffset='spacing.1';}var shouldCenterAlign=isFullWidth&&!title;var alignment='flex-start';if(!isFullWidth)alignment='flex-start';if(shouldCenterAlign)alignment='center';var leadingIcon=jsx(BaseBox,{display:"flex",alignSelf:alignment,marginTop:iconOffset,children:jsx(Icon,{color:emphasis==='intense'?'surface.icon.staticWhite.normal':`feedback.icon.${color}.${emphasis==='subtle'?'intense':'subtle'}`,size:"medium"})});var textColor=emphasis==='intense'?'surface.text.staticWhite.normal':'surface.text.gray.subtle';var _title=title?jsx(BaseBox,{marginBottom:"spacing.2",children:jsx(Text,{color:textColor,size:"medium",weight:"semibold",children:title})}):null;var _description=jsx(BaseBox,{marginTop:title||isReactNative?'spacing.0':'spacing.1',children:jsx(Text,{color:textColor,size:"small",children:description})});var primaryAction=actions!=null&&actions.primary?jsx(BaseBox,{marginRight:"spacing.5",display:isReactNative?castNativeType('flex'):castWebType('inline-flex'),children:jsx(BaseButton,{size:"small",onClick:actions.primary.onClick,color:emphasis==='intense'?'white':color,variant:"secondary",children:actions.primary.text})}):null;var secondaryActionParams=actions!=null&&actions.secondary?{onClick:actions.secondary.onClick}:null;if(actions!=null&&actions.secondary&&secondaryActionParams&&'href'in actions.secondary){secondaryActionParams.href=actions.secondary.href;secondaryActionParams.target=actions.secondary.target;secondaryActionParams.rel=actions.secondary.rel;}var secondaryAction=actions!=null&&actions.secondary?jsx(BaseBox,{marginRight:"spacing.4",display:isReactNative?'flex':'inline-flex',children:jsx(BaseLink,Object.assign({size:"small",color:emphasis==='intense'?'white':color},secondaryActionParams,{children:actions.secondary.text}))}):null;var showActionsHorizontal=isFullWidth&&isDesktop;var actionsHorizontal=showActionsHorizontal&&(primaryAction||secondaryAction)?jsxs(BaseBox,{flexDirection:"row",alignItems:"center",children:[primaryAction,secondaryAction]}):null;var actionsVertical=!showActionsHorizontal&&(primaryAction||secondaryAction)?jsxs(BaseBox,{marginTop:"spacing.4",flexDirection:"row",alignItems:"center",children:[primaryAction,secondaryAction]}):null;var onClickDismiss=function onClickDismiss(){if(onDismiss){onDismiss();}setIsVisible(false);};var closeButton=isDismissible?jsx(CloseButtonWrapper,{children:jsx(IconButton,{accessibilityLabel:"Dismiss alert",onClick:onClickDismiss,emphasis:emphasis==='intense'?'subtle':'intense',size:"large",icon:CloseIcon})}):null;var a11yProps=makeAccessible(Object.assign({role:isReactNative||color==='negative'||color==='notice'?'alert':'status'},color==='notice'&&{liveRegion:'polite'}));if(!isVisible){return null;}return jsx(BaseBox,Object.assign({ref:ref},a11yProps,metaAttribute({name:MetaConstants.Alert,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(StyledAlert,{color:color,emphasis:emphasis,isFullWidth:isFullWidth,isDesktop:isDesktop,textAlign:'left',children:[leadingIcon,jsxs(BaseBox,{flex:1,paddingLeft:isFullWidth?'spacing.4':'spacing.3',paddingRight:showActionsHorizontal?'spacing.4':'spacing.2',children:[_title,_description,actionsVertical]}),actionsHorizontal,closeButton]})}));};var Alert=forwardRef(_Alert);
+var _excluded=["description","title","isDismissible","onDismiss","emphasis","isFullWidth","color","actions","testID","icon"];var isReactNative=getPlatformType()==='react-native';var CloseButtonWrapper=isReactNative?BaseBox:Fragment;var intentIconMap={positive:CheckCircleIcon,negative:AlertOctagonIcon,information:InfoIcon,neutral:InfoIcon,notice:AlertTriangleIcon};var _Alert=function _Alert(_ref,ref){var description=_ref.description,title=_ref.title,_ref$isDismissible=_ref.isDismissible,isDismissible=_ref$isDismissible===void 0?true:_ref$isDismissible,onDismiss=_ref.onDismiss,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'subtle':_ref$emphasis,_ref$isFullWidth=_ref.isFullWidth,isFullWidth=_ref$isFullWidth===void 0?false:_ref$isFullWidth,_ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,actions=_ref.actions,testID=_ref.testID,icon=_ref.icon,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var _useState=useState(true),_useState2=_slicedToArray(_useState,2),isVisible=_useState2[0],setIsVisible=_useState2[1];var isDesktop=matchedDeviceType==='desktop';var isMobile=!isDesktop;var Icon=icon!=null?icon:intentIconMap[color];var iconOffset='spacing.1';if(isReactNative){if(isFullWidth&&!title){iconOffset='spacing.1';}else if(!isFullWidth&&!title){iconOffset='spacing.0';}else if(!isFullWidth&&title){iconOffset='spacing.2';}}else if(isMobile){if(!isFullWidth&&title){iconOffset='spacing.2';}else if(isFullWidth&&!title){iconOffset='spacing.2';}}else if(isFullWidth){iconOffset='spacing.1';}var shouldCenterAlign=isFullWidth&&!title;var alignment='flex-start';if(!isFullWidth)alignment='flex-start';if(shouldCenterAlign)alignment='center';var leadingIcon=jsx(BaseBox,{display:"flex",alignSelf:alignment,marginTop:iconOffset,children:jsx(Icon,{color:emphasis==='intense'?'surface.icon.staticWhite.normal':`feedback.icon.${color}.${emphasis==='subtle'?'intense':'subtle'}`,size:"medium"})});var textColor=emphasis==='intense'?'surface.text.staticWhite.normal':'surface.text.gray.subtle';var _title=title?jsx(BaseBox,{marginBottom:"spacing.2",children:jsx(Text,{color:textColor,size:"medium",weight:"semibold",children:title})}):null;var _description=jsx(BaseBox,{marginTop:title||isReactNative?'spacing.0':'spacing.1',children:jsx(Text,{color:textColor,size:"small",children:description})});var primaryAction=actions!=null&&actions.primary?jsx(BaseBox,{marginRight:"spacing.5",display:isReactNative?castNativeType('flex'):castWebType('inline-flex'),children:jsx(BaseButton,{size:"small",onClick:actions.primary.onClick,color:emphasis==='intense'?'white':color,variant:"secondary","data-analytics-name":MAKE_ANALYTICS_CONSTANTS.ALERT.PRIMARY_ACTION_BUTTON,children:actions.primary.text})}):null;var secondaryActionParams=actions!=null&&actions.secondary?{onClick:actions.secondary.onClick}:null;if(actions!=null&&actions.secondary&&secondaryActionParams&&'href'in actions.secondary){secondaryActionParams.href=actions.secondary.href;secondaryActionParams.target=actions.secondary.target;secondaryActionParams.rel=actions.secondary.rel;}var secondaryAction=actions!=null&&actions.secondary?jsx(BaseBox,{marginRight:"spacing.4",display:isReactNative?'flex':'inline-flex',children:jsx(BaseLink,Object.assign({size:"small",color:emphasis==='intense'?'white':color},secondaryActionParams,{children:actions.secondary.text}))}):null;var showActionsHorizontal=isFullWidth&&isDesktop;var actionsHorizontal=showActionsHorizontal&&(primaryAction||secondaryAction)?jsxs(BaseBox,{flexDirection:"row",alignItems:"center",children:[primaryAction,secondaryAction]}):null;var actionsVertical=!showActionsHorizontal&&(primaryAction||secondaryAction)?jsxs(BaseBox,{marginTop:"spacing.4",flexDirection:"row",alignItems:"center",children:[primaryAction,secondaryAction]}):null;var onClickDismiss=function onClickDismiss(){if(onDismiss){onDismiss();}setIsVisible(false);};var closeButton=isDismissible?jsx(CloseButtonWrapper,{children:jsx(IconButton,{accessibilityLabel:"Dismiss alert",onClick:onClickDismiss,emphasis:emphasis==='intense'?'subtle':'intense',size:"large",icon:CloseIcon})}):null;var a11yProps=makeAccessible(Object.assign({role:isReactNative||color==='negative'||color==='notice'?'alert':'status'},color==='notice'&&{liveRegion:'polite'}));if(!isVisible){return null;}return jsx(BaseBox,Object.assign({ref:ref},a11yProps,metaAttribute({name:MetaConstants.Alert,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(StyledAlert,{color:color,emphasis:emphasis,isFullWidth:isFullWidth,isDesktop:isDesktop,textAlign:'left',children:[leadingIcon,jsxs(BaseBox,{flex:1,paddingLeft:isFullWidth?'spacing.4':'spacing.3',paddingRight:showActionsHorizontal?'spacing.4':'spacing.2',children:[_title,_description,actionsVertical]}),actionsHorizontal,closeButton]})}));};var Alert=forwardRef(_Alert);
 
 export { Alert };
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ReactChild, ReactElement } from 'react';\nimport React, { Fragment, useState, forwardRef } from 'react';\n\nimport { StyledAlert } from './StyledAlert';\nimport type { IconComponent } from '~components/Icons';\nimport {\n  AlertOctagonIcon,\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoIcon,\n} from '~components/Icons';\nimport { castNativeType, castWebType, useBreakpoint, getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport BaseButton from '~components/Button/BaseButton';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { useTheme } from '~components/BladeProvider';\nimport type {\n  DataAnalyticsAttribute,\n  BladeElementRef,\n  DotNotationSpacingStringToken,\n  TestID,\n} from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype PrimaryAction = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionButton = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionLinkButton = {\n  text: string;\n  href: string;\n  onClick?: () => void;\n  target?: string;\n  /**\n   * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`\n   */\n  rel?: string;\n};\n\ntype SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;\n\ntype AlertProps = {\n  /**\n   * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.\n   */\n  description: ReactChild;\n\n  /**\n   * A brief heading\n   */\n  title?: string;\n\n  /**\n   * Shows a dismiss button\n   *\n   * @default true\n   */\n  isDismissible?: boolean;\n\n  /**\n   * A callback when the dismiss button is clicked\n   */\n  onDismiss?: () => void;\n\n  /**\n   * Can be used to render custom icon\n   */\n  icon?: IconComponent;\n\n  /**\n   * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.\n   *\n   * @default subtle\n   */\n  emphasis?: SubtleOrIntense;\n\n  /**\n   * Makes the Alert span the entire container width, instead of the default max width of `584px`.\n   * This also makes the alert borderless, useful for creating full bleed layouts.\n   *\n   * @default false\n   */\n  isFullWidth?: boolean;\n\n  /**\n   * Sets the color tone\n   */\n  color?: FeedbackColors;\n\n  /**\n   * Renders a primary action button and a secondary action link button\n   */\n  actions?: {\n    /**\n     * Renders a button (should **always** be present if `secondary` action is being used)\n     */\n    primary?: PrimaryAction;\n    /**\n     * Renders a Link button\n     */\n    secondary?: SecondaryAction;\n  };\n} & TestID &\n  StyledPropsBlade &\n  DataAnalyticsAttribute;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n// Need extra wrappers on React Native only for alignment\nconst CloseButtonWrapper = isReactNative ? BaseBox : Fragment;\n\nconst intentIconMap = {\n  positive: CheckCircleIcon,\n  negative: AlertOctagonIcon,\n  information: InfoIcon,\n  neutral: InfoIcon,\n  notice: AlertTriangleIcon,\n};\n\nconst _Alert = (\n  {\n    description,\n    title,\n    isDismissible = true,\n    onDismiss,\n    emphasis = 'subtle',\n    isFullWidth = false,\n    color = 'neutral',\n    actions,\n    testID,\n    icon,\n    ...rest\n  }: AlertProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement | null => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isVisible, setIsVisible] = useState(true);\n\n  const isDesktop = matchedDeviceType === 'desktop';\n  const isMobile = !isDesktop;\n\n  const Icon = icon ?? intentIconMap[color];\n  let iconOffset: DotNotationSpacingStringToken = 'spacing.1';\n\n  // certain special cases below needs special care for near perfect alignment\n  if (isReactNative) {\n    if (isFullWidth && !title) {\n      iconOffset = 'spacing.1';\n    } else if (!isFullWidth && !title) {\n      iconOffset = 'spacing.0';\n    } else if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isMobile) {\n    if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    } else if (isFullWidth && !title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isFullWidth) {\n    iconOffset = 'spacing.1';\n  }\n\n  const shouldCenterAlign = isFullWidth && !title;\n  let alignment: 'center' | 'flex-start' = 'flex-start';\n  if (!isFullWidth) alignment = 'flex-start';\n  if (shouldCenterAlign) alignment = 'center';\n\n  const leadingIcon = (\n    <BaseBox display=\"flex\" alignSelf={alignment} marginTop={iconOffset}>\n      <Icon\n        color={\n          emphasis === 'intense'\n            ? 'surface.icon.staticWhite.normal'\n            : `feedback.icon.${color}.${emphasis === 'subtle' ? 'intense' : 'subtle'}`\n        }\n        size=\"medium\"\n      />\n    </BaseBox>\n  );\n\n  const textColor =\n    emphasis === 'intense' ? 'surface.text.staticWhite.normal' : 'surface.text.gray.subtle';\n  const _title = title ? (\n    <BaseBox marginBottom=\"spacing.2\">\n      <Text color={textColor} size=\"medium\" weight=\"semibold\">\n        {title}\n      </Text>\n    </BaseBox>\n  ) : null;\n\n  const _description = (\n    <BaseBox marginTop={title || isReactNative ? 'spacing.0' : 'spacing.1'}>\n      <Text color={textColor} size=\"small\">\n        {description}\n      </Text>\n    </BaseBox>\n  );\n\n  const primaryAction = actions?.primary ? (\n    <BaseBox\n      marginRight=\"spacing.5\"\n      display={isReactNative ? castNativeType('flex') : castWebType('inline-flex')}\n    >\n      <BaseButton\n        size=\"small\"\n        onClick={actions.primary.onClick}\n        color={emphasis === 'intense' ? 'white' : color}\n        variant=\"secondary\"\n      >\n        {actions.primary.text}\n      </BaseButton>\n    </BaseBox>\n  ) : null;\n\n  const secondaryActionParams: Partial<SecondaryActionLinkButton> | null = actions?.secondary\n    ? {\n        onClick: actions.secondary.onClick,\n      }\n    : null;\n\n  /**\n   * TS assumes only common properties to be present for `SecondaryAction` union type\n   * We add a type guard that checks if href is present on secondary action:\n   * - If yes, then TS can assume it to be `SecondaryActionLinkButton` (href being a required property)\n   * - If no, then it would be `SecondaryActionButton` (and link properties wouldn't be needed)\n   */\n  if (actions?.secondary && secondaryActionParams && 'href' in actions.secondary) {\n    secondaryActionParams.href = actions.secondary.href;\n    secondaryActionParams.target = actions.secondary.target;\n    secondaryActionParams.rel = actions.secondary.rel;\n  }\n\n  const secondaryAction = actions?.secondary ? (\n    <BaseBox marginRight=\"spacing.4\" display={(isReactNative ? 'flex' : 'inline-flex') as never}>\n      <BaseLink\n        size=\"small\"\n        color={emphasis === 'intense' ? 'white' : color}\n        {...secondaryActionParams}\n      >\n        {actions.secondary.text}\n      </BaseLink>\n    </BaseBox>\n  ) : null;\n\n  // For certain cases we wish to render actions inline with text content\n  const showActionsHorizontal = isFullWidth && isDesktop;\n\n  const actionsHorizontal =\n    showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const actionsVertical =\n    !showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox marginTop=\"spacing.4\" flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const onClickDismiss = (): void => {\n    if (onDismiss) {\n      onDismiss();\n    }\n    setIsVisible(false);\n  };\n  const closeButton = isDismissible ? (\n    <CloseButtonWrapper>\n      <IconButton\n        accessibilityLabel=\"Dismiss alert\"\n        onClick={onClickDismiss}\n        emphasis={emphasis === 'intense' ? 'subtle' : 'intense'}\n        size=\"large\"\n        icon={CloseIcon}\n      />\n    </CloseButtonWrapper>\n  ) : null;\n\n  const a11yProps = makeAccessible({\n    // React Native doesn't has status as role\n    role: isReactNative || color === 'negative' || color === 'notice' ? 'alert' : 'status',\n    // override the implicit live region of role `alert`\n    ...(color === 'notice' && { liveRegion: 'polite' }),\n  });\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Alert, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <StyledAlert\n        color={color}\n        emphasis={emphasis}\n        isFullWidth={isFullWidth}\n        isDesktop={isDesktop}\n        textAlign={'left' as never}\n      >\n        {leadingIcon}\n        <BaseBox\n          flex={1}\n          paddingLeft={isFullWidth ? 'spacing.4' : 'spacing.3'}\n          paddingRight={showActionsHorizontal ? 'spacing.4' : 'spacing.2'}\n        >\n          {_title}\n          {_description}\n          {actionsVertical}\n        </BaseBox>\n        {actionsHorizontal}\n        {closeButton}\n      </StyledAlert>\n    </BaseBox>\n  );\n};\n\nconst Alert = forwardRef(_Alert);\n\nexport type { AlertProps };\nexport { Alert };\n"],"names":["isReactNative","getPlatformType","CloseButtonWrapper","BaseBox","Fragment","intentIconMap","positive","CheckCircleIcon","negative","AlertOctagonIcon","information","InfoIcon","neutral","notice","AlertTriangleIcon","_Alert","_ref","ref","description","title","_ref$isDismissible","isDismissible","onDismiss","_ref$emphasis","emphasis","_ref$isFullWidth","isFullWidth","_ref$color","color","actions","testID","icon","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_useState","useState","_useState2","_slicedToArray","isVisible","setIsVisible","isDesktop","isMobile","Icon","iconOffset","shouldCenterAlign","alignment","leadingIcon","_jsx","display","alignSelf","marginTop","children","size","textColor","_title","marginBottom","Text","weight","_description","primaryAction","primary","marginRight","castNativeType","castWebType","BaseButton","onClick","variant","text","secondaryActionParams","secondary","href","target","rel","secondaryAction","BaseLink","Object","assign","showActionsHorizontal","actionsHorizontal","_jsxs","flexDirection","alignItems","actionsVertical","onClickDismiss","closeButton","IconButton","accessibilityLabel","CloseIcon","a11yProps","makeAccessible","role","liveRegion","metaAttribute","name","MetaConstants","Alert","getStyledProps","makeAnalyticsAttribute","StyledAlert","textAlign","flex","paddingLeft","paddingRight","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ReactChild, ReactElement } from 'react';\nimport React, { Fragment, useState, forwardRef } from 'react';\n\nimport { StyledAlert } from './StyledAlert';\nimport type { IconComponent } from '~components/Icons';\nimport {\n  AlertOctagonIcon,\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoIcon,\n} from '~components/Icons';\nimport { castNativeType, castWebType, useBreakpoint, getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport BaseButton from '~components/Button/BaseButton';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { useTheme } from '~components/BladeProvider';\nimport type {\n  DataAnalyticsAttribute,\n  BladeElementRef,\n  DotNotationSpacingStringToken,\n  TestID,\n} from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { MAKE_ANALYTICS_CONSTANTS, makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype PrimaryAction = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionButton = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionLinkButton = {\n  text: string;\n  href: string;\n  onClick?: () => void;\n  target?: string;\n  /**\n   * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`\n   */\n  rel?: string;\n};\n\ntype SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;\n\ntype AlertProps = {\n  /**\n   * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.\n   */\n  description: ReactChild;\n\n  /**\n   * A brief heading\n   */\n  title?: string;\n\n  /**\n   * Shows a dismiss button\n   *\n   * @default true\n   */\n  isDismissible?: boolean;\n\n  /**\n   * A callback when the dismiss button is clicked\n   */\n  onDismiss?: () => void;\n\n  /**\n   * Can be used to render custom icon\n   */\n  icon?: IconComponent;\n\n  /**\n   * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.\n   *\n   * @default subtle\n   */\n  emphasis?: SubtleOrIntense;\n\n  /**\n   * Makes the Alert span the entire container width, instead of the default max width of `584px`.\n   * This also makes the alert borderless, useful for creating full bleed layouts.\n   *\n   * @default false\n   */\n  isFullWidth?: boolean;\n\n  /**\n   * Sets the color tone\n   */\n  color?: FeedbackColors;\n\n  /**\n   * Renders a primary action button and a secondary action link button\n   */\n  actions?: {\n    /**\n     * Renders a button (should **always** be present if `secondary` action is being used)\n     */\n    primary?: PrimaryAction;\n    /**\n     * Renders a Link button\n     */\n    secondary?: SecondaryAction;\n  };\n} & TestID &\n  StyledPropsBlade &\n  DataAnalyticsAttribute;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n// Need extra wrappers on React Native only for alignment\nconst CloseButtonWrapper = isReactNative ? BaseBox : Fragment;\n\nconst intentIconMap = {\n  positive: CheckCircleIcon,\n  negative: AlertOctagonIcon,\n  information: InfoIcon,\n  neutral: InfoIcon,\n  notice: AlertTriangleIcon,\n};\n\nconst _Alert = (\n  {\n    description,\n    title,\n    isDismissible = true,\n    onDismiss,\n    emphasis = 'subtle',\n    isFullWidth = false,\n    color = 'neutral',\n    actions,\n    testID,\n    icon,\n    ...rest\n  }: AlertProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement | null => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isVisible, setIsVisible] = useState(true);\n\n  const isDesktop = matchedDeviceType === 'desktop';\n  const isMobile = !isDesktop;\n\n  const Icon = icon ?? intentIconMap[color];\n  let iconOffset: DotNotationSpacingStringToken = 'spacing.1';\n\n  // certain special cases below needs special care for near perfect alignment\n  if (isReactNative) {\n    if (isFullWidth && !title) {\n      iconOffset = 'spacing.1';\n    } else if (!isFullWidth && !title) {\n      iconOffset = 'spacing.0';\n    } else if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isMobile) {\n    if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    } else if (isFullWidth && !title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isFullWidth) {\n    iconOffset = 'spacing.1';\n  }\n\n  const shouldCenterAlign = isFullWidth && !title;\n  let alignment: 'center' | 'flex-start' = 'flex-start';\n  if (!isFullWidth) alignment = 'flex-start';\n  if (shouldCenterAlign) alignment = 'center';\n\n  const leadingIcon = (\n    <BaseBox display=\"flex\" alignSelf={alignment} marginTop={iconOffset}>\n      <Icon\n        color={\n          emphasis === 'intense'\n            ? 'surface.icon.staticWhite.normal'\n            : `feedback.icon.${color}.${emphasis === 'subtle' ? 'intense' : 'subtle'}`\n        }\n        size=\"medium\"\n      />\n    </BaseBox>\n  );\n\n  const textColor =\n    emphasis === 'intense' ? 'surface.text.staticWhite.normal' : 'surface.text.gray.subtle';\n  const _title = title ? (\n    <BaseBox marginBottom=\"spacing.2\">\n      <Text color={textColor} size=\"medium\" weight=\"semibold\">\n        {title}\n      </Text>\n    </BaseBox>\n  ) : null;\n\n  const _description = (\n    <BaseBox marginTop={title || isReactNative ? 'spacing.0' : 'spacing.1'}>\n      <Text color={textColor} size=\"small\">\n        {description}\n      </Text>\n    </BaseBox>\n  );\n\n  const primaryAction = actions?.primary ? (\n    <BaseBox\n      marginRight=\"spacing.5\"\n      display={isReactNative ? castNativeType('flex') : castWebType('inline-flex')}\n    >\n      <BaseButton\n        size=\"small\"\n        onClick={actions.primary.onClick}\n        color={emphasis === 'intense' ? 'white' : color}\n        variant=\"secondary\"\n        data-analytics-name={MAKE_ANALYTICS_CONSTANTS.ALERT.PRIMARY_ACTION_BUTTON}\n      >\n        {actions.primary.text}\n      </BaseButton>\n    </BaseBox>\n  ) : null;\n\n  const secondaryActionParams: Partial<SecondaryActionLinkButton> | null = actions?.secondary\n    ? {\n        onClick: actions.secondary.onClick,\n      }\n    : null;\n\n  /**\n   * TS assumes only common properties to be present for `SecondaryAction` union type\n   * We add a type guard that checks if href is present on secondary action:\n   * - If yes, then TS can assume it to be `SecondaryActionLinkButton` (href being a required property)\n   * - If no, then it would be `SecondaryActionButton` (and link properties wouldn't be needed)\n   */\n  if (actions?.secondary && secondaryActionParams && 'href' in actions.secondary) {\n    secondaryActionParams.href = actions.secondary.href;\n    secondaryActionParams.target = actions.secondary.target;\n    secondaryActionParams.rel = actions.secondary.rel;\n  }\n\n  const secondaryAction = actions?.secondary ? (\n    <BaseBox marginRight=\"spacing.4\" display={(isReactNative ? 'flex' : 'inline-flex') as never}>\n      <BaseLink\n        size=\"small\"\n        color={emphasis === 'intense' ? 'white' : color}\n        {...secondaryActionParams}\n      >\n        {actions.secondary.text}\n      </BaseLink>\n    </BaseBox>\n  ) : null;\n\n  // For certain cases we wish to render actions inline with text content\n  const showActionsHorizontal = isFullWidth && isDesktop;\n\n  const actionsHorizontal =\n    showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const actionsVertical =\n    !showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox marginTop=\"spacing.4\" flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const onClickDismiss = (): void => {\n    if (onDismiss) {\n      onDismiss();\n    }\n    setIsVisible(false);\n  };\n  const closeButton = isDismissible ? (\n    <CloseButtonWrapper>\n      <IconButton\n        accessibilityLabel=\"Dismiss alert\"\n        onClick={onClickDismiss}\n        emphasis={emphasis === 'intense' ? 'subtle' : 'intense'}\n        size=\"large\"\n        icon={CloseIcon}\n      />\n    </CloseButtonWrapper>\n  ) : null;\n\n  const a11yProps = makeAccessible({\n    // React Native doesn't has status as role\n    role: isReactNative || color === 'negative' || color === 'notice' ? 'alert' : 'status',\n    // override the implicit live region of role `alert`\n    ...(color === 'notice' && { liveRegion: 'polite' }),\n  });\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Alert, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <StyledAlert\n        color={color}\n        emphasis={emphasis}\n        isFullWidth={isFullWidth}\n        isDesktop={isDesktop}\n        textAlign={'left' as never}\n      >\n        {leadingIcon}\n        <BaseBox\n          flex={1}\n          paddingLeft={isFullWidth ? 'spacing.4' : 'spacing.3'}\n          paddingRight={showActionsHorizontal ? 'spacing.4' : 'spacing.2'}\n        >\n          {_title}\n          {_description}\n          {actionsVertical}\n        </BaseBox>\n        {actionsHorizontal}\n        {closeButton}\n      </StyledAlert>\n    </BaseBox>\n  );\n};\n\nconst Alert = forwardRef(_Alert);\n\nexport type { AlertProps };\nexport { Alert };\n"],"names":["isReactNative","getPlatformType","CloseButtonWrapper","BaseBox","Fragment","intentIconMap","positive","CheckCircleIcon","negative","AlertOctagonIcon","information","InfoIcon","neutral","notice","AlertTriangleIcon","_Alert","_ref","ref","description","title","_ref$isDismissible","isDismissible","onDismiss","_ref$emphasis","emphasis","_ref$isFullWidth","isFullWidth","_ref$color","color","actions","testID","icon","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_useState","useState","_useState2","_slicedToArray","isVisible","setIsVisible","isDesktop","isMobile","Icon","iconOffset","shouldCenterAlign","alignment","leadingIcon","_jsx","display","alignSelf","marginTop","children","size","textColor","_title","marginBottom","Text","weight","_description","primaryAction","primary","marginRight","castNativeType","castWebType","BaseButton","onClick","variant","MAKE_ANALYTICS_CONSTANTS","ALERT","PRIMARY_ACTION_BUTTON","text","secondaryActionParams","secondary","href","target","rel","secondaryAction","BaseLink","Object","assign","showActionsHorizontal","actionsHorizontal","_jsxs","flexDirection","alignItems","actionsVertical","onClickDismiss","closeButton","IconButton","accessibilityLabel","CloseIcon","a11yProps","makeAccessible","role","liveRegion","metaAttribute","name","MetaConstants","Alert","getStyledProps","makeAnalyticsAttribute","StyledAlert","textAlign","flex","paddingLeft","paddingRight","forwardRef"],"mappings":"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"}

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

@@ -23,7 +23,7 @@ import { useCheckboxGroupContext } from '../Checkbox/CheckboxGroup/CheckboxGroup
 import { useRadioGroupContext } from '../Radio/RadioGroup/RadioContext.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["children","backgroundColor","borderRadius","elevation","testID","padding","width","height","minHeight","minWidth","maxWidth","onClick","isSelected","accessibilityLabel","shouldScaleOnHover","onHover","href","target","rel","as"],_excluded2=["height","children","testID"];var ComponentIds={CardHeader:'CardHeader',CardHeaderTrailing:'CardHeaderTrailing',CardHeaderLeading:'CardHeaderLeading',CardFooter:'CardFooter',CardFooterTrailing:'CardFooterTrailing',CardFooterLeading:'CardFooterLeading',CardBody:'CardBody',CardHeaderIcon:'CardHeaderIcon',CardHeaderCounter:'CardHeaderCounter',CardHeaderBadge:'CardHeaderBadge',CardHeaderAmount:'CardHeaderAmount',CardHeaderText:'CardHeaderText',CardHeaderLink:'CardHeaderLink',CardHeaderIconButton:'CardHeaderIconButton'};var _Card=function _Card(_ref,ref){var children=_ref.children,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=_ref$backgroundColor===void 0?'surface.background.gray.intense':_ref$backgroundColor,_ref$borderRadius=_ref.borderRadius,borderRadius=_ref$borderRadius===void 0?'medium':_ref$borderRadius,_ref$elevation=_ref.elevation,elevation=_ref$elevation===void 0?'lowRaised':_ref$elevation,testID=_ref.testID,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.7':_ref$padding,width=_ref.width,height=_ref.height,minHeight=_ref.minHeight,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,onClick=_ref.onClick,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,accessibilityLabel=_ref.accessibilityLabel,_ref$shouldScaleOnHov=_ref.shouldScaleOnHover,shouldScaleOnHover=_ref$shouldScaleOnHov===void 0?false:_ref$shouldScaleOnHov,onHover=_ref.onHover,href=_ref.href,target=_ref.target,rel=_ref.rel,as=_ref.as,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isFocused=_React$useState2[0],setIsFocused=_React$useState2[1];useVerifyAllowedChildren({children:children,componentName:'Card',allowedComponents:[ComponentIds.CardHeader,ComponentIds.CardBody,ComponentIds.CardFooter]});var linkOverlayProps=Object.assign({},metaAttribute({name:CARD_LINK_OVERLAY_ID}),makeAccessible({label:accessibilityLabel,pressed:href?undefined:isSelected}),{onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);}});var defaultRel=target&&target==='_blank'?'noreferrer noopener':undefined;var checkboxGroupProps=useCheckboxGroupContext();var radioGroupProps=useRadioGroupContext();var getGroupProps=function getGroupProps(){if(Object.keys(checkboxGroupProps).length>0)return checkboxGroupProps;if(Object.keys(radioGroupProps).length>0)return radioGroupProps;return undefined;};var groupProps=getGroupProps();var _validationState=groupProps==null?void 0:groupProps.validationState;return jsx(CardProvider,{children:jsx(CardRoot,Object.assign({as:as,ref:ref,display:'block',borderRadius:borderRadius,onMouseEnter:onHover,shouldScaleOnHover:shouldScaleOnHover,isSelected:isSelected,isFocused:isFocused,onClick:isReactNative()?onClick:undefined,width:width,height:height,minHeight:minHeight,minWidth:minWidth,maxWidth:maxWidth,href:href,accessibilityLabel:accessibilityLabel,validationState:_validationState},metaAttribute({name:MetaConstants.Card,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(CardSurface,{height:height,minHeight:minHeight,padding:padding,borderRadius:borderRadius,elevation:elevation,textAlign:'left',backgroundColor:backgroundColor,children:[href?jsx(LinkOverlay,Object.assign({onClick:onClick,href:href,target:target,rel:rel!=null?rel:defaultRel},linkOverlayProps)):null,!href&&onClick?jsx(LinkOverlay,Object.assign({as:"button",onClick:onClick},linkOverlayProps)):null,children]})}))});};var _CardBody=function _CardBody(_ref2){var height=_ref2.height,children=_ref2.children,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded2);useVerifyInsideCard('CardBody');return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.CardBody,testID:testID}),makeAnalyticsAttribute(rest),{height:height,children:children}));};var Card=React__default.forwardRef(_Card);var CardBody=assignWithoutSideEffects(_CardBody,{componentId:ComponentIds.CardBody});
+var _excluded=["children","backgroundColor","borderRadius","elevation","testID","padding","width","height","minHeight","minWidth","maxWidth","onClick","isSelected","accessibilityLabel","shouldScaleOnHover","onHover","href","target","rel","as","size"],_excluded2=["height","children","testID"];var ComponentIds={CardHeader:'CardHeader',CardHeaderTrailing:'CardHeaderTrailing',CardHeaderLeading:'CardHeaderLeading',CardFooter:'CardFooter',CardFooterTrailing:'CardFooterTrailing',CardFooterLeading:'CardFooterLeading',CardBody:'CardBody',CardHeaderIcon:'CardHeaderIcon',CardHeaderCounter:'CardHeaderCounter',CardHeaderBadge:'CardHeaderBadge',CardHeaderAmount:'CardHeaderAmount',CardHeaderText:'CardHeaderText',CardHeaderLink:'CardHeaderLink',CardHeaderIconButton:'CardHeaderIconButton'};var _Card=function _Card(_ref,ref){var children=_ref.children,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=_ref$backgroundColor===void 0?'surface.background.gray.intense':_ref$backgroundColor,_ref$borderRadius=_ref.borderRadius,borderRadius=_ref$borderRadius===void 0?'medium':_ref$borderRadius,_ref$elevation=_ref.elevation,elevation=_ref$elevation===void 0?'lowRaised':_ref$elevation,testID=_ref.testID,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.7':_ref$padding,width=_ref.width,height=_ref.height,minHeight=_ref.minHeight,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,onClick=_ref.onClick,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,accessibilityLabel=_ref.accessibilityLabel,_ref$shouldScaleOnHov=_ref.shouldScaleOnHover,shouldScaleOnHover=_ref$shouldScaleOnHov===void 0?false:_ref$shouldScaleOnHov,onHover=_ref.onHover,href=_ref.href,target=_ref.target,rel=_ref.rel,as=_ref.as,_ref$size=_ref.size,size=_ref$size===void 0?'large':_ref$size,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isFocused=_React$useState2[0],setIsFocused=_React$useState2[1];useVerifyAllowedChildren({children:children,componentName:'Card',allowedComponents:[ComponentIds.CardHeader,ComponentIds.CardBody,ComponentIds.CardFooter]});var linkOverlayProps=Object.assign({},metaAttribute({name:CARD_LINK_OVERLAY_ID}),makeAccessible({label:accessibilityLabel,pressed:href?undefined:isSelected}),{onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);}});var defaultRel=target&&target==='_blank'?'noreferrer noopener':undefined;var checkboxGroupProps=useCheckboxGroupContext();var radioGroupProps=useRadioGroupContext();var getGroupProps=function getGroupProps(){if(Object.keys(checkboxGroupProps).length>0)return checkboxGroupProps;if(Object.keys(radioGroupProps).length>0)return radioGroupProps;return undefined;};var groupProps=getGroupProps();var _validationState=groupProps==null?void 0:groupProps.validationState;return jsx(CardProvider,{size:size,children:jsx(CardRoot,Object.assign({as:as,ref:ref,display:'block',borderRadius:borderRadius,onMouseEnter:onHover,shouldScaleOnHover:shouldScaleOnHover,isSelected:isSelected,isFocused:isFocused,onClick:isReactNative()?onClick:undefined,width:width,height:height,minHeight:minHeight,minWidth:minWidth,maxWidth:maxWidth,href:href,accessibilityLabel:accessibilityLabel,validationState:_validationState},metaAttribute({name:MetaConstants.Card,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(CardSurface,{height:height,minHeight:minHeight,padding:padding,borderRadius:borderRadius,elevation:elevation,textAlign:'left',backgroundColor:backgroundColor,children:[href?jsx(LinkOverlay,Object.assign({onClick:onClick,href:href,target:target,rel:rel!=null?rel:defaultRel},linkOverlayProps)):null,!href&&onClick?jsx(LinkOverlay,Object.assign({as:"button",onClick:onClick},linkOverlayProps)):null,children]})}))});};var _CardBody=function _CardBody(_ref2){var height=_ref2.height,children=_ref2.children,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded2);useVerifyInsideCard('CardBody');return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.CardBody,testID:testID}),makeAnalyticsAttribute(rest),{height:height,children:children}));};var Card=React__default.forwardRef(_Card);var CardBody=assignWithoutSideEffects(_CardBody,{componentId:ComponentIds.CardBody});
 
 export { Card, CardBody, ComponentIds };
 //# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\n\nexport const ComponentIds = {\n  CardHeader: 'CardHeader',\n  CardHeaderTrailing: 'CardHeaderTrailing',\n  CardHeaderLeading: 'CardHeaderLeading',\n  CardFooter: 'CardFooter',\n  CardFooterTrailing: 'CardFooterTrailing',\n  CardFooterLeading: 'CardFooterLeading',\n  CardBody: 'CardBody',\n  CardHeaderIcon: 'CardHeaderIcon',\n  CardHeaderCounter: 'CardHeaderCounter',\n  CardHeaderBadge: 'CardHeaderBadge',\n  CardHeaderAmount: 'CardHeaderAmount',\n  CardHeaderText: 'CardHeaderText',\n  CardHeaderLink: 'CardHeaderLink',\n  CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n  Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n  /**\n   * Card contents\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card\n   *\n   * @default `surface.background.gray.intense`\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\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--docs\n   */\n  elevation?: keyof Elevation;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.7`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n   */\n  padding?: CardSpacingValueType;\n  /**\n   * Sets the width of the card\n   */\n  width?: BoxProps['width'];\n  /**\n   * Sets the height of the card\n   */\n  height?: BoxProps['height'];\n  /**\n   * Sets minimum height of the card\n   */\n  minHeight?: BoxProps['minHeight'];\n  /**\n   * Sets minimum width of the card\n   */\n  minWidth?: BoxProps['minWidth'];\n  /**\n   * Sets maximum width of the card\n   */\n  maxWidth?: BoxProps['maxWidth'];\n  /**\n   * If `true`, the card will be in selected state\n   * Card will have a primary color border around it.\n   *\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Makes the Card linkable by setting the `href` prop\n   *\n   * @default undefined\n   */\n  href?: string;\n  /**\n   * Sets the `target` attribute for the linkable card\n   */\n  target?: string;\n  /**\n   * Sets the `rel` attribute for the linkable card\n   */\n  rel?: string;\n  /**\n   * Sets the accessibility label for the card\n   * This is useful when the card has an `href` or `onClick` prop\n   * Setting this will announce the label when the card is focused\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the card will scale up on hover\n   *\n   * On mobile devices it will scale down on press\n   *\n   * **This prop is deprecated in favour of motion presets released in v12**\n   *\n   * ### Migration\n   *\n   * ```diff\n   * - <Card\n   * -  shouldScaleOnHover\n   * - />\n   *\n   * + <Scale motionTriggers={['hover']}>\n   * +   <Card />\n   * + </Scale>\n   * ```\n   *\n   * @default false\n   *\n   * @deprecated This prop is deprecated in favour of motion presets released in v12\n   */\n  shouldScaleOnHover?: boolean;\n  /**\n   * Callback triggered when the card is hovered\n   */\n  onHover?: () => void;\n  /**\n   * Callback triggered when the card is clicked\n   */\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n  /**\n   * Sets the HTML element for the Card\n   *\n   * When `as` is set to `label`, the card will be rendered as a label element\n   * This can be used to create a custom checkbox or radio button using the card\n   *\n   * @default undefined\n   */\n  as?: 'label';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\n    children,\n    backgroundColor = 'surface.background.gray.intense',\n    borderRadius = 'medium',\n    elevation = 'lowRaised',\n    testID,\n    padding = 'spacing.7',\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    accessibilityLabel,\n    shouldScaleOnHover = false,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const checkboxGroupProps = useCheckboxGroupContext();\n  const radioGroupProps = useRadioGroupContext();\n\n  const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n    return undefined;\n  };\n\n  const groupProps = getGroupProps();\n\n  const _validationState = groupProps?.validationState;\n\n  return (\n    <CardProvider>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        borderRadius={borderRadius}\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isSelected}\n        isFocused={isFocused}\n        // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n        onClick={isReactNative() ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={href}\n        accessibilityLabel={accessibilityLabel}\n        validationState={_validationState}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardSurface\n          height={height}\n          minHeight={minHeight}\n          padding={padding}\n          borderRadius={borderRadius}\n          elevation={elevation}\n          textAlign={'left' as never}\n          backgroundColor={backgroundColor}\n        >\n          {href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n          {children}\n        </CardSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\ntype CardBodyProps = {\n  children: React.ReactNode;\n  height?: BoxProps['height'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      height={height}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst Card = React.forwardRef(_Card);\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","_ref$backgroundColor","backgroundColor","_ref$borderRadius","borderRadius","_ref$elevation","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","Object","assign","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","undefined","onFocus","onBlur","defaultRel","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","keys","length","groupProps","_validationState","validationState","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\n\nexport const ComponentIds = {\n  CardHeader: 'CardHeader',\n  CardHeaderTrailing: 'CardHeaderTrailing',\n  CardHeaderLeading: 'CardHeaderLeading',\n  CardFooter: 'CardFooter',\n  CardFooterTrailing: 'CardFooterTrailing',\n  CardFooterLeading: 'CardFooterLeading',\n  CardBody: 'CardBody',\n  CardHeaderIcon: 'CardHeaderIcon',\n  CardHeaderCounter: 'CardHeaderCounter',\n  CardHeaderBadge: 'CardHeaderBadge',\n  CardHeaderAmount: 'CardHeaderAmount',\n  CardHeaderText: 'CardHeaderText',\n  CardHeaderLink: 'CardHeaderLink',\n  CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n  Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n  /**\n   * Card contents\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card\n   *\n   * @default `surface.background.gray.intense`\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\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--docs\n   */\n  elevation?: keyof Elevation;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.7`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n   */\n  padding?: CardSpacingValueType;\n  /**\n   * Sets the width of the card\n   */\n  width?: BoxProps['width'];\n  /**\n   * Sets the height of the card\n   */\n  height?: BoxProps['height'];\n  /**\n   * Sets minimum height of the card\n   */\n  minHeight?: BoxProps['minHeight'];\n  /**\n   * Sets minimum width of the card\n   */\n  minWidth?: BoxProps['minWidth'];\n  /**\n   * Sets maximum width of the card\n   */\n  maxWidth?: BoxProps['maxWidth'];\n  /**\n   * If `true`, the card will be in selected state\n   * Card will have a primary color border around it.\n   *\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Makes the Card linkable by setting the `href` prop\n   *\n   * @default undefined\n   */\n  href?: string;\n  /**\n   * Sets the `target` attribute for the linkable card\n   */\n  target?: string;\n  /**\n   * Sets the `rel` attribute for the linkable card\n   */\n  rel?: string;\n  /**\n   * Sets the accessibility label for the card\n   * This is useful when the card has an `href` or `onClick` prop\n   * Setting this will announce the label when the card is focused\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the card will scale up on hover\n   *\n   * On mobile devices it will scale down on press\n   *\n   * **This prop is deprecated in favour of motion presets released in v12**\n   *\n   * ### Migration\n   *\n   * ```diff\n   * - <Card\n   * -  shouldScaleOnHover\n   * - />\n   *\n   * + <Scale motionTriggers={['hover']}>\n   * +   <Card />\n   * + </Scale>\n   * ```\n   *\n   * @default false\n   *\n   * @deprecated This prop is deprecated in favour of motion presets released in v12\n   */\n  shouldScaleOnHover?: boolean;\n  /**\n   * Callback triggered when the card is hovered\n   */\n  onHover?: () => void;\n  /**\n   * Sets the size of the card header title\n   *\n   * @default 'large'\n   */\n  size?: 'large' | 'medium';\n  /**\n   * Callback triggered when the card is clicked\n   */\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n  /**\n   * Sets the HTML element for the Card\n   *\n   * When `as` is set to `label`, the card will be rendered as a label element\n   * This can be used to create a custom checkbox or radio button using the card\n   *\n   * @default undefined\n   */\n  as?: 'label';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\n    children,\n    backgroundColor = 'surface.background.gray.intense',\n    borderRadius = 'medium',\n    elevation = 'lowRaised',\n    testID,\n    padding = 'spacing.7',\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    accessibilityLabel,\n    shouldScaleOnHover = false,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    size = 'large',\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const checkboxGroupProps = useCheckboxGroupContext();\n  const radioGroupProps = useRadioGroupContext();\n\n  const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n    return undefined;\n  };\n\n  const groupProps = getGroupProps();\n\n  const _validationState = groupProps?.validationState;\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        borderRadius={borderRadius}\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isSelected}\n        isFocused={isFocused}\n        // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n        onClick={isReactNative() ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={href}\n        accessibilityLabel={accessibilityLabel}\n        validationState={_validationState}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardSurface\n          height={height}\n          minHeight={minHeight}\n          padding={padding}\n          borderRadius={borderRadius}\n          elevation={elevation}\n          textAlign={'left' as never}\n          backgroundColor={backgroundColor}\n        >\n          {href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n          {children}\n        </CardSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\ntype CardBodyProps = {\n  children: React.ReactNode;\n  height?: BoxProps['height'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      height={height}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst Card = React.forwardRef(_Card);\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","_ref$backgroundColor","backgroundColor","_ref$borderRadius","borderRadius","_ref$elevation","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","_ref$size","size","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","Object","assign","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","undefined","onFocus","onBlur","defaultRel","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","keys","length","groupProps","_validationState","validationState","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/Card/CardContext.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { jsx } from 'react/jsx-runtime';
 
-var CardContext=React__default.createContext(null);var useVerifyInsideCard=function useVerifyInsideCard(componentName){var context=React__default.useContext(CardContext);if(__DEV__){if(!context){throwBladeError({message:`${componentName} cannot be used outside of Card component`,moduleName:'Card'});}}return true;};var CardProvider=function CardProvider(_ref){var children=_ref.children;return jsx(CardContext.Provider,{value:true,children:children});};
+var CardContext=React__default.createContext({size:undefined});var useVerifyInsideCard=function useVerifyInsideCard(componentName){var context=React__default.useContext(CardContext);if(__DEV__){if(!(context!=null&&context.size)){throwBladeError({message:`${componentName} cannot be used outside of Card component`,moduleName:'Card'});}}return context;};var CardProvider=function CardProvider(_ref){var children=_ref.children,size=_ref.size;return jsx(CardContext.Provider,{value:{size:size},children:children});};
 
-export { CardProvider, useVerifyInsideCard };
+export { CardContext, CardProvider, useVerifyInsideCard };
 //# sourceMappingURL=CardContext.js.map

package/build/lib/native/components/Card/CardContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContext.js","sources":["../../../../../src/components/Card/CardContext.tsx"],"sourcesContent":["import React from 'react';\nimport { throwBladeError } from '~utils/logger';\n\ntype CardContextType = true | null;\nconst CardContext = React.createContext<CardContextType>(null);\n\nconst useVerifyInsideCard = (componentName: string): CardContextType => {\n  const context = React.useContext(CardContext);\n  if (__DEV__) {\n    if (!context) {\n      throwBladeError({\n        message: `${componentName} cannot be used outside of Card component`,\n        moduleName: 'Card',\n      });\n    }\n  }\n  return true;\n};\n\ntype CardProviderProps = { children: React.ReactNode };\nconst CardProvider = ({ children }: CardProviderProps): React.ReactElement => {\n  return <CardContext.Provider value={true}>{children}</CardContext.Provider>;\n};\n\nexport { useVerifyInsideCard, CardProvider };\n"],"names":["CardContext","React","createContext","useVerifyInsideCard","componentName","context","useContext","__DEV__","throwBladeError","message","moduleName","CardProvider","_ref","children","_jsx","Provider","value"],"mappings":";;;;AAIA,IAAMA,WAAW,CAAGC,cAAK,CAACC,aAAa,CAAkB,IAAI,CAAC,CAExD,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIC,aAAqB,CAAsB,CACtE,IAAMC,OAAO,CAAGJ,cAAK,CAACK,UAAU,CAACN,WAAW,CAAC,CAC7C,GAAIO,OAAO,CAAE,CACX,GAAI,CAACF,OAAO,CAAE,CACZG,eAAe,CAAC,CACdC,OAAO,CAAG,CAAEL,EAAAA,aAAc,CAA0C,yCAAA,CAAA,CACpEM,UAAU,CAAE,MACd,CAAC,CAAC,CACJ,CACF,CACA,OAAO,IAAI,CACb,EAGM,IAAAC,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAA4D,CAAtD,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAC9B,OAAOC,GAAA,CAACd,WAAW,CAACe,QAAQ,CAACC,CAAAA,KAAK,CAAE,IAAK,CAAAH,QAAA,CAAEA,QAAQ,CAAuB,CAAC,CAC7E;;;;"}
+{"version":3,"file":"CardContext.js","sources":["../../../../../src/components/Card/CardContext.tsx"],"sourcesContent":["import React from 'react';\nimport { throwBladeError } from '~utils/logger';\n\ntype CardContextType = { size: 'large' | 'medium' | undefined };\nconst CardContext = React.createContext<CardContextType>({ size: undefined });\n\nconst useVerifyInsideCard = (componentName: string): CardContextType => {\n  const context = React.useContext(CardContext);\n  if (__DEV__) {\n    if (!context?.size) {\n      throwBladeError({\n        message: `${componentName} cannot be used outside of Card component`,\n        moduleName: 'Card',\n      });\n    }\n  }\n  return context;\n};\n\ntype CardProviderProps = { children: React.ReactNode };\nconst CardProvider = ({\n  children,\n  size,\n}: CardProviderProps & { size: 'large' | 'medium' }): React.ReactElement => {\n  return <CardContext.Provider value={{ size }}>{children}</CardContext.Provider>;\n};\n\nexport { useVerifyInsideCard, CardProvider, CardContext };\n"],"names":["CardContext","React","createContext","size","undefined","useVerifyInsideCard","componentName","context","useContext","__DEV__","throwBladeError","message","moduleName","CardProvider","_ref","children","_jsx","Provider","value"],"mappings":";;;;AAIM,IAAAA,WAAW,CAAGC,cAAK,CAACC,aAAa,CAAkB,CAAEC,IAAI,CAAEC,SAAU,CAAC,EAEtE,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIC,aAAqB,CAAsB,CACtE,IAAMC,OAAO,CAAGN,cAAK,CAACO,UAAU,CAACR,WAAW,CAAC,CAC7C,GAAIS,OAAO,CAAE,CACX,GAAI,EAACF,OAAO,QAAPA,OAAO,CAAEJ,IAAI,CAAA,CAAE,CAClBO,eAAe,CAAC,CACdC,OAAO,CAAG,CAAA,EAAEL,aAAc,CAAA,yCAAA,CAA0C,CACpEM,UAAU,CAAE,MACd,CAAC,CAAC,CACJ,CACF,CACA,OAAOL,OAAO,CAChB,EAGM,IAAAM,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAG0D,CAF1E,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRZ,IAAI,CAAAW,IAAA,CAAJX,IAAI,CAEJ,OAAOa,GAAA,CAAChB,WAAW,CAACiB,QAAQ,CAAA,CAACC,KAAK,CAAE,CAAEf,IAAI,CAAJA,IAAK,CAAE,CAAAY,QAAA,CAAEA,QAAQ,CAAuB,CAAC,CACjF;;;;"}

package/build/lib/native/components/Card/CardFooter.js

@@ -16,9 +16,10 @@ import { useIsMobile } from '../../utils/useIsMobile.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { MAKE_ANALYTICS_CONSTANTS } from '../../utils/makeAnalyticsAttribute/makeAnalyticsConstants.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","testID","marginTop","paddingTop","showDivider"],_excluded2=["title","subtitle"],_excluded3=["actions"];var _CardFooter=function _CardFooter(_ref){var _footerChildrensArray,_footerChildrensArray2;var children=_ref.children,testID=_ref.testID,_ref$marginTop=_ref.marginTop,marginTop=_ref$marginTop===void 0?'spacing.4':_ref$marginTop,_ref$paddingTop=_ref.paddingTop,paddingTop=_ref$paddingTop===void 0?'spacing.4':_ref$paddingTop,_ref$showDivider=_ref.showDivider,showDivider=_ref$showDivider===void 0?true:_ref$showDivider,props=_objectWithoutProperties(_ref,_excluded);var isMobile=useIsMobile();useVerifyInsideCard('CardFooter');useVerifyAllowedChildren({children:children,componentName:'CardFooter',allowedComponents:[ComponentIds.CardFooterLeading,ComponentIds.CardFooterTrailing]});var footerChildrensArray=React__default.Children.toArray(children);if(__DEV__){if(!React__default.isValidElement(footerChildrensArray[0])){throwBladeError({message:`Invalid React Element ${footerChildrensArray}`,moduleName:'CardFooter'});}}var baseBoxJustifyContent=footerChildrensArray.length===2||!((_footerChildrensArray=footerChildrensArray[0])!=null&&(_footerChildrensArray2=_footerChildrensArray.props)!=null&&_footerChildrensArray2.actions)?'space-between':'flex-end';return jsxs(BaseBox,Object.assign({marginTop:marginTop},metaAttribute({name:MetaConstants.CardFooter,testID:testID}),makeAnalyticsAttribute(props),{children:[showDivider?jsx(Divider,{}):null,jsx(BaseBox,{paddingTop:paddingTop,display:"flex",flexDirection:isMobile?'column':'row',justifyContent:baseBoxJustifyContent,alignItems:isMobile?'stretch':'center',children:children})]}));};var CardFooter=assignWithoutSideEffects(_CardFooter,{componentId:ComponentIds.CardFooter});var _CardFooterLeading=function _CardFooterLeading(_ref2){var title=_ref2.title,subtitle=_ref2.subtitle,rest=_objectWithoutProperties(_ref2,_excluded2);useVerifyInsideCard('CardFooterLeading');return jsxs(BaseBox,Object.assign({textAlign:'left'},makeAnalyticsAttribute(rest),{children:[title&&jsx(Text,{color:"surface.text.gray.normal",size:"medium",weight:"semibold",children:title}),subtitle&&jsx(Text,{color:"surface.text.gray.subtle",size:"small",weight:"regular",children:subtitle})]}));};var CardFooterLeading=assignWithoutSideEffects(_CardFooterLeading,{componentId:ComponentIds.CardFooterLeading});var _CardFooterTrailing=function _CardFooterTrailing(_ref3){var actions=_ref3.actions,rest=_objectWithoutProperties(_ref3,_excluded3);var isMobile=useIsMobile();useVerifyInsideCard('CardFooterTrailing');return jsxs(BaseBox,Object.assign({display:"flex",flexDirection:"row",alignSelf:isMobile?'auto':'center',marginTop:isMobile?'spacing.5':'spacing.0',marginLeft:isMobile?'spacing.0':'spacing.5'},makeAnalyticsAttribute(rest),{children:[jsx(BaseBox,{flexGrow:1,children:actions!=null&&actions.secondary?jsx(Button,Object.assign({isFullWidth:true,size:"medium",variant:"secondary"},actions.secondary,{children:actions.secondary.text})):null}),jsx(BaseBox,{marginLeft:"spacing.5"}),jsx(BaseBox,{flexGrow:1,children:actions!=null&&actions.primary?jsx(Button,Object.assign({isFullWidth:true,size:"medium"},actions.primary,{children:actions.primary.text})):null})]}));};var CardFooterTrailing=assignWithoutSideEffects(_CardFooterTrailing,{componentId:ComponentIds.CardFooterTrailing});
+var _excluded=["children","testID","marginTop","paddingTop","showDivider"],_excluded2=["title","subtitle"],_excluded3=["actions"];var _CardFooter=function _CardFooter(_ref){var _footerChildrensArray,_footerChildrensArray2;var children=_ref.children,testID=_ref.testID,_ref$marginTop=_ref.marginTop,marginTop=_ref$marginTop===void 0?'spacing.4':_ref$marginTop,_ref$paddingTop=_ref.paddingTop,paddingTop=_ref$paddingTop===void 0?'spacing.4':_ref$paddingTop,_ref$showDivider=_ref.showDivider,showDivider=_ref$showDivider===void 0?true:_ref$showDivider,props=_objectWithoutProperties(_ref,_excluded);var isMobile=useIsMobile();useVerifyInsideCard('CardFooter');useVerifyAllowedChildren({children:children,componentName:'CardFooter',allowedComponents:[ComponentIds.CardFooterLeading,ComponentIds.CardFooterTrailing]});var footerChildrensArray=React__default.Children.toArray(children);if(__DEV__){if(!React__default.isValidElement(footerChildrensArray[0])){throwBladeError({message:`Invalid React Element ${footerChildrensArray}`,moduleName:'CardFooter'});}}var baseBoxJustifyContent=footerChildrensArray.length===2||!((_footerChildrensArray=footerChildrensArray[0])!=null&&(_footerChildrensArray2=_footerChildrensArray.props)!=null&&_footerChildrensArray2.actions)?'space-between':'flex-end';return jsxs(BaseBox,Object.assign({marginTop:marginTop},metaAttribute({name:MetaConstants.CardFooter,testID:testID}),makeAnalyticsAttribute(props),{children:[showDivider?jsx(Divider,{}):null,jsx(BaseBox,{paddingTop:paddingTop,display:"flex",flexDirection:isMobile?'column':'row',justifyContent:baseBoxJustifyContent,alignItems:isMobile?'stretch':'center',children:children})]}));};var CardFooter=assignWithoutSideEffects(_CardFooter,{componentId:ComponentIds.CardFooter});var _CardFooterLeading=function _CardFooterLeading(_ref2){var title=_ref2.title,subtitle=_ref2.subtitle,rest=_objectWithoutProperties(_ref2,_excluded2);useVerifyInsideCard('CardFooterLeading');return jsxs(BaseBox,Object.assign({textAlign:'left'},makeAnalyticsAttribute(rest),{children:[title&&jsx(Text,{color:"surface.text.gray.normal",size:"medium",weight:"semibold",children:title}),subtitle&&jsx(Text,{color:"surface.text.gray.subtle",size:"small",weight:"regular",children:subtitle})]}));};var CardFooterLeading=assignWithoutSideEffects(_CardFooterLeading,{componentId:ComponentIds.CardFooterLeading});var _CardFooterTrailing=function _CardFooterTrailing(_ref3){var actions=_ref3.actions,rest=_objectWithoutProperties(_ref3,_excluded3);var isMobile=useIsMobile();useVerifyInsideCard('CardFooterTrailing');return jsxs(BaseBox,Object.assign({display:"flex",flexDirection:"row",alignSelf:isMobile?'auto':'center',marginTop:isMobile?'spacing.5':'spacing.0',marginLeft:isMobile?'spacing.0':'spacing.5'},makeAnalyticsAttribute(rest),{children:[jsx(BaseBox,{flexGrow:1,children:actions!=null&&actions.secondary?jsx(Button,Object.assign({isFullWidth:true,size:"medium",variant:"secondary"},actions.secondary,{"data-analytics-name":MAKE_ANALYTICS_CONSTANTS.CARD.FOOTER_SECONDARY_ACTION_BUTTON,children:actions.secondary.text})):null}),jsx(BaseBox,{marginLeft:"spacing.5"}),jsx(BaseBox,{flexGrow:1,children:actions!=null&&actions.primary?jsx(Button,Object.assign({isFullWidth:true,size:"medium"},actions.primary,{"data-analytics-name":MAKE_ANALYTICS_CONSTANTS.CARD.FOOTER_PRIMARY_ACTION_BUTTON,children:actions.primary.text})):null})]}));};var CardFooterTrailing=assignWithoutSideEffects(_CardFooterTrailing,{componentId:ComponentIds.CardFooterTrailing});
 
 export { CardFooter, CardFooterLeading, CardFooterTrailing };
 //# sourceMappingURL=CardFooter.js.map

package/build/lib/native/components/Card/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","sources":["../../../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport type CardFooterAction = Pick<\n  ButtonProps,\n  'type' | 'accessibilityLabel' | 'isLoading' | 'isDisabled' | 'icon' | 'iconPosition' | 'onClick'\n> & {\n  text: ButtonProps['children'];\n};\n\ntype CardFooterProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and footer title\n   */\n  paddingTop?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginTop?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardFooter = ({\n  children,\n  testID,\n  marginTop = 'spacing.4',\n  paddingTop = 'spacing.4',\n  showDivider = true,\n  ...props\n}: CardFooterProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooter');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardFooter',\n    allowedComponents: [ComponentIds.CardFooterLeading, ComponentIds.CardFooterTrailing],\n  });\n\n  const footerChildrensArray = React.Children.toArray(children);\n  if (__DEV__) {\n    if (!React.isValidElement(footerChildrensArray[0])) {\n      throwBladeError({\n        message: `Invalid React Element ${footerChildrensArray}`,\n        moduleName: 'CardFooter',\n      });\n    }\n  }\n\n  // the reason why we are checking for actions here is, because we want the footerTrailing\n  // to always be aligned to the right\n  // if we don't check for action here, and if we do not have footerTrailing and only footerLeading\n  // then the content of footerLeading will be justified to the end.\n  const baseBoxJustifyContent =\n    footerChildrensArray.length === 2 || !(footerChildrensArray[0] as ReactElement)?.props?.actions\n      ? 'space-between'\n      : 'flex-end';\n\n  return (\n    <BaseBox\n      marginTop={marginTop}\n      {...metaAttribute({ name: MetaConstants.CardFooter, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {showDivider ? <Divider /> : null}\n      <BaseBox\n        paddingTop={paddingTop}\n        display=\"flex\"\n        flexDirection={isMobile ? 'column' : 'row'}\n        justifyContent={baseBoxJustifyContent}\n        alignItems={isMobile ? 'stretch' : 'center'}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooter = assignWithoutSideEffects(_CardFooter, { componentId: ComponentIds.CardFooter });\n\ntype CardFooterLeadingProps = {\n  title?: string;\n  subtitle?: string;\n} & DataAnalyticsAttribute;\nconst _CardFooterLeading = ({\n  title,\n  subtitle,\n  ...rest\n}: CardFooterLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardFooterLeading');\n\n  return (\n    <BaseBox textAlign={'left' as never} {...makeAnalyticsAttribute(rest)}>\n      {title && (\n        <Text color=\"surface.text.gray.normal\" size=\"medium\" weight=\"semibold\">\n          {title}\n        </Text>\n      )}\n      {subtitle && (\n        <Text color=\"surface.text.gray.subtle\" size=\"small\" weight=\"regular\">\n          {subtitle}\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\nconst CardFooterLeading = assignWithoutSideEffects(_CardFooterLeading, {\n  componentId: ComponentIds.CardFooterLeading,\n});\n\ntype CardFooterTrailingProps = {\n  actions?: {\n    primary?: CardFooterAction;\n    secondary?: CardFooterAction;\n  };\n} & DataAnalyticsAttribute;\nconst _CardFooterTrailing = ({ actions, ...rest }: CardFooterTrailingProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooterTrailing');\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignSelf={isMobile ? 'auto' : 'center'}\n      marginTop={isMobile ? 'spacing.5' : 'spacing.0'}\n      marginLeft={isMobile ? 'spacing.0' : 'spacing.5'}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox flexGrow={1}>\n        {actions?.secondary ? (\n          <Button isFullWidth size=\"medium\" variant=\"secondary\" {...actions.secondary}>\n            {actions.secondary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n      <BaseBox marginLeft=\"spacing.5\" />\n      <BaseBox flexGrow={1}>\n        {actions?.primary ? (\n          <Button isFullWidth size=\"medium\" {...actions.primary}>\n            {actions.primary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooterTrailing = assignWithoutSideEffects(_CardFooterTrailing, {\n  componentId: ComponentIds.CardFooterTrailing,\n});\n\nexport { CardFooter, CardFooterLeading, CardFooterTrailing };\n"],"names":["_CardFooter","_ref","_footerChildrensArray","_footerChildrensArray2","children","testID","_ref$marginTop","marginTop","_ref$paddingTop","paddingTop","_ref$showDivider","showDivider","props","_objectWithoutProperties","_excluded","isMobile","useIsMobile","useVerifyInsideCard","useVerifyAllowedChildren","componentName","allowedComponents","ComponentIds","CardFooterLeading","CardFooterTrailing","footerChildrensArray","React","Children","toArray","__DEV__","isValidElement","throwBladeError","message","moduleName","baseBoxJustifyContent","length","actions","_jsxs","BaseBox","Object","assign","metaAttribute","name","MetaConstants","CardFooter","makeAnalyticsAttribute","_jsx","Divider","display","flexDirection","justifyContent","alignItems","assignWithoutSideEffects","componentId","_CardFooterLeading","_ref2","title","subtitle","rest","_excluded2","textAlign","Text","color","size","weight","_CardFooterTrailing","_ref3","_excluded3","alignSelf","marginLeft","flexGrow","secondary","Button","isFullWidth","variant","text","primary"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,QAAA,CAAA,WAAA,CAAA,YAAA,CAAA,aAAA,CAAA,CAAA,UAAA,CAAA,CAAA,OAAA,CAAA,UAAA,CAAA,CAAA,UAAA,CAAA,CAAA,SAAA,CAAA,CAyCA,IAAMA,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAO0B,CAAA,IAAAC,qBAAA,CAAAC,sBAAA,CANzC,IAAAC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CACRC,MAAM,CAAAJ,IAAA,CAANI,MAAM,CAAAC,cAAA,CAAAL,IAAA,CACNM,SAAS,CAATA,SAAS,CAAAD,cAAA,GAAA,KAAA,CAAA,CAAG,WAAW,CAAAA,cAAA,CAAAE,eAAA,CAAAP,IAAA,CACvBQ,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAA,KAAA,CAAA,CAAG,WAAW,CAAAA,eAAA,CAAAE,gBAAA,CAAAT,IAAA,CACxBU,WAAW,CAAXA,WAAW,CAAAD,gBAAA,GAAA,KAAA,CAAA,CAAG,IAAI,CAAAA,gBAAA,CACfE,KAAK,CAAAC,wBAAA,CAAAZ,IAAA,CAAAa,SAAA,CAER,CAAA,IAAMC,QAAQ,CAAGC,WAAW,EAAE,CAC9BC,mBAAmB,CAAC,YAAY,CAAC,CACjCC,wBAAwB,CAAC,CACvBd,QAAQ,CAARA,QAAQ,CACRe,aAAa,CAAE,YAAY,CAC3BC,iBAAiB,CAAE,CAACC,YAAY,CAACC,iBAAiB,CAAED,YAAY,CAACE,kBAAkB,CACrF,CAAC,CAAC,CAEF,IAAMC,oBAAoB,CAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACvB,QAAQ,CAAC,CAC7D,GAAIwB,OAAO,CAAE,CACX,GAAI,CAACH,cAAK,CAACI,cAAc,CAACL,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAE,CAClDM,eAAe,CAAC,CACdC,OAAO,CAAG,CAAA,sBAAA,EAAwBP,oBAAqB,CAAC,CAAA,CACxDQ,UAAU,CAAE,YACd,CAAC,CAAC,CACJ,CACF,CAMA,IAAMC,qBAAqB,CACzBT,oBAAoB,CAACU,MAAM,GAAK,CAAC,EAAI,EAAA,CAAAhC,qBAAA,CAAEsB,oBAAoB,CAAC,CAAC,CAAC,GAAArB,IAAAA,EAAAA,CAAAA,sBAAA,CAAxBD,qBAAA,CAA2CU,KAAK,GAAhDT,IAAAA,EAAAA,sBAAA,CAAkDgC,OAAO,EAC3F,eAAe,CACf,UAAU,CAEhB,OACEC,IAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,EACNhC,SAAS,CAAEA,SAAU,CACjBiC,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,UAAU,CAAEtC,MAAM,CAANA,MAAO,CAAC,CAAC,CACzDuC,sBAAsB,CAAChC,KAAK,CAAC,CAAA,CAAAR,QAAA,CAEhCO,CAAAA,WAAW,CAAGkC,GAAA,CAACC,OAAO,CAAA,EAAE,CAAC,CAAG,IAAI,CACjCD,GAAA,CAACR,OAAO,CAAA,CACN5B,UAAU,CAAEA,UAAW,CACvBsC,OAAO,CAAC,MAAM,CACdC,aAAa,CAAEjC,QAAQ,CAAG,QAAQ,CAAG,KAAM,CAC3CkC,cAAc,CAAEhB,qBAAsB,CACtCiB,UAAU,CAAEnC,QAAQ,CAAG,SAAS,CAAG,QAAS,CAAAX,QAAA,CAE3CA,QAAQ,CACF,CAAC,GACH,CAAC,CAEd,CAAC,CACK,IAAAuC,UAAU,CAAGQ,wBAAwB,CAACnD,WAAW,CAAE,CAAEoD,WAAW,CAAE/B,YAAY,CAACsB,UAAW,CAAC,EAMjG,IAAMU,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,KAAA,CAI0B,CAHhD,IAAAC,KAAK,CAAAD,KAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CACLC,IAAI,CAAA5C,wBAAA,CAAAyC,KAAA,CAAAI,UAAA,CAAA,CAEPzC,mBAAmB,CAAC,mBAAmB,CAAC,CAExC,OACEmB,IAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAACoB,CAAAA,SAAS,CAAE,MAAgB,CAAA,CAAKf,sBAAsB,CAACa,IAAI,CAAC,CAAA,CAAArD,QAAA,CAClEmD,CAAAA,KAAK,EACJV,GAAA,CAACe,IAAI,CAACC,CAAAA,KAAK,CAAC,0BAA0B,CAACC,IAAI,CAAC,QAAQ,CAACC,MAAM,CAAC,UAAU,CAAA3D,QAAA,CACnEmD,KAAK,CACF,CACP,CACAC,QAAQ,EACPX,GAAA,CAACe,IAAI,CAACC,CAAAA,KAAK,CAAC,0BAA0B,CAACC,IAAI,CAAC,OAAO,CAACC,MAAM,CAAC,SAAS,CAAA3D,QAAA,CACjEoD,QAAQ,CACL,CACP,CAAA,CAAA,CACM,CAAC,CAEd,CAAC,CACK,IAAAlC,iBAAiB,CAAG6B,wBAAwB,CAACE,kBAAkB,CAAE,CACrED,WAAW,CAAE/B,YAAY,CAACC,iBAC5B,CAAC,EAQD,IAAM0C,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,CAA0E,CAApE,IAAA9B,OAAO,CAAA8B,KAAA,CAAP9B,OAAO,CAAKsB,IAAI,CAAA5C,wBAAA,CAAAoD,KAAA,CAAAC,UAAA,CAAA,CAC7C,IAAMnD,QAAQ,CAAGC,WAAW,EAAE,CAC9BC,mBAAmB,CAAC,oBAAoB,CAAC,CAEzC,OACEmB,IAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACNQ,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBmB,SAAS,CAAEpD,QAAQ,CAAG,MAAM,CAAG,QAAS,CACxCR,SAAS,CAAEQ,QAAQ,CAAG,WAAW,CAAG,WAAY,CAChDqD,UAAU,CAAErD,QAAQ,CAAG,WAAW,CAAG,WAAY,CAC7C6B,CAAAA,sBAAsB,CAACa,IAAI,CAAC,CAAArD,CAAAA,QAAA,EAEhCyC,GAAA,CAACR,OAAO,CAACgC,CAAAA,QAAQ,CAAE,CAAE,CAAAjE,QAAA,CAClB+B,OAAO,EAAPA,IAAAA,EAAAA,OAAO,CAAEmC,SAAS,CACjBzB,GAAA,CAAC0B,MAAM,CAAAjC,MAAA,CAAAC,MAAA,CAAA,CAACiC,WAAW,CAACV,IAAAA,CAAAA,IAAI,CAAC,QAAQ,CAACW,OAAO,CAAC,WAAW,CAAKtC,CAAAA,OAAO,CAACmC,SAAS,CAAA,CAAAlE,QAAA,CACxE+B,OAAO,CAACmC,SAAS,CAACI,IAAI,CAAA,CACjB,CAAC,CACP,IAAI,CACD,CAAC,CACV7B,GAAA,CAACR,OAAO,CAAC+B,CAAAA,UAAU,CAAC,WAAW,CAAE,CAAC,CAClCvB,GAAA,CAACR,OAAO,EAACgC,QAAQ,CAAE,CAAE,CAAAjE,QAAA,CAClB+B,OAAO,QAAPA,OAAO,CAAEwC,OAAO,CACf9B,GAAA,CAAC0B,MAAM,CAAAjC,MAAA,CAAAC,MAAA,CAACiC,CAAAA,WAAW,MAACV,IAAI,CAAC,QAAQ,CAAK3B,CAAAA,OAAO,CAACwC,OAAO,EAAAvE,QAAA,CAClD+B,OAAO,CAACwC,OAAO,CAACD,IAAI,CAAA,CACf,CAAC,CACP,IAAI,CACD,CAAC,GACH,CAAC,CAEd,CAAC,CACK,IAAAnD,kBAAkB,CAAG4B,wBAAwB,CAACa,mBAAmB,CAAE,CACvEZ,WAAW,CAAE/B,YAAY,CAACE,kBAC5B,CAAC;;;;"}
+{"version":3,"file":"CardFooter.js","sources":["../../../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport { MAKE_ANALYTICS_CONSTANTS, makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport type CardFooterAction = Pick<\n  ButtonProps,\n  'type' | 'accessibilityLabel' | 'isLoading' | 'isDisabled' | 'icon' | 'iconPosition' | 'onClick'\n> & {\n  text: ButtonProps['children'];\n};\n\ntype CardFooterProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and footer title\n   */\n  paddingTop?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginTop?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardFooter = ({\n  children,\n  testID,\n  marginTop = 'spacing.4',\n  paddingTop = 'spacing.4',\n  showDivider = true,\n  ...props\n}: CardFooterProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooter');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardFooter',\n    allowedComponents: [ComponentIds.CardFooterLeading, ComponentIds.CardFooterTrailing],\n  });\n\n  const footerChildrensArray = React.Children.toArray(children);\n  if (__DEV__) {\n    if (!React.isValidElement(footerChildrensArray[0])) {\n      throwBladeError({\n        message: `Invalid React Element ${footerChildrensArray}`,\n        moduleName: 'CardFooter',\n      });\n    }\n  }\n\n  // the reason why we are checking for actions here is, because we want the footerTrailing\n  // to always be aligned to the right\n  // if we don't check for action here, and if we do not have footerTrailing and only footerLeading\n  // then the content of footerLeading will be justified to the end.\n  const baseBoxJustifyContent =\n    footerChildrensArray.length === 2 || !(footerChildrensArray[0] as ReactElement)?.props?.actions\n      ? 'space-between'\n      : 'flex-end';\n\n  return (\n    <BaseBox\n      marginTop={marginTop}\n      {...metaAttribute({ name: MetaConstants.CardFooter, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {showDivider ? <Divider /> : null}\n      <BaseBox\n        paddingTop={paddingTop}\n        display=\"flex\"\n        flexDirection={isMobile ? 'column' : 'row'}\n        justifyContent={baseBoxJustifyContent}\n        alignItems={isMobile ? 'stretch' : 'center'}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooter = assignWithoutSideEffects(_CardFooter, { componentId: ComponentIds.CardFooter });\n\ntype CardFooterLeadingProps = {\n  title?: string;\n  subtitle?: string;\n} & DataAnalyticsAttribute;\nconst _CardFooterLeading = ({\n  title,\n  subtitle,\n  ...rest\n}: CardFooterLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardFooterLeading');\n\n  return (\n    <BaseBox textAlign={'left' as never} {...makeAnalyticsAttribute(rest)}>\n      {title && (\n        <Text color=\"surface.text.gray.normal\" size=\"medium\" weight=\"semibold\">\n          {title}\n        </Text>\n      )}\n      {subtitle && (\n        <Text color=\"surface.text.gray.subtle\" size=\"small\" weight=\"regular\">\n          {subtitle}\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\nconst CardFooterLeading = assignWithoutSideEffects(_CardFooterLeading, {\n  componentId: ComponentIds.CardFooterLeading,\n});\n\ntype CardFooterTrailingProps = {\n  actions?: {\n    primary?: CardFooterAction;\n    secondary?: CardFooterAction;\n  };\n} & DataAnalyticsAttribute;\nconst _CardFooterTrailing = ({ actions, ...rest }: CardFooterTrailingProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooterTrailing');\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignSelf={isMobile ? 'auto' : 'center'}\n      marginTop={isMobile ? 'spacing.5' : 'spacing.0'}\n      marginLeft={isMobile ? 'spacing.0' : 'spacing.5'}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox flexGrow={1}>\n        {actions?.secondary ? (\n          <Button\n            isFullWidth\n            size=\"medium\"\n            variant=\"secondary\"\n            {...actions.secondary}\n            data-analytics-name={MAKE_ANALYTICS_CONSTANTS.CARD.FOOTER_SECONDARY_ACTION_BUTTON}\n          >\n            {actions.secondary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n      <BaseBox marginLeft=\"spacing.5\" />\n      <BaseBox flexGrow={1}>\n        {actions?.primary ? (\n          <Button\n            isFullWidth\n            size=\"medium\"\n            {...actions.primary}\n            data-analytics-name={MAKE_ANALYTICS_CONSTANTS.CARD.FOOTER_PRIMARY_ACTION_BUTTON}\n          >\n            {actions.primary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooterTrailing = assignWithoutSideEffects(_CardFooterTrailing, {\n  componentId: ComponentIds.CardFooterTrailing,\n});\n\nexport { CardFooter, CardFooterLeading, CardFooterTrailing };\n"],"names":["_CardFooter","_ref","_footerChildrensArray","_footerChildrensArray2","children","testID","_ref$marginTop","marginTop","_ref$paddingTop","paddingTop","_ref$showDivider","showDivider","props","_objectWithoutProperties","_excluded","isMobile","useIsMobile","useVerifyInsideCard","useVerifyAllowedChildren","componentName","allowedComponents","ComponentIds","CardFooterLeading","CardFooterTrailing","footerChildrensArray","React","Children","toArray","__DEV__","isValidElement","throwBladeError","message","moduleName","baseBoxJustifyContent","length","actions","_jsxs","BaseBox","Object","assign","metaAttribute","name","MetaConstants","CardFooter","makeAnalyticsAttribute","_jsx","Divider","display","flexDirection","justifyContent","alignItems","assignWithoutSideEffects","componentId","_CardFooterLeading","_ref2","title","subtitle","rest","_excluded2","textAlign","Text","color","size","weight","_CardFooterTrailing","_ref3","_excluded3","alignSelf","marginLeft","flexGrow","secondary","Button","isFullWidth","variant","MAKE_ANALYTICS_CONSTANTS","CARD","FOOTER_SECONDARY_ACTION_BUTTON","text","primary","FOOTER_PRIMARY_ACTION_BUTTON"],"mappings":"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"}

package/build/lib/native/components/Card/CardHeader.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import { useVerifyInsideCard } from './CardContext.js';
+import { useContext } from 'react';
+import { useVerifyInsideCard, CardContext } from './CardContext.js';
 import { ComponentIds } from './Card.js';
 import { Badge } from '../Badge/Badge.js';
 import Link from '../Link/Link/Link.js';
@@ -24,7 +24,7 @@ import { Amount } from '../Amount/Amount.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["children","testID","marginBottom","paddingBottom","showDivider"],_excluded2=["title","subtitle","prefix","suffix"];var _CardHeaderIcon=function _CardHeaderIcon(_ref){var Icon=_ref.icon;useVerifyInsideCard('CardHeaderIcon');return jsx(Icon,{color:"surface.icon.gray.normal",size:"large"});};var CardHeaderIcon=assignWithoutSideEffects(_CardHeaderIcon,{componentId:ComponentIds.CardHeaderIcon});var _CardHeaderCounter=function _CardHeaderCounter(props){useVerifyInsideCard('CardHeaderCounter');return jsx(Counter,Object.assign({},props));};var CardHeaderCounter=assignWithoutSideEffects(_CardHeaderCounter,{componentId:ComponentIds.CardHeaderCounter});var _CardHeaderBadge=function _CardHeaderBadge(props){useVerifyInsideCard('CardHeaderBadge');return jsx(Badge,Object.assign({},props));};var CardHeaderBadge=assignWithoutSideEffects(_CardHeaderBadge,{componentId:ComponentIds.CardHeaderBadge});var _CardHeaderAmount=function _CardHeaderAmount(props){useVerifyInsideCard('CardHeaderAmount');return jsx(Amount,Object.assign({},props));};var CardHeaderAmount=assignWithoutSideEffects(_CardHeaderAmount,{componentId:ComponentIds.CardHeaderAmount});var _CardHeaderText=function _CardHeaderText(props){useVerifyInsideCard('CardHeaderText');return jsx(Text,Object.assign({textAlign:"left"},props));};var CardHeaderText=assignWithoutSideEffects(_CardHeaderText,{componentId:ComponentIds.CardHeaderText});var _CardHeaderLink=function _CardHeaderLink(props){useVerifyInsideCard('CardHeaderLink');return jsx(Link,Object.assign({},props));};var CardHeaderLink=assignWithoutSideEffects(_CardHeaderLink,{componentId:ComponentIds.CardHeaderLink});var _CardHeaderIconButton=function _CardHeaderIconButton(props){useVerifyInsideCard('CardHeaderIconButton');return jsx(BaseBox,{width:makeSpace(minHeight.xsmall),children:jsx(Button,Object.assign({},props,{variant:"tertiary",size:"xsmall",iconPosition:"left",isFullWidth:true}))});};var CardHeaderIconButton=assignWithoutSideEffects(_CardHeaderIconButton,{componentId:ComponentIds.CardHeaderIconButton});var _CardHeader=function _CardHeader(_ref2){var children=_ref2.children,testID=_ref2.testID,_ref2$marginBottom=_ref2.marginBottom,marginBottom=_ref2$marginBottom===void 0?'spacing.4':_ref2$marginBottom,_ref2$paddingBottom=_ref2.paddingBottom,paddingBottom=_ref2$paddingBottom===void 0?'spacing.4':_ref2$paddingBottom,_ref2$showDivider=_ref2.showDivider,showDivider=_ref2$showDivider===void 0?true:_ref2$showDivider,rest=_objectWithoutProperties(_ref2,_excluded);useVerifyInsideCard('CardHeader');useVerifyAllowedChildren({children:children,componentName:'CardHeader',allowedComponents:[ComponentIds.CardHeaderLeading,ComponentIds.CardHeaderTrailing]});return jsxs(BaseBox,Object.assign({marginBottom:marginBottom},metaAttribute({name:MetaConstants.CardHeader,testID:testID}),makeAnalyticsAttribute(rest),{children:[jsx(BaseBox,{paddingBottom:paddingBottom,display:"flex",flexDirection:"row",justifyContent:"space-between",children:children}),showDivider?jsx(Divider,{}):null]}));};var CardHeader=assignWithoutSideEffects(_CardHeader,{componentId:ComponentIds.CardHeader});var _CardHeaderLeading=function _CardHeaderLeading(_ref3){var title=_ref3.title,subtitle=_ref3.subtitle,prefix=_ref3.prefix,suffix=_ref3.suffix,rest=_objectWithoutProperties(_ref3,_excluded2);useVerifyInsideCard('CardHeaderLeading');if(__DEV__){if(prefix&&!isValidAllowedChildren(prefix,ComponentIds.CardHeaderIcon)){throwBladeError({message:`Only \`${ComponentIds.CardHeaderIcon}\` component is accepted in prefix`,moduleName:'CardHeaderLeading'});}if(suffix&&!isValidAllowedChildren(suffix,ComponentIds.CardHeaderCounter)){throwBladeError({message:`Only \`${ComponentIds.CardHeaderCounter}\` component is accepted in prefix`,moduleName:'CardHeaderLeading'});}}return jsxs(BaseBox,Object.assign({},makeAnalyticsAttribute(rest),{flex:1,display:"flex",flexDirection:"row",children:[jsx(BaseBox,{marginRight:"spacing.3",alignSelf:"center",display:"flex",children:prefix}),jsxs(BaseBox,{marginRight:"spacing.5",children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",flexWrap:"wrap",children:[jsx(Text,{color:"surface.text.gray.normal",size:"large",weight:"semibold",children:title}),jsx(BaseBox,{marginLeft:"spacing.3",children:suffix})]}),subtitle&&jsx(Text,{color:"surface.text.gray.subtle",textAlign:"left",size:"small",children:subtitle})]})]}));};var CardHeaderLeading=assignWithoutSideEffects(_CardHeaderLeading,{componentId:ComponentIds.CardHeaderLeading});var headerTrailingAllowedComponents=[ComponentIds.CardHeaderLink,ComponentIds.CardHeaderText,ComponentIds.CardHeaderIconButton,ComponentIds.CardHeaderBadge,ComponentIds.CardHeaderAmount];var _CardHeaderTrailing=function _CardHeaderTrailing(_ref4){var visual=_ref4.visual;useVerifyInsideCard('CardHeaderTrailing');if(__DEV__){if(visual&&!headerTrailingAllowedComponents.includes(getComponentId(visual))){throwBladeError({message:`Only one of \`${headerTrailingAllowedComponents.join(', ')}\` component is accepted in visual`,moduleName:'CardHeaderTrailing'});}}return jsx(BaseBox,{alignSelf:"center",children:visual});};var CardHeaderTrailing=assignWithoutSideEffects(_CardHeaderTrailing,{componentId:ComponentIds.CardHeaderTrailing});
+var _excluded=["children","testID","marginBottom","paddingBottom","showDivider"],_excluded2=["title","subtitle","prefix","suffix"];var _CardHeaderIcon=function _CardHeaderIcon(_ref){var Icon=_ref.icon;useVerifyInsideCard('CardHeaderIcon');return jsx(Icon,{color:"surface.icon.gray.normal",size:"large"});};var CardHeaderIcon=assignWithoutSideEffects(_CardHeaderIcon,{componentId:ComponentIds.CardHeaderIcon});var _CardHeaderCounter=function _CardHeaderCounter(props){useVerifyInsideCard('CardHeaderCounter');return jsx(Counter,Object.assign({},props));};var CardHeaderCounter=assignWithoutSideEffects(_CardHeaderCounter,{componentId:ComponentIds.CardHeaderCounter});var _CardHeaderBadge=function _CardHeaderBadge(props){useVerifyInsideCard('CardHeaderBadge');return jsx(Badge,Object.assign({},props));};var CardHeaderBadge=assignWithoutSideEffects(_CardHeaderBadge,{componentId:ComponentIds.CardHeaderBadge});var _CardHeaderAmount=function _CardHeaderAmount(props){useVerifyInsideCard('CardHeaderAmount');return jsx(Amount,Object.assign({},props));};var CardHeaderAmount=assignWithoutSideEffects(_CardHeaderAmount,{componentId:ComponentIds.CardHeaderAmount});var _CardHeaderText=function _CardHeaderText(props){useVerifyInsideCard('CardHeaderText');return jsx(Text,Object.assign({textAlign:"left"},props));};var CardHeaderText=assignWithoutSideEffects(_CardHeaderText,{componentId:ComponentIds.CardHeaderText});var _CardHeaderLink=function _CardHeaderLink(props){useVerifyInsideCard('CardHeaderLink');return jsx(Link,Object.assign({},props));};var CardHeaderLink=assignWithoutSideEffects(_CardHeaderLink,{componentId:ComponentIds.CardHeaderLink});var _CardHeaderIconButton=function _CardHeaderIconButton(props){useVerifyInsideCard('CardHeaderIconButton');return jsx(BaseBox,{width:makeSpace(minHeight.xsmall),children:jsx(Button,Object.assign({},props,{variant:"tertiary",size:"xsmall",iconPosition:"left",isFullWidth:true}))});};var CardHeaderIconButton=assignWithoutSideEffects(_CardHeaderIconButton,{componentId:ComponentIds.CardHeaderIconButton});var _CardHeader=function _CardHeader(_ref2){var children=_ref2.children,testID=_ref2.testID,_ref2$marginBottom=_ref2.marginBottom,marginBottom=_ref2$marginBottom===void 0?'spacing.4':_ref2$marginBottom,_ref2$paddingBottom=_ref2.paddingBottom,paddingBottom=_ref2$paddingBottom===void 0?'spacing.4':_ref2$paddingBottom,_ref2$showDivider=_ref2.showDivider,showDivider=_ref2$showDivider===void 0?true:_ref2$showDivider,rest=_objectWithoutProperties(_ref2,_excluded);useVerifyInsideCard('CardHeader');useVerifyAllowedChildren({children:children,componentName:'CardHeader',allowedComponents:[ComponentIds.CardHeaderLeading,ComponentIds.CardHeaderTrailing]});return jsxs(BaseBox,Object.assign({marginBottom:marginBottom},metaAttribute({name:MetaConstants.CardHeader,testID:testID}),makeAnalyticsAttribute(rest),{children:[jsx(BaseBox,{paddingBottom:paddingBottom,display:"flex",flexDirection:"row",justifyContent:"space-between",children:children}),showDivider?jsx(Divider,{}):null]}));};var CardHeader=assignWithoutSideEffects(_CardHeader,{componentId:ComponentIds.CardHeader});var CardHeaderSuffixComponents=[ComponentIds.CardHeaderCounter,ComponentIds.CardHeaderLink];var _CardHeaderLeading=function _CardHeaderLeading(_ref3){var title=_ref3.title,subtitle=_ref3.subtitle,prefix=_ref3.prefix,suffix=_ref3.suffix,rest=_objectWithoutProperties(_ref3,_excluded2);useVerifyInsideCard('CardHeaderLeading');var _useContext=useContext(CardContext),size=_useContext.size;if(__DEV__){if(prefix&&!isValidAllowedChildren(prefix,ComponentIds.CardHeaderIcon)){throwBladeError({message:`Only \`${ComponentIds.CardHeaderIcon}\` component is accepted in prefix`,moduleName:'CardHeaderLeading'});}}var isSuffixACardComponent=CardHeaderSuffixComponents.includes(getComponentId(suffix));return jsx(BaseBox,Object.assign({},makeAnalyticsAttribute(rest),{display:"flex",flexDirection:"column",gap:"spacing.4",children:jsxs(BaseBox,{flex:1,display:"flex",flexDirection:"row",children:[prefix&&jsx(BaseBox,{marginRight:"spacing.3",alignSelf:"center",display:"flex",children:prefix}),jsxs(BaseBox,{marginRight:"spacing.5",children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",flexWrap:"wrap",children:[jsx(Text,{color:"surface.text.gray.normal",size:size,weight:"semibold",children:title}),suffix&&isSuffixACardComponent?jsx(BaseBox,{marginLeft:"spacing.3",children:suffix}):suffix]}),subtitle&&jsx(Text,{color:"surface.text.gray.subtle",textAlign:"left",size:"small",children:subtitle})]})]})}));};var CardHeaderLeading=assignWithoutSideEffects(_CardHeaderLeading,{componentId:ComponentIds.CardHeaderLeading});var _CardHeaderTrailing=function _CardHeaderTrailing(_ref4){var visual=_ref4.visual;useVerifyInsideCard('CardHeaderTrailing');return jsx(BaseBox,{alignSelf:"center",children:visual});};var CardHeaderTrailing=assignWithoutSideEffects(_CardHeaderTrailing,{componentId:ComponentIds.CardHeaderTrailing});
 
 export { CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing };
 //# sourceMappingURL=CardHeader.js.map

package/build/lib/native/components/Card/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sources":["../../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport type { LinkProps } from '~components/Link';\nimport { Link } from '~components/Link';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { CounterProps } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { minHeight } from '~components/Button/BaseButton/buttonTokens';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { AmountProps } from '~components/Amount';\nimport { Amount } from '~components/Amount';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _CardHeaderIcon = ({ icon: Icon }: { icon: IconComponent }): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIcon');\n\n  return <Icon color=\"surface.icon.gray.normal\" size=\"large\" />;\n};\nconst CardHeaderIcon = assignWithoutSideEffects(_CardHeaderIcon, {\n  componentId: ComponentIds.CardHeaderIcon,\n});\n\nconst _CardHeaderCounter = (props: CounterProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderCounter');\n\n  return <Counter {...props} />;\n};\nconst CardHeaderCounter = assignWithoutSideEffects(_CardHeaderCounter, {\n  componentId: ComponentIds.CardHeaderCounter,\n});\n\nconst _CardHeaderBadge = (props: BadgeProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderBadge');\n\n  return <Badge {...props} />;\n};\nconst CardHeaderBadge = assignWithoutSideEffects(_CardHeaderBadge, {\n  componentId: ComponentIds.CardHeaderBadge,\n});\n\nconst _CardHeaderAmount = (props: AmountProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderAmount');\n\n  return <Amount {...props} />;\n};\n\nconst CardHeaderAmount = assignWithoutSideEffects(_CardHeaderAmount, {\n  componentId: ComponentIds.CardHeaderAmount,\n});\n\nconst _CardHeaderText = (props: TextProps<{ variant: TextVariant }>): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderText');\n\n  return <Text textAlign=\"left\" {...props} />;\n};\nconst CardHeaderText = assignWithoutSideEffects(_CardHeaderText, {\n  componentId: ComponentIds.CardHeaderText,\n});\n\nconst _CardHeaderLink = (props: LinkProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLink');\n\n  return <Link {...props} />;\n};\nconst CardHeaderLink = assignWithoutSideEffects(_CardHeaderLink, {\n  componentId: ComponentIds.CardHeaderLink,\n});\n\ntype CardHeaderIconButtonProps = Omit<\n  ButtonProps,\n  'variant' | 'size' | 'iconPosition' | 'isFullWidth' | 'children'\n> & {\n  icon: IconComponent;\n};\n\nconst _CardHeaderIconButton = (props: CardHeaderIconButtonProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIconButton');\n\n  return (\n    <BaseBox width={makeSpace(minHeight.xsmall)}>\n      <Button {...props} variant=\"tertiary\" size=\"xsmall\" iconPosition=\"left\" isFullWidth />\n    </BaseBox>\n  );\n};\nconst CardHeaderIconButton = assignWithoutSideEffects(_CardHeaderIconButton, {\n  componentId: ComponentIds.CardHeaderIconButton,\n});\n\ntype CardHeaderProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and header title\n   */\n  paddingBottom?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginBottom?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardHeader = ({\n  children,\n  testID,\n  marginBottom = 'spacing.4',\n  paddingBottom = 'spacing.4',\n  showDivider = true,\n  ...rest\n}: CardHeaderProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeader');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardHeader',\n    allowedComponents: [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing],\n  });\n\n  return (\n    <BaseBox\n      marginBottom={marginBottom}\n      {...metaAttribute({ name: MetaConstants.CardHeader, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        paddingBottom={paddingBottom}\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n      >\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\nconst CardHeader = assignWithoutSideEffects(_CardHeader, { componentId: ComponentIds.CardHeader });\n\ntype CardHeaderLeadingProps = {\n  title: string;\n  subtitle?: string;\n  /**\n   * prefix element of Card\n   *\n   * Accepts: `CardHeaderIcon` component\n   */\n  prefix?: React.ReactNode;\n  /**\n   * suffix element of Card\n   *\n   * Accepts: `CardHeaderCounter` component\n   */\n  suffix?: React.ReactNode;\n} & DataAnalyticsAttribute;\nconst _CardHeaderLeading = ({\n  title,\n  subtitle,\n  prefix,\n  suffix,\n  ...rest\n}: CardHeaderLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLeading');\n\n  if (__DEV__) {\n    if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderIcon}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n\n    if (suffix && !isValidAllowedChildren(suffix, ComponentIds.CardHeaderCounter)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderCounter}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n  }\n\n  return (\n    <BaseBox {...makeAnalyticsAttribute(rest)} flex={1} display=\"flex\" flexDirection=\"row\">\n      <BaseBox marginRight=\"spacing.3\" alignSelf=\"center\" display=\"flex\">\n        {prefix}\n      </BaseBox>\n      <BaseBox marginRight=\"spacing.5\">\n        <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" flexWrap=\"wrap\">\n          <Text color=\"surface.text.gray.normal\" size=\"large\" weight=\"semibold\">\n            {title}\n          </Text>\n          <BaseBox marginLeft=\"spacing.3\">{suffix}</BaseBox>\n        </BaseBox>\n        {subtitle && (\n          <Text color=\"surface.text.gray.subtle\" textAlign=\"left\" size=\"small\">\n            {subtitle}\n          </Text>\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardHeaderLeading = assignWithoutSideEffects(_CardHeaderLeading, {\n  componentId: ComponentIds.CardHeaderLeading,\n});\n\ntype CardHeaderTrailingProps = {\n  /**\n   * Renders a visual ornament in card header trailing section\n   *\n   * Accepts: `CardHeaderLink`, `CardHeaderText`, `CardHeaderIconButton`, `CardHeaderBadge`\n   */\n  visual?: React.ReactNode;\n};\n\nconst headerTrailingAllowedComponents = [\n  ComponentIds.CardHeaderLink,\n  ComponentIds.CardHeaderText,\n  ComponentIds.CardHeaderIconButton,\n  ComponentIds.CardHeaderBadge,\n  ComponentIds.CardHeaderAmount,\n];\n\nconst _CardHeaderTrailing = ({ visual }: CardHeaderTrailingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderTrailing');\n\n  if (__DEV__) {\n    if (visual && !headerTrailingAllowedComponents.includes(getComponentId(visual)!)) {\n      throwBladeError({\n        message: `Only one of \\`${headerTrailingAllowedComponents.join(\n          ', ',\n        )}\\` component is accepted in visual`,\n        moduleName: 'CardHeaderTrailing',\n      });\n    }\n  }\n\n  return <BaseBox alignSelf=\"center\">{visual}</BaseBox>;\n};\nconst CardHeaderTrailing = assignWithoutSideEffects(_CardHeaderTrailing, {\n  componentId: ComponentIds.CardHeaderTrailing,\n});\n\nexport {\n  CardHeader,\n  CardHeaderLeading,\n  CardHeaderTrailing,\n  CardHeaderBadge,\n  CardHeaderIcon,\n  CardHeaderCounter,\n  CardHeaderText,\n  CardHeaderLink,\n  CardHeaderAmount,\n  CardHeaderIconButton,\n};\n"],"names":["_CardHeaderIcon","_ref","Icon","icon","useVerifyInsideCard","_jsx","color","size","CardHeaderIcon","assignWithoutSideEffects","componentId","ComponentIds","_CardHeaderCounter","props","Counter","Object","assign","CardHeaderCounter","_CardHeaderBadge","Badge","CardHeaderBadge","_CardHeaderAmount","Amount","CardHeaderAmount","_CardHeaderText","Text","textAlign","CardHeaderText","_CardHeaderLink","Link","CardHeaderLink","_CardHeaderIconButton","BaseBox","width","makeSpace","minHeight","xsmall","children","Button","variant","iconPosition","isFullWidth","CardHeaderIconButton","_CardHeader","_ref2","testID","_ref2$marginBottom","marginBottom","_ref2$paddingBottom","paddingBottom","_ref2$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","CardHeaderLeading","CardHeaderTrailing","_jsxs","metaAttribute","name","MetaConstants","CardHeader","makeAnalyticsAttribute","display","flexDirection","justifyContent","Divider","_CardHeaderLeading","_ref3","title","subtitle","prefix","suffix","_excluded2","__DEV__","isValidAllowedChildren","throwBladeError","message","moduleName","flex","marginRight","alignSelf","alignItems","flexWrap","weight","marginLeft","headerTrailingAllowedComponents","_CardHeaderTrailing","_ref4","visual","includes","getComponentId","join"],"mappings":"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"}
+{"version":3,"file":"CardHeader.js","sources":["../../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useContext } from 'react';\nimport { useVerifyInsideCard, CardContext } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport type { LinkProps } from '~components/Link';\nimport { Link } from '~components/Link';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { CounterProps } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { minHeight } from '~components/Button/BaseButton/buttonTokens';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { AmountProps } from '~components/Amount';\nimport { Amount } from '~components/Amount';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _CardHeaderIcon = ({ icon: Icon }: { icon: IconComponent }): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIcon');\n\n  return <Icon color=\"surface.icon.gray.normal\" size=\"large\" />;\n};\nconst CardHeaderIcon = assignWithoutSideEffects(_CardHeaderIcon, {\n  componentId: ComponentIds.CardHeaderIcon,\n});\n\nconst _CardHeaderCounter = (props: CounterProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderCounter');\n\n  return <Counter {...props} />;\n};\nconst CardHeaderCounter = assignWithoutSideEffects(_CardHeaderCounter, {\n  componentId: ComponentIds.CardHeaderCounter,\n});\n\nconst _CardHeaderBadge = (props: BadgeProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderBadge');\n\n  return <Badge {...props} />;\n};\nconst CardHeaderBadge = assignWithoutSideEffects(_CardHeaderBadge, {\n  componentId: ComponentIds.CardHeaderBadge,\n});\n\nconst _CardHeaderAmount = (props: AmountProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderAmount');\n\n  return <Amount {...props} />;\n};\n\nconst CardHeaderAmount = assignWithoutSideEffects(_CardHeaderAmount, {\n  componentId: ComponentIds.CardHeaderAmount,\n});\n\nconst _CardHeaderText = (props: TextProps<{ variant: TextVariant }>): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderText');\n\n  return <Text textAlign=\"left\" {...props} />;\n};\nconst CardHeaderText = assignWithoutSideEffects(_CardHeaderText, {\n  componentId: ComponentIds.CardHeaderText,\n});\n\nconst _CardHeaderLink = (props: LinkProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLink');\n\n  return <Link {...props} />;\n};\nconst CardHeaderLink = assignWithoutSideEffects(_CardHeaderLink, {\n  componentId: ComponentIds.CardHeaderLink,\n});\n\ntype CardHeaderIconButtonProps = Omit<\n  ButtonProps,\n  'variant' | 'size' | 'iconPosition' | 'isFullWidth' | 'children'\n> & {\n  icon: IconComponent;\n};\n\nconst _CardHeaderIconButton = (props: CardHeaderIconButtonProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIconButton');\n\n  return (\n    <BaseBox width={makeSpace(minHeight.xsmall)}>\n      <Button {...props} variant=\"tertiary\" size=\"xsmall\" iconPosition=\"left\" isFullWidth />\n    </BaseBox>\n  );\n};\nconst CardHeaderIconButton = assignWithoutSideEffects(_CardHeaderIconButton, {\n  componentId: ComponentIds.CardHeaderIconButton,\n});\n\ntype CardHeaderProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and header title\n   */\n  paddingBottom?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginBottom?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardHeader = ({\n  children,\n  testID,\n  marginBottom = 'spacing.4',\n  paddingBottom = 'spacing.4',\n  showDivider = true,\n  ...rest\n}: CardHeaderProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeader');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardHeader',\n    allowedComponents: [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing],\n  });\n\n  return (\n    <BaseBox\n      marginBottom={marginBottom}\n      {...metaAttribute({ name: MetaConstants.CardHeader, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        paddingBottom={paddingBottom}\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n      >\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\nconst CardHeader = assignWithoutSideEffects(_CardHeader, { componentId: ComponentIds.CardHeader });\n\nconst CardHeaderSuffixComponents = [ComponentIds.CardHeaderCounter, ComponentIds.CardHeaderLink];\ntype CardHeaderLeadingProps = {\n  title: string;\n  subtitle?: string;\n  /**\n   * prefix element of Card\n   *\n   * Accepts: `CardHeaderIcon` component\n   */\n  prefix?: React.ReactNode;\n  /**\n   * suffix element of Card\n   *\n   * it add marginLeft to `CardHeaderCounter`,`CardHeaderLink`  components by default.\n   */\n  suffix?: React.ReactNode;\n} & DataAnalyticsAttribute;\nconst _CardHeaderLeading = ({\n  title,\n  subtitle,\n  prefix,\n  suffix,\n  ...rest\n}: CardHeaderLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLeading');\n  const { size } = useContext(CardContext);\n\n  if (__DEV__) {\n    if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderIcon}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n  }\n\n  const isSuffixACardComponent = CardHeaderSuffixComponents.includes(getComponentId(suffix)!);\n\n  return (\n    <BaseBox\n      {...makeAnalyticsAttribute(rest)}\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.4\"\n    >\n      <BaseBox flex={1} display=\"flex\" flexDirection=\"row\">\n        {prefix && (\n          <BaseBox marginRight=\"spacing.3\" alignSelf=\"center\" display=\"flex\">\n            {prefix}\n          </BaseBox>\n        )}\n\n        <BaseBox marginRight=\"spacing.5\">\n          <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" flexWrap=\"wrap\">\n            <Text color=\"surface.text.gray.normal\" size={size} weight=\"semibold\">\n              {title}\n            </Text>\n            {/* if we are using CardHeaderSuffixComponents we still need marginLeft for spacing ,\n             but if it's not a CardHeaderSuffixComponents we don't need marginLeft for example in case of tooltip */}\n            {suffix && isSuffixACardComponent ? (\n              <BaseBox marginLeft=\"spacing.3\">{suffix}</BaseBox>\n            ) : (\n              suffix\n            )}\n          </BaseBox>\n          {subtitle && (\n            <Text color=\"surface.text.gray.subtle\" textAlign=\"left\" size=\"small\">\n              {subtitle}\n            </Text>\n          )}\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardHeaderLeading = assignWithoutSideEffects(_CardHeaderLeading, {\n  componentId: ComponentIds.CardHeaderLeading,\n});\n\ntype CardHeaderTrailingProps = {\n  /**\n   * Renders a visual ornament in card header trailing section\n   *\n   */\n  visual?: React.ReactNode;\n};\n\nconst _CardHeaderTrailing = ({ visual }: CardHeaderTrailingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderTrailing');\n\n  return <BaseBox alignSelf=\"center\">{visual}</BaseBox>;\n};\nconst CardHeaderTrailing = assignWithoutSideEffects(_CardHeaderTrailing, {\n  componentId: ComponentIds.CardHeaderTrailing,\n});\n\nexport {\n  CardHeader,\n  CardHeaderLeading,\n  CardHeaderTrailing,\n  CardHeaderBadge,\n  CardHeaderIcon,\n  CardHeaderCounter,\n  CardHeaderText,\n  CardHeaderLink,\n  CardHeaderAmount,\n  CardHeaderIconButton,\n};\n"],"names":["_CardHeaderIcon","_ref","Icon","icon","useVerifyInsideCard","_jsx","color","size","CardHeaderIcon","assignWithoutSideEffects","componentId","ComponentIds","_CardHeaderCounter","props","Counter","Object","assign","CardHeaderCounter","_CardHeaderBadge","Badge","CardHeaderBadge","_CardHeaderAmount","Amount","CardHeaderAmount","_CardHeaderText","Text","textAlign","CardHeaderText","_CardHeaderLink","Link","CardHeaderLink","_CardHeaderIconButton","BaseBox","width","makeSpace","minHeight","xsmall","children","Button","variant","iconPosition","isFullWidth","CardHeaderIconButton","_CardHeader","_ref2","testID","_ref2$marginBottom","marginBottom","_ref2$paddingBottom","paddingBottom","_ref2$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","CardHeaderLeading","CardHeaderTrailing","_jsxs","metaAttribute","name","MetaConstants","CardHeader","makeAnalyticsAttribute","display","flexDirection","justifyContent","Divider","CardHeaderSuffixComponents","_CardHeaderLeading","_ref3","title","subtitle","prefix","suffix","_excluded2","_useContext","useContext","CardContext","__DEV__","isValidAllowedChildren","throwBladeError","message","moduleName","isSuffixACardComponent","includes","getComponentId","gap","flex","marginRight","alignSelf","alignItems","flexWrap","weight","marginLeft","_CardHeaderTrailing","_ref4","visual"],"mappings":"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"}