npm - @razorpay/blade - Versions diffs - 11.11.1 → 11.12.0 - Mend

@razorpay/blade 11.11.1 → 11.12.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 (96) hide show

package/build/lib/native/components/Box/BaseBox/baseBoxStyles.js CHANGED Viewed

@@ -14,7 +14,7 @@ import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js'
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import '../../BladeProvider/useTheme.js';
-var _excluded=["base"];var isSpacingToken=function isSpacingToken(value){return typeof value==='string'&&value.startsWith('spacing.');};var getSpacingValue=function getSpacingValue(spacingValue,theme,breakpoint){if(isEmpty(spacingValue)){return undefined;}var responsiveSpacingValue=getResponsiveValue(spacingValue,breakpoint);if(isEmpty(responsiveSpacingValue)){return undefined;}if(responsiveSpacingValue==='auto'){return responsiveSpacingValue;}if(Array.isArray(responsiveSpacingValue)){return responsiveSpacingValue.map(function(value){return getSpacingValue(value,theme);}).join(' ');}if(isSpacingToken(responsiveSpacingValue)){var spacingReturnValue=getIn(theme,responsiveSpacingValue);return isEmpty(spacingReturnValue)?makeSpace(spacingReturnValue):undefined;}return responsiveSpacingValue;};var getColorValue=function getColorValue(color,theme,breakpoint){var responsiveBackgroundValue=getResponsiveValue(color,breakpoint);var tokenValue=getIn(theme,`colors.${responsiveBackgroundValue}`);return tokenValue!=null?tokenValue:responsiveBackgroundValue;};var getBorderRadiusValue=function getBorderRadiusValue(borderRadius,theme,breakpoint){var responsiveBorderRadiusValue=getResponsiveValue(borderRadius,breakpoint);return isEmpty(responsiveBorderRadiusValue)?undefined:makeBorderSize(getIn(theme,`border.radius.${responsiveBorderRadiusValue}`));};var getBorderWidthValue=function getBorderWidthValue(borderWidth,theme,breakpoint){var responsiveBorderWidthValue=getResponsiveValue(borderWidth,breakpoint);return isEmpty(responsiveBorderWidthValue)?undefined:makeBorderSize(getIn(theme,`border.width.${responsiveBorderWidthValue}`));};var getElevationValue=function getElevationValue(elevation,theme,breakpoint){var responsiveElevationValue=getResponsiveValue(elevation,breakpoint);return isEmpty(responsiveElevationValue)?undefined:getIn(theme,`elevation.${responsiveElevationValue}`);};var getAllProps=function getAllProps(props,breakpoint){var _props$paddingTop,_props$paddingBottom,_props$paddingRight,_props$paddingLeft,_props$marginBottom,_props$marginTop,_props$marginRight,_props$marginLeft;var hasBorder=props.borderWidth||props.borderColor;var hasBorderRight=props.borderRight||props.borderRightColor||props.borderRightWidth;var hasBorderLeft=props.borderLeft||props.borderLeftColor||props.borderLeftWidth;var hasBorderTop=props.borderTop||props.borderTopColor||props.borderTopWidth;var hasBorderBottom=props.borderBottom||props.borderBottomColor||props.borderBottomWidth;return Object.assign({display:getResponsiveValue(props.display,breakpoint),overflow:getResponsiveValue(props.overflow,breakpoint),overflowX:getResponsiveValue(props.overflowX,breakpoint),overflowY:getResponsiveValue(props.overflowY,breakpoint),textAlign:getResponsiveValue(props.textAlign,breakpoint),whiteSpace:getResponsiveValue(props.whiteSpace,breakpoint),flex:getResponsiveValue(props.flex,breakpoint),flexWrap:getResponsiveValue(props.flexWrap,breakpoint),flexDirection:getResponsiveValue(props.flexDirection,breakpoint),flexGrow:getResponsiveValue(props.flexGrow,breakpoint),flexShrink:getResponsiveValue(props.flexShrink,breakpoint),flexBasis:getResponsiveValue(props.flexBasis,breakpoint),alignItems:getResponsiveValue(props.alignItems,breakpoint),alignContent:getResponsiveValue(props.alignContent,breakpoint),alignSelf:getResponsiveValue(props.alignSelf,breakpoint),justifyItems:getResponsiveValue(props.justifyItems,breakpoint),justifyContent:getResponsiveValue(props.justifyContent,breakpoint),justifySelf:getResponsiveValue(props.justifySelf,breakpoint),placeSelf:getResponsiveValue(props.placeSelf,breakpoint),placeItems:getResponsiveValue(props.placeItems,breakpoint),order:getResponsiveValue(props.order,breakpoint),position:getResponsiveValue(props.position,breakpoint),zIndex:getResponsiveValue(props.zIndex,breakpoint),grid:getResponsiveValue(props.grid,breakpoint),gridColumn:getResponsiveValue(props.gridColumn,breakpoint),gridRow:getResponsiveValue(props.gridRow,breakpoint),gridRowStart:getResponsiveValue(props.gridRowStart,breakpoint),gridRowEnd:getResponsiveValue(props.gridRowEnd,breakpoint),gridArea:getResponsiveValue(props.gridArea,breakpoint),gridAutoFlow:getResponsiveValue(props.gridAutoFlow,breakpoint),gridAutoRows:getResponsiveValue(props.gridAutoRows,breakpoint),gridAutoColumns:getResponsiveValue(props.gridAutoColumns,breakpoint),gridTemplate:getResponsiveValue(props.gridTemplate,breakpoint),gridTemplateAreas:getResponsiveValue(props.gridTemplateAreas,breakpoint),gridTemplateColumns:getResponsiveValue(props.gridTemplateColumns,breakpoint),gridTemplateRows:getResponsiveValue(props.gridTemplateRows,breakpoint),padding:getSpacingValue(props.padding,props.theme,breakpoint),paddingTop:getSpacingValue((_props$paddingTop=props.paddingTop)!=null?_props$paddingTop:props.paddingY,props.theme,breakpoint),paddingBottom:getSpacingValue((_props$paddingBottom=props.paddingBottom)!=null?_props$paddingBottom:props.paddingY,props.theme,breakpoint),paddingRight:getSpacingValue((_props$paddingRight=props.paddingRight)!=null?_props$paddingRight:props.paddingX,props.theme,breakpoint),paddingLeft:getSpacingValue((_props$paddingLeft=props.paddingLeft)!=null?_props$paddingLeft:props.paddingX,props.theme,breakpoint),margin:getSpacingValue(props.margin,props.theme,breakpoint),marginBottom:getSpacingValue((_props$marginBottom=props.marginBottom)!=null?_props$marginBottom:props.marginY,props.theme,breakpoint),marginTop:getSpacingValue((_props$marginTop=props.marginTop)!=null?_props$marginTop:props.marginY,props.theme,breakpoint),marginRight:getSpacingValue((_props$marginRight=props.marginRight)!=null?_props$marginRight:props.marginX,props.theme,breakpoint),marginLeft:getSpacingValue((_props$marginLeft=props.marginLeft)!=null?_props$marginLeft:props.marginX,props.theme,breakpoint),height:getSpacingValue(props.height,props.theme,breakpoint),minHeight:getSpacingValue(props.minHeight,props.theme,breakpoint),maxHeight:getSpacingValue(props.maxHeight,props.theme,breakpoint),width:getSpacingValue(props.width,props.theme,breakpoint),minWidth:getSpacingValue(props.minWidth,props.theme,breakpoint),maxWidth:getSpacingValue(props.maxWidth,props.theme,breakpoint),gap:getSpacingValue(props.gap,props.theme,breakpoint),rowGap:getSpacingValue(props.rowGap,props.theme,breakpoint),columnGap:getSpacingValue(props.columnGap,props.theme,breakpoint),top:getSpacingValue(props.top,props.theme,breakpoint),right:getSpacingValue(props.right,props.theme,breakpoint),bottom:getSpacingValue(props.bottom,props.theme,breakpoint),left:getSpacingValue(props.left,props.theme,breakpoint),backgroundColor:getColorValue(props.backgroundColor,props.theme,breakpoint),backgroundImage:getResponsiveValue(props.backgroundImage,breakpoint),backgroundSize:getResponsiveValue(props.backgroundSize,breakpoint),backgroundPosition:getResponsiveValue(props.backgroundPosition,breakpoint),backgroundOrigin:getResponsiveValue(props.backgroundOrigin,breakpoint),backgroundRepeat:getResponsiveValue(props.backgroundRepeat,breakpoint),borderRadius:getBorderRadiusValue(props.borderRadius,props.theme,breakpoint),lineHeight:getSpacingValue(props.lineHeight,props.theme,breakpoint),border:getResponsiveValue(props.border,breakpoint),borderTop:getResponsiveValue(props.borderTop,breakpoint),borderRight:getResponsiveValue(props.borderRight,breakpoint),borderBottom:getResponsiveValue(props.borderBottom,breakpoint),borderLeft:getResponsiveValue(props.borderLeft,breakpoint),borderWidth:getBorderWidthValue(props.borderWidth,props.theme,breakpoint),borderColor:getColorValue(props.borderColor,props.theme,breakpoint),borderTopWidth:getBorderWidthValue(props.borderTopWidth,props.theme,breakpoint),borderTopColor:getColorValue(props.borderTopColor,props.theme,breakpoint),borderRightWidth:getBorderWidthValue(props.borderRightWidth,props.theme,breakpoint),borderRightColor:getColorValue(props.borderRightColor,props.theme,breakpoint),borderBottomWidth:getBorderWidthValue(props.borderBottomWidth,props.theme,breakpoint),borderBottomColor:getColorValue(props.borderBottomColor,props.theme,breakpoint),borderLeftWidth:getBorderWidthValue(props.borderLeftWidth,props.theme,breakpoint),borderLeftColor:getColorValue(props.borderLeftColor,props.theme,breakpoint),borderTopLeftRadius:getBorderRadiusValue(props.borderTopLeftRadius,props.theme,breakpoint),borderTopRightRadius:getBorderRadiusValue(props.borderTopRightRadius,props.theme,breakpoint),borderBottomRightRadius:getBorderRadiusValue(props.borderBottomRightRadius,props.theme,breakpoint),borderBottomLeftRadius:getBorderRadiusValue(props.borderBottomLeftRadius,props.theme,breakpoint),borderStyle:hasBorder?'solid':undefined},!hasBorder&&{borderTopStyle:hasBorderTop?'solid':undefined,borderBottomStyle:hasBorderBottom?'solid':undefined,borderLeftStyle:hasBorderLeft?'solid':undefined,borderRightStyle:hasBorderRight?'solid':undefined},{touchAction:getResponsiveValue(props.touchAction,breakpoint),userSelect:getResponsiveValue(props.userSelect,breakpoint),pointerEvents:getResponsiveValue(props.pointerEvents),opacity:getResponsiveValue(props.opacity,breakpoint),visibility:getResponsiveValue(props.visibility,breakpoint)},!isReactNative()&&{boxShadow:getElevationValue(props.elevation,props.theme,breakpoint)},{transform:getResponsiveValue(props.transform,breakpoint),transformOrigin:getResponsiveValue(props.transformOrigin,breakpoint),clipPath:getResponsiveValue(props.clipPath,breakpoint)});};var shouldAddBreakpoint=function shouldAddBreakpoint(cssProps){var firstDefinedValue=Object.values(cssProps).find(function(cssValue){return cssValue!==undefined&&cssValue!==null;});return firstDefinedValue!==undefined;};var getAllMediaQueries=function getAllMediaQueries(props){if(isReactNative()){return {};}breakpoints.base;var breakpointsWithoutBase=_objectWithoutProperties(breakpoints,_excluded);return Object.fromEntries(Object.entries(breakpointsWithoutBase).map(function(_ref){var _ref2=_slicedToArray(_ref,2),breakpointKey=_ref2[0],breakpointValue=_ref2[1];var cssPropsForCurrentBreakpoint=getAllProps(props,breakpointKey);if(!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)){return [];}var mediaQuery=`@media ${getMediaQuery({min:breakpointValue})}`;return [mediaQuery,cssPropsForCurrentBreakpoint];}));};var getBaseBoxStyles=function getBaseBoxStyles(props){return Object.assign({},getAllProps(props),getAllMediaQueries(props));};
+var _excluded=["base"];var isSpacingToken=function isSpacingToken(value){return typeof value==='string'&&value.startsWith('spacing.');};var getSpacingValue=function getSpacingValue(spacingValue,theme,breakpoint){if(isEmpty(spacingValue)){return undefined;}var responsiveSpacingValue=getResponsiveValue(spacingValue,breakpoint);if(isEmpty(responsiveSpacingValue)){return undefined;}if(responsiveSpacingValue==='auto'){return responsiveSpacingValue;}if(Array.isArray(responsiveSpacingValue)){return responsiveSpacingValue.map(function(value){return getSpacingValue(value,theme);}).join(' ');}if(isSpacingToken(responsiveSpacingValue)){var spacingReturnValue=getIn(theme,responsiveSpacingValue);return isEmpty(spacingReturnValue)?makeSpace(spacingReturnValue):undefined;}return responsiveSpacingValue;};var getColorValue=function getColorValue(color,theme,breakpoint){var responsiveBackgroundValue=getResponsiveValue(color,breakpoint);var tokenValue=getIn(theme,`colors.${responsiveBackgroundValue}`);return tokenValue!=null?tokenValue:responsiveBackgroundValue;};var getBorderRadiusValue=function getBorderRadiusValue(borderRadius,theme,breakpoint){var responsiveBorderRadiusValue=getResponsiveValue(borderRadius,breakpoint);return isEmpty(responsiveBorderRadiusValue)?undefined:makeBorderSize(getIn(theme,`border.radius.${responsiveBorderRadiusValue}`));};var getBorderWidthValue=function getBorderWidthValue(borderWidth,theme,breakpoint){var responsiveBorderWidthValue=getResponsiveValue(borderWidth,breakpoint);return isEmpty(responsiveBorderWidthValue)?undefined:makeBorderSize(getIn(theme,`border.width.${responsiveBorderWidthValue}`));};var getElevationValue=function getElevationValue(elevation,theme,breakpoint){var responsiveElevationValue=getResponsiveValue(elevation,breakpoint);return isEmpty(responsiveElevationValue)?undefined:getIn(theme,`elevation.${responsiveElevationValue}`);};var getAllProps=function getAllProps(props,breakpoint){var _props$paddingTop,_props$paddingBottom,_props$paddingRight,_props$paddingLeft,_props$marginBottom,_props$marginTop,_props$marginRight,_props$marginLeft;var hasBorder=props.borderWidth||props.borderColor;var hasBorderRight=props.borderRight||props.borderRightColor||props.borderRightWidth;var hasBorderLeft=props.borderLeft||props.borderLeftColor||props.borderLeftWidth;var hasBorderTop=props.borderTop||props.borderTopColor||props.borderTopWidth;var hasBorderBottom=props.borderBottom||props.borderBottomColor||props.borderBottomWidth;return Object.assign({display:getResponsiveValue(props.display,breakpoint),overflow:getResponsiveValue(props.overflow,breakpoint),overflowX:getResponsiveValue(props.overflowX,breakpoint),overflowY:getResponsiveValue(props.overflowY,breakpoint),textAlign:getResponsiveValue(props.textAlign,breakpoint),whiteSpace:getResponsiveValue(props.whiteSpace,breakpoint),flex:getResponsiveValue(props.flex,breakpoint),flexWrap:getResponsiveValue(props.flexWrap,breakpoint),flexDirection:getResponsiveValue(props.flexDirection,breakpoint),flexGrow:getResponsiveValue(props.flexGrow,breakpoint),flexShrink:getResponsiveValue(props.flexShrink,breakpoint),flexBasis:getResponsiveValue(props.flexBasis,breakpoint),alignItems:getResponsiveValue(props.alignItems,breakpoint),alignContent:getResponsiveValue(props.alignContent,breakpoint),alignSelf:getResponsiveValue(props.alignSelf,breakpoint),justifyItems:getResponsiveValue(props.justifyItems,breakpoint),justifyContent:getResponsiveValue(props.justifyContent,breakpoint),justifySelf:getResponsiveValue(props.justifySelf,breakpoint),placeSelf:getResponsiveValue(props.placeSelf,breakpoint),placeItems:getResponsiveValue(props.placeItems,breakpoint),order:getResponsiveValue(props.order,breakpoint),position:getResponsiveValue(props.position,breakpoint),zIndex:getResponsiveValue(props.zIndex,breakpoint),grid:getResponsiveValue(props.grid,breakpoint),gridColumn:getResponsiveValue(props.gridColumn,breakpoint),gridRow:getResponsiveValue(props.gridRow,breakpoint),gridRowStart:getResponsiveValue(props.gridRowStart,breakpoint),gridRowEnd:getResponsiveValue(props.gridRowEnd,breakpoint),gridArea:getResponsiveValue(props.gridArea,breakpoint),gridAutoFlow:getResponsiveValue(props.gridAutoFlow,breakpoint),gridAutoRows:getResponsiveValue(props.gridAutoRows,breakpoint),gridAutoColumns:getResponsiveValue(props.gridAutoColumns,breakpoint),gridTemplate:getResponsiveValue(props.gridTemplate,breakpoint),gridTemplateAreas:getResponsiveValue(props.gridTemplateAreas,breakpoint),gridTemplateColumns:getResponsiveValue(props.gridTemplateColumns,breakpoint),gridTemplateRows:getResponsiveValue(props.gridTemplateRows,breakpoint),padding:getSpacingValue(props.padding,props.theme,breakpoint),paddingTop:getSpacingValue((_props$paddingTop=props.paddingTop)!=null?_props$paddingTop:props.paddingY,props.theme,breakpoint),paddingBottom:getSpacingValue((_props$paddingBottom=props.paddingBottom)!=null?_props$paddingBottom:props.paddingY,props.theme,breakpoint),paddingRight:getSpacingValue((_props$paddingRight=props.paddingRight)!=null?_props$paddingRight:props.paddingX,props.theme,breakpoint),paddingLeft:getSpacingValue((_props$paddingLeft=props.paddingLeft)!=null?_props$paddingLeft:props.paddingX,props.theme,breakpoint),margin:getSpacingValue(props.margin,props.theme,breakpoint),marginBottom:getSpacingValue((_props$marginBottom=props.marginBottom)!=null?_props$marginBottom:props.marginY,props.theme,breakpoint),marginTop:getSpacingValue((_props$marginTop=props.marginTop)!=null?_props$marginTop:props.marginY,props.theme,breakpoint),marginRight:getSpacingValue((_props$marginRight=props.marginRight)!=null?_props$marginRight:props.marginX,props.theme,breakpoint),marginLeft:getSpacingValue((_props$marginLeft=props.marginLeft)!=null?_props$marginLeft:props.marginX,props.theme,breakpoint),height:getSpacingValue(props.height,props.theme,breakpoint),minHeight:getSpacingValue(props.minHeight,props.theme,breakpoint),maxHeight:getSpacingValue(props.maxHeight,props.theme,breakpoint),width:getSpacingValue(props.width,props.theme,breakpoint),minWidth:getSpacingValue(props.minWidth,props.theme,breakpoint),maxWidth:getSpacingValue(props.maxWidth,props.theme,breakpoint),gap:getSpacingValue(props.gap,props.theme,breakpoint),rowGap:getSpacingValue(props.rowGap,props.theme,breakpoint),columnGap:getSpacingValue(props.columnGap,props.theme,breakpoint),top:getSpacingValue(props.top,props.theme,breakpoint),right:getSpacingValue(props.right,props.theme,breakpoint),bottom:getSpacingValue(props.bottom,props.theme,breakpoint),left:getSpacingValue(props.left,props.theme,breakpoint),backgroundColor:getColorValue(props.backgroundColor,props.theme,breakpoint),backgroundImage:getResponsiveValue(props.backgroundImage,breakpoint),backgroundSize:getResponsiveValue(props.backgroundSize,breakpoint),backgroundPosition:getResponsiveValue(props.backgroundPosition,breakpoint),backgroundOrigin:getResponsiveValue(props.backgroundOrigin,breakpoint),backgroundRepeat:getResponsiveValue(props.backgroundRepeat,breakpoint),borderRadius:getBorderRadiusValue(props.borderRadius,props.theme,breakpoint),lineHeight:getSpacingValue(props.lineHeight,props.theme,breakpoint),border:getResponsiveValue(props.border,breakpoint),borderTop:getResponsiveValue(props.borderTop,breakpoint),borderRight:getResponsiveValue(props.borderRight,breakpoint),borderBottom:getResponsiveValue(props.borderBottom,breakpoint),borderLeft:getResponsiveValue(props.borderLeft,breakpoint),borderWidth:getBorderWidthValue(props.borderWidth,props.theme,breakpoint),borderColor:getColorValue(props.borderColor,props.theme,breakpoint),borderTopWidth:getBorderWidthValue(props.borderTopWidth,props.theme,breakpoint),borderTopColor:getColorValue(props.borderTopColor,props.theme,breakpoint),borderRightWidth:getBorderWidthValue(props.borderRightWidth,props.theme,breakpoint),borderRightColor:getColorValue(props.borderRightColor,props.theme,breakpoint),borderBottomWidth:getBorderWidthValue(props.borderBottomWidth,props.theme,breakpoint),borderBottomColor:getColorValue(props.borderBottomColor,props.theme,breakpoint),borderLeftWidth:getBorderWidthValue(props.borderLeftWidth,props.theme,breakpoint),borderLeftColor:getColorValue(props.borderLeftColor,props.theme,breakpoint),borderTopLeftRadius:getBorderRadiusValue(props.borderTopLeftRadius,props.theme,breakpoint),borderTopRightRadius:getBorderRadiusValue(props.borderTopRightRadius,props.theme,breakpoint),borderBottomRightRadius:getBorderRadiusValue(props.borderBottomRightRadius,props.theme,breakpoint),borderBottomLeftRadius:getBorderRadiusValue(props.borderBottomLeftRadius,props.theme,breakpoint),borderStyle:hasBorder?'solid':undefined,cursor:getResponsiveValue(props.cursor,breakpoint)},!hasBorder&&{borderTopStyle:hasBorderTop?'solid':undefined,borderBottomStyle:hasBorderBottom?'solid':undefined,borderLeftStyle:hasBorderLeft?'solid':undefined,borderRightStyle:hasBorderRight?'solid':undefined},{touchAction:getResponsiveValue(props.touchAction,breakpoint),userSelect:getResponsiveValue(props.userSelect,breakpoint),pointerEvents:getResponsiveValue(props.pointerEvents),opacity:getResponsiveValue(props.opacity,breakpoint),visibility:getResponsiveValue(props.visibility,breakpoint)},!isReactNative()&&{boxShadow:getElevationValue(props.elevation,props.theme,breakpoint)},{transform:getResponsiveValue(props.transform,breakpoint),transformOrigin:getResponsiveValue(props.transformOrigin,breakpoint),clipPath:getResponsiveValue(props.clipPath,breakpoint)});};var shouldAddBreakpoint=function shouldAddBreakpoint(cssProps){var firstDefinedValue=Object.values(cssProps).find(function(cssValue){return cssValue!==undefined&&cssValue!==null;});return firstDefinedValue!==undefined;};var getAllMediaQueries=function getAllMediaQueries(props){if(isReactNative()){return {};}breakpoints.base;var breakpointsWithoutBase=_objectWithoutProperties(breakpoints,_excluded);return Object.fromEntries(Object.entries(breakpointsWithoutBase).map(function(_ref){var _ref2=_slicedToArray(_ref,2),breakpointKey=_ref2[0],breakpointValue=_ref2[1];var cssPropsForCurrentBreakpoint=getAllProps(props,breakpointKey);if(!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)){return [];}var mediaQuery=`@media ${getMediaQuery({min:breakpointValue})}`;return [mediaQuery,cssPropsForCurrentBreakpoint];}));};var getBaseBoxStyles=function getBaseBoxStyles(props){return Object.assign({},getAllProps(props),getAllMediaQueries(props));};
 export { getAllMediaQueries, getAllProps, getBaseBoxStyles, getBorderRadiusValue, getColorValue, getElevationValue, getSpacingValue, shouldAddBreakpoint };
 //# sourceMappingURL=baseBoxStyles.js.map

