npm - @razorpay/blade - Versions diffs - 12.67.0 → 12.89.0 - Mend

@razorpay/blade 12.67.0 → 12.89.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4004) hide show

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

	@@ -1 +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 type { DividerProps } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Heading, Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ChevronLeftIcon, CloseIcon } from '~components/Icons';\nimport type { DataAnalyticsAttribute, TestID, ElementTiming } 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';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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?: 'xlarge' \| '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 marginTop?: BoxProps['marginTop'];\n marginBottom?: BoxProps['marginBottom'];\n alignItems?: BoxProps['alignItems'];\n dividerProps?: DividerProps;\n\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 /\n Background image of the header\n \n You can use this for adding gradients.\n /\n backgroundImage?: BoxProps['backgroundImage'];\n /\n So we add a wrapper with custom styles in elements like leading, trailing interaction elements and trailing.\n * this props allows you to control that.\n \n For example, in Accordion, we add a wrapper with flex to center the icon (in some cases)\n \n @default false\n */\n shouldAlignLeadingAndTrailingElementsToCenter?: boolean;\n} & Pick<\n ReactDOMAttributes,\n \| 'onClickCapture'\n \| 'onKeyDown'\n \| 'onKeyUp'\n \| 'onLostPointerCapture'\n \| 'onPointerCancel'\n \| 'onPointerDown'\n \| 'onPointerMove'\n \| 'onPointerUp'\n> &\n TestID &\n ElementTiming &\n DataAnalyticsAttribute;\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: { xlarge: BoxProps; large: BoxProps; medium: BoxProps } = {\n xlarge: {\n ...commonCenterBoxProps,\n height: '28px',\n },\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 absolutePositionedButton = {\n position: 'absolute',\n top: 'spacing.0',\n right: 'spacing.0',\n} as const;\n\nconst sizeTokensMapping = {\n xlarge: {\n title: 'small',\n type: 'heading',\n },\n large: {\n title: 'large',\n type: 'text',\n },\n medium: {\n title: 'medium',\n type: 'text',\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 IconButton: {\n size: 'large',\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 xlarge: {\n Button: {\n size: 'xsmall',\n variant: 'tertiary',\n },\n IconButton: {\n size: 'large',\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 IconButton: {\n size: 'large',\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\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 marginBottom,\n marginTop,\n size = 'large',\n isDisabled,\n children,\n trailingInteractionElement,\n backgroundImage,\n alignItems = 'flex-start',\n dividerProps,\n shouldAlignLeadingAndTrailingElementsToCenter = false,\n ...rest\n}: BaseHeaderProps): React.ReactElement => {\n const validatedTrailingComponent = useTrailingRestriction({ trailing, size });\n const shouldWrapTitle = titleSuffix && trailing && showBackButton && showCloseButton;\n const hasOnlyChildren = children && !(title \|\| subtitle \|\| titleSuffix \|\| leading);\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 const renderTrailingInteractionElementWithChildren = (): React.ReactNode => {\n if (trailingInteractionElement && children) {\n return (\n <Box\n alignSelf={shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : 'flex-start'}\n {...centerBoxProps[size]}\n >\n {trailingInteractionElement}\n </Box>\n );\n }\n return null;\n };\n\n const renderTrailingInteractionElementWithoutChildren = (): React.ReactNode => {\n if (trailingInteractionElement && !children) {\n return (\n <Box\n {...centerBoxProps[size]}\n alignSelf={shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : undefined}\n >\n {trailingInteractionElement}\n </Box>\n );\n }\n return null;\n };\n\n const renderLeadingElement = (): React.ReactNode => {\n if (Boolean(leading)) {\n return (\n <BaseBox\n marginRight=\"spacing.3\"\n {...centerBoxProps[size]}\n alignSelf={shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : undefined}\n >\n {leading}\n </BaseBox>\n );\n }\n return null;\n };\n\n const renderTrailingElement = (): React.ReactNode => {\n if (shouldAlignLeadingAndTrailingElementsToCenter && validatedTrailingComponent) {\n return (\n <BaseBox marginRight=\"spacing.5\" display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\n <Box {...centerBoxProps[size]}>{validatedTrailingComponent}</Box>\n </BaseBox>\n );\n }\n if (validatedTrailingComponent) {\n return (\n <BaseBox marginRight=\"spacing.5\">\n <Box {...centerBoxProps[size]}>{validatedTrailingComponent}</Box>\n </BaseBox>\n );\n }\n return null;\n };\n\n return (\n <BaseBox\n {...metaAttribute({ name: metaComponentName, testID })}\n {...makeAnalyticsAttribute(rest)}\n backgroundImage={backgroundImage}\n >\n <BaseBox\n marginY={marginY ?? { base: 'spacing.5', m: 'spacing.6' }}\n paddingX={paddingX ?? { base: 'spacing.5', m: 'spacing.6' }}\n marginTop={marginTop}\n marginBottom={marginBottom}\n touchAction=\"none\"\n {...webOnlyEventHandlers}\n >\n <BaseBox position=\"relative\" 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 {hasOnlyChildren ? null : (\n <BaseBox\n paddingRight=\"spacing.5\"\n marginRight=\"auto\"\n flex=\"auto\"\n display=\"flex\"\n flexDirection=\"row\"\n alignItems={alignItems}\n >\n {renderLeadingElement()}\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 sizeTokensMapping[size].type === 'heading' ? (\n <Heading\n as=\"h2\"\n marginTop={makeSize(sizeToken['1'])}\n size={sizeTokensMapping[size].title}\n weight=\"semibold\"\n color={\n isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.normal'\n }\n wordBreak=\"break-word\"\n >\n {title}\n </Heading>\n ) : (\n <Text\n size={sizeTokensMapping[size].title}\n marginTop={makeSize(sizeToken['1'])}\n weight=\"semibold\"\n color={\n isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.normal'\n }\n wordBreak=\"break-word\"\n >\n {title}\n </Text>\n )\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 )}\n {renderTrailingElement()}\n\n {showCloseButton ? (\n <Box {...(hasOnlyChildren ? absolutePositionedButton : 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 {renderTrailingInteractionElementWithoutChildren()}\n </BaseBox>\n <BaseBox\n display=\"flex\"\n width=\"100%\"\n flexDirection=\"row\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n >\n <Box width=\"100%\">{children}</Box>\n {renderTrailingInteractionElementWithChildren()}\n </BaseBox>\n </BaseBox>\n {showDivider ? <Divider {...dividerProps} /> : 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","xlarge","Object","assign","height","large","medium","absolutePositionedButton","position","top","right","sizeTokensMapping","title","type","propRestrictionMap","Button","size","variant","IconButton","Badge","Link","Text","Amount","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","marginBottom","marginTop","_ref2$size","isDisabled","children","trailingInteractionElement","backgroundImage","_ref2$alignItems","dividerProps","_ref2$shouldAlignLead","shouldAlignLeadingAndTrailingElementsToCenter","rest","_objectWithoutProperties","_excluded","shouldWrapTitle","hasOnlyChildren","webOnlyEventHandlers","isReactNative","renderTrailingInteractionElementWithChildren","_jsx","Box","alignSelf","renderTrailingInteractionElementWithoutChildren","undefined","renderLeadingElement","Boolean","BaseBox","marginRight","renderTrailingElement","_jsxs","metaAttribute","name","makeAnalyticsAttribute","base","m","touchAction","flexDirection","userSelect","overflow","ref","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","maxWidth","flexShrink","Heading","as","makeSize","sizeToken","weight","color","wordBreak","marginLeft","CloseIcon","width","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}
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 type { DividerProps } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Heading, Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ChevronLeftIcon, CloseIcon } from '~components/Icons';\nimport type { DataAnalyticsAttribute, TestID, ElementTiming } 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';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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?: 'xlarge' \| '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 marginTop?: BoxProps['marginTop'];\n marginBottom?: BoxProps['marginBottom'];\n alignItems?: BoxProps['alignItems'];\n dividerProps?: DividerProps;\n\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 /\n Background image of the header\n \n You can use this for adding gradients.\n /\n backgroundImage?: BoxProps['backgroundImage'];\n /\n So we add a wrapper with custom styles in elements like leading, trailing interaction elements and trailing.\n * this props allows you to control that.\n \n For example, in Accordion, we add a wrapper with flex to center the icon (in some cases)\n \n @default false\n */\n shouldAlignLeadingAndTrailingElementsToCenter?: boolean;\n} & Pick<\n ReactDOMAttributes,\n \| 'onClickCapture'\n \| 'onKeyDown'\n \| 'onKeyUp'\n \| 'onLostPointerCapture'\n \| 'onPointerCancel'\n \| 'onPointerDown'\n \| 'onPointerMove'\n \| 'onPointerUp'\n> &\n TestID &\n ElementTiming &\n DataAnalyticsAttribute;\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: { xlarge: BoxProps; large: BoxProps; medium: BoxProps } = {\n xlarge: {\n ...commonCenterBoxProps,\n height: '28px',\n },\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 absolutePositionedButton = {\n position: 'absolute',\n top: 'spacing.0',\n right: 'spacing.0',\n} as const;\n\nconst sizeTokensMapping = {\n xlarge: {\n title: 'small',\n type: 'heading',\n },\n large: {\n title: 'large',\n type: 'text',\n },\n medium: {\n title: 'medium',\n type: 'text',\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 IconButton: {\n size: 'large',\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 xlarge: {\n Button: {\n size: 'xsmall',\n variant: 'tertiary',\n },\n IconButton: {\n size: 'large',\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 IconButton: {\n size: 'large',\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\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 marginBottom,\n marginTop,\n size = 'large',\n isDisabled,\n children,\n trailingInteractionElement,\n backgroundImage,\n alignItems = 'flex-start',\n dividerProps,\n shouldAlignLeadingAndTrailingElementsToCenter = false,\n ...rest\n}: BaseHeaderProps): React.ReactElement => {\n const validatedTrailingComponent = useTrailingRestriction({ trailing, size });\n const shouldWrapTitle = titleSuffix && trailing && showBackButton && showCloseButton;\n const hasOnlyChildren = children && !(title \|\| subtitle \|\| titleSuffix \|\| leading);\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 const renderTrailingInteractionElementWithChildren = (): React.ReactNode => {\n if (trailingInteractionElement && children) {\n return (\n <Box\n alignSelf={shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : 'flex-start'}\n {...centerBoxProps[size]}\n >\n {trailingInteractionElement}\n </Box>\n );\n }\n return null;\n };\n\n const renderTrailingInteractionElementWithoutChildren = (): React.ReactNode => {\n if (trailingInteractionElement && !children) {\n return (\n <Box\n {...centerBoxProps[size]}\n alignSelf={shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : undefined}\n >\n {trailingInteractionElement}\n </Box>\n );\n }\n return null;\n };\n\n const renderLeadingElement = (): React.ReactNode => {\n if (Boolean(leading)) {\n return (\n <BaseBox\n marginRight=\"spacing.3\"\n {...centerBoxProps[size]}\n alignSelf={shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : undefined}\n >\n {leading}\n </BaseBox>\n );\n }\n return null;\n };\n\n const renderTrailingElement = (): React.ReactNode => {\n if (shouldAlignLeadingAndTrailingElementsToCenter && validatedTrailingComponent) {\n return (\n <BaseBox marginRight=\"spacing.5\" display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\n <Box {...centerBoxProps[size]}>{validatedTrailingComponent}</Box>\n </BaseBox>\n );\n }\n if (validatedTrailingComponent) {\n return (\n <BaseBox marginRight=\"spacing.5\">\n <Box {...centerBoxProps[size]}>{validatedTrailingComponent}</Box>\n </BaseBox>\n );\n }\n return null;\n };\n\n return (\n <BaseBox\n {...metaAttribute({ name: metaComponentName, testID })}\n {...makeAnalyticsAttribute(rest)}\n backgroundImage={backgroundImage}\n >\n <BaseBox\n marginY={marginY ?? { base: 'spacing.5', m: 'spacing.6' }}\n paddingX={paddingX ?? { base: 'spacing.5', m: 'spacing.6' }}\n marginTop={marginTop}\n marginBottom={marginBottom}\n touchAction=\"none\"\n {...webOnlyEventHandlers}\n >\n <BaseBox position=\"relative\" 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 {hasOnlyChildren ? null : (\n <BaseBox\n paddingRight=\"spacing.5\"\n marginRight=\"auto\"\n flex=\"auto\"\n display=\"flex\"\n flexDirection=\"row\"\n alignItems={alignItems}\n >\n {renderLeadingElement()}\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 sizeTokensMapping[size].type === 'heading' ? (\n <Heading\n as=\"h2\"\n marginTop={makeSize(sizeToken['1'])}\n size={sizeTokensMapping[size].title}\n weight=\"semibold\"\n color={\n isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.normal'\n }\n wordBreak=\"break-word\"\n >\n {title}\n </Heading>\n ) : (\n <Text\n size={sizeTokensMapping[size].title}\n marginTop={makeSize(sizeToken['1'])}\n weight=\"semibold\"\n color={\n isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.normal'\n }\n wordBreak=\"break-word\"\n >\n {title}\n </Text>\n )\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 )}\n {renderTrailingElement()}\n\n {showCloseButton ? (\n <Box {...(hasOnlyChildren ? absolutePositionedButton : 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 {renderTrailingInteractionElementWithoutChildren()}\n </BaseBox>\n <BaseBox\n display=\"flex\"\n width=\"100%\"\n flexDirection=\"row\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n >\n <Box width=\"100%\">{children}</Box>\n {renderTrailingInteractionElementWithChildren()}\n </BaseBox>\n </BaseBox>\n {showDivider ? <Divider {...dividerProps} /> : 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","xlarge","Object","assign","height","large","medium","absolutePositionedButton","position","top","right","sizeTokensMapping","title","type","propRestrictionMap","Button","size","variant","IconButton","Badge","Link","Text","Amount","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","marginBottom","marginTop","_ref2$size","isDisabled","children","trailingInteractionElement","backgroundImage","_ref2$alignItems","dividerProps","_ref2$shouldAlignLead","shouldAlignLeadingAndTrailingElementsToCenter","rest","_objectWithoutProperties","_excluded","shouldWrapTitle","hasOnlyChildren","webOnlyEventHandlers","isReactNative","renderTrailingInteractionElementWithChildren","_jsx","Box","alignSelf","renderTrailingInteractionElementWithoutChildren","undefined","renderLeadingElement","Boolean","BaseBox","marginRight","renderTrailingElement","_jsxs","metaAttribute","name","makeAnalyticsAttribute","base","m","touchAction","flexDirection","userSelect","overflow","ref","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","maxWidth","flexShrink","Heading","as","makeSize","sizeToken","weight","color","wordBreak","marginLeft","CloseIcon","width","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/BaseMenu/BaseMenuItem/BaseMenuItem.js CHANGED Viewed

@@ -14,6 +14,8 @@ import { useTruncationTitle } from '../../../utils/useTruncationTitle/useTruncat
 import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import '../../BladeProvider/useTheme.js';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/build/lib/native/components/BaseMenu/BaseMenuItem/BaseMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { itemFirstRowHeight } from './tokens';\nimport { Box } from '~components/Box';\nimport { getTextProps, Text } from '~components/Typography';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\nimport { makeSize } from '~utils';\n\nconst menuItemTitleColor = {\n negative: {\n default: 'feedback.text.negative.intense',\n disabled: 'interactive.text.gray.disabled',\n },\n normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n default: 'interactive.text.gray.muted',\n disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n {\n title,\n description,\n as,\n leading,\n trailing,\n titleSuffix,\n isDisabled,\n selectionType = 'single',\n isSelected,\n isVisible = true,\n color,\n role = 'menuitem',\n children,\n ...props\n },\n ref,\n): React.ReactElement => {\n const { containerRef, textRef } = useTruncationTitle({ content: title });\n return (\n <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n <StyledMenuItemContainer\n ref={ref as never}\n as={as}\n type=\"button\"\n disabled={isDisabled}\n {...makeAccessible({\n role,\n current: role === 'menuitem' \|\| role === 'menuitemcheckbox' ? isSelected : undefined,\n disabled: isDisabled,\n selected: isSelected,\n })}\n color={color}\n isVisible={isVisible}\n isSelected={isSelected}\n isDisabled={isDisabled}\n selectionType={selectionType}\n {...props}\n >\n {children ? (\n children\n ) : (\n <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"flex-start\">\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n height={makeSize(itemFirstRowHeight)}\n >\n {leading}\n </Box>\n <Box\n paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n paddingRight=\"spacing.3\"\n display=\"flex\"\n flexDirection=\"column\"\n >\n <Box\n display=\"flex\"\n alignItems=\"center\"\n flexDirection=\"row\"\n height={makeSize(itemFirstRowHeight)}\n ref={containerRef as never}\n >\n <BaseText\n as=\"p\"\n ref={textRef as never}\n truncateAfterLines={1}\n wordBreak=\"break-all\"\n {...getTextProps({\n size: 'medium',\n color:\n menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n isDisabled ? 'disabled' : 'default'\n ],\n weight: 'regular',\n })}\n >\n {title}\n </BaseText>\n {titleSuffix}\n </Box>\n <Box>\n {description ? (\n <Text\n color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n size=\"small\"\n >\n {description}\n </Text>\n ) : null}\n </Box>\n </Box>\n <Box marginLeft=\"auto\">{trailing}</Box>\n </Box>\n )}\n </StyledMenuItemContainer>\n </BaseMenuItemContext.Provider>\n );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","default","disabled","normal","menuItemDescriptionColor","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","Object","assign","type","makeAccessible","current","undefined","selected","_jsxs","Box","display","alignItems","width","justifyContent","height","makeSize","itemFirstRowHeight","paddingLeft","paddingRight","flexDirection","BaseText","truncateAfterLines","wordBreak","getTextProps","size","weight","Text","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"~~;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { itemFirstRowHeight } from './tokens';\nimport { Box } from '~components/Box';\nimport { getTextProps, Text } from '~components/Typography';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\nimport { makeSize } from '~utils';\n\nconst menuItemTitleColor = {\n negative: {\n default: 'feedback.text.negative.intense',\n disabled: 'interactive.text.gray.disabled',\n },\n normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n default: 'interactive.text.gray.muted',\n disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n {\n title,\n description,\n as,\n leading,\n trailing,\n titleSuffix,\n isDisabled,\n selectionType = 'single',\n isSelected,\n isVisible = true,\n color,\n role = 'menuitem',\n children,\n ...props\n },\n ref,\n): React.ReactElement => {\n const { containerRef, textRef } = useTruncationTitle({ content: title });\n return (\n <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n <StyledMenuItemContainer\n ref={ref as never}\n as={as}\n type=\"button\"\n disabled={isDisabled}\n {...makeAccessible({\n role,\n current: role === 'menuitem' \|\| role === 'menuitemcheckbox' ? isSelected : undefined,\n disabled: isDisabled,\n selected: isSelected,\n })}\n color={color}\n isVisible={isVisible}\n isSelected={isSelected}\n isDisabled={isDisabled}\n selectionType={selectionType}\n {...props}\n >\n {children ? (\n children\n ) : (\n <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"flex-start\">\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n height={makeSize(itemFirstRowHeight)}\n >\n {leading}\n </Box>\n <Box\n paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n paddingRight=\"spacing.3\"\n display=\"flex\"\n flexDirection=\"column\"\n >\n <Box\n display=\"flex\"\n alignItems=\"center\"\n flexDirection=\"row\"\n height={makeSize(itemFirstRowHeight)}\n ref={containerRef as never}\n >\n <BaseText\n as=\"p\"\n ref={textRef as never}\n truncateAfterLines={1}\n wordBreak=\"break-all\"\n {...getTextProps({\n size: 'medium',\n color:\n menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n isDisabled ? 'disabled' : 'default'\n ],\n weight: 'regular',\n })}\n >\n {title}\n </BaseText>\n {titleSuffix}\n </Box>\n <Box>\n {description ? (\n <Text\n color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n size=\"small\"\n >\n {description}\n </Text>\n ) : null}\n </Box>\n </Box>\n <Box marginLeft=\"auto\">{trailing}</Box>\n </Box>\n )}\n </StyledMenuItemContainer>\n </BaseMenuItemContext.Provider>\n );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","default","disabled","normal","menuItemDescriptionColor","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","Object","assign","type","makeAccessible","current","undefined","selected","_jsxs","Box","display","alignItems","width","justifyContent","height","makeSize","itemFirstRowHeight","paddingLeft","paddingRight","flexDirection","BaseText","truncateAfterLines","wordBreak","getTextProps","size","weight","Text","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"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"}

package/build/lib/native/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.native.js CHANGED Viewed

@@ -4,6 +4,8 @@ import { getBaseMenuItemStyles } from './getBaseMenuItemStyles.js';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import '../../BladeProvider/useTheme.js';
 var StyledMenuItemContainer=styled(TouchableOpacity)(function(props){return Object.assign({},getBaseMenuItemStyles({theme:props.theme}),{padding:makeSize(props.theme.spacing[3]),display:props.isVisible?'flex':'none',backgroundColor:props.isSelected&&props.selectionType==='single'?props.theme.colors.interactive.background.primary.faded:undefined});});

package/build/lib/native/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StyledMenuItemContainer.native.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.native.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TouchableOpacity } from 'react-native';\nimport type { StyledBaseMenuItemContainerProps } from '../types';\nimport { getBaseMenuItemStyles } from './getBaseMenuItemStyles';\nimport { makeSize } from '~utils';\n\nconst StyledMenuItemContainer = styled(TouchableOpacity)<StyledBaseMenuItemContainerProps>(\n (props) => {\n return {\n ...getBaseMenuItemStyles({ theme: props.theme }),\n padding: makeSize(props.theme.spacing[3]),\n display: props.isVisible ? 'flex' : 'none',\n // React Native specific styles\n backgroundColor:\n props.isSelected && props.selectionType === 'single'\n ? props.theme.colors.interactive.background.primary.faded\n : undefined,\n };\n },\n);\n\nexport { StyledMenuItemContainer };\n"],"names":["StyledMenuItemContainer","styled","TouchableOpacity","props","Object","assign","getBaseMenuItemStyles","theme","padding","makeSize","spacing","display","isVisible","backgroundColor","isSelected","selectionType","colors","interactive","background","primary","faded","undefined"],"mappings":"~~;;;;;;;;~~AAMM,IAAAA,uBAAuB,CAAGC,MAAM,CAACC,gBAAgB,CAAC,CACtD,SAACC,KAAK,CAAK,CACT,OAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,qBAAqB,CAAC,CAAEC,KAAK,CAAEJ,KAAK,CAACI,KAAM,CAAC,CAAC,EAChDC,OAAO,CAAEC,QAAQ,CAACN,KAAK,CAACI,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC,CAAC,CACzCC,OAAO,CAAER,KAAK,CAACS,SAAS,CAAG,MAAM,CAAG,MAAM,CAE1CC,eAAe,CACbV,KAAK,CAACW,UAAU,EAAIX,KAAK,CAACY,aAAa,GAAK,QAAQ,CAChDZ,KAAK,CAACI,KAAK,CAACS,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,OAAO,CAACC,KAAK,CACvDC,SAAS,GAEnB,CACF;;;;"}
1	+ {"version":3,"file":"StyledMenuItemContainer.native.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.native.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TouchableOpacity } from 'react-native';\nimport type { StyledBaseMenuItemContainerProps } from '../types';\nimport { getBaseMenuItemStyles } from './getBaseMenuItemStyles';\nimport { makeSize } from '~utils';\n\nconst StyledMenuItemContainer = styled(TouchableOpacity)<StyledBaseMenuItemContainerProps>(\n (props) => {\n return {\n ...getBaseMenuItemStyles({ theme: props.theme }),\n padding: makeSize(props.theme.spacing[3]),\n display: props.isVisible ? 'flex' : 'none',\n // React Native specific styles\n backgroundColor:\n props.isSelected && props.selectionType === 'single'\n ? props.theme.colors.interactive.background.primary.faded\n : undefined,\n };\n },\n);\n\nexport { StyledMenuItemContainer };\n"],"names":["StyledMenuItemContainer","styled","TouchableOpacity","props","Object","assign","getBaseMenuItemStyles","theme","padding","makeSize","spacing","display","isVisible","backgroundColor","isSelected","selectionType","colors","interactive","background","primary","faded","undefined"],"mappings":";;;;;;;;;;AAMM,IAAAA,uBAAuB,CAAGC,MAAM,CAACC,gBAAgB,CAAC,CACtD,SAACC,KAAK,CAAK,CACT,OAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,qBAAqB,CAAC,CAAEC,KAAK,CAAEJ,KAAK,CAACI,KAAM,CAAC,CAAC,EAChDC,OAAO,CAAEC,QAAQ,CAACN,KAAK,CAACI,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC,CAAC,CACzCC,OAAO,CAAER,KAAK,CAACS,SAAS,CAAG,MAAM,CAAG,MAAM,CAE1CC,eAAe,CACbV,KAAK,CAACW,UAAU,EAAIX,KAAK,CAACY,aAAa,GAAK,QAAQ,CAChDZ,KAAK,CAACI,KAAK,CAACS,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,OAAO,CAACC,KAAK,CACvDC,SAAS,GAEnB,CACF;;;;"}

package/build/lib/native/components/BaseMenu/BaseMenuItem/getBaseMenuItemStyles.js CHANGED Viewed

@@ -1,13 +1,14 @@
-import { getItemMargin } from './tokens.js';
 import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import '../../BladeProvider/useTheme.js';
-var getBaseMenuItemStyles=function getBaseMenuItemStyles(props){return {borderWidth:makeBorderSize(props.theme.border.width.none),display:'flex',flexDirection:'column',textAlign:isReactNative()?undefined:'left',backgroundColor:'transparent',borderRadius:makeSize(props.theme.border.radius.medium),marginTop:makeSize(getItemMargin(props.theme)),marginBottom:makeSize(getItemMargin(props.theme)),textDecoration:'none',cursor:'pointer',width:'100%'};};
+var getBaseMenuItemStyles=function getBaseMenuItemStyles(props){return {borderWidth:makeBorderSize(props.theme.border.width.none),display:'flex',flexDirection:'column',textAlign:isReactNative()?undefined:'left',backgroundColor:'transparent',borderRadius:makeSize(props.theme.border.radius.small),textDecoration:'none',cursor:'pointer',width:'100%'};};
 export { getBaseMenuItemStyles };
 //# sourceMappingURL=getBaseMenuItemStyles.js.map

package/build/lib/native/components/BaseMenu/BaseMenuItem/getBaseMenuItemStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getBaseMenuItemStyles.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/getBaseMenuItemStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport ~~{ getItemMargin } from './tokens';\nimport~~ type { Theme } from '~components/BladeProvider';\nimport { isReactNative, makeBorderSize } from '~utils';\nimport { makeSize } from '~utils/makeSize';\n\nconst getBaseMenuItemStyles = (props: { theme: Theme }): CSSObject => {\n return {\n borderWidth: makeBorderSize(props.theme.border.width.none),\n display: 'flex',\n flexDirection: 'column',\n textAlign: isReactNative() ? undefined : 'left',\n backgroundColor: 'transparent',\n borderRadius: makeSize(props.theme.border.radius.~~medium~~),\n ~~marginTop: makeSize(getItemMargin(props.theme)),\n marginBottom: makeSize(getItemMargin(props.theme)),\n~~ textDecoration: 'none',\n cursor: 'pointer',\n width: '100%',\n };\n};\n\nexport { getBaseMenuItemStyles };\n"],"names":["getBaseMenuItemStyles","props","borderWidth","makeBorderSize","theme","border","width","none","display","flexDirection","textAlign","isReactNative","undefined","backgroundColor","borderRadius","makeSize","radius","~~medium~~","~~marginTop","getItemMargin","marginBottom","~~textDecoration","cursor"],"mappings":"~~;;;;;;;;;AAMM~~,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIC,KAAuB,CAAgB,CACpE,OAAO,CACLC,WAAW,CAAEC,cAAc,CAACF,KAAK,CAACG,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAAC,CAC1DC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,SAAS,CAAEC,aAAa,EAAE,CAAGC,SAAS,CAAG,MAAM,CAC/CC,eAAe,CAAE,aAAa,CAC9BC,YAAY,CAAEC,QAAQ,CAACd,KAAK,CAACG,KAAK,CAACC,MAAM,CAACW,MAAM,CAACC,~~MAAM,CAAC,CACxDC,SAAS,CAAEH,QAAQ,CAACI,aAAa,CAAClB,~~KAAK,~~CAACG,KAAK,~~CAAC,~~CAAC~~,~~CAC/CgB,YAAY,CAAEL,QAAQ,CAACI,aAAa,CAAClB,KAAK,CAACG,KAAK,CAAC,CAAC,CAClDiB,~~cAAc,CAAE,MAAM,CACtBC,MAAM,CAAE,SAAS,~~CACjBhB~~,KAAK,CAAE,MACT,CAAC,CACH;;;;"}
1	+ {"version":3,"file":"getBaseMenuItemStyles.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/getBaseMenuItemStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { Theme } from '~components/BladeProvider';\nimport { isReactNative, makeBorderSize } from '~utils';\nimport { makeSize } from '~utils/makeSize';\n\nconst getBaseMenuItemStyles = (props: { theme: Theme }): CSSObject => {\n return {\n borderWidth: makeBorderSize(props.theme.border.width.none),\n display: 'flex',\n flexDirection: 'column',\n textAlign: isReactNative() ? undefined : 'left',\n backgroundColor: 'transparent',\n borderRadius: makeSize(props.theme.border.radius.small),\n textDecoration: 'none',\n cursor: 'pointer',\n width: '100%',\n };\n};\n\nexport { getBaseMenuItemStyles };\n"],"names":["getBaseMenuItemStyles","props","borderWidth","makeBorderSize","theme","border","width","none","display","flexDirection","textAlign","isReactNative","undefined","backgroundColor","borderRadius","makeSize","radius","small","textDecoration","cursor"],"mappings":";;;;;;;;;;AAKM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIC,KAAuB,CAAgB,CACpE,OAAO,CACLC,WAAW,CAAEC,cAAc,CAACF,KAAK,CAACG,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAAC,CAC1DC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,SAAS,CAAEC,aAAa,EAAE,CAAGC,SAAS,CAAG,MAAM,CAC/CC,eAAe,CAAE,aAAa,CAC9BC,YAAY,CAAEC,QAAQ,CAACd,KAAK,CAACG,KAAK,CAACC,MAAM,CAACW,MAAM,CAACC,KAAK,CAAC,CACvDC,cAAc,CAAE,MAAM,CACtBC,MAAM,CAAE,SAAS,CACjBb,KAAK,CAAE,MACT,CAAC,CACH;;;;"}

package/build/lib/native/components/BaseMenu/BaseMenuItem/tokens.js CHANGED Viewed

@@ -2,7 +2,7 @@ import '../../../tokens/global/typography.js';
 import '../../../tokens/global/motion.js';
 import { size } from '../../../tokens/global/size.js';
-var itemFirstRowHeight=size[20];var getItemMargin=function getItemMargin(theme){return theme.spacing[1];};
+var itemFirstRowHeight=size[20];
-export { getItemMargin, itemFirstRowHeight };
+export { itemFirstRowHeight };
 //# sourceMappingURL=tokens.js.map

package/build/lib/native/components/BaseMenu/BaseMenuItem/tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tokens.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/tokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands /\nimport type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\n\nconst itemFirstRowHeight = size[20];\nconst actionListItemPadding = 8;\nconst dividerYMargin = 1;\nconst actionListSectionTitleHeight = size[18] + actionListItemPadding 2;\nconst actionListDividerHeight = size[1] + dividerYMargin * 2;\n\nconst getItemPadding = (\n theme: Theme,\n): {\n itemPaddingMobile: 4;\n itemPaddingDesktop: 8;\n} => {\n return {\n itemPaddingMobile: theme.spacing[2],\n itemPaddingDesktop: theme.spacing[3],\n };\n};\n\nconst ~~getItemMargin = (theme: Theme): number => {\n return theme.spacing[1];\n};\n\nconst~~ getActionListItemHeight = (\n theme: Theme,\n): {\n itemHeightMobile: number;\n itemHeightDesktop: number;\n} => {\n return {\n itemHeightMobile:\n // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n itemFirstRowHeight + getItemPadding(theme).itemPaddingMobile * 2 ~~+ getItemMargin(theme) * 2~~,\n itemHeightDesktop:\n // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n itemFirstRowHeight + getItemPadding(theme).itemPaddingDesktop * 2 ~~+ getItemMargin(theme) * 2~~,\n };\n};\n\nexport {\n actionListSectionTitleHeight,\n actionListDividerHeight,\n itemFirstRowHeight,\n getItemPadding,\n ~~getItemMargin,\n~~ getActionListItemHeight,\n};\n"],"names":["itemFirstRowHeight","size"~~,"getItemMargin","theme","spacing"~~],"mappings":";;;;AAIM,IAAAA,kBAAkB,CAAGC,IAAI,CAAC,EAAE~~,EAkB5B,IAAAC,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,KAAY,CAAa,CAC9C,OAAOA,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CACzB~~;;;;"}
1	+ {"version":3,"file":"tokens.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/tokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands /\nimport type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\n\nconst itemFirstRowHeight = size[20];\nconst actionListItemPadding = 8;\nconst dividerYMargin = 1;\nconst actionListSectionTitleHeight = size[18] + actionListItemPadding 2;\nconst actionListDividerHeight = size[1] + dividerYMargin * 2;\n\nconst getItemPadding = (\n theme: Theme,\n): {\n itemPaddingMobile: 4;\n itemPaddingDesktop: 8;\n} => {\n return {\n itemPaddingMobile: theme.spacing[2],\n itemPaddingDesktop: theme.spacing[3],\n };\n};\n\nconst getActionListItemHeight = (\n theme: Theme,\n): {\n itemHeightMobile: number;\n itemHeightDesktop: number;\n} => {\n return {\n itemHeightMobile:\n // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n itemFirstRowHeight + getItemPadding(theme).itemPaddingMobile * 2,\n itemHeightDesktop:\n // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n itemFirstRowHeight + getItemPadding(theme).itemPaddingDesktop * 2,\n };\n};\n\nexport {\n actionListSectionTitleHeight,\n actionListDividerHeight,\n itemFirstRowHeight,\n getItemPadding,\n getActionListItemHeight,\n};\n"],"names":["itemFirstRowHeight","size"],"mappings":";;;;AAIM,IAAAA,kBAAkB,CAAGC,IAAI,CAAC,EAAE;;;;"}

package/build/lib/native/components/BladeProvider/useBladeProvider.js CHANGED Viewed

@@ -2,6 +2,8 @@ import 'react-native';
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
 import { useColorScheme } from '../../utils/useColorScheme/useColorScheme.js';
 import 'react';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import { toTitleCase } from '../../utils/toTitleCase/toTitleCase.js';
 import './useTheme.js';
 import { colorSchemeNamesInput } from '../../tokens/theme/theme.js';

package/build/lib/native/components/BladeProvider/useBladeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useBladeProvider.js","sources":["../../../../../src/components/BladeProvider/useBladeProvider.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type /\nimport type { Theme } from './index';\nimport { useColorScheme, useBreakpoint } from '~utils';\nimport type { ColorSchemeNames, ColorSchemeNamesInput, ThemeTokens } from '~tokens/theme';\nimport { colorSchemeNamesInput } from '~tokens/theme/theme';\nimport type { TypographyPlatforms } from '~tokens/global';\nimport type { ColorSchemeModes } from '~tokens/theme/theme';\nimport { toTitleCase } from '~utils/toTitleCase';\nimport { throwBladeError } from '~utils/logger';\n\ntype ThemeContextValue = {\n theme: Theme;\n colorScheme: ColorSchemeNames;\n setColorScheme: (colorScheme: ColorSchemeNamesInput) => void;\n platform: TypographyPlatforms;\n};\n\n/\n Reusable hook to be used in BladeProvider.native & BladeProvider.web file\n \n This hook processes incoming themeTokens & initialColorScheme\n * And validates & returns the theme values\n */\nconst useBladeProvider = ({\n themeTokens,\n initialColorScheme,\n}: {\n themeTokens: ThemeTokens;\n initialColorScheme?: ColorSchemeNamesInput;\n}): { theme: Theme; themeContextValue: ThemeContextValue } => {\n if (__DEV__) {\n if (!themeTokens) {\n throwBladeError({\n message: `Expected valid themeTokens of type ThemeTokens to be passed but found ${typeof themeTokens}`,\n moduleName: 'BladeProvider',\n });\n }\n\n if (initialColorScheme && !colorSchemeNamesInput.includes(initialColorScheme)) {\n throwBladeError({\n message: `Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${initialColorScheme}`,\n moduleName: 'BladeProvider',\n });\n }\n }\n\n const { colorScheme, setColorScheme } = useColorScheme(initialColorScheme);\n const { matchedDeviceType } = useBreakpoint({\n breakpoints: themeTokens.breakpoints,\n });\n\n const onColorMode = `on${toTitleCase(colorScheme)}` as ColorSchemeModes;\n const onDeviceType = `on${toTitleCase(matchedDeviceType)}` as TypographyPlatforms;\n\n const theme: Theme = {\n ...themeTokens,\n colors: themeTokens.colors[onColorMode],\n elevation: themeTokens.elevation[onColorMode],\n typography: themeTokens.typography[onDeviceType],\n };\n\n const themeContextValue = {\n theme,\n colorScheme,\n setColorScheme,\n platform: onDeviceType,\n };\n\n return { themeContextValue, theme };\n};\n\nexport { useBladeProvider };\n"],"names":["useBladeProvider","_ref","themeTokens","initialColorScheme","__DEV__","throwBladeError","message","moduleName","colorSchemeNamesInput","includes","toString","_useColorScheme","useColorScheme","colorScheme","setColorScheme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","onColorMode","toTitleCase","onDeviceType","theme","Object","assign","colors","elevation","typography","themeContextValue","platform"],"mappings":"~~;;;;;;;;;~~AAuBM,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAMwC,CAL5D,IAAAC,WAAW,CAAAD,IAAA,CAAXC,WAAW,CACXC,kBAAkB,CAAAF,IAAA,CAAlBE,kBAAkB,CAKlB,GAAIC,OAAO,CAAE,CACX,GAAI,CAACF,WAAW,CAAE,CAChBG,eAAe,CAAC,CACdC,OAAO,CAAE,CAAyE,sEAAA,EAAA,OAAOJ,WAAW,CAAE,CAAA,CACtGK,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CAEA,GAAIJ,kBAAkB,EAAI,CAACK,qBAAqB,CAACC,QAAQ,CAACN,kBAAkB,CAAC,CAAE,CAC7EE,eAAe,CAAC,CACdC,OAAO,CAAE,CAAuCE,oCAAAA,EAAAA,qBAAqB,CAACE,QAAQ,EAAE,kBAAkBP,kBAAkB,CAAA,CAAE,CACtHI,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAAI,eAAA,CAAwCC,cAAc,CAACT,kBAAkB,CAAC,CAAlEU,WAAW,CAAAF,eAAA,CAAXE,WAAW,CAAEC,cAAc,CAAAH,eAAA,CAAdG,cAAc,CACnC,IAAAC,cAAA,CAA8BC,aAAa,CAAC,CAC1CC,WAAW,CAAEf,WAAW,CAACe,WAC3B,CAAC,CAAC,CAFMC,iBAAiB,CAAAH,cAAA,CAAjBG,iBAAiB,CAIzB,IAAMC,WAAW,CAAG,CAAKC,EAAAA,EAAAA,WAAW,CAACP,WAAW,CAAC,CAAsB,CAAA,CACvE,IAAMQ,YAAY,CAAG,CAAKD,EAAAA,EAAAA,WAAW,CAACF,iBAAiB,CAAC,CAAA,CAAyB,CAEjF,IAAMI,KAAY,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACbtB,WAAW,CAAA,CACduB,MAAM,CAAEvB,WAAW,CAACuB,MAAM,CAACN,WAAW,CAAC,CACvCO,SAAS,CAAExB,WAAW,CAACwB,SAAS,CAACP,WAAW,CAAC,CAC7CQ,UAAU,CAAEzB,WAAW,CAACyB,UAAU,CAACN,YAAY,CAAC,CACjD,CAAA,CAED,IAAMO,iBAAiB,CAAG,CACxBN,KAAK,CAALA,KAAK,CACLT,WAAW,CAAXA,WAAW,CACXC,cAAc,CAAdA,cAAc,CACde,QAAQ,CAAER,YACZ,CAAC,CAED,OAAO,CAAEO,iBAAiB,CAAjBA,iBAAiB,CAAEN,KAAK,CAALA,KAAM,CAAC,CACrC;;;;"}
1	+ {"version":3,"file":"useBladeProvider.js","sources":["../../../../../src/components/BladeProvider/useBladeProvider.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type /\nimport type { Theme } from './index';\nimport { useColorScheme, useBreakpoint } from '~utils';\nimport type { ColorSchemeNames, ColorSchemeNamesInput, ThemeTokens } from '~tokens/theme';\nimport { colorSchemeNamesInput } from '~tokens/theme/theme';\nimport type { TypographyPlatforms } from '~tokens/global';\nimport type { ColorSchemeModes } from '~tokens/theme/theme';\nimport { toTitleCase } from '~utils/toTitleCase';\nimport { throwBladeError } from '~utils/logger';\n\ntype ThemeContextValue = {\n theme: Theme;\n colorScheme: ColorSchemeNames;\n setColorScheme: (colorScheme: ColorSchemeNamesInput) => void;\n platform: TypographyPlatforms;\n};\n\n/\n Reusable hook to be used in BladeProvider.native & BladeProvider.web file\n \n This hook processes incoming themeTokens & initialColorScheme\n * And validates & returns the theme values\n */\nconst useBladeProvider = ({\n themeTokens,\n initialColorScheme,\n}: {\n themeTokens: ThemeTokens;\n initialColorScheme?: ColorSchemeNamesInput;\n}): { theme: Theme; themeContextValue: ThemeContextValue } => {\n if (__DEV__) {\n if (!themeTokens) {\n throwBladeError({\n message: `Expected valid themeTokens of type ThemeTokens to be passed but found ${typeof themeTokens}`,\n moduleName: 'BladeProvider',\n });\n }\n\n if (initialColorScheme && !colorSchemeNamesInput.includes(initialColorScheme)) {\n throwBladeError({\n message: `Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${initialColorScheme}`,\n moduleName: 'BladeProvider',\n });\n }\n }\n\n const { colorScheme, setColorScheme } = useColorScheme(initialColorScheme);\n const { matchedDeviceType } = useBreakpoint({\n breakpoints: themeTokens.breakpoints,\n });\n\n const onColorMode = `on${toTitleCase(colorScheme)}` as ColorSchemeModes;\n const onDeviceType = `on${toTitleCase(matchedDeviceType)}` as TypographyPlatforms;\n\n const theme: Theme = {\n ...themeTokens,\n colors: themeTokens.colors[onColorMode],\n elevation: themeTokens.elevation[onColorMode],\n typography: themeTokens.typography[onDeviceType],\n };\n\n const themeContextValue = {\n theme,\n colorScheme,\n setColorScheme,\n platform: onDeviceType,\n };\n\n return { themeContextValue, theme };\n};\n\nexport { useBladeProvider };\n"],"names":["useBladeProvider","_ref","themeTokens","initialColorScheme","__DEV__","throwBladeError","message","moduleName","colorSchemeNamesInput","includes","toString","_useColorScheme","useColorScheme","colorScheme","setColorScheme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","onColorMode","toTitleCase","onDeviceType","theme","Object","assign","colors","elevation","typography","themeContextValue","platform"],"mappings":";;;;;;;;;;;AAuBM,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAMwC,CAL5D,IAAAC,WAAW,CAAAD,IAAA,CAAXC,WAAW,CACXC,kBAAkB,CAAAF,IAAA,CAAlBE,kBAAkB,CAKlB,GAAIC,OAAO,CAAE,CACX,GAAI,CAACF,WAAW,CAAE,CAChBG,eAAe,CAAC,CACdC,OAAO,CAAE,CAAyE,sEAAA,EAAA,OAAOJ,WAAW,CAAE,CAAA,CACtGK,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CAEA,GAAIJ,kBAAkB,EAAI,CAACK,qBAAqB,CAACC,QAAQ,CAACN,kBAAkB,CAAC,CAAE,CAC7EE,eAAe,CAAC,CACdC,OAAO,CAAE,CAAuCE,oCAAAA,EAAAA,qBAAqB,CAACE,QAAQ,EAAE,kBAAkBP,kBAAkB,CAAA,CAAE,CACtHI,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAAI,eAAA,CAAwCC,cAAc,CAACT,kBAAkB,CAAC,CAAlEU,WAAW,CAAAF,eAAA,CAAXE,WAAW,CAAEC,cAAc,CAAAH,eAAA,CAAdG,cAAc,CACnC,IAAAC,cAAA,CAA8BC,aAAa,CAAC,CAC1CC,WAAW,CAAEf,WAAW,CAACe,WAC3B,CAAC,CAAC,CAFMC,iBAAiB,CAAAH,cAAA,CAAjBG,iBAAiB,CAIzB,IAAMC,WAAW,CAAG,CAAKC,EAAAA,EAAAA,WAAW,CAACP,WAAW,CAAC,CAAsB,CAAA,CACvE,IAAMQ,YAAY,CAAG,CAAKD,EAAAA,EAAAA,WAAW,CAACF,iBAAiB,CAAC,CAAA,CAAyB,CAEjF,IAAMI,KAAY,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACbtB,WAAW,CAAA,CACduB,MAAM,CAAEvB,WAAW,CAACuB,MAAM,CAACN,WAAW,CAAC,CACvCO,SAAS,CAAExB,WAAW,CAACwB,SAAS,CAACP,WAAW,CAAC,CAC7CQ,UAAU,CAAEzB,WAAW,CAACyB,UAAU,CAACN,YAAY,CAAC,CACjD,CAAA,CAED,IAAMO,iBAAiB,CAAG,CACxBN,KAAK,CAALA,KAAK,CACLT,WAAW,CAAXA,WAAW,CACXC,cAAc,CAAdA,cAAc,CACde,QAAQ,CAAER,YACZ,CAAC,CAED,OAAO,CAAEO,iBAAiB,CAAjBA,iBAAiB,CAAEN,KAAK,CAALA,KAAM,CAAC,CACrC;;;;"}

package/build/lib/native/components/BladeProvider/useTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTheme.js","sources":["../../../../../src/components/BladeProvider/useTheme.ts"],"sourcesContent":["import { useContext, createContext } from 'react';\nimport type { Theme } from './';\nimport type { UseColorScheme } from '~utils/useColorScheme';\nimport type { TypographyPlatforms } from '~tokens/global';\nimport { throwBladeError } from '~utils/logger';\n\nexport type ThemeContext = UseColorScheme & {\n theme: Theme;\n platform: TypographyPlatforms;\n};\n\nexport const ThemeContext = createContext<ThemeContext>({\n // @ts-expect-error set null\n theme: null,\n colorScheme: 'light',\n platform: 'onDesktop',\n setColorScheme: () => null,\n});\n\nconst useTheme = (): ThemeContext => {\n const themeContext = useContext<ThemeContext>(ThemeContext);\n if (__DEV__) {\n if (!themeContext.theme) {\n throwBladeError({\n message: 'BladeProvider is missing theme',\n moduleName: 'BladeProvider',\n });\n }\n if (themeContext === undefined) {\n throwBladeError({\n message: 'useTheme must be used within BladeProvider',\n moduleName: 'BladeProvider',\n });\n }\n }\n return themeContext;\n};\n\nexport default useTheme;\n"],"names":["ThemeContext","createContext","theme","colorScheme","platform","setColorScheme","useTheme","themeContext","useContext","__DEV__","throwBladeError","message","moduleName","undefined"],"mappings":";;;AAWa,IAAAA,YAAY,CAAGC,aAAa,CAAe,CAEtDC,KAAK,CAAE,IAAI,CACXC,WAAW,CAAE,OAAO,CACpBC,QAAQ,CAAE,WAAW,CACrBC,cAAc,CAAE,~~SAAAA~~,~~cAAA~~,EAAA,CAAA,~~WAAU~~,~~CAC5B~~,CAAA,CAAC,EAEK,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,EAAuB,CACnC,IAAMC,YAAY,CAAGC,UAAU,CAAeR,YAAY,CAAC,CAC3D,GAAIS,OAAO,CAAE,CACX,GAAI,CAACF,YAAY,CAACL,KAAK,CAAE,CACvBQ,eAAe,CAAC,CACdC,OAAO,CAAE,gCAAgC,CACzCC,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACA,GAAIL,YAAY,GAAKM,SAAS,CAAE,CAC9BH,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF,CACA,OAAOL,YAAY,CACrB;;;;"}
1	+ {"version":3,"file":"useTheme.js","sources":["../../../../../src/components/BladeProvider/useTheme.ts"],"sourcesContent":["import { useContext, createContext } from 'react';\nimport type { Theme } from './';\nimport type { UseColorScheme } from '~utils/useColorScheme';\nimport type { TypographyPlatforms } from '~tokens/global';\nimport { throwBladeError } from '~utils/logger';\n\nexport type ThemeContext = UseColorScheme & {\n theme: Theme;\n platform: TypographyPlatforms;\n};\n\nexport const ThemeContext = createContext<ThemeContext>({\n // @ts-expect-error set null\n theme: null,\n colorScheme: 'light',\n platform: 'onDesktop',\n setColorScheme: () => null,\n});\n\nconst useTheme = (): ThemeContext => {\n const themeContext = useContext<ThemeContext>(ThemeContext);\n if (__DEV__) {\n if (!themeContext.theme) {\n throwBladeError({\n message: 'BladeProvider is missing theme',\n moduleName: 'BladeProvider',\n });\n }\n if (themeContext === undefined) {\n throwBladeError({\n message: 'useTheme must be used within BladeProvider',\n moduleName: 'BladeProvider',\n });\n }\n }\n return themeContext;\n};\n\nexport default useTheme;\n"],"names":["ThemeContext","createContext","theme","colorScheme","platform","setColorScheme","useTheme","themeContext","useContext","__DEV__","throwBladeError","message","moduleName","undefined"],"mappings":";;;AAWa,IAAAA,YAAY,CAAGC,aAAa,CAAe,CAEtDC,KAAK,CAAE,IAAI,CACXC,WAAW,CAAE,OAAO,CACpBC,QAAQ,CAAE,WAAW,CACrBC,cAAc,CAAE,SAAhBA,cAAcA,EAAA,CAAA,OAAY,IAAA,CAAA,CAC5B,CAAC,EAEK,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,EAAuB,CACnC,IAAMC,YAAY,CAAGC,UAAU,CAAeR,YAAY,CAAC,CAC3D,GAAIS,OAAO,CAAE,CACX,GAAI,CAACF,YAAY,CAACL,KAAK,CAAE,CACvBQ,eAAe,CAAC,CACdC,OAAO,CAAE,gCAAgC,CACzCC,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACA,GAAIL,YAAY,GAAKM,SAAS,CAAE,CAC9BH,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,eACd,CAAC,CAAC,CACJ,CACF,CACA,OAAOL,YAAY,CACrB;;;;"}

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

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

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

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

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

@@ -6,6 +6,8 @@ import 'react-native-gesture-handler';
 import useTheme from '../BladeProvider/useTheme.js';
 import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import './BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';

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

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

package/build/lib/native/components/BottomSheet/BottomSheetBody.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BottomSheetBody.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheetBody.native.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment /\n/ eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { BottomSheetScrollView } from '@gorhom/bottom-sheet';\nimport { ComponentIds } from './componentIds';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BottomSheetBodyProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentIds } from '~components/ActionList/componentIds';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { size } from '~tokens/global';\n\nconst _BottomSheetBody = ({\n children,\n padding = 'spacing.5',\n}: BottomSheetBodyProps): React.ReactElement => {\n const {\n footerHeight,\n setContentHeight,\n setHasBodyPadding,\n isHeaderFloating,\n } = useBottomSheetContext();\n const [bottomSheetHasActionList, setBottomSheetHasActionList] = React.useState<\n boolean \| undefined\n >(undefined);\n\n React.useEffect(() => {\n setBottomSheetHasActionList(false);\n React.Children.forEach(children, (child) => {\n if (isValidAllowedChildren(child, componentIds.ActionList)) {\n setBottomSheetHasActionList(true);\n }\n });\n }, [children]);\n\n React.useEffect(() => {\n if (padding === 'spacing.0') {\n setHasBodyPadding(false);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [padding]);\n\n if (bottomSheetHasActionList === undefined) return <></>;\n // If we are rendering ActionList, then we don't wrap the ActionList with extra wrappers\n // This is to ensure that GorhomBottomSheetSectionList work as expected, adding extra wrappers breaks gorhom's rendering\n return (\n <>\n {bottomSheetHasActionList ? (\n children\n ) : (\n <BottomSheetScrollView\n onContentSizeChange={(_width: number, height: number) => {\n setContentHeight(height);\n }}\n style={{ marginBottom: footerHeight, borderRadius: isHeaderFloating ? size[16] : 0 }}\n >\n <BaseBox flexShrink={1} flexGrow={1} overflow=\"hidden\">\n <BaseBox\n paddingLeft={bottomSheetHasActionList ? 'spacing.3' : padding}\n paddingRight={bottomSheetHasActionList ? 'spacing.3' : padding}\n paddingTop={bottomSheetHasActionList ? 'spacing.3' : padding}\n paddingBottom={bottomSheetHasActionList ? 'spacing.3' : padding}\n overflow=\"hidden\"\n >\n {children}\n </BaseBox>\n </BaseBox>\n </BottomSheetScrollView>\n )}\n </>\n );\n};\n\nconst BottomSheetBody = assignWithoutSideEffects(_BottomSheetBody, {\n componentId: ComponentIds.BottomSheetBody,\n});\n\nexport { BottomSheetBody };\n"],"names":["_BottomSheetBody","_ref","children","_ref$padding","padding","_useBottomSheetContex","useBottomSheetContext","footerHeight","setContentHeight","setHasBodyPadding","isHeaderFloating","_React$useState","React","useState","undefined","_React$useState2","_slicedToArray","bottomSheetHasActionList","setBottomSheetHasActionList","useEffect","Children","forEach","child","isValidAllowedChildren","componentIds","ActionList","_jsx","_Fragment","BottomSheetScrollView","onContentSizeChange","_width","height","style","marginBottom","borderRadius","size","BaseBox","flexShrink","flexGrow","overflow","paddingLeft","paddingRight","paddingTop","paddingBottom","BottomSheetBody","assignWithoutSideEffects","componentId","ComponentIds"],"mappings":";;;;;;;;;;;;;;AAaA,IAAMA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAG0B,KAF9CC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAAC,YAAA,CAAAF,IAAA,CACRG,OAAO,CAAPA,OAAO,CAAAD,YAAA,~~GAAG~~,~~KAAA,CAAA,CAAA,~~WAAW,CAAAA,YAAA,CAErB,IAAAE,qBAAA,CAKIC,qBAAqB,EAAE,CAJzBC,YAAY,CAAAF,qBAAA,CAAZE,YAAY,CACZC,gBAAgB,CAAAH,qBAAA,CAAhBG,gBAAgB,CAChBC,iBAAiB,CAAAJ,qBAAA,CAAjBI,iBAAiB,CACjBC,gBAAgB,CAAAL,qBAAA,CAAhBK,gBAAgB,CAElB,IAAAC,eAAA,CAAgEC,cAAK,CAACC,QAAQ,CAE5EC,SAAS,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAL,eAAA,~~CAFLM~~,CAAAA,CAAAA,CAAAA,~~wBAAwB~~,~~CAAAF~~,gBAAA,CAAA,CAAA,CAAA,~~CAAEG~~,~~2BAA2B,CAAAH,gBAAA,IAI5DH,~~cAAK,CAACO,SAAS,CAAC,UAAM,CACpBD,2BAA2B,CAAC,KAAK,CAAC,CAClCN,cAAK,CAACQ,QAAQ,CAACC,OAAO,CAACnB,QAAQ,CAAE,SAACoB,KAAK,CAAK,CAC1C,GAAIC,sBAAsB,CAACD,KAAK,CAAEE,YAAY,CAACC,UAAU,CAAC,CAAE,CAC1DP,2BAA2B,CAAC,IAAI,CAAC,CACnC,CACF,CAAC,CAAC,CACJ,CAAC,CAAE,CAAChB,QAAQ,CAAC,CAAC,CAEdU,cAAK,CAACO,SAAS,CAAC,UAAM,CACpB,GAAIf,OAAO,GAAK,WAAW,CAAE,CAC3BK,iBAAiB,CAAC,KAAK,CAAC,CAC1B,CAEF,CAAC,CAAE,CAACL,OAAO,CAAC,CAAC,CAEb,GAAIa,wBAAwB,GAAKH,SAAS,CAAE,OAAOY,GAAA,CAAAC,QAAA,~~CAAI~~,~~EAAA,~~CAAC,CAGxD,OACED,GAAA,CAAAC,QAAA,~~EAAAzB~~,QAAA,CACGe,wBAAwB,CACvBf,QAAQ,CAERwB,GAAA,CAACE,qBAAqB,~~CAAA,~~CACpBC,mBAAmB,CAAE,~~SAAAA~~,~~oBAACC~~,MAAc,CAAEC,MAAc,CAAK,CACvDvB,gBAAgB,CAACuB,MAAM,CAAC,CAC1B,CAAE,CACFC,KAAK,CAAE,CAAEC,YAAY,CAAE1B,YAAY,CAAE2B,YAAY,CAAExB,gBAAgB,CAAGyB,IAAI,CAAC,EAAE,CAAC,CAAG,CAAE,CAAE,CAAAjC,QAAA,CAErFwB,GAAA,CAACU,OAAO,~~EAACC~~,UAAU,CAAE,CAAE,CAACC,QAAQ,CAAE,CAAE,CAACC,QAAQ,CAAC,QAAQ,CAAArC,QAAA,CACpDwB,GAAA,CAACU,OAAO,CACNI,CAAAA,WAAW,CAAEvB,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAC9DqC,YAAY,CAAExB,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAC/DsC,UAAU,CAAEzB,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAC7DuC,aAAa,CAAE1B,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAChEmC,QAAQ,CAAC,QAAQ,CAAArC,QAAA,CAEhBA,QAAQ,CACF,CAAC,CACH,CAAC,CACW,CACxB,CACD,CAAC,CAEP,CAAC,CAEK,IAAA0C,eAAe,CAAGC,wBAAwB,CAAC7C,gBAAgB,CAAE,CACjE8C,WAAW,CAAEC,YAAY,CAACH,eAC5B,CAAC;;;;"}
1	+ {"version":3,"file":"BottomSheetBody.native.js","sources":["../../../../../src/components/BottomSheet/BottomSheetBody.native.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment /\n/ eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { BottomSheetScrollView } from '@gorhom/bottom-sheet';\nimport { ComponentIds } from './componentIds';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BottomSheetBodyProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentIds } from '~components/ActionList/componentIds';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { size } from '~tokens/global';\n\nconst _BottomSheetBody = ({\n children,\n padding = 'spacing.5',\n}: BottomSheetBodyProps): React.ReactElement => {\n const {\n footerHeight,\n setContentHeight,\n setHasBodyPadding,\n isHeaderFloating,\n } = useBottomSheetContext();\n const [bottomSheetHasActionList, setBottomSheetHasActionList] = React.useState<\n boolean \| undefined\n >(undefined);\n\n React.useEffect(() => {\n setBottomSheetHasActionList(false);\n React.Children.forEach(children, (child) => {\n if (isValidAllowedChildren(child, componentIds.ActionList)) {\n setBottomSheetHasActionList(true);\n }\n });\n }, [children]);\n\n React.useEffect(() => {\n if (padding === 'spacing.0') {\n setHasBodyPadding(false);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [padding]);\n\n if (bottomSheetHasActionList === undefined) return <></>;\n // If we are rendering ActionList, then we don't wrap the ActionList with extra wrappers\n // This is to ensure that GorhomBottomSheetSectionList work as expected, adding extra wrappers breaks gorhom's rendering\n return (\n <>\n {bottomSheetHasActionList ? (\n children\n ) : (\n <BottomSheetScrollView\n onContentSizeChange={(_width: number, height: number) => {\n setContentHeight(height);\n }}\n style={{ marginBottom: footerHeight, borderRadius: isHeaderFloating ? size[16] : 0 }}\n >\n <BaseBox flexShrink={1} flexGrow={1} overflow=\"hidden\">\n <BaseBox\n paddingLeft={bottomSheetHasActionList ? 'spacing.3' : padding}\n paddingRight={bottomSheetHasActionList ? 'spacing.3' : padding}\n paddingTop={bottomSheetHasActionList ? 'spacing.3' : padding}\n paddingBottom={bottomSheetHasActionList ? 'spacing.3' : padding}\n overflow=\"hidden\"\n >\n {children}\n </BaseBox>\n </BaseBox>\n </BottomSheetScrollView>\n )}\n </>\n );\n};\n\nconst BottomSheetBody = assignWithoutSideEffects(_BottomSheetBody, {\n componentId: ComponentIds.BottomSheetBody,\n});\n\nexport { BottomSheetBody };\n"],"names":["_BottomSheetBody","_ref","children","_ref$padding","padding","_useBottomSheetContex","useBottomSheetContext","footerHeight","setContentHeight","setHasBodyPadding","isHeaderFloating","_React$useState","React","useState","undefined","_React$useState2","_slicedToArray","bottomSheetHasActionList","setBottomSheetHasActionList","useEffect","Children","forEach","child","isValidAllowedChildren","componentIds","ActionList","_jsx","_Fragment","BottomSheetScrollView","onContentSizeChange","_width","height","style","marginBottom","borderRadius","size","BaseBox","flexShrink","flexGrow","overflow","paddingLeft","paddingRight","paddingTop","paddingBottom","BottomSheetBody","assignWithoutSideEffects","componentId","ComponentIds"],"mappings":";;;;;;;;;;;;;;AAaA,IAAMA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAG0B,KAF9CC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAAC,YAAA,CAAAF,IAAA,CACRG,OAAO,CAAPA,OAAO,CAAAD,YAAA,UAAG,WAAW,CAAAA,YAAA,CAErB,IAAAE,qBAAA,CAKIC,qBAAqB,EAAE,CAJzBC,YAAY,CAAAF,qBAAA,CAAZE,YAAY,CACZC,gBAAgB,CAAAH,qBAAA,CAAhBG,gBAAgB,CAChBC,iBAAiB,CAAAJ,qBAAA,CAAjBI,iBAAiB,CACjBC,gBAAgB,CAAAL,qBAAA,CAAhBK,gBAAgB,CAElB,IAAAC,eAAA,CAAgEC,cAAK,CAACC,QAAQ,CAE5EC,SAAS,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAL,eAAA,IAFLM,wBAAwB,CAAAF,gBAAA,CAAEG,CAAAA,CAAAA,CAAAA,2BAA2B,CAAAH,gBAAA,CAAA,CAAA,CAAA,CAI5DH,cAAK,CAACO,SAAS,CAAC,UAAM,CACpBD,2BAA2B,CAAC,KAAK,CAAC,CAClCN,cAAK,CAACQ,QAAQ,CAACC,OAAO,CAACnB,QAAQ,CAAE,SAACoB,KAAK,CAAK,CAC1C,GAAIC,sBAAsB,CAACD,KAAK,CAAEE,YAAY,CAACC,UAAU,CAAC,CAAE,CAC1DP,2BAA2B,CAAC,IAAI,CAAC,CACnC,CACF,CAAC,CAAC,CACJ,CAAC,CAAE,CAAChB,QAAQ,CAAC,CAAC,CAEdU,cAAK,CAACO,SAAS,CAAC,UAAM,CACpB,GAAIf,OAAO,GAAK,WAAW,CAAE,CAC3BK,iBAAiB,CAAC,KAAK,CAAC,CAC1B,CAEF,CAAC,CAAE,CAACL,OAAO,CAAC,CAAC,CAEb,GAAIa,wBAAwB,GAAKH,SAAS,CAAE,OAAOY,GAAA,CAAAC,QAAA,GAAI,CAAC,CAGxD,OACED,GAAA,CAAAC,QAAA,CAAA,CAAAzB,QAAA,CACGe,wBAAwB,CACvBf,QAAQ,CAERwB,GAAA,CAACE,qBAAqB,CACpBC,CAAAA,mBAAmB,CAAE,SAArBA,mBAAmBA,CAAGC,MAAc,CAAEC,MAAc,CAAK,CACvDvB,gBAAgB,CAACuB,MAAM,CAAC,CAC1B,CAAE,CACFC,KAAK,CAAE,CAAEC,YAAY,CAAE1B,YAAY,CAAE2B,YAAY,CAAExB,gBAAgB,CAAGyB,IAAI,CAAC,EAAE,CAAC,CAAG,CAAE,CAAE,CAAAjC,QAAA,CAErFwB,GAAA,CAACU,OAAO,CAACC,CAAAA,UAAU,CAAE,CAAE,CAACC,QAAQ,CAAE,CAAE,CAACC,QAAQ,CAAC,QAAQ,CAAArC,QAAA,CACpDwB,GAAA,CAACU,OAAO,CACNI,CAAAA,WAAW,CAAEvB,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAC9DqC,YAAY,CAAExB,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAC/DsC,UAAU,CAAEzB,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAC7DuC,aAAa,CAAE1B,wBAAwB,CAAG,WAAW,CAAGb,OAAQ,CAChEmC,QAAQ,CAAC,QAAQ,CAAArC,QAAA,CAEhBA,QAAQ,CACF,CAAC,CACH,CAAC,CACW,CACxB,CACD,CAAC,CAEP,CAAC,CAEK,IAAA0C,eAAe,CAAGC,wBAAwB,CAAC7C,gBAAgB,CAAE,CACjE8C,WAAW,CAAEC,YAAY,CAACH,eAC5B,CAAC;;;;"}