@razorpay/blade 11.6.3 → 11.8.0

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 { 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, makeSize } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { size } from '~tokens/global';\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  backButtonRef?: 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  backButtonRef,\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                  ref={backButtonRef}\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 marginRight=\"spacing.3\" {...centerBoxProps}>\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\n                    size=\"large\"\n                    marginTop={makeSize(size['1'])}\n                    weight=\"semibold\"\n                    color=\"surface.text.gray.normal\"\n                  >\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","backButtonRef","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","ref","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","maxWidth","undefined","flexShrink","marginTop","makeSize","weight","color","marginLeft","CloseIcon","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,IAAMA,cAAwB,CAAG,CAC/BC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CAKxBC,MAAM,CAAE,MACV,CAAC,CAGD,IAAMC,kBAAkB,CAAG,CACzBC,MAAM,CAAE,CACNC,IAAI,CAAE,QAAQ,CACdC,OAAO,CAAE,UACX,CAAC,CACDC,KAAK,CAAE,CACLF,IAAI,CAAE,QACR,CAAC,CACDG,IAAI,CAAE,CACJH,IAAI,CAAE,QACR,CAAC,CACDI,IAAI,CAAE,CACJJ,IAAI,CAAE,QAAQ,CACdC,OAAO,CAAE,MACX,CAAC,CACDI,MAAM,CAAE,CACNC,IAAI,CAAE,MAAM,CACZN,IAAI,CAAE,QACR,CACF,CAAU,CAEV,IAAMO,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAAIC,QAAyB,CAAsB,CAC7E,IAAAC,eAAA,CAGIC,cAAK,CAACC,QAAQ,CAA4B,IAAI,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAFjDK,CAAAA,CAAAA,CAAAA,0BAA0B,CAAAF,gBAAA,CAC1BG,CAAAA,CAAAA,CAAAA,6BAA6B,CAAAH,gBAAA,CAI/BF,CAAAA,CAAAA,CAAAA,cAAK,CAACM,SAAS,CAAC,UAAM,CACpB,GAAIN,cAAK,CAACO,cAAc,CAACT,QAAQ,CAAC,CAAE,CAClC,IAAMU,qBAAqB,CAAGC,cAAc,CAACX,QAAQ,CAAuB,CAC5E,IAAMY,eAAe,CAAGtB,kBAAkB,CAACoB,qBAAqB,CAAC,CACjE,IAAMG,iBAAiB,CAAGC,MAAM,CAACC,IAAI,CAACzB,kBAAkB,CAAC,CACzD,GAAI0B,OAAO,CAAE,CACX,GAAI,CAACJ,eAAe,CAAE,CACpBK,eAAe,CAAC,CACdC,OAAO,CAAG,CAAA,cAAA,EAAgBL,iBAAiB,CAACM,IAAI,CAC9C,IACF,CAAE,CAAqC,oCAAA,CAAA,CACvCC,UAAU,CAAE,QACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAMC,kBAAkB,CAAGP,MAAM,CAACC,IAAI,CAACzB,kBAAkB,CAACoB,qBAAqB,CAAC,CAAC,CACjF,IAAK,IAAMY,IAAI,IAAID,kBAAkB,CAAE,CAAA,IAAAE,eAAA,CACrC,GAAIvB,QAAQ,EAAAuB,IAAAA,EAAAA,CAAAA,eAAA,CAARvB,QAAQ,CAAEwB,KAAK,GAAfD,IAAAA,EAAAA,eAAA,CAAiBE,cAAc,CAACH,IAAI,CAAC,CAAE,CACzCI,MAAM,CAAC,CACLR,OAAO,CAAG,CAAeI,aAAAA,EAAAA,IAAK,CAAQZ,MAAAA,EAAAA,qBAAsB,CAAwD,uDAAA,CAAA,CACpHU,UAAU,CAAE,QAAQ,CACpBtB,IAAI,CAAE,MACR,CAAC,CAAC,CACJ,CACF,CACAS,6BAA6B,CAC3BL,cAAK,CAACyB,YAAY,CAAC3B,QAAQ,CAAwBY,eAAe,CACpE,CAAC,CACH,CACF,CAAC,CAAE,CAACZ,QAAQ,CAAC,CAAC,CAEd,OAAOM,0BAA0B,CACnC,CAAC,CAED,IAAMsB,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAwB0B,CAAA,IAvBzCC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CACPC,WAAW,CAAAJ,IAAA,CAAXI,WAAW,CACXjC,QAAQ,CAAA6B,IAAA,CAAR7B,QAAQ,CAAAkC,gBAAA,CAAAL,IAAA,CACRM,WAAW,CAAXA,WAAW,CAAAD,gBAAA,GAAG,KAAA,CAAA,CAAA,IAAI,CAAAA,gBAAA,CAAAE,mBAAA,CAAAP,IAAA,CAClBQ,cAAc,CAAdA,cAAc,CAAAD,mBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,mBAAA,CAAAE,oBAAA,CAAAT,IAAA,CACtBU,eAAe,CAAfA,eAAe,CAAAD,oBAAA,GAAG,KAAA,CAAA,CAAA,IAAI,CAAAA,oBAAA,CACtBE,iBAAiB,CAAAX,IAAA,CAAjBW,iBAAiB,CACjBC,kBAAkB,CAAAZ,IAAA,CAAlBY,kBAAkB,CAClBC,cAAc,CAAAb,IAAA,CAAda,cAAc,CACdC,aAAa,CAAAd,IAAA,CAAbc,aAAa,CACbC,MAAM,CAAAf,IAAA,CAANe,MAAM,CACNC,cAAc,CAAAhB,IAAA,CAAdgB,cAAc,CACdC,SAAS,CAAAjB,IAAA,CAATiB,SAAS,CACTC,OAAO,CAAAlB,IAAA,CAAPkB,OAAO,CACPC,oBAAoB,CAAAnB,IAAA,CAApBmB,oBAAoB,CACpBC,eAAe,CAAApB,IAAA,CAAfoB,eAAe,CACfC,aAAa,CAAArB,IAAA,CAAbqB,aAAa,CACbC,aAAa,CAAAtB,IAAA,CAAbsB,aAAa,CACbC,WAAW,CAAAvB,IAAA,CAAXuB,WAAW,CACXC,iBAAiB,CAAAxB,IAAA,CAAjBwB,iBAAiB,CACjBC,QAAQ,CAAAzB,IAAA,CAARyB,QAAQ,CAER,IAAMhD,0BAA0B,CAAGP,sBAAsB,CAACC,QAAQ,CAAC,CACnE,IAAMuD,eAAe,CAAGtB,WAAW,EAAIjC,QAAQ,EAAIqC,cAAc,EAAIE,eAAe,CAEpF,IAAMiB,oBAAyC,CAAGC,aAAa,EAAE,CAC7D,EAAE,CACF,CACEZ,cAAc,CAAdA,cAAc,CACdC,SAAS,CAATA,SAAS,CACTC,OAAO,CAAPA,OAAO,CACPC,oBAAoB,CAApBA,oBAAoB,CACpBC,eAAe,CAAfA,eAAe,CACfC,aAAa,CAAbA,aAAa,CACbC,aAAa,CAAbA,aAAa,CACbC,WAAW,CAAXA,WACF,CAAC,CAEL,OACEM,IAAA,CAACC,OAAO,CAAA7C,MAAA,CAAA8C,MAAA,CAAA,EAAA,CAAKC,aAAa,CAAC,CAAEC,IAAI,CAAET,iBAAiB,CAAET,MAAM,CAANA,MAAO,CAAC,CAAC,CAAAU,CAAAA,QAAA,CAC7DI,CAAAA,IAAA,CAACC,OAAO,CAAA7C,MAAA,CAAA8C,MAAA,CACNG,CAAAA,OAAO,CAAE,CAAEC,IAAI,CAAE,WAAW,CAAEC,CAAC,CAAE,WAAY,CAAE,CAC/CC,QAAQ,CAAE,CAAEF,IAAI,CAAE,WAAW,CAAEC,CAAC,CAAE,WAAY,CAAE,CAChDE,WAAW,CAAC,MAAM,CAAA,CACdX,oBAAoB,CAAA,CAAAF,QAAA,CAAA,CAExBI,IAAA,CAACC,OAAO,CAAA,CAACzE,OAAO,CAAC,MAAM,CAACkF,aAAa,CAAC,KAAK,CAACC,UAAU,CAAC,MAAM,CAAAf,QAAA,CAC1DjB,CAAAA,cAAc,CACbiC,GAAA,CAACX,OAAO,CAACY,CAAAA,QAAQ,CAAC,SAAS,CAACC,WAAW,CAAC,WAAW,CAAAlB,QAAA,CACjDgB,GAAA,CAACG,GAAG,CAAA3D,MAAA,CAAA8C,MAAA,IAAK3E,cAAc,CAAA,CAAAqE,QAAA,CACrBgB,GAAA,CAACI,UAAU,CAAA,CACTC,GAAG,CAAEhC,aAAc,CACnBnD,IAAI,CAAC,OAAO,CACZoF,IAAI,CAAEC,eAAgB,CACtBC,OAAO,CAAE,SAAAA,OAAAA,EAAM,CAAA,OAAAtC,iBAAiB,EAAA,IAAA,CAAA,KAAA,CAAA,CAAjBA,iBAAiB,EAAI,CAAA,CAAC,CACrCuC,kBAAkB,CAAC,MAAM,CAC1B,CAAC,CAAA,CACC,CAAC,CACC,CAAC,CACR,IAAI,CACRrB,IAAA,CAACC,OAAO,CAAA,CACNqB,YAAY,CAAC,WAAW,CACxBR,WAAW,CAAC,MAAM,CAClBS,IAAI,CAAC,MAAM,CACX/F,OAAO,CAAC,MAAM,CACdkF,aAAa,CAAC,KAAK,CACnBjF,UAAU,CAAC,YAAY,CAAAmE,QAAA,CAEtBtB,CAAAA,OAAO,CACNsC,GAAA,CAACX,OAAO,CAAA7C,MAAA,CAAA8C,MAAA,CAACY,CAAAA,WAAW,CAAC,WAAW,CAAKvF,CAAAA,cAAc,CAAAqE,CAAAA,QAAA,CAChDtB,OAAO,CACD,CAAA,CAAC,CACR,IAAI,CACR0B,IAAA,CAACC,OAAO,CAAA,CAACsB,IAAI,CAAC,MAAM,CAAA3B,QAAA,CAAA,CAClBI,IAAA,CAACC,OAAO,CAAA,CAINuB,QAAQ,CAAEzB,aAAa,EAAE,EAAIF,eAAe,CAAG,OAAO,CAAG4B,SAAU,CACnEC,UAAU,CAAE,CAAE,CACdlG,OAAO,CAAC,MAAM,CACdkF,aAAa,CAAC,KAAK,CAAAd,QAAA,CAAA,CAElBxB,KAAK,CACJwC,GAAA,CAAC1E,IAAI,CAAA,CACHJ,IAAI,CAAC,OAAO,CACZ6F,SAAS,CAAEC,QAAQ,CAAC9F,IAAI,CAAC,GAAG,CAAC,CAAE,CAC/B+F,MAAM,CAAC,UAAU,CACjBC,KAAK,CAAC,0BAA0B,CAAAlC,QAAA,CAE/BxB,KAAK,CACF,CAAC,CACL,IAAI,CACPG,WAAW,EACVqC,GAAA,CAACX,OAAO,CAAC8B,CAAAA,UAAU,CAAC,WAAW,CAAAnC,QAAA,CAC7BgB,GAAA,CAACG,GAAG,CAAA3D,MAAA,CAAA8C,MAAA,CAAK3E,EAAAA,CAAAA,cAAc,EAAAqE,QAAA,CAAGrB,WAAW,CAAA,CAAM,CAAC,CACrC,CACV,CAAA,CACM,CAAC,CACTF,QAAQ,CACPuC,GAAA,CAAC1E,IAAI,CAAA,CAACH,OAAO,CAAC,MAAM,CAACD,IAAI,CAAC,OAAO,CAAC+F,MAAM,CAAC,SAAS,CAACC,KAAK,CAAC,yBAAyB,CAAAlC,QAAA,CAC/EvB,QAAQ,CACL,CAAC,CACL,IAAI,CACD,CAAA,CAAC,CACH,CAAA,CAAC,CACTzB,0BAA0B,CACzBgE,GAAA,CAACX,OAAO,CAACa,CAAAA,WAAW,CAAC,WAAW,CAAAlB,QAAA,CAC9BgB,GAAA,CAACG,GAAG,CAAA3D,MAAA,CAAA8C,MAAA,CAAK3E,EAAAA,CAAAA,cAAc,EAAAqE,QAAA,CAAGhD,0BAA0B,CAAA,CAAM,CAAC,CACpD,CAAC,CACR,IAAI,CACPiC,eAAe,CACd+B,GAAA,CAACG,GAAG,CAAA3D,MAAA,CAAA8C,MAAA,CAAA,EAAA,CAAK3E,cAAc,CAAA,CAAAqE,QAAA,CACrBgB,GAAA,CAACI,UAAU,CAAA,CACTC,GAAG,CAAEjC,cAAe,CACpBlD,IAAI,CAAC,OAAO,CACZoF,IAAI,CAAEc,SAAU,CAChBX,kBAAkB,CAAC,OAAO,CAC1BD,OAAO,CAAE,SAAAA,OAAA,EAAA,CAAA,OAAMrC,kBAAkB,EAAlBA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,kBAAkB,EAAI,CAAC,CAAA,CACvC,CAAC,CAAA,CACC,CAAC,CACJ,IAAI,CAAA,CACD,CAAC,CACTa,QAAQ,CACF,CAAA,CAAA,CAAC,CACTnB,WAAW,CAAGmC,GAAA,CAACqB,OAAO,CAAE,EAAA,CAAC,CAAG,IAAI,CAC1B,CAAA,CAAA,CAAC,CAEd,CAAC,CAEK,IAAAC,UAAU,CAAGC,wBAAwB,CAACjE,WAAW,CAAE,CACvDkE,WAAW,CAAE,YACf,CAAC;;;;"}
+{"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, makeSize } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { size as sizeToken } from '~tokens/global';\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  /**\n   * Slot for rendering any trailing interaction element into BaseHeader.\n   *\n   * E.g. Used in accordion to render CollapsibleChevronIcon\n   */\n  trailingInteractionElement?: React.ReactNode;\n\n  /**\n   * Decides size of the Header\n   */\n  size?: 'large' | 'medium';\n  /**\n   * @default true\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Disabled state of BaseHeader\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  paddingX?: BoxProps['paddingX'];\n  marginY?: BoxProps['marginY'];\n  onCloseButtonClick?: () => void;\n  onBackButtonClick?: () => void;\n  closeButtonRef?: React.MutableRefObject<any>;\n  backButtonRef?: React.MutableRefObject<any>;\n  metaComponentName?: string;\n  /**\n   * inner child of BottomSheetHeader. Meant to be used for AutoComplete only\n   */\n  children?: React.ReactElement | 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 commonCenterBoxProps: BoxProps = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n};\n\nconst centerBoxProps: { large: BoxProps; medium: BoxProps } = {\n  large: {\n    ...commonCenterBoxProps,\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  medium: {\n    ...commonCenterBoxProps,\n    height: '20px',\n  },\n};\n\nconst sizeTokensMapping = {\n  large: {\n    title: 'large',\n  },\n  medium: {\n    title: 'medium',\n  },\n} as const;\n\n// prop restriction map for corresponding sub components\nconst propRestrictionMap = {\n  large: {\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  },\n  medium: {\n    Button: {\n      size: 'xsmall',\n      variant: 'tertiary',\n    },\n    Badge: {\n      size: 'small',\n    },\n    Link: {\n      size: 'small',\n    },\n    Text: {\n      size: 'small',\n      variant: 'body',\n    },\n    Amount: {\n      type: 'body',\n      size: 'small',\n    },\n  },\n} as const;\n\nconst useTrailingRestriction = ({\n  trailing,\n  size,\n}: {\n  size: NonNullable<BaseHeaderProps['size']>;\n  trailing: BaseHeaderProps['trailing'];\n}): 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[size][trailingComponentType];\n      const allowedComponents = Object.keys(propRestrictionMap[size]);\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[size][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, size]);\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  backButtonRef,\n  testID,\n  onClickCapture,\n  onKeyDown,\n  onKeyUp,\n  onLostPointerCapture,\n  onPointerCancel,\n  onPointerDown,\n  onPointerMove,\n  onPointerUp,\n  metaComponentName,\n  paddingX,\n  marginY,\n  size = 'large',\n  isDisabled,\n  children,\n  trailingInteractionElement,\n}: BaseHeaderProps): React.ReactElement => {\n  const validatedTrailingComponent = useTrailingRestriction({ trailing, size });\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={marginY ?? { base: 'spacing.5', m: 'spacing.6' }}\n        paddingX={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[size]}>\n                <IconButton\n                  ref={backButtonRef}\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 marginRight=\"spacing.3\" {...centerBoxProps[size]}>\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\n                    size={sizeTokensMapping[size].title}\n                    marginTop={makeSize(sizeToken['1'])}\n                    weight=\"semibold\"\n                    color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.normal'}\n                  >\n                    {title}\n                  </Text>\n                ) : null}\n                {titleSuffix && (\n                  <BaseBox marginLeft=\"spacing.3\">\n                    <Box {...centerBoxProps[size]}>{titleSuffix}</Box>\n                  </BaseBox>\n                )}\n              </BaseBox>\n              {subtitle ? (\n                <Text\n                  variant=\"body\"\n                  size=\"small\"\n                  weight=\"regular\"\n                  color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n                >\n                  {subtitle}\n                </Text>\n              ) : null}\n            </BaseBox>\n          </BaseBox>\n          {validatedTrailingComponent ? (\n            <BaseBox marginRight=\"spacing.5\">\n              <Box {...centerBoxProps[size]}>{validatedTrailingComponent}</Box>\n            </BaseBox>\n          ) : null}\n          {showCloseButton ? (\n            <Box {...centerBoxProps[size]}>\n              <IconButton\n                ref={closeButtonRef}\n                size=\"large\"\n                icon={CloseIcon}\n                accessibilityLabel=\"Close\"\n                onClick={() => onCloseButtonClick?.()}\n              />\n            </Box>\n          ) : null}\n          {trailingInteractionElement && !children ? (\n            <Box {...centerBoxProps[size]}>{trailingInteractionElement}</Box>\n          ) : null}\n        </BaseBox>\n        <BaseBox\n          display=\"flex\"\n          width=\"100%\"\n          flexDirection=\"row\"\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n        >\n          <Box>{children}</Box>\n          {trailingInteractionElement && children ? (\n            <Box alignSelf=\"flex-start\" {...centerBoxProps[size]}>\n              {trailingInteractionElement}\n            </Box>\n          ) : null}\n        </BaseBox>\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":["commonCenterBoxProps","display","alignItems","justifyContent","centerBoxProps","large","Object","assign","height","medium","sizeTokensMapping","title","propRestrictionMap","Button","size","variant","Badge","Link","Text","Amount","type","useTrailingRestriction","_ref","trailing","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useEffect","isValidElement","trailingComponentType","getComponentId","restrictedProps","allowedComponents","keys","__DEV__","throwBladeError","message","join","moduleName","restrictedPropKeys","prop","_trailing$props","props","hasOwnProperty","logger","cloneElement","_BaseHeader","_ref2","subtitle","leading","titleSuffix","_ref2$showDivider","showDivider","_ref2$showBackButton","showBackButton","_ref2$showCloseButton","showCloseButton","onBackButtonClick","onCloseButtonClick","closeButtonRef","backButtonRef","testID","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","metaComponentName","paddingX","marginY","_ref2$size","isDisabled","children","trailingInteractionElement","shouldWrapTitle","webOnlyEventHandlers","isReactNative","_jsxs","BaseBox","metaAttribute","name","base","m","touchAction","flexDirection","userSelect","_jsx","overflow","marginRight","Box","IconButton","ref","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","maxWidth","undefined","flexShrink","marginTop","makeSize","sizeToken","weight","color","marginLeft","CloseIcon","width","alignSelf","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
+import 'react';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import 'styled-components/native';
+import '@gorhom/portal';
+import 'react-native-gesture-handler';
+import useTheme from '../../BladeProvider/useTheme.js';
+import 'react-native';
+import '@babel/runtime/helpers/slicedToArray';
+import '../../BottomSheet/BottomSheetStack.js';
+import { jsx } from 'react/jsx-runtime';
+
+var AnimatedButtonContent=function AnimatedButtonContent(_ref){var motionDuration=_ref.motionDuration,motionEasing=_ref.motionEasing,children=_ref.children,isPressed=_ref.isPressed;var _useTheme=useTheme(),theme=_useTheme.theme;var duration=getIn(theme.motion,motionDuration);var easing=getIn(theme.motion,motionEasing);var animatedStyles=useAnimatedStyle(function(){return {transform:[{scale:withTiming(isPressed?0.95:1,{duration:duration,easing:easing})}]};},[isPressed]);return jsx(Animated.View,{style:animatedStyles,children:children});};
+
+export { AnimatedButtonContent as default };
+//# sourceMappingURL=AnimatedButtonContent.native.js.map

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

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

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

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

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

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

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

@@ -17,7 +17,7 @@ import '../../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["onClick","href","onBlur","onKeyDown","children","variant","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","isFullWidth","disabled","defaultBackgroundColor","defaultBorderColor","hoverBackgroundColor","focusBackgroundColor","focusRingColor","hoverBorderColor","focusBorderColor","borderWidth","borderRadius","motionDuration","motionEasing","isLoading","accessibilityProps","testID","onTouchStart","onTouchEnd","onPointerEnter","onPointerDown","onFocus"];var StyledPressable=styled(Animated.createAnimatedComponent(Pressable))(function(props){var styledPropsCSSObject=useStyledProps(props);return Object.assign({},getBaseButtonStyles(props),{alignSelf:'center',display:'flex'},styledPropsCSSObject);});var openURL=function(){var _ref=_asyncToGenerator(function*(href){try{var canOpen=yield Linking.canOpenURL(href);if(canOpen){yield Linking.openURL(href);}}catch(_unused){if(__DEV__){logger({type:'warn',message:`Could not open the link "href=${href}"`,moduleName:'BaseButton'});}}});return function openURL(_x){return _ref.apply(this,arguments);};}();var _StyledBaseButton=function _StyledBaseButton(_ref2,ref){var onClick=_ref2.onClick,href=_ref2.href;_ref2.onBlur;_ref2.onKeyDown;var _children=_ref2.children,variant=_ref2.variant,minHeight=_ref2.minHeight,buttonPaddingTop=_ref2.buttonPaddingTop,buttonPaddingBottom=_ref2.buttonPaddingBottom,buttonPaddingLeft=_ref2.buttonPaddingLeft,buttonPaddingRight=_ref2.buttonPaddingRight,isFullWidth=_ref2.isFullWidth,disabled=_ref2.disabled,defaultBackgroundColor=_ref2.defaultBackgroundColor,defaultBorderColor=_ref2.defaultBorderColor,hoverBackgroundColor=_ref2.hoverBackgroundColor,focusBackgroundColor=_ref2.focusBackgroundColor,focusRingColor=_ref2.focusRingColor,hoverBorderColor=_ref2.hoverBorderColor,focusBorderColor=_ref2.focusBorderColor,borderWidth=_ref2.borderWidth,borderRadius=_ref2.borderRadius,motionDuration=_ref2.motionDuration,motionEasing=_ref2.motionEasing,isLoading=_ref2.isLoading,accessibilityProps=_ref2.accessibilityProps,testID=_ref2.testID,onTouchStart=_ref2.onTouchStart,onTouchEnd=_ref2.onTouchEnd,onPointerEnter=_ref2.onPointerEnter,onPointerDown=_ref2.onPointerDown,onFocus=_ref2.onFocus,styledProps=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var isPressed=useSharedValue(false);var duration=getIn(theme.motion,motionDuration);var easing=getIn(theme.motion,motionEasing);var animatedStyles=useAnimatedStyle(function(){return Object.assign({backgroundColor:withTiming(isPressed.value?focusBackgroundColor:defaultBackgroundColor,{duration:duration,easing:easing})},variant!=='tertiary'&&{borderColor:withTiming(isPressed.value?focusBorderColor:defaultBorderColor,{duration:duration,easing:easing})});});var handleOnPress=function handleOnPress(event){if(href){void openURL(href);}if(onClick){onClick(event);}};return jsx(StyledPressable,Object.assign({},styledProps,accessibilityProps,{ref:ref,role:"button",onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onFocus:castNativeType(onFocus),isLoading:isLoading,onPress:handleOnPress,style:animatedStyles,minHeight:minHeight,buttonPaddingTop:buttonPaddingTop,buttonPaddingBottom:buttonPaddingBottom,buttonPaddingLeft:buttonPaddingLeft,buttonPaddingRight:buttonPaddingRight,isFullWidth:isFullWidth,disabled:disabled,defaultBackgroundColor:defaultBackgroundColor,defaultBorderColor:defaultBorderColor,hoverBackgroundColor:hoverBackgroundColor,focusBackgroundColor:focusBackgroundColor,focusRingColor:focusRingColor,hoverBorderColor:hoverBorderColor,focusBorderColor:focusBorderColor,borderWidth:borderWidth,borderRadius:borderRadius,motionDuration:motionDuration,motionEasing:motionEasing,testID:testID,children:function children(_ref3){var pressed=_ref3.pressed;isPressed.value=pressed;return _children;}}));};var StyledBaseButton=assignWithoutSideEffects(React__default.forwardRef(_StyledBaseButton),{displayName:'StyledBaseButton'});
+var _excluded=["onClick","href","onBlur","onKeyDown","children","variant","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","isFullWidth","disabled","defaultBackgroundColor","defaultBorderColor","hoverBackgroundColor","focusBackgroundColor","focusRingColor","hoverBorderColor","focusBorderColor","borderWidth","borderRadius","motionDuration","motionEasing","isLoading","accessibilityProps","testID","onTouchStart","onTouchEnd","onPointerEnter","onPointerDown","onFocus"];var StyledPressable=styled(Animated.createAnimatedComponent(Pressable))(function(props){var styledPropsCSSObject=useStyledProps(props);return Object.assign({},getBaseButtonStyles(props),{alignSelf:'center',display:'flex',flexDirection:'row'},styledPropsCSSObject);});var openURL=function(){var _ref=_asyncToGenerator(function*(href){try{var canOpen=yield Linking.canOpenURL(href);if(canOpen){yield Linking.openURL(href);}}catch(_unused){if(__DEV__){logger({type:'warn',message:`Could not open the link "href=${href}"`,moduleName:'BaseButton'});}}});return function openURL(_x){return _ref.apply(this,arguments);};}();var _StyledBaseButton=function _StyledBaseButton(_ref2,ref){var onClick=_ref2.onClick,href=_ref2.href;_ref2.onBlur;_ref2.onKeyDown;var _children=_ref2.children,variant=_ref2.variant,minHeight=_ref2.minHeight,buttonPaddingTop=_ref2.buttonPaddingTop,buttonPaddingBottom=_ref2.buttonPaddingBottom,buttonPaddingLeft=_ref2.buttonPaddingLeft,buttonPaddingRight=_ref2.buttonPaddingRight,isFullWidth=_ref2.isFullWidth,disabled=_ref2.disabled,defaultBackgroundColor=_ref2.defaultBackgroundColor,defaultBorderColor=_ref2.defaultBorderColor,hoverBackgroundColor=_ref2.hoverBackgroundColor,focusBackgroundColor=_ref2.focusBackgroundColor,focusRingColor=_ref2.focusRingColor,hoverBorderColor=_ref2.hoverBorderColor,focusBorderColor=_ref2.focusBorderColor,borderWidth=_ref2.borderWidth,borderRadius=_ref2.borderRadius,motionDuration=_ref2.motionDuration,motionEasing=_ref2.motionEasing,isLoading=_ref2.isLoading,accessibilityProps=_ref2.accessibilityProps,testID=_ref2.testID,onTouchStart=_ref2.onTouchStart,onTouchEnd=_ref2.onTouchEnd,onPointerEnter=_ref2.onPointerEnter,onPointerDown=_ref2.onPointerDown,onFocus=_ref2.onFocus,styledProps=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var isPressed=useSharedValue(false);var duration=getIn(theme.motion,motionDuration);var easing=getIn(theme.motion,motionEasing);var animatedStyles=useAnimatedStyle(function(){return Object.assign({backgroundColor:withTiming(isPressed.value?focusBackgroundColor:defaultBackgroundColor,{duration:duration,easing:easing})},variant!=='tertiary'&&{borderColor:withTiming(isPressed.value?focusBorderColor:defaultBorderColor,{duration:duration,easing:easing})});});var handleOnPress=function handleOnPress(event){if(href){void openURL(href);}if(onClick){onClick(event);}};return jsx(StyledPressable,Object.assign({},styledProps,accessibilityProps,{ref:ref,role:"button",onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onFocus:castNativeType(onFocus),isLoading:isLoading,onPress:handleOnPress,style:animatedStyles,minHeight:minHeight,buttonPaddingTop:buttonPaddingTop,buttonPaddingBottom:buttonPaddingBottom,buttonPaddingLeft:buttonPaddingLeft,buttonPaddingRight:buttonPaddingRight,isFullWidth:isFullWidth,disabled:disabled,defaultBackgroundColor:defaultBackgroundColor,defaultBorderColor:defaultBorderColor,hoverBackgroundColor:hoverBackgroundColor,focusBackgroundColor:focusBackgroundColor,focusRingColor:focusRingColor,hoverBorderColor:hoverBorderColor,focusBorderColor:focusBorderColor,borderWidth:borderWidth,borderRadius:borderRadius,motionDuration:motionDuration,motionEasing:motionEasing,testID:testID,children:function children(_ref3){var pressed=_ref3.pressed;isPressed.value=pressed;return _children;}}));};var StyledBaseButton=assignWithoutSideEffects(React__default.forwardRef(_StyledBaseButton),{displayName:'StyledBaseButton'});
 
 export { StyledBaseButton as default };
 //# sourceMappingURL=StyledBaseButton.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StyledBaseButton.native.js","sources":["../../../../../../src/components/Button/BaseButton/StyledBaseButton.native.tsx"],"sourcesContent":["import { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components/native';\nimport React from 'react';\nimport type { TextInput, GestureResponderEvent } from 'react-native';\nimport getStyledBaseButtonStyles from './getStyledBaseButtonStyles';\nimport type { StyledBaseButtonProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { logger } from '~utils/logger';\nimport { castNativeType } from '~utils';\n\nconst StyledPressable = styled(Animated.createAnimatedComponent(Pressable))<\n  Omit<StyledBaseButtonProps, 'accessibilityProps'>\n>((props) => {\n  const styledPropsCSSObject = useStyledProps(props);\n\n  return {\n    ...getStyledBaseButtonStyles(props),\n    alignSelf: 'center',\n    display: 'flex',\n    ...styledPropsCSSObject,\n  };\n});\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        type: 'warn',\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n};\n\nconst _StyledBaseButton: React.ForwardRefRenderFunction<TextInput, StyledBaseButtonProps> = (\n  {\n    onClick,\n    href,\n    onBlur,\n    onKeyDown,\n    children,\n    variant,\n    minHeight,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    isFullWidth,\n    disabled,\n    defaultBackgroundColor,\n    defaultBorderColor,\n    hoverBackgroundColor,\n    focusBackgroundColor,\n    focusRingColor,\n    hoverBorderColor,\n    focusBorderColor,\n    borderWidth,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n    isLoading,\n    accessibilityProps,\n    testID,\n    onTouchStart,\n    onTouchEnd,\n    onPointerEnter,\n    onPointerDown,\n    onFocus,\n    ...styledProps\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const isPressed = useSharedValue(false);\n  const duration = getIn(theme.motion, motionDuration);\n  const easing = getIn(theme.motion, motionEasing);\n\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      backgroundColor: withTiming(isPressed.value ? focusBackgroundColor : defaultBackgroundColor, {\n        duration,\n        easing,\n      }),\n      ...(variant !== 'tertiary' && {\n        borderColor: withTiming(isPressed.value ? focusBorderColor : defaultBorderColor, {\n          duration,\n          easing,\n        }),\n      }),\n    };\n  });\n\n  const handleOnPress = (event: GestureResponderEvent): void => {\n    if (href) {\n      void openURL(href);\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  return (\n    <StyledPressable\n      {...styledProps}\n      {...accessibilityProps}\n      ref={ref}\n      role=\"button\"\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      onPointerEnter={castNativeType(onPointerEnter)}\n      onPointerDown={castNativeType(onPointerDown)}\n      onFocus={castNativeType(onFocus)}\n      isLoading={isLoading}\n      onPress={handleOnPress}\n      style={animatedStyles}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      isFullWidth={isFullWidth}\n      disabled={disabled}\n      defaultBackgroundColor={defaultBackgroundColor}\n      defaultBorderColor={defaultBorderColor}\n      hoverBackgroundColor={hoverBackgroundColor}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBorderColor={hoverBorderColor}\n      focusBorderColor={focusBorderColor}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      testID={testID}\n    >\n      {({ pressed }): React.ReactNode => {\n        isPressed.value = pressed;\n        return children;\n      }}\n    </StyledPressable>\n  );\n};\n\nconst StyledBaseButton = assignWithoutSideEffects(React.forwardRef(_StyledBaseButton), {\n  displayName: 'StyledBaseButton',\n});\n\nexport default StyledBaseButton;\n"],"names":["StyledPressable","styled","Animated","createAnimatedComponent","Pressable","props","styledPropsCSSObject","useStyledProps","Object","assign","getStyledBaseButtonStyles","alignSelf","display","openURL","_ref","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","_StyledBaseButton","_ref2","ref","onClick","onBlur","onKeyDown","children","variant","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","isFullWidth","disabled","defaultBackgroundColor","defaultBorderColor","hoverBackgroundColor","focusBackgroundColor","focusRingColor","hoverBorderColor","focusBorderColor","borderWidth","borderRadius","motionDuration","motionEasing","isLoading","accessibilityProps","testID","onTouchStart","onTouchEnd","onPointerEnter","onPointerDown","onFocus","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","isPressed","useSharedValue","duration","getIn","motion","easing","animatedStyles","useAnimatedStyle","backgroundColor","withTiming","value","borderColor","handleOnPress","event","_jsx","role","castNativeType","onPress","style","_ref3","pressed","StyledBaseButton","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"StyledBaseButton.native.js","sources":["../../../../../../src/components/Button/BaseButton/StyledBaseButton.native.tsx"],"sourcesContent":["import { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components/native';\nimport React from 'react';\nimport type { TextInput, GestureResponderEvent } from 'react-native';\nimport getStyledBaseButtonStyles from './getStyledBaseButtonStyles';\nimport type { StyledBaseButtonProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { logger } from '~utils/logger';\nimport { castNativeType } from '~utils';\n\nconst StyledPressable = styled(Animated.createAnimatedComponent(Pressable))<\n  Omit<StyledBaseButtonProps, 'accessibilityProps'>\n>((props) => {\n  const styledPropsCSSObject = useStyledProps(props);\n\n  return {\n    ...getStyledBaseButtonStyles(props),\n    alignSelf: 'center',\n    display: 'flex',\n    flexDirection: 'row',\n    ...styledPropsCSSObject,\n  };\n});\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        type: 'warn',\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n};\n\nconst _StyledBaseButton: React.ForwardRefRenderFunction<TextInput, StyledBaseButtonProps> = (\n  {\n    onClick,\n    href,\n    onBlur,\n    onKeyDown,\n    children,\n    variant,\n    minHeight,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    isFullWidth,\n    disabled,\n    defaultBackgroundColor,\n    defaultBorderColor,\n    hoverBackgroundColor,\n    focusBackgroundColor,\n    focusRingColor,\n    hoverBorderColor,\n    focusBorderColor,\n    borderWidth,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n    isLoading,\n    accessibilityProps,\n    testID,\n    onTouchStart,\n    onTouchEnd,\n    onPointerEnter,\n    onPointerDown,\n    onFocus,\n    ...styledProps\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const isPressed = useSharedValue(false);\n  const duration = getIn(theme.motion, motionDuration);\n  const easing = getIn(theme.motion, motionEasing);\n\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      backgroundColor: withTiming(isPressed.value ? focusBackgroundColor : defaultBackgroundColor, {\n        duration,\n        easing,\n      }),\n      ...(variant !== 'tertiary' && {\n        borderColor: withTiming(isPressed.value ? focusBorderColor : defaultBorderColor, {\n          duration,\n          easing,\n        }),\n      }),\n    };\n  });\n\n  const handleOnPress = (event: GestureResponderEvent): void => {\n    if (href) {\n      void openURL(href);\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  return (\n    <StyledPressable\n      {...styledProps}\n      {...accessibilityProps}\n      ref={ref}\n      role=\"button\"\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      onPointerEnter={castNativeType(onPointerEnter)}\n      onPointerDown={castNativeType(onPointerDown)}\n      onFocus={castNativeType(onFocus)}\n      isLoading={isLoading}\n      onPress={handleOnPress}\n      style={animatedStyles}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      isFullWidth={isFullWidth}\n      disabled={disabled}\n      defaultBackgroundColor={defaultBackgroundColor}\n      defaultBorderColor={defaultBorderColor}\n      hoverBackgroundColor={hoverBackgroundColor}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBorderColor={hoverBorderColor}\n      focusBorderColor={focusBorderColor}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      testID={testID}\n    >\n      {({ pressed }): React.ReactNode => {\n        isPressed.value = pressed;\n        return children;\n      }}\n    </StyledPressable>\n  );\n};\n\nconst StyledBaseButton = assignWithoutSideEffects(React.forwardRef(_StyledBaseButton), {\n  displayName: 'StyledBaseButton',\n});\n\nexport default StyledBaseButton;\n"],"names":["StyledPressable","styled","Animated","createAnimatedComponent","Pressable","props","styledPropsCSSObject","useStyledProps","Object","assign","getStyledBaseButtonStyles","alignSelf","display","flexDirection","openURL","_ref","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","_StyledBaseButton","_ref2","ref","onClick","onBlur","onKeyDown","children","variant","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","isFullWidth","disabled","defaultBackgroundColor","defaultBorderColor","hoverBackgroundColor","focusBackgroundColor","focusRingColor","hoverBorderColor","focusBorderColor","borderWidth","borderRadius","motionDuration","motionEasing","isLoading","accessibilityProps","testID","onTouchStart","onTouchEnd","onPointerEnter","onPointerDown","onFocus","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","isPressed","useSharedValue","duration","getIn","motion","easing","animatedStyles","useAnimatedStyle","backgroundColor","withTiming","value","borderColor","handleOnPress","event","_jsx","role","castNativeType","onPress","style","_ref3","pressed","StyledBaseButton","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}

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

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

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

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

package/build/lib/native/components/ButtonGroup/ButtonGroupContext.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+var ButtonGroupContext=React__default.createContext({});ButtonGroupContext.Provider;var useButtonGroupContext=function useButtonGroupContext(){var context=React__default.useContext(ButtonGroupContext);return context;};
+
+export { useButtonGroupContext };
+//# sourceMappingURL=ButtonGroupContext.js.map

package/build/lib/native/components/ButtonGroup/ButtonGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupContext.js","sources":["../../../../../src/components/ButtonGroup/ButtonGroupContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { ButtonGroupContextType } from './types';\n\nconst ButtonGroupContext = React.createContext<ButtonGroupContextType>({});\nconst ButtonGroupProvider = ButtonGroupContext.Provider;\n\nconst useButtonGroupContext = (): ButtonGroupContextType => {\n  const context = React.useContext(ButtonGroupContext);\n  return context;\n};\n\nexport { useButtonGroupContext, ButtonGroupProvider };\n"],"names":["ButtonGroupContext","React","createContext","Provider","useButtonGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,kBAAkB,CAAGC,cAAK,CAACC,aAAa,CAAyB,EAAE,CAAC,CAC9CF,kBAAkB,CAACG,SAEzC,IAAAC,qBAAqB,CAAG,SAAxBA,qBAAqBA,EAAiC,CAC1D,IAAMC,OAAO,CAAGJ,cAAK,CAACK,UAAU,CAACN,kBAAkB,CAAC,CACpD,OAAOK,OAAO,CAChB;;;;"}

package/build/lib/native/components/Collapsible/CollapsibleBodyContent.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleBodyContent.native.js","sources":["../../../../../src/components/Collapsible/CollapsibleBodyContent.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useCallback, useEffect, useState } from 'react';\nimport styled from 'styled-components/native';\nimport Animated, {\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport type { LayoutChangeEvent } from 'react-native';\nimport { View } from 'react-native';\nimport type { CollapsibleBodyContentProps } from './types';\nimport { useCollapsible } from './CollapsibleContext';\nimport {\n  getCollapsibleBodyContentBoxProps,\n  getOpacity,\n  getTransitionDuration,\n  getTransitionEasing,\n} from './commonStyles';\nimport { nativeStyles } from './styles.native';\nimport { Box } from '~components/Box';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\n\ntype AnimatedStyledCollapsibleBodyContentProps = {\n  isExpanded: boolean;\n};\n\nconst AnimatedStyledCollapsibleBodyContent = styled(\n  Animated.View,\n)<AnimatedStyledCollapsibleBodyContentProps>(() => {\n  return {\n    overflow: 'hidden',\n  };\n});\n\nconst CollapsibleBodyContent = ({ children }: CollapsibleBodyContentProps): ReactElement => {\n  const { isExpanded, direction } = useCollapsible();\n  const { theme } = useTheme();\n\n  const opacity = useSharedValue(getOpacity({ isExpanded }));\n\n  // `undefined` implies no height restrictions which is analogous to `auto` on web\n  const height = useSharedValue(isExpanded ? undefined : 0);\n  const [layoutHeight, setLayoutHeight] = useState(0);\n\n  // Keeps track of running animation to control absolute / relative positioning and handling layout event\n  const [isAnimating, setIsAnimating] = useState(false);\n  const onAnimationComplete = useCallback((): void => {\n    // Only mark the animation complete before the next repaint, otherwise, sometimes leads to state update delays when you try to quickly toggle multiple times\n    requestAnimationFrame(() => setIsAnimating(false));\n  }, []);\n\n  const duration = castNativeType(getTransitionDuration(theme));\n  const easing = castNativeType(getTransitionEasing(theme));\n\n  useEffect(() => {\n    setIsAnimating(true);\n\n    opacity.value = withTiming(getOpacity({ isExpanded }), { duration, easing });\n    height.value = withTiming(\n      // Animates the height to the measured value\n      isExpanded && layoutHeight ? layoutHeight : 0,\n      { duration, easing },\n      (isComplete) => {\n        // Only run this if the animation ran uninterrupted, for eg collapsing the content before it expanded fully\n        if (isComplete) {\n          // The callback `onAnimationComplete` has to be declared outside this, on JS thread\n          runOnJS(onAnimationComplete)();\n        }\n      },\n    );\n  }, [isExpanded, opacity, duration, easing, height, layoutHeight, onAnimationComplete]);\n\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      opacity: opacity.value,\n      height: height.value,\n    };\n  });\n\n  /**\n   * Tracks the height of content so we can animate height to and from 0 to the content's height.\n   * **Note:** We can't animate height from 0 to auto or vice-versa.\n   */\n  const onLayout: (event: LayoutChangeEvent) => void = useCallback(\n    (event) => {\n      if (isAnimating) {\n        if (event.nativeEvent.layout.height > layoutHeight) {\n          /**\n           * During animation, we set `layoutHeight` if the native event's layout height is larger.\n           *\n           * The greater than comparison is needed because sometimes the native event's layout height is smaller than actual content height 🤯\n           * For example, this happens if you try to render a lengthy `Text` that wraps onto multiple lines.\n           * In this case the initial native event's layout height only counts height of `Text` as if it were single line.\n           * So, when the `Text` actually renders on screen and wraps, another `nativeEvent` is triggered which gives us the actual content height.\n           * `nativeEvent` is triggered multiple times during animation but we only set `layoutHeight` if the height value is greater, hence the check.\n           */\n          setLayoutHeight(event.nativeEvent.layout.height);\n        }\n      } else if (event.nativeEvent.layout.height !== layoutHeight) {\n        /**\n         * When not animating, we set `layoutHeight` anytime `nativeEvent` layout height changes.\n         * This handles userland dynamic content inside the slot.\n         */\n        setLayoutHeight(event.nativeEvent.layout.height);\n      }\n    },\n    [layoutHeight, isAnimating],\n  );\n\n  return (\n    <AnimatedStyledCollapsibleBodyContent isExpanded={isExpanded} style={animatedStyles}>\n      <View\n        onLayout={onLayout}\n        /**\n         * This View is positioned absolute in collapsed state so `onLayout` can capture the height of the content.\n         * During animation, it's positioned relative so height related animation can happen, pushing adjacent content down or up.\n         */\n        style={\n          isExpanded || isAnimating\n            ? nativeStyles.collapsibleBodyExpanded\n            : nativeStyles.collapsibleBodyCollapsed\n        }\n      >\n        <Box {...getCollapsibleBodyContentBoxProps({ direction })}>{children}</Box>\n      </View>\n    </AnimatedStyledCollapsibleBodyContent>\n  );\n};\n\nexport { CollapsibleBodyContent };\n"],"names":["AnimatedStyledCollapsibleBodyContent","styled","Animated","View","overflow","CollapsibleBodyContent","_ref","children","_useCollapsible","useCollapsible","isExpanded","direction","_useTheme","useTheme","theme","opacity","useSharedValue","getOpacity","height","undefined","_useState","useState","_useState2","_slicedToArray","layoutHeight","setLayoutHeight","_useState3","_useState4","isAnimating","setIsAnimating","onAnimationComplete","useCallback","requestAnimationFrame","duration","castNativeType","getTransitionDuration","easing","getTransitionEasing","useEffect","value","withTiming","isComplete","runOnJS","animatedStyles","useAnimatedStyle","onLayout","event","nativeEvent","layout","_jsx","style","nativeStyles","collapsibleBodyExpanded","collapsibleBodyCollapsed","Box","Object","assign","getCollapsibleBodyContentBoxProps"],"mappings":"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"}
+{"version":3,"file":"CollapsibleBodyContent.native.js","sources":["../../../../../src/components/Collapsible/CollapsibleBodyContent.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useCallback, useEffect, useState } from 'react';\nimport styled from 'styled-components/native';\nimport Animated, {\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport type { LayoutChangeEvent, ViewStyle } from 'react-native';\nimport { View } from 'react-native';\nimport type { CollapsibleBodyContentProps } from './types';\nimport { useCollapsible } from './CollapsibleContext';\nimport {\n  getCollapsibleBodyContentBoxProps,\n  getOpacity,\n  getTransitionDuration,\n  getTransitionEasing,\n} from './commonStyles';\nimport { nativeStyles } from './styles.native';\nimport { Box } from '~components/Box';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\n\ntype AnimatedStyledCollapsibleBodyContentProps = {\n  isExpanded: boolean;\n};\n\nconst AnimatedStyledCollapsibleBodyContent = styled(\n  Animated.View,\n)<AnimatedStyledCollapsibleBodyContentProps>(() => {\n  return {\n    overflow: 'hidden',\n  };\n});\n\nconst CollapsibleBodyContent = ({ children }: CollapsibleBodyContentProps): ReactElement => {\n  const { isExpanded, direction } = useCollapsible();\n  const { theme } = useTheme();\n\n  const opacity = useSharedValue(getOpacity({ isExpanded }));\n\n  // `undefined` implies no height restrictions which is analogous to `auto` on web\n  const height = useSharedValue(isExpanded ? undefined : 0);\n  const [layoutHeight, setLayoutHeight] = useState(0);\n\n  // Keeps track of running animation to control absolute / relative positioning and handling layout event\n  const [isAnimating, setIsAnimating] = useState(false);\n  const onAnimationComplete = useCallback((): void => {\n    // Only mark the animation complete before the next repaint, otherwise, sometimes leads to state update delays when you try to quickly toggle multiple times\n    requestAnimationFrame(() => setIsAnimating(false));\n  }, []);\n\n  const duration = castNativeType(getTransitionDuration(theme));\n  const easing = castNativeType(getTransitionEasing(theme));\n\n  useEffect(() => {\n    setIsAnimating(true);\n\n    opacity.value = withTiming(getOpacity({ isExpanded }), { duration, easing });\n    height.value = withTiming(\n      // Animates the height to the measured value\n      isExpanded && layoutHeight ? layoutHeight : 0,\n      { duration, easing },\n      (isComplete) => {\n        // Only run this if the animation ran uninterrupted, for eg collapsing the content before it expanded fully\n        if (isComplete) {\n          // The callback `onAnimationComplete` has to be declared outside this, on JS thread\n          runOnJS(onAnimationComplete)();\n        }\n      },\n    );\n  }, [isExpanded, opacity, duration, easing, height, layoutHeight, onAnimationComplete]);\n\n  const animatedStyles = useAnimatedStyle(\n    (): ViewStyle => {\n      return {\n        opacity: opacity.value,\n        height: height.value,\n      };\n    },\n  );\n\n  /**\n   * Tracks the height of content so we can animate height to and from 0 to the content's height.\n   * **Note:** We can't animate height from 0 to auto or vice-versa.\n   */\n  const onLayout: (event: LayoutChangeEvent) => void = useCallback(\n    (event) => {\n      if (isAnimating) {\n        if (event.nativeEvent.layout.height > layoutHeight) {\n          /**\n           * During animation, we set `layoutHeight` if the native event's layout height is larger.\n           *\n           * The greater than comparison is needed because sometimes the native event's layout height is smaller than actual content height 🤯\n           * For example, this happens if you try to render a lengthy `Text` that wraps onto multiple lines.\n           * In this case the initial native event's layout height only counts height of `Text` as if it were single line.\n           * So, when the `Text` actually renders on screen and wraps, another `nativeEvent` is triggered which gives us the actual content height.\n           * `nativeEvent` is triggered multiple times during animation but we only set `layoutHeight` if the height value is greater, hence the check.\n           */\n          setLayoutHeight(event.nativeEvent.layout.height);\n        }\n      } else if (event.nativeEvent.layout.height !== layoutHeight) {\n        /**\n         * When not animating, we set `layoutHeight` anytime `nativeEvent` layout height changes.\n         * This handles userland dynamic content inside the slot.\n         */\n        setLayoutHeight(event.nativeEvent.layout.height);\n      }\n    },\n    [layoutHeight, isAnimating],\n  );\n\n  return (\n    <AnimatedStyledCollapsibleBodyContent isExpanded={isExpanded} style={animatedStyles}>\n      <View\n        onLayout={onLayout}\n        /**\n         * This View is positioned absolute in collapsed state so `onLayout` can capture the height of the content.\n         * During animation, it's positioned relative so height related animation can happen, pushing adjacent content down or up.\n         */\n        style={\n          isExpanded || isAnimating\n            ? nativeStyles.collapsibleBodyExpanded\n            : nativeStyles.collapsibleBodyCollapsed\n        }\n      >\n        <Box {...getCollapsibleBodyContentBoxProps({ direction })}>{children}</Box>\n      </View>\n    </AnimatedStyledCollapsibleBodyContent>\n  );\n};\n\nexport { CollapsibleBodyContent };\n"],"names":["AnimatedStyledCollapsibleBodyContent","styled","Animated","View","overflow","CollapsibleBodyContent","_ref","children","_useCollapsible","useCollapsible","isExpanded","direction","_useTheme","useTheme","theme","opacity","useSharedValue","getOpacity","height","undefined","_useState","useState","_useState2","_slicedToArray","layoutHeight","setLayoutHeight","_useState3","_useState4","isAnimating","setIsAnimating","onAnimationComplete","useCallback","requestAnimationFrame","duration","castNativeType","getTransitionDuration","easing","getTransitionEasing","useEffect","value","withTiming","isComplete","runOnJS","animatedStyles","useAnimatedStyle","onLayout","event","nativeEvent","layout","_jsx","style","nativeStyles","collapsibleBodyExpanded","collapsibleBodyCollapsed","Box","Object","assign","getCollapsibleBodyContentBoxProps"],"mappings":"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"}