@razorpay/blade 10.23.5 → 11.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"amountTokens.js","sources":["../../../../../src/components/Amount/amountTokens.ts"],"sourcesContent":["import type { AmountProps } from './Amount';\nimport type { FontSize, Typography } from '~tokens/global';\n\nconst affixFontSizes: Record<NonNullable<AmountProps['size']>, keyof FontSize> = {\n  'body-small': 75,\n  'body-small-bold': 75,\n  'body-medium': 75,\n  'body-medium-bold': 75,\n  'heading-small': 75,\n  'heading-small-bold': 75,\n  'heading-large': 100,\n  'heading-large-bold': 100,\n  'title-small': 300,\n  'title-medium': 400,\n} as const;\n\nconst amountFontSizes: Record<NonNullable<AmountProps['size']>, keyof FontSize> = {\n  'body-small': 75,\n  'body-small-bold': 75,\n  'body-medium': 100,\n  'body-medium-bold': 100,\n  'heading-small': 200,\n  'heading-small-bold': 200,\n  'heading-large': 400,\n  'heading-large-bold': 400,\n  'title-small': 600,\n  'title-medium': 700,\n} as const;\n\nconst amountLineHeights: Record<\n  NonNullable<AmountProps['size']>,\n  keyof Typography['lineHeights']\n> = {\n  'body-small': 50,\n  'body-small-bold': 50,\n  'body-medium': 100,\n  'body-medium-bold': 100,\n  'heading-small': 300,\n  'heading-small-bold': 300,\n  'heading-large': 400,\n  'heading-large-bold': 400,\n  'title-small': 500,\n  'title-medium': 600,\n} as const;\n\n// All the supported currency codes are taken from Razorpay's Merchant Dashboard codebase\nconst currencyPrefixMapping = {\n  AED: { 'currency-symbol': 'د.إ', 'currency-code': 'AED' },\n  ALL: { 'currency-symbol': 'Lek', 'currency-code': 'ALL' },\n  AMD: { 'currency-symbol': '֏', 'currency-code': 'AMD' },\n  ARS: { 'currency-symbol': 'ARS', 'currency-code': 'ARS' },\n  AUD: { 'currency-symbol': 'A$', 'currency-code': 'AUD' },\n  AWG: { 'currency-symbol': 'Afl.', 'currency-code': 'AWG' },\n  BBD: { 'currency-symbol': '$', 'currency-code': 'BBD' },\n  BDT: { 'currency-symbol': '৳', 'currency-code': 'BDT' },\n  BMD: { 'currency-symbol': '$', 'currency-code': 'BMD' },\n  BND: { 'currency-symbol': 'BND', 'currency-code': 'BND' },\n  BOB: { 'currency-symbol': 'Bs', 'currency-code': 'BOB' },\n  BSD: { 'currency-symbol': 'B$', 'currency-code': 'BSD' },\n  BWP: { 'currency-symbol': 'P', 'currency-code': 'BWP' },\n  BZD: { 'currency-symbol': 'BZ$', 'currency-code': 'BZD' },\n  CAD: { 'currency-symbol': 'C$', 'currency-code': 'CAD' },\n  CHF: { 'currency-symbol': 'CHf', 'currency-code': 'CHF' },\n  CNY: { 'currency-symbol': '¥', 'currency-code': 'CNY' },\n  COP: { 'currency-symbol': 'COL$', 'currency-code': 'COP' },\n  CRC: { 'currency-symbol': '₡', 'currency-code': 'CRC' },\n  CUP: { 'currency-symbol': '$MN', 'currency-code': 'CUP' },\n  CZK: { 'currency-symbol': 'Kč', 'currency-code': 'CZK' },\n  DKK: { 'currency-symbol': 'DKK', 'currency-code': 'DKK' },\n  DOP: { 'currency-symbol': 'RD$', 'currency-code': 'DOP' },\n  DZD: { 'currency-symbol': 'د.ج', 'currency-code': 'DZD' },\n  EGP: { 'currency-symbol': 'E£', 'currency-code': 'EGP' },\n  ETB: { 'currency-symbol': 'ብር', 'currency-code': 'ETB' },\n  EUR: { 'currency-symbol': '€', 'currency-code': 'EUR' },\n  FJD: { 'currency-symbol': 'FJ$', 'currency-code': 'FJD' },\n  GBP: { 'currency-symbol': '£', 'currency-code': 'GBP' },\n  GHS: { 'currency-symbol': 'GH₵', 'currency-code': 'GHS' },\n  GIP: { 'currency-symbol': 'GIP', 'currency-code': 'GIP' },\n  GMD: { 'currency-symbol': 'D', 'currency-code': 'GMD' },\n  GTQ: { 'currency-symbol': 'Q', 'currency-code': 'GTQ' },\n  GYD: { 'currency-symbol': 'G$', 'currency-code': 'GYD' },\n  HKD: { 'currency-symbol': 'HK$', 'currency-code': 'HKD' },\n  HNL: { 'currency-symbol': 'HNL', 'currency-code': 'HNL' },\n  HRK: { 'currency-symbol': 'kn', 'currency-code': 'HRK' },\n  HTG: { 'currency-symbol': 'G', 'currency-code': 'HTG' },\n  HUF: { 'currency-symbol': 'Ft', 'currency-code': 'HUF' },\n  IDR: { 'currency-symbol': 'Rp', 'currency-code': 'IDR' },\n  ILS: { 'currency-symbol': '₪', 'currency-code': 'ILS' },\n  INR: { 'currency-symbol': '₹', 'currency-code': 'INR' },\n  JMD: { 'currency-symbol': 'J$', 'currency-code': 'JMD' },\n  KES: { 'currency-symbol': 'Ksh', 'currency-code': 'KES' },\n  KGS: { 'currency-symbol': 'Лв', 'currency-code': 'KGS' },\n  KHR: { 'currency-symbol': '៛', 'currency-code': 'KHR' },\n  KYD: { 'currency-symbol': 'CI$', 'currency-code': 'KYD' },\n  KZT: { 'currency-symbol': '₸', 'currency-code': 'KZT' },\n  LAK: { 'currency-symbol': '₭', 'currency-code': 'LAK' },\n  LKR: { 'currency-symbol': 'රු', 'currency-code': 'LKR' },\n  LRD: { 'currency-symbol': 'L$', 'currency-code': 'LRD' },\n  LSL: { 'currency-symbol': 'LSL', 'currency-code': 'LSL' },\n  MAD: { 'currency-symbol': 'د.م.', 'currency-code': 'MAD' },\n  MDL: { 'currency-symbol': 'MDL', 'currency-code': 'MDL' },\n  MKD: { 'currency-symbol': 'ден', 'currency-code': 'MKD' },\n  MMK: { 'currency-symbol': 'MMK', 'currency-code': 'MMK' },\n  MNT: { 'currency-symbol': '₮', 'currency-code': 'MNT' },\n  MOP: { 'currency-symbol': 'MOP$', 'currency-code': 'MOP' },\n  MUR: { 'currency-symbol': '₨', 'currency-code': 'MUR' },\n  MVR: { 'currency-symbol': 'Rf', 'currency-code': 'MVR' },\n  MWK: { 'currency-symbol': 'MK', 'currency-code': 'MWK' },\n  MXN: { 'currency-symbol': 'Mex$', 'currency-code': 'MXN' },\n  MYR: { 'currency-symbol': 'RM', 'currency-code': 'MYR' },\n  NAD: { 'currency-symbol': 'N$', 'currency-code': 'NAD' },\n  NGN: { 'currency-symbol': '₦', 'currency-code': 'NGN' },\n  NIO: { 'currency-symbol': 'NIO', 'currency-code': 'NIO' },\n  NOK: { 'currency-symbol': 'NOK', 'currency-code': 'NOK' },\n  NPR: { 'currency-symbol': 'रू', 'currency-code': 'NPR' },\n  NZD: { 'currency-symbol': 'NZ$', 'currency-code': 'NZD' },\n  PEN: { 'currency-symbol': 'S/', 'currency-code': 'PEN' },\n  PGK: { 'currency-symbol': 'PGK', 'currency-code': 'PGK' },\n  PHP: { 'currency-symbol': '₱', 'currency-code': 'PHP' },\n  PKR: { 'currency-symbol': '₨', 'currency-code': 'PKR' },\n  QAR: { 'currency-symbol': 'QR', 'currency-code': 'QAR' },\n  RUB: { 'currency-symbol': '₽', 'currency-code': 'RUB' },\n  SAR: { 'currency-symbol': 'SR', 'currency-code': 'SAR' },\n  SCR: { 'currency-symbol': 'SRe', 'currency-code': 'SCR' },\n  SEK: { 'currency-symbol': 'SEK', 'currency-code': 'SEK' },\n  SGD: { 'currency-symbol': 'S$', 'currency-code': 'SGD' },\n  SLL: { 'currency-symbol': 'Le', 'currency-code': 'SLL' },\n  SOS: { 'currency-symbol': 'Sh.so.', 'currency-code': 'SOS' },\n  SSP: { 'currency-symbol': 'SS£', 'currency-code': 'SSP' },\n  SVC: { 'currency-symbol': '₡', 'currency-code': 'SVC' },\n  SZL: { 'currency-symbol': 'E', 'currency-code': 'SZL' },\n  THB: { 'currency-symbol': '฿', 'currency-code': 'THB' },\n  TTD: { 'currency-symbol': 'TT$', 'currency-code': 'TTD' },\n  TZS: { 'currency-symbol': 'Sh', 'currency-code': 'TZS' },\n  USD: { 'currency-symbol': '$', 'currency-code': 'USD' },\n  UYU: { 'currency-symbol': '$U', 'currency-code': 'UYU' },\n  UZS: { 'currency-symbol': \"so'm\", 'currency-code': 'UZS' },\n  YER: { 'currency-symbol': '﷼', 'currency-code': 'YER' },\n  ZAR: { 'currency-symbol': 'R', 'currency-code': 'ZAR' },\n  KWD: { 'currency-symbol': 'د.ك', 'currency-code': 'KWD' },\n  BHD: { 'currency-symbol': 'د.ب.', 'currency-code': 'BHD' },\n  OMR: { 'currency-symbol': 'ر.ع.', 'currency-code': 'OMR' },\n};\n\ntype CurrencyAbbreviation = {\n  value: number;\n  symbol: string;\n};\n\ntype Currency = keyof typeof currencyPrefixMapping;\n\nconst getCurrencyAbbreviations = (currency: Currency): CurrencyAbbreviation[] => {\n  if (currency === 'INR') {\n    return [\n      { value: 1e7, symbol: 'Cr' },\n      { value: 1e5, symbol: 'L' },\n      { value: 1e3, symbol: 'k' },\n    ];\n  }\n\n  return [\n    { value: 1e9, symbol: 'B' },\n    { value: 1e6, symbol: 'M' },\n    { value: 1e3, symbol: 'K' },\n  ];\n};\n\nexport {\n  amountFontSizes,\n  amountLineHeights,\n  affixFontSizes,\n  currencyPrefixMapping,\n  getCurrencyAbbreviations,\n};\n\nexport type { Currency };\n"],"names":["affixFontSizes","amountFontSizes","amountLineHeights","currencyPrefixMapping","AED","ALL","AMD","ARS","AUD","AWG","BBD","BDT","BMD","BND","BOB","BSD","BWP","BZD","CAD","CHF","CNY","COP","CRC","CUP","CZK","DKK","DOP","DZD","EGP","ETB","EUR","FJD","GBP","GHS","GIP","GMD","GTQ","GYD","HKD","HNL","HRK","HTG","HUF","IDR","ILS","INR","JMD","KES","KGS","KHR","KYD","KZT","LAK","LKR","LRD","LSL","MAD","MDL","MKD","MMK","MNT","MOP","MUR","MVR","MWK","MXN","MYR","NAD","NGN","NIO","NOK","NPR","NZD","PEN","PGK","PHP","PKR","QAR","RUB","SAR","SCR","SEK","SGD","SLL","SOS","SSP","SVC","SZL","THB","TTD","TZS","USD","UYU","UZS","YER","ZAR","KWD","BHD","OMR","getCurrencyAbbreviations","currency","value","symbol"],"mappings":"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"}
+{"version":3,"file":"amountTokens.js","sources":["../../../../../src/components/Amount/amountTokens.ts"],"sourcesContent":["import type { FontSize, Typography } from '~tokens/global';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\ntype AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';\n\ntype AmountDisplayProps = {\n  type?: 'display';\n  size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n};\n\ntype AmountHeadingProps = {\n  type?: 'heading';\n  size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;\n};\n\ntype AmountBodyProps = {\n  type?: 'body';\n  size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n};\n\ntype AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;\n\nconst normalAmountSizes: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, keyof FontSize>>\n> = {\n  body: {\n    xsmall: 25,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n  heading: {\n    small: 300,\n    medium: 400,\n    large: 500,\n    xlarge: 600,\n    '2xlarge': 700,\n  },\n  display: {\n    small: 800,\n    medium: 900,\n    large: 1000,\n    xlarge: 1100,\n  },\n};\n\nconst subtleFontSizes: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, keyof FontSize>>\n> = {\n  body: {\n    xsmall: normalAmountSizes.body.xsmall,\n    small: normalAmountSizes.body.xsmall,\n    medium: normalAmountSizes.body.xsmall,\n    large: normalAmountSizes.body.small,\n  },\n  heading: {\n    small: normalAmountSizes.body.small,\n    medium: normalAmountSizes.body.medium,\n    large: normalAmountSizes.body.large,\n    xlarge: normalAmountSizes.heading.medium,\n    '2xlarge': normalAmountSizes.heading.large,\n  },\n  display: {\n    small: normalAmountSizes.heading.xlarge,\n    medium: normalAmountSizes.heading['2xlarge'],\n    large: normalAmountSizes.heading['2xlarge'],\n    xlarge: normalAmountSizes.display.small,\n  },\n};\n\nconst amountLineHeights: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, keyof Typography['lineHeights']>>\n> = {\n  body: {\n    xsmall: 25,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n  heading: {\n    small: 300,\n    medium: 400,\n    large: 500,\n    xlarge: 600,\n    '2xlarge': 700,\n  },\n  display: {\n    small: 800,\n    medium: 900,\n    large: 1000,\n    xlarge: 1100,\n  },\n};\n\n// All the supported currency codes are taken from Razorpay's Merchant Dashboard codebase\nconst currencyIndicatorMapping = {\n  AED: { 'currency-symbol': 'د.إ', 'currency-code': 'AED' },\n  ALL: { 'currency-symbol': 'Lek', 'currency-code': 'ALL' },\n  AMD: { 'currency-symbol': '֏', 'currency-code': 'AMD' },\n  ARS: { 'currency-symbol': 'ARS', 'currency-code': 'ARS' },\n  AUD: { 'currency-symbol': 'A$', 'currency-code': 'AUD' },\n  AWG: { 'currency-symbol': 'Afl.', 'currency-code': 'AWG' },\n  BBD: { 'currency-symbol': '$', 'currency-code': 'BBD' },\n  BDT: { 'currency-symbol': '৳', 'currency-code': 'BDT' },\n  BMD: { 'currency-symbol': '$', 'currency-code': 'BMD' },\n  BND: { 'currency-symbol': 'BND', 'currency-code': 'BND' },\n  BOB: { 'currency-symbol': 'Bs', 'currency-code': 'BOB' },\n  BSD: { 'currency-symbol': 'B$', 'currency-code': 'BSD' },\n  BWP: { 'currency-symbol': 'P', 'currency-code': 'BWP' },\n  BZD: { 'currency-symbol': 'BZ$', 'currency-code': 'BZD' },\n  CAD: { 'currency-symbol': 'C$', 'currency-code': 'CAD' },\n  CHF: { 'currency-symbol': 'CHf', 'currency-code': 'CHF' },\n  CNY: { 'currency-symbol': '¥', 'currency-code': 'CNY' },\n  COP: { 'currency-symbol': 'COL$', 'currency-code': 'COP' },\n  CRC: { 'currency-symbol': '₡', 'currency-code': 'CRC' },\n  CUP: { 'currency-symbol': '$MN', 'currency-code': 'CUP' },\n  CZK: { 'currency-symbol': 'Kč', 'currency-code': 'CZK' },\n  DKK: { 'currency-symbol': 'DKK', 'currency-code': 'DKK' },\n  DOP: { 'currency-symbol': 'RD$', 'currency-code': 'DOP' },\n  DZD: { 'currency-symbol': 'د.ج', 'currency-code': 'DZD' },\n  EGP: { 'currency-symbol': 'E£', 'currency-code': 'EGP' },\n  ETB: { 'currency-symbol': 'ብር', 'currency-code': 'ETB' },\n  EUR: { 'currency-symbol': '€', 'currency-code': 'EUR' },\n  FJD: { 'currency-symbol': 'FJ$', 'currency-code': 'FJD' },\n  GBP: { 'currency-symbol': '£', 'currency-code': 'GBP' },\n  GHS: { 'currency-symbol': 'GH₵', 'currency-code': 'GHS' },\n  GIP: { 'currency-symbol': 'GIP', 'currency-code': 'GIP' },\n  GMD: { 'currency-symbol': 'D', 'currency-code': 'GMD' },\n  GTQ: { 'currency-symbol': 'Q', 'currency-code': 'GTQ' },\n  GYD: { 'currency-symbol': 'G$', 'currency-code': 'GYD' },\n  HKD: { 'currency-symbol': 'HK$', 'currency-code': 'HKD' },\n  HNL: { 'currency-symbol': 'HNL', 'currency-code': 'HNL' },\n  HRK: { 'currency-symbol': 'kn', 'currency-code': 'HRK' },\n  HTG: { 'currency-symbol': 'G', 'currency-code': 'HTG' },\n  HUF: { 'currency-symbol': 'Ft', 'currency-code': 'HUF' },\n  IDR: { 'currency-symbol': 'Rp', 'currency-code': 'IDR' },\n  ILS: { 'currency-symbol': '₪', 'currency-code': 'ILS' },\n  INR: { 'currency-symbol': '₹', 'currency-code': 'INR' },\n  JMD: { 'currency-symbol': 'J$', 'currency-code': 'JMD' },\n  KES: { 'currency-symbol': 'Ksh', 'currency-code': 'KES' },\n  KGS: { 'currency-symbol': 'Лв', 'currency-code': 'KGS' },\n  KHR: { 'currency-symbol': '៛', 'currency-code': 'KHR' },\n  KYD: { 'currency-symbol': 'CI$', 'currency-code': 'KYD' },\n  KZT: { 'currency-symbol': '₸', 'currency-code': 'KZT' },\n  LAK: { 'currency-symbol': '₭', 'currency-code': 'LAK' },\n  LKR: { 'currency-symbol': 'රු', 'currency-code': 'LKR' },\n  LRD: { 'currency-symbol': 'L$', 'currency-code': 'LRD' },\n  LSL: { 'currency-symbol': 'LSL', 'currency-code': 'LSL' },\n  MAD: { 'currency-symbol': 'د.م.', 'currency-code': 'MAD' },\n  MDL: { 'currency-symbol': 'MDL', 'currency-code': 'MDL' },\n  MKD: { 'currency-symbol': 'ден', 'currency-code': 'MKD' },\n  MMK: { 'currency-symbol': 'MMK', 'currency-code': 'MMK' },\n  MNT: { 'currency-symbol': '₮', 'currency-code': 'MNT' },\n  MOP: { 'currency-symbol': 'MOP$', 'currency-code': 'MOP' },\n  MUR: { 'currency-symbol': '₨', 'currency-code': 'MUR' },\n  MVR: { 'currency-symbol': 'Rf', 'currency-code': 'MVR' },\n  MWK: { 'currency-symbol': 'MK', 'currency-code': 'MWK' },\n  MXN: { 'currency-symbol': 'Mex$', 'currency-code': 'MXN' },\n  MYR: { 'currency-symbol': 'RM', 'currency-code': 'MYR' },\n  NAD: { 'currency-symbol': 'N$', 'currency-code': 'NAD' },\n  NGN: { 'currency-symbol': '₦', 'currency-code': 'NGN' },\n  NIO: { 'currency-symbol': 'NIO', 'currency-code': 'NIO' },\n  NOK: { 'currency-symbol': 'NOK', 'currency-code': 'NOK' },\n  NPR: { 'currency-symbol': 'रू', 'currency-code': 'NPR' },\n  NZD: { 'currency-symbol': 'NZ$', 'currency-code': 'NZD' },\n  PEN: { 'currency-symbol': 'S/', 'currency-code': 'PEN' },\n  PGK: { 'currency-symbol': 'PGK', 'currency-code': 'PGK' },\n  PHP: { 'currency-symbol': '₱', 'currency-code': 'PHP' },\n  PKR: { 'currency-symbol': '₨', 'currency-code': 'PKR' },\n  QAR: { 'currency-symbol': 'QR', 'currency-code': 'QAR' },\n  RUB: { 'currency-symbol': '₽', 'currency-code': 'RUB' },\n  SAR: { 'currency-symbol': 'SR', 'currency-code': 'SAR' },\n  SCR: { 'currency-symbol': 'SRe', 'currency-code': 'SCR' },\n  SEK: { 'currency-symbol': 'SEK', 'currency-code': 'SEK' },\n  SGD: { 'currency-symbol': 'S$', 'currency-code': 'SGD' },\n  SLL: { 'currency-symbol': 'Le', 'currency-code': 'SLL' },\n  SOS: { 'currency-symbol': 'Sh.so.', 'currency-code': 'SOS' },\n  SSP: { 'currency-symbol': 'SS£', 'currency-code': 'SSP' },\n  SVC: { 'currency-symbol': '₡', 'currency-code': 'SVC' },\n  SZL: { 'currency-symbol': 'E', 'currency-code': 'SZL' },\n  THB: { 'currency-symbol': '฿', 'currency-code': 'THB' },\n  TTD: { 'currency-symbol': 'TT$', 'currency-code': 'TTD' },\n  TZS: { 'currency-symbol': 'Sh', 'currency-code': 'TZS' },\n  USD: { 'currency-symbol': '$', 'currency-code': 'USD' },\n  UYU: { 'currency-symbol': '$U', 'currency-code': 'UYU' },\n  UZS: { 'currency-symbol': \"so'm\", 'currency-code': 'UZS' },\n  YER: { 'currency-symbol': '﷼', 'currency-code': 'YER' },\n  ZAR: { 'currency-symbol': 'R', 'currency-code': 'ZAR' },\n  KWD: { 'currency-symbol': 'د.ك', 'currency-code': 'KWD' },\n  BHD: { 'currency-symbol': 'د.ب.', 'currency-code': 'BHD' },\n  OMR: { 'currency-symbol': 'ر.ع.', 'currency-code': 'OMR' },\n};\n\ntype CurrencyAbbreviation = {\n  value: number;\n  symbol: string;\n};\n\ntype Currency = keyof typeof currencyIndicatorMapping;\n\nconst getCurrencyAbbreviations = (currency: Currency): CurrencyAbbreviation[] => {\n  if (currency === 'INR') {\n    return [\n      { value: 1e7, symbol: 'Cr' },\n      { value: 1e5, symbol: 'L' },\n      { value: 1e3, symbol: 'k' },\n    ];\n  }\n\n  return [\n    { value: 1e9, symbol: 'B' },\n    { value: 1e6, symbol: 'M' },\n    { value: 1e3, symbol: 'K' },\n  ];\n};\n\nconst currencyPositionMapping: Record<string, string> = {\n  DZD: 'right',\n  BHD: 'right',\n  OMR: 'right',\n  KWD: 'right',\n};\n\nexport {\n  subtleFontSizes,\n  normalAmountSizes,\n  amountLineHeights,\n  currencyPositionMapping,\n  currencyIndicatorMapping,\n  getCurrencyAbbreviations,\n};\n\nexport type { Currency, AmountBodyProps, AmountDisplayProps, AmountHeadingProps, AmountTypeProps };\n"],"names":["normalAmountSizes","body","xsmall","small","medium","large","heading","xlarge","display","subtleFontSizes","amountLineHeights","currencyIndicatorMapping","AED","ALL","AMD","ARS","AUD","AWG","BBD","BDT","BMD","BND","BOB","BSD","BWP","BZD","CAD","CHF","CNY","COP","CRC","CUP","CZK","DKK","DOP","DZD","EGP","ETB","EUR","FJD","GBP","GHS","GIP","GMD","GTQ","GYD","HKD","HNL","HRK","HTG","HUF","IDR","ILS","INR","JMD","KES","KGS","KHR","KYD","KZT","LAK","LKR","LRD","LSL","MAD","MDL","MKD","MMK","MNT","MOP","MUR","MVR","MWK","MXN","MYR","NAD","NGN","NIO","NOK","NPR","NZD","PEN","PGK","PHP","PKR","QAR","RUB","SAR","SCR","SEK","SGD","SLL","SOS","SSP","SVC","SZL","THB","TTD","TZS","USD","UYU","UZS","YER","ZAR","KWD","BHD","OMR","getCurrencyAbbreviations","currency","value","symbol","currencyPositionMapping"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { StyledBadge } from './StyledBadge.native.js';
-import { horizontalPadding, verticalPadding, iconPadding, iconSize } from './badgeTokens.js';
+import { badgeHeight, horizontalPadding, iconPadding, iconSize } from './badgeTokens.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import '../Typography/BaseText/BaseText.native.js';
 import 'react';
@@ -11,6 +11,7 @@ import 'react-native';
 import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
 import '../BladeProvider/useTheme.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Text } from '../Typography/Text/Text.js';
@@ -20,7 +21,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStringFromReactText } from '../../utils/getStringChildren/getStringChildren.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["children","contrast","fontWeight","icon","size","variant","color","testID"];var isFeedbackVariant=function isFeedbackVariant(variant){var feedbackVariants=['information','negative','neutral','notice','positive'];return feedbackVariants.includes(variant);};var getColorProps=function getColorProps(_ref){var variant=_ref.variant,contrast=_ref.contrast;var badgeVariant=variant==='default'?'blue':variant;var props={iconColor:'feedback.icon.neutral.lowContrast',textColor:'feedback.text.neutral.lowContrast',backgroundColor:'feedback.background.neutral.lowContrast'};if(isFeedbackVariant(badgeVariant)){props.iconColor=`feedback.icon.${badgeVariant}.${contrast}Contrast`;props.textColor=`feedback.text.${badgeVariant}.${contrast}Contrast`;props.backgroundColor=`feedback.background.${badgeVariant}.${contrast}Contrast`;}else {props.iconColor=`badge.icon.${badgeVariant}.${contrast}Contrast`;props.textColor=`badge.text.${badgeVariant}.${contrast}Contrast`;props.backgroundColor=`badge.background.${badgeVariant}.${contrast}Contrast`;}return props;};var _Badge=function _Badge(_ref2){var children=_ref2.children,_ref2$contrast=_ref2.contrast,contrast=_ref2$contrast===void 0?'low':_ref2$contrast,_ref2$fontWeight=_ref2.fontWeight,fontWeight=_ref2$fontWeight===void 0?'regular':_ref2$fontWeight,Icon=_ref2.icon,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,_ref2$variant=_ref2.variant,variant=_ref2$variant===void 0?'neutral':_ref2$variant,color=_ref2.color,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var childrenString=getStringFromReactText(children);if(__DEV__){if(!(childrenString!=null&&childrenString.trim())){throwBladeError({message:'Text as children is required for Badge.',moduleName:'Badge'});}}var badgeVariant=color!=null?color:variant;var _getColorProps=getColorProps({variant:badgeVariant,contrast:contrast}),backgroundColor=_getColorProps.backgroundColor,iconColor=_getColorProps.iconColor,textColor=_getColorProps.textColor;var badgeTextSizes={small:{variant:'body',size:'xsmall'},medium:{variant:'body',size:'small'},large:{variant:'body',size:'small'}};return jsx(BaseBox,Object.assign({display:isReactNative()?'flex':'inline-flex'},metaAttribute({name:MetaConstants.Badge,testID:testID}),getStyledProps(styledProps),{children:jsx(StyledBadge,{backgroundColor:backgroundColor,size:size,textAlign:'left',children:jsxs(BaseBox,{paddingRight:horizontalPadding[size],paddingLeft:horizontalPadding[size],paddingTop:verticalPadding[size],paddingBottom:verticalPadding[size],display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",children:[Icon?jsx(BaseBox,{paddingRight:Boolean(Icon)?iconPadding[size]:'spacing.0',display:"flex",children:jsx(Icon,{color:iconColor,size:iconSize[size]})}):null,jsx(Text,Object.assign({},badgeTextSizes[size],{type:"normal",weight:fontWeight,truncateAfterLines:1,color:textColor,children:children}))]})})}));};var Badge=assignWithoutSideEffects(_Badge,{displayName:'Badge',componentId:'Badge'});
+var _excluded=["children","emphasis","icon","size","color","testID"];var getColorProps=function getColorProps(_ref){var color=_ref.color,emphasis=_ref.emphasis;var props={iconColor:'feedback.icon.neutral.intense',textColor:'feedback.text.neutral.intense',backgroundColor:'feedback.background.neutral.subtle'};if(color==='primary'){props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`surface.text.primary.normal`;props.iconColor=emphasis==='intense'?`surface.icon.staticWhite.normal`:`surface.icon.primary.normal`;props.backgroundColor=`surface.background.primary.${emphasis}`;}else {props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`feedback.text.${color}.intense`;props.iconColor=emphasis==='intense'?`surface.icon.staticWhite.normal`:`feedback.icon.${color}.intense`;props.backgroundColor=`feedback.background.${color}.${emphasis}`;}return props;};var _Badge=function _Badge(_ref2){var children=_ref2.children,_ref2$emphasis=_ref2.emphasis,emphasis=_ref2$emphasis===void 0?'subtle':_ref2$emphasis,Icon=_ref2.icon,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var childrenString=getStringFromReactText(children);if(__DEV__){if(!(childrenString!=null&&childrenString.trim())){throwBladeError({message:'Text as children is required for Badge.',moduleName:'Badge'});}}var _getColorProps=getColorProps({color:color,emphasis:emphasis}),backgroundColor=_getColorProps.backgroundColor,iconColor=_getColorProps.iconColor,textColor=_getColorProps.textColor;var badgeTextSizes={small:{variant:'body',size:'xsmall'},medium:{variant:'body',size:'small'},large:{variant:'body',size:'small'}};return jsx(BaseBox,Object.assign({display:isReactNative()?'flex':'inline-flex'},metaAttribute({name:MetaConstants.Badge,testID:testID}),getStyledProps(styledProps),{children:jsx(StyledBadge,{height:makeSize(badgeHeight[size]),backgroundColor:backgroundColor,size:size,textAlign:'left',children:jsxs(BaseBox,{paddingX:horizontalPadding[size],display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",children:[Icon?jsx(BaseBox,{paddingRight:Boolean(Icon)?iconPadding[size]:'spacing.0',display:"flex",children:jsx(Icon,{color:iconColor,size:iconSize[size]})}):null,jsx(Text,Object.assign({},badgeTextSizes[size],{weight:"medium",truncateAfterLines:1,color:textColor,children:children}))]})})}));};var Badge=assignWithoutSideEffects(_Badge,{displayName:'Badge',componentId:'Badge'});
 
 export { Badge };
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { StyledBadgeProps } from './types';\nimport { StyledBadge } from './StyledBadge';\nimport { iconPadding, iconSize, horizontalPadding, verticalPadding } from './badgeTokens';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { Feedback } from '~tokens/theme/theme';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isReactNative } from '~utils';\nimport { throwBladeError } from '~utils/logger';\n\ntype BadgeProps = {\n  /**\n   * Sets the label for the badge.\n   *\n   */\n  children: StringChildrenType;\n  /**\n   * This prop is deprecated in favor of `color`.\n   *\n   * @deprecated Use the `color` prop instead\n   * @default 'neutral'\n   */\n  variant?: Feedback | 'blue';\n  /**\n   * Sets the color of the badge.\n   *\n   * @default 'neutral'\n   */\n  color?: Feedback | 'default';\n  /**\n   * Sets the contrast of the badge.\n   *\n   * @default 'low'\n   */\n  contrast?: 'low' | 'high';\n  /**\n   * Sets the size of the badge.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Icon to be displayed in the badge.\n   * Accepts a component of type `IconComponent` from Blade.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * Sets the fontWeight of the label.\n   *\n   * @default 'regular'\n   */\n  fontWeight?: 'regular' | 'bold';\n} & TestID &\n  StyledPropsBlade;\n\nconst isFeedbackVariant = (variant: string): variant is Feedback => {\n  const feedbackVariants = ['information', 'negative', 'neutral', 'notice', 'positive'];\n  return feedbackVariants.includes(variant);\n};\n\ntype ColorProps = {\n  iconColor: IconProps['color'];\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledBadgeProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  variant,\n  contrast,\n}: {\n  variant: NonNullable<BadgeProps['color'] | 'blue'>;\n  contrast: NonNullable<BadgeProps['contrast']>;\n}): ColorProps => {\n  const badgeVariant = variant === 'default' ? 'blue' : variant;\n  const props: ColorProps = {\n    iconColor: 'feedback.icon.neutral.lowContrast',\n    textColor: 'feedback.text.neutral.lowContrast',\n    backgroundColor: 'feedback.background.neutral.lowContrast',\n  };\n  if (isFeedbackVariant(badgeVariant)) {\n    props.iconColor = `feedback.icon.${badgeVariant}.${contrast}Contrast`;\n    props.textColor = `feedback.text.${badgeVariant}.${contrast}Contrast`;\n    props.backgroundColor = `feedback.background.${badgeVariant}.${contrast}Contrast`;\n  } else {\n    props.iconColor = `badge.icon.${badgeVariant}.${contrast}Contrast`;\n    props.textColor = `badge.text.${badgeVariant}.${contrast}Contrast`;\n    props.backgroundColor = `badge.background.${badgeVariant}.${contrast}Contrast`;\n  }\n  return props;\n};\n\nconst _Badge = ({\n  children,\n  contrast = 'low',\n  fontWeight = 'regular',\n  icon: Icon,\n  size = 'medium',\n  // TODO: Remove variant prop in next major release in favor of color prop\n  variant = 'neutral',\n  color,\n  testID,\n  ...styledProps\n}: BadgeProps): ReactElement => {\n  const childrenString = getStringFromReactText(children);\n  if (__DEV__) {\n    if (!childrenString?.trim()) {\n      throwBladeError({\n        message: 'Text as children is required for Badge.',\n        moduleName: 'Badge',\n      });\n    }\n  }\n\n  const badgeVariant = color ?? variant;\n  const { backgroundColor, iconColor, textColor } = getColorProps({\n    variant: badgeVariant,\n    contrast,\n  });\n\n  const badgeTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'small',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Badge, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledBadge backgroundColor={backgroundColor} size={size} textAlign={'left' as never}>\n        <BaseBox\n          paddingRight={horizontalPadding[size]}\n          paddingLeft={horizontalPadding[size]}\n          paddingTop={verticalPadding[size]}\n          paddingBottom={verticalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          {Icon ? (\n            <BaseBox paddingRight={Boolean(Icon) ? iconPadding[size] : 'spacing.0'} display=\"flex\">\n              <Icon color={iconColor} size={iconSize[size]} />\n            </BaseBox>\n          ) : null}\n          <Text\n            {...badgeTextSizes[size]}\n            type=\"normal\"\n            weight={fontWeight}\n            truncateAfterLines={1}\n            color={textColor}\n          >\n            {children}\n          </Text>\n        </BaseBox>\n      </StyledBadge>\n    </BaseBox>\n  );\n};\n\nconst Badge = assignWithoutSideEffects(_Badge, {\n  displayName: 'Badge',\n  componentId: 'Badge',\n});\n\nexport type { BadgeProps };\nexport { Badge };\n"],"names":["isFeedbackVariant","variant","feedbackVariants","includes","getColorProps","_ref","contrast","badgeVariant","props","iconColor","textColor","backgroundColor","_Badge","_ref2","children","_ref2$contrast","_ref2$fontWeight","fontWeight","Icon","icon","_ref2$size","size","_ref2$variant","color","testID","styledProps","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","__DEV__","trim","throwBladeError","message","moduleName","_getColorProps","badgeTextSizes","small","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","metaAttribute","name","MetaConstants","Badge","getStyledProps","StyledBadge","textAlign","_jsxs","paddingRight","horizontalPadding","paddingLeft","paddingTop","verticalPadding","paddingBottom","flexDirection","justifyContent","alignItems","overflow","Boolean","iconPadding","iconSize","Text","type","weight","truncateAfterLines","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { StyledBadgeProps } from './types';\nimport { StyledBadge } from './StyledBadge';\nimport { iconPadding, iconSize, horizontalPadding, badgeHeight } from './badgeTokens';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isReactNative, makeSize } from '~utils';\nimport { throwBladeError } from '~utils/logger';\n\ntype BadgeProps = {\n  /**\n   * Sets the label for the badge.\n   *\n   */\n  children: StringChildrenType;\n  /**\n   * Sets the color of the badge.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the badge.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the badge.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Icon to be displayed in the badge.\n   * Accepts a component of type `IconComponent` from Blade.\n   *\n   */\n  icon?: IconComponent;\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  iconColor: IconProps['color'];\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledBadgeProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color,\n  emphasis,\n}: {\n  color: NonNullable<BadgeProps['color']>;\n  emphasis: NonNullable<BadgeProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    iconColor: 'feedback.icon.neutral.intense',\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.iconColor =\n      emphasis === 'intense' ? `surface.icon.staticWhite.normal` : `surface.icon.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.iconColor =\n      emphasis === 'intense' ? `surface.icon.staticWhite.normal` : `feedback.icon.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n\n  return props;\n};\n\nconst _Badge = ({\n  children,\n  emphasis = 'subtle',\n  icon: Icon,\n  size = 'medium',\n  color = 'neutral',\n  testID,\n  ...styledProps\n}: BadgeProps): ReactElement => {\n  const childrenString = getStringFromReactText(children);\n  if (__DEV__) {\n    if (!childrenString?.trim()) {\n      throwBladeError({\n        message: 'Text as children is required for Badge.',\n        moduleName: 'Badge',\n      });\n    }\n  }\n\n  const { backgroundColor, iconColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const badgeTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'small',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Badge, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledBadge\n        height={makeSize(badgeHeight[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        textAlign={'left' as never}\n      >\n        <BaseBox\n          paddingX={horizontalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          {Icon ? (\n            <BaseBox paddingRight={Boolean(Icon) ? iconPadding[size] : 'spacing.0'} display=\"flex\">\n              <Icon color={iconColor} size={iconSize[size]} />\n            </BaseBox>\n          ) : null}\n          <Text {...badgeTextSizes[size]} weight=\"medium\" truncateAfterLines={1} color={textColor}>\n            {children}\n          </Text>\n        </BaseBox>\n      </StyledBadge>\n    </BaseBox>\n  );\n};\n\nconst Badge = assignWithoutSideEffects(_Badge, {\n  displayName: 'Badge',\n  componentId: 'Badge',\n});\n\nexport type { BadgeProps };\nexport { Badge };\n"],"names":["getColorProps","_ref","color","emphasis","props","iconColor","textColor","backgroundColor","_Badge","_ref2","children","_ref2$emphasis","Icon","icon","_ref2$size","size","_ref2$color","testID","styledProps","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","__DEV__","trim","throwBladeError","message","moduleName","_getColorProps","badgeTextSizes","small","variant","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","metaAttribute","name","MetaConstants","Badge","getStyledProps","StyledBadge","height","makeSize","badgeHeight","textAlign","_jsxs","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","paddingRight","Boolean","iconPadding","iconSize","Text","weight","truncateAfterLines","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Badge/badgeTokens.js

@@ -1,4 +1,6 @@
-var verticalPadding={small:'spacing.0',medium:'spacing.1',large:'spacing.2'};var horizontalPadding={small:'spacing.3',medium:'spacing.3',large:'spacing.4'};var iconPadding={small:'spacing.1',medium:'spacing.2',large:'spacing.2'};var iconSize={small:'xsmall',medium:'small',large:'small'};
+import { size } from '../../tokens/global/size.js';
 
-export { horizontalPadding, iconPadding, iconSize, verticalPadding };
+var badgeHeight={small:size[16],medium:size[20],large:size[24]};var horizontalPadding={small:'spacing.3',medium:'spacing.3',large:'spacing.4'};var iconPadding={small:'spacing.1',medium:'spacing.2',large:'spacing.2'};var iconSize={small:'xsmall',medium:'small',large:'small'};
+
+export { badgeHeight, horizontalPadding, iconPadding, iconSize };
 //# sourceMappingURL=badgeTokens.js.map

package/build/lib/native/components/Badge/badgeTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"badgeTokens.js","sources":["../../../../../src/components/Badge/badgeTokens.ts"],"sourcesContent":["import type { BadgeProps } from './Badge';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { IconProps } from '~components/Icons';\n\nconst verticalPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  small: 'spacing.0',\n  medium: 'spacing.1',\n  large: 'spacing.2',\n};\n\nconst horizontalPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  small: 'spacing.3',\n  medium: 'spacing.3',\n  large: 'spacing.4',\n};\n\nconst iconPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  small: 'spacing.1',\n  medium: 'spacing.2',\n  large: 'spacing.2',\n};\n\nconst iconSize: Record<NonNullable<BadgeProps['size']>, IconProps['size']> = {\n  small: 'xsmall',\n  medium: 'small',\n  large: 'small',\n};\n\nexport { verticalPadding, horizontalPadding, iconPadding, iconSize };\n"],"names":["verticalPadding","small","medium","large","horizontalPadding","iconPadding","iconSize"],"mappings":"AAIM,IAAAA,eAAuF,CAAG,CAC9FC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAC,iBAAyF,CAAG,CAChGH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAE,WAAmF,CAAG,CAC1FJ,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAG,QAAoE,CAAG,CAC3EL,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OACT;;;;"}
+{"version":3,"file":"badgeTokens.js","sources":["../../../../../src/components/Badge/badgeTokens.ts"],"sourcesContent":["import type { BadgeProps } from './Badge';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { IconProps } from '~components/Icons';\nimport { size } from '~tokens/global/size';\n\nconst badgeHeight: Record<NonNullable<BadgeProps['size']>, number> = {\n  small: size[16],\n  medium: size[20],\n  large: size[24],\n};\n\nconst horizontalPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  small: 'spacing.3',\n  medium: 'spacing.3',\n  large: 'spacing.4',\n};\n\nconst iconPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  small: 'spacing.1',\n  medium: 'spacing.2',\n  large: 'spacing.2',\n};\n\nconst iconSize: Record<NonNullable<BadgeProps['size']>, IconProps['size']> = {\n  small: 'xsmall',\n  medium: 'small',\n  large: 'small',\n};\n\nexport { badgeHeight, horizontalPadding, iconPadding, iconSize };\n"],"names":["badgeHeight","small","size","medium","large","horizontalPadding","iconPadding","iconSize"],"mappings":";;AAKM,IAAAA,WAA4D,CAAG,CACnEC,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CAAC,CAChBE,KAAK,CAAEF,IAAI,CAAC,EAAE,CAChB,EAEM,IAAAG,iBAAyF,CAAG,CAChGJ,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAE,WAAmF,CAAG,CAC1FL,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAG,QAAoE,CAAG,CAC3EN,KAAK,CAAE,QAAQ,CACfE,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OACT;;;;"}

package/build/lib/native/components/BaseHeaderFooter/BaseHeader.js

@@ -11,7 +11,6 @@ import '../../tokens/global/motion.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import '../BladeProvider/useTheme.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Heading } from '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
 import { IconButton } from '../Button/IconButton/IconButton.js';
@@ -28,7 +27,7 @@ import { Box } from '../Box/Box.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 
-var centerBoxProps={display:'flex',alignItems:'center',justifyContent:'center',height:'28px'};var propRestrictionMap={Button:{size:'xsmall',variant:'tertiary'},Badge:{size:'medium'},Link:{size:'medium'},Text:{size:'medium',variant:'body'},Amount:{size:'body-medium'}};var useTrailingRestriction=function useTrailingRestriction(trailing){var _React$useState=React__default.useState(null),_React$useState2=_slicedToArray(_React$useState,2),validatedTrailingComponent=_React$useState2[0],setValidatedTrailingComponent=_React$useState2[1];React__default.useEffect(function(){if(React__default.isValidElement(trailing)){var trailingComponentType=getComponentId(trailing);var restrictedProps=propRestrictionMap[trailingComponentType];var allowedComponents=Object.keys(propRestrictionMap);if(__DEV__){if(!restrictedProps){throwBladeError({message:`Only one of \`${allowedComponents.join(', ')}\` component is accepted as trailing`,moduleName:'Header'});}}var restrictedPropKeys=Object.keys(propRestrictionMap[trailingComponentType]);for(var prop of restrictedPropKeys){var _trailing$props;if(trailing!=null&&(_trailing$props=trailing.props)!=null&&_trailing$props.hasOwnProperty(prop)){logger({message:`Do not pass "${prop}" to "${trailingComponentType}" while inside Header trailing, because we override it.`,moduleName:'Header',type:'warn'});}}setValidatedTrailingComponent(React__default.cloneElement(trailing,restrictedProps));}},[trailing]);return validatedTrailingComponent;};var _BaseHeader=function _BaseHeader(_ref){var title=_ref.title,subtitle=_ref.subtitle,leading=_ref.leading,titleSuffix=_ref.titleSuffix,trailing=_ref.trailing,_ref$showDivider=_ref.showDivider,showDivider=_ref$showDivider===void 0?true:_ref$showDivider,_ref$showBackButton=_ref.showBackButton,showBackButton=_ref$showBackButton===void 0?false:_ref$showBackButton,_ref$showCloseButton=_ref.showCloseButton,showCloseButton=_ref$showCloseButton===void 0?true:_ref$showCloseButton,onBackButtonClick=_ref.onBackButtonClick,onCloseButtonClick=_ref.onCloseButtonClick,closeButtonRef=_ref.closeButtonRef,testID=_ref.testID,onClickCapture=_ref.onClickCapture,onKeyDown=_ref.onKeyDown,onKeyUp=_ref.onKeyUp,onLostPointerCapture=_ref.onLostPointerCapture,onPointerCancel=_ref.onPointerCancel,onPointerDown=_ref.onPointerDown,onPointerMove=_ref.onPointerMove,onPointerUp=_ref.onPointerUp,metaComponentName=_ref.metaComponentName,children=_ref.children;var validatedTrailingComponent=useTrailingRestriction(trailing);var shouldWrapTitle=titleSuffix&&trailing&&showBackButton&&showCloseButton;var webOnlyEventHandlers=isReactNative()?{}:{onClickCapture:onClickCapture,onKeyDown:onKeyDown,onKeyUp:onKeyUp,onLostPointerCapture:onLostPointerCapture,onPointerCancel:onPointerCancel,onPointerDown:onPointerDown,onPointerMove:onPointerMove,onPointerUp:onPointerUp};return jsxs(BaseBox,Object.assign({},metaAttribute({name:metaComponentName,testID:testID}),{children:[jsxs(BaseBox,Object.assign({marginY:{base:'spacing.5',m:'spacing.6'},paddingX:{base:'spacing.5',m:'spacing.6'},touchAction:"none"},webOnlyEventHandlers,{children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",userSelect:"none",children:[showBackButton?jsx(BaseBox,{overflow:"visible",marginRight:"spacing.5",children:jsx(Box,Object.assign({},centerBoxProps,{children:jsx(IconButton,{size:"large",icon:ChevronLeftIcon,onClick:function onClick(){return onBackButtonClick==null?void 0:onBackButtonClick();},accessibilityLabel:"Back"})}))}):null,jsxs(BaseBox,{paddingRight:"spacing.5",marginRight:"auto",flex:"auto",display:"flex",flexDirection:"row",alignItems:"flex-start",children:[leading?jsx(BaseBox,Object.assign({width:"spacing.8",height:"spacing.8",marginRight:"spacing.3"},centerBoxProps,{children:leading})):null,jsxs(BaseBox,{flex:"auto",children:[jsxs(BaseBox,{maxWidth:isReactNative()&&shouldWrapTitle?'100px':undefined,flexShrink:0,display:"flex",flexDirection:"row",children:[title?jsx(Heading,{size:"small",variant:"regular",type:"normal",children:title}):null,titleSuffix&&jsx(BaseBox,{marginLeft:"spacing.3",children:jsx(Box,Object.assign({},centerBoxProps,{children:titleSuffix}))})]}),subtitle?jsx(Text,{variant:"body",size:"small",weight:"regular",type:"muted",children:subtitle}):null]})]}),validatedTrailingComponent?jsx(BaseBox,{marginRight:"spacing.5",children:jsx(Box,Object.assign({},centerBoxProps,{children:validatedTrailingComponent}))}):null,showCloseButton?jsx(Box,Object.assign({},centerBoxProps,{children:jsx(IconButton,{ref:closeButtonRef,size:"large",icon:CloseIcon,accessibilityLabel:"Close",onClick:function onClick(){return onCloseButtonClick==null?void 0:onCloseButtonClick();}})})):null]}),children]})),showDivider?jsx(Divider,{}):null]}));};var BaseHeader=assignWithoutSideEffects(_BaseHeader,{componentId:'BaseHeader'});
+var centerBoxProps={display:'flex',alignItems:'center',justifyContent:'center',height:'28px'};var propRestrictionMap={Button:{size:'xsmall',variant:'tertiary'},Badge:{size:'medium'},Link:{size:'medium'},Text:{size:'medium',variant:'body'},Amount:{type:'body',size:'medium'}};var useTrailingRestriction=function useTrailingRestriction(trailing){var _React$useState=React__default.useState(null),_React$useState2=_slicedToArray(_React$useState,2),validatedTrailingComponent=_React$useState2[0],setValidatedTrailingComponent=_React$useState2[1];React__default.useEffect(function(){if(React__default.isValidElement(trailing)){var trailingComponentType=getComponentId(trailing);var restrictedProps=propRestrictionMap[trailingComponentType];var allowedComponents=Object.keys(propRestrictionMap);if(__DEV__){if(!restrictedProps){throwBladeError({message:`Only one of \`${allowedComponents.join(', ')}\` component is accepted as trailing`,moduleName:'Header'});}}var restrictedPropKeys=Object.keys(propRestrictionMap[trailingComponentType]);for(var prop of restrictedPropKeys){var _trailing$props;if(trailing!=null&&(_trailing$props=trailing.props)!=null&&_trailing$props.hasOwnProperty(prop)){logger({message:`Do not pass "${prop}" to "${trailingComponentType}" while inside Header trailing, because we override it.`,moduleName:'Header',type:'warn'});}}setValidatedTrailingComponent(React__default.cloneElement(trailing,restrictedProps));}},[trailing]);return validatedTrailingComponent;};var _BaseHeader=function _BaseHeader(_ref){var title=_ref.title,subtitle=_ref.subtitle,leading=_ref.leading,titleSuffix=_ref.titleSuffix,trailing=_ref.trailing,_ref$showDivider=_ref.showDivider,showDivider=_ref$showDivider===void 0?true:_ref$showDivider,_ref$showBackButton=_ref.showBackButton,showBackButton=_ref$showBackButton===void 0?false:_ref$showBackButton,_ref$showCloseButton=_ref.showCloseButton,showCloseButton=_ref$showCloseButton===void 0?true:_ref$showCloseButton,onBackButtonClick=_ref.onBackButtonClick,onCloseButtonClick=_ref.onCloseButtonClick,closeButtonRef=_ref.closeButtonRef,testID=_ref.testID,onClickCapture=_ref.onClickCapture,onKeyDown=_ref.onKeyDown,onKeyUp=_ref.onKeyUp,onLostPointerCapture=_ref.onLostPointerCapture,onPointerCancel=_ref.onPointerCancel,onPointerDown=_ref.onPointerDown,onPointerMove=_ref.onPointerMove,onPointerUp=_ref.onPointerUp,metaComponentName=_ref.metaComponentName,children=_ref.children;var validatedTrailingComponent=useTrailingRestriction(trailing);var shouldWrapTitle=titleSuffix&&trailing&&showBackButton&&showCloseButton;var webOnlyEventHandlers=isReactNative()?{}:{onClickCapture:onClickCapture,onKeyDown:onKeyDown,onKeyUp:onKeyUp,onLostPointerCapture:onLostPointerCapture,onPointerCancel:onPointerCancel,onPointerDown:onPointerDown,onPointerMove:onPointerMove,onPointerUp:onPointerUp};return jsxs(BaseBox,Object.assign({},metaAttribute({name:metaComponentName,testID:testID}),{children:[jsxs(BaseBox,Object.assign({marginY:{base:'spacing.5',m:'spacing.6'},paddingX:{base:'spacing.5',m:'spacing.6'},touchAction:"none"},webOnlyEventHandlers,{children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",userSelect:"none",children:[showBackButton?jsx(BaseBox,{overflow:"visible",marginRight:"spacing.5",children:jsx(Box,Object.assign({},centerBoxProps,{children:jsx(IconButton,{size:"large",icon:ChevronLeftIcon,onClick:function onClick(){return onBackButtonClick==null?void 0:onBackButtonClick();},accessibilityLabel:"Back"})}))}):null,jsxs(BaseBox,{paddingRight:"spacing.5",marginRight:"auto",flex:"auto",display:"flex",flexDirection:"row",alignItems:"flex-start",children:[leading?jsx(BaseBox,Object.assign({width:"spacing.8",height:"spacing.8",marginRight:"spacing.3"},centerBoxProps,{children:leading})):null,jsxs(BaseBox,{flex:"auto",children:[jsxs(BaseBox,{maxWidth:isReactNative()&&shouldWrapTitle?'100px':undefined,flexShrink:0,display:"flex",flexDirection:"row",children:[title?jsx(Text,{size:"large",weight:"semibold",color:"surface.text.gray.normal",children:title}):null,titleSuffix&&jsx(BaseBox,{marginLeft:"spacing.3",children:jsx(Box,Object.assign({},centerBoxProps,{children:titleSuffix}))})]}),subtitle?jsx(Text,{variant:"body",size:"small",weight:"regular",color:"surface.text.gray.muted",children:subtitle}):null]})]}),validatedTrailingComponent?jsx(BaseBox,{marginRight:"spacing.5",children:jsx(Box,Object.assign({},centerBoxProps,{children:validatedTrailingComponent}))}):null,showCloseButton?jsx(Box,Object.assign({},centerBoxProps,{children:jsx(IconButton,{ref:closeButtonRef,size:"large",icon:CloseIcon,accessibilityLabel:"Close",onClick:function onClick(){return onCloseButtonClick==null?void 0:onCloseButtonClick();}})})):null]}),children]})),showDivider?jsx(Divider,{}):null]}));};var BaseHeader=assignWithoutSideEffects(_BaseHeader,{componentId:'BaseHeader'});
 
 export { BaseHeader };
 //# sourceMappingURL=BaseHeader.js.map

package/build/lib/native/components/BaseHeaderFooter/BaseHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseHeader.js","sources":["../../../../../src/components/BaseHeaderFooter/BaseHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Heading, Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ChevronLeftIcon, CloseIcon } from '~components/Icons';\nimport type { TestID } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\n\ntype BaseHeaderProps = {\n  title?: string;\n  subtitle?: string;\n  /**\n   * Leading part of the header placed at the left most side of the header\n   */\n  leading?: React.ReactNode;\n  /**\n   * Trailing part of the header placed at the right most side of the header\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Placed adjacent to the title text\n   */\n  titleSuffix?: React.ReactNode;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n  /**\n   * @default false\n   */\n  showBackButton?: boolean;\n  /**\n   * @default true\n   */\n  showCloseButton?: boolean;\n  onCloseButtonClick?: () => void;\n  onBackButtonClick?: () => void;\n  closeButtonRef?: React.MutableRefObject<any>;\n  metaComponentName?: string;\n  /**\n   * inner child of BottomSheetHeader. Meant to be used for AutoComplete only\n   */\n  children?: React.ReactElement;\n} & Pick<\n  ReactDOMAttributes,\n  | 'onClickCapture'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'onLostPointerCapture'\n  | 'onPointerCancel'\n  | 'onPointerDown'\n  | 'onPointerMove'\n  | 'onPointerUp'\n> &\n  TestID;\n\ntype TrailingComponents = 'Button' | 'Badge' | 'Link' | 'Text' | 'Amount';\n\nconst centerBoxProps: BoxProps = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  // We want to align title, icon, titleSuffix, trailing, closeButton to baseline\n  // But we also want to keep them center aligned to each other\n  // So we add a virtual Box around these slots with 28px and center align them to that box\n  // We have done similar thing in figma as well (which is where this 28px comes from)\n  height: '28px',\n};\n\n// prop restriction map for corresponding sub components\nconst propRestrictionMap = {\n  Button: {\n    size: 'xsmall',\n    variant: 'tertiary',\n  },\n  Badge: {\n    size: 'medium',\n  },\n  Link: {\n    size: 'medium',\n  },\n  Text: {\n    size: 'medium',\n    variant: 'body',\n  },\n  Amount: {\n    size: 'body-medium',\n  },\n} as const;\n\nconst useTrailingRestriction = (trailing: React.ReactNode): React.ReactNode => {\n  const [\n    validatedTrailingComponent,\n    setValidatedTrailingComponent,\n  ] = React.useState<React.ReactElement | null>(null);\n\n  // validate and restrict sub component props in trailing prop\n  React.useEffect(() => {\n    if (React.isValidElement(trailing)) {\n      const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n      const restrictedProps = propRestrictionMap[trailingComponentType];\n      const allowedComponents = Object.keys(propRestrictionMap);\n      if (__DEV__) {\n        if (!restrictedProps) {\n          throwBladeError({\n            message: `Only one of \\`${allowedComponents.join(\n              ', ',\n            )}\\` component is accepted as trailing`,\n            moduleName: 'Header',\n          });\n        }\n      }\n\n      const restrictedPropKeys = Object.keys(propRestrictionMap[trailingComponentType]);\n      for (const prop of restrictedPropKeys) {\n        if (trailing?.props?.hasOwnProperty(prop)) {\n          logger({\n            message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside Header trailing, because we override it.`,\n            moduleName: 'Header',\n            type: 'warn',\n          });\n        }\n      }\n      setValidatedTrailingComponent(\n        React.cloneElement(trailing as React.ReactElement, restrictedProps),\n      );\n    }\n  }, [trailing]);\n\n  return validatedTrailingComponent;\n};\n\nconst _BaseHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  showDivider = true,\n  showBackButton = false,\n  showCloseButton = true,\n  onBackButtonClick,\n  onCloseButtonClick,\n  closeButtonRef,\n  testID,\n  onClickCapture,\n  onKeyDown,\n  onKeyUp,\n  onLostPointerCapture,\n  onPointerCancel,\n  onPointerDown,\n  onPointerMove,\n  onPointerUp,\n  metaComponentName,\n  children,\n}: BaseHeaderProps): React.ReactElement => {\n  const validatedTrailingComponent = useTrailingRestriction(trailing);\n  const shouldWrapTitle = titleSuffix && trailing && showBackButton && showCloseButton;\n\n  const webOnlyEventHandlers: Record<string, any> = isReactNative()\n    ? {}\n    : {\n        onClickCapture,\n        onKeyDown,\n        onKeyUp,\n        onLostPointerCapture,\n        onPointerCancel,\n        onPointerDown,\n        onPointerMove,\n        onPointerUp,\n      };\n\n  return (\n    <BaseBox {...metaAttribute({ name: metaComponentName, testID })}>\n      <BaseBox\n        marginY={{ base: 'spacing.5', m: 'spacing.6' }}\n        paddingX={{ base: 'spacing.5', m: 'spacing.6' }}\n        touchAction=\"none\"\n        {...webOnlyEventHandlers}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" userSelect=\"none\">\n          {showBackButton ? (\n            <BaseBox overflow=\"visible\" marginRight=\"spacing.5\">\n              <Box {...centerBoxProps}>\n                <IconButton\n                  size=\"large\"\n                  icon={ChevronLeftIcon}\n                  onClick={() => onBackButtonClick?.()}\n                  accessibilityLabel=\"Back\"\n                />\n              </Box>\n            </BaseBox>\n          ) : null}\n          <BaseBox\n            paddingRight=\"spacing.5\"\n            marginRight=\"auto\"\n            flex=\"auto\"\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"flex-start\"\n          >\n            {leading ? (\n              <BaseBox\n                width=\"spacing.8\"\n                height=\"spacing.8\"\n                marginRight=\"spacing.3\"\n                {...centerBoxProps}\n              >\n                {leading}\n              </BaseBox>\n            ) : null}\n            <BaseBox flex=\"auto\">\n              <BaseBox\n                // Explicitly setting maxWidth in React Native because text is not being wrapped properly when multiple fix width components are rendered in header\n                // In web, flex containers seem to work a expected\n                // @todo: resolve this if we figure out some better solution later\n                maxWidth={isReactNative() && shouldWrapTitle ? '100px' : undefined}\n                flexShrink={0}\n                display=\"flex\"\n                flexDirection=\"row\"\n              >\n                {title ? (\n                  <Heading size=\"small\" variant=\"regular\" type=\"normal\">\n                    {title}\n                  </Heading>\n                ) : null}\n                {titleSuffix && (\n                  <BaseBox marginLeft=\"spacing.3\">\n                    <Box {...centerBoxProps}>{titleSuffix}</Box>\n                  </BaseBox>\n                )}\n              </BaseBox>\n              {subtitle ? (\n                <Text variant=\"body\" size=\"small\" weight=\"regular\" type=\"muted\">\n                  {subtitle}\n                </Text>\n              ) : null}\n            </BaseBox>\n          </BaseBox>\n          {validatedTrailingComponent ? (\n            <BaseBox marginRight=\"spacing.5\">\n              <Box {...centerBoxProps}>{validatedTrailingComponent}</Box>\n            </BaseBox>\n          ) : null}\n          {showCloseButton ? (\n            <Box {...centerBoxProps}>\n              <IconButton\n                ref={closeButtonRef}\n                size=\"large\"\n                icon={CloseIcon}\n                accessibilityLabel=\"Close\"\n                onClick={() => onCloseButtonClick?.()}\n              />\n            </Box>\n          ) : null}\n        </BaseBox>\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\n\nconst BaseHeader = assignWithoutSideEffects(_BaseHeader, {\n  componentId: 'BaseHeader',\n});\n\nexport type { BaseHeaderProps };\nexport { BaseHeader };\n"],"names":["centerBoxProps","display","alignItems","justifyContent","height","propRestrictionMap","Button","size","variant","Badge","Link","Text","Amount","useTrailingRestriction","trailing","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useEffect","isValidElement","trailingComponentType","getComponentId","restrictedProps","allowedComponents","Object","keys","__DEV__","throwBladeError","message","join","moduleName","restrictedPropKeys","prop","_trailing$props","props","hasOwnProperty","logger","type","cloneElement","_BaseHeader","_ref","title","subtitle","leading","titleSuffix","_ref$showDivider","showDivider","_ref$showBackButton","showBackButton","_ref$showCloseButton","showCloseButton","onBackButtonClick","onCloseButtonClick","closeButtonRef","testID","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","metaComponentName","children","shouldWrapTitle","webOnlyEventHandlers","isReactNative","_jsxs","BaseBox","assign","metaAttribute","name","marginY","base","m","paddingX","touchAction","flexDirection","userSelect","_jsx","overflow","marginRight","Box","IconButton","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","width","maxWidth","undefined","flexShrink","Heading","marginLeft","weight","ref","CloseIcon","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"BaseHeader.js","sources":["../../../../../src/components/BaseHeaderFooter/BaseHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ChevronLeftIcon, CloseIcon } from '~components/Icons';\nimport type { TestID } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\n\ntype BaseHeaderProps = {\n  title?: string;\n  subtitle?: string;\n  /**\n   * Leading part of the header placed at the left most side of the header\n   */\n  leading?: React.ReactNode;\n  /**\n   * Trailing part of the header placed at the right most side of the header\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Placed adjacent to the title text\n   */\n  titleSuffix?: React.ReactNode;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n  /**\n   * @default false\n   */\n  showBackButton?: boolean;\n  /**\n   * @default true\n   */\n  showCloseButton?: boolean;\n  onCloseButtonClick?: () => void;\n  onBackButtonClick?: () => void;\n  closeButtonRef?: React.MutableRefObject<any>;\n  metaComponentName?: string;\n  /**\n   * inner child of BottomSheetHeader. Meant to be used for AutoComplete only\n   */\n  children?: React.ReactElement;\n} & Pick<\n  ReactDOMAttributes,\n  | 'onClickCapture'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'onLostPointerCapture'\n  | 'onPointerCancel'\n  | 'onPointerDown'\n  | 'onPointerMove'\n  | 'onPointerUp'\n> &\n  TestID;\n\ntype TrailingComponents = 'Button' | 'Badge' | 'Link' | 'Text' | 'Amount';\n\nconst centerBoxProps: BoxProps = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  // We want to align title, icon, titleSuffix, trailing, closeButton to baseline\n  // But we also want to keep them center aligned to each other\n  // So we add a virtual Box around these slots with 28px and center align them to that box\n  // We have done similar thing in figma as well (which is where this 28px comes from)\n  height: '28px',\n};\n\n// prop restriction map for corresponding sub components\nconst propRestrictionMap = {\n  Button: {\n    size: 'xsmall',\n    variant: 'tertiary',\n  },\n  Badge: {\n    size: 'medium',\n  },\n  Link: {\n    size: 'medium',\n  },\n  Text: {\n    size: 'medium',\n    variant: 'body',\n  },\n  Amount: {\n    type: 'body',\n    size: 'medium',\n  },\n} as const;\n\nconst useTrailingRestriction = (trailing: React.ReactNode): React.ReactNode => {\n  const [\n    validatedTrailingComponent,\n    setValidatedTrailingComponent,\n  ] = React.useState<React.ReactElement | null>(null);\n\n  // validate and restrict sub component props in trailing prop\n  React.useEffect(() => {\n    if (React.isValidElement(trailing)) {\n      const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n      const restrictedProps = propRestrictionMap[trailingComponentType];\n      const allowedComponents = Object.keys(propRestrictionMap);\n      if (__DEV__) {\n        if (!restrictedProps) {\n          throwBladeError({\n            message: `Only one of \\`${allowedComponents.join(\n              ', ',\n            )}\\` component is accepted as trailing`,\n            moduleName: 'Header',\n          });\n        }\n      }\n\n      const restrictedPropKeys = Object.keys(propRestrictionMap[trailingComponentType]);\n      for (const prop of restrictedPropKeys) {\n        if (trailing?.props?.hasOwnProperty(prop)) {\n          logger({\n            message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside Header trailing, because we override it.`,\n            moduleName: 'Header',\n            type: 'warn',\n          });\n        }\n      }\n      setValidatedTrailingComponent(\n        React.cloneElement(trailing as React.ReactElement, restrictedProps),\n      );\n    }\n  }, [trailing]);\n\n  return validatedTrailingComponent;\n};\n\nconst _BaseHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  showDivider = true,\n  showBackButton = false,\n  showCloseButton = true,\n  onBackButtonClick,\n  onCloseButtonClick,\n  closeButtonRef,\n  testID,\n  onClickCapture,\n  onKeyDown,\n  onKeyUp,\n  onLostPointerCapture,\n  onPointerCancel,\n  onPointerDown,\n  onPointerMove,\n  onPointerUp,\n  metaComponentName,\n  children,\n}: BaseHeaderProps): React.ReactElement => {\n  const validatedTrailingComponent = useTrailingRestriction(trailing);\n  const shouldWrapTitle = titleSuffix && trailing && showBackButton && showCloseButton;\n\n  const webOnlyEventHandlers: Record<string, any> = isReactNative()\n    ? {}\n    : {\n        onClickCapture,\n        onKeyDown,\n        onKeyUp,\n        onLostPointerCapture,\n        onPointerCancel,\n        onPointerDown,\n        onPointerMove,\n        onPointerUp,\n      };\n\n  return (\n    <BaseBox {...metaAttribute({ name: metaComponentName, testID })}>\n      <BaseBox\n        marginY={{ base: 'spacing.5', m: 'spacing.6' }}\n        paddingX={{ base: 'spacing.5', m: 'spacing.6' }}\n        touchAction=\"none\"\n        {...webOnlyEventHandlers}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" userSelect=\"none\">\n          {showBackButton ? (\n            <BaseBox overflow=\"visible\" marginRight=\"spacing.5\">\n              <Box {...centerBoxProps}>\n                <IconButton\n                  size=\"large\"\n                  icon={ChevronLeftIcon}\n                  onClick={() => onBackButtonClick?.()}\n                  accessibilityLabel=\"Back\"\n                />\n              </Box>\n            </BaseBox>\n          ) : null}\n          <BaseBox\n            paddingRight=\"spacing.5\"\n            marginRight=\"auto\"\n            flex=\"auto\"\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"flex-start\"\n          >\n            {leading ? (\n              <BaseBox\n                width=\"spacing.8\"\n                height=\"spacing.8\"\n                marginRight=\"spacing.3\"\n                {...centerBoxProps}\n              >\n                {leading}\n              </BaseBox>\n            ) : null}\n            <BaseBox flex=\"auto\">\n              <BaseBox\n                // Explicitly setting maxWidth in React Native because text is not being wrapped properly when multiple fix width components are rendered in header\n                // In web, flex containers seem to work a expected\n                // @todo: resolve this if we figure out some better solution later\n                maxWidth={isReactNative() && shouldWrapTitle ? '100px' : undefined}\n                flexShrink={0}\n                display=\"flex\"\n                flexDirection=\"row\"\n              >\n                {title ? (\n                  <Text size=\"large\" weight=\"semibold\" color=\"surface.text.gray.normal\">\n                    {title}\n                  </Text>\n                ) : null}\n                {titleSuffix && (\n                  <BaseBox marginLeft=\"spacing.3\">\n                    <Box {...centerBoxProps}>{titleSuffix}</Box>\n                  </BaseBox>\n                )}\n              </BaseBox>\n              {subtitle ? (\n                <Text variant=\"body\" size=\"small\" weight=\"regular\" color=\"surface.text.gray.muted\">\n                  {subtitle}\n                </Text>\n              ) : null}\n            </BaseBox>\n          </BaseBox>\n          {validatedTrailingComponent ? (\n            <BaseBox marginRight=\"spacing.5\">\n              <Box {...centerBoxProps}>{validatedTrailingComponent}</Box>\n            </BaseBox>\n          ) : null}\n          {showCloseButton ? (\n            <Box {...centerBoxProps}>\n              <IconButton\n                ref={closeButtonRef}\n                size=\"large\"\n                icon={CloseIcon}\n                accessibilityLabel=\"Close\"\n                onClick={() => onCloseButtonClick?.()}\n              />\n            </Box>\n          ) : null}\n        </BaseBox>\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\n\nconst BaseHeader = assignWithoutSideEffects(_BaseHeader, {\n  componentId: 'BaseHeader',\n});\n\nexport type { BaseHeaderProps };\nexport { BaseHeader };\n"],"names":["centerBoxProps","display","alignItems","justifyContent","height","propRestrictionMap","Button","size","variant","Badge","Link","Text","Amount","type","useTrailingRestriction","trailing","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useEffect","isValidElement","trailingComponentType","getComponentId","restrictedProps","allowedComponents","Object","keys","__DEV__","throwBladeError","message","join","moduleName","restrictedPropKeys","prop","_trailing$props","props","hasOwnProperty","logger","cloneElement","_BaseHeader","_ref","title","subtitle","leading","titleSuffix","_ref$showDivider","showDivider","_ref$showBackButton","showBackButton","_ref$showCloseButton","showCloseButton","onBackButtonClick","onCloseButtonClick","closeButtonRef","testID","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","metaComponentName","children","shouldWrapTitle","webOnlyEventHandlers","isReactNative","_jsxs","BaseBox","assign","metaAttribute","name","marginY","base","m","paddingX","touchAction","flexDirection","userSelect","_jsx","overflow","marginRight","Box","IconButton","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","width","maxWidth","undefined","flexShrink","weight","color","marginLeft","ref","CloseIcon","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}

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

@@ -21,7 +21,7 @@ import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var BottomSheetSurface=styled(BaseBox)(function(_ref){var theme=_ref.theme;return {borderTopLeftRadius:makeSpace(theme.spacing[5]),borderTopRightRadius:makeSpace(theme.spacing[5]),backgroundColor:theme.colors.surface.background.level2.lowContrast,justifyContent:'center',alignItems:'center',position:'relative'};});var focusOnElement=function focusOnElement(element){var reactTag=findNodeHandle(element);if(reactTag){AccessibilityInfo.setAccessibilityFocus(reactTag);}};var _BottomSheet=function _BottomSheet(_ref2){var children=_ref2.children,_ref2$snapPoints=_ref2.snapPoints,snapPoints=_ref2$snapPoints===void 0?[0.35,0.5,0.85]:_ref2$snapPoints,isOpen=_ref2.isOpen,onDismiss=_ref2.onDismiss,initialFocusRef=_ref2.initialFocusRef;var bottomSheetAndDropdownGlue=useBottomSheetAndDropdownGlue();var defaultInitialFocusRef=React__default.useRef(null);var sheetRef=React__default.useRef(null);var _React$useState=React__default.useState(),_React$useState2=_slicedToArray(_React$useState,2),header=_React$useState2[0],setHeader=_React$useState2[1];var _React$useState3=React__default.useState(),_React$useState4=_slicedToArray(_React$useState3,2),footer=_React$useState4[0],setFooter=_React$useState4[1];var _React$useState5=React__default.useState(),_React$useState6=_slicedToArray(_React$useState5,2),body=_React$useState6[0],setBody=_React$useState6[1];var _isOpen=isOpen!=null?isOpen:bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.isOpen;var _React$useState7=React__default.useState(0),_React$useState8=_slicedToArray(_React$useState7,2),headerHeight=_React$useState8[0],setHeaderHeight=_React$useState8[1];var _React$useState9=React__default.useState(0),_React$useState10=_slicedToArray(_React$useState9,2),footerHeight=_React$useState10[0],setFooterHeight=_React$useState10[1];var _React$useState11=React__default.useState(0),_React$useState12=_slicedToArray(_React$useState11,2),contentHeight=_React$useState12[0],setContentHeight=_React$useState12[1];var _React$useState13=React__default.useState(true),_React$useState14=_slicedToArray(_React$useState13,2),hasBodyPadding=_React$useState14[0],setHasBodyPadding=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),isHeaderEmpty=_React$useState16[0],setIsHeaderEmpty=_React$useState16[1];var initialSnapPoint=React__default.useRef(0);var totalHeight=React__default.useMemo(function(){return headerHeight+footerHeight+contentHeight;},[contentHeight,footerHeight,headerHeight]);var id=useId();var _useBottomSheetStack=useBottomSheetStack(),addBottomSheetToStack=_useBottomSheetStack.addBottomSheetToStack,removeBottomSheetFromStack=_useBottomSheetStack.removeBottomSheetFromStack,getCurrentStackIndexById=_useBottomSheetStack.getCurrentStackIndexById,getTopOfTheStack=_useBottomSheetStack.getTopOfTheStack;var currentStackIndex=getCurrentStackIndexById(id);var zIndex=100-currentStackIndex;useIsomorphicLayoutEffect(function(){if(bottomSheetAndDropdownGlue!=null&&bottomSheetAndDropdownGlue.hasAutoCompleteInBottomSheetHeader){initialSnapPoint.current=2;}else {var height=Dimensions.get('window').height;var middleSnapPoint=snapPoints[1]*height;if(totalHeight>middleSnapPoint){initialSnapPoint.current=1;}}},[snapPoints,totalHeight]);var _snapPoints=React__default.useMemo(function(){return snapPoints.map(function(point){return `${point*100}%`;});},[snapPoints]);var close=React__default.useCallback(function(){onDismiss==null?void 0:onDismiss();bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.onBottomSheetDismiss();},[bottomSheetAndDropdownGlue,onDismiss]);var handleOnOpen=React__default.useCallback(function(){var _sheetRef$current;(_sheetRef$current=sheetRef.current)==null?void 0:_sheetRef$current.snapToIndex(initialSnapPoint.current);},[]);var handleOnClose=React__default.useCallback(function(){var _sheetRef$current2;(_sheetRef$current2=sheetRef.current)==null?void 0:_sheetRef$current2.close();Keyboard.dismiss();},[sheetRef]);React__default.useEffect(function(){if(_isOpen){handleOnOpen();if(!initialFocusRef){focusOnElement(defaultInitialFocusRef.current);}else {focusOnElement(initialFocusRef.current);}}else {handleOnClose();}},[_isOpen,handleOnClose,handleOnOpen,initialFocusRef]);React__default.useEffect(function(){if(!bottomSheetAndDropdownGlue)return;bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);},[bottomSheetAndDropdownGlue]);React__default.useLayoutEffect(function(){React__default.Children.forEach(children,function(child){if(getComponentId(child)===ComponentIds.BottomSheetHeader){setHeader(child);}if(getComponentId(child)===ComponentIds.BottomSheetFooter){setFooter(child);}if(getComponentId(child)===ComponentIds.BottomSheetBody){setBody(child);}});},[children]);var renderFooter=React__default.useCallback(function(props){return jsx(BottomSheetFooter,Object.assign({},props,{children:jsx(View,{onLayout:function onLayout(event){setFooterHeight(event.nativeEvent.layout.height);},children:footer})}));},[footer]);var renderBackdrop=React__default.useCallback(function(props){return jsx(BottomSheetBackdrop,Object.assign({},props,{zIndex:zIndex}));},[zIndex]);var renderHandle=React__default.useCallback(function(){return jsxs(BaseBox,{position:isHeaderEmpty?'absolute':'relative',top:"spacing.0",left:"spacing.0",right:"spacing.0",onLayout:function onLayout(_ref3){var nativeEvent=_ref3.nativeEvent;setHeaderHeight(nativeEvent.layout.height);},children:[jsx(BaseBox,{zIndex:zIndex,children:jsx(BottomSheetGrabHandle,{})}),header]});},[isHeaderEmpty,zIndex,header]);var isHeaderFloating=!hasBodyPadding&&isHeaderEmpty;var contextValue=React__default.useMemo(function(){return {isInBottomSheet:true,isOpen:Boolean(_isOpen),close:handleOnClose,positionY:0,headerHeight:headerHeight,contentHeight:contentHeight,footerHeight:footerHeight,setContentHeight:setContentHeight,setFooterHeight:setFooterHeight,setHeaderHeight:setHeaderHeight,scrollRef:function scrollRef(){},bind:{},defaultInitialFocusRef:defaultInitialFocusRef,isHeaderFloating:isHeaderFloating,setHasBodyPadding:setHasBodyPadding,setIsHeaderEmpty:setIsHeaderEmpty};},[_isOpen,contentHeight,footerHeight,handleOnClose,headerHeight,isHeaderFloating]);var dropdownProps=useDropdown();React__default.useEffect(function(){if(_isOpen){addBottomSheetToStack(id);}else {removeBottomSheetFromStack(id);}},[addBottomSheetToStack,_isOpen,id,removeBottomSheetFromStack]);React__default.useEffect(function(){var showSubscription=Keyboard.addListener('keyboardDidShow',function(){if(id&&id===getTopOfTheStack()){var _sheetRef$current3;(_sheetRef$current3=sheetRef.current)==null?void 0:_sheetRef$current3.expand();}});return function(){showSubscription.remove();};},[getTopOfTheStack,id]);return jsx(Portal,{hostName:"BladeBottomSheetPortal",children:jsx(DropdownContext.Provider,{value:dropdownProps,children:jsx(BottomSheetContext.Provider,{value:contextValue,children:jsx(GorhomBottomSheet,{style:isOpen?{shadowColor:'hsla(217,56%,17%,0.64)',shadowOffset:{width:0,height:-18},shadowOpacity:0.2,shadowRadius:12}:{},enablePanDownToClose:true,enableOverDrag:true,enableContentPanningGesture:true,ref:sheetRef,index:_isOpen?initialSnapPoint.current:-1,containerStyle:{zIndex:zIndex},animateOnMount:true,handleComponent:renderHandle,backgroundComponent:BottomSheetSurface,footerComponent:renderFooter,backdropComponent:renderBackdrop,onClose:close,snapPoints:_snapPoints,children:body})})})});};var BottomSheet=assignWithoutSideEffects(_BottomSheet,{componentId:ComponentIds.BottomSheet});
+var BottomSheetSurface=styled(BaseBox)(function(_ref){var theme=_ref.theme;return {borderTopLeftRadius:makeSpace(theme.spacing[5]),borderTopRightRadius:makeSpace(theme.spacing[5]),backgroundColor:theme.colors.popup.background.subtle,justifyContent:'center',alignItems:'center',position:'relative'};});var focusOnElement=function focusOnElement(element){var reactTag=findNodeHandle(element);if(reactTag){AccessibilityInfo.setAccessibilityFocus(reactTag);}};var _BottomSheet=function _BottomSheet(_ref2){var children=_ref2.children,_ref2$snapPoints=_ref2.snapPoints,snapPoints=_ref2$snapPoints===void 0?[0.35,0.5,0.85]:_ref2$snapPoints,isOpen=_ref2.isOpen,onDismiss=_ref2.onDismiss,initialFocusRef=_ref2.initialFocusRef;var bottomSheetAndDropdownGlue=useBottomSheetAndDropdownGlue();var defaultInitialFocusRef=React__default.useRef(null);var sheetRef=React__default.useRef(null);var _React$useState=React__default.useState(),_React$useState2=_slicedToArray(_React$useState,2),header=_React$useState2[0],setHeader=_React$useState2[1];var _React$useState3=React__default.useState(),_React$useState4=_slicedToArray(_React$useState3,2),footer=_React$useState4[0],setFooter=_React$useState4[1];var _React$useState5=React__default.useState(),_React$useState6=_slicedToArray(_React$useState5,2),body=_React$useState6[0],setBody=_React$useState6[1];var _isOpen=isOpen!=null?isOpen:bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.isOpen;var _React$useState7=React__default.useState(0),_React$useState8=_slicedToArray(_React$useState7,2),headerHeight=_React$useState8[0],setHeaderHeight=_React$useState8[1];var _React$useState9=React__default.useState(0),_React$useState10=_slicedToArray(_React$useState9,2),footerHeight=_React$useState10[0],setFooterHeight=_React$useState10[1];var _React$useState11=React__default.useState(0),_React$useState12=_slicedToArray(_React$useState11,2),contentHeight=_React$useState12[0],setContentHeight=_React$useState12[1];var _React$useState13=React__default.useState(true),_React$useState14=_slicedToArray(_React$useState13,2),hasBodyPadding=_React$useState14[0],setHasBodyPadding=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),isHeaderEmpty=_React$useState16[0],setIsHeaderEmpty=_React$useState16[1];var initialSnapPoint=React__default.useRef(0);var totalHeight=React__default.useMemo(function(){return headerHeight+footerHeight+contentHeight;},[contentHeight,footerHeight,headerHeight]);var id=useId();var _useBottomSheetStack=useBottomSheetStack(),addBottomSheetToStack=_useBottomSheetStack.addBottomSheetToStack,removeBottomSheetFromStack=_useBottomSheetStack.removeBottomSheetFromStack,getCurrentStackIndexById=_useBottomSheetStack.getCurrentStackIndexById,getTopOfTheStack=_useBottomSheetStack.getTopOfTheStack;var currentStackIndex=getCurrentStackIndexById(id);var zIndex=100-currentStackIndex;useIsomorphicLayoutEffect(function(){if(bottomSheetAndDropdownGlue!=null&&bottomSheetAndDropdownGlue.hasAutoCompleteInBottomSheetHeader){initialSnapPoint.current=2;}else {var height=Dimensions.get('window').height;var middleSnapPoint=snapPoints[1]*height;if(totalHeight>middleSnapPoint){initialSnapPoint.current=1;}}},[snapPoints,totalHeight]);var _snapPoints=React__default.useMemo(function(){return snapPoints.map(function(point){return `${point*100}%`;});},[snapPoints]);var close=React__default.useCallback(function(){onDismiss==null?void 0:onDismiss();bottomSheetAndDropdownGlue==null?void 0:bottomSheetAndDropdownGlue.onBottomSheetDismiss();},[bottomSheetAndDropdownGlue,onDismiss]);var handleOnOpen=React__default.useCallback(function(){var _sheetRef$current;(_sheetRef$current=sheetRef.current)==null?void 0:_sheetRef$current.snapToIndex(initialSnapPoint.current);},[]);var handleOnClose=React__default.useCallback(function(){var _sheetRef$current2;(_sheetRef$current2=sheetRef.current)==null?void 0:_sheetRef$current2.close();Keyboard.dismiss();},[sheetRef]);React__default.useEffect(function(){if(_isOpen){handleOnOpen();if(!initialFocusRef){focusOnElement(defaultInitialFocusRef.current);}else {focusOnElement(initialFocusRef.current);}}else {handleOnClose();}},[_isOpen,handleOnClose,handleOnOpen,initialFocusRef]);React__default.useEffect(function(){if(!bottomSheetAndDropdownGlue)return;bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);},[bottomSheetAndDropdownGlue]);React__default.useLayoutEffect(function(){React__default.Children.forEach(children,function(child){if(getComponentId(child)===ComponentIds.BottomSheetHeader){setHeader(child);}if(getComponentId(child)===ComponentIds.BottomSheetFooter){setFooter(child);}if(getComponentId(child)===ComponentIds.BottomSheetBody){setBody(child);}});},[children]);var renderFooter=React__default.useCallback(function(props){return jsx(BottomSheetFooter,Object.assign({},props,{children:jsx(View,{onLayout:function onLayout(event){setFooterHeight(event.nativeEvent.layout.height);},children:footer})}));},[footer]);var renderBackdrop=React__default.useCallback(function(props){return jsx(BottomSheetBackdrop,Object.assign({},props,{zIndex:zIndex}));},[zIndex]);var renderHandle=React__default.useCallback(function(){return jsxs(BaseBox,{position:isHeaderEmpty?'absolute':'relative',top:"spacing.0",left:"spacing.0",right:"spacing.0",onLayout:function onLayout(_ref3){var nativeEvent=_ref3.nativeEvent;setHeaderHeight(nativeEvent.layout.height);},children:[jsx(BaseBox,{zIndex:zIndex,children:jsx(BottomSheetGrabHandle,{})}),header]});},[isHeaderEmpty,zIndex,header]);var isHeaderFloating=!hasBodyPadding&&isHeaderEmpty;var contextValue=React__default.useMemo(function(){return {isInBottomSheet:true,isOpen:Boolean(_isOpen),close:handleOnClose,positionY:0,headerHeight:headerHeight,contentHeight:contentHeight,footerHeight:footerHeight,setContentHeight:setContentHeight,setFooterHeight:setFooterHeight,setHeaderHeight:setHeaderHeight,scrollRef:function scrollRef(){},bind:{},defaultInitialFocusRef:defaultInitialFocusRef,isHeaderFloating:isHeaderFloating,setHasBodyPadding:setHasBodyPadding,setIsHeaderEmpty:setIsHeaderEmpty};},[_isOpen,contentHeight,footerHeight,handleOnClose,headerHeight,isHeaderFloating]);var dropdownProps=useDropdown();React__default.useEffect(function(){if(_isOpen){addBottomSheetToStack(id);}else {removeBottomSheetFromStack(id);}},[addBottomSheetToStack,_isOpen,id,removeBottomSheetFromStack]);React__default.useEffect(function(){var showSubscription=Keyboard.addListener('keyboardDidShow',function(){if(id&&id===getTopOfTheStack()){var _sheetRef$current3;(_sheetRef$current3=sheetRef.current)==null?void 0:_sheetRef$current3.expand();}});return function(){showSubscription.remove();};},[getTopOfTheStack,id]);return jsx(Portal,{hostName:"BladeBottomSheetPortal",children:jsx(DropdownContext.Provider,{value:dropdownProps,children:jsx(BottomSheetContext.Provider,{value:contextValue,children:jsx(GorhomBottomSheet,{style:isOpen?{shadowColor:'hsla(217,56%,17%,0.64)',shadowOffset:{width:0,height:-18},shadowOpacity:0.2,shadowRadius:12}:{},enablePanDownToClose:true,enableOverDrag:true,enableContentPanningGesture:true,ref:sheetRef,index:_isOpen?initialSnapPoint.current:-1,containerStyle:{zIndex:zIndex},animateOnMount:true,handleComponent:renderHandle,backgroundComponent:BottomSheetSurface,footerComponent:renderFooter,backdropComponent:renderBackdrop,onClose:close,snapPoints:_snapPoints,children:body})})})});};var BottomSheet=assignWithoutSideEffects(_BottomSheet,{componentId:ComponentIds.BottomSheet});
 
 export { BottomSheet };
 //# sourceMappingURL=BottomSheet.native.js.map

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

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

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

@@ -9,7 +9,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import './BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 
-var BottomSheetBackdrop=function BottomSheetBackdrop(props){var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(BottomSheetBackdrop$1,Object.assign({},props,{appearsOnIndex:0,disappearsOnIndex:-1,pressBehavior:"close",opacity:1,style:[props.style,{backgroundColor:theme.colors.surface.overlay.background[800],zIndex:props.zIndex}]}));};
+var BottomSheetBackdrop=function BottomSheetBackdrop(props){var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(BottomSheetBackdrop$1,Object.assign({},props,{appearsOnIndex:0,disappearsOnIndex:-1,pressBehavior:"close",opacity:1,style:[props.style,{backgroundColor:theme.colors.overlay.background.subtle,zIndex:props.zIndex}]}));};
 
 export { BottomSheetBackdrop };
 //# sourceMappingURL=BottomSheetBackdrop.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetBackdrop.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheetBackdrop.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { BottomSheetBackdropProps } from '@gorhom/bottom-sheet';\nimport { BottomSheetBackdrop as GorhomBottomSheetBackdrop } from '@gorhom/bottom-sheet';\nimport { useTheme } from '~components/BladeProvider';\n\nconst BottomSheetBackdrop = (\n  props: BottomSheetBackdropProps & { zIndex: number },\n): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return (\n    <GorhomBottomSheetBackdrop\n      {...props}\n      appearsOnIndex={0}\n      disappearsOnIndex={-1}\n      pressBehavior=\"close\"\n      opacity={1}\n      style={[\n        props.style,\n        { backgroundColor: theme.colors.surface.overlay.background[800], zIndex: props.zIndex },\n      ]}\n    />\n  );\n};\n\nexport { BottomSheetBackdrop };\n"],"names":["BottomSheetBackdrop","props","_useTheme","useTheme","theme","_jsx","GorhomBottomSheetBackdrop","Object","assign","appearsOnIndex","disappearsOnIndex","pressBehavior","opacity","style","backgroundColor","colors","surface","overlay","background","zIndex"],"mappings":";;;;;;;;;;;AAKM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CACvBC,KAAoD,CAC7B,CACvB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,OACEC,GAAA,CAACC,qBAAyB,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACpBP,KAAK,CACTQ,CAAAA,cAAc,CAAE,CAAE,CAClBC,iBAAiB,CAAE,CAAC,CAAE,CACtBC,aAAa,CAAC,OAAO,CACrBC,OAAO,CAAE,CAAE,CACXC,KAAK,CAAE,CACLZ,KAAK,CAACY,KAAK,CACX,CAAEC,eAAe,CAAEV,KAAK,CAACW,MAAM,CAACC,OAAO,CAACC,OAAO,CAACC,UAAU,CAAC,GAAG,CAAC,CAAEC,MAAM,CAAElB,KAAK,CAACkB,MAAO,CAAC,CACvF,CACH,CAAA,CAAC,CAEN;;;;"}
+{"version":3,"file":"BottomSheetBackdrop.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheetBackdrop.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { BottomSheetBackdropProps } from '@gorhom/bottom-sheet';\nimport { BottomSheetBackdrop as GorhomBottomSheetBackdrop } from '@gorhom/bottom-sheet';\nimport { useTheme } from '~components/BladeProvider';\n\nconst BottomSheetBackdrop = (\n  props: BottomSheetBackdropProps & { zIndex: number },\n): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return (\n    <GorhomBottomSheetBackdrop\n      {...props}\n      appearsOnIndex={0}\n      disappearsOnIndex={-1}\n      pressBehavior=\"close\"\n      opacity={1}\n      style={[\n        props.style,\n        { backgroundColor: theme.colors.overlay.background.subtle, zIndex: props.zIndex },\n      ]}\n    />\n  );\n};\n\nexport { BottomSheetBackdrop };\n"],"names":["BottomSheetBackdrop","props","_useTheme","useTheme","theme","_jsx","GorhomBottomSheetBackdrop","Object","assign","appearsOnIndex","disappearsOnIndex","pressBehavior","opacity","style","backgroundColor","colors","overlay","background","subtle","zIndex"],"mappings":";;;;;;;;;;;AAKM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CACvBC,KAAoD,CAC7B,CACvB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,OACEC,GAAA,CAACC,qBAAyB,CAAAC,MAAA,CAAAC,MAAA,CACpBP,EAAAA,CAAAA,KAAK,CACTQ,CAAAA,cAAc,CAAE,CAAE,CAClBC,iBAAiB,CAAE,CAAC,CAAE,CACtBC,aAAa,CAAC,OAAO,CACrBC,OAAO,CAAE,CAAE,CACXC,KAAK,CAAE,CACLZ,KAAK,CAACY,KAAK,CACX,CAAEC,eAAe,CAAEV,KAAK,CAACW,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,MAAM,CAAEC,MAAM,CAAElB,KAAK,CAACkB,MAAO,CAAC,CACjF,CAAA,CACH,CAAC,CAEN;;;;"}

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

@@ -10,7 +10,7 @@ import '../Icons/_Svg/Svg/Svg.native.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
-import useTheme from '../BladeProvider/useTheme.js';
+import '../BladeProvider/useTheme.js';
 import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
@@ -22,7 +22,7 @@ import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
 import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 
-var BottomSheetEmptyHeader=React__default.forwardRef(function(_ref,ref){var onClickCapture=_ref.onClickCapture,onKeyDown=_ref.onKeyDown,onKeyUp=_ref.onKeyUp,onLostPointerCapture=_ref.onLostPointerCapture,onPointerCancel=_ref.onPointerCancel,onPointerDown=_ref.onPointerDown,onPointerMove=_ref.onPointerMove,onPointerUp=_ref.onPointerUp;var _useBottomSheetContex=useBottomSheetContext(),close=_useBottomSheetContex.close,isHeaderFloating=_useBottomSheetContex.isHeaderFloating;var _useTheme=useTheme(),theme=_useTheme.theme;var webOnlyEventHandlers=isReactNative()?{}:{onClickCapture:onClickCapture,onKeyDown:onKeyDown,onKeyUp:onKeyUp,onLostPointerCapture:onLostPointerCapture,onPointerCancel:onPointerCancel,onPointerDown:onPointerDown,onPointerMove:onPointerMove,onPointerUp:onPointerUp};var topOffset=isHeaderFloating?'spacing.5':undefined;if(isReactNative()){topOffset='spacing.0';}return jsx(BaseBox,Object.assign({position:isHeaderFloating?'absolute':'relative',height:makeSize(size[8]),touchAction:"none",top:topOffset,right:"spacing.0"},webOnlyEventHandlers,{children:jsx(BaseBox,{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:isHeaderFloating?'spacing.0':makeSpace(-size[4]),right:"spacing.5",width:makeSize(size[28]),height:makeSize(size[28]),flexShrink:0,backgroundColor:theme.colors.surface.background.level2.lowContrast,borderRadius:"max",zIndex:100,children:jsx(IconButton,{ref:ref,size:"large",icon:CloseIcon,accessibilityLabel:"Close",onClick:close})})}));});
+var BottomSheetEmptyHeader=React__default.forwardRef(function(_ref,ref){var onClickCapture=_ref.onClickCapture,onKeyDown=_ref.onKeyDown,onKeyUp=_ref.onKeyUp,onLostPointerCapture=_ref.onLostPointerCapture,onPointerCancel=_ref.onPointerCancel,onPointerDown=_ref.onPointerDown,onPointerMove=_ref.onPointerMove,onPointerUp=_ref.onPointerUp;var _useBottomSheetContex=useBottomSheetContext(),close=_useBottomSheetContex.close,isHeaderFloating=_useBottomSheetContex.isHeaderFloating;var webOnlyEventHandlers=isReactNative()?{}:{onClickCapture:onClickCapture,onKeyDown:onKeyDown,onKeyUp:onKeyUp,onLostPointerCapture:onLostPointerCapture,onPointerCancel:onPointerCancel,onPointerDown:onPointerDown,onPointerMove:onPointerMove,onPointerUp:onPointerUp};var topOffset=isHeaderFloating?'spacing.5':undefined;if(isReactNative()){topOffset='spacing.0';}return jsx(BaseBox,Object.assign({position:isHeaderFloating?'absolute':'relative',height:makeSize(size[8]),touchAction:"none",top:topOffset,right:"spacing.0"},webOnlyEventHandlers,{children:jsx(BaseBox,{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:isHeaderFloating?'spacing.0':makeSpace(-size[4]),right:"spacing.5",width:makeSize(size[28]),height:makeSize(size[28]),flexShrink:0,backgroundColor:"popup.background.subtle",borderRadius:"max",zIndex:100,children:jsx(IconButton,{ref:ref,size:"large",icon:CloseIcon,accessibilityLabel:"Close",onClick:close})})}));});
 
 export { BottomSheetEmptyHeader };
 //# sourceMappingURL=BottomSheetCommon.js.map