@razorpay/blade 12.98.1 → 12.111.0

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CSSObject } from 'styled-components';\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, useTheme } 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   * @deprecated The `backgroundColor` prop is deprecated and is a no-op. The Card always uses `surface.background.gray.intense`. This prop will be removed in a future major version.\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   *\n   * @deprecated The `borderRadius` prop is deprecated and is a no-op. The Card always uses `medium` borderRadius. This prop will be removed in a future major version.\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n   *\n   * @deprecated The `elevation` prop is deprecated and is a no-op. The Card always uses a custom elevation. This prop will be removed in a future major version.\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  cursor?: Platform.Select<{\n    web: CSSObject['cursor'];\n    native: undefined;\n  }>;\n  opacity?: BoxProps['opacity'];\n  transition?: BoxProps['transition'];\n  flexShrink?: BoxProps['flexShrink'];\n  /**\n   * Sets the overflow behavior of the card content\n   */\n  overflow?: BoxProps['overflow'];\n  /**\n   * Sets the horizontal overflow behavior of the card content\n   */\n  overflowX?: BoxProps['overflowX'];\n  /**\n   * Sets the vertical overflow behavior of the card content\n   */\n  overflowY?: BoxProps['overflowY'];\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\n    children,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    backgroundColor,\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    cursor,\n    opacity,\n    transition,\n    flexShrink,\n    overflow,\n    overflowX,\n    overflowY,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { colorScheme } = useTheme();\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=\"medium\"\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        cursor={isReactNative() ? undefined : cursor}\n        opacity={opacity}\n        transition={transition}\n        flexShrink={flexShrink}\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=\"medium\"\n          textAlign={'left' as never}\n          backgroundColor=\"surface.background.gray.intense\"\n          colorScheme={colorScheme}\n          isSelected={isSelected}\n          elevation={elevation}\n          overflow={overflow}\n          overflowX={overflowX}\n          overflowY={overflowY}\n          $isCard={true}\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","backgroundColor","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","cursor","opacity","transition","flexShrink","overflow","overflowX","overflowY","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","_useTheme","useTheme","colorScheme","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","$isCard","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;qXA8Ba,IAAAA,YAAY,CAAG,CAC1BC,UAAU,CAAE,YAAY,CACxBC,kBAAkB,CAAE,oBAAoB,CACxCC,iBAAiB,CAAE,mBAAmB,CACtCC,UAAU,CAAE,YAAY,CACxBC,kBAAkB,CAAE,oBAAoB,CACxCC,iBAAiB,CAAE,mBAAmB,CACtCC,QAAQ,CAAE,UAAU,CACpBC,cAAc,CAAE,gBAAgB,CAChCC,iBAAiB,CAAE,mBAAmB,CACtCC,eAAe,CAAE,iBAAiB,CAClCC,gBAAgB,CAAE,kBAAkB,CACpCC,cAAc,CAAE,gBAAgB,CAChCC,cAAc,CAAE,gBAAgB,CAChCC,oBAAoB,CAAE,sBACxB,EAsKA,IAAMC,KAAiE,CAAG,SAApEA,KAAiEA,CAAAC,IAAA,CAiCrEC,GAAG,CACoB,CAhCrB,IAAAC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAEOF,IAAA,CAAfG,eAAe,CAAAH,IAAA,CACfI,YAAY,KAAWC,cAAA,CAAAL,IAAA,CACvBM,SAAS,CAATA,SAAS,CAAAD,cAAA,GAAA,KAAA,CAAA,CAAG,WAAW,CAAAA,cAAA,CACvBE,MAAM,CAAAP,IAAA,CAANO,MAAM,CAAAC,YAAA,CAAAR,IAAA,CACNS,OAAO,CAAPA,OAAO,CAAAD,YAAA,GAAG,KAAA,CAAA,CAAA,WAAW,CAAAA,YAAA,CACrBE,KAAK,CAAAV,IAAA,CAALU,KAAK,CACLC,MAAM,CAAAX,IAAA,CAANW,MAAM,CACNC,SAAS,CAAAZ,IAAA,CAATY,SAAS,CACTC,QAAQ,CAAAb,IAAA,CAARa,QAAQ,CACRC,QAAQ,CAAAd,IAAA,CAARc,QAAQ,CACRC,OAAO,CAAAf,IAAA,CAAPe,OAAO,CAAAC,eAAA,CAAAhB,IAAA,CACPiB,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,eAAA,CAClBE,kBAAkB,CAAAlB,IAAA,CAAlBkB,kBAAkB,CAAAC,qBAAA,CAAAnB,IAAA,CAClBoB,kBAAkB,CAAlBA,kBAAkB,CAAAD,qBAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,qBAAA,CAC1BE,OAAO,CAAArB,IAAA,CAAPqB,OAAO,CACPC,IAAI,CAAAtB,IAAA,CAAJsB,IAAI,CACJC,MAAM,CAAAvB,IAAA,CAANuB,MAAM,CACNC,GAAG,CAAAxB,IAAA,CAAHwB,GAAG,CACHC,EAAE,CAAAzB,IAAA,CAAFyB,EAAE,CAAAC,SAAA,CAAA1B,IAAA,CACF2B,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,SAAA,CACdE,MAAM,CAAA5B,IAAA,CAAN4B,MAAM,CACNC,OAAO,CAAA7B,IAAA,CAAP6B,OAAO,CACPC,UAAU,CAAA9B,IAAA,CAAV8B,UAAU,CACVC,UAAU,CAAA/B,IAAA,CAAV+B,UAAU,CACVC,QAAQ,CAAAhC,IAAA,CAARgC,QAAQ,CACRC,SAAS,CAAAjC,IAAA,CAATiC,SAAS,CACTC,SAAS,CAAAlC,IAAA,CAATkC,SAAS,CACNC,IAAI,CAAAC,wBAAA,CAAApC,IAAA,CAAAqC,SAAA,EAIT,IAAAC,eAAA,CAAkCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAAA,CAAA,CAAA,CAAhDK,SAAS,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAAEG,YAAY,CAAAH,gBAAA,CAAA,CAAA,CAAA,CAC9B,IAAAI,SAAA,CAAwBC,QAAQ,EAAE,CAA1BC,WAAW,CAAAF,SAAA,CAAXE,WAAW,CAEnBC,wBAAwB,CAAC,CACvB9C,QAAQ,CAARA,QAAQ,CACR+C,aAAa,CAAE,MAAM,CACrBC,iBAAiB,CAAE,CAAClE,YAAY,CAACC,UAAU,CAAED,YAAY,CAACO,QAAQ,CAAEP,YAAY,CAACI,UAAU,CAC7F,CAAC,CAAC,CAEF,IAAM+D,gBAAkC,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACnCC,aAAa,CAAC,CAAEC,IAAI,CAAEC,oBAAqB,CAAC,CAAC,CAC7CC,cAAc,CAAC,CAAEC,KAAK,CAAExC,kBAAkB,CAAEyC,OAAO,CAAErC,IAAI,CAAGsC,SAAS,CAAG3C,UAAW,CAAC,CAAC,CACxF4C,CAAAA,OAAO,CAAE,SAATA,OAAOA,EAAQ,CACbjB,YAAY,CAAC,IAAI,CAAC,CACpB,CAAC,CACDkB,MAAM,CAAE,SAARA,MAAMA,EAAQ,CACZlB,YAAY,CAAC,KAAK,CAAC,CACrB,CAAC,CAAA,CACF,CACD,IAAMmB,UAAU,CAAGxC,MAAM,EAAIA,MAAM,GAAK,QAAQ,CAAG,qBAAqB,CAAGqC,SAAS,CAEpF,IAAMI,kBAAkB,CAAGC,uBAAuB,EAAE,CACpD,IAAMC,eAAe,CAAGC,oBAAoB,EAAE,CAE9C,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,EAAuE,CACxF,GAAIhB,MAAM,CAACiB,IAAI,CAACL,kBAAkB,CAAC,CAACM,MAAM,CAAG,CAAC,CAAE,OAAON,kBAAkB,CACzE,GAAIZ,MAAM,CAACiB,IAAI,CAACH,eAAe,CAAC,CAACI,MAAM,CAAG,CAAC,CAAE,OAAOJ,eAAe,CACnE,OAAON,SAAS,CAClB,CAAC,CAED,IAAMW,UAAU,CAAGH,aAAa,EAAE,CAElC,IAAMI,gBAAgB,CAAGD,UAAU,EAAVA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,UAAU,CAAEE,eAAe,CAEpD,OACEC,GAAA,CAACC,YAAY,CAAChD,CAAAA,IAAI,CAAEA,IAAK,CAAAzB,QAAA,CACvBwE,GAAA,CAACE,QAAQ,CAAAxB,MAAA,CAAAC,MAAA,CACP5B,CAAAA,EAAE,CAAEA,EAAG,CACPxB,GAAG,CAAEA,GAAa,CAClB4E,OAAO,CAAE,OAAiB,CAC1BzE,YAAY,CAAC,QAAQ,CACrB0E,YAAY,CAAEzD,OAAiB,CAC/BD,kBAAkB,CAAEA,kBAAmB,CACvCH,UAAU,CAAEA,UAAW,CACvB0B,SAAS,CAAEA,SAAU,CAErB5B,OAAO,CAAEgE,aAAa,EAAE,CAAGhE,OAAO,CAAG6C,SAAU,CAC/ClD,KAAK,CAAEA,KAAM,CACbC,MAAM,CAAEA,MAAO,CACfC,SAAS,CAAEA,SAAU,CACrBC,QAAQ,CAAEA,QAAS,CACnBC,QAAQ,CAAEA,QAAS,CACnBQ,IAAI,CAAEA,IAAK,CACXJ,kBAAkB,CAAEA,kBAAmB,CACvCuD,eAAe,CAAED,gBAAiB,CAClC5C,MAAM,CAAEmD,aAAa,EAAE,CAAGnB,SAAS,CAAGhC,MAAO,CAC7CC,OAAO,CAAEA,OAAQ,CACjBC,UAAU,CAAEA,UAAW,CACvBC,UAAU,CAAEA,UAAW,CACnBuB,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEyB,aAAa,CAACC,IAAI,CAAE1E,MAAM,CAANA,MAAO,CAAC,CAAC,CACnD2E,cAAc,CAAC/C,IAAI,CAAC,CACpBgD,sBAAsB,CAAChD,IAAI,CAAC,CAAA,CAAAjC,QAAA,CAEhCkF,IAAA,CAACC,WAAW,CACV1E,CAAAA,MAAM,CAAEA,MAAO,CACfC,SAAS,CAAEA,SAAU,CACrBH,OAAO,CAAEA,OAAQ,CACjBL,YAAY,CAAC,QAAQ,CACrBkF,SAAS,CAAE,MAAgB,CAC3BnF,eAAe,CAAC,iCAAiC,CACjD4C,WAAW,CAAEA,WAAY,CACzB9B,UAAU,CAAEA,UAAW,CACvBX,SAAS,CAAEA,SAAU,CACrB0B,QAAQ,CAAEA,QAAS,CACnBC,SAAS,CAAEA,SAAU,CACrBC,SAAS,CAAEA,SAAU,CACrBqD,OAAO,CAAE,IAAK,CAAArF,QAAA,CAEboB,CAAAA,IAAI,CACHoD,GAAA,CAACc,WAAW,CAAApC,MAAA,CAAAC,MAAA,CAAA,CACVtC,OAAO,CAAEA,OAAQ,CACjBO,IAAI,CAAEA,IAAK,CACXC,MAAM,CAAEA,MAAO,CACfC,GAAG,CAAEA,GAAG,EAAA,IAAA,CAAHA,GAAG,CAAIuC,UAAW,CAAA,CACnBZ,gBAAgB,CACrB,CAAC,CACA,IAAI,CACP,CAAC7B,IAAI,EAAIP,OAAO,CACf2D,GAAA,CAACc,WAAW,CAAApC,MAAA,CAAAC,MAAA,CAAA,CAAC5B,EAAE,CAAC,QAAQ,CAACV,OAAO,CAAEA,OAAQ,CAAA,CAAKoC,gBAAgB,CAAG,CAAC,CACjE,IAAI,CACPjD,QAAQ,CAAA,CACE,CAAC,CAAA,CACN,CAAC,CACC,CAAC,CAEnB,CAAC,CAQD,IAAMuF,SAAS,CAAG,SAAZA,SAASA,CAAAC,KAAA,CAAiF,CAAA,IAA3E/E,MAAM,CAAA+E,KAAA,CAAN/E,MAAM,CAAET,QAAQ,CAAAwF,KAAA,CAARxF,QAAQ,CAAEK,MAAM,CAAAmF,KAAA,CAANnF,MAAM,CAAK4B,IAAI,CAAAC,wBAAA,CAAAsD,KAAA,CAAAC,UAAA,CAAA,CACpDC,mBAAmB,CAAC,UAAU,CAAC,CAE/B,OACElB,GAAA,CAACmB,OAAO,CAAAzC,MAAA,CAAAC,MAAA,CACFC,EAAAA,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEyB,aAAa,CAACzF,QAAQ,CAAEgB,MAAM,CAANA,MAAO,CAAC,CAAC,CACvD4E,sBAAsB,CAAChD,IAAI,CAAC,CAAA,CAChCxB,MAAM,CAAEA,MAAO,CAAAT,QAAA,CAEdA,QAAQ,CAAA,CACF,CAAC,CAEd,CAAC,CAEK,IAAA+E,IAAI,CAAG1C,cAAK,CAACuD,UAAU,CAAC/F,KAAK,EAC7B,IAAAR,QAAQ,CAAGwG,wBAAwB,CAACN,SAAS,CAAE,CAAEO,WAAW,CAAEhH,YAAY,CAACO,QAAS,CAAC;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, CardVariant, 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, useTheme } 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   * The expected structure depends on `variant`:\n   * - `primary` (default): standard `CardHeader`, `CardBody`, `CardFooter` composition.\n   * - `secondary`: `CardBody` only.\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card\n   *\n   * @default `surface.background.gray.intense`\n   *\n   * @deprecated The `backgroundColor` prop is deprecated and is a no-op. The Card always uses `surface.background.gray.intense`. This prop will be removed in a future major version.\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   *\n   * @deprecated The `borderRadius` prop is deprecated and is a no-op. The Card always uses `medium` borderRadius. This prop will be removed in a future major version.\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n   *\n   * @deprecated The `elevation` prop is deprecated and is a no-op. The Card always uses a custom elevation. This prop will be removed in a future major version.\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   * If `true`, the card is disabled: it becomes non-interactive (`href`/`onClick` are ignored) and\n   * is announced as disabled to assistive tech.\n   *\n   * `isDisabled` takes precedence over `isSelected`.\n   *\n   * @default false\n   */\n  isDisabled?: 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 visual variant of the Card\n   *\n   * - `primary`: Standard card with full composition (CardHeader, CardBody, CardFooter)\n   * - `secondary`: Simplified card that only accepts CardBody as children\n   *\n   * @default 'primary'\n   */\n  variant?: CardVariant;\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  cursor?: Platform.Select<{\n    web: CSSObject['cursor'];\n    native: undefined;\n  }>;\n  opacity?: BoxProps['opacity'];\n  transition?: BoxProps['transition'];\n  flexShrink?: BoxProps['flexShrink'];\n  /**\n   * Sets the overflow behavior of the card content\n   */\n  overflow?: BoxProps['overflow'];\n  /**\n   * Sets the horizontal overflow behavior of the card content\n   */\n  overflowX?: BoxProps['overflowX'];\n  /**\n   * Sets the vertical overflow behavior of the card content\n   */\n  overflowY?: BoxProps['overflowY'];\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\n    children,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    backgroundColor,\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    isDisabled = false,\n    accessibilityLabel,\n    shouldScaleOnHover = false,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    variant = 'primary',\n    size = 'large',\n    cursor,\n    opacity,\n    transition,\n    flexShrink,\n    overflow,\n    overflowX,\n    overflowY,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { colorScheme } = useTheme();\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents:\n      variant === 'secondary'\n        ? [ComponentIds.CardBody]\n        : [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\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  const _validationState = groupProps?.validationState;\n\n  // `isDisabled` takes precedence over `isSelected`. A Card used as a selection control inside a\n  // disabled Checkbox/Radio group is disabled too.\n  const isCardDisabled = isDisabled || Boolean(groupProps?.isDisabled);\n  const isCardSelected = isSelected && !isCardDisabled;\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isCardSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        borderRadius=\"medium\"\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isCardSelected}\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() && !isCardDisabled ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={isCardDisabled ? undefined : href}\n        accessibilityLabel={accessibilityLabel}\n        validationState={_validationState}\n        cursor={(isReactNative() ? undefined : isCardDisabled ? 'not-allowed' : cursor) as never}\n        opacity={opacity}\n        transition={transition}\n        flexShrink={flexShrink}\n        {...makeAccessible({ disabled: isCardDisabled ? true : undefined })}\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=\"medium\"\n          textAlign={'left' as never}\n          backgroundColor=\"surface.background.gray.intense\"\n          colorScheme={colorScheme}\n          isSelected={isCardSelected}\n          elevation={elevation}\n          overflow={overflow}\n          overflowX={overflowX}\n          overflowY={overflowY}\n          variant={variant}\n          $isCard={true}\n        >\n          {!isCardDisabled && href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!isCardDisabled && !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":["this","ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","backgroundColor","_ref$borderRadius","borderRadius","_ref$elevation","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","_ref$isDisabled","isDisabled","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","_ref$variant","variant","_ref$size","size","cursor","opacity","transition","flexShrink","overflow","overflowX","overflowY","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","_useTheme","useTheme","colorScheme","useVerifyAllowedChildren","componentName","allowedComponents","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","Object","keys","length","undefined","groupProps","_validationState","validationState","isCardDisabled","Boolean","isCardSelected","linkOverlayProps","assign","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","onFocus","onBlur","defaultRel","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","disabled","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","$isCard","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":"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"}

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

