npm - @razorpay/blade - Versions diffs - 12.98.0 → 12.110.0 - Mend

@razorpay/blade 12.98.0 → 12.110.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 (3905) 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

@@ -3,23 +3,21 @@ import React__default from 'react';
 import { BaseMenuItemContext } from '../BaseMenuContext.js';
 import { StyledMenuItemContainer } from './StyledMenuItemContainer.native.js';
 import { itemFirstRowHeight } from './tokens.js';
-import { Box } from '../../Box/Box.js';
-import '../../Typography/Heading/Heading.js';
-import { getTextProps, Text } from '../../Typography/Text/Text.js';
-import '../../Typography/Code/Code.js';
-import '../../Typography/Display/Display.js';
-import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
-import { BaseText } from '../../Typography/BaseText/BaseText.native.js';
+import '../../Box/index.js';
+import '../../Typography/index.js';
+import '../../../utils/makeAccessible/index.native.js';
+import '../../Typography/BaseText/index.js';
+import '../../../utils/useTruncationTitle/index.js';
+import '../../../utils/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTruncationTitle } from '../../../utils/useTruncationTitle/useTruncationTitle.native.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
+import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
+import { Box } from '../../Box/Box.js';
 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';
+import { BaseText } from '../../Typography/BaseText/BaseText.native.js';
+import { getTextProps, Text } from '../../Typography/Text/Text.js';
-var _excluded=["title","description","as","leading","trailing","titleSuffix","isDisabled","selectionType","isSelected","isVisible","color","role","children"];var menuItemTitleColor={negative:{default:'feedback.text.negative.intense',disabled:'interactive.text.gray.disabled'},normal:{default:'interactive.text.gray.normal',disabled:'interactive.text.gray.disabled'}};var menuItemDescriptionColor={default:'interactive.text.gray.muted',disabled:'interactive.text.gray.disabled'};var _BaseMenuItem=function _BaseMenuItem(_ref,ref){var title=_ref.title,description=_ref.description,as=_ref.as,leading=_ref.leading,trailing=_ref.trailing,titleSuffix=_ref.titleSuffix,isDisabled=_ref.isDisabled,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,isSelected=_ref.isSelected,_ref$isVisible=_ref.isVisible,isVisible=_ref$isVisible===void 0?true:_ref$isVisible,color=_ref.color,_ref$role=_ref.role,role=_ref$role===void 0?'menuitem':_ref$role,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);var _useTruncationTitle=useTruncationTitle({content:title}),containerRef=_useTruncationTitle.containerRef,textRef=_useTruncationTitle.textRef;return jsx(BaseMenuItemContext.Provider,{value:{color:color,isDisabled:isDisabled},children:jsx(StyledMenuItemContainer,Object.assign({ref:ref,as:as,type:"button",disabled:isDisabled},makeAccessible({role:role,current:role==='menuitem'||role==='menuitemcheckbox'?isSelected:undefined,disabled:isDisabled,selected:isSelected}),{color:color,isVisible:isVisible,isSelected:isSelected,isDisabled:isDisabled,selectionType:selectionType},props,{children:children?children:jsxs(Box,{display:"flex",alignItems:"flex-start",width:"100%",justifyContent:"flex-start",children:[jsx(Box,{display:"flex",justifyContent:"center",alignItems:"center",height:makeSize(itemFirstRowHeight),children:leading}),jsxs(Box,{paddingLeft:leading?'spacing.3':'spacing.0',paddingRight:"spacing.3",display:"flex",flexDirection:"column",children:[jsxs(Box,{display:"flex",alignItems:"center",flexDirection:"row",height:makeSize(itemFirstRowHeight),ref:containerRef,children:[jsx(BaseText,Object.assign({as:"p",ref:textRef,truncateAfterLines:1,wordBreak:"break-all"},getTextProps({size:'medium',color:menuItemTitleColor[color==='negative'?'negative':'normal'][isDisabled?'disabled':'default'],weight:'regular'}),{children:title})),titleSuffix]}),jsx(Box,{children:description?jsx(Text,{color:menuItemDescriptionColor[isDisabled?'disabled':'default'],size:"small",children:description}):null})]}),jsx(Box,{marginLeft:"auto",children:trailing})]})}))});};var BaseMenuItem=React__default.forwardRef(_BaseMenuItem);
+var _excluded=["title","description","as","leading","trailing","titleSuffix","isDisabled","selectionType","isSelected","isVisible","color","role","children"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx";var menuItemTitleColor={negative:{default:'feedback.text.negative.intense',disabled:'interactive.text.gray.disabled'},normal:{default:'interactive.text.gray.normal',disabled:'interactive.text.gray.disabled'}};var menuItemDescriptionColor={default:'interactive.text.gray.muted',disabled:'interactive.text.gray.disabled'};var _BaseMenuItem=function _BaseMenuItem(_ref,ref){var title=_ref.title,description=_ref.description,as=_ref.as,leading=_ref.leading,trailing=_ref.trailing,titleSuffix=_ref.titleSuffix,isDisabled=_ref.isDisabled,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,isSelected=_ref.isSelected,_ref$isVisible=_ref.isVisible,isVisible=_ref$isVisible===void 0?true:_ref$isVisible,color=_ref.color,_ref$role=_ref.role,role=_ref$role===void 0?'menuitem':_ref$role,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);var _useTruncationTitle=useTruncationTitle({content:title}),containerRef=_useTruncationTitle.containerRef,textRef=_useTruncationTitle.textRef;return jsx(BaseMenuItemContext.Provider,{value:{color:color,isDisabled:isDisabled},children:jsx(StyledMenuItemContainer,Object.assign({ref:ref,as:as,type:"button",disabled:isDisabled},makeAccessible({role:role,current:role==='menuitem'||role==='menuitemcheckbox'?isSelected:undefined,disabled:isDisabled,selected:isSelected}),{color:color,isVisible:isVisible,isSelected:isSelected,isDisabled:isDisabled,selectionType:selectionType},props,{children:children?children:jsxs(Box,{display:"flex",flexDirection:"row",alignItems:"flex-start",width:"100%",justifyContent:"flex-start",children:[jsx(Box,{display:"flex",justifyContent:"center",alignItems:"center",height:makeSize(itemFirstRowHeight),children:leading}),jsxs(Box,{paddingLeft:leading?'spacing.3':'spacing.0',paddingRight:"spacing.3",display:"flex",flexDirection:"column",children:[jsxs(Box,{display:"flex",alignItems:"center",flexDirection:"row",height:makeSize(itemFirstRowHeight),ref:containerRef,children:[jsx(BaseText,Object.assign({as:"p",ref:textRef,truncateAfterLines:1,wordBreak:"break-all"},getTextProps({size:'medium',color:menuItemTitleColor[color==='negative'?'negative':'normal'][isDisabled?'disabled':'default'],weight:'regular'}),{children:title})),titleSuffix]}),jsx(Box,{children:description?jsx(Text,{color:menuItemDescriptionColor[isDisabled?'disabled':'default'],size:"small",children:description}):null})]}),jsx(Box,{marginLeft:"auto",children:trailing})]})}))});};var BaseMenuItem=React__default.forwardRef(_BaseMenuItem);
 export { BaseMenuItem };
 //# sourceMappingURL=BaseMenuItem.js.map

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":"~~;;;;;;;;;;;;;;;;;;;;;~~AAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,aAAA,CAAA,IAAA,CAAA,SAAA,CAAA,UAAA,CAAA,aAAA,CAAA,YAAA,CAAA,eAAA,CAAA,YAAA,CAAA,WAAA,CAAA,OAAA,CAAA,MAAA,CAAA,UAAA,CAAA,CAaA,~~IAAMA~~,kBAAkB,CAAG,CACzBC,QAAQ,CAAE,CACRC,OAAO,CAAE,gCAAgC,CACzCC,QAAQ,CAAE,gCACZ,CAAC,CACDC,MAAM,CAAE,CAAEF,OAAO,CAAE,8BAA8B,CAAEC,QAAQ,CAAE,gCAAiC,CAChG,CAAU,CAEV,IAAME,wBAAwB,CAAG,CAC/BH,OAAO,CAAE,6BAA6B,CACtCC,QAAQ,CAAE,gCACZ,CAAU,CAIV,IAAMG,aAAiF,CAAG,SAApFA,aAAiFA,CAAAC,IAAA,CAiBrFC,GAAG,CACoB,~~CAAA~~,~~IAhBrBC~~,KAAK,CAAAF,IAAA,CAALE,KAAK,CACLC,WAAW,CAAAH,IAAA,CAAXG,WAAW,CACXC,EAAE,CAAAJ,IAAA,CAAFI,EAAE,CACFC,OAAO,CAAAL,IAAA,CAAPK,OAAO,CACPC,QAAQ,CAAAN,IAAA,CAARM,QAAQ,CACRC,WAAW,CAAAP,IAAA,CAAXO,WAAW,CACXC,UAAU,CAAAR,IAAA,CAAVQ,UAAU,CAAAC,kBAAA,CAAAT,IAAA,CACVU,aAAa,CAAbA,aAAa,CAAAD,kBAAA,~~GAAG~~,~~KAAA,CAAA,CAAA,~~QAAQ,CAAAA,kBAAA,CACxBE,UAAU,CAAAX,IAAA,CAAVW,UAAU,CAAAC,cAAA,CAAAZ,IAAA,CACVa,SAAS,CAATA,SAAS,CAAAD,cAAA,~~GAAG~~,KAAA,CAAA,~~CAAA~~,IAAI,CAAAA,cAAA,CAChBE,KAAK,CAAAd,IAAA,CAALc,KAAK,CAAAC,SAAA,CAAAf,IAAA,CACLgB,IAAI,CAAJA,IAAI,CAAAD,SAAA,~~GAAA~~,KAAA,CAAA,~~CAAG~~,UAAU,CAAAA,SAAA,CACjBE,QAAQ,CAAAjB,IAAA,CAARiB,QAAQ,CACLC,KAAK,CAAAC,wBAAA,CAAAnB,IAAA,CAAAoB,SAAA,CAAA,~~CAIV,~~IAAAC,mBAAA,CAAkCC,kBAAkB,CAAC,CAAEC,OAAO,CAAErB,KAAM,CAAC,CAAC,CAAhEsB,YAAY,CAAAH,mBAAA,CAAZG,YAAY,CAAEC,OAAO,CAAAJ,mBAAA,CAAPI,OAAO,CAC7B,OACEC,GAAA,CAACC,mBAAmB,CAACC,QAAQ,~~CAAA,~~CAACC,KAAK,CAAE,CAAEf,KAAK,CAALA,KAAK,CAAEN,UAAU,CAAVA,UAAW,CAAE,CAAAS,QAAA,CACzDS,GAAA,CAACI,uBAAuB,CAAAC,MAAA,CAAAC,MAAA,~~CAAA,~~CACtB/B,GAAG,CAAEA,GAAa,CAClBG,EAAE,CAAEA,EAAG,CACP6B,IAAI,CAAC,QAAQ,CACbrC,QAAQ,CAAEY,UAAW,~~EACjB0B~~,cAAc,CAAC,CACjBlB,IAAI,CAAJA,IAAI,CACJmB,OAAO,CAAEnB,IAAI,GAAK,UAAU,EAAIA,IAAI,GAAK,kBAAkB,CAAGL,UAAU,CAAGyB,SAAS,CACpFxC,QAAQ,CAAEY,UAAU,CACpB6B,QAAQ,CAAE1B,UACZ,CAAC,CAAC,CACFG,CAAAA,KAAK,CAAEA,KAAM,CACbD,SAAS,CAAEA,SAAU,CACrBF,UAAU,CAAEA,UAAW,CACvBH,UAAU,CAAEA,UAAW,CACvBE,aAAa,CAAEA,aAAc,CACzBQ,~~CAAAA,~~KAAK,CAAAD,~~CAAAA,~~QAAA,CAERA,QAAQ,CACPA,QAAQ,CAERqB,IAAA,CAACC,GAAG,~~CAAA~~,~~CAACC~~,OAAO,CAAC,MAAM,~~CAACC~~,UAAU,CAAC,YAAY,~~CAACC~~,KAAK,CAAC,MAAM,~~CAACC~~,cAAc,CAAC,YAAY,~~CAAA1B~~,QAAA,~~CAClFS~~,~~CAAAA~~,GAAA,CAACa,GAAG,~~CAAA,~~CACFC,OAAO,CAAC,MAAM,~~CACdG~~,cAAc,CAAC,QAAQ,CACvBF,UAAU,CAAC,QAAQ,CACnBG,MAAM,CAAEC,QAAQ,CAACC,kBAAkB,CAAE,~~CAAA7B~~,QAAA,CAEpCZ,OAAO,CACL,CAAC,CACNiC,IAAA,CAACC,GAAG,~~CAAA~~,~~CACFQ,~~WAAW,~~CAAE1C~~,OAAO,CAAG,WAAW,CAAG,WAAY,~~CACjD2C~~,YAAY,CAAC,WAAW,~~CACxBR~~,OAAO,CAAC,MAAM,~~CACdS~~,aAAa,CAAC,QAAQ,~~CAAAhC~~,QAAA,CAEtBqB,~~CAAAA,~~IAAA,CAACC,GAAG,~~CAAA,~~CACFC,OAAO,CAAC,MAAM,~~CACdC~~,UAAU,CAAC,QAAQ,~~CACnBQ~~,aAAa,CAAC,KAAK,~~CACnBL~~,MAAM,CAAEC,QAAQ,CAACC,kBAAkB,CAAE,~~CACrC7C~~,GAAG,CAAEuB,YAAsB,CAAAP,QAAA,~~CAAA~~,~~CAE3BS,~~GAAA,CAACwB,QAAQ,CAAAnB,MAAA,CAAAC,MAAA,CACP5B,~~CAAAA,~~EAAE,CAAC,GAAG,CACNH,GAAG,CAAEwB,OAAiB,CACtB0B,kBAAkB,CAAE,CAAE,CACtBC,SAAS,CAAC,WAAW,~~EACjBC~~,YAAY,CAAC,CACfC,IAAI,CAAE,QAAQ,CACdxC,KAAK,CACHrB,kBAAkB,CAACqB,KAAK,GAAK,UAAU,CAAG,UAAU,CAAG,QAAQ,CAAC,CAC9DN,UAAU,CAAG,UAAU,CAAG,SAAS,CACpC,CACH+C,MAAM,CAAE,SACV,CAAC,CAAC,CAAAtC,~~CAAAA,~~QAAA,CAEDf,KAAK,~~EACE~~,CAAC,CACVK,WAAW,~~CAAA~~,~~CACT,~~CAAC,CACNmB,GAAA,CAACa,GAAG,CAAAtB,~~CAAAA,~~QAAA,CACDd,WAAW,CACVuB,GAAA,CAAC8B,IAAI,~~CAAA,~~CACH1C,KAAK,CAAEhB,wBAAwB,CAACU,UAAU,CAAG,UAAU,CAAG,SAAS,CAAE,CACrE8C,IAAI,CAAC,OAAO,CAAArC,QAAA,CAEXd,WAAW,CACR,CAAC,CACL,IAAI,CACL,CAAC,CACH,~~CAAA,~~CAAC,CACNuB,GAAA,CAACa,GAAG,CAACkB,~~CAAAA,~~UAAU,CAAC,MAAM,CAAAxC,QAAA,CAAEX,QAAQ,CAAM,CAAC,CAAA,CACpC,CACN,CACsB,CAAA,CAAC,CACE,CAAC,CAEnC,CAAC,CAEK,IAAAoD,YAAY,CAAGC,cAAK,CAACC,UAAU,CAAC7D,aAAa;;;;"}
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\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"flex-start\"\n width=\"100%\"\n justifyContent=\"flex-start\"\n >\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":["this","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","flexDirection","alignItems","width","justifyContent","height","makeSize","itemFirstRowHeight","paddingLeft","paddingRight","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

@@ -1,14 +1,10 @@
 import styled from 'styled-components/native';
 import { TouchableOpacity } from 'react-native';
 import { getBaseMenuItemStyles } from './getBaseMenuItemStyles.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
+import '../../../utils/index.js';
 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});});