package/build/lib/native/components/Box/BaseBox/baseBoxStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseBoxStyles.js","sources":["../../../../../../src/components/Box/BaseBox/baseBoxStyles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-ts-expect-error /\n/ eslint-disable @typescript-eslint/no-unnecessary-type-assertion /\nimport type { CSSObject } from 'styled-components';\nimport type {\n BaseBoxProps,\n MakeValueResponsive,\n SpacingValueType,\n ArrayOfMaxLength4,\n} from './types';\nimport { getResponsiveValue } from './getResponsiveValue';\nimport getIn from '~utils/lodashButBetter/get';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { Breakpoints } from '~tokens/global';\nimport { breakpoints } from '~tokens/global';\nimport { isReactNative, getMediaQuery } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\nconst isSpacingToken = (value: string): value is DotNotationSpacingStringToken => {\n return typeof value === 'string' && value.startsWith('spacing.');\n};\n\nconst getSpacingValue = (\n spacingValue:\n \| MakeValueResponsive<SpacingValueType \| ArrayOfMaxLength4<SpacingValueType>>\n \| undefined,\n theme: Theme,\n breakpoint?: keyof Breakpoints,\n): string \| undefined => {\n if (isEmpty(spacingValue)) {\n return undefined;\n }\n\n const responsiveSpacingValue = getResponsiveValue(\n spacingValue as MakeValueResponsive<SpacingValueType \| SpacingValueType[]>,\n breakpoint,\n );\n\n if (isEmpty(responsiveSpacingValue)) {\n return undefined;\n }\n\n if (responsiveSpacingValue === 'auto') {\n return responsiveSpacingValue;\n }\n\n if (Array.isArray(responsiveSpacingValue)) {\n return responsiveSpacingValue.map((value) => getSpacingValue(value, theme)).join(' ');\n }\n\n if (isSpacingToken(responsiveSpacingValue)) {\n const spacingReturnValue = getIn(theme, responsiveSpacingValue);\n return isEmpty(spacingReturnValue) ? makeSpace(spacingReturnValue!) : undefined;\n }\n\n // pixel or with unit values\n return responsiveSpacingValue;\n};\n\nconst getColorValue = (\n color: BaseBoxProps['backgroundColor'] \| BaseBoxProps['borderColor'],\n theme: Theme,\n breakpoint?: keyof Breakpoints,\n): string => {\n const responsiveBackgroundValue = getResponsiveValue(color, breakpoint);\n // @ts-expect-error: We always return any from getResponsiveValue so value can't be inferred here\n const tokenValue = getIn(theme, `colors.${responsiveBackgroundValue}`);\n return tokenValue ?? responsiveBackgroundValue;\n};\n\nconst getBorderRadiusValue = (\n borderRadius: BaseBoxProps['borderRadius'],\n theme: Theme,\n breakpoint?: keyof Breakpoints,\n): string \| undefined => {\n const responsiveBorderRadiusValue = getResponsiveValue(borderRadius, breakpoint);\n return isEmpty(responsiveBorderRadiusValue)\n ? undefined\n : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n makeBorderSize(getIn(theme, `border.radius.${responsiveBorderRadiusValue}`));\n};\n\nconst getBorderWidthValue = (\n borderWidth: BaseBoxProps['borderWidth'],\n theme: Theme,\n breakpoint?: keyof Breakpoints,\n): string \| undefined => {\n const responsiveBorderWidthValue = getResponsiveValue(borderWidth, breakpoint);\n return isEmpty(responsiveBorderWidthValue)\n ? undefined\n : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n makeBorderSize(getIn(theme, `border.width.${responsiveBorderWidthValue}`));\n};\n\nexport const getElevationValue = (\n elevation: BaseBoxProps['elevation'],\n theme: Theme,\n breakpoint?: keyof Breakpoints,\n): string \| undefined => {\n const responsiveElevationValue = getResponsiveValue(elevation, breakpoint);\n return isEmpty(responsiveElevationValue)\n ? undefined\n : // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n getIn(theme, `elevation.${responsiveElevationValue!}`);\n};\n\nconst getAllProps = (\n props: BaseBoxProps & { theme: Theme },\n breakpoint?: keyof Breakpoints,\n): CSSObject => {\n const hasBorder = props.borderWidth \|\| props.borderColor;\n const hasBorderRight = props.borderRight \|\| props.borderRightColor \|\| props.borderRightWidth;\n const hasBorderLeft = props.borderLeft \|\| props.borderLeftColor \|\| props.borderLeftWidth;\n const hasBorderTop = props.borderTop \|\| props.borderTopColor \|\| props.borderTopWidth;\n const hasBorderBottom = props.borderBottom \|\| props.borderBottomColor \|\| props.borderBottomWidth;\n\n return {\n display: getResponsiveValue(props.display, breakpoint),\n overflow: getResponsiveValue(props.overflow, breakpoint),\n overflowX: getResponsiveValue(props.overflowX, breakpoint),\n overflowY: getResponsiveValue(props.overflowY, breakpoint),\n textAlign: getResponsiveValue(props.textAlign, breakpoint),\n whiteSpace: getResponsiveValue(props.whiteSpace, breakpoint),\n\n // Flex\n flex: getResponsiveValue(props.flex, breakpoint),\n flexWrap: getResponsiveValue(props.flexWrap, breakpoint),\n flexDirection: getResponsiveValue(props.flexDirection, breakpoint),\n flexGrow: getResponsiveValue(props.flexGrow, breakpoint),\n flexShrink: getResponsiveValue(props.flexShrink, breakpoint),\n flexBasis: getResponsiveValue(props.flexBasis, breakpoint),\n alignItems: getResponsiveValue(props.alignItems, breakpoint),\n alignContent: getResponsiveValue(props.alignContent, breakpoint),\n alignSelf: getResponsiveValue(props.alignSelf, breakpoint),\n justifyItems: getResponsiveValue(props.justifyItems, breakpoint),\n justifyContent: getResponsiveValue(props.justifyContent, breakpoint),\n justifySelf: getResponsiveValue(props.justifySelf, breakpoint),\n placeSelf: getResponsiveValue(props.placeSelf, breakpoint),\n placeItems: getResponsiveValue(props.placeItems, breakpoint),\n order: getResponsiveValue(props.order, breakpoint),\n position: getResponsiveValue(props.position, breakpoint),\n zIndex: getResponsiveValue(props.zIndex, breakpoint),\n\n // Grid\n grid: getResponsiveValue(props.grid, breakpoint),\n gridColumn: getResponsiveValue(props.gridColumn, breakpoint),\n gridRow: getResponsiveValue(props.gridRow, breakpoint),\n gridRowStart: getResponsiveValue(props.gridRowStart, breakpoint),\n gridRowEnd: getResponsiveValue(props.gridRowEnd, breakpoint),\n gridArea: getResponsiveValue(props.gridArea, breakpoint),\n gridAutoFlow: getResponsiveValue(props.gridAutoFlow, breakpoint),\n gridAutoRows: getResponsiveValue(props.gridAutoRows, breakpoint),\n gridAutoColumns: getResponsiveValue(props.gridAutoColumns, breakpoint),\n gridTemplate: getResponsiveValue(props.gridTemplate, breakpoint),\n gridTemplateAreas: getResponsiveValue(props.gridTemplateAreas, breakpoint),\n gridTemplateColumns: getResponsiveValue(props.gridTemplateColumns, breakpoint),\n gridTemplateRows: getResponsiveValue(props.gridTemplateRows, breakpoint),\n\n // Spacing Props\n padding: getSpacingValue(props.padding, props.theme, breakpoint),\n paddingTop: getSpacingValue(props.paddingTop ?? props.paddingY, props.theme, breakpoint),\n paddingBottom: getSpacingValue(props.paddingBottom ?? props.paddingY, props.theme, breakpoint),\n paddingRight: getSpacingValue(props.paddingRight ?? props.paddingX, props.theme, breakpoint),\n paddingLeft: getSpacingValue(props.paddingLeft ?? props.paddingX, props.theme, breakpoint),\n margin: getSpacingValue(props.margin, props.theme, breakpoint),\n marginBottom: getSpacingValue(props.marginBottom ?? props.marginY, props.theme, breakpoint),\n marginTop: getSpacingValue(props.marginTop ?? props.marginY, props.theme, breakpoint),\n marginRight: getSpacingValue(props.marginRight ?? props.marginX, props.theme, breakpoint),\n marginLeft: getSpacingValue(props.marginLeft ?? props.marginX, props.theme, breakpoint),\n height: getSpacingValue(props.height, props.theme, breakpoint),\n minHeight: getSpacingValue(props.minHeight, props.theme, breakpoint),\n maxHeight: getSpacingValue(props.maxHeight, props.theme, breakpoint),\n width: getSpacingValue(props.width, props.theme, breakpoint),\n minWidth: getSpacingValue(props.minWidth, props.theme, breakpoint),\n maxWidth: getSpacingValue(props.maxWidth, props.theme, breakpoint),\n gap: getSpacingValue(props.gap, props.theme, breakpoint),\n rowGap: getSpacingValue(props.rowGap, props.theme, breakpoint),\n columnGap: getSpacingValue(props.columnGap, props.theme, breakpoint),\n top: getSpacingValue(props.top, props.theme, breakpoint),\n right: getSpacingValue(props.right, props.theme, breakpoint),\n bottom: getSpacingValue(props.bottom, props.theme, breakpoint),\n left: getSpacingValue(props.left, props.theme, breakpoint),\n\n // Visual props\n backgroundColor: getColorValue(props.backgroundColor, props.theme, breakpoint),\n backgroundImage: getResponsiveValue(props.backgroundImage, breakpoint),\n backgroundSize: getResponsiveValue(props.backgroundSize, breakpoint),\n backgroundPosition: getResponsiveValue(props.backgroundPosition, breakpoint),\n backgroundOrigin: getResponsiveValue(props.backgroundOrigin, breakpoint),\n backgroundRepeat: getResponsiveValue(props.backgroundRepeat, breakpoint),\n borderRadius: getBorderRadiusValue(props.borderRadius, props.theme, breakpoint),\n lineHeight: getSpacingValue(props.lineHeight, props.theme, breakpoint),\n border: getResponsiveValue(props.border, breakpoint),\n borderTop: getResponsiveValue(props.borderTop, breakpoint),\n borderRight: getResponsiveValue(props.borderRight, breakpoint),\n borderBottom: getResponsiveValue(props.borderBottom, breakpoint),\n borderLeft: getResponsiveValue(props.borderLeft, breakpoint),\n borderWidth: getBorderWidthValue(props.borderWidth, props.theme, breakpoint),\n borderColor: getColorValue(props.borderColor, props.theme, breakpoint),\n borderTopWidth: getBorderWidthValue(props.borderTopWidth, props.theme, breakpoint),\n borderTopColor: getColorValue(props.borderTopColor, props.theme, breakpoint),\n borderRightWidth: getBorderWidthValue(props.borderRightWidth, props.theme, breakpoint),\n borderRightColor: getColorValue(props.borderRightColor, props.theme, breakpoint),\n borderBottomWidth: getBorderWidthValue(props.borderBottomWidth, props.theme, breakpoint),\n borderBottomColor: getColorValue(props.borderBottomColor, props.theme, breakpoint),\n borderLeftWidth: getBorderWidthValue(props.borderLeftWidth, props.theme, breakpoint),\n borderLeftColor: getColorValue(props.borderLeftColor, props.theme, breakpoint),\n borderTopLeftRadius: getBorderRadiusValue(props.borderTopLeftRadius, props.theme, breakpoint),\n borderTopRightRadius: getBorderRadiusValue(props.borderTopRightRadius, props.theme, breakpoint),\n borderBottomRightRadius: getBorderRadiusValue(\n props.borderBottomRightRadius,\n props.theme,\n breakpoint,\n ),\n borderBottomLeftRadius: getBorderRadiusValue(\n props.borderBottomLeftRadius,\n props.theme,\n breakpoint,\n ),\n borderStyle: hasBorder ? 'solid' : undefined,\n // Since we only allow 'solid', we can use the same value for all borders if hasBorder is true\n // If hasBorder is false, we need to check each border individually\n ...(!hasBorder && {\n borderTopStyle: hasBorderTop ? 'solid' : undefined,\n borderBottomStyle: hasBorderBottom ? 'solid' : undefined,\n borderLeftStyle: hasBorderLeft ? 'solid' : undefined,\n borderRightStyle: hasBorderRight ? 'solid' : undefined,\n }),\n\n touchAction: getResponsiveValue(props.touchAction, breakpoint),\n userSelect: getResponsiveValue(props.userSelect, breakpoint),\n pointerEvents: getResponsiveValue(props.pointerEvents),\n opacity: getResponsiveValue(props.opacity, breakpoint),\n visibility: getResponsiveValue(props.visibility, breakpoint),\n ...(!isReactNative() && {\n boxShadow: getElevationValue(props.elevation, props.theme, breakpoint),\n }),\n\n // Polygon support\n transform: getResponsiveValue(props.transform as string, breakpoint),\n transformOrigin: getResponsiveValue(props.transformOrigin, breakpoint),\n clipPath: getResponsiveValue(props.clipPath, breakpoint),\n };\n};\n\n/* We only add breakpoint if at least one of the value is defined */\nconst shouldAddBreakpoint = (cssProps: CSSObject): boolean => {\n const firstDefinedValue = Object.values(cssProps).find(\n (cssValue) => cssValue !== undefined && cssValue !== null,\n );\n\n return firstDefinedValue !== undefined;\n};\n\nconst getAllMediaQueries = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n if (isReactNative()) {\n return {};\n }\n\n const { base, ...breakpointsWithoutBase } = breakpoints;\n\n return Object.fromEntries(\n Object.entries(breakpointsWithoutBase).map(([breakpointKey, breakpointValue]) => {\n const cssPropsForCurrentBreakpoint = getAllProps(props, breakpointKey as keyof Breakpoints);\n if (!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)) {\n return [];\n }\n\n const mediaQuery = `@media ${getMediaQuery({ min: breakpointValue })}`;\n return [mediaQuery, cssPropsForCurrentBreakpoint];\n }),\n );\n};\n\nconst getBaseBoxStyles = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n return {\n ...getAllProps(props),\n ...getAllMediaQueries(props),\n };\n};\n\nexport {\n getBaseBoxStyles,\n getSpacingValue,\n getColorValue,\n getBorderRadiusValue,\n shouldAddBreakpoint,\n getAllMediaQueries,\n getAllProps,\n};\n"],"names":["isSpacingToken","value","startsWith","getSpacingValue","spacingValue","theme","breakpoint","isEmpty","undefined","responsiveSpacingValue","getResponsiveValue","Array","isArray","map","join","spacingReturnValue","getIn","makeSpace","getColorValue","color","responsiveBackgroundValue","tokenValue","getBorderRadiusValue","borderRadius","responsiveBorderRadiusValue","makeBorderSize","getBorderWidthValue","borderWidth","responsiveBorderWidthValue","getElevationValue","elevation","responsiveElevationValue","getAllProps","props","_props$paddingTop","_props$paddingBottom","_props$paddingRight","_props$paddingLeft","_props$marginBottom","_props$marginTop","_props$marginRight","_props$marginLeft","hasBorder","borderColor","hasBorderRight","borderRight","borderRightColor","borderRightWidth","hasBorderLeft","borderLeft","borderLeftColor","borderLeftWidth","hasBorderTop","borderTop","borderTopColor","borderTopWidth","hasBorderBottom","borderBottom","borderBottomColor","borderBottomWidth","Object","assign","display","overflow","overflowX","overflowY","textAlign","whiteSpace","flex","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","position","zIndex","grid","gridColumn","gridRow","gridRowStart","gridRowEnd","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","padding","paddingTop","paddingY","paddingBottom","paddingRight","paddingX","paddingLeft","margin","marginBottom","marginY","marginTop","marginRight","marginX","marginLeft","height","minHeight","maxHeight","width","minWidth","maxWidth","gap","rowGap","columnGap","top","right","bottom","left","backgroundColor","backgroundImage","backgroundSize","backgroundPosition","backgroundOrigin","backgroundRepeat","lineHeight","border","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderStyle","borderTopStyle","borderBottomStyle","borderLeftStyle","borderRightStyle","touchAction","userSelect","pointerEvents","opacity","visibility","isReactNative","boxShadow","transform","transformOrigin","clipPath","shouldAddBreakpoint","cssProps","firstDefinedValue","values","find","cssValue","getAllMediaQueries","breakpoints","base","breakpointsWithoutBase","_objectWithoutProperties","_excluded","fromEntries","entries","_ref","_ref2","_slicedToArray","breakpointKey","breakpointValue","cssPropsForCurrentBreakpoint","mediaQuery","getMediaQuery","min","getBaseBoxStyles"],"mappings":"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"}
1	+ {"version":3,"file":"baseBoxStyles.js","sources":["../../../../../../src/components/Box/BaseBox/baseBoxStyles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-ts-expect-error /\n/ eslint-disable @typescript-eslint/no-unnecessary-type-assertion /\nimport type { CSSObject } from 'styled-components';\nimport type {\n BaseBoxProps,\n MakeValueResponsive,\n SpacingValueType,\n ArrayOfMaxLength4,\n} from './types';\nimport { getResponsiveValue } from './getResponsiveValue';\nimport getIn from '~utils/lodashButBetter/get';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { Breakpoints } from '~tokens/global';\nimport { breakpoints } from '~tokens/global';\nimport { isReactNative, getMediaQuery } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\nconst isSpacingToken = (value: string): value is DotNotationSpacingStringToken => {\n return typeof value === 'string' && value.startsWith('spacing.');\n};\n\nconst getSpacingValue = (\n spacingValue:\n \| MakeValueResponsive<SpacingValueType \| ArrayOfMaxLength4<SpacingValueType>>\n \| undefined,\n theme: Theme,\n breakpoint?: keyof Breakpoints,\n): string \| undefined => {\n if (isEmpty(spacingValue)) {\n return undefined;\n }\n\n const responsiveSpacingValue = getResponsiveValue(\n spacingValue as MakeValueResponsive<SpacingValueType \| SpacingValueType[]>,\n breakpoint,\n );\n\n if (isEmpty(responsiveSpacingValue)) {\n return undefined;\n }\n\n if (responsiveSpacingValue === 'auto') {\n return responsiveSpacingValue;\n }\n\n if (Array.isArray(responsiveSpacingValue)) {\n return responsiveSpacingValue.map((value) => getSpacingValue(value, theme)).join(' ');\n }\n\n if (isSpacingToken(responsiveSpacingValue)) {\n const spacingReturnValue = getIn(theme, responsiveSpacingValue);\n return isEmpty(spacingReturnValue) ? makeSpace(spacingReturnValue!) : undefined;\n }\n\n // pixel or with unit values\n return responsiveSpacingValue;\n};\n\nconst getColorValue = (\n color: BaseBoxProps['backgroundColor'] \| BaseBoxProps['borderColor'],\n theme: Theme,\n breakpoint?: keyof Breakpoints,\n): string => {\n const responsiveBackgroundValue = getResponsiveValue(color, breakpoint);\n // @ts-expect-error: We always return any from getResponsiveValue so value can't be inferred here\n const tokenValue = getIn(theme, `colors.${responsiveBackgroundValue}`);\n return tokenValue ?? responsiveBackgroundValue;\n};\n\nconst getBorderRadiusValue = (\n borderRadius: BaseBoxProps['borderRadius'],\n theme: Theme,\n breakpoint?: keyof Breakpoints,\n): string \| undefined => {\n const responsiveBorderRadiusValue = getResponsiveValue(borderRadius, breakpoint);\n return isEmpty(responsiveBorderRadiusValue)\n ? undefined\n : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n makeBorderSize(getIn(theme, `border.radius.${responsiveBorderRadiusValue}`));\n};\n\nconst getBorderWidthValue = (\n borderWidth: BaseBoxProps['borderWidth'],\n theme: Theme,\n breakpoint?: keyof Breakpoints,\n): string \| undefined => {\n const responsiveBorderWidthValue = getResponsiveValue(borderWidth, breakpoint);\n return isEmpty(responsiveBorderWidthValue)\n ? undefined\n : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n makeBorderSize(getIn(theme, `border.width.${responsiveBorderWidthValue}`));\n};\n\nexport const getElevationValue = (\n elevation: BaseBoxProps['elevation'],\n theme: Theme,\n breakpoint?: keyof Breakpoints,\n): string \| undefined => {\n const responsiveElevationValue = getResponsiveValue(elevation, breakpoint);\n return isEmpty(responsiveElevationValue)\n ? undefined\n : // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n getIn(theme, `elevation.${responsiveElevationValue!}`);\n};\n\nconst getAllProps = (\n props: BaseBoxProps & { theme: Theme },\n breakpoint?: keyof Breakpoints,\n): CSSObject => {\n const hasBorder = props.borderWidth \|\| props.borderColor;\n const hasBorderRight = props.borderRight \|\| props.borderRightColor \|\| props.borderRightWidth;\n const hasBorderLeft = props.borderLeft \|\| props.borderLeftColor \|\| props.borderLeftWidth;\n const hasBorderTop = props.borderTop \|\| props.borderTopColor \|\| props.borderTopWidth;\n const hasBorderBottom = props.borderBottom \|\| props.borderBottomColor \|\| props.borderBottomWidth;\n\n return {\n display: getResponsiveValue(props.display, breakpoint),\n overflow: getResponsiveValue(props.overflow, breakpoint),\n overflowX: getResponsiveValue(props.overflowX, breakpoint),\n overflowY: getResponsiveValue(props.overflowY, breakpoint),\n textAlign: getResponsiveValue(props.textAlign, breakpoint),\n whiteSpace: getResponsiveValue(props.whiteSpace, breakpoint),\n\n // Flex\n flex: getResponsiveValue(props.flex, breakpoint),\n flexWrap: getResponsiveValue(props.flexWrap, breakpoint),\n flexDirection: getResponsiveValue(props.flexDirection, breakpoint),\n flexGrow: getResponsiveValue(props.flexGrow, breakpoint),\n flexShrink: getResponsiveValue(props.flexShrink, breakpoint),\n flexBasis: getResponsiveValue(props.flexBasis, breakpoint),\n alignItems: getResponsiveValue(props.alignItems, breakpoint),\n alignContent: getResponsiveValue(props.alignContent, breakpoint),\n alignSelf: getResponsiveValue(props.alignSelf, breakpoint),\n justifyItems: getResponsiveValue(props.justifyItems, breakpoint),\n justifyContent: getResponsiveValue(props.justifyContent, breakpoint),\n justifySelf: getResponsiveValue(props.justifySelf, breakpoint),\n placeSelf: getResponsiveValue(props.placeSelf, breakpoint),\n placeItems: getResponsiveValue(props.placeItems, breakpoint),\n order: getResponsiveValue(props.order, breakpoint),\n position: getResponsiveValue(props.position, breakpoint),\n zIndex: getResponsiveValue(props.zIndex, breakpoint),\n\n // Grid\n grid: getResponsiveValue(props.grid, breakpoint),\n gridColumn: getResponsiveValue(props.gridColumn, breakpoint),\n gridRow: getResponsiveValue(props.gridRow, breakpoint),\n gridRowStart: getResponsiveValue(props.gridRowStart, breakpoint),\n gridRowEnd: getResponsiveValue(props.gridRowEnd, breakpoint),\n gridArea: getResponsiveValue(props.gridArea, breakpoint),\n gridAutoFlow: getResponsiveValue(props.gridAutoFlow, breakpoint),\n gridAutoRows: getResponsiveValue(props.gridAutoRows, breakpoint),\n gridAutoColumns: getResponsiveValue(props.gridAutoColumns, breakpoint),\n gridTemplate: getResponsiveValue(props.gridTemplate, breakpoint),\n gridTemplateAreas: getResponsiveValue(props.gridTemplateAreas, breakpoint),\n gridTemplateColumns: getResponsiveValue(props.gridTemplateColumns, breakpoint),\n gridTemplateRows: getResponsiveValue(props.gridTemplateRows, breakpoint),\n\n // Spacing Props\n padding: getSpacingValue(props.padding, props.theme, breakpoint),\n paddingTop: getSpacingValue(props.paddingTop ?? props.paddingY, props.theme, breakpoint),\n paddingBottom: getSpacingValue(props.paddingBottom ?? props.paddingY, props.theme, breakpoint),\n paddingRight: getSpacingValue(props.paddingRight ?? props.paddingX, props.theme, breakpoint),\n paddingLeft: getSpacingValue(props.paddingLeft ?? props.paddingX, props.theme, breakpoint),\n margin: getSpacingValue(props.margin, props.theme, breakpoint),\n marginBottom: getSpacingValue(props.marginBottom ?? props.marginY, props.theme, breakpoint),\n marginTop: getSpacingValue(props.marginTop ?? props.marginY, props.theme, breakpoint),\n marginRight: getSpacingValue(props.marginRight ?? props.marginX, props.theme, breakpoint),\n marginLeft: getSpacingValue(props.marginLeft ?? props.marginX, props.theme, breakpoint),\n height: getSpacingValue(props.height, props.theme, breakpoint),\n minHeight: getSpacingValue(props.minHeight, props.theme, breakpoint),\n maxHeight: getSpacingValue(props.maxHeight, props.theme, breakpoint),\n width: getSpacingValue(props.width, props.theme, breakpoint),\n minWidth: getSpacingValue(props.minWidth, props.theme, breakpoint),\n maxWidth: getSpacingValue(props.maxWidth, props.theme, breakpoint),\n gap: getSpacingValue(props.gap, props.theme, breakpoint),\n rowGap: getSpacingValue(props.rowGap, props.theme, breakpoint),\n columnGap: getSpacingValue(props.columnGap, props.theme, breakpoint),\n top: getSpacingValue(props.top, props.theme, breakpoint),\n right: getSpacingValue(props.right, props.theme, breakpoint),\n bottom: getSpacingValue(props.bottom, props.theme, breakpoint),\n left: getSpacingValue(props.left, props.theme, breakpoint),\n\n // Visual props\n backgroundColor: getColorValue(props.backgroundColor, props.theme, breakpoint),\n backgroundImage: getResponsiveValue(props.backgroundImage, breakpoint),\n backgroundSize: getResponsiveValue(props.backgroundSize, breakpoint),\n backgroundPosition: getResponsiveValue(props.backgroundPosition, breakpoint),\n backgroundOrigin: getResponsiveValue(props.backgroundOrigin, breakpoint),\n backgroundRepeat: getResponsiveValue(props.backgroundRepeat, breakpoint),\n borderRadius: getBorderRadiusValue(props.borderRadius, props.theme, breakpoint),\n lineHeight: getSpacingValue(props.lineHeight, props.theme, breakpoint),\n border: getResponsiveValue(props.border, breakpoint),\n borderTop: getResponsiveValue(props.borderTop, breakpoint),\n borderRight: getResponsiveValue(props.borderRight, breakpoint),\n borderBottom: getResponsiveValue(props.borderBottom, breakpoint),\n borderLeft: getResponsiveValue(props.borderLeft, breakpoint),\n borderWidth: getBorderWidthValue(props.borderWidth, props.theme, breakpoint),\n borderColor: getColorValue(props.borderColor, props.theme, breakpoint),\n borderTopWidth: getBorderWidthValue(props.borderTopWidth, props.theme, breakpoint),\n borderTopColor: getColorValue(props.borderTopColor, props.theme, breakpoint),\n borderRightWidth: getBorderWidthValue(props.borderRightWidth, props.theme, breakpoint),\n borderRightColor: getColorValue(props.borderRightColor, props.theme, breakpoint),\n borderBottomWidth: getBorderWidthValue(props.borderBottomWidth, props.theme, breakpoint),\n borderBottomColor: getColorValue(props.borderBottomColor, props.theme, breakpoint),\n borderLeftWidth: getBorderWidthValue(props.borderLeftWidth, props.theme, breakpoint),\n borderLeftColor: getColorValue(props.borderLeftColor, props.theme, breakpoint),\n borderTopLeftRadius: getBorderRadiusValue(props.borderTopLeftRadius, props.theme, breakpoint),\n borderTopRightRadius: getBorderRadiusValue(props.borderTopRightRadius, props.theme, breakpoint),\n borderBottomRightRadius: getBorderRadiusValue(\n props.borderBottomRightRadius,\n props.theme,\n breakpoint,\n ),\n borderBottomLeftRadius: getBorderRadiusValue(\n props.borderBottomLeftRadius,\n props.theme,\n breakpoint,\n ),\n borderStyle: hasBorder ? 'solid' : undefined,\n cursor: getResponsiveValue(props.cursor, breakpoint),\n // Since we only allow 'solid', we can use the same value for all borders if hasBorder is true\n // If hasBorder is false, we need to check each border individually\n ...(!hasBorder && {\n borderTopStyle: hasBorderTop ? 'solid' : undefined,\n borderBottomStyle: hasBorderBottom ? 'solid' : undefined,\n borderLeftStyle: hasBorderLeft ? 'solid' : undefined,\n borderRightStyle: hasBorderRight ? 'solid' : undefined,\n }),\n\n touchAction: getResponsiveValue(props.touchAction, breakpoint),\n userSelect: getResponsiveValue(props.userSelect, breakpoint),\n pointerEvents: getResponsiveValue(props.pointerEvents),\n opacity: getResponsiveValue(props.opacity, breakpoint),\n visibility: getResponsiveValue(props.visibility, breakpoint),\n ...(!isReactNative() && {\n boxShadow: getElevationValue(props.elevation, props.theme, breakpoint),\n }),\n\n // Polygon support\n transform: getResponsiveValue(props.transform as string, breakpoint),\n transformOrigin: getResponsiveValue(props.transformOrigin, breakpoint),\n clipPath: getResponsiveValue(props.clipPath, breakpoint),\n };\n};\n\n/* We only add breakpoint if at least one of the value is defined */\nconst shouldAddBreakpoint = (cssProps: CSSObject): boolean => {\n const firstDefinedValue = Object.values(cssProps).find(\n (cssValue) => cssValue !== undefined && cssValue !== null,\n );\n\n return firstDefinedValue !== undefined;\n};\n\nconst getAllMediaQueries = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n if (isReactNative()) {\n return {};\n }\n\n const { base, ...breakpointsWithoutBase } = breakpoints;\n\n return Object.fromEntries(\n Object.entries(breakpointsWithoutBase).map(([breakpointKey, breakpointValue]) => {\n const cssPropsForCurrentBreakpoint = getAllProps(props, breakpointKey as keyof Breakpoints);\n if (!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)) {\n return [];\n }\n\n const mediaQuery = `@media ${getMediaQuery({ min: breakpointValue })}`;\n return [mediaQuery, cssPropsForCurrentBreakpoint];\n }),\n );\n};\n\nconst getBaseBoxStyles = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n return {\n ...getAllProps(props),\n ...getAllMediaQueries(props),\n };\n};\n\nexport {\n getBaseBoxStyles,\n getSpacingValue,\n getColorValue,\n getBorderRadiusValue,\n shouldAddBreakpoint,\n getAllMediaQueries,\n getAllProps,\n};\n"],"names":["isSpacingToken","value","startsWith","getSpacingValue","spacingValue","theme","breakpoint","isEmpty","undefined","responsiveSpacingValue","getResponsiveValue","Array","isArray","map","join","spacingReturnValue","getIn","makeSpace","getColorValue","color","responsiveBackgroundValue","tokenValue","getBorderRadiusValue","borderRadius","responsiveBorderRadiusValue","makeBorderSize","getBorderWidthValue","borderWidth","responsiveBorderWidthValue","getElevationValue","elevation","responsiveElevationValue","getAllProps","props","_props$paddingTop","_props$paddingBottom","_props$paddingRight","_props$paddingLeft","_props$marginBottom","_props$marginTop","_props$marginRight","_props$marginLeft","hasBorder","borderColor","hasBorderRight","borderRight","borderRightColor","borderRightWidth","hasBorderLeft","borderLeft","borderLeftColor","borderLeftWidth","hasBorderTop","borderTop","borderTopColor","borderTopWidth","hasBorderBottom","borderBottom","borderBottomColor","borderBottomWidth","Object","assign","display","overflow","overflowX","overflowY","textAlign","whiteSpace","flex","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","position","zIndex","grid","gridColumn","gridRow","gridRowStart","gridRowEnd","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","padding","paddingTop","paddingY","paddingBottom","paddingRight","paddingX","paddingLeft","margin","marginBottom","marginY","marginTop","marginRight","marginX","marginLeft","height","minHeight","maxHeight","width","minWidth","maxWidth","gap","rowGap","columnGap","top","right","bottom","left","backgroundColor","backgroundImage","backgroundSize","backgroundPosition","backgroundOrigin","backgroundRepeat","lineHeight","border","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderStyle","cursor","borderTopStyle","borderBottomStyle","borderLeftStyle","borderRightStyle","touchAction","userSelect","pointerEvents","opacity","visibility","isReactNative","boxShadow","transform","transformOrigin","clipPath","shouldAddBreakpoint","cssProps","firstDefinedValue","values","find","cssValue","getAllMediaQueries","breakpoints","base","breakpointsWithoutBase","_objectWithoutProperties","_excluded","fromEntries","entries","_ref","_ref2","_slicedToArray","breakpointKey","breakpointValue","cssPropsForCurrentBreakpoint","mediaQuery","getMediaQuery","min","getBaseBoxStyles"],"mappings":"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"}

package/build/lib/native/components/Box/BaseBox/types/propsTypes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"propsTypes.js","sources":["../../../../../../../src/components/Box/BaseBox/types/propsTypes.ts"],"sourcesContent":["import type { View } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport type { MarginProps, PaddingProps, SpacingValueType } from './spacingTypes';\nimport type { MakeObjectResponsive } from './responsiveTypes';\nimport type { Theme } from '~components/BladeProvider';\nimport type { Border, Elevation } from '~tokens/global';\nimport type { PickCSSByPlatform, TestID } from '~utils/types';\nimport type { Platform } from '~utils';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\ntype LayoutProps = MakeObjectResponsive<\n {\n height: SpacingValueType;\n minHeight: SpacingValueType;\n maxHeight: SpacingValueType;\n width: SpacingValueType;\n minWidth: SpacingValueType;\n maxWidth: SpacingValueType;\n } & PickCSSByPlatform<\n 'display' \| 'overflow' \| 'overflowX' \| 'overflowY' \| 'textAlign' \| 'whiteSpace'\n >\n>;\n\ntype FlexboxProps = MakeObjectResponsive<\n {\n /*\n This uses the native gap property which might not work on older browsers.\n * If you want to support older browsers, you might want to use `margin` instead.\n \n @see https://caniuse.com/?search=gap\n /\n gap: SpacingValueType;\n /\n This uses the native row-gap property which might not work on older browsers.\n * If you want to support older browsers, you might want to use `margin` instead.\n \n @see https://caniuse.com/?search=row-gap\n /\n rowGap: SpacingValueType;\n /\n This uses the native column-gap property which might not work on older browsers.\n * If you want to support older browsers, you might want to use `margin` instead.\n \n @see https://caniuse.com/?search=column-gap\n /\n columnGap: SpacingValueType;\n /\n The `flex` CSS shorthand property sets how a flex _item_ will grow or shrink to fit the space available in its flex container.\n \n @see https://developer.mozilla.org/docs/Web/CSS/flex\n /\n flex: string \| number;\n } & PickCSSByPlatform<\n \| 'flexWrap'\n \| 'flexDirection'\n \| 'flexGrow'\n \| 'flexShrink'\n \| 'flexBasis'\n \| 'alignItems'\n \| 'alignContent'\n \| 'alignSelf'\n \| 'justifyItems'\n \| 'justifyContent'\n \| 'justifySelf'\n \| 'placeSelf'\n \| 'placeItems'\n \| 'order'\n >\n>;\n\ntype PositionProps = MakeObjectResponsive<\n {\n top: SpacingValueType;\n right: SpacingValueType;\n bottom: SpacingValueType;\n left: SpacingValueType;\n } & PickCSSByPlatform<'position' \| 'zIndex'>\n>;\n\ntype GridProps = MakeObjectResponsive<\n PickCSSByPlatform<\n \| 'grid'\n \| 'gridColumn'\n \| 'gridRow'\n \| 'gridRowStart'\n \| 'gridRowEnd'\n \| 'gridColumnStart'\n \| 'gridColumnEnd'\n \| 'gridArea'\n \| 'gridAutoFlow'\n \| 'gridAutoRows'\n \| 'gridAutoColumns'\n \| 'gridTemplate'\n \| 'gridTemplateAreas'\n \| 'gridTemplateColumns'\n \| 'gridTemplateRows'\n >\n>;\n\ntype ColorObjects = 'feedback' \| 'surface' \| 'interactive';\ntype BackgroundOnlyColorObjects = 'popup' \| 'overlay';\ntype BackgroundColorString<\n T extends ColorObjects \| BackgroundOnlyColorObjects\n> = `${T}.background.${DotNotationToken<Theme['colors'][T]['background']>}`;\ntype BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationToken<\n Theme['colors'][T]['border']\n>}`;\n\n// Created this as an array so I can reuse it for runtime validation\nconst validBoxAsValues = [\n 'div',\n 'section',\n 'footer',\n 'header',\n 'main',\n 'aside',\n 'nav',\n 'span',\n 'label',\n] as const;\n\ntype BoxAsType = typeof validBoxAsValues[number];\n\n// Visual props that are common for both Box and BaseBox\ntype CommonBoxVisualProps = MakeObjectResponsive<\n {\n borderRadius: keyof Border['radius'];\n borderWidth: keyof Border['width'];\n borderColor: BorderColorString<'surface'>;\n borderTopWidth: keyof Border['width'];\n borderTopColor: BorderColorString<'surface'>;\n borderRightWidth: keyof Border['width'];\n borderRightColor: BorderColorString<'surface'>;\n borderBottomWidth: keyof Border['width'];\n borderBottomColor: BorderColorString<'surface'>;\n borderLeftWidth: keyof Border['width'];\n borderLeftColor: BorderColorString<'surface'>;\n borderTopLeftRadius: keyof Border['radius'];\n borderTopRightRadius: keyof Border['radius'];\n borderBottomRightRadius: keyof Border['radius'];\n borderBottomLeftRadius: keyof Border['radius'];\n } & PickCSSByPlatform<\n \| 'backgroundImage'\n \| 'backgroundSize'\n \| 'backgroundPosition'\n \| 'backgroundOrigin'\n \| 'backgroundRepeat'\n \| 'pointerEvents'\n \| 'opacity'\n \| 'visibility'\n \| 'transform'\n \| 'transformOrigin'\n \| 'clipPath'\n > & {\n /\n Sets the elevation for Box\n \n eg: `theme.elevation.midRaised`\n \n @default `theme.elevation.lowRaised`\n \n Links:\n * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--page\n /\n elevation?: keyof Elevation;\n }\n>;\n\n// Visual props that are specific BaseBox\n// This is used to ensure some of the more flexible BaseBox props are not passed to Box\ntype BaseBoxVisualProps = MakeObjectResponsive<\n {\n backgroundColor:\n \| BackgroundColorString<'feedback'>\n \| BackgroundColorString<'surface'>\n \| BackgroundColorString<'interactive'>\n \| BackgroundColorString<'overlay'>\n \| BackgroundColorString<'popup'>\n \| 'transparent'\n \| (string & Record<never, never>);\n lineHeight: SpacingValueType;\n touchAction: CSSObject['touchAction'];\n userSelect: CSSObject['userSelect'];\n } & PickCSSByPlatform<\n \| 'border'\n \| 'borderLeft'\n \| 'borderRight'\n \| 'borderTop'\n \| 'borderBottom'\n \| 'opacity'\n \| 'pointerEvents'\n >\n>;\n\n// Visual props that are specific to Box\ntype BoxVisualProps = MakeObjectResponsive<{\n backgroundColor: BackgroundColorString<'surface'> \| 'transparent';\n}> & {\n // Intentionally keeping this outside of MakeObjectResponsive since we only want as to be string and not responsive object\n // styled-components do not support passing `as` prop as an object\n as: BoxAsType;\n};\n\ntype StyledPropsBlade = Partial<\n Omit<\n MarginProps &\n Pick<FlexboxProps, 'alignSelf' \| 'justifySelf' \| 'placeSelf' \| 'order'> &\n PositionProps &\n Pick<\n GridProps,\n \| 'gridColumn'\n \| 'gridRow'\n \| 'gridRowStart'\n \| 'gridRowEnd'\n \| 'gridColumnStart'\n \| 'gridColumnEnd'\n \| 'gridArea'\n > &\n Pick<LayoutProps, 'display'>,\n '__brand__'\n >\n>;\n\ntype BoxCallbackProps = Omit<\n Platform.Select<{\n web: {\n /\n Warning\n \n Make sure to not use Box when you want to create a trigger that performs action on hover.\n * You would probably want to render it as `button` using `styled.button` instead.\n \n Use this for hoverable containers in cases like custom menus.\n /\n onMouseOver: React.MouseEventHandler<HTMLElement>;\n /\n Warning\n \n Make sure to not use Box when you want to create a trigger that performs action on hover.\n * You would probably want to render it as `button` using `styled.button` instead.\n \n Use this for hoverable containers in cases like custom menus.\n /\n onMouseEnter: React.MouseEventHandler<HTMLElement>;\n /\n Warning\n \n Make sure to not use Box when you want to create a trigger that performs action on hover.\n * You would probably want to render it as `button` using `styled.button` instead.\n \n Use this for hoverable containers in cases like custom menus.\n */\n onMouseLeave: React.MouseEventHandler<HTMLElement>;\n onScroll: React.UIEventHandler<HTMLElement>;\n };\n native: Record<'onMouseOver' \| 'onMouseEnter' \| 'onMouseLeave' \| 'onScroll', undefined>;\n }>,\n '__brand__'\n>;\n\ntype BoxDragAndDropProps = Omit<\n Platform.Select<{\n web: {\n draggable: boolean;\n onDragStart: React.DragEventHandler<HTMLElement>;\n onDragEnter: React.DragEventHandler<HTMLElement>;\n onDragLeave: React.DragEventHandler<HTMLElement>;\n onDragOver: React.DragEventHandler<HTMLElement>;\n onDragEnd: React.DragEventHandler<HTMLElement>;\n onDrop: React.DragEventHandler<HTMLElement>;\n };\n native: Record<\n \| 'draggable'\n \| 'onDragStart'\n \| 'onDragEnter'\n \| 'onDragLeave'\n \| 'onDragOver'\n \| 'onDragEnd'\n \| 'onDrop',\n undefined\n >;\n }>,\n '__brand__'\n>;\n\ntype BoxProps = Partial<\n PaddingProps &\n MarginProps &\n LayoutProps &\n FlexboxProps &\n PositionProps &\n GridProps &\n BoxCallbackProps &\n BoxDragAndDropProps &\n CommonBoxVisualProps &\n BoxVisualProps & {\n children?: React.ReactNode \| React.ReactNode[];\n tabIndex?: number;\n id?: string;\n } & TestID\n>;\n\n// Visual props have different types for BaseBox and Box. BaseBox has more flexible types and more props exposed.\n// So first we Omit Visual props of Box\n// Then we append BaseBoxVisualProps and some other props for styled-components like class and id\ntype BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> &\n Partial<\n BaseBoxVisualProps & {\n className?: string;\n id?: string;\n tabIndex?: number;\n }\n > &\n BladeCommonEvents;\n\n// ref prop type\ntype BoxRefType = Platform.Select<{\n web: Omit<HTMLElement, 'style'>;\n native: View;\n}>;\n\nexport type { BaseBoxProps, BoxProps, BoxRefType, StyledPropsBlade, FlexboxProps };\nexport { validBoxAsValues };\n"],"names":["validBoxAsValues"],"mappings":"AA8GM,IAAAA,gBAAgB,CAAG,CACvB,KAAK,CACL,SAAS,CACT,QAAQ,CACR,QAAQ,CACR,MAAM,CACN,OAAO,CACP,KAAK,CACL,MAAM,CACN,OAAO;;;;"}
1	+ {"version":3,"file":"propsTypes.js","sources":["../../../../../../../src/components/Box/BaseBox/types/propsTypes.ts"],"sourcesContent":["import type { View } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport type { MarginProps, PaddingProps, SpacingValueType } from './spacingTypes';\nimport type { MakeObjectResponsive } from './responsiveTypes';\nimport type { Theme } from '~components/BladeProvider';\nimport type { Border, Elevation } from '~tokens/global';\nimport type { PickCSSByPlatform, TestID } from '~utils/types';\nimport type { Platform } from '~utils';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\ntype LayoutProps = MakeObjectResponsive<\n {\n height: SpacingValueType;\n minHeight: SpacingValueType;\n maxHeight: SpacingValueType;\n width: SpacingValueType;\n minWidth: SpacingValueType;\n maxWidth: SpacingValueType;\n } & PickCSSByPlatform<\n 'display' \| 'overflow' \| 'overflowX' \| 'overflowY' \| 'textAlign' \| 'whiteSpace'\n >\n>;\n\ntype FlexboxProps = MakeObjectResponsive<\n {\n /*\n This uses the native gap property which might not work on older browsers.\n * If you want to support older browsers, you might want to use `margin` instead.\n \n @see https://caniuse.com/?search=gap\n /\n gap: SpacingValueType;\n /\n This uses the native row-gap property which might not work on older browsers.\n * If you want to support older browsers, you might want to use `margin` instead.\n \n @see https://caniuse.com/?search=row-gap\n /\n rowGap: SpacingValueType;\n /\n This uses the native column-gap property which might not work on older browsers.\n * If you want to support older browsers, you might want to use `margin` instead.\n \n @see https://caniuse.com/?search=column-gap\n /\n columnGap: SpacingValueType;\n /\n The `flex` CSS shorthand property sets how a flex _item_ will grow or shrink to fit the space available in its flex container.\n \n @see https://developer.mozilla.org/docs/Web/CSS/flex\n /\n flex: string \| number;\n } & PickCSSByPlatform<\n \| 'flexWrap'\n \| 'flexDirection'\n \| 'flexGrow'\n \| 'flexShrink'\n \| 'flexBasis'\n \| 'alignItems'\n \| 'alignContent'\n \| 'alignSelf'\n \| 'justifyItems'\n \| 'justifyContent'\n \| 'justifySelf'\n \| 'placeSelf'\n \| 'placeItems'\n \| 'order'\n >\n>;\n\ntype PositionProps = MakeObjectResponsive<\n {\n top: SpacingValueType;\n right: SpacingValueType;\n bottom: SpacingValueType;\n left: SpacingValueType;\n } & PickCSSByPlatform<'position' \| 'zIndex'>\n>;\n\ntype GridProps = MakeObjectResponsive<\n PickCSSByPlatform<\n \| 'grid'\n \| 'gridColumn'\n \| 'gridRow'\n \| 'gridRowStart'\n \| 'gridRowEnd'\n \| 'gridColumnStart'\n \| 'gridColumnEnd'\n \| 'gridArea'\n \| 'gridAutoFlow'\n \| 'gridAutoRows'\n \| 'gridAutoColumns'\n \| 'gridTemplate'\n \| 'gridTemplateAreas'\n \| 'gridTemplateColumns'\n \| 'gridTemplateRows'\n >\n>;\n\ntype ColorObjects = 'feedback' \| 'surface' \| 'interactive';\ntype BackgroundOnlyColorObjects = 'popup' \| 'overlay';\ntype BackgroundColorString<\n T extends ColorObjects \| BackgroundOnlyColorObjects\n> = `${T}.background.${DotNotationToken<Theme['colors'][T]['background']>}`;\ntype BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationToken<\n Theme['colors'][T]['border']\n>}`;\n\n// Created this as an array so I can reuse it for runtime validation\nconst validBoxAsValues = [\n 'div',\n 'section',\n 'footer',\n 'header',\n 'main',\n 'aside',\n 'nav',\n 'span',\n 'label',\n] as const;\n\ntype BoxAsType = typeof validBoxAsValues[number];\n\n// Visual props that are common for both Box and BaseBox\ntype CommonBoxVisualProps = MakeObjectResponsive<\n {\n borderRadius: keyof Border['radius'];\n borderWidth: keyof Border['width'];\n borderColor: BorderColorString<'surface'>;\n borderTopWidth: keyof Border['width'];\n borderTopColor: BorderColorString<'surface'>;\n borderRightWidth: keyof Border['width'];\n borderRightColor: BorderColorString<'surface'>;\n borderBottomWidth: keyof Border['width'];\n borderBottomColor: BorderColorString<'surface'>;\n borderLeftWidth: keyof Border['width'];\n borderLeftColor: BorderColorString<'surface'>;\n borderTopLeftRadius: keyof Border['radius'];\n borderTopRightRadius: keyof Border['radius'];\n borderBottomRightRadius: keyof Border['radius'];\n borderBottomLeftRadius: keyof Border['radius'];\n } & PickCSSByPlatform<\n \| 'backgroundImage'\n \| 'backgroundSize'\n \| 'backgroundPosition'\n \| 'backgroundOrigin'\n \| 'backgroundRepeat'\n \| 'pointerEvents'\n \| 'opacity'\n \| 'visibility'\n \| 'transform'\n \| 'transformOrigin'\n \| 'clipPath'\n > & {\n /\n Sets the elevation for Box\n \n eg: `theme.elevation.midRaised`\n \n @default `theme.elevation.lowRaised`\n \n Links:\n * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--page\n /\n elevation?: keyof Elevation;\n }\n>;\n\n// Visual props that are specific BaseBox\n// This is used to ensure some of the more flexible BaseBox props are not passed to Box\ntype BaseBoxVisualProps = MakeObjectResponsive<\n {\n backgroundColor:\n \| BackgroundColorString<'feedback'>\n \| BackgroundColorString<'surface'>\n \| BackgroundColorString<'interactive'>\n \| BackgroundColorString<'overlay'>\n \| BackgroundColorString<'popup'>\n \| 'transparent'\n \| (string & Record<never, never>);\n lineHeight: SpacingValueType;\n touchAction: CSSObject['touchAction'];\n userSelect: CSSObject['userSelect'];\n } & PickCSSByPlatform<\n \| 'border'\n \| 'borderLeft'\n \| 'borderRight'\n \| 'borderTop'\n \| 'borderBottom'\n \| 'opacity'\n \| 'pointerEvents'\n \| 'cursor'\n >\n>;\n\n// Visual props that are specific to Box\ntype BoxVisualProps = MakeObjectResponsive<{\n backgroundColor: BackgroundColorString<'surface'> \| 'transparent';\n}> & {\n // Intentionally keeping this outside of MakeObjectResponsive since we only want as to be string and not responsive object\n // styled-components do not support passing `as` prop as an object\n as: BoxAsType;\n};\n\ntype StyledPropsBlade = Partial<\n Omit<\n MarginProps &\n Pick<FlexboxProps, 'alignSelf' \| 'justifySelf' \| 'placeSelf' \| 'order'> &\n PositionProps &\n Pick<\n GridProps,\n \| 'gridColumn'\n \| 'gridRow'\n \| 'gridRowStart'\n \| 'gridRowEnd'\n \| 'gridColumnStart'\n \| 'gridColumnEnd'\n \| 'gridArea'\n > &\n Pick<LayoutProps, 'display'>,\n '__brand__'\n >\n>;\n\ntype BoxCallbackProps = Omit<\n Platform.Select<{\n web: {\n /\n Warning\n \n Make sure to not use Box when you want to create a trigger that performs action on hover.\n * You would probably want to render it as `button` using `styled.button` instead.\n \n Use this for hoverable containers in cases like custom menus.\n /\n onMouseOver: React.MouseEventHandler<HTMLElement>;\n /\n Warning\n \n Make sure to not use Box when you want to create a trigger that performs action on hover.\n * You would probably want to render it as `button` using `styled.button` instead.\n \n Use this for hoverable containers in cases like custom menus.\n /\n onMouseEnter: React.MouseEventHandler<HTMLElement>;\n /\n Warning\n \n Make sure to not use Box when you want to create a trigger that performs action on hover.\n * You would probably want to render it as `button` using `styled.button` instead.\n \n Use this for hoverable containers in cases like custom menus.\n */\n onMouseLeave: React.MouseEventHandler<HTMLElement>;\n onScroll: React.UIEventHandler<HTMLElement>;\n };\n native: Record<'onMouseOver' \| 'onMouseEnter' \| 'onMouseLeave' \| 'onScroll', undefined>;\n }>,\n '__brand__'\n>;\n\ntype BoxDragAndDropProps = Omit<\n Platform.Select<{\n web: {\n draggable: boolean;\n onDragStart: React.DragEventHandler<HTMLElement>;\n onDragEnter: React.DragEventHandler<HTMLElement>;\n onDragLeave: React.DragEventHandler<HTMLElement>;\n onDragOver: React.DragEventHandler<HTMLElement>;\n onDragEnd: React.DragEventHandler<HTMLElement>;\n onDrop: React.DragEventHandler<HTMLElement>;\n };\n native: Record<\n \| 'draggable'\n \| 'onDragStart'\n \| 'onDragEnter'\n \| 'onDragLeave'\n \| 'onDragOver'\n \| 'onDragEnd'\n \| 'onDrop',\n undefined\n >;\n }>,\n '__brand__'\n>;\n\ntype BoxProps = Partial<\n PaddingProps &\n MarginProps &\n LayoutProps &\n FlexboxProps &\n PositionProps &\n GridProps &\n BoxCallbackProps &\n BoxDragAndDropProps &\n CommonBoxVisualProps &\n BoxVisualProps & {\n children?: React.ReactNode \| React.ReactNode[];\n tabIndex?: number;\n id?: string;\n } & TestID\n>;\n\n// Visual props have different types for BaseBox and Box. BaseBox has more flexible types and more props exposed.\n// So first we Omit Visual props of Box\n// Then we append BaseBoxVisualProps and some other props for styled-components like class and id\ntype BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> &\n Partial<\n BaseBoxVisualProps & {\n className?: string;\n id?: string;\n tabIndex?: number;\n }\n > &\n BladeCommonEvents;\n\n// ref prop type\ntype BoxRefType = Platform.Select<{\n web: Omit<HTMLElement, 'style'>;\n native: View;\n}>;\n\nexport type { BaseBoxProps, BoxProps, BoxRefType, StyledPropsBlade, FlexboxProps };\nexport { validBoxAsValues };\n"],"names":["validBoxAsValues"],"mappings":"AA8GM,IAAAA,gBAAgB,CAAG,CACvB,KAAK,CACL,SAAS,CACT,QAAQ,CACR,QAAQ,CACR,MAAM,CACN,OAAO,CACP,KAAK,CACL,MAAM,CACN,OAAO;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StyledBaseButton.native.js","sources":["../../../../../../src/components/Button/BaseButton/StyledBaseButton.native.tsx"],"sourcesContent":["import { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components/native';\nimport React from 'react';\nimport type { TextInput, GestureResponderEvent } from 'react-native';\nimport getStyledBaseButtonStyles from './getStyledBaseButtonStyles';\nimport type { StyledBaseButtonProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { logger } from '~utils/logger';\nimport { castNativeType } from '~utils';\n\nconst StyledPressable = styled(Animated.createAnimatedComponent(Pressable))<\n Omit<StyledBaseButtonProps, 'accessibilityProps'>\n>((props) => {\n const styledPropsCSSObject = useStyledProps(props);\n\n return {\n ...getStyledBaseButtonStyles(props),\n alignSelf: 'center',\n display: 'flex',\n flexDirection: 'row',\n ...styledPropsCSSObject,\n };\n});\n\nconst openURL = async (href: string): Promise<void> => {\n try {\n const canOpen = await Linking.canOpenURL(href);\n if (canOpen) {\n await Linking.openURL(href);\n }\n } catch {\n if (__DEV__) {\n logger({\n type: 'warn',\n message: `Could not open the link \"href=${href}\"`,\n moduleName: 'BaseButton',\n });\n }\n }\n};\n\nconst _StyledBaseButton: React.ForwardRefRenderFunction<TextInput, StyledBaseButtonProps> = (\n {\n onClick,\n href,\n onBlur,\n onKeyDown,\n children,\n variant,\n minHeight,\n buttonPaddingTop,\n buttonPaddingBottom,\n buttonPaddingLeft,\n buttonPaddingRight,\n isFullWidth,\n disabled,\n defaultBackgroundColor,\n defaultBorderColor,\n hoverBackgroundColor,\n focusBackgroundColor,\n focusRingColor,\n hoverBorderColor,\n focusBorderColor,\n borderWidth,\n borderRadius,\n motionDuration,\n motionEasing,\n isLoading,\n accessibilityProps,\n testID,\n onTouchStart,\n onTouchEnd,\n onPointerEnter,\n onPointerDown,\n onFocus,\n ...styledProps\n },\n ref,\n) => {\n const { theme } = useTheme();\n const isPressed = useSharedValue(false);\n const duration = getIn(theme.motion, motionDuration);\n const easing = getIn(theme.motion, motionEasing);\n\n const animatedStyles = useAnimatedStyle(() => {\n return {\n backgroundColor: withTiming(isPressed.value ? focusBackgroundColor : defaultBackgroundColor, {\n duration,\n easing,\n }),\n ...(variant !== 'tertiary' && {\n borderColor: withTiming(isPressed.value ? focusBorderColor : defaultBorderColor, {\n duration,\n easing,\n }),\n }),\n };\n });\n\n const handleOnPress = (event: GestureResponderEvent): void => {\n if (href) {\n void openURL(href);\n }\n\n if (onClick) {\n onClick(event);\n }\n };\n\n return (\n <StyledPressable\n {...styledProps}\n {...accessibilityProps}\n ref={ref}\n role=\"button\"\n onTouchStart={castNativeType(onTouchStart)}\n onTouchEnd={castNativeType(onTouchEnd)}\n onPointerEnter={castNativeType(onPointerEnter)}\n onPointerDown={castNativeType(onPointerDown)}\n onFocus={castNativeType(onFocus)}\n isLoading={isLoading}\n onPress={handleOnPress}\n style={animatedStyles}\n minHeight={minHeight}\n buttonPaddingTop={buttonPaddingTop}\n buttonPaddingBottom={buttonPaddingBottom}\n buttonPaddingLeft={buttonPaddingLeft}\n buttonPaddingRight={buttonPaddingRight}\n isFullWidth={isFullWidth}\n disabled={disabled}\n defaultBackgroundColor={defaultBackgroundColor}\n defaultBorderColor={defaultBorderColor}\n hoverBackgroundColor={hoverBackgroundColor}\n focusBackgroundColor={focusBackgroundColor}\n focusRingColor={focusRingColor}\n hoverBorderColor={hoverBorderColor}\n focusBorderColor={focusBorderColor}\n borderWidth={borderWidth}\n borderRadius={borderRadius}\n motionDuration={motionDuration}\n motionEasing={motionEasing}\n testID={testID}\n >\n {/* @ts-expect-error */}\n {({ pressed }): React.ReactNode => {\n isPressed.value = pressed;\n return children;\n }}\n </StyledPressable>\n );\n};\n\nconst StyledBaseButton = assignWithoutSideEffects(React.forwardRef(_StyledBaseButton), {\n displayName: 'StyledBaseButton',\n});\n\nexport default StyledBaseButton;\n"],"names":["StyledPressable","styled","Animated","createAnimatedComponent","Pressable","props","styledPropsCSSObject","useStyledProps","Object","assign","getStyledBaseButtonStyles","alignSelf","display","flexDirection","openURL","_ref","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","_StyledBaseButton","_ref2","ref","onClick","onBlur","onKeyDown","children","variant","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","isFullWidth","disabled","defaultBackgroundColor","defaultBorderColor","hoverBackgroundColor","focusBackgroundColor","focusRingColor","hoverBorderColor","focusBorderColor","borderWidth","borderRadius","motionDuration","motionEasing","isLoading","accessibilityProps","testID","onTouchStart","onTouchEnd","onPointerEnter","onPointerDown","onFocus","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","isPressed","useSharedValue","duration","getIn","motion","easing","animatedStyles","useAnimatedStyle","backgroundColor","withTiming","value","borderColor","handleOnPress","event","_jsx","role","castNativeType","onPress","style","_ref3","pressed","StyledBaseButton","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,SAAA,CAAA,MAAA,CAAA,QAAA,CAAA,WAAA,CAAA,UAAA,CAAA,SAAA,CAAA,WAAA,CAAA,kBAAA,CAAA,qBAAA,CAAA,mBAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,UAAA,CAAA,wBAAA,CAAA,oBAAA,CAAA,sBAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,cAAA,CAAA,gBAAA,CAAA,cAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,QAAA,CAAA,cAAA,CAAA,YAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,SAAA,CAAA,CAcA,IAAMA,eAAe,CAAGC,MAAM,CAACC,QAAQ,CAACC,uBAAuB,CAACC,SAAS,CAAC,CAAC,CAEzE,SAACC,KAAK,CAAK,CACX,IAAMC,oBAAoB,CAAGC,cAAc,CAACF,KAAK,CAAC,CAElD,OAAAG,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,mBAAyB,CAACL,KAAK,CAAC,CAAA,CACnCM,SAAS,CAAE,QAAQ,CACnBC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,KAAK,CAAA,CACjBP,oBAAoB,CAE3B,CAAA,CAAC,CAAC,CAEF,IAAMQ,OAAO,CAAA,UAAA,CAAA,IAAAC,IAAA,CAAAC,iBAAA,CAAG,UAAOC,IAAY,CAAoB,CACrD,GAAI,CACF,IAAMC,OAAO,CAAS,MAAAC,OAAO,CAACC,UAAU,CAACH,IAAI,CAAC,CAC9C,GAAIC,OAAO,CAAE,CACX,MAAMC,OAAO,CAACL,OAAO,CAACG,IAAI,CAAC,CAC7B,CACF,CAAE,MAAAI,OAAA,CAAM,CACN,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZC,OAAO,CAAG,iCAAgCR,IAAK,CAAA,CAAA,CAAE,CACjDS,UAAU,CAAE,YACd,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAfK,CAAA,OAAA,SAAAZ,OAAOA,CAAAa,EAAA,CAAAZ,CAAAA,OAAAA,IAAA,CAAAa,KAAA,CAAA,IAAA,CAAAC,SAAA,CAeZ,CAAA,CAAA,CAAA,CAAA,EAAA,CAED,IAAMC,iBAAmF,CAAG,SAAtFA,iBAAmFA,CAAAC,KAAA,CAoCvFC,GAAG,CACA,CAnCD,IAAAC,OAAO,CAAAF,KAAA,CAAPE,OAAO,CACPhB,IAAI,CAAAc,KAAA,CAAJd,IAAI,CACEc,KAAA,CAANG,MAAM,CACGH,KAAA,CAATI,SAAS,KACTC,SAAQ,CAAAL,KAAA,CAARK,QAAQ,CACRC,OAAO,CAAAN,KAAA,CAAPM,OAAO,CACPC,SAAS,CAAAP,KAAA,CAATO,SAAS,CACTC,gBAAgB,CAAAR,KAAA,CAAhBQ,gBAAgB,CAChBC,mBAAmB,CAAAT,KAAA,CAAnBS,mBAAmB,CACnBC,iBAAiB,CAAAV,KAAA,CAAjBU,iBAAiB,CACjBC,kBAAkB,CAAAX,KAAA,CAAlBW,kBAAkB,CAClBC,WAAW,CAAAZ,KAAA,CAAXY,WAAW,CACXC,QAAQ,CAAAb,KAAA,CAARa,QAAQ,CACRC,sBAAsB,CAAAd,KAAA,CAAtBc,sBAAsB,CACtBC,kBAAkB,CAAAf,KAAA,CAAlBe,kBAAkB,CAClBC,oBAAoB,CAAAhB,KAAA,CAApBgB,oBAAoB,CACpBC,oBAAoB,CAAAjB,KAAA,CAApBiB,oBAAoB,CACpBC,cAAc,CAAAlB,KAAA,CAAdkB,cAAc,CACdC,gBAAgB,CAAAnB,KAAA,CAAhBmB,gBAAgB,CAChBC,gBAAgB,CAAApB,KAAA,CAAhBoB,gBAAgB,CAChBC,WAAW,CAAArB,KAAA,CAAXqB,WAAW,CACXC,YAAY,CAAAtB,KAAA,CAAZsB,YAAY,CACZC,cAAc,CAAAvB,KAAA,CAAduB,cAAc,CACdC,YAAY,CAAAxB,KAAA,CAAZwB,YAAY,CACZC,SAAS,CAAAzB,KAAA,CAATyB,SAAS,CACTC,kBAAkB,CAAA1B,KAAA,CAAlB0B,kBAAkB,CAClBC,MAAM,CAAA3B,KAAA,CAAN2B,MAAM,CACNC,YAAY,CAAA5B,KAAA,CAAZ4B,YAAY,CACZC,UAAU,CAAA7B,KAAA,CAAV6B,UAAU,CACVC,cAAc,CAAA9B,KAAA,CAAd8B,cAAc,CACdC,aAAa,CAAA/B,KAAA,CAAb+B,aAAa,CACbC,OAAO,CAAAhC,KAAA,CAAPgC,OAAO,CACJC,WAAW,CAAAC,wBAAA,CAAAlC,KAAA,CAAAmC,SAAA,EAIhB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,SAAS,CAAGC,cAAc,CAAC,KAAK,CAAC,CACvC,IAAMC,QAAQ,CAAGC,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEpB,cAAc,CAAC,CACpD,IAAMqB,MAAM,CAAGF,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEnB,YAAY,CAAC,CAEhD,IAAMqB,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,OAAArE,MAAA,CAAAC,MAAA,CAAA,CACEqE,eAAe,CAAEC,UAAU,CAACT,SAAS,CAACU,KAAK,CAAGhC,oBAAoB,CAAGH,sBAAsB,CAAE,CAC3F2B,QAAQ,CAARA,QAAQ,CACRG,MAAM,CAANA,MACF,CAAC,CAAC,CAAA,CACEtC,OAAO,GAAK,UAAU,EAAI,CAC5B4C,WAAW,CAAEF,UAAU,CAACT,SAAS,CAACU,KAAK,CAAG7B,gBAAgB,CAAGL,kBAAkB,CAAE,CAC/E0B,QAAQ,CAARA,QAAQ,CACRG,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CAEL,CAAA,CAAC,CAAC,CAEF,IAAMO,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,KAA4B,CAAW,CAC5D,GAAIlE,IAAI,CAAE,CACR,KAAKH,OAAO,CAACG,IAAI,CAAC,CACpB,CAEA,GAAIgB,OAAO,CAAE,CACXA,OAAO,CAACkD,KAAK,CAAC,CAChB,CACF,CAAC,CAED,OACEC,GAAA,CAACpF,eAAe,CAAAQ,MAAA,CAAAC,MAAA,CAAA,EAAA,CACVuD,WAAW,CACXP,kBAAkB,EACtBzB,GAAG,CAAEA,GAAI,CACTqD,IAAI,CAAC,QAAQ,CACb1B,YAAY,CAAE2B,cAAc,CAAC3B,YAAY,CAAE,CAC3CC,UAAU,CAAE0B,cAAc,CAAC1B,UAAU,CAAE,CACvCC,cAAc,CAAEyB,cAAc,CAACzB,cAAc,CAAE,CAC/CC,aAAa,CAAEwB,cAAc,CAACxB,aAAa,CAAE,CAC7CC,OAAO,CAAEuB,cAAc,CAACvB,OAAO,CAAE,CACjCP,SAAS,CAAEA,SAAU,CACrB+B,OAAO,CAAEL,aAAc,CACvBM,KAAK,CAAEZ,cAAe,CACtBtC,SAAS,CAAEA,SAAU,CACrBC,gBAAgB,CAAEA,gBAAiB,CACnCC,mBAAmB,CAAEA,mBAAoB,CACzCC,iBAAiB,CAAEA,iBAAkB,CACrCC,kBAAkB,CAAEA,kBAAmB,CACvCC,WAAW,CAAEA,WAAY,CACzBC,QAAQ,CAAEA,QAAS,CACnBC,sBAAsB,CAAEA,sBAAuB,CAC/CC,kBAAkB,CAAEA,kBAAmB,CACvCC,oBAAoB,CAAEA,oBAAqB,CAC3CC,oBAAoB,CAAEA,oBAAqB,CAC3CC,cAAc,CAAEA,cAAe,CAC/BC,gBAAgB,CAAEA,gBAAiB,CACnCC,gBAAgB,CAAEA,gBAAiB,CACnCC,WAAW,CAAEA,WAAY,CACzBC,YAAY,CAAEA,YAAa,CAC3BC,cAAc,CAAEA,cAAe,CAC/BC,YAAY,CAAEA,YAAa,CAC3BG,MAAM,CAAEA,MAAO,CAAAtB,QAAA,CAGd,SAAAA,SAAAqD,KAAA,CAAkC,KAA/BC,OAAO,CAAAD,KAAA,CAAPC,OAAO,CACTpB,SAAS,CAACU,KAAK,CAAGU,OAAO,CACzB,OAAOtD,SAAQ,CACjB,CAAC,CACc,CAAA,CAAC,CAEtB,CAAC,CAEK,IAAAuD,gBAAgB,CAAGC,wBAAwB,CAACC,cAAK,CAACC,UAAU,CAAChE,iBAAiB,CAAC,CAAE,CACrFiE,WAAW,CAAE,kBACf,CAAC;;;;"}
1	+ {"version":3,"file":"StyledBaseButton.native.js","sources":["../../../../../../src/components/Button/BaseButton/StyledBaseButton.native.tsx"],"sourcesContent":["import { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components/native';\nimport React from 'react';\nimport type { TextInput, GestureResponderEvent } from 'react-native';\nimport getStyledBaseButtonStyles from './getStyledBaseButtonStyles';\nimport type { StyledBaseButtonProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { logger } from '~utils/logger';\nimport { castNativeType } from '~utils';\n\nconst StyledPressable = styled(Animated.createAnimatedComponent(Pressable))<\n Omit<StyledBaseButtonProps, 'accessibilityProps'>\n>((props) => {\n const styledPropsCSSObject = useStyledProps(props);\n\n return {\n ...getStyledBaseButtonStyles(props),\n alignSelf: 'center',\n display: 'flex',\n flexDirection: 'row',\n ...styledPropsCSSObject,\n };\n});\n\nconst openURL = async (href: string): Promise<void> => {\n try {\n const canOpen = await Linking.canOpenURL(href);\n if (canOpen) {\n await Linking.openURL(href);\n }\n } catch {\n if (__DEV__) {\n logger({\n type: 'warn',\n message: `Could not open the link \"href=${href}\"`,\n moduleName: 'BaseButton',\n });\n }\n }\n};\n\nconst _StyledBaseButton: React.ForwardRefRenderFunction<TextInput, StyledBaseButtonProps> = (\n {\n onClick,\n href,\n onBlur,\n onKeyDown,\n children,\n variant,\n minHeight,\n buttonPaddingTop,\n buttonPaddingBottom,\n buttonPaddingLeft,\n buttonPaddingRight,\n isFullWidth,\n disabled,\n defaultBackgroundColor,\n defaultBorderColor,\n hoverBackgroundColor,\n focusBackgroundColor,\n focusRingColor,\n hoverBorderColor,\n focusBorderColor,\n borderWidth,\n borderRadius,\n motionDuration,\n motionEasing,\n isLoading,\n accessibilityProps,\n testID,\n onTouchStart,\n onTouchEnd,\n onPointerEnter,\n onPointerDown,\n onFocus,\n ...styledProps\n },\n ref,\n) => {\n const { theme } = useTheme();\n const isPressed = useSharedValue(false);\n const duration = getIn(theme.motion, motionDuration);\n const easing = getIn(theme.motion, motionEasing);\n\n const animatedStyles = useAnimatedStyle(() => {\n return {\n backgroundColor: withTiming(isPressed.value ? focusBackgroundColor : defaultBackgroundColor, {\n duration,\n easing,\n }),\n ...(variant !== 'tertiary' && {\n borderColor: withTiming(isPressed.value ? focusBorderColor : defaultBorderColor, {\n duration,\n easing,\n }),\n }),\n };\n });\n\n const handleOnPress = (event: GestureResponderEvent): void => {\n if (href) {\n void openURL(href);\n }\n\n if (onClick) {\n onClick(event);\n }\n };\n\n return (\n <StyledPressable\n {...styledProps}\n {...accessibilityProps}\n ref={ref}\n role=\"button\"\n onTouchStart={castNativeType(onTouchStart)}\n onTouchEnd={castNativeType(onTouchEnd)}\n onPointerEnter={castNativeType(onPointerEnter)}\n onPointerDown={castNativeType(onPointerDown)}\n onFocus={castNativeType(onFocus)}\n isLoading={isLoading}\n onPress={handleOnPress}\n style={animatedStyles}\n minHeight={minHeight}\n buttonPaddingTop={buttonPaddingTop}\n buttonPaddingBottom={buttonPaddingBottom}\n buttonPaddingLeft={buttonPaddingLeft}\n buttonPaddingRight={buttonPaddingRight}\n isFullWidth={isFullWidth}\n disabled={disabled}\n defaultBackgroundColor={defaultBackgroundColor}\n defaultBorderColor={defaultBorderColor}\n hoverBackgroundColor={hoverBackgroundColor}\n focusBackgroundColor={focusBackgroundColor}\n focusRingColor={focusRingColor}\n hoverBorderColor={hoverBorderColor}\n focusBorderColor={focusBorderColor}\n borderWidth={borderWidth}\n borderRadius={borderRadius}\n motionDuration={motionDuration}\n motionEasing={motionEasing}\n testID={testID}\n >\n {/* eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error /}\n {/ @ts-ignore */}\n {({ pressed }): React.ReactNode => {\n isPressed.value = pressed;\n return children;\n }}\n </StyledPressable>\n );\n};\n\nconst StyledBaseButton = assignWithoutSideEffects(React.forwardRef(_StyledBaseButton), {\n displayName: 'StyledBaseButton',\n});\n\nexport default StyledBaseButton;\n"],"names":["StyledPressable","styled","Animated","createAnimatedComponent","Pressable","props","styledPropsCSSObject","useStyledProps","Object","assign","getStyledBaseButtonStyles","alignSelf","display","flexDirection","openURL","_ref","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","_StyledBaseButton","_ref2","ref","onClick","onBlur","onKeyDown","children","variant","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","isFullWidth","disabled","defaultBackgroundColor","defaultBorderColor","hoverBackgroundColor","focusBackgroundColor","focusRingColor","hoverBorderColor","focusBorderColor","borderWidth","borderRadius","motionDuration","motionEasing","isLoading","accessibilityProps","testID","onTouchStart","onTouchEnd","onPointerEnter","onPointerDown","onFocus","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","isPressed","useSharedValue","duration","getIn","motion","easing","animatedStyles","useAnimatedStyle","backgroundColor","withTiming","value","borderColor","handleOnPress","event","_jsx","role","castNativeType","onPress","style","_ref3","pressed","StyledBaseButton","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Input/BaseInput/AnimatedBaseInputWrapper.native.js CHANGED Viewed

@@ -15,7 +15,7 @@ import '../../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 import getIn from '../../../utils/lodashButBetter/get.js';
-var _excluded=["showAllTags","setShowAllTagsWithAnimation","children","maxTagRows","isDropdownTrigger"];var StyledBaseInputWrapper=styled(Animated.View)(function(props){return Object.assign({},getInputBackgroundAndBorderStyles({theme:props.theme,isFocused:props.currentInteraction==='focus',isDisabled:props.isDisabled,validationState:props.validationState,isTextArea:props.isTextArea,isDropdownTrigger:props.isDropdownTrigger}),{backgroundColor:'yellow'});});var _AnimatedBaseInputWrapper=function _AnimatedBaseInputWrapper(_ref,ref){var showAllTags=_ref.showAllTags,setShowAllTagsWithAnimation=_ref.setShowAllTagsWithAnimation,children=_ref.children,maxTagRows=_ref.maxTagRows,isDropdownTrigger=_ref.isDropdownTrigger,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var sharedHeight=useSharedValue(baseInputHeight[rest.size]);React__default.useEffect(function(){if(!isDropdownTrigger){return;}sharedHeight.value=withTiming(showAllTags?baseInputWrapperMaxHeight[rest.size]:baseInputHeight[rest.size],{duration:theme.motion.duration.xquick,easing:castNativeType(theme.motion.easing.exit.effective)},function(isComplete){if(isComplete&&!showAllTags){runOnJS(setShowAllTagsWithAnimation)(false);}});},[showAllTags]);var animatedStyle=useAnimatedStyle(function(){return {maxHeight:sharedHeight.value};});var animatedStyleObject=maxTagRows==='expandable'?animatedStyle:{};var maxHeightStyleObject={maxHeight:getAnimatedBaseInputWrapperMaxHeight({maxTagRows:maxTagRows,showAllTags:showAllTags,size:rest.size})};var baseInputState=getBaseInputState({isFocused:rest.currentInteraction==='focus',isHovered:rest.currentInteraction==='hover',isDisabled:Boolean(rest.isDisabled)});var borderColor=getIn(theme.colors,baseInputBorderColor[baseInputState]);var backgroundColor=getIn(theme.colors,baseInputBackgroundColor[baseInputState]);if(rest.validationState==='error'){borderColor=getIn(theme.colors,baseInputBorderColor.error);}else if(rest.validationState==='success'){borderColor=getIn(theme.colors,baseInputBorderColor.success);}var motionConfig={duration:castNativeType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[rest.currentInteraction==='focus'?'enter':'exit'].duration))),easing:castNativeType(getIn(theme.motion.easing,baseInputBorderBackgroundMotion[rest.currentInteraction==='focus'?'enter':'exit'].easing))};var animatedBorderAndBackgroundStyle=useAnimatedStyle(function(){return {borderWidth:theme.border.width.thin,borderRadius:theme.border.radius.medium,borderStyle:'solid',backgroundColor:withTiming(backgroundColor,motionConfig),borderColor:withTiming(borderColor,motionConfig)};},[borderColor,backgroundColor,motionConfig]);return jsx(StyledBaseInputWrapper,Object.assign({ref:ref,style:[isDropdownTrigger?Object.assign({},maxHeightStyleObject,animatedStyleObject):{},animatedBorderAndBackgroundStyle],isDropdownTrigger:isDropdownTrigger},rest,{children:children}));};var AnimatedBaseInputWrapper=React__default.forwardRef(_AnimatedBaseInputWrapper);
+var _excluded=["showAllTags","isTextArea","numberOfLines","setShowAllTagsWithAnimation","children","maxTagRows","isDropdownTrigger"];var StyledBaseInputWrapper=styled(Animated.View)(function(props){return Object.assign({},getInputBackgroundAndBorderStyles({theme:props.theme,isFocused:props.currentInteraction==='focus',isDisabled:props.isDisabled,validationState:props.validationState,isTextArea:props.isTextArea,isDropdownTrigger:props.isDropdownTrigger}),{backgroundColor:'yellow'});});var _AnimatedBaseInputWrapper=function _AnimatedBaseInputWrapper(_ref,ref){var showAllTags=_ref.showAllTags,isTextArea=_ref.isTextArea,numberOfLines=_ref.numberOfLines,setShowAllTagsWithAnimation=_ref.setShowAllTagsWithAnimation,children=_ref.children,maxTagRows=_ref.maxTagRows,isDropdownTrigger=_ref.isDropdownTrigger,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var sharedHeight=useSharedValue(baseInputHeight[rest.size]);React__default.useEffect(function(){if(!isDropdownTrigger){return;}sharedHeight.value=withTiming(showAllTags?baseInputWrapperMaxHeight[rest.size]:baseInputHeight[rest.size],{duration:theme.motion.duration.xquick,easing:castNativeType(theme.motion.easing.exit.effective)},function(isComplete){if(isComplete&&!showAllTags){runOnJS(setShowAllTagsWithAnimation)(false);}});},[showAllTags]);var animatedStyle=useAnimatedStyle(function(){return {maxHeight:sharedHeight.value};});var animatedStyleObject=maxTagRows==='expandable'?animatedStyle:{};var maxHeightStyleObject={maxHeight:getAnimatedBaseInputWrapperMaxHeight({maxTagRows:maxTagRows,showAllTags:showAllTags,size:rest.size})};var baseInputState=getBaseInputState({isFocused:rest.currentInteraction==='focus',isHovered:rest.currentInteraction==='hover',isDisabled:Boolean(rest.isDisabled)});var borderColor=getIn(theme.colors,baseInputBorderColor[baseInputState]);var backgroundColor=getIn(theme.colors,baseInputBackgroundColor[baseInputState]);if(rest.validationState==='error'){borderColor=getIn(theme.colors,baseInputBorderColor.error);}else if(rest.validationState==='success'){borderColor=getIn(theme.colors,baseInputBorderColor.success);}var motionConfig={duration:castNativeType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[rest.currentInteraction==='focus'?'enter':'exit'].duration))),easing:castNativeType(getIn(theme.motion.easing,baseInputBorderBackgroundMotion[rest.currentInteraction==='focus'?'enter':'exit'].easing))};var animatedBorderAndBackgroundStyle=useAnimatedStyle(function(){return {borderWidth:theme.border.width.thin,borderRadius:theme.border.radius.medium,borderStyle:'solid',backgroundColor:withTiming(backgroundColor,motionConfig),borderColor:withTiming(borderColor,motionConfig)};},[borderColor,backgroundColor,motionConfig]);return jsx(StyledBaseInputWrapper,Object.assign({ref:ref,style:[isDropdownTrigger&&!isTextArea?Object.assign({},maxHeightStyleObject,animatedStyleObject):{},animatedBorderAndBackgroundStyle],isDropdownTrigger:isDropdownTrigger,numberOfLines:numberOfLines,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation},rest,{children:children}));};var AnimatedBaseInputWrapper=React__default.forwardRef(_AnimatedBaseInputWrapper);
 export { AnimatedBaseInputWrapper };
 //# sourceMappingURL=AnimatedBaseInputWrapper.native.js.map