@@ -1,8 +1,9 @@
 import React__default from 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
 
-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});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Card/CardContext.tsx";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 { 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 = { 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,CAAE,CAAA,EAAGL,aAAa,CAAA,yCAAA,CAA2C,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;;;;"}
+{"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":["this","CardContext","React","createContext","size","undefined","useVerifyInsideCard","componentName","context","useContext","__DEV__","throwBladeError","message","moduleName","CardProvider","_ref","children","_jsx","Provider","value"],"mappings":";;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,kFAAA,CAIM,IAAAC,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,CAAE,CAAA,EAAGL,aAAa,CAAA,yCAAA,CAA2C,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

@@ -2,24 +2,31 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React__default from 'react';
 import { useVerifyInsideCard } from './CardContext.js';
 import { ComponentIds } from './Card.js';
-import Button from '../Button/Button/Button.js';
-import { Divider } from '../Divider/Divider.js';
+import '../Button/index.js';
+import '../Divider/index.js';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { useIsMobile } from '../../utils/useIsMobile.js';
+import '../../utils/index.js';
+import '../../utils/logger/index.js';
+import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-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 { Divider } from '../Divider/Divider.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { Text } from '../Typography/Text/Text.js';
+import Button from '../Button/Button/Button.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,{"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});
+var _excluded=["children","testID","marginTop","paddingTop","showDivider"],_excluded2=["title","subtitle"],_excluded3=["actions"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Card/CardFooter.tsx";var equalWidthFlexProps=isReactNative()?{flex:1}:{flexGrow:1};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",gap:isReactNative()?'spacing.5':undefined,alignSelf:isMobile?'auto':'center',marginTop:isMobile?'spacing.5':'spacing.0',marginLeft:isMobile?'spacing.0':'spacing.5',width:isReactNative()?'100%':undefined},makeAnalyticsAttribute(rest),{children:[!isReactNative()||actions!=null&&actions.secondary?jsx(BaseBox,Object.assign({},equalWidthFlexProps,{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})):null,!isReactNative()&&jsx(BaseBox,{marginLeft:"spacing.5"}),!isReactNative()||actions!=null&&actions.primary?jsx(BaseBox,Object.assign({},equalWidthFlexProps,{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})):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 { 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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"}
+{"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 { isReactNative } from '~utils';\n\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport { MAKE_ANALYTICS_CONSTANTS, makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst equalWidthFlexProps = isReactNative() ? ({ flex: 1 } as const) : ({ flexGrow: 1 } as const);\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;\n\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      gap={isReactNative() ? 'spacing.5' : undefined}\n      alignSelf={isMobile ? 'auto' : 'center'}\n      marginTop={isMobile ? 'spacing.5' : 'spacing.0'}\n      marginLeft={isMobile ? 'spacing.0' : 'spacing.5'}\n      width={isReactNative() ? '100%' : undefined}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {!isReactNative() || actions?.secondary ? (\n        <BaseBox {...equalWidthFlexProps}>\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      ) : null}\n      {!isReactNative() && <BaseBox marginLeft=\"spacing.5\" />}\n      {!isReactNative() || actions?.primary ? (\n        <BaseBox {...equalWidthFlexProps}>\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      ) : null}\n    </BaseBox>\n  );\n};\nconst CardFooterTrailing = assignWithoutSideEffects(_CardFooterTrailing, {\n  componentId: ComponentIds.CardFooterTrailing,\n});\n\nexport { CardFooter, CardFooterLeading, CardFooterTrailing };\n"],"names":["equalWidthFlexProps","isReactNative","flex","flexGrow","_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","gap","undefined","alignSelf","marginLeft","width","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

@@ -2,29 +2,42 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { useContext } from 'react';
 import { useVerifyInsideCard, CardContext } from './CardContext.js';
 import { ComponentIds } from './Card.js';
+import '../Badge/index.js';
+import '../Link/index.js';
+import '../Button/index.js';
+import '../Counter/index.js';
+import '../Divider/index.js';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import { minHeight } from '../Button/BaseButton/buttonTokens.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeSpace/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../../utils/logger/index.js';
+import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
+import '../Amount/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { Counter } from '../Counter/Counter.js';
 import { Badge } from '../Badge/Badge.js';
+import { Amount } from '../Amount/Amount.js';
+import { Text } from '../Typography/Text/Text.js';
 import Link from '../Link/Link/Link.js';
-import Button from '../Button/Button/Button.js';
-import { Counter } from '../Counter/Counter.js';
-import { Divider } from '../Divider/Divider.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { minHeight } from '../Button/BaseButton/buttonTokens.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import Button from '../Button/Button/Button.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { Divider } from '../Divider/Divider.js';
 import { isValidAllowedChildren, getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
-import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
-import { Amount } from '../Amount/Amount.js';
-import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
 
-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});
+var _excluded=["children","testID","marginBottom","paddingBottom","showDivider"],_excluded2=["title","subtitle","prefix","suffix"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Card/CardHeader.tsx";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",flexShrink:isReactNative()?1:undefined,children:jsxs(BaseBox,{flex:isReactNative()?undefined:1,display:"flex",flexDirection:"row",children:[prefix&&jsx(BaseBox,{marginRight:"spacing.3",alignSelf:"center",display:"flex",children:prefix}),jsxs(BaseBox,{marginRight:"spacing.5",flexShrink:isReactNative()?1:undefined,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, { 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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"}
+{"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';\nimport { isReactNative } from '~utils';\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      flexShrink={isReactNative() ? 1 : undefined}\n    >\n      <BaseBox flex={isReactNative() ? undefined : 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\" flexShrink={isReactNative() ? 1 : undefined}>\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":["this","_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","flexShrink","isReactNative","undefined","flex","marginRight","alignSelf","alignItems","flexWrap","weight","marginLeft","_CardHeaderTrailing","_ref4","visual"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import 'react';
+import '../Box/BaseBox/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Card/CardInfoSurface.tsx";var CardInfoSurface=function CardInfoSurface(_ref){var top=_ref.top,bottom=_ref.bottom,children=_ref.children,isSelected=_ref.isSelected,isDisabled=_ref.isDisabled;var borderColor=isSelected&&!isDisabled?'surface.border.primary.normal':'surface.border.gray.subtle';var borderStyle=isDisabled?'dashed':'solid';return jsxs(BaseBox,{position:"relative",display:"flex",flexDirection:"column",width:"100%",overflow:"hidden",borderWidth:"thin",borderColor:borderColor,borderStyle:borderStyle,borderRadius:"medium",children:[children,jsx(BaseBox,{backgroundColor:"surface.background.gray.intense",padding:"spacing.4",children:top}),jsx(BaseBox,{backgroundColor:"surface.background.gray.moderate",padding:"spacing.4",children:bottom})]});};
+
+export { CardInfoSurface };
+//# sourceMappingURL=CardInfoSurface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardInfoSurface.js","sources":["../../../../../src/components/Card/CardInfoSurface.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\n\ntype CardInfoSurfaceProps = {\n  /**\n   * Content of the emphasized (white) header section.\n   */\n  top: React.ReactNode;\n  /**\n   * Content of the subtle (gray) body section.\n   */\n  bottom: React.ReactNode;\n  /**\n   * Interactive overlay (link/button) that spans the whole card.\n   */\n  children?: React.ReactNode;\n  isSelected?: boolean;\n  isDisabled?: boolean;\n};\n\n/**\n * Renders the \"info\" ticket chrome: two stacked sections — an emphasized header on\n * `surface.background.gray.intense` and a subtle body on `surface.background.gray.moderate` —\n * wrapped by a single rounded border. Unlike the `ticket` variant there is no perforated tear\n * line, notches or scallops. `overflow: hidden` clips the section backgrounds to the border radius.\n */\nconst CardInfoSurface = ({\n  top,\n  bottom,\n  children,\n  isSelected,\n  isDisabled,\n}: CardInfoSurfaceProps): React.ReactElement => {\n  const borderColor =\n    isSelected && !isDisabled ? 'surface.border.primary.normal' : 'surface.border.gray.subtle';\n  const borderStyle = isDisabled ? 'dashed' : 'solid';\n\n  return (\n    <BaseBox\n      position=\"relative\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      width=\"100%\"\n      overflow=\"hidden\"\n      borderWidth=\"thin\"\n      borderColor={borderColor}\n      borderStyle={borderStyle}\n      borderRadius=\"medium\"\n    >\n      {children}\n      <BaseBox backgroundColor=\"surface.background.gray.intense\" padding=\"spacing.4\">\n        {top}\n      </BaseBox>\n      <BaseBox backgroundColor=\"surface.background.gray.moderate\" padding=\"spacing.4\">\n        {bottom}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { CardInfoSurface };\n"],"names":["this","CardInfoSurface","_ref","top","bottom","children","isSelected","isDisabled","borderColor","borderStyle","_jsxs","BaseBox","position","display","flexDirection","width","overflow","borderWidth","borderRadius","_jsx","backgroundColor","padding"],"mappings":";;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,sFAAA,CA0BM,IAAAC,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CAM2B,CAL9C,IAAAC,GAAG,CAAAD,IAAA,CAAHC,GAAG,CACHC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACNC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CACRC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CACVC,UAAU,CAAAL,IAAA,CAAVK,UAAU,CAEV,IAAMC,WAAW,CACfF,UAAU,EAAI,CAACC,UAAU,CAAG,+BAA+B,CAAG,4BAA4B,CAC5F,IAAME,WAAW,CAAGF,UAAU,CAAG,QAAQ,CAAG,OAAO,CAEnD,OACEG,IAAA,CAACC,OAAO,CACNC,CAAAA,QAAQ,CAAC,UAAU,CACnBC,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,QAAQ,CACtBC,KAAK,CAAC,MAAM,CACZC,QAAQ,CAAC,QAAQ,CACjBC,WAAW,CAAC,MAAM,CAClBT,WAAW,CAAEA,WAAY,CACzBC,WAAW,CAAEA,WAAY,CACzBS,YAAY,CAAC,QAAQ,CAAAb,QAAA,CAEpBA,CAAAA,QAAQ,CACTc,GAAA,CAACR,OAAO,CAAA,CAACS,eAAe,CAAC,iCAAiC,CAACC,OAAO,CAAC,WAAW,CAAAhB,QAAA,CAC3EF,GAAG,CACG,CAAC,CACVgB,GAAA,CAACR,OAAO,CAACS,CAAAA,eAAe,CAAC,kCAAkC,CAACC,OAAO,CAAC,WAAW,CAAAhB,QAAA,CAC5ED,MAAM,CACA,CAAC,CACH,CAAA,CAAC,CAEd;;;;"}

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

@@ -6,20 +6,19 @@ import { Pressable, Linking } from 'react-native';
 import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
 import styled from 'styled-components/native';
 import { CARD_SCALE_DOWN_VALUE } from './constants.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
+import '../BladeProvider/index.js';
+import '../../utils/logger/index.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { logger } from '../../utils/logger/logger.js';
+import useTheme from '../BladeProvider/useTheme.js';
 import { castNativeType } from '../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx } from 'react/jsx-runtime';
-import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 
-var _excluded=["isSelected"],_excluded2=["children","onClick","isSelected","shouldScaleOnHover","href","as","accessibilityLabel"];var StyledCardRoot=styled(BaseBox)(function(_ref){var isSelected=_ref.isSelected,props=_objectWithoutProperties(_ref,_excluded);var selectedColor=isSelected?props.theme.colors.surface.border.primary.normal:'transparent';return {border:`${props.theme.border.width.thicker}px solid ${selectedColor}`};});var AnimatedPressable=Animated.createAnimatedComponent(Pressable);var openURL=function(){var _ref2=_asyncToGenerator(function*(href){try{var canOpen=yield Linking.canOpenURL(href);if(canOpen){yield Linking.openURL(href);}}catch(_unused){if(__DEV__){logger({type:'warn',message:`Could not open the link "href=${href}"`,moduleName:'BaseButton'});}}});return function openURL(_x){return _ref2.apply(this,arguments);};}();var _CardRoot=function _CardRoot(_ref3,ref){var children=_ref3.children,onClick=_ref3.onClick,isSelected=_ref3.isSelected,shouldScaleOnHover=_ref3.shouldScaleOnHover,href=_ref3.href;_ref3.as;var accessibilityLabel=_ref3.accessibilityLabel,props=_objectWithoutProperties(_ref3,_excluded2);var _useTheme=useTheme(),theme=_useTheme.theme;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var duration=castNativeType(makeMotionTime(theme.motion.duration.xquick));var easing=castNativeType(theme.motion.easing.standard);var styles=useAnimatedStyle(function(){return {transform:[{scale:withTiming(isPressed?CARD_SCALE_DOWN_VALUE:1,{duration:duration,easing:easing})}]};},[isPressed]);if(onClick||shouldScaleOnHover||href){return jsx(AnimatedPressable,Object.assign({ref:ref},makeAccessible({role:href?'link':undefined,label:accessibilityLabel,selected:isSelected}),{style:styles,onPressIn:function onPressIn(event){if(onClick){onClick(event);}setIsPressed(true);},onPressOut:function onPressOut(){if(href){void openURL(href);}setIsPressed(false);},children:jsx(StyledCardRoot,Object.assign({as:undefined,isSelected:isSelected},props,{children:children}))}));}return jsx(StyledCardRoot,Object.assign({as:undefined,isSelected:isSelected},props,{children:children}));};var CardRoot=React__default.forwardRef(_CardRoot);
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Card/CardRoot.native.tsx";var _excluded=["isSelected"],_excluded2=["children","onClick","isSelected","shouldScaleOnHover","href","as","accessibilityLabel"];var StyledCardRoot=styled(BaseBox)(function(_ref){var isSelected=_ref.isSelected,props=_objectWithoutProperties(_ref,_excluded);var selectedColor=isSelected?props.theme.colors.surface.border.primary.normal:'transparent';return {border:`${props.theme.border.width.thicker}px solid ${selectedColor}`};});var AnimatedPressable=Animated.createAnimatedComponent(Pressable);var openURL=function(){var _ref2=_asyncToGenerator(function*(href){try{var canOpen=yield Linking.canOpenURL(href);if(canOpen){yield Linking.openURL(href);}}catch(_unused){if(__DEV__){logger({type:'warn',message:`Could not open the link "href=${href}"`,moduleName:'BaseButton'});}}});return function openURL(_x){return _ref2.apply(this,arguments);};}();var _CardRoot=function _CardRoot(_ref3,ref){var children=_ref3.children,onClick=_ref3.onClick,isSelected=_ref3.isSelected,shouldScaleOnHover=_ref3.shouldScaleOnHover,href=_ref3.href,as=_ref3.as,accessibilityLabel=_ref3.accessibilityLabel,props=_objectWithoutProperties(_ref3,_excluded2);var _useTheme=useTheme(),theme=_useTheme.theme;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var duration=castNativeType(makeMotionTime(theme.motion.duration.xquick));var easing=castNativeType(theme.motion.easing.standard);var styles=useAnimatedStyle(function(){return {transform:[{scale:withTiming(isPressed?CARD_SCALE_DOWN_VALUE:1,{duration:duration,easing:easing})}]};},[isPressed]);if(onClick||shouldScaleOnHover||href){return jsx(AnimatedPressable,Object.assign({ref:ref},makeAccessible({role:href?'link':undefined,label:accessibilityLabel,selected:isSelected}),{style:styles,onPressIn:function onPressIn(event){if(onClick){onClick(event);}setIsPressed(true);},onPressOut:function onPressOut(){if(href){void openURL(href);}setIsPressed(false);},children:jsx(StyledCardRoot,Object.assign({as:undefined,isSelected:isSelected},props,{children:children}))}));}return jsx(StyledCardRoot,Object.assign({as:undefined,isSelected:isSelected},props,{children:children}));};var CardRoot=React__default.forwardRef(_CardRoot);
 
 export { CardRoot };
 //# sourceMappingURL=CardRoot.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardRoot.native.js","sources":["../../../../../src/components/Card/CardRoot.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components';\nimport type { CardRootProps } from './types';\nimport { CARD_SCALE_DOWN_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { logger } from '~utils/logger';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps>(({ isSelected, ...props }) => {\n  const selectedColor = isSelected\n    ? props.theme.colors.surface.border.primary.normal\n    : 'transparent';\n  return {\n    border: `${props.theme.border.width.thicker}px solid ${selectedColor}`,\n  };\n});\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        type: 'warn',\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n};\n\nconst _CardRoot: React.ForwardRefRenderFunction<BladeElementRef, CardRootProps> = (\n  { children, onClick, isSelected, shouldScaleOnHover, href, as, accessibilityLabel, ...props },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const [isPressed, setIsPressed] = React.useState(false);\n  const duration = castNativeType(makeMotionTime(theme.motion.duration.xquick));\n  const easing = castNativeType(theme.motion.easing.standard);\n\n  const styles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          // TODO: check with design once what to do on mobile\n          scale: withTiming(isPressed ? CARD_SCALE_DOWN_VALUE : 1, { duration, easing }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  if (onClick || shouldScaleOnHover || href) {\n    return (\n      <AnimatedPressable\n        ref={ref as never}\n        {...makeAccessible({\n          role: href ? 'link' : undefined,\n          label: accessibilityLabel,\n          selected: isSelected,\n        })}\n        style={styles}\n        onPressIn={(event) => {\n          if (onClick) {\n            onClick(event);\n          }\n          setIsPressed(true);\n        }}\n        onPressOut={() => {\n          if (href) {\n            void openURL(href);\n          }\n          setIsPressed(false);\n        }}\n      >\n        <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n          {children}\n        </StyledCardRoot>\n      </AnimatedPressable>\n    );\n  }\n\n  return (\n    <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n      {children}\n    </StyledCardRoot>\n  );\n};\n\nconst CardRoot = React.forwardRef(_CardRoot);\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","_ref","isSelected","props","_objectWithoutProperties","_excluded","selectedColor","theme","colors","surface","border","primary","normal","width","thicker","AnimatedPressable","Animated","createAnimatedComponent","Pressable","openURL","_ref2","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","_CardRoot","_ref3","ref","children","onClick","shouldScaleOnHover","as","accessibilityLabel","_excluded2","_useTheme","useTheme","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","duration","castNativeType","makeMotionTime","motion","xquick","easing","standard","styles","useAnimatedStyle","transform","scale","withTiming","CARD_SCALE_DOWN_VALUE","_jsx","Object","assign","makeAccessible","role","undefined","label","selected","style","onPressIn","event","onPressOut","CardRoot","forwardRef"],"mappings":"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"}
+{"version":3,"file":"CardRoot.native.js","sources":["../../../../../src/components/Card/CardRoot.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components';\nimport type { CardRootProps } from './types';\nimport { CARD_SCALE_DOWN_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { logger } from '~utils/logger';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps>(({ isSelected, ...props }) => {\n  const selectedColor = isSelected\n    ? props.theme.colors.surface.border.primary.normal\n    : 'transparent';\n  return {\n    border: `${props.theme.border.width.thicker}px solid ${selectedColor}`,\n  };\n});\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        type: 'warn',\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n};\n\nconst _CardRoot: React.ForwardRefRenderFunction<BladeElementRef, CardRootProps> = (\n  { children, onClick, isSelected, shouldScaleOnHover, href, as, accessibilityLabel, ...props },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const [isPressed, setIsPressed] = React.useState(false);\n  const duration = castNativeType(makeMotionTime(theme.motion.duration.xquick));\n  const easing = castNativeType(theme.motion.easing.standard);\n\n  const styles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          // TODO: check with design once what to do on mobile\n          scale: withTiming(isPressed ? CARD_SCALE_DOWN_VALUE : 1, { duration, easing }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  if (onClick || shouldScaleOnHover || href) {\n    return (\n      <AnimatedPressable\n        ref={ref as never}\n        {...makeAccessible({\n          role: href ? 'link' : undefined,\n          label: accessibilityLabel,\n          selected: isSelected,\n        })}\n        style={styles}\n        onPressIn={(event) => {\n          if (onClick) {\n            onClick(event);\n          }\n          setIsPressed(true);\n        }}\n        onPressOut={() => {\n          if (href) {\n            void openURL(href);\n          }\n          setIsPressed(false);\n        }}\n      >\n        <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n          {children}\n        </StyledCardRoot>\n      </AnimatedPressable>\n    );\n  }\n\n  return (\n    <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n      {children}\n    </StyledCardRoot>\n  );\n};\n\nconst CardRoot = React.forwardRef(_CardRoot);\n\nexport { CardRoot };\n"],"names":["this","StyledCardRoot","styled","BaseBox","_ref","isSelected","props","_objectWithoutProperties","_excluded","selectedColor","theme","colors","surface","border","primary","normal","width","thicker","AnimatedPressable","Animated","createAnimatedComponent","Pressable","openURL","_ref2","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","_CardRoot","_ref3","ref","children","onClick","shouldScaleOnHover","as","accessibilityLabel","_excluded2","_useTheme","useTheme","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","duration","castNativeType","makeMotionTime","motion","xquick","easing","standard","styles","useAnimatedStyle","transform","scale","withTiming","CARD_SCALE_DOWN_VALUE","_jsx","Object","assign","makeAccessible","role","undefined","label","selected","style","onPressIn","event","onPressOut","CardRoot","forwardRef"],"mappings":"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"}

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

@@ -1,17 +1,14 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import 'react';
 import styled from 'styled-components/native';
+import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
 import { castNativeType } from '../../utils/platform/castUtils.js';
-import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","colorScheme","isSelected"];var CardSurfaceStyled=styled(BaseBox)(function(_ref){var theme=_ref.theme;return {width:'100%',display:'flex',flexDirection:'column',borderWidth:makeBorderSize(theme.border.width.thin),borderStyle:'solid',borderColor:`${theme.colors.surface.border.gray.muted}`};});var CardSurface=function CardSurface(_ref2){var children=_ref2.children,backgroundColor=_ref2.backgroundColor,onTouchEnd=_ref2.onTouchEnd,onTouchStart=_ref2.onTouchStart,onPointerDown=_ref2.onPointerDown,onPointerEnter=_ref2.onPointerEnter,pointerEvents=_ref2.pointerEvents;_ref2.colorScheme;_ref2.isSelected;var props=_objectWithoutProperties(_ref2,_excluded);return jsx(CardSurfaceStyled,Object.assign({},props,{backgroundColor:backgroundColor,onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),pointerEvents:castNativeType(pointerEvents),children:children}));};
+var _excluded=["children","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","colorScheme","isSelected","variant"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Card/CardSurface.native.tsx";var CardSurfaceStyled=styled(BaseBox)(function(_ref){var theme=_ref.theme,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'primary':_ref$variant;return Object.assign({width:'100%',display:'flex',flexDirection:'column'},variant==='primary'?{borderWidth:makeBorderSize(theme.border.width.thin),borderStyle:'solid',borderColor:`${theme.colors.surface.border.gray.muted}`}:{borderWidth:0,backgroundColor:theme.colors.surface.background.gray.moderate});});var CardSurface=function CardSurface(_ref2){var children=_ref2.children,backgroundColor=_ref2.backgroundColor,onTouchEnd=_ref2.onTouchEnd,onTouchStart=_ref2.onTouchStart,onPointerDown=_ref2.onPointerDown,onPointerEnter=_ref2.onPointerEnter,pointerEvents=_ref2.pointerEvents,_colorScheme=_ref2.colorScheme,_isSelected=_ref2.isSelected,variant=_ref2.variant,props=_objectWithoutProperties(_ref2,_excluded);return jsx(CardSurfaceStyled,Object.assign({},props,{backgroundColor:backgroundColor,variant:variant,onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),pointerEvents:castNativeType(pointerEvents),children:children}));};
 
 export { CardSurface };
 //# sourceMappingURL=CardSurface.native.js.map