+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.gray.fadedHighlighted:undefined});});
 export { StyledMenuItemContainer };
 //# sourceMappingURL=StyledMenuItemContainer.native.js.map

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 // Match web's selected-item highlight which uses a neutral gray token\n // (see StyledMenuItemContainer.web.tsx aria-selected styles) instead of the primary/blue token.\n backgroundColor:\n props.isSelected && props.selectionType === 'single'\n ? props.theme.colors.interactive.background.gray.fadedHighlighted\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","gray","fadedHighlighted","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,CAI1CC,eAAe,CACbV,KAAK,CAACW,UAAU,EAAIX,KAAK,CAACY,aAAa,GAAK,QAAQ,CAChDZ,KAAK,CAACI,KAAK,CAACS,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,IAAI,CAACC,gBAAgB,CAC/DC,SAAS,GAEnB,CACF;;;;"}

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

@@ -1,12 +1,8 @@
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
+import '../../../utils/index.js';
+import '../../../utils/makeSize/index.js';
+import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.native.js';
 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.small),textDecoration:'none',cursor:'pointer',width:'100%'};};

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 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;;;;"}
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

@@ -1,8 +1,7 @@
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
+import '../../../tokens/global/index.js';
 import { size } from '../../../tokens/global/size.js';
-var itemFirstRowHeight=size[20];
+var itemFirstRowHeight=size[20];var actionListItemPadding=8;var dividerYMargin=1;var actionListSectionTitleHeight=size[18]+actionListItemPadding*2;var actionListDividerHeight=size[1]+dividerYMargin*2;var getItemPadding=function getItemPadding(theme){return {itemPaddingMobile:theme.spacing[2],itemPaddingDesktop:theme.spacing[3]};};var getActionListItemHeight=function getActionListItemHeight(theme){return {itemHeightMobile:itemFirstRowHeight+getItemPadding(theme).itemPaddingMobile*2,itemHeightDesktop:itemFirstRowHeight+getItemPadding(theme).itemPaddingDesktop*2};};
-export { itemFirstRowHeight };
+export { actionListDividerHeight, actionListSectionTitleHeight, getActionListItemHeight, getItemPadding, 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 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;;;;"}
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","actionListItemPadding","dividerYMargin","actionListSectionTitleHeight","actionListDividerHeight","getItemPadding","theme","itemPaddingMobile","spacing","itemPaddingDesktop","getActionListItemHeight","itemHeightMobile","itemHeightDesktop"],"mappings":";;;AAIM,IAAAA,kBAAkB,CAAGC,IAAI,CAAC,EAAE,EAClC,IAAMC,qBAAqB,CAAG,CAAC,CAC/B,IAAMC,cAAc,CAAG,CAAC,CAClB,IAAAC,4BAA4B,CAAGH,IAAI,CAAC,EAAE,CAAC,CAAGC,qBAAqB,CAAG,EAClE,IAAAG,uBAAuB,CAAGJ,IAAI,CAAC,CAAC,CAAC,CAAGE,cAAc,CAAG,EAErD,IAAAG,cAAc,CAAG,SAAjBA,cAAcA,CAClBC,KAAY,CAIT,CACH,OAAO,CACLC,iBAAiB,CAAED,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC,CACnCC,kBAAkB,CAAEH,KAAK,CAACE,OAAO,CAAC,CAAC,CACrC,CAAC,CACH,EAEM,IAAAE,uBAAuB,CAAG,SAA1BA,uBAAuBA,CAC3BJ,KAAY,CAIT,CACH,OAAO,CACLK,gBAAgB,CAEdZ,kBAAkB,CAAGM,cAAc,CAACC,KAAK,CAAC,CAACC,iBAAiB,CAAG,CAAC,CAClEK,iBAAiB,CAEfb,kBAAkB,CAAGM,cAAc,CAACC,KAAK,CAAC,CAACG,kBAAkB,CAAG,CACpE,CAAC,CACH;;;;"}

package/build/lib/native/components/BaseMenu/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { BaseMenuItem } from './BaseMenuItem/BaseMenuItem.js';
+export { useBaseMenuItem } from './BaseMenuContext.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/BaseMenu/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -4,9 +4,10 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { ThemeContext } from './useTheme.js';
 import { useBladeProvider } from './useBladeProvider.js';
 import { BottomSheetStackProvider } from '../BottomSheet/BottomSheetStack.js';
+import { DrawerStackProvider } from '../Drawer/StackProvider.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-var gestureHandlerStyle={flex:1};var BladeProvider=function BladeProvider(_ref){var themeTokens=_ref.themeTokens,initialColorScheme=_ref.colorScheme,children=_ref.children;var _useBladeProvider=useBladeProvider({initialColorScheme:initialColorScheme,themeTokens:themeTokens}),theme=_useBladeProvider.theme,themeContextValue=_useBladeProvider.themeContextValue;return jsx(GestureHandlerRootView,{style:gestureHandlerStyle,children:jsx(PortalProvider,{children:jsx(ThemeContext.Provider,{value:themeContextValue,children:jsxs(ThemeProvider,{theme:theme,children:[jsx(BottomSheetStackProvider,{children:children}),jsx(PortalHost,{name:"BladeBottomSheetPortal"})]})})})});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BladeProvider/BladeProvider.native.tsx";var gestureHandlerStyle={flex:1};var BladeProvider=function BladeProvider(_ref){var themeTokens=_ref.themeTokens,initialColorScheme=_ref.colorScheme,children=_ref.children;var _useBladeProvider=useBladeProvider({initialColorScheme:initialColorScheme,themeTokens:themeTokens}),theme=_useBladeProvider.theme,themeContextValue=_useBladeProvider.themeContextValue;return jsx(GestureHandlerRootView,{style:gestureHandlerStyle,children:jsx(PortalProvider,{children:jsx(ThemeContext.Provider,{value:themeContextValue,children:jsxs(ThemeProvider,{theme:theme,children:[jsx(DrawerStackProvider,{children:jsx(BottomSheetStackProvider,{children:children})}),jsx(PortalHost,{name:"BladeBottomSheetPortal"})]})})})});};
 export { BladeProvider };
 //# sourceMappingURL=BladeProvider.native.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BladeProvider.native.js","sources":["../../../../../src/components/BladeProvider/BladeProvider.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { ThemeProvider as StyledComponentThemeProvider } from 'styled-components';\nimport { PortalHost, PortalProvider } from '@gorhom/portal';\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\nimport { ThemeContext } from './useTheme';\nimport { useBladeProvider } from './useBladeProvider';\nimport type { BladeProviderProps } from './types';\nimport { BottomSheetStackProvider } from '~components/BottomSheet/BottomSheetStack';\n\nconst gestureHandlerStyle = {\n flex: 1,\n};\n\nconst BladeProvider = ({\n themeTokens,\n colorScheme: initialColorScheme,\n children,\n}: BladeProviderProps): ReactElement => {\n const { theme, themeContextValue } = useBladeProvider({ initialColorScheme, themeTokens });\n\n return (\n <GestureHandlerRootView style={gestureHandlerStyle}>\n <PortalProvider>\n <ThemeContext.Provider value={themeContextValue}>\n <StyledComponentThemeProvider theme={theme}>\n <BottomSheetStackProvider>{children}</BottomSheetStackProvider>\n <PortalHost name=\"BladeBottomSheetPortal\" />\n </StyledComponentThemeProvider>\n </ThemeContext.Provider>\n </PortalProvider>\n </GestureHandlerRootView>\n );\n};\n\nexport { BladeProvider };\n"],"names":["gestureHandlerStyle","flex","BladeProvider","_ref","themeTokens","initialColorScheme","colorScheme","children","_useBladeProvider","useBladeProvider","theme","themeContextValue","_jsx","GestureHandlerRootView","style","PortalProvider","ThemeContext","Provider","value","_jsxs","StyledComponentThemeProvider","BottomSheetStackProvider","PortalHost","name"],"mappings":"~~;;;;;;;;AASA~~,~~IAAMA~~,mBAAmB,CAAG,CAC1BC,IAAI,CAAE,CACR,CAAC,CAEK,IAAAC,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAIqB,~~KAHtCC~~,WAAW,CAAAD,IAAA,CAAXC,WAAW,CACEC,kBAAkB,CAAAF,IAAA,CAA/BG,WAAW,CACXC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CAER,IAAAC,iBAAA,CAAqCC,gBAAgB,CAAC,CAAEJ,kBAAkB,CAAlBA,kBAAkB,CAAED,WAAW,CAAXA,WAAY,CAAC,CAAC,CAAlFM,KAAK,CAAAF,iBAAA,CAALE,KAAK,CAAEC,iBAAiB,CAAAH,iBAAA,CAAjBG,iBAAiB,CAEhC,OACEC,GAAA,CAACC,sBAAsB,CAAA,CAACC,KAAK,CAAEd,mBAAoB,CAAAO,QAAA,CACjDK,GAAA,CAACG,cAAc,~~CAAAR~~,~~CAAAA,~~QAAA,CACbK,GAAA,CAACI,YAAY,CAACC,QAAQ,CAACC,~~CAAAA,~~KAAK,CAAEP,iBAAkB,CAAAJ,QAAA,CAC9CY,IAAA,CAACC,aAA4B,EAACV,KAAK,CAAEA,KAAM,CAAAH,QAAA,~~CACzCK~~,CAAAA,GAAA,~~CAACS~~,wBAAwB,~~CAAA~~,~~CAAAd~~,QAAA,CAAEA,QAAQ,CAA2B,CAAC,~~CAC/DK~~,GAAA,~~CAACU~~,UAAU,CAACC,CAAAA,IAAI,CAAC,wBAAwB,CAAE,CAAC,CAChB,CAAA,CAAC,CACV,CAAC,CACV,CAAC,CACK,CAAC,CAE7B;;;;"}
1	+ {"version":3,"file":"BladeProvider.native.js","sources":["../../../../../src/components/BladeProvider/BladeProvider.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { ThemeProvider as StyledComponentThemeProvider } from 'styled-components';\nimport { PortalHost, PortalProvider } from '@gorhom/portal';\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\nimport { ThemeContext } from './useTheme';\nimport { useBladeProvider } from './useBladeProvider';\nimport type { BladeProviderProps } from './types';\nimport { BottomSheetStackProvider } from '~components/BottomSheet/BottomSheetStack';\nimport { DrawerStackProvider } from '~components/Drawer/StackProvider';\n\nconst gestureHandlerStyle = {\n flex: 1,\n};\n\nconst BladeProvider = ({\n themeTokens,\n colorScheme: initialColorScheme,\n children,\n}: BladeProviderProps): ReactElement => {\n const { theme, themeContextValue } = useBladeProvider({ initialColorScheme, themeTokens });\n\n return (\n <GestureHandlerRootView style={gestureHandlerStyle}>\n <PortalProvider>\n <ThemeContext.Provider value={themeContextValue}>\n <StyledComponentThemeProvider theme={theme}>\n <DrawerStackProvider>\n <BottomSheetStackProvider>{children}</BottomSheetStackProvider>\n </DrawerStackProvider>\n <PortalHost name=\"BladeBottomSheetPortal\" />\n </StyledComponentThemeProvider>\n </ThemeContext.Provider>\n </PortalProvider>\n </GestureHandlerRootView>\n );\n};\n\nexport { BladeProvider };\n"],"names":["this","gestureHandlerStyle","flex","BladeProvider","_ref","themeTokens","initialColorScheme","colorScheme","children","_useBladeProvider","useBladeProvider","theme","themeContextValue","_jsx","GestureHandlerRootView","style","PortalProvider","ThemeContext","Provider","value","_jsxs","StyledComponentThemeProvider","DrawerStackProvider","BottomSheetStackProvider","PortalHost","name"],"mappings":";;;;;;;;;AACA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,oGAAA,CASA,IAAMC,mBAAmB,CAAG,CAC1BC,IAAI,CAAE,CACR,CAAC,CAEK,IAAAC,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAIqB,CAAA,IAHtCC,WAAW,CAAAD,IAAA,CAAXC,WAAW,CACEC,kBAAkB,CAAAF,IAAA,CAA/BG,WAAW,CACXC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CAER,IAAAC,iBAAA,CAAqCC,gBAAgB,CAAC,CAAEJ,kBAAkB,CAAlBA,kBAAkB,CAAED,WAAW,CAAXA,WAAY,CAAC,CAAC,CAAlFM,KAAK,CAAAF,iBAAA,CAALE,KAAK,CAAEC,iBAAiB,CAAAH,iBAAA,CAAjBG,iBAAiB,CAEhC,OACEC,GAAA,CAACC,sBAAsB,CAAA,CAACC,KAAK,CAAEd,mBAAoB,CAAAO,QAAA,CACjDK,GAAA,CAACG,cAAc,EAAAR,QAAA,CACbK,GAAA,CAACI,YAAY,CAACC,QAAQ,CAAA,CAACC,KAAK,CAAEP,iBAAkB,CAAAJ,QAAA,CAC9CY,IAAA,CAACC,aAA4B,EAACV,KAAK,CAAEA,KAAM,CAAAH,QAAA,EACzCK,GAAA,CAACS,mBAAmB,CAAAd,CAAAA,QAAA,CAClBK,GAAA,CAACU,wBAAwB,CAAAf,CAAAA,QAAA,CAAEA,QAAQ,CAA2B,CAAC,CAC5C,CAAC,CACtBK,GAAA,CAACW,UAAU,CAACC,CAAAA,IAAI,CAAC,wBAAwB,CAAE,CAAC,CAChB,CAAA,CAAC,CACV,CAAC,CACV,CAAC,CACK,CAAC,CAE7B;;;;"}

package/build/lib/native/components/BladeProvider/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+export { BladeProvider } from './BladeProvider.native.js';
+import './types.js';
+export { default as useTheme } from './useTheme.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/BladeProvider/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/lib/native/components/BladeProvider/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+
2	+ //# sourceMappingURL=types.js.map

package/build/lib/native/components/BladeProvider/types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,15 +1,13 @@
-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 '../../utils/index.js';
 import { colorSchemeNamesInput } from '../../tokens/theme/theme.js';
+import '../../utils/logger/index.js';
+import '../../utils/toTitleCase/index.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
+import { useColorScheme } from '../../utils/useColorScheme/useColorScheme.js';
+import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
+import { toTitleCase } from '../../utils/toTitleCase/toTitleCase.js';
-var useBladeProvider=function useBladeProvider(_ref){var themeTokens=_ref.themeTokens,initialColorScheme=_ref.initialColorScheme;if(__DEV__){if(!themeTokens){throwBladeError({message:`Expected valid themeTokens of type ThemeTokens to be passed but found ${typeof themeTokens}`,moduleName:'BladeProvider'});}if(initialColorScheme&&!colorSchemeNamesInput.includes(initialColorScheme)){throwBladeError({message:`Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${initialColorScheme}`,moduleName:'BladeProvider'});}}var _useColorScheme=useColorScheme(initialColorScheme),colorScheme=_useColorScheme.colorScheme,setColorScheme=_useColorScheme.setColorScheme;var _useBreakpoint=useBreakpoint({breakpoints:themeTokens.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var onColorMode=`on${toTitleCase(colorScheme)}`;var onDeviceType=`on${toTitleCase(matchedDeviceType)}`;var theme=Object.assign({},themeTokens,{colors:themeTokens.colors[onColorMode],elevation:themeTokens.elevation[onColorMode],typography:themeTokens.typography[onDeviceType]});var themeContextValue={theme:theme,colorScheme:colorScheme,setColorScheme:setColorScheme,platform:onDeviceType};return {themeContextValue:themeContextValue,theme:theme};};
+var useBladeProvider=function useBladeProvider(_ref){var themeTokens=_ref.themeTokens,initialColorScheme=_ref.initialColorScheme;if(__DEV__){if(!themeTokens){throwBladeError({message:`Expected valid themeTokens of type ThemeTokens to be passed but found ${typeof themeTokens}`,moduleName:'BladeProvider'});}if(initialColorScheme&&!colorSchemeNamesInput.includes(initialColorScheme)){throwBladeError({message:`Expected color scheme to be one of [${colorSchemeNamesInput.toString()}] but received ${initialColorScheme}`,moduleName:'BladeProvider'});}}var _useColorScheme=useColorScheme(initialColorScheme),colorScheme=_useColorScheme.colorScheme,setColorScheme=_useColorScheme.setColorScheme;var _useBreakpoint=useBreakpoint({breakpoints:themeTokens.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var onColorMode=`on${toTitleCase(colorScheme)}`;var onDeviceType=`on${toTitleCase(matchedDeviceType)}`;var theme=Object.assign({},themeTokens,{colors:themeTokens.colors[onColorMode],elevation:themeTokens.elevation[onColorMode],typography:themeTokens.typography[onDeviceType]});var themeContextValue={theme:theme,themeTokens:themeTokens,colorScheme:colorScheme,setColorScheme:setColorScheme,platform:onDeviceType};return {themeContextValue:themeContextValue,theme:theme};};
 export { useBladeProvider };
 //# sourceMappingURL=useBladeProvider.js.map

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 { throwBladeError } from '~utils/logger';\nimport { toTitleCase } from '~utils/toTitleCase';\n\ntype ThemeContextValue = {\n theme: Theme;\n themeTokens: ThemeTokens;\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 themeTokens,\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":";;;;;;;;;AAwBM,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAMwC,CAAA,IAL5DC,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,CAAA,sEAAA,EAAyE,OAAOJ,WAAW,CAAA,CAAE,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,CAAA,oCAAA,EAAuCE,qBAAqB,CAACE,QAAQ,EAAE,CAAA,eAAA,EAAkBP,kBAAkB,CAAE,CAAA,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,CAAA,CAAsB,CACvE,IAAMQ,YAAY,CAAG,CAAKD,EAAAA,EAAAA,WAAW,CAACF,iBAAiB,CAAC,CAAA,CAAyB,CAEjF,IAAMI,KAAY,CAAAC,MAAA,CAAAC,MAAA,CACbtB,EAAAA,CAAAA,WAAW,CACduB,CAAAA,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,CAAA,CACjD,CAED,IAAMO,iBAAiB,CAAG,CACxBN,KAAK,CAALA,KAAK,CACLpB,WAAW,CAAXA,WAAW,CACXW,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 CHANGED Viewed

@@ -1,7 +1,8 @@
 import { createContext, useContext } from 'react';
+import '../../utils/logger/index.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
-var ThemeContext=createContext({theme:null,colorScheme:'light',platform:'onDesktop',setColorScheme:function setColorScheme(){return null;}});var useTheme=function useTheme(){var themeContext=useContext(ThemeContext);if(__DEV__){if(!themeContext.theme){throwBladeError({message:'BladeProvider is missing theme',moduleName:'BladeProvider'});}if(themeContext===undefined){throwBladeError({message:'useTheme must be used within BladeProvider',moduleName:'BladeProvider'});}}return themeContext;};
+var ThemeContext=createContext({theme:null,themeTokens:null,colorScheme:'light',platform:'onDesktop',setColorScheme:function setColorScheme(){return null;}});var useTheme=function useTheme(){var themeContext=useContext(ThemeContext);if(__DEV__){if(!themeContext.theme){throwBladeError({message:'BladeProvider is missing theme',moduleName:'BladeProvider'});}if(themeContext===undefined){throwBladeError({message:'useTheme must be used within BladeProvider',moduleName:'BladeProvider'});}}return themeContext;};
 export { ThemeContext, useTheme as default };
 //# sourceMappingURL=useTheme.js.map

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,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;;;;"}
1	+ {"version":3,"file":"useTheme.js","sources":["../../../../../src/components/BladeProvider/useTheme.ts"],"sourcesContent":["import { useContext, createContext } from 'react';\nimport type { Theme } from './';\nimport type { ThemeTokens } from '~tokens/theme';\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 themeTokens: ThemeTokens;\n platform: TypographyPlatforms;\n};\n\nexport const ThemeContext = createContext<ThemeContext>({\n // @ts-expect-error set null\n theme: null,\n // @ts-expect-error set null\n themeTokens: 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","themeTokens","colorScheme","platform","setColorScheme","useTheme","themeContext","useContext","__DEV__","throwBladeError","message","moduleName","undefined"],"mappings":";;;;AAaa,IAAAA,YAAY,CAAGC,aAAa,CAAe,CAEtDC,KAAK,CAAE,IAAI,CAEXC,WAAW,CAAE,IAAI,CACjBC,WAAW,CAAE,OAAO,CACpBC,QAAQ,CAAE,WAAW,CACrBC,cAAc,CAAE,SAAhBA,cAAcA,EAAQ,CAAA,OAAA,IAAI,CAC5B,CAAA,CAAC,EAEK,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,EAAuB,CACnC,IAAMC,YAAY,CAAGC,UAAU,CAAeT,YAAY,CAAC,CAC3D,GAAIU,OAAO,CAAE,CACX,GAAI,CAACF,YAAY,CAACN,KAAK,CAAE,CACvBS,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/BottomNav/BottomNav.native.js CHANGED Viewed

@@ -1,11 +1,30 @@
-import '../Typography/Heading/Heading.js';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import React__default from 'react';
+import { Linking, View, Platform, Pressable } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import styled from 'styled-components/native';
+import '../BladeProvider/index.js';
+import '../../utils/logger/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../Typography/index.js';
+import '../../tokens/global/index.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { logger, throwBladeError } from '../../utils/logger/logger.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { colors } from '../../tokens/global/colors.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx } from 'react/jsx-runtime';
-var BottomNav=function BottomNav(_props){throwBladeError({message:'BottomNav is not yet implemented for native',moduleName:'BottomNav'});return jsx(Text,{children:"BottomNav Component is not available for Native mobile apps."});};var BottomNavItem=function BottomNavItem(_props){throwBladeError({message:'BottomNavItem is not yet implemented for native',moduleName:'BottomNavItem'});return jsx(Text,{children:"BottomNav Component is not available for Native mobile apps."});};
+var _excluded=["children","zIndex","testID"],_excluded2=["title","href","rel","target","as","isActive","onClick","icon","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BottomNav/BottomNav.native.tsx";var openURL=function(){var _ref=_asyncToGenerator(function*(href){try{var canOpen=yield Linking.canOpenURL(href);if(canOpen){yield Linking.openURL(href);}}catch(_unused){if(__DEV__){logger({message:`Could not open the link "href=${href}"`,moduleName:'BottomNavItem',type:'warn'});}}});return function openURL(_x){return _ref.apply(this,arguments);};}();var StyledBottomNav=styled(View)(function(props){return {position:'absolute',bottom:0,left:0,width:'100%',backgroundColor:props.backgroundColor,borderTopWidth:props.borderTopWidth,borderTopColor:props.borderTopColor,paddingHorizontal:props.paddingHorizontal,flexDirection:'row'};});var _BottomNav=function _BottomNav(_ref2,ref){var children=_ref2.children,_ref2$zIndex=_ref2.zIndex,zIndex=_ref2$zIndex===void 0?componentZIndices.bottomNav:_ref2$zIndex,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme,colorScheme=_useTheme.colorScheme;var insets=useSafeAreaInsets();if(__DEV__){var childrenCount=React__default.Children.count(children);if(childrenCount>5||childrenCount<2){throwBladeError({moduleName:'BottomNav',message:'children cannot be less than 2 and more than 5'});}}var shadowStyle=React__default.useMemo(function(){if(Platform.OS==='ios'){return {shadowColor:colorScheme==='light'?colors.neutral.blueGrayLight.a912:colors.neutral.black[100],shadowOffset:{width:0,height:-8},shadowRadius:24,shadowOpacity:1};}return {elevation:8};},[colorScheme]);return jsx(StyledBottomNav,Object.assign({ref:ref,backgroundColor:theme.colors.surface.background.gray.intense,borderTopWidth:theme.border.width.thin,borderTopColor:theme.colors.surface.border.gray.muted,paddingHorizontal:theme.spacing[2],style:[shadowStyle,{zIndex:zIndex,paddingBottom:insets.bottom}]},makeAccessible({role:'navigation'}),metaAttribute({testID:testID,name:MetaConstants.BottomNav}),makeAnalyticsAttribute(rest),{children:children}));};var BottomNav=assignWithoutSideEffects(React__default.forwardRef(_BottomNav),{displayName:'BottomNav'});var BottomNavItem=function BottomNavItem(_ref3){var title=_ref3.title,href=_ref3.href,_rel=_ref3.rel,_target=_ref3.target,_as=_ref3.as,isActive=_ref3.isActive,onClick=_ref3.onClick,Icon=_ref3.icon,testID=_ref3.testID,rest=_objectWithoutProperties(_ref3,_excluded2);var _useTheme2=useTheme(),theme=_useTheme2.theme;if(__DEV__){if(_as){logger({moduleName:'BottomNavItem',type:'warn',message:'The `as` prop is not supported on React Native. Use the `onClick` prop with your navigation library instead (e.g. `onClick={() => navigation.navigate(route)}`).'});}}var iconColor=isActive?'interactive.icon.primary.subtle':'interactive.icon.gray.subtle';var textColor=isActive?'interactive.text.primary.subtle':'interactive.text.gray.subtle';var handleOnPress=function handleOnPress(event){if(href){void openURL(href);}if(onClick){onClick(event);}};return jsxs(Pressable,Object.assign({onPress:handleOnPress,style:{flex:1,alignItems:'center',justifyContent:'center',flexDirection:'column',paddingTop:theme.spacing[5],paddingBottom:theme.spacing[4],gap:theme.spacing[1]}},makeAccessible({role:'tab',current:isActive?'page':undefined}),metaAttribute({name:MetaConstants.BottomNavItem,testID:testID}),makeAnalyticsAttribute(rest),{children:[jsx(Icon,{color:iconColor,size:"large"}),jsx(Text,{truncateAfterLines:1,color:textColor,size:"xsmall",weight:"semibold",children:title})]}));};
 export { BottomNav, BottomNavItem };
 //# sourceMappingURL=BottomNav.native.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BottomNav.native.js","sources":["../../../../../src/components/BottomNav/BottomNav.native.tsx"],"sourcesContent":["import type { BottomNavProps, BottomNavItemProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst BottomNav = (_props: BottomNavProps): React.ReactElement => {\n throwBladeError({\n message: 'BottomNav is not yet implemented for native',\n moduleName: 'BottomNav',\n });\n\n return <Text>BottomNav Component is not available for Native mobile apps.</Text>;\n};\n\nconst BottomNavItem = (_props: BottomNavItemProps): React.ReactElement => {\n throwBladeError({\n message: 'BottomNavItem is not yet implemented for native',\n moduleName: 'BottomNavItem',\n });\n\n return <Text>BottomNav Component is not available for Native mobile apps.</Text>;\n};\n\nexport { BottomNav, BottomNavItem };\n"],"names":["BottomNav","_props","throwBladeError","message","moduleName","_jsx","Text","children","BottomNavItem"],"mappings":";;;;;;;AAIM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,MAAsB,CAAyB,CAChEC,eAAe,CAAC,CACdC,OAAO,CAAE,6CAA6C,CACtDC,UAAU,CAAE,WACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,8DAA4D,CAAM,CAAC,CAClF,EAEM,IAAAC,aAAa,CAAG,SAAhBA,aAAaA,CAAIP,MAA0B,CAAyB,CACxEC,eAAe,CAAC,CACdC,OAAO,CAAE,iDAAiD,CAC1DC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,8DAA4D,CAAM,CAAC,CAClF;;;;"}
1	+ {"version":3,"file":"BottomNav.native.js","sources":["../../../../../src/components/BottomNav/BottomNav.native.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Pressable, Linking, Platform } from 'react-native';\nimport type { GestureResponderEvent, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport styled from 'styled-components/native';\nimport type { BottomNavItemProps, BottomNavProps } from './types';\nimport { useTheme } from '~components/BladeProvider';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { Text } from '~components/Typography';\nimport { colors as globalColors } from '~tokens/global';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst openURL = async (href: string): Promise<void> => {\n try {\n const canOpen = await Linking.canOpenURL(href);\n if (canOpen) {\n await Linking.openURL(href);\n }\n } catch {\n if (__DEV__) {\n logger({\n message: `Could not open the link \"href=${href}\"`,\n moduleName: 'BottomNavItem',\n type: 'warn',\n });\n }\n }\n};\n\nconst StyledBottomNav = styled(View)<{\n backgroundColor: string;\n borderTopWidth: number;\n borderTopColor: string;\n paddingHorizontal: number;\n}>((props) => ({\n position: 'absolute' as const,\n bottom: 0,\n left: 0,\n width: '100%',\n backgroundColor: props.backgroundColor,\n borderTopWidth: props.borderTopWidth,\n borderTopColor: props.borderTopColor,\n paddingHorizontal: props.paddingHorizontal,\n flexDirection: 'row' as const,\n}));\n\n/*\n ### BottomNav component\n \n Bottom navigation component is a persistent user interface element at the bottom of a mobile app screen, providing quick access to core functionalities through icons and labels.\n \n ---\n \n #### Usage\n \n ```jsx\n * <BottomNav>\n * <BottomNavItem\n * isActive={true}\n * title=\"Payments\"\n * icon={WalletIcon}\n * />\n * <BottomNavItem\n * title=\"Transactions\"\n * icon={TransactionsIcon}\n * onClick={() => navigation.navigate('Transactions')}\n * />\n * </BottomNav>\n * ```\n \n Checkout {@link https://blade.razorpay.com/??path=/docs/components-bottomnav--doc BottomNav Documentation}\n */\nconst _BottomNav = (\n { children, zIndex = componentZIndices.bottomNav, testID, ...rest }: BottomNavProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const { theme, colorScheme } = useTheme();\n const insets = useSafeAreaInsets();\n\n if (__DEV__) {\n const childrenCount = React.Children.count(children);\n if (childrenCount > 5 \|\| childrenCount < 2) {\n throwBladeError({\n moduleName: 'BottomNav',\n message: 'children cannot be less than 2 and more than 5',\n });\n }\n }\n\n const shadowStyle = React.useMemo<ViewStyle>(() => {\n if (Platform.OS === 'ios') {\n return {\n shadowColor:\n colorScheme === 'light'\n ? globalColors.neutral.blueGrayLight.a912\n : globalColors.neutral.black[100],\n shadowOffset: { width: 0, height: -8 },\n shadowRadius: 24,\n shadowOpacity: 1,\n };\n }\n return { elevation: 8 };\n }, [colorScheme]);\n\n return (\n <StyledBottomNav\n ref={ref as never}\n backgroundColor={theme.colors.surface.background.gray.intense}\n borderTopWidth={theme.border.width.thin}\n borderTopColor={theme.colors.surface.border.gray.muted}\n paddingHorizontal={theme.spacing[2]}\n style={[shadowStyle, { zIndex, paddingBottom: insets.bottom }]}\n {...makeAccessible({ role: 'navigation' })}\n {...metaAttribute({\n testID,\n name: MetaConstants.BottomNav,\n })}\n {...makeAnalyticsAttribute(rest)}\n >\n {children}\n </StyledBottomNav>\n );\n};\n\nconst BottomNav = assignWithoutSideEffects(React.forwardRef(_BottomNav), {\n displayName: 'BottomNav',\n});\n\nconst BottomNavItem = ({\n title,\n href,\n rel: _rel,\n target: _target,\n as: _as,\n isActive,\n onClick,\n icon: Icon,\n testID,\n ...rest\n}: BottomNavItemProps): React.ReactElement => {\n const { theme } = useTheme();\n\n if (__DEV__) {\n if (_as) {\n logger({\n moduleName: 'BottomNavItem',\n type: 'warn',\n message:\n 'The `as` prop is not supported on React Native. Use the `onClick` prop with your navigation library instead (e.g. `onClick={() => navigation.navigate(route)}`).',\n });\n }\n }\n\n const iconColor = isActive\n ? ('interactive.icon.primary.subtle' as const)\n : ('interactive.icon.gray.subtle' as const);\n const textColor = isActive\n ? ('interactive.text.primary.subtle' as const)\n : ('interactive.text.gray.subtle' as const);\n\n const handleOnPress = (event: GestureResponderEvent): void => {\n if (href) {\n void openURL(href as string);\n }\n\n if (onClick) {\n onClick(event);\n }\n };\n\n return (\n <Pressable\n onPress={handleOnPress}\n style={{\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n flexDirection: 'column',\n paddingTop: theme.spacing[5],\n paddingBottom: theme.spacing[4],\n gap: theme.spacing[1],\n }}\n {...makeAccessible({\n role: 'tab',\n current: isActive ? 'page' : undefined,\n })}\n {...metaAttribute({\n name: MetaConstants.BottomNavItem,\n testID,\n })}\n {...makeAnalyticsAttribute(rest)}\n >\n <Icon color={iconColor} size=\"large\" />\n <Text truncateAfterLines={1} color={textColor} size=\"xsmall\" weight=\"semibold\">\n {title}\n </Text>\n </Pressable>\n );\n};\n\nexport { BottomNav, BottomNavItem };\n"],"names":["openURL","_ref","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","message","moduleName","type","_x","apply","arguments","StyledBottomNav","styled","View","props","position","bottom","left","width","backgroundColor","borderTopWidth","borderTopColor","paddingHorizontal","flexDirection","_BottomNav","_ref2","ref","children","_ref2$zIndex","zIndex","componentZIndices","bottomNav","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","colorScheme","insets","useSafeAreaInsets","childrenCount","React","Children","count","throwBladeError","shadowStyle","useMemo","Platform","OS","shadowColor","globalColors","neutral","blueGrayLight","a912","black","shadowOffset","height","shadowRadius","shadowOpacity","elevation","_jsx","Object","assign","colors","surface","background","gray","intense","border","thin","muted","spacing","style","paddingBottom","makeAccessible","role","metaAttribute","name","MetaConstants","BottomNav","makeAnalyticsAttribute","assignWithoutSideEffects","forwardRef","displayName","BottomNavItem","_ref3","title","_rel","rel","_target","target","_as","as","isActive","onClick","Icon","icon","_excluded2","_useTheme2","iconColor","textColor","handleOnPress","event","_jsxs","Pressable","onPress","flex","alignItems","justifyContent","paddingTop","gap","current","undefined","color","size","Text","truncateAfterLines","weight"],"mappings":"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"}