package/build/lib/native/components/Input/BaseInput/AnimatedBaseInputWrapper.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnimatedBaseInputWrapper.native.js","sources":["../../../../../../src/components/Input/BaseInput/AnimatedBaseInputWrapper.native.tsx"],"sourcesContent":["import React from 'react';\nimport Animated, {\n runOnJS,\n useAnimatedStyle,\n useSharedValue,\n withTiming,\n} from 'react-native-reanimated';\nimport styled from 'styled-components';\nimport type { BaseInputWrapperProps } from './types';\nimport {\n getAnimatedBaseInputWrapperMaxHeight,\n getBaseInputState,\n getInputBackgroundAndBorderStyles,\n} from './baseInputStyles';\nimport {\n baseInputBackgroundColor,\n baseInputBorderBackgroundMotion,\n baseInputBorderColor,\n baseInputHeight,\n baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { EasingFactoryFn } from '~tokens/global';\n\nconst StyledBaseInputWrapper = styled(Animated.View)<BaseInputWrapperProps>((props) => ({\n ...getInputBackgroundAndBorderStyles({\n theme: props.theme,\n isFocused: props.currentInteraction === 'focus',\n isDisabled: props.isDisabled,\n validationState: props.validationState,\n isTextArea: props.isTextArea,\n isDropdownTrigger: props.isDropdownTrigger,\n }),\n backgroundColor: 'yellow',\n}));\n\nconst _AnimatedBaseInputWrapper: React.ForwardRefRenderFunction<\n HTMLDivElement,\n BaseInputWrapperProps & {\n showAllTags?: boolean;\n setShowAllTagsWithAnimation: (showAllTagsWithAnimation: boolean) => void;\n }\n> = (\n { showAllTags, setShowAllTagsWithAnimation, children, maxTagRows, isDropdownTrigger, ...rest },\n ref,\n): React.ReactElement => {\n const { theme } = useTheme();\n const sharedHeight = useSharedValue<number>(baseInputHeight[rest.size]); // Initial max-width value\n\n React.useEffect(() => {\n if (!isDropdownTrigger) {\n return;\n }\n\n sharedHeight.value = withTiming(\n showAllTags ? baseInputWrapperMaxHeight[rest.size] : baseInputHeight[rest.size],\n {\n duration: theme.motion.duration.xquick,\n easing: castNativeType(theme.motion.easing.exit.effective),\n },\n (isComplete) => {\n if (isComplete && !showAllTags) {\n runOnJS(setShowAllTagsWithAnimation)(false);\n }\n },\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [showAllTags]);\n\n const animatedStyle = useAnimatedStyle(() => {\n return {\n maxHeight: sharedHeight.value,\n };\n });\n\n const animatedStyleObject = maxTagRows === 'expandable' ? animatedStyle : {};\n const maxHeightStyleObject = {\n maxHeight: getAnimatedBaseInputWrapperMaxHeight({\n maxTagRows,\n showAllTags,\n size: rest.size,\n }),\n };\n\n const baseInputState = getBaseInputState({\n isFocused: rest.currentInteraction === 'focus',\n isHovered: rest.currentInteraction === 'hover',\n isDisabled: Boolean(rest.isDisabled),\n });\n\n let borderColor = getIn(theme.colors, baseInputBorderColor[baseInputState]);\n const backgroundColor = getIn(theme.colors, baseInputBackgroundColor[baseInputState]);\n\n if (rest.validationState === 'error') {\n borderColor = getIn(theme.colors, baseInputBorderColor.error);\n } else if (rest.validationState === 'success') {\n borderColor = getIn(theme.colors, baseInputBorderColor.success);\n }\n\n const motionConfig: {\n duration: number;\n easing: EasingFactoryFn;\n } = {\n duration: castNativeType(\n makeMotionTime(\n getIn(\n theme.motion.duration,\n baseInputBorderBackgroundMotion[rest.currentInteraction === 'focus' ? 'enter' : 'exit']\n .duration,\n ),\n ),\n ),\n easing: castNativeType(\n getIn(\n theme.motion.easing,\n baseInputBorderBackgroundMotion[rest.currentInteraction === 'focus' ? 'enter' : 'exit']\n .easing,\n ),\n ),\n };\n\n const animatedBorderAndBackgroundStyle = useAnimatedStyle(\n () => ({\n borderWidth: theme.border.width.thin,\n borderRadius: theme.border.radius.medium,\n borderStyle: 'solid',\n backgroundColor: withTiming(backgroundColor, motionConfig),\n borderColor: withTiming(borderColor, motionConfig),\n }),\n [borderColor, backgroundColor, motionConfig],\n );\n\n return (\n <StyledBaseInputWrapper\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={ref as any}\n style={[\n isDropdownTrigger\n ? {\n ...maxHeightStyleObject,\n ...animatedStyleObject,\n }\n : {},\n animatedBorderAndBackgroundStyle,\n ]}\n isDropdownTrigger={isDropdownTrigger}\n {...rest}\n >\n {children}\n </StyledBaseInputWrapper>\n );\n};\n\nconst AnimatedBaseInputWrapper = React.forwardRef(_AnimatedBaseInputWrapper);\n\nexport { AnimatedBaseInputWrapper };\n"],"names":["StyledBaseInputWrapper","styled","Animated","View","props","Object","assign","getInputBackgroundAndBorderStyles","theme","isFocused","currentInteraction","isDisabled","validationState","isTextArea","isDropdownTrigger","backgroundColor","_AnimatedBaseInputWrapper","_ref","ref","showAllTags","setShowAllTagsWithAnimation","children","maxTagRows","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","sharedHeight","useSharedValue","baseInputHeight","size","React","useEffect","value","withTiming","baseInputWrapperMaxHeight","duration","motion","xquick","easing","castNativeType","exit","effective","isComplete","runOnJS","animatedStyle","useAnimatedStyle","maxHeight","animatedStyleObject","maxHeightStyleObject","getAnimatedBaseInputWrapperMaxHeight","baseInputState","getBaseInputState","isHovered","Boolean","borderColor","getIn","colors","baseInputBorderColor","baseInputBackgroundColor","error","success","motionConfig","makeMotionTime","baseInputBorderBackgroundMotion","animatedBorderAndBackgroundStyle","borderWidth","border","width","thin","borderRadius","radius","medium","borderStyle","_jsx","style","AnimatedBaseInputWrapper","forwardRef"],"mappings":"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"}
1	+ {"version":3,"file":"AnimatedBaseInputWrapper.native.js","sources":["../../../../../../src/components/Input/BaseInput/AnimatedBaseInputWrapper.native.tsx"],"sourcesContent":["import React from 'react';\nimport Animated, {\n runOnJS,\n useAnimatedStyle,\n useSharedValue,\n withTiming,\n} from 'react-native-reanimated';\nimport styled from 'styled-components';\nimport type { BaseInputWrapperProps } from './types';\nimport {\n getAnimatedBaseInputWrapperMaxHeight,\n getBaseInputState,\n getInputBackgroundAndBorderStyles,\n} from './baseInputStyles';\nimport {\n baseInputBackgroundColor,\n baseInputBorderBackgroundMotion,\n baseInputBorderColor,\n baseInputHeight,\n baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { EasingFactoryFn } from '~tokens/global';\n\nconst StyledBaseInputWrapper = styled(Animated.View)<BaseInputWrapperProps>((props) => ({\n ...getInputBackgroundAndBorderStyles({\n theme: props.theme,\n isFocused: props.currentInteraction === 'focus',\n isDisabled: props.isDisabled,\n validationState: props.validationState,\n isTextArea: props.isTextArea,\n isDropdownTrigger: props.isDropdownTrigger,\n }),\n backgroundColor: 'yellow',\n}));\n\nconst _AnimatedBaseInputWrapper: React.ForwardRefRenderFunction<\n HTMLDivElement,\n BaseInputWrapperProps & {\n showAllTags?: boolean;\n setShowAllTagsWithAnimation: (showAllTagsWithAnimation: boolean) => void;\n }\n> = (\n {\n showAllTags,\n isTextArea,\n numberOfLines,\n setShowAllTagsWithAnimation,\n children,\n maxTagRows,\n isDropdownTrigger,\n ...rest\n },\n ref,\n): React.ReactElement => {\n const { theme } = useTheme();\n const sharedHeight = useSharedValue<number>(baseInputHeight[rest.size]); // Initial max-width value\n\n React.useEffect(() => {\n if (!isDropdownTrigger) {\n return;\n }\n\n sharedHeight.value = withTiming(\n showAllTags ? baseInputWrapperMaxHeight[rest.size] : baseInputHeight[rest.size],\n {\n duration: theme.motion.duration.xquick,\n easing: castNativeType(theme.motion.easing.exit.effective),\n },\n (isComplete) => {\n if (isComplete && !showAllTags) {\n runOnJS(setShowAllTagsWithAnimation)(false);\n }\n },\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [showAllTags]);\n\n const animatedStyle = useAnimatedStyle(() => {\n return {\n maxHeight: sharedHeight.value,\n };\n });\n\n const animatedStyleObject = maxTagRows === 'expandable' ? animatedStyle : {};\n const maxHeightStyleObject = {\n maxHeight: getAnimatedBaseInputWrapperMaxHeight({\n maxTagRows,\n showAllTags,\n size: rest.size,\n }),\n };\n\n const baseInputState = getBaseInputState({\n isFocused: rest.currentInteraction === 'focus',\n isHovered: rest.currentInteraction === 'hover',\n isDisabled: Boolean(rest.isDisabled),\n });\n\n let borderColor = getIn(theme.colors, baseInputBorderColor[baseInputState]);\n const backgroundColor = getIn(theme.colors, baseInputBackgroundColor[baseInputState]);\n\n if (rest.validationState === 'error') {\n borderColor = getIn(theme.colors, baseInputBorderColor.error);\n } else if (rest.validationState === 'success') {\n borderColor = getIn(theme.colors, baseInputBorderColor.success);\n }\n\n const motionConfig: {\n duration: number;\n easing: EasingFactoryFn;\n } = {\n duration: castNativeType(\n makeMotionTime(\n getIn(\n theme.motion.duration,\n baseInputBorderBackgroundMotion[rest.currentInteraction === 'focus' ? 'enter' : 'exit']\n .duration,\n ),\n ),\n ),\n easing: castNativeType(\n getIn(\n theme.motion.easing,\n baseInputBorderBackgroundMotion[rest.currentInteraction === 'focus' ? 'enter' : 'exit']\n .easing,\n ),\n ),\n };\n\n const animatedBorderAndBackgroundStyle = useAnimatedStyle(\n () => ({\n borderWidth: theme.border.width.thin,\n borderRadius: theme.border.radius.medium,\n borderStyle: 'solid',\n backgroundColor: withTiming(backgroundColor, motionConfig),\n borderColor: withTiming(borderColor, motionConfig),\n }),\n [borderColor, backgroundColor, motionConfig],\n );\n\n return (\n <StyledBaseInputWrapper\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={ref as any}\n style={[\n // We only want to define height in tagged inputs except height for TextArea is set on TextArea based on numberOfLines prop\n isDropdownTrigger && !isTextArea\n ? {\n ...maxHeightStyleObject,\n ...animatedStyleObject,\n }\n : {},\n animatedBorderAndBackgroundStyle,\n ]}\n isDropdownTrigger={isDropdownTrigger}\n numberOfLines={numberOfLines}\n setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n {...rest}\n >\n {children}\n </StyledBaseInputWrapper>\n );\n};\n\nconst AnimatedBaseInputWrapper = React.forwardRef(_AnimatedBaseInputWrapper);\n\nexport { AnimatedBaseInputWrapper };\n"],"names":["StyledBaseInputWrapper","styled","Animated","View","props","Object","assign","getInputBackgroundAndBorderStyles","theme","isFocused","currentInteraction","isDisabled","validationState","isTextArea","isDropdownTrigger","backgroundColor","_AnimatedBaseInputWrapper","_ref","ref","showAllTags","numberOfLines","setShowAllTagsWithAnimation","children","maxTagRows","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","sharedHeight","useSharedValue","baseInputHeight","size","React","useEffect","value","withTiming","baseInputWrapperMaxHeight","duration","motion","xquick","easing","castNativeType","exit","effective","isComplete","runOnJS","animatedStyle","useAnimatedStyle","maxHeight","animatedStyleObject","maxHeightStyleObject","getAnimatedBaseInputWrapperMaxHeight","baseInputState","getBaseInputState","isHovered","Boolean","borderColor","getIn","colors","baseInputBorderColor","baseInputBackgroundColor","error","success","motionConfig","makeMotionTime","baseInputBorderBackgroundMotion","animatedBorderAndBackgroundStyle","borderWidth","border","width","thin","borderRadius","radius","medium","borderStyle","_jsx","style","AnimatedBaseInputWrapper","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Input/BaseInput/BaseInput.js CHANGED Viewed

@@ -36,8 +36,9 @@ import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.nat
 import { announce } from '../../LiveAnnouncer/LiveAnnouncer.native.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.native.js';
+import { useMergeRefs } from '../../../utils/useMergeRefs.js';
-var _excluded=["as","label","labelPosition","placeholder","type","defaultValue","tags","showAllTags","activeTagIndex","setActiveTagIndex","name","value","onFocus","onChange","onInput","onBlur","onSubmit","onClick","onKeyDown","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","maxCharacters","textAlign","autoFocus","keyboardReturnKeyType","keyboardType","autoCompleteSuggestionType","trailingHeaderSlot","trailingFooterSlot","numberOfLines","id","componentName","accessibilityLabel","labelId","activeDescendant","hideLabelText","hideFormHint","hasPopup","popupId","isPopupExpanded","maxTagRows","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","autoCapitalize","setInputWrapperRef","testID","isDropdownTrigger","isLabelInsideInput","size","trailingButton","valueComponentType"];var autoCompleteSuggestionTypeValues=['none','on','name','email','username','password','newPassword','oneTimeCode','telephone','postalCode','countryName','creditCardNumber','creditCardCSC','creditCardExpiry','creditCardExpiryMonth','creditCardExpiryYear'];var useTags=function useTags(tags,activeTagIndex,setActiveTagIndex){var visibleTagsCountRef=React__default.useRef(0);React__default.useEffect(function(){if(tags&&activeTagIndex>=0&&activeTagIndex<tags.length){var _tags$activeTagIndex,_tags$activeTagIndex$;var tagTitle=(_tags$activeTagIndex=tags[activeTagIndex])==null?void 0:(_tags$activeTagIndex$=_tags$activeTagIndex.props)==null?void 0:_tags$activeTagIndex$.children;if(tagTitle){announce(`Close ${tagTitle} Tag`);}}},[activeTagIndex,tags==null?void 0:tags.length]);var onTagLeft=function onTagLeft(){if(activeTagIndex<0){setActiveTagIndex==null?void 0:setActiveTagIndex(visibleTagsCountRef.current-1);}if(activeTagIndex>0){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex-1);}};var onTagRight=function onTagRight(){if(activeTagIndex<visibleTagsCountRef.current-1){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex+1);}};var onTagRemove=function onTagRemove(){if(activeTagIndex>=0&&activeTagIndex<visibleTagsCountRef.current&&tags){tags[activeTagIndex].props.onDismiss({tagIndex:activeTagIndex});}};var onInputKeydownTagHandler=function onInputKeydownTagHandler(key){if(tags&&tags.length>0){if(key==='ArrowRight'){onTagRight();}if(key==='ArrowLeft'){onTagLeft();}if(key==='Backspace'){onTagRemove();}}};return {onInputKeydownTagHandler:onInputKeydownTagHandler,visibleTagsCountRef:visibleTagsCountRef};};var useInput=function useInput(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,onClick=_ref.onClick,onFocus=_ref.onFocus,onChange=_ref.onChange,onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,onInput=_ref.onInput,onKeyDown=_ref.onKeyDown,onInputKeydownTagHandler=_ref.onInputKeydownTagHandler;if(__DEV__){if(value&&defaultValue){throwBladeError({message:`Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,moduleName:'Input'});}}var _React$useState=React__default.useState(defaultValue!=null?defaultValue:value),_React$useState2=_slicedToArray(_React$useState,2),inputValue=_React$useState2[0],setInputValue=_React$useState2[1];var handleOnFocus=React__default.useCallback(function(_ref2){var name=_ref2.name,value=_ref2.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value;_value=(_value$target$value=value==null?void 0:value.target.value)!=null?_value$target$value:'';}onFocus==null?void 0:onFocus({name:name,value:_value});},[onFocus]);var handleOnClick=React__default.useCallback(function(_ref3){var name=_ref3.name,value=_ref3.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$currentTarget$;_value=(_value$currentTarget$=value==null?void 0:value.currentTarget.value)!=null?_value$currentTarget$:'';}onClick==null?void 0:onClick({name:name,value:_value});},[onClick]);var handleOnSubmit=React__default.useCallback(function(_ref4){var name=_ref4.name,value=_ref4.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value2;_value=(_value$target$value2=value==null?void 0:value.target.value)!=null?_value$target$value2:'';}if(isReactNative()){onSubmit==null?void 0:onSubmit({name:name,value:_value});}},[onSubmit]);var handleOnBlur=React__default.useCallback(function(_ref5){var name=_ref5.name,value=_ref5.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value3;_value=(_value$target$value3=value==null?void 0:value.target.value)!=null?_value$target$value3:'';}onBlur==null?void 0:onBlur({name:name,value:_value});},[onBlur]);var handleOnChange=React__default.useCallback(function(_ref6){var name=_ref6.name,value=_ref6.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value4;_value=(_value$target$value4=value==null?void 0:value.target.value)!=null?_value$target$value4:'';}onChange==null?void 0:onChange({name:name,value:_value});setInputValue(_value);},[onChange]);var handleOnInput=React__default.useCallback(function(_ref7){var name=_ref7.name,value=_ref7.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value5;_value=(_value$target$value5=value==null?void 0:value.target.value)!=null?_value$target$value5:'';}onInput==null?void 0:onInput({name:name,value:_value});},[onInput]);var handleOnKeyDown=React__default.useCallback(function(_ref8){var name=_ref8.name,key=_ref8.key,code=_ref8.code,event=_ref8.event;onInputKeydownTagHandler(key);onKeyDown==null?void 0:onKeyDown({name:name,key:key,code:code,event:event});},[onKeyDown]);return {handleOnFocus:handleOnFocus,handleOnClick:handleOnClick,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,inputValue:inputValue};};var getHintType=function getHintType(_ref9){var validationState=_ref9.validationState,hasHelpText=_ref9.hasHelpText;if(validationState==='error'){return 'error';}if(validationState==='success'){return 'success';}if(hasHelpText){return 'help';}return 'help';};var getDescribedByElementId=function getDescribedByElementId(_ref10){var validationState=_ref10.validationState,hasErrorText=_ref10.hasErrorText,hasSuccessText=_ref10.hasSuccessText,hasHelpText=_ref10.hasHelpText,errorTextId=_ref10.errorTextId,successTextId=_ref10.successTextId,helpTextId=_ref10.helpTextId;if(validationState==='error'&&hasErrorText){return errorTextId;}if(validationState==='success'&&hasSuccessText){return successTextId;}if(hasHelpText){return helpTextId;}return '';};var FocusRingWrapper=styled(BaseBox)(function(_ref11){var theme=_ref11.theme,currentInteraction=_ref11.currentInteraction;return {borderRadius:makeBorderSize(theme.border.radius.medium),width:'100%','&:focus-within':Object.assign({},getFocusRingStyles(),{transitionDuration:castWebType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].duration))),transitionTimingFunction:castWebType(getIn(theme.motion.easing,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].easing))})};});var _BaseInput=function _BaseInput(_ref12,ref){var _ref12$as=_ref12.as,as=_ref12$as===void 0?'input':_ref12$as,label=_ref12.label,_ref12$labelPosition=_ref12.labelPosition,labelPosition=_ref12$labelPosition===void 0?'top':_ref12$labelPosition,placeholder=_ref12.placeholder,_ref12$type=_ref12.type,type=_ref12$type===void 0?'text':_ref12$type,defaultValue=_ref12.defaultValue,tags=_ref12.tags,_ref12$showAllTags=_ref12.showAllTags,showAllTags=_ref12$showAllTags===void 0?false:_ref12$showAllTags,_ref12$activeTagIndex=_ref12.activeTagIndex,activeTagIndex=_ref12$activeTagIndex===void 0?-1:_ref12$activeTagIndex,setActiveTagIndex=_ref12.setActiveTagIndex,name=_ref12.name,value=_ref12.value,onFocus=_ref12.onFocus,onChange=_ref12.onChange,onInput=_ref12.onInput,onBlur=_ref12.onBlur,onSubmit=_ref12.onSubmit,onClick=_ref12.onClick,onKeyDown=_ref12.onKeyDown,isDisabled=_ref12.isDisabled,necessityIndicator=_ref12.necessityIndicator,validationState=_ref12.validationState,errorText=_ref12.errorText,helpText=_ref12.helpText,successText=_ref12.successText,isRequired=_ref12.isRequired,leadingIcon=_ref12.leadingIcon,prefix=_ref12.prefix,trailingInteractionElement=_ref12.trailingInteractionElement,leadingInteractionElement=_ref12.leadingInteractionElement,suffix=_ref12.suffix,trailingIcon=_ref12.trailingIcon,maxCharacters=_ref12.maxCharacters,textAlign=_ref12.textAlign,autoFocus=_ref12.autoFocus,keyboardReturnKeyType=_ref12.keyboardReturnKeyType,keyboardType=_ref12.keyboardType,autoCompleteSuggestionType=_ref12.autoCompleteSuggestionType,trailingHeaderSlot=_ref12.trailingHeaderSlot,trailingFooterSlot=_ref12.trailingFooterSlot,numberOfLines=_ref12.numberOfLines,id=_ref12.id,componentName=_ref12.componentName,accessibilityLabel=_ref12.accessibilityLabel,labelId=_ref12.labelId,activeDescendant=_ref12.activeDescendant,hideLabelText=_ref12.hideLabelText,hideFormHint=_ref12.hideFormHint,hasPopup=_ref12.hasPopup,popupId=_ref12.popupId,isPopupExpanded=_ref12.isPopupExpanded,maxTagRows=_ref12.maxTagRows,shouldIgnoreBlurAnimation=_ref12.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_ref12.setShouldIgnoreBlurAnimation,autoCapitalize=_ref12.autoCapitalize,setInputWrapperRef=_ref12.setInputWrapperRef,testID=_ref12.testID,isDropdownTrigger=_ref12.isDropdownTrigger,isLabelInsideInput=_ref12.isLabelInsideInput,_ref12$size=_ref12.size,size=_ref12$size===void 0?'medium':_ref12$size,trailingButton=_ref12.trailingButton,_ref12$valueComponent=_ref12.valueComponentType,valueComponentType=_ref12$valueComponent===void 0?'text':_ref12$valueComponent,styledProps=_objectWithoutProperties(_ref12,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var inputWrapperRef=React__default.useRef(null);var _useTags=useTags(tags,activeTagIndex,setActiveTagIndex),onInputKeydownTagHandler=_useTags.onInputKeydownTagHandler,visibleTagsCountRef=_useTags.visibleTagsCountRef;var _React$useState3=React__default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),showAllTagsWithAnimation=_React$useState4[0],setShowAllTagsWithAnimation=_React$useState4[1];var isReactNative=getPlatformType()==='react-native';React__default.useEffect(function(){if(showAllTags){setShowAllTagsWithAnimation(true);}else if(maxTagRows!=='expandable'){setShowAllTagsWithAnimation(false);}},[showAllTags,maxTagRows]);var _useInput=useInput({defaultValue:defaultValue,value:value,onFocus:onFocus,onClick:onClick,onChange:onChange,onBlur:onBlur,onSubmit:onSubmit,onInput:onInput,onKeyDown:onKeyDown,onInputKeydownTagHandler:onInputKeydownTagHandler}),handleOnFocus=_useInput.handleOnFocus,handleOnChange=_useInput.handleOnChange,handleOnClick=_useInput.handleOnClick,handleOnBlur=_useInput.handleOnBlur,handleOnSubmit=_useInput.handleOnSubmit,handleOnInput=_useInput.handleOnInput,handleOnKeyDown=_useInput.handleOnKeyDown,inputValue=_useInput.inputValue;var _useFormId=useFormId(id),inputId=_useFormId.inputId,helpTextId=_useFormId.helpTextId,errorTextId=_useFormId.errorTextId,successTextId=_useFormId.successTextId;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isLabelLeftPositioned=labelPosition==='left'&&matchedDeviceType==='desktop';var _useInteraction=useInteraction(),currentInteraction=_useInteraction.currentInteraction,setCurrentInteraction=_useInteraction.setCurrentInteraction;var _isRequired=isRequired||necessityIndicator==='required';var accessibilityProps=makeAccessible({required:Boolean(_isRequired),disabled:Boolean(isDisabled),invalid:Boolean(validationState==='error'),describedBy:getDescribedByElementId({validationState:validationState,hasErrorText:Boolean(errorText),hasSuccessText:Boolean(successText),hasHelpText:Boolean(helpText),errorTextId:errorTextId,successTextId:successTextId,helpTextId:helpTextId}),label:accessibilityLabel,hasPopup:hasPopup,expanded:hasPopup?isPopupExpanded:undefined,controls:hasPopup?popupId:undefined,role:hasPopup?'combobox':undefined,activeDescendant:activeDescendant});var willRenderHintText=Boolean(helpText)||Boolean(successText)||Boolean(errorText);if(__DEV__){if(autoCompleteSuggestionType&&!autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)){throwBladeError({message:`Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(', ')} but received ${autoCompleteSuggestionType}`,moduleName:'Input'});}}var isTextArea=as==='textarea';return jsxs(BaseBox,Object.assign({},metaAttribute({name:componentName,testID:testID}),getStyledProps(styledProps),{children:[jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'row':'column',justifyContent:isLabelLeftPositioned?'center':undefined,alignItems:isLabelLeftPositioned?'center':undefined,position:"relative",width:"100%",children:[!hideLabelText&&!isLabelInsideInput&&jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'column':'row',justifyContent:"space-between",alignSelf:isTextArea?'flex-start':undefined,marginY:isTextArea&&isLabelLeftPositioned?'spacing.3':'spacing.0',children:[jsx(FormLabel,{as:"label",necessityIndicator:necessityIndicator,position:labelPosition,id:labelId,htmlFor:inputId,size:size,children:label}),trailingHeaderSlot==null?void 0:trailingHeaderSlot(value!=null?value:inputValue)]}),jsx(FocusRingWrapper,{currentInteraction:currentInteraction,children:jsxs(BaseInputWrapper,{isDropdownTrigger:isDropdownTrigger,isTextArea:isTextArea,isDisabled:isDisabled,validationState:validationState,currentInteraction:currentInteraction,isLabelLeftPositioned:isLabelLeftPositioned,showAllTags:showAllTags,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation,ref:function ref(refNode){if(refNode){setInputWrapperRef==null?void 0:setInputWrapperRef(refNode);inputWrapperRef.current=refNode;}},maxTagRows:maxTagRows,size:size,children:[jsx(BaseInputVisuals,{size:size,leadingIcon:leadingIcon,prefix:prefix,isDisabled:isDisabled,leadingInteractionElement:leadingInteractionElement}),jsx(BaseInputTagSlot,{renderAs:as,tags:tags,isDisabled:isDisabled,showAllTags:showAllTagsWithAnimation,setFocusOnInput:function setFocusOnInput(){if(ref&&!isReactNative&&'current'in ref){var _ref$current;(_ref$current=ref.current)==null?void 0:_ref$current.focus();}},labelPrefix:isLabelInsideInput?label:undefined,isDropdownTrigger:isDropdownTrigger,visibleTagsCountRef:visibleTagsCountRef,handleOnInputClick:function handleOnInputClick(e){handleOnClick({name:name,value:isReactNative?value:e});},setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,maxTagRows:maxTagRows,inputWrapperRef:inputWrapperRef,size:size,children:jsx(StyledBaseInput,Object.assign({as:as,id:inputId,ref:ref,name:name,type:type,defaultValue:defaultValue,value:value,placeholder:placeholder,isDisabled:isDisabled,validationState:validationState,isRequired:_isRequired,handleOnFocus:handleOnFocus,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,handleOnClick:handleOnClick,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,maxCharacters:maxCharacters,textAlign:textAlign,autoFocus:autoFocus,keyboardReturnKeyType:keyboardReturnKeyType,keyboardType:keyboardType,autoCompleteSuggestionType:autoCompleteSuggestionType,accessibilityProps:accessibilityProps,currentInteraction:currentInteraction,setCurrentInteraction:setCurrentInteraction,numberOfLines:numberOfLines,isTextArea:isTextArea||maxTagRows==='multiple'||maxTagRows==='expandable',hasPopup:hasPopup,hasTags:!!(tags&&tags.length>0),shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,autoCapitalize:autoCapitalize,isDropdownTrigger:isDropdownTrigger,$size:size,valueComponentType:valueComponentType},metaAttribute({name:MetaConstants.StyledBaseInput})))}),jsx(BaseInputVisuals,{trailingInteractionElement:trailingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isDisabled:isDisabled,validationState:validationState,trailingButton:trailingButton,size:size})]})})]}),!hideFormHint&&jsx(BaseBox,{marginLeft:makeSize(isLabelLeftPositioned&&!hideLabelText?formHintLeftLabelMarginLeft[size]:0),children:jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:willRenderHintText?'space-between':'flex-end',children:[jsx(FormHint,{type:getHintType({validationState:validationState,hasHelpText:Boolean(helpText)}),helpText:helpText,errorText:errorText,successText:successText,helpTextId:helpTextId,errorTextId:errorTextId,successTextId:successTextId,size:size}),trailingFooterSlot==null?void 0:trailingFooterSlot(value!=null?value:inputValue)]})})]}));};var BaseInputWithRef=React__default.forwardRef(_BaseInput);var BaseInput=assignWithoutSideEffects(BaseInputWithRef,{displayName:'BaseInput'});
+var _excluded=["as","label","labelPosition","placeholder","type","defaultValue","tags","showAllTags","activeTagIndex","setActiveTagIndex","name","value","onFocus","onChange","onInput","onBlur","onSubmit","onClick","onKeyDown","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","maxCharacters","textAlign","autoFocus","keyboardReturnKeyType","keyboardType","autoCompleteSuggestionType","trailingHeaderSlot","trailingFooterSlot","numberOfLines","id","componentName","accessibilityLabel","labelId","activeDescendant","hideLabelText","hideFormHint","hasPopup","popupId","isPopupExpanded","maxTagRows","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","autoCapitalize","setInputWrapperRef","testID","isDropdownTrigger","isLabelInsideInput","size","trailingButton","valueComponentType"];var autoCompleteSuggestionTypeValues=['none','on','name','email','username','password','newPassword','oneTimeCode','telephone','postalCode','countryName','creditCardNumber','creditCardCSC','creditCardExpiry','creditCardExpiryMonth','creditCardExpiryYear'];var useTags=function useTags(tags,activeTagIndex,setActiveTagIndex){var visibleTagsCountRef=React__default.useRef(0);React__default.useEffect(function(){if(tags&&activeTagIndex>=0&&activeTagIndex<tags.length){var _tags$activeTagIndex,_tags$activeTagIndex$;var tagTitle=(_tags$activeTagIndex=tags[activeTagIndex])==null?void 0:(_tags$activeTagIndex$=_tags$activeTagIndex.props)==null?void 0:_tags$activeTagIndex$.children;if(tagTitle){announce(`Close ${tagTitle} Tag`);}}},[activeTagIndex,tags==null?void 0:tags.length]);var onTagLeft=function onTagLeft(){if(activeTagIndex<0){setActiveTagIndex==null?void 0:setActiveTagIndex(visibleTagsCountRef.current-1);}if(activeTagIndex>0){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex-1);}};var onTagRight=function onTagRight(){if(activeTagIndex<visibleTagsCountRef.current-1){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex+1);}};var onTagRemove=function onTagRemove(){if(activeTagIndex>=0&&activeTagIndex<visibleTagsCountRef.current&&tags){tags[activeTagIndex].props.onDismiss({tagIndex:activeTagIndex});}};var onInputKeydownTagHandler=function onInputKeydownTagHandler(key){if(tags&&tags.length>0){if(key==='ArrowRight'){onTagRight();}if(key==='ArrowLeft'){onTagLeft();}if(key==='Backspace'){onTagRemove();}}};return {onInputKeydownTagHandler:onInputKeydownTagHandler,visibleTagsCountRef:visibleTagsCountRef};};var useInput=function useInput(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,onClick=_ref.onClick,onFocus=_ref.onFocus,onChange=_ref.onChange,onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,onInput=_ref.onInput,onKeyDown=_ref.onKeyDown,onInputKeydownTagHandler=_ref.onInputKeydownTagHandler;if(__DEV__){if(value&&defaultValue){throwBladeError({message:`Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,moduleName:'Input'});}}var _React$useState=React__default.useState(defaultValue!=null?defaultValue:value),_React$useState2=_slicedToArray(_React$useState,2),inputValue=_React$useState2[0],setInputValue=_React$useState2[1];var handleOnFocus=React__default.useCallback(function(_ref2){var name=_ref2.name,value=_ref2.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value;_value=(_value$target$value=value==null?void 0:value.target.value)!=null?_value$target$value:'';}onFocus==null?void 0:onFocus({name:name,value:_value});},[onFocus]);var handleOnClick=React__default.useCallback(function(_ref3){var name=_ref3.name,value=_ref3.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$currentTarget$;_value=(_value$currentTarget$=value==null?void 0:value.currentTarget.value)!=null?_value$currentTarget$:'';}onClick==null?void 0:onClick({name:name,value:_value});},[onClick]);var handleOnSubmit=React__default.useCallback(function(_ref4){var name=_ref4.name,value=_ref4.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value2;_value=(_value$target$value2=value==null?void 0:value.target.value)!=null?_value$target$value2:'';}if(isReactNative()){onSubmit==null?void 0:onSubmit({name:name,value:_value});}},[onSubmit]);var handleOnBlur=React__default.useCallback(function(_ref5){var name=_ref5.name,value=_ref5.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value3;_value=(_value$target$value3=value==null?void 0:value.target.value)!=null?_value$target$value3:'';}onBlur==null?void 0:onBlur({name:name,value:_value});},[onBlur]);var handleOnChange=React__default.useCallback(function(_ref6){var name=_ref6.name,value=_ref6.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value4;_value=(_value$target$value4=value==null?void 0:value.target.value)!=null?_value$target$value4:'';}onChange==null?void 0:onChange({name:name,value:_value});setInputValue(_value);},[onChange]);var handleOnInput=React__default.useCallback(function(_ref7){var name=_ref7.name,value=_ref7.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value5;_value=(_value$target$value5=value==null?void 0:value.target.value)!=null?_value$target$value5:'';}onInput==null?void 0:onInput({name:name,value:_value});},[onInput]);var handleOnKeyDown=React__default.useCallback(function(_ref8){var name=_ref8.name,key=_ref8.key,code=_ref8.code,event=_ref8.event;onInputKeydownTagHandler(key);onKeyDown==null?void 0:onKeyDown({name:name,key:key,code:code,event:event});},[onKeyDown]);return {handleOnFocus:handleOnFocus,handleOnClick:handleOnClick,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,inputValue:inputValue};};var getHintType=function getHintType(_ref9){var validationState=_ref9.validationState,hasHelpText=_ref9.hasHelpText;if(validationState==='error'){return 'error';}if(validationState==='success'){return 'success';}if(hasHelpText){return 'help';}return 'help';};var getDescribedByElementId=function getDescribedByElementId(_ref10){var validationState=_ref10.validationState,hasErrorText=_ref10.hasErrorText,hasSuccessText=_ref10.hasSuccessText,hasHelpText=_ref10.hasHelpText,errorTextId=_ref10.errorTextId,successTextId=_ref10.successTextId,helpTextId=_ref10.helpTextId;if(validationState==='error'&&hasErrorText){return errorTextId;}if(validationState==='success'&&hasSuccessText){return successTextId;}if(hasHelpText){return helpTextId;}return '';};var FocusRingWrapper=styled(BaseBox)(function(_ref11){var theme=_ref11.theme,currentInteraction=_ref11.currentInteraction;return {borderRadius:makeBorderSize(theme.border.radius.medium),width:'100%','&:focus-within':Object.assign({},getFocusRingStyles(),{transitionDuration:castWebType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].duration))),transitionTimingFunction:castWebType(getIn(theme.motion.easing,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].easing))})};});var _BaseInput=function _BaseInput(_ref12,ref){var _ref12$as=_ref12.as,as=_ref12$as===void 0?'input':_ref12$as,label=_ref12.label,_ref12$labelPosition=_ref12.labelPosition,labelPosition=_ref12$labelPosition===void 0?'top':_ref12$labelPosition,placeholder=_ref12.placeholder,_ref12$type=_ref12.type,type=_ref12$type===void 0?'text':_ref12$type,defaultValue=_ref12.defaultValue,tags=_ref12.tags,_ref12$showAllTags=_ref12.showAllTags,showAllTags=_ref12$showAllTags===void 0?false:_ref12$showAllTags,_ref12$activeTagIndex=_ref12.activeTagIndex,activeTagIndex=_ref12$activeTagIndex===void 0?-1:_ref12$activeTagIndex,setActiveTagIndex=_ref12.setActiveTagIndex,name=_ref12.name,value=_ref12.value,onFocus=_ref12.onFocus,onChange=_ref12.onChange,onInput=_ref12.onInput,onBlur=_ref12.onBlur,onSubmit=_ref12.onSubmit,onClick=_ref12.onClick,onKeyDown=_ref12.onKeyDown,isDisabled=_ref12.isDisabled,necessityIndicator=_ref12.necessityIndicator,validationState=_ref12.validationState,errorText=_ref12.errorText,helpText=_ref12.helpText,successText=_ref12.successText,isRequired=_ref12.isRequired,leadingIcon=_ref12.leadingIcon,prefix=_ref12.prefix,trailingInteractionElement=_ref12.trailingInteractionElement,leadingInteractionElement=_ref12.leadingInteractionElement,suffix=_ref12.suffix,trailingIcon=_ref12.trailingIcon,maxCharacters=_ref12.maxCharacters,textAlign=_ref12.textAlign,autoFocus=_ref12.autoFocus,keyboardReturnKeyType=_ref12.keyboardReturnKeyType,keyboardType=_ref12.keyboardType,autoCompleteSuggestionType=_ref12.autoCompleteSuggestionType,trailingHeaderSlot=_ref12.trailingHeaderSlot,trailingFooterSlot=_ref12.trailingFooterSlot,numberOfLines=_ref12.numberOfLines,id=_ref12.id,componentName=_ref12.componentName,accessibilityLabel=_ref12.accessibilityLabel,labelId=_ref12.labelId,activeDescendant=_ref12.activeDescendant,hideLabelText=_ref12.hideLabelText,hideFormHint=_ref12.hideFormHint,hasPopup=_ref12.hasPopup,popupId=_ref12.popupId,isPopupExpanded=_ref12.isPopupExpanded,maxTagRows=_ref12.maxTagRows,shouldIgnoreBlurAnimation=_ref12.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_ref12.setShouldIgnoreBlurAnimation,autoCapitalize=_ref12.autoCapitalize,setInputWrapperRef=_ref12.setInputWrapperRef,testID=_ref12.testID,isDropdownTrigger=_ref12.isDropdownTrigger,isLabelInsideInput=_ref12.isLabelInsideInput,_ref12$size=_ref12.size,size=_ref12$size===void 0?'medium':_ref12$size,trailingButton=_ref12.trailingButton,_ref12$valueComponent=_ref12.valueComponentType,valueComponentType=_ref12$valueComponent===void 0?'text':_ref12$valueComponent,styledProps=_objectWithoutProperties(_ref12,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var inputRef=React__default.useRef(null);var mergedInputRef=useMergeRefs(ref,inputRef);var inputWrapperRef=React__default.useRef(null);var _useTags=useTags(tags,activeTagIndex,setActiveTagIndex),onInputKeydownTagHandler=_useTags.onInputKeydownTagHandler,visibleTagsCountRef=_useTags.visibleTagsCountRef;var _React$useState3=React__default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),showAllTagsWithAnimation=_React$useState4[0],setShowAllTagsWithAnimation=_React$useState4[1];var isReactNative=getPlatformType()==='react-native';React__default.useEffect(function(){if(showAllTags){setShowAllTagsWithAnimation(true);}else if(maxTagRows!=='expandable'){setShowAllTagsWithAnimation(false);}},[showAllTags,maxTagRows]);var _useInput=useInput({defaultValue:defaultValue,value:value,onFocus:onFocus,onClick:onClick,onChange:onChange,onBlur:onBlur,onSubmit:onSubmit,onInput:onInput,onKeyDown:onKeyDown,onInputKeydownTagHandler:onInputKeydownTagHandler}),handleOnFocus=_useInput.handleOnFocus,handleOnChange=_useInput.handleOnChange,handleOnClick=_useInput.handleOnClick,handleOnBlur=_useInput.handleOnBlur,handleOnSubmit=_useInput.handleOnSubmit,handleOnInput=_useInput.handleOnInput,handleOnKeyDown=_useInput.handleOnKeyDown,inputValue=_useInput.inputValue;var _useFormId=useFormId(id),inputId=_useFormId.inputId,helpTextId=_useFormId.helpTextId,errorTextId=_useFormId.errorTextId,successTextId=_useFormId.successTextId;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isLabelLeftPositioned=labelPosition==='left'&&matchedDeviceType==='desktop';var _useInteraction=useInteraction(),currentInteraction=_useInteraction.currentInteraction,setCurrentInteraction=_useInteraction.setCurrentInteraction;var _isRequired=isRequired||necessityIndicator==='required';var accessibilityProps=makeAccessible({required:Boolean(_isRequired),disabled:Boolean(isDisabled),invalid:Boolean(validationState==='error'),describedBy:getDescribedByElementId({validationState:validationState,hasErrorText:Boolean(errorText),hasSuccessText:Boolean(successText),hasHelpText:Boolean(helpText),errorTextId:errorTextId,successTextId:successTextId,helpTextId:helpTextId}),label:accessibilityLabel,hasPopup:hasPopup,expanded:hasPopup?isPopupExpanded:undefined,controls:hasPopup?popupId:undefined,role:hasPopup?'combobox':undefined,activeDescendant:activeDescendant});var willRenderHintText=Boolean(helpText)||Boolean(successText)||Boolean(errorText);if(__DEV__){if(autoCompleteSuggestionType&&!autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)){throwBladeError({message:`Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(', ')} but received ${autoCompleteSuggestionType}`,moduleName:'Input'});}}var isTextArea=as==='textarea';return jsxs(BaseBox,Object.assign({},metaAttribute({name:componentName,testID:testID}),getStyledProps(styledProps),{children:[jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'row':'column',justifyContent:isLabelLeftPositioned?'center':undefined,alignItems:isLabelLeftPositioned?'center':undefined,position:"relative",width:"100%",children:[!hideLabelText&&!isLabelInsideInput&&jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'column':'row',justifyContent:"space-between",alignSelf:isTextArea?'flex-start':undefined,marginY:isTextArea&&isLabelLeftPositioned?'spacing.3':'spacing.0',children:[jsx(FormLabel,{as:"label",necessityIndicator:necessityIndicator,position:labelPosition,id:labelId,htmlFor:inputId,size:size,children:label}),trailingHeaderSlot==null?void 0:trailingHeaderSlot(value!=null?value:inputValue)]}),jsx(FocusRingWrapper,{currentInteraction:currentInteraction,children:jsxs(BaseInputWrapper,{isDropdownTrigger:isDropdownTrigger,isTextArea:isTextArea,isDisabled:isDisabled,validationState:validationState,currentInteraction:currentInteraction,isLabelLeftPositioned:isLabelLeftPositioned,showAllTags:showAllTags,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation,ref:function ref(refNode){if(refNode){setInputWrapperRef==null?void 0:setInputWrapperRef(refNode);inputWrapperRef.current=refNode;}},maxTagRows:maxTagRows,size:size,numberOfLines:numberOfLines,onClick:function onClick(){if(!isReactNative){var _inputRef$current;(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus();}},children:[jsx(BaseInputVisuals,{size:size,leadingIcon:leadingIcon,prefix:prefix,isDisabled:isDisabled,leadingInteractionElement:leadingInteractionElement}),jsx(BaseInputTagSlot,{renderAs:as,tags:tags,isDisabled:isDisabled,showAllTags:showAllTagsWithAnimation,setFocusOnInput:function setFocusOnInput(){if(ref&&!isReactNative&&'current'in ref){var _ref$current;(_ref$current=ref.current)==null?void 0:_ref$current.focus();}},labelPrefix:isLabelInsideInput?label:undefined,isDropdownTrigger:isDropdownTrigger,visibleTagsCountRef:visibleTagsCountRef,handleOnInputClick:function handleOnInputClick(e){handleOnClick({name:name,value:isReactNative?value:e});},setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,maxTagRows:maxTagRows,inputWrapperRef:inputWrapperRef,size:size,numberOfLines:numberOfLines,isTextArea:isTextArea,children:jsx(StyledBaseInput,Object.assign({as:as,id:inputId,ref:mergedInputRef,name:name,type:type,defaultValue:defaultValue,value:value,placeholder:placeholder,isDisabled:isDisabled,validationState:validationState,isRequired:_isRequired,handleOnFocus:handleOnFocus,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,handleOnClick:handleOnClick,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,maxCharacters:maxCharacters,textAlign:textAlign,autoFocus:autoFocus,keyboardReturnKeyType:keyboardReturnKeyType,keyboardType:keyboardType,autoCompleteSuggestionType:autoCompleteSuggestionType,accessibilityProps:accessibilityProps,currentInteraction:currentInteraction,setCurrentInteraction:setCurrentInteraction,numberOfLines:numberOfLines,isTextArea:isTextArea||maxTagRows==='multiple'||maxTagRows==='expandable',hasPopup:hasPopup,hasTags:!!(tags&&tags.length>0),shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,autoCapitalize:autoCapitalize,isDropdownTrigger:isDropdownTrigger,$size:size,valueComponentType:valueComponentType},metaAttribute({name:MetaConstants.StyledBaseInput})))}),jsx(BaseInputVisuals,{trailingInteractionElement:trailingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isDisabled:isDisabled,validationState:validationState,trailingButton:trailingButton,size:size})]})})]}),!hideFormHint&&jsx(BaseBox,{marginLeft:makeSize(isLabelLeftPositioned&&!hideLabelText?formHintLeftLabelMarginLeft[size]:0),children:jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:willRenderHintText?'space-between':'flex-end',children:[jsx(FormHint,{type:getHintType({validationState:validationState,hasHelpText:Boolean(helpText)}),helpText:helpText,errorText:errorText,successText:successText,helpTextId:helpTextId,errorTextId:errorTextId,successTextId:successTextId,size:size}),trailingFooterSlot==null?void 0:trailingFooterSlot(value!=null?value:inputValue)]})})]}));};var BaseInputWithRef=React__default.forwardRef(_BaseInput);var BaseInput=assignWithoutSideEffects(BaseInputWithRef,{displayName:'BaseInput'});
 export { BaseInput, getHintType };
 //# sourceMappingURL=BaseInput.js.map