@razorpay/blade 11.8.2 → 11.9.1

package/build/lib/native/components/Input/BaseInput/BaseInputVisuals.js

@@ -1,7 +1,8 @@
+import React__default from 'react';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '../../Typography/BaseText/BaseText.native.js';
-import 'react';
+import { throwBladeError } from '../../../utils/logger/logger.js';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-native';
 import '../../../tokens/global/typography.js';
@@ -10,8 +11,9 @@ import '../../BladeProvider/useTheme.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Text } from '../../Typography/Text/Text.js';
 import '../../Typography/Code/Code.js';
+import { isValidAllowedChildren } from '../../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 
-var getVisualContainerStyles=function getVisualContainerStyles(){return {display:'flex',flexDirection:'row',alignItems:'center',alignSelf:'center'};};var getPrefixStyles=function getPrefixStyles(_ref){var hasLeadingIcon=_ref.hasLeadingIcon,hasPrefix=_ref.hasPrefix;if(hasPrefix&&hasLeadingIcon){return {paddingLeft:'spacing.2'};}if(hasPrefix&&!hasLeadingIcon){return {paddingLeft:'spacing.4'};}return {paddingLeft:'spacing.0'};};var getInteractionElementStyles=function getInteractionElementStyles(_ref2){var hasTrailingIcon=_ref2.hasTrailingIcon,hasInteractionElement=_ref2.hasInteractionElement,hasSuffix=_ref2.hasSuffix;if(hasInteractionElement&&(hasSuffix||hasTrailingIcon)){return {paddingRight:'spacing.2'};}if(hasInteractionElement&&!hasSuffix&&!hasTrailingIcon){return {paddingRight:'spacing.4'};}return {paddingRight:'spacing.0'};};var getSuffixStyles=function getSuffixStyles(_ref3){var hasTrailingIcon=_ref3.hasTrailingIcon,hasSuffix=_ref3.hasSuffix;if(hasSuffix&&hasTrailingIcon){return {paddingRight:'spacing.2'};}if(hasSuffix&&!hasTrailingIcon){return {paddingRight:'spacing.4'};}return {paddingRight:'spacing.0'};};var getInputVisualsToBeRendered=function getInputVisualsToBeRendered(_ref4){var leadingIcon=_ref4.leadingIcon,prefix=_ref4.prefix,interactionElement=_ref4.interactionElement,suffix=_ref4.suffix,trailingIcon=_ref4.trailingIcon;return {hasLeadingIcon:Boolean(leadingIcon),hasPrefix:Boolean(prefix),hasInteractionElement:Boolean(interactionElement),hasSuffix:Boolean(suffix),hasTrailingIcon:Boolean(trailingIcon)};};var BaseInputVisuals=function BaseInputVisuals(_ref5){var LeadingIcon=_ref5.leadingIcon,prefix=_ref5.prefix,interactionElement=_ref5.interactionElement,suffix=_ref5.suffix,TrailingIcon=_ref5.trailingIcon,isDisabled=_ref5.isDisabled;var _getInputVisualsToBeR=getInputVisualsToBeRendered({leadingIcon:LeadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:TrailingIcon}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasInteractionElement=_getInputVisualsToBeR.hasInteractionElement,hasSuffix=_getInputVisualsToBeR.hasSuffix,hasTrailingIcon=_getInputVisualsToBeR.hasTrailingIcon;var hasLeadingVisuals=hasLeadingIcon||hasPrefix;var hasTrailingVisuals=hasInteractionElement||hasSuffix||hasTrailingIcon;if(hasLeadingVisuals){return jsxs(BaseBox,Object.assign({},getVisualContainerStyles(),{children:[LeadingIcon?jsx(BaseBox,{paddingLeft:"spacing.4",display:"flex",children:jsx(LeadingIcon,{size:"medium",color:isDisabled?'surface.icon.gray.disabled':'surface.icon.gray.subtle'})}):null,hasPrefix?jsx(BaseBox,Object.assign({},getPrefixStyles({hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix}),{children:jsx(Text,{size:"medium",variant:"body",weight:"regular",color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',children:prefix})})):null]}));}if(hasTrailingVisuals){return jsxs(BaseBox,Object.assign({alignSelf:"stretch",alignItems:"stretch"},getVisualContainerStyles(),{children:[hasInteractionElement?jsx(BaseBox,Object.assign({},getInteractionElementStyles({hasTrailingIcon:hasTrailingIcon,hasInteractionElement:hasInteractionElement,hasSuffix:hasSuffix}),{display:"flex",alignItems:"stretch",alignSelf:"stretch",children:interactionElement})):null,hasSuffix?jsx(BaseBox,Object.assign({},getSuffixStyles({hasTrailingIcon:hasTrailingIcon,hasSuffix:hasSuffix}),{children:jsx(Text,{size:"medium",variant:"body",weight:"regular",color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',children:suffix})})):null,TrailingIcon?jsx(BaseBox,{paddingRight:"spacing.4",display:"flex",children:jsx(TrailingIcon,{size:"medium",color:isDisabled?'interactive.icon.gray.disabled':'interactive.icon.gray.muted'})}):null]}));}return null;};
+var getVisualContainerStyles=function getVisualContainerStyles(){return {display:'flex',flexDirection:'row',alignItems:'center',alignSelf:'center'};};var trailingIconColor={none:'surface.icon.gray.subtle',error:'feedback.icon.negative.intense',success:'feedback.icon.positive.intense'};var iconSize={medium:'medium',large:'large'};var textSize={medium:'medium',large:'large'};var getPrefixStyles=function getPrefixStyles(_ref){var hasLeadingIcon=_ref.hasLeadingIcon,hasPrefix=_ref.hasPrefix;if(hasPrefix&&hasLeadingIcon){return {paddingLeft:'spacing.3'};}if(hasPrefix&&!hasLeadingIcon){return {paddingLeft:'spacing.4'};}return {paddingLeft:'spacing.0'};};var getInteractionElementStyles=function getInteractionElementStyles(_ref2){var hasTrailingIcon=_ref2.hasTrailingIcon,hasInteractionElement=_ref2.hasInteractionElement,hasSuffix=_ref2.hasSuffix,hasTrailingButton=_ref2.hasTrailingButton;if(hasInteractionElement&&(hasSuffix||hasTrailingIcon||hasTrailingButton)){return {paddingRight:'spacing.2'};}if(hasInteractionElement&&!hasSuffix&&!hasTrailingIcon&&!hasTrailingButton){return {paddingRight:'spacing.4'};}return {paddingRight:'spacing.0'};};var getSuffixStyles=function getSuffixStyles(_ref3){var hasTrailingIcon=_ref3.hasTrailingIcon,hasSuffix=_ref3.hasSuffix,hasTrailingButton=_ref3.hasTrailingButton;if(hasSuffix&&(hasTrailingIcon||hasTrailingButton)){return {paddingRight:'spacing.3'};}if(hasSuffix&&!hasTrailingIcon&&!hasTrailingButton){return {paddingRight:'spacing.4'};}return {paddingRight:'spacing.0'};};var getTrailingIconStyles=function getTrailingIconStyles(_ref4){var hasTrailingIcon=_ref4.hasTrailingIcon,hasTrailingButton=_ref4.hasTrailingButton;if(hasTrailingIcon&&hasTrailingButton){return {paddingRight:'spacing.3'};}if(hasTrailingIcon&&!hasTrailingButton){return {paddingRight:'spacing.4'};}return {paddingRight:'spacing.0'};};var getInputVisualsToBeRendered=function getInputVisualsToBeRendered(_ref5){var leadingIcon=_ref5.leadingIcon,prefix=_ref5.prefix,interactionElement=_ref5.interactionElement,suffix=_ref5.suffix,trailingIcon=_ref5.trailingIcon,trailingButton=_ref5.trailingButton;return {hasLeadingIcon:Boolean(leadingIcon),hasPrefix:Boolean(prefix),hasInteractionElement:Boolean(interactionElement),hasSuffix:Boolean(suffix),hasTrailingIcon:Boolean(trailingIcon),hasTrailingButton:Boolean(trailingButton)};};var BaseInputVisuals=function BaseInputVisuals(_ref6){var LeadingIcon=_ref6.leadingIcon,prefix=_ref6.prefix,interactionElement=_ref6.interactionElement,suffix=_ref6.suffix,TrailingIcon=_ref6.trailingIcon,isDisabled=_ref6.isDisabled,_ref6$validationState=_ref6.validationState,validationState=_ref6$validationState===void 0?'none':_ref6$validationState,size=_ref6.size,TrailingButton=_ref6.trailingButton;var _getInputVisualsToBeR=getInputVisualsToBeRendered({leadingIcon:LeadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:TrailingIcon,trailingButton:TrailingButton,size:size}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasInteractionElement=_getInputVisualsToBeR.hasInteractionElement,hasSuffix=_getInputVisualsToBeR.hasSuffix,hasTrailingIcon=_getInputVisualsToBeR.hasTrailingIcon,hasTrailingButton=_getInputVisualsToBeR.hasTrailingButton;var hasLeadingVisuals=hasLeadingIcon||hasPrefix;var hasTrailingVisuals=hasInteractionElement||hasSuffix||hasTrailingIcon||hasTrailingButton;if(__DEV__){if(hasTrailingButton&&!isValidAllowedChildren(TrailingButton,'Link')){throwBladeError({message:'trailingButton must be a valid Blade Link component',moduleName:'BaseInput'});}}if(hasLeadingVisuals){return jsxs(BaseBox,Object.assign({},getVisualContainerStyles(),{children:[LeadingIcon?jsx(BaseBox,{paddingLeft:"spacing.4",display:"flex",children:jsx(LeadingIcon,{size:iconSize[size],color:isDisabled?'surface.icon.gray.disabled':'surface.icon.gray.subtle'})}):null,hasPrefix?jsx(BaseBox,Object.assign({},getPrefixStyles({hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix}),{children:jsx(Text,{size:textSize[size],variant:"body",weight:"regular",color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',children:prefix})})):null]}));}if(hasTrailingVisuals){return jsxs(BaseBox,Object.assign({alignSelf:"stretch",alignItems:"stretch"},getVisualContainerStyles(),{children:[hasInteractionElement?jsx(BaseBox,Object.assign({},getInteractionElementStyles({hasTrailingIcon:hasTrailingIcon,hasInteractionElement:hasInteractionElement,hasSuffix:hasSuffix,hasTrailingButton:hasTrailingButton}),{display:"flex",alignItems:"stretch",alignSelf:"stretch",children:interactionElement})):null,hasSuffix?jsx(BaseBox,Object.assign({},getSuffixStyles({hasTrailingIcon:hasTrailingIcon,hasSuffix:hasSuffix,hasTrailingButton:hasTrailingButton}),{children:jsx(Text,{size:textSize[size],variant:"body",weight:"regular",color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',children:suffix})})):null,TrailingIcon?jsx(BaseBox,Object.assign({display:"flex"},getTrailingIconStyles({hasTrailingIcon:hasTrailingIcon,hasTrailingButton:hasTrailingButton}),{children:jsx(TrailingIcon,{size:iconSize[size],color:isDisabled?'interactive.icon.gray.disabled':trailingIconColor[validationState]})})):null,TrailingButton?jsx(BaseBox,{paddingRight:"spacing.4",display:"flex",children:React__default.cloneElement(TrailingButton,{size:size,variant:'button',isDisabled:isDisabled})}):null]}));}return null;};
 
 export { BaseInputVisuals, getInputVisualsToBeRendered };
 //# sourceMappingURL=BaseInputVisuals.js.map

package/build/lib/native/components/Input/BaseInput/BaseInputVisuals.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputVisuals.js","sources":["../../../../../../src/components/Input/BaseInput/BaseInputVisuals.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { ReactElement } from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\n\ntype InputVisuals = Pick<\n  BaseInputProps,\n  'leadingIcon' | 'prefix' | 'interactionElement' | 'suffix' | 'trailingIcon' | 'isDisabled'\n>;\n\nconst getVisualContainerStyles = (): Pick<\n  BaseBoxProps,\n  'display' | 'flexDirection' | 'alignItems' | 'alignSelf'\n> => ({\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n  alignSelf: 'center',\n});\n\nconst getPrefixStyles = ({\n  hasLeadingIcon,\n  hasPrefix,\n}: {\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n}): Pick<BaseBoxProps, 'paddingLeft'> => {\n  if (hasPrefix && hasLeadingIcon) {\n    return {\n      paddingLeft: 'spacing.2',\n    };\n  }\n\n  if (hasPrefix && !hasLeadingIcon) {\n    return {\n      paddingLeft: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingLeft: 'spacing.0',\n  };\n};\n\nconst getInteractionElementStyles = ({\n  hasTrailingIcon,\n  hasInteractionElement,\n  hasSuffix,\n}: {\n  hasTrailingIcon: boolean;\n  hasInteractionElement: boolean;\n  hasSuffix: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasInteractionElement && (hasSuffix || hasTrailingIcon)) {\n    return {\n      paddingRight: 'spacing.2',\n    };\n  }\n\n  if (hasInteractionElement && !hasSuffix && !hasTrailingIcon) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nconst getSuffixStyles = ({\n  hasTrailingIcon,\n  hasSuffix,\n}: {\n  hasTrailingIcon: boolean;\n  hasSuffix: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasSuffix && hasTrailingIcon) {\n    return {\n      paddingRight: 'spacing.2',\n    };\n  }\n\n  if (hasSuffix && !hasTrailingIcon) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nexport const getInputVisualsToBeRendered = ({\n  leadingIcon,\n  prefix,\n  interactionElement,\n  suffix,\n  trailingIcon,\n}: InputVisuals) => ({\n  hasLeadingIcon: Boolean(leadingIcon),\n  hasPrefix: Boolean(prefix),\n  hasInteractionElement: Boolean(interactionElement),\n  hasSuffix: Boolean(suffix),\n  hasTrailingIcon: Boolean(trailingIcon),\n});\n\nexport const BaseInputVisuals = ({\n  leadingIcon: LeadingIcon,\n  prefix,\n  interactionElement,\n  suffix,\n  trailingIcon: TrailingIcon,\n  isDisabled,\n}: InputVisuals): ReactElement | null => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon: LeadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon: TrailingIcon,\n  });\n\n  const hasLeadingVisuals = hasLeadingIcon || hasPrefix;\n  const hasTrailingVisuals = hasInteractionElement || hasSuffix || hasTrailingIcon;\n\n  if (hasLeadingVisuals) {\n    return (\n      <BaseBox {...getVisualContainerStyles()}>\n        {LeadingIcon ? (\n          <BaseBox paddingLeft=\"spacing.4\" display=\"flex\">\n            <LeadingIcon\n              size=\"medium\"\n              color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.subtle'}\n            />\n          </BaseBox>\n        ) : null}\n        {hasPrefix ? (\n          <BaseBox {...getPrefixStyles({ hasLeadingIcon, hasPrefix })}>\n            <Text\n              size=\"medium\"\n              variant=\"body\"\n              weight=\"regular\"\n              color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n            >\n              {prefix}\n            </Text>\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  if (hasTrailingVisuals) {\n    return (\n      <BaseBox alignSelf=\"stretch\" alignItems=\"stretch\" {...getVisualContainerStyles()}>\n        {hasInteractionElement ? (\n          <BaseBox\n            {...getInteractionElementStyles({ hasTrailingIcon, hasInteractionElement, hasSuffix })}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {interactionElement}\n          </BaseBox>\n        ) : null}\n        {hasSuffix ? (\n          <BaseBox {...getSuffixStyles({ hasTrailingIcon, hasSuffix })}>\n            <Text\n              size=\"medium\"\n              variant=\"body\"\n              weight=\"regular\"\n              color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n            >\n              {suffix}\n            </Text>\n          </BaseBox>\n        ) : null}\n        {TrailingIcon ? (\n          <BaseBox paddingRight=\"spacing.4\" display=\"flex\">\n            {\n              <TrailingIcon\n                size=\"medium\"\n                color={\n                  isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted'\n                }\n              />\n            }\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  return null;\n};\n"],"names":["getVisualContainerStyles","display","flexDirection","alignItems","alignSelf","getPrefixStyles","_ref","hasLeadingIcon","hasPrefix","paddingLeft","getInteractionElementStyles","_ref2","hasTrailingIcon","hasInteractionElement","hasSuffix","paddingRight","getSuffixStyles","_ref3","getInputVisualsToBeRendered","_ref4","leadingIcon","prefix","interactionElement","suffix","trailingIcon","Boolean","BaseInputVisuals","_ref5","LeadingIcon","TrailingIcon","isDisabled","_getInputVisualsToBeR","hasLeadingVisuals","hasTrailingVisuals","_jsxs","BaseBox","Object","assign","children","_jsx","size","color","Text","variant","weight"],"mappings":"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"}
+{"version":3,"file":"BaseInputVisuals.js","sources":["../../../../../../src/components/Input/BaseInput/BaseInputVisuals.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { ReactElement } from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport type { IconColors } from '~components/Icons';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype InputVisuals = Pick<\n  BaseInputProps,\n  | 'leadingIcon'\n  | 'prefix'\n  | 'interactionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'isDisabled'\n  | 'validationState'\n  | 'size'\n  | 'trailingButton'\n> & {\n  size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getVisualContainerStyles = (): Pick<\n  BaseBoxProps,\n  'display' | 'flexDirection' | 'alignItems' | 'alignSelf'\n> => ({\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n  alignSelf: 'center',\n});\n\nconst trailingIconColor: Record<NonNullable<InputVisuals['validationState']>, IconColors> = {\n  none: 'surface.icon.gray.subtle',\n  error: 'feedback.icon.negative.intense',\n  success: 'feedback.icon.positive.intense',\n};\n\nconst iconSize = {\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst textSize = {\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst getPrefixStyles = ({\n  hasLeadingIcon,\n  hasPrefix,\n}: {\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n}): Pick<BaseBoxProps, 'paddingLeft'> => {\n  if (hasPrefix && hasLeadingIcon) {\n    return {\n      paddingLeft: 'spacing.3',\n    };\n  }\n\n  if (hasPrefix && !hasLeadingIcon) {\n    return {\n      paddingLeft: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingLeft: 'spacing.0',\n  };\n};\n\nconst getInteractionElementStyles = ({\n  hasTrailingIcon,\n  hasInteractionElement,\n  hasSuffix,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasInteractionElement: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasInteractionElement && (hasSuffix || hasTrailingIcon || hasTrailingButton)) {\n    return {\n      paddingRight: 'spacing.2',\n    };\n  }\n\n  if (hasInteractionElement && !hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nconst getSuffixStyles = ({\n  hasTrailingIcon,\n  hasSuffix,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasSuffix && (hasTrailingIcon || hasTrailingButton)) {\n    return {\n      paddingRight: 'spacing.3',\n    };\n  }\n\n  if (hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nconst getTrailingIconStyles = ({\n  hasTrailingIcon,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasTrailingIcon && hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.3',\n    };\n  }\n\n  if (hasTrailingIcon && !hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nexport const getInputVisualsToBeRendered = ({\n  leadingIcon,\n  prefix,\n  interactionElement,\n  suffix,\n  trailingIcon,\n  trailingButton,\n}: InputVisuals) => ({\n  hasLeadingIcon: Boolean(leadingIcon),\n  hasPrefix: Boolean(prefix),\n  hasInteractionElement: Boolean(interactionElement),\n  hasSuffix: Boolean(suffix),\n  hasTrailingIcon: Boolean(trailingIcon),\n  hasTrailingButton: Boolean(trailingButton),\n});\n\nexport const BaseInputVisuals = ({\n  leadingIcon: LeadingIcon,\n  prefix,\n  interactionElement,\n  suffix,\n  trailingIcon: TrailingIcon,\n  isDisabled,\n  validationState = 'none',\n  size,\n  trailingButton: TrailingButton,\n}: InputVisuals): ReactElement | null => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n    hasTrailingButton,\n  } = getInputVisualsToBeRendered({\n    leadingIcon: LeadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon: TrailingIcon,\n    trailingButton: TrailingButton,\n    size,\n  });\n\n  const hasLeadingVisuals = hasLeadingIcon || hasPrefix;\n  const hasTrailingVisuals =\n    hasInteractionElement || hasSuffix || hasTrailingIcon || hasTrailingButton;\n\n  if (__DEV__) {\n    if (hasTrailingButton && !isValidAllowedChildren(TrailingButton, 'Link')) {\n      throwBladeError({\n        message: 'trailingButton must be a valid Blade Link component',\n        moduleName: 'BaseInput',\n      });\n    }\n  }\n\n  if (hasLeadingVisuals) {\n    return (\n      <BaseBox {...getVisualContainerStyles()}>\n        {LeadingIcon ? (\n          <BaseBox paddingLeft=\"spacing.4\" display=\"flex\">\n            <LeadingIcon\n              size={iconSize[size]}\n              color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.subtle'}\n            />\n          </BaseBox>\n        ) : null}\n        {hasPrefix ? (\n          <BaseBox {...getPrefixStyles({ hasLeadingIcon, hasPrefix })}>\n            <Text\n              size={textSize[size]}\n              variant=\"body\"\n              weight=\"regular\"\n              color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n            >\n              {prefix}\n            </Text>\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  if (hasTrailingVisuals) {\n    return (\n      <BaseBox alignSelf=\"stretch\" alignItems=\"stretch\" {...getVisualContainerStyles()}>\n        {hasInteractionElement ? (\n          <BaseBox\n            {...getInteractionElementStyles({\n              hasTrailingIcon,\n              hasInteractionElement,\n              hasSuffix,\n              hasTrailingButton,\n            })}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {interactionElement}\n          </BaseBox>\n        ) : null}\n        {hasSuffix ? (\n          <BaseBox {...getSuffixStyles({ hasTrailingIcon, hasSuffix, hasTrailingButton })}>\n            <Text\n              size={textSize[size]}\n              variant=\"body\"\n              weight=\"regular\"\n              color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n            >\n              {suffix}\n            </Text>\n          </BaseBox>\n        ) : null}\n        {TrailingIcon ? (\n          <BaseBox\n            display=\"flex\"\n            {...getTrailingIconStyles({ hasTrailingIcon, hasTrailingButton })}\n          >\n            {\n              <TrailingIcon\n                size={iconSize[size]}\n                color={\n                  isDisabled ? 'interactive.icon.gray.disabled' : trailingIconColor[validationState]\n                }\n              />\n            }\n          </BaseBox>\n        ) : null}\n        {TrailingButton ? (\n          <BaseBox paddingRight=\"spacing.4\" display=\"flex\">\n            {React.cloneElement(TrailingButton, {\n              size,\n              variant: 'button',\n              isDisabled,\n            })}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  return null;\n};\n"],"names":["getVisualContainerStyles","display","flexDirection","alignItems","alignSelf","trailingIconColor","none","error","success","iconSize","medium","large","textSize","getPrefixStyles","_ref","hasLeadingIcon","hasPrefix","paddingLeft","getInteractionElementStyles","_ref2","hasTrailingIcon","hasInteractionElement","hasSuffix","hasTrailingButton","paddingRight","getSuffixStyles","_ref3","getTrailingIconStyles","_ref4","getInputVisualsToBeRendered","_ref5","leadingIcon","prefix","interactionElement","suffix","trailingIcon","trailingButton","Boolean","BaseInputVisuals","_ref6","LeadingIcon","TrailingIcon","isDisabled","_ref6$validationState","validationState","size","TrailingButton","_getInputVisualsToBeR","hasLeadingVisuals","hasTrailingVisuals","__DEV__","isValidAllowedChildren","throwBladeError","message","moduleName","_jsxs","BaseBox","Object","assign","children","_jsx","color","Text","variant","weight","React","cloneElement"],"mappings":";;;;;;;;;;;;;;;AA0BA,IAAMA,wBAAwB,CAAG,SAA3BA,wBAAwBA,EAAA,CAAA,OAGxB,CACJC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,KAAK,CACpBC,UAAU,CAAE,QAAQ,CACpBC,SAAS,CAAE,QACb,CAAC,CAAA,CAAC,CAEF,IAAMC,iBAAmF,CAAG,CAC1FC,IAAI,CAAE,0BAA0B,CAChCC,KAAK,CAAE,gCAAgC,CACvCC,OAAO,CAAE,gCACX,CAAC,CAED,IAAMC,QAAQ,CAAG,CACfC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,CAAU,CAEV,IAAMC,QAAQ,CAAG,CACfF,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,CAAU,CAEV,IAAME,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CAMoB,CAAA,IALvCC,cAAc,CAAAD,IAAA,CAAdC,cAAc,CACdC,SAAS,CAAAF,IAAA,CAATE,SAAS,CAKT,GAAIA,SAAS,EAAID,cAAc,CAAE,CAC/B,OAAO,CACLE,WAAW,CAAE,WACf,CAAC,CACH,CAEA,GAAID,SAAS,EAAI,CAACD,cAAc,CAAE,CAChC,OAAO,CACLE,WAAW,CAAE,WACf,CAAC,CACH,CAEA,OAAO,CACLA,WAAW,CAAE,WACf,CAAC,CACH,CAAC,CAED,IAAMC,2BAA2B,CAAG,SAA9BA,2BAA2BA,CAAAC,KAAA,CAUS,CAAA,IATxCC,eAAe,CAAAD,KAAA,CAAfC,eAAe,CACfC,qBAAqB,CAAAF,KAAA,CAArBE,qBAAqB,CACrBC,SAAS,CAAAH,KAAA,CAATG,SAAS,CACTC,iBAAiB,CAAAJ,KAAA,CAAjBI,iBAAiB,CAOjB,GAAIF,qBAAqB,GAAKC,SAAS,EAAIF,eAAe,EAAIG,iBAAiB,CAAC,CAAE,CAChF,OAAO,CACLC,YAAY,CAAE,WAChB,CAAC,CACH,CAEA,GAAIH,qBAAqB,EAAI,CAACC,SAAS,EAAI,CAACF,eAAe,EAAI,CAACG,iBAAiB,CAAE,CACjF,OAAO,CACLC,YAAY,CAAE,WAChB,CAAC,CACH,CAEA,OAAO,CACLA,YAAY,CAAE,WAChB,CAAC,CACH,CAAC,CAED,IAAMC,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,KAAA,CAQqB,KAPxCN,eAAe,CAAAM,KAAA,CAAfN,eAAe,CACfE,SAAS,CAAAI,KAAA,CAATJ,SAAS,CACTC,iBAAiB,CAAAG,KAAA,CAAjBH,iBAAiB,CAMjB,GAAID,SAAS,GAAKF,eAAe,EAAIG,iBAAiB,CAAC,CAAE,CACvD,OAAO,CACLC,YAAY,CAAE,WAChB,CAAC,CACH,CAEA,GAAIF,SAAS,EAAI,CAACF,eAAe,EAAI,CAACG,iBAAiB,CAAE,CACvD,OAAO,CACLC,YAAY,CAAE,WAChB,CAAC,CACH,CAEA,OAAO,CACLA,YAAY,CAAE,WAChB,CAAC,CACH,CAAC,CAED,IAAMG,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,KAAA,CAMe,CAAA,IALxCR,eAAe,CAAAQ,KAAA,CAAfR,eAAe,CACfG,iBAAiB,CAAAK,KAAA,CAAjBL,iBAAiB,CAKjB,GAAIH,eAAe,EAAIG,iBAAiB,CAAE,CACxC,OAAO,CACLC,YAAY,CAAE,WAChB,CAAC,CACH,CAEA,GAAIJ,eAAe,EAAI,CAACG,iBAAiB,CAAE,CACzC,OAAO,CACLC,YAAY,CAAE,WAChB,CAAC,CACH,CAEA,OAAO,CACLA,YAAY,CAAE,WAChB,CAAC,CACH,CAAC,CAEY,IAAAK,2BAA2B,CAAG,SAA9BA,2BAA2BA,CAAAC,KAAA,CAAA,CAAA,IACtCC,WAAW,CAAAD,KAAA,CAAXC,WAAW,CACXC,MAAM,CAAAF,KAAA,CAANE,MAAM,CACNC,kBAAkB,CAAAH,KAAA,CAAlBG,kBAAkB,CAClBC,MAAM,CAAAJ,KAAA,CAANI,MAAM,CACNC,YAAY,CAAAL,KAAA,CAAZK,YAAY,CACZC,cAAc,CAAAN,KAAA,CAAdM,cAAc,CAAA,OACK,CACnBrB,cAAc,CAAEsB,OAAO,CAACN,WAAW,CAAC,CACpCf,SAAS,CAAEqB,OAAO,CAACL,MAAM,CAAC,CAC1BX,qBAAqB,CAAEgB,OAAO,CAACJ,kBAAkB,CAAC,CAClDX,SAAS,CAAEe,OAAO,CAACH,MAAM,CAAC,CAC1Bd,eAAe,CAAEiB,OAAO,CAACF,YAAY,CAAC,CACtCZ,iBAAiB,CAAEc,OAAO,CAACD,cAAc,CAC3C,CAAC,CAAC,EAEW,IAAAE,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,CAUY,CAAA,IAT1BC,WAAW,CAAAD,KAAA,CAAxBR,WAAW,CACXC,MAAM,CAAAO,KAAA,CAANP,MAAM,CACNC,kBAAkB,CAAAM,KAAA,CAAlBN,kBAAkB,CAClBC,MAAM,CAAAK,KAAA,CAANL,MAAM,CACQO,YAAY,CAAAF,KAAA,CAA1BJ,YAAY,CACZO,UAAU,CAAAH,KAAA,CAAVG,UAAU,CAAAC,qBAAA,CAAAJ,KAAA,CACVK,eAAe,CAAfA,eAAe,CAAAD,qBAAA,GAAG,KAAA,CAAA,CAAA,MAAM,CAAAA,qBAAA,CACxBE,IAAI,CAAAN,KAAA,CAAJM,IAAI,CACYC,cAAc,CAAAP,KAAA,CAA9BH,cAAc,CAEd,IAAAW,qBAAA,CAOIlB,2BAA2B,CAAC,CAC9BE,WAAW,CAAES,WAAW,CACxBR,MAAM,CAANA,MAAM,CACNC,kBAAkB,CAAlBA,kBAAkB,CAClBC,MAAM,CAANA,MAAM,CACNC,YAAY,CAAEM,YAAY,CAC1BL,cAAc,CAAEU,cAAc,CAC9BD,IAAI,CAAJA,IACF,CAAC,CAAC,CAdA9B,cAAc,CAAAgC,qBAAA,CAAdhC,cAAc,CACdC,SAAS,CAAA+B,qBAAA,CAAT/B,SAAS,CACTK,qBAAqB,CAAA0B,qBAAA,CAArB1B,qBAAqB,CACrBC,SAAS,CAAAyB,qBAAA,CAATzB,SAAS,CACTF,eAAe,CAAA2B,qBAAA,CAAf3B,eAAe,CACfG,iBAAiB,CAAAwB,qBAAA,CAAjBxB,iBAAiB,CAWnB,IAAMyB,iBAAiB,CAAGjC,cAAc,EAAIC,SAAS,CACrD,IAAMiC,kBAAkB,CACtB5B,qBAAqB,EAAIC,SAAS,EAAIF,eAAe,EAAIG,iBAAiB,CAE5E,GAAI2B,OAAO,CAAE,CACX,GAAI3B,iBAAiB,EAAI,CAAC4B,sBAAsB,CAACL,cAAc,CAAE,MAAM,CAAC,CAAE,CACxEM,eAAe,CAAC,CACdC,OAAO,CAAE,qDAAqD,CAC9DC,UAAU,CAAE,WACd,CAAC,CAAC,CACJ,CACF,CAEA,GAAIN,iBAAiB,CAAE,CACrB,OACEO,IAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAK1D,wBAAwB,EAAE,CAAA,CAAA2D,QAAA,CAAA,CACpCnB,WAAW,CACVoB,GAAA,CAACJ,OAAO,CAAA,CAACvC,WAAW,CAAC,WAAW,CAAChB,OAAO,CAAC,MAAM,CAAA0D,QAAA,CAC7CC,GAAA,CAACpB,WAAW,CAAA,CACVK,IAAI,CAAEpC,QAAQ,CAACoC,IAAI,CAAE,CACrBgB,KAAK,CAAEnB,UAAU,CAAG,4BAA4B,CAAG,0BAA2B,CAC/E,CAAC,CACK,CAAC,CACR,IAAI,CACP1B,SAAS,CACR4C,GAAA,CAACJ,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAK7C,eAAe,CAAC,CAAEE,cAAc,CAAdA,cAAc,CAAEC,SAAS,CAATA,SAAU,CAAC,CAAC,CAAA,CAAA2C,QAAA,CACzDC,GAAA,CAACE,IAAI,CAAA,CACHjB,IAAI,CAAEjC,QAAQ,CAACiC,IAAI,CAAE,CACrBkB,OAAO,CAAC,MAAM,CACdC,MAAM,CAAC,SAAS,CAChBH,KAAK,CAAEnB,UAAU,CAAG,4BAA4B,CAAG,0BAA2B,CAAAiB,QAAA,CAE7E3B,MAAM,CACH,CAAC,CAAA,CACA,CAAC,CACR,IAAI,CAAA,CAAA,CACD,CAAC,CAEd,CAEA,GAAIiB,kBAAkB,CAAE,CACtB,OACEM,IAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAACtD,CAAAA,SAAS,CAAC,SAAS,CAACD,UAAU,CAAC,SAAS,CAAA,CAAKH,wBAAwB,EAAE,CAAA,CAAA2D,QAAA,CAAA,CAC7EtC,qBAAqB,CACpBuC,GAAA,CAACJ,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACFxC,2BAA2B,CAAC,CAC9BE,eAAe,CAAfA,eAAe,CACfC,qBAAqB,CAArBA,qBAAqB,CACrBC,SAAS,CAATA,SAAS,CACTC,iBAAiB,CAAjBA,iBACF,CAAC,CAAC,CAAA,CACFtB,OAAO,CAAC,MAAM,CACdE,UAAU,CAAC,SAAS,CACpBC,SAAS,CAAC,SAAS,CAAAuD,QAAA,CAElB1B,kBAAkB,CAAA,CACZ,CAAC,CACR,IAAI,CACPX,SAAS,CACRsC,GAAA,CAACJ,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAKjC,EAAAA,CAAAA,eAAe,CAAC,CAAEL,eAAe,CAAfA,eAAe,CAAEE,SAAS,CAATA,SAAS,CAAEC,iBAAiB,CAAjBA,iBAAkB,CAAC,CAAC,CAAA,CAAAoC,QAAA,CAC7EC,GAAA,CAACE,IAAI,CAAA,CACHjB,IAAI,CAAEjC,QAAQ,CAACiC,IAAI,CAAE,CACrBkB,OAAO,CAAC,MAAM,CACdC,MAAM,CAAC,SAAS,CAChBH,KAAK,CAAEnB,UAAU,CAAG,4BAA4B,CAAG,0BAA2B,CAAAiB,QAAA,CAE7EzB,MAAM,CACH,CAAC,CAAA,CACA,CAAC,CACR,IAAI,CACPO,YAAY,CACXmB,GAAA,CAACJ,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNzD,CAAAA,OAAO,CAAC,MAAM,CACV0B,CAAAA,qBAAqB,CAAC,CAAEP,eAAe,CAAfA,eAAe,CAAEG,iBAAiB,CAAjBA,iBAAkB,CAAC,CAAC,CAAA,CAAAoC,QAAA,CAG/DC,GAAA,CAACnB,YAAY,CAAA,CACXI,IAAI,CAAEpC,QAAQ,CAACoC,IAAI,CAAE,CACrBgB,KAAK,CACHnB,UAAU,CAAG,gCAAgC,CAAGrC,iBAAiB,CAACuC,eAAe,CAClF,CACF,CAAC,CAEG,CAAA,CAAC,CACR,IAAI,CACPE,cAAc,CACbc,GAAA,CAACJ,OAAO,CAAChC,CAAAA,YAAY,CAAC,WAAW,CAACvB,OAAO,CAAC,MAAM,CAAA0D,QAAA,CAC7CM,cAAK,CAACC,YAAY,CAACpB,cAAc,CAAE,CAClCD,IAAI,CAAJA,IAAI,CACJkB,OAAO,CAAE,QAAQ,CACjBrB,UAAU,CAAVA,UACF,CAAC,CAAC,CACK,CAAC,CACR,IAAI,CACD,CAAA,CAAA,CAAC,CAEd,CAEA,OAAO,IAAI,CACb;;;;"}

package/build/lib/native/components/Input/BaseInput/BaseInputWrapper.js

@@ -1,10 +1,9 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
-import { BaseInputAnimatedBorder } from './BaseInputAnimatedBorder.native.js';
 import { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper.native.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows"];var _BaseInputWrapper=function _BaseInputWrapper(_ref,ref){var children=_ref.children,validationState=_ref.validationState,currentInteraction=_ref.currentInteraction;_ref.isLabelLeftPositioned;var isTextArea=_ref.isTextArea,showAllTags=_ref.showAllTags,setShowAllTagsWithAnimation=_ref.setShowAllTagsWithAnimation,maxTagRows=_ref.maxTagRows,props=_objectWithoutProperties(_ref,_excluded);return jsxs(AnimatedBaseInputWrapper,Object.assign({ref:ref,isTextArea:isTextArea,validationState:validationState,currentInteraction:currentInteraction,showAllTags:showAllTags,maxTagRows:maxTagRows,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation},props,{children:[children,jsx(BaseInputAnimatedBorder,{currentInteraction:currentInteraction,validationState:validationState})]}));};var BaseInputWrapper=React__default.forwardRef(_BaseInputWrapper);
+var _excluded=["children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows"];var _BaseInputWrapper=function _BaseInputWrapper(_ref,ref){var children=_ref.children,validationState=_ref.validationState,currentInteraction=_ref.currentInteraction;_ref.isLabelLeftPositioned;var isTextArea=_ref.isTextArea,showAllTags=_ref.showAllTags,setShowAllTagsWithAnimation=_ref.setShowAllTagsWithAnimation,maxTagRows=_ref.maxTagRows,props=_objectWithoutProperties(_ref,_excluded);return jsx(AnimatedBaseInputWrapper,Object.assign({ref:ref,isTextArea:isTextArea,validationState:validationState,currentInteraction:currentInteraction,showAllTags:showAllTags,maxTagRows:maxTagRows,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation},props,{children:children}));};var BaseInputWrapper=React__default.forwardRef(_BaseInputWrapper);
 
 export { BaseInputWrapper };
 //# sourceMappingURL=BaseInputWrapper.js.map

package/build/lib/native/components/Input/BaseInput/BaseInputWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputWrapper.js","sources":["../../../../../../src/components/Input/BaseInput/BaseInputWrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport React from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport { BaseInputAnimatedBorder } from './BaseInputAnimatedBorder';\nimport { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper';\nimport type { ContainerElementType } from '~utils/types';\nimport type { ActionStates } from '~utils/useInteraction';\n\ntype BaseInputWrapperProps = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'showAllTags'\n  | 'maxTagRows'\n  | 'setInputWrapperRef'\n  | 'isDropdownTrigger'\n> & {\n  isFocused?: boolean;\n  isLabelLeftPositioned?: boolean;\n  currentInteraction: ActionStates;\n  isTextArea?: boolean;\n  setShowAllTagsWithAnimation: (showAllTagsWithAnimation: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst _BaseInputWrapper: React.ForwardRefRenderFunction<\n  ContainerElementType,\n  BaseInputWrapperProps & {\n    children: ReactNode;\n  }\n> = (\n  {\n    children,\n    validationState,\n    currentInteraction,\n    isLabelLeftPositioned,\n    isTextArea,\n    showAllTags,\n    setShowAllTagsWithAnimation,\n    maxTagRows,\n    ...props\n  },\n  ref,\n): ReactElement => {\n  return (\n    <AnimatedBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion\n      ref={ref as any}\n      isTextArea={isTextArea}\n      validationState={validationState}\n      currentInteraction={currentInteraction}\n      showAllTags={showAllTags}\n      maxTagRows={maxTagRows}\n      setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n      {...props}\n    >\n      {children}\n      <BaseInputAnimatedBorder\n        currentInteraction={currentInteraction}\n        validationState={validationState}\n      />\n    </AnimatedBaseInputWrapper>\n  );\n};\n\nexport const BaseInputWrapper = React.forwardRef(_BaseInputWrapper);\n"],"names":["_BaseInputWrapper","_ref","ref","children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","props","_objectWithoutProperties","_excluded","_jsxs","AnimatedBaseInputWrapper","Object","assign","_jsx","BaseInputAnimatedBorder","BaseInputWrapper","React","forwardRef"],"mappings":";;;;;;AACA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,iBAAA,CAAA,oBAAA,CAAA,uBAAA,CAAA,YAAA,CAAA,aAAA,CAAA,6BAAA,CAAA,YAAA,CAAA,CAwBA,IAAMA,iBAKL,CAAG,SALEA,iBAKLA,CAAAC,IAAA,CAYCC,GAAG,CACc,CAXf,IAAAC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,eAAe,CAAAH,IAAA,CAAfG,eAAe,CACfC,kBAAkB,CAAAJ,IAAA,CAAlBI,kBAAkB,CACGJ,IAAA,CAArBK,qBAAqB,KACrBC,UAAU,CAAAN,IAAA,CAAVM,UAAU,CACVC,WAAW,CAAAP,IAAA,CAAXO,WAAW,CACXC,2BAA2B,CAAAR,IAAA,CAA3BQ,2BAA2B,CAC3BC,UAAU,CAAAT,IAAA,CAAVS,UAAU,CACPC,KAAK,CAAAC,wBAAA,CAAAX,IAAA,CAAAY,SAAA,EAIV,OACEC,IAAA,CAACC,wBAAwB,CAAAC,MAAA,CAAAC,MAAA,CAEvBf,CAAAA,GAAG,CAAEA,GAAW,CAChBK,UAAU,CAAEA,UAAW,CACvBH,eAAe,CAAEA,eAAgB,CACjCC,kBAAkB,CAAEA,kBAAmB,CACvCG,WAAW,CAAEA,WAAY,CACzBE,UAAU,CAAEA,UAAW,CACvBD,2BAA2B,CAAEA,2BAA4B,CACrDE,CAAAA,KAAK,EAAAR,QAAA,CAAA,CAERA,QAAQ,CACTe,GAAA,CAACC,uBAAuB,EACtBd,kBAAkB,CAAEA,kBAAmB,CACvCD,eAAe,CAAEA,eAAgB,CAClC,CAAC,CAAA,CAAA,CACsB,CAAC,CAE/B,CAAC,CAEY,IAAAgB,gBAAgB,CAAGC,cAAK,CAACC,UAAU,CAACtB,iBAAiB;;;;"}
+{"version":3,"file":"BaseInputWrapper.js","sources":["../../../../../../src/components/Input/BaseInput/BaseInputWrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport React from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper';\nimport type { ContainerElementType } from '~utils/types';\nimport type { ActionStates } from '~utils/useInteraction';\n\ntype BaseInputWrapperProps = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'showAllTags'\n  | 'maxTagRows'\n  | 'setInputWrapperRef'\n  | 'isDropdownTrigger'\n> & {\n  isFocused?: boolean;\n  isLabelLeftPositioned?: boolean;\n  currentInteraction: ActionStates;\n  isTextArea?: boolean;\n  setShowAllTagsWithAnimation: (showAllTagsWithAnimation: boolean) => void;\n  children: React.ReactNode;\n  size: NonNullable<BaseInputProps['size']>;\n};\n\nconst _BaseInputWrapper: React.ForwardRefRenderFunction<\n  ContainerElementType,\n  BaseInputWrapperProps & {\n    children: ReactNode;\n  }\n> = (\n  {\n    children,\n    validationState,\n    currentInteraction,\n    isLabelLeftPositioned,\n    isTextArea,\n    showAllTags,\n    setShowAllTagsWithAnimation,\n    maxTagRows,\n    ...props\n  },\n  ref,\n): ReactElement => {\n  return (\n    <AnimatedBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion\n      ref={ref as any}\n      isTextArea={isTextArea}\n      validationState={validationState}\n      currentInteraction={currentInteraction}\n      showAllTags={showAllTags}\n      maxTagRows={maxTagRows}\n      setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n      {...props}\n    >\n      {children}\n    </AnimatedBaseInputWrapper>\n  );\n};\n\nexport const BaseInputWrapper = React.forwardRef(_BaseInputWrapper);\n"],"names":["_BaseInputWrapper","_ref","ref","children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","props","_objectWithoutProperties","_excluded","_jsx","AnimatedBaseInputWrapper","Object","assign","BaseInputWrapper","React","forwardRef"],"mappings":";;;;;AACA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,iBAAA,CAAA,oBAAA,CAAA,uBAAA,CAAA,YAAA,CAAA,aAAA,CAAA,6BAAA,CAAA,YAAA,CAAA,CAwBA,IAAMA,iBAKL,CAAG,SALEA,iBAKLA,CAAAC,IAAA,CAYCC,GAAG,CACc,CAXf,IAAAC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,eAAe,CAAAH,IAAA,CAAfG,eAAe,CACfC,kBAAkB,CAAAJ,IAAA,CAAlBI,kBAAkB,CACGJ,IAAA,CAArBK,qBAAqB,KACrBC,UAAU,CAAAN,IAAA,CAAVM,UAAU,CACVC,WAAW,CAAAP,IAAA,CAAXO,WAAW,CACXC,2BAA2B,CAAAR,IAAA,CAA3BQ,2BAA2B,CAC3BC,UAAU,CAAAT,IAAA,CAAVS,UAAU,CACPC,KAAK,CAAAC,wBAAA,CAAAX,IAAA,CAAAY,SAAA,EAIV,OACEC,GAAA,CAACC,wBAAwB,CAAAC,MAAA,CAAAC,MAAA,CAEvBf,CAAAA,GAAG,CAAEA,GAAW,CAChBK,UAAU,CAAEA,UAAW,CACvBH,eAAe,CAAEA,eAAgB,CACjCC,kBAAkB,CAAEA,kBAAmB,CACvCG,WAAW,CAAEA,WAAY,CACzBE,UAAU,CAAEA,UAAW,CACvBD,2BAA2B,CAAEA,2BAA4B,CAAA,CACrDE,KAAK,CAAAR,CAAAA,QAAA,CAERA,QAAQ,CACe,CAAA,CAAC,CAE/B,CAAC,CAEY,IAAAe,gBAAgB,CAAGC,cAAK,CAACC,UAAU,CAACpB,iBAAiB;;;;"}

package/build/lib/native/components/Input/BaseInput/StyledBaseInput.native.js

@@ -3,6 +3,7 @@ import React__default from 'react';
 import styled from 'styled-components/native';
 import { Platform } from 'react-native';
 import { getBaseInputStyles } from './baseInputStyles.js';
+import { baseInputHeight } from './baseInputTokens.js';
 import '../../Typography/BaseText/BaseText.native.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '../../../tokens/global/typography.js';
@@ -18,7 +19,7 @@ import 'react-native-gesture-handler';
 import '../../BottomSheet/BottomSheetStack.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["name","isRequired","isDisabled","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","numberOfLines","isTextArea","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","as"];var autoCompleteSuggestionTypeAndroid={none:'off',name:'name',email:'email',username:'username',password:'password',newPassword:'password-new',oneTimeCode:'sms-otp',telephone:'tel',postalCode:'postal-code',countryName:'postal-address-country',creditCardNumber:'cc-number',creditCardCSC:'cc-csc',creditCardExpiry:'cc-exp',creditCardExpiryMonth:'cc-exp-month',creditCardExpiryYear:'cc-exp-year'};var autoCompleteSuggestionTypeIOS={none:'none',name:'name',email:'emailAddress',username:'username',password:'password',newPassword:'newPassword',oneTimeCode:'oneTimeCode',telephone:'telephoneNumber',postalCode:'postalCode',countryName:'countryName',creditCardNumber:'creditCardNumber',creditCardCSC:'none',creditCardExpiry:'none',creditCardExpiryMonth:'none',creditCardExpiryYear:'none'};var KeyboardTypeToNativeValuesMap={text:'default',search:'default',telephone:'phone-pad',email:'email-address',url:'url',decimal:'decimal-pad'};var getInputHeight=function getInputHeight(_ref){var isTextArea=_ref.isTextArea,hasTags=_ref.hasTags,numberOfLines=_ref.numberOfLines,lineHeight=_ref.lineHeight;if(isTextArea){return `${lineHeight*(numberOfLines!=null?numberOfLines:0)}px`;}if(hasTags){return undefined;}return makeSize(size[36]);};var getRNInputStyles=function getRNInputStyles(props){return Object.assign({},getBaseInputStyles({theme:props.theme,isFocused:props.isFocused,isDisabled:!props.editable,validationState:props.validationState,leadingIcon:props.leadingIcon,prefix:props.prefix,interactionElement:props.interactionElement,suffix:props.suffix,trailingIcon:props.trailingIcon,isTextArea:props.isTextArea,hasTags:props.hasTags,isDropdownTrigger:props.isDropdownTrigger}),{lineHeight:Platform.select({android:makeSize(props.theme.typography.lineHeights[100]),ios:undefined}),textAlignVertical:'top',height:getInputHeight({isTextArea:props.isTextArea,hasTags:props.hasTags,numberOfLines:props.numberOfLines,lineHeight:props.theme.typography.lineHeights[300]})});};var StyledNativeBaseInput=styled.TextInput(function(_ref2){var id=_ref2.id,isFocused=_ref2.isFocused,theme=_ref2.theme,editable=_ref2.editable,validationState=_ref2.validationState,leadingIcon=_ref2.leadingIcon,prefix=_ref2.prefix,interactionElement=_ref2.interactionElement,suffix=_ref2.suffix,trailingIcon=_ref2.trailingIcon,isTextArea=_ref2.isTextArea,numberOfLines=_ref2.numberOfLines,isDropdownTrigger=_ref2.isDropdownTrigger,hasTags=_ref2.hasTags;return getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,hasTags:hasTags,isDropdownTrigger:isDropdownTrigger});});var StyledNativeBaseButton=styled.TouchableOpacity(function(_ref3){var id=_ref3.id,isFocused=_ref3.isFocused,theme=_ref3.theme,editable=_ref3.editable,validationState=_ref3.validationState,leadingIcon=_ref3.leadingIcon,prefix=_ref3.prefix,interactionElement=_ref3.interactionElement,suffix=_ref3.suffix,trailingIcon=_ref3.trailingIcon,isTextArea=_ref3.isTextArea,numberOfLines=_ref3.numberOfLines,isDropdownTrigger=_ref3.isDropdownTrigger,hasTags=_ref3.hasTags;return getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,isDropdownTrigger:isDropdownTrigger,hasTags:hasTags});});var _StyledBaseInput=function _StyledBaseInput(_ref4,ref){var name=_ref4.name;_ref4.isRequired;var isDisabled=_ref4.isDisabled,maxCharacters=_ref4.maxCharacters,handleOnFocus=_ref4.handleOnFocus,handleOnChange=_ref4.handleOnChange,handleOnBlur=_ref4.handleOnBlur,handleOnSubmit=_ref4.handleOnSubmit,handleOnInput=_ref4.handleOnInput,handleOnKeyDown=_ref4.handleOnKeyDown,handleOnClick=_ref4.handleOnClick,_ref4$keyboardType=_ref4.keyboardType,keyboardType=_ref4$keyboardType===void 0?'text':_ref4$keyboardType,keyboardReturnKeyType=_ref4.keyboardReturnKeyType,autoCompleteSuggestionType=_ref4.autoCompleteSuggestionType,accessibilityProps=_ref4.accessibilityProps,currentInteraction=_ref4.currentInteraction,setCurrentInteraction=_ref4.setCurrentInteraction,type=_ref4.type,numberOfLines=_ref4.numberOfLines,isTextArea=_ref4.isTextArea;_ref4.hasPopup;var shouldIgnoreBlurAnimation=_ref4.shouldIgnoreBlurAnimation,autoCapitalize=_ref4.autoCapitalize,renderAs=_ref4.as,props=_objectWithoutProperties(_ref4,_excluded);var buttonValue=props.value?props.value:props.placeholder;var _useTheme=useTheme(),theme=_useTheme.theme;var commonProps={onBlur:function onBlur(){if(!shouldIgnoreBlurAnimation){setCurrentInteraction('default');}},isFocused:currentInteraction==='focus'};return renderAs==='button'?jsx(StyledNativeBaseButton,Object.assign({ref:ref,onPress:function onPress(){handleOnClick==null?void 0:handleOnClick({name:name,value:props.value});},onFocus:function onFocus(){handleOnFocus==null?void 0:handleOnFocus({name:name,value:props.value});setCurrentInteraction('focus');},as:undefined},commonProps,props,accessibilityProps,{children:jsx(Text,{color:props.value&&!isDisabled?'surface.text.gray.subtle':'surface.text.gray.disabled',truncateAfterLines:1,textAlign:props.textAlign,children:buttonValue})})):jsx(StyledNativeBaseInput,Object.assign({ref:ref,multiline:isTextArea,numberOfLines:numberOfLines,editable:!isDisabled,maxLength:maxCharacters,placeholderTextColor:theme.colors.surface.text.gray.disabled,onFocus:function onFocus(event){handleOnFocus==null?void 0:handleOnFocus({name:name,value:event==null?void 0:event.nativeEvent.text});handleOnClick==null?void 0:handleOnClick({name:name,value:event==null?void 0:event.nativeEvent.text});setCurrentInteraction('focus');},onChangeText:function onChangeText(text){handleOnChange==null?void 0:handleOnChange({name:name,value:text});handleOnInput==null?void 0:handleOnInput({name:name,value:text});},onEndEditing:function onEndEditing(event){return handleOnBlur==null?void 0:handleOnBlur({name:name,value:event==null?void 0:event.nativeEvent.text});},onSubmitEditing:function onSubmitEditing(event){return handleOnSubmit==null?void 0:handleOnSubmit({name:name,value:event==null?void 0:event.nativeEvent.text});},onKeyPress:function onKeyPress(event){handleOnKeyDown==null?void 0:handleOnKeyDown({name:name,key:event==null?void 0:event.nativeEvent.key,event:event});},keyboardType:KeyboardTypeToNativeValuesMap[keyboardType],returnKeyType:keyboardReturnKeyType,autoCompleteType:autoCompleteSuggestionType?autoCompleteSuggestionTypeAndroid[autoCompleteSuggestionType]:undefined,secureTextEntry:type==='password',isTextArea:isTextArea,textContentType:autoCompleteSuggestionType?autoCompleteSuggestionTypeIOS[autoCompleteSuggestionType]:undefined,autoCapitalize:autoCapitalize},commonProps,props,accessibilityProps));};var StyledBaseInput=assignWithoutSideEffects(React__default.forwardRef(_StyledBaseInput),{displayName:'StyledBaseInput'});
+var _excluded=["name","isRequired","isDisabled","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","numberOfLines","isTextArea","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","as","$size"];var autoCompleteSuggestionTypeAndroid={none:'off',name:'name',email:'email',username:'username',password:'password',newPassword:'password-new',oneTimeCode:'sms-otp',telephone:'tel',postalCode:'postal-code',countryName:'postal-address-country',creditCardNumber:'cc-number',creditCardCSC:'cc-csc',creditCardExpiry:'cc-exp',creditCardExpiryMonth:'cc-exp-month',creditCardExpiryYear:'cc-exp-year'};var autoCompleteSuggestionTypeIOS={none:'none',name:'name',email:'emailAddress',username:'username',password:'password',newPassword:'newPassword',oneTimeCode:'oneTimeCode',telephone:'telephoneNumber',postalCode:'postalCode',countryName:'countryName',creditCardNumber:'creditCardNumber',creditCardCSC:'none',creditCardExpiry:'none',creditCardExpiryMonth:'none',creditCardExpiryYear:'none'};var KeyboardTypeToNativeValuesMap={text:'default',search:'default',telephone:'phone-pad',email:'email-address',url:'url',decimal:'decimal-pad'};var getInputHeight=function getInputHeight(_ref){var isTextArea=_ref.isTextArea,hasTags=_ref.hasTags,numberOfLines=_ref.numberOfLines,lineHeight=_ref.lineHeight,size$1=_ref.size;if(isTextArea){return `${lineHeight*(numberOfLines!=null?numberOfLines:0)}px`;}if(hasTags){return undefined;}return makeSize(size[baseInputHeight[size$1]]);};var getRNInputStyles=function getRNInputStyles(props){return Object.assign({},getBaseInputStyles({theme:props.theme,isFocused:props.isFocused,isDisabled:!props.editable,validationState:props.validationState,leadingIcon:props.leadingIcon,prefix:props.prefix,interactionElement:props.interactionElement,suffix:props.suffix,trailingIcon:props.trailingIcon,isTextArea:props.isTextArea,hasTags:props.hasTags,isDropdownTrigger:props.isDropdownTrigger,size:props.$size,valueComponentType:props.valueComponentType}),{lineHeight:Platform.select({android:makeSize(props.theme.typography.lineHeights[100]),ios:undefined}),textAlignVertical:'top',height:getInputHeight({isTextArea:props.isTextArea,hasTags:props.hasTags,numberOfLines:props.numberOfLines,lineHeight:props.theme.typography.lineHeights[300],size:props.$size})});};var StyledNativeBaseInput=styled.TextInput(function(_ref2){var id=_ref2.id,isFocused=_ref2.isFocused,theme=_ref2.theme,editable=_ref2.editable,validationState=_ref2.validationState,leadingIcon=_ref2.leadingIcon,prefix=_ref2.prefix,interactionElement=_ref2.interactionElement,suffix=_ref2.suffix,trailingIcon=_ref2.trailingIcon,isTextArea=_ref2.isTextArea,numberOfLines=_ref2.numberOfLines,isDropdownTrigger=_ref2.isDropdownTrigger,hasTags=_ref2.hasTags,$size=_ref2.$size,valueComponentType=_ref2.valueComponentType;return getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,hasTags:hasTags,isDropdownTrigger:isDropdownTrigger,$size:$size,valueComponentType:valueComponentType});});var StyledNativeBaseButton=styled.TouchableOpacity(function(_ref3){var id=_ref3.id,isFocused=_ref3.isFocused,theme=_ref3.theme,editable=_ref3.editable,validationState=_ref3.validationState,leadingIcon=_ref3.leadingIcon,prefix=_ref3.prefix,interactionElement=_ref3.interactionElement,suffix=_ref3.suffix,trailingIcon=_ref3.trailingIcon,isTextArea=_ref3.isTextArea,numberOfLines=_ref3.numberOfLines,isDropdownTrigger=_ref3.isDropdownTrigger,hasTags=_ref3.hasTags,$size=_ref3.$size,valueComponentType=_ref3.valueComponentType;return Object.assign({},getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,isDropdownTrigger:isDropdownTrigger,hasTags:hasTags,$size:$size,valueComponentType:valueComponentType}));});var _StyledBaseInput=function _StyledBaseInput(_ref4,ref){var name=_ref4.name;_ref4.isRequired;var isDisabled=_ref4.isDisabled,maxCharacters=_ref4.maxCharacters,handleOnFocus=_ref4.handleOnFocus,handleOnChange=_ref4.handleOnChange,handleOnBlur=_ref4.handleOnBlur,handleOnSubmit=_ref4.handleOnSubmit,handleOnInput=_ref4.handleOnInput,handleOnKeyDown=_ref4.handleOnKeyDown,handleOnClick=_ref4.handleOnClick,_ref4$keyboardType=_ref4.keyboardType,keyboardType=_ref4$keyboardType===void 0?'text':_ref4$keyboardType,keyboardReturnKeyType=_ref4.keyboardReturnKeyType,autoCompleteSuggestionType=_ref4.autoCompleteSuggestionType,accessibilityProps=_ref4.accessibilityProps,currentInteraction=_ref4.currentInteraction,setCurrentInteraction=_ref4.setCurrentInteraction,type=_ref4.type,numberOfLines=_ref4.numberOfLines,isTextArea=_ref4.isTextArea;_ref4.hasPopup;var shouldIgnoreBlurAnimation=_ref4.shouldIgnoreBlurAnimation,autoCapitalize=_ref4.autoCapitalize,renderAs=_ref4.as,$size=_ref4.$size,props=_objectWithoutProperties(_ref4,_excluded);var buttonValue=props.value?props.value:props.placeholder;var _useTheme=useTheme(),theme=_useTheme.theme;var commonProps={onBlur:function onBlur(){if(!shouldIgnoreBlurAnimation){setCurrentInteraction('default');}},isFocused:currentInteraction==='focus'};return renderAs==='button'?jsx(StyledNativeBaseButton,Object.assign({ref:ref,onPress:function onPress(){handleOnClick==null?void 0:handleOnClick({name:name,value:props.value});},onFocus:function onFocus(){handleOnFocus==null?void 0:handleOnFocus({name:name,value:props.value});setCurrentInteraction('focus');},as:undefined,$size:$size},commonProps,props,accessibilityProps,{children:jsx(Text,{color:props.value&&!isDisabled?'surface.text.gray.subtle':'surface.text.gray.disabled',truncateAfterLines:1,textAlign:props.textAlign,size:$size,children:buttonValue})})):jsx(StyledNativeBaseInput,Object.assign({ref:ref,multiline:isTextArea,numberOfLines:numberOfLines,editable:!isDisabled,maxLength:maxCharacters,placeholderTextColor:theme.colors.surface.text.gray.disabled,onFocus:function onFocus(event){handleOnFocus==null?void 0:handleOnFocus({name:name,value:event==null?void 0:event.nativeEvent.text});handleOnClick==null?void 0:handleOnClick({name:name,value:event==null?void 0:event.nativeEvent.text});setCurrentInteraction('focus');},onChangeText:function onChangeText(text){handleOnChange==null?void 0:handleOnChange({name:name,value:text});handleOnInput==null?void 0:handleOnInput({name:name,value:text});},onEndEditing:function onEndEditing(event){return handleOnBlur==null?void 0:handleOnBlur({name:name,value:event==null?void 0:event.nativeEvent.text});},onSubmitEditing:function onSubmitEditing(event){return handleOnSubmit==null?void 0:handleOnSubmit({name:name,value:event==null?void 0:event.nativeEvent.text});},onKeyPress:function onKeyPress(event){handleOnKeyDown==null?void 0:handleOnKeyDown({name:name,key:event==null?void 0:event.nativeEvent.key,event:event});},keyboardType:KeyboardTypeToNativeValuesMap[keyboardType],returnKeyType:keyboardReturnKeyType,autoCompleteType:autoCompleteSuggestionType?autoCompleteSuggestionTypeAndroid[autoCompleteSuggestionType]:undefined,secureTextEntry:type==='password',isTextArea:isTextArea,textContentType:autoCompleteSuggestionType?autoCompleteSuggestionTypeIOS[autoCompleteSuggestionType]:undefined,autoCapitalize:autoCapitalize,$size:$size},commonProps,props,accessibilityProps));};var StyledBaseInput=assignWithoutSideEffects(React__default.forwardRef(_StyledBaseInput),{displayName:'StyledBaseInput'});
 
 export { StyledBaseInput };
 //# sourceMappingURL=StyledBaseInput.native.js.map

package/build/lib/native/components/Input/BaseInput/StyledBaseInput.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledBaseInput.native.js","sources":["../../../../../../src/components/Input/BaseInput/StyledBaseInput.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport type { CSSObject, ThemeProps, DefaultTheme } from 'styled-components';\nimport type {\n  TextInputProps,\n  TextInput,\n  TouchableHighlight,\n  TouchableHighlightProps,\n  GestureResponderEvent,\n} from 'react-native';\nimport { Platform as RNPlatform } from 'react-native';\nimport type { BaseInputProps } from './BaseInput';\nimport type { StyledBaseInputProps } from './types';\nimport { getBaseInputStyles } from './baseInputStyles';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport type { Platform } from '~utils';\n\ntype StyledComponentAutoCompleteAndroid =\n  | 'off'\n  | 'name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-number'\n  | 'email'\n  | 'username'\n  | 'password'\n  | 'postal-code'\n  | 'tel'\n  | undefined;\n\nconst autoCompleteSuggestionTypeAndroid = {\n  none: 'off',\n  name: 'name',\n  email: 'email',\n  username: 'username',\n  password: 'password',\n  newPassword: 'password-new',\n  oneTimeCode: 'sms-otp',\n  telephone: 'tel',\n  postalCode: 'postal-code',\n  countryName: 'postal-address-country',\n  creditCardNumber: 'cc-number',\n  creditCardCSC: 'cc-csc',\n  creditCardExpiry: 'cc-exp',\n  creditCardExpiryMonth: 'cc-exp-month',\n  creditCardExpiryYear: 'cc-exp-year',\n} as const;\n\nconst autoCompleteSuggestionTypeIOS = {\n  none: 'none',\n  name: 'name',\n  email: 'emailAddress',\n  username: 'username',\n  password: 'password',\n  newPassword: 'newPassword',\n  oneTimeCode: 'oneTimeCode',\n  telephone: 'telephoneNumber',\n  postalCode: 'postalCode',\n  countryName: 'countryName',\n  creditCardNumber: 'creditCardNumber',\n  creditCardCSC: 'none',\n  creditCardExpiry: 'none',\n  creditCardExpiryMonth: 'none',\n  creditCardExpiryYear: 'none',\n} as const;\n\nconst KeyboardTypeToNativeValuesMap = {\n  text: 'default',\n  search: 'default',\n  telephone: 'phone-pad',\n  email: 'email-address',\n  url: 'url',\n  decimal: 'decimal-pad',\n};\n\ntype StyledComponentInputProps = Omit<\n  StyledBaseInputProps,\n  'accessibilityProps' | 'setCurrentInteraction' | 'currentInteraction'\n> & {\n  isTextArea?: boolean;\n  isFocused: boolean;\n  autoCompleteType?: typeof autoCompleteSuggestionTypeAndroid[keyof typeof autoCompleteSuggestionTypeAndroid];\n  editable?: boolean;\n  onPress?: (event: GestureResponderEvent) => void;\n};\n\nconst getInputHeight = ({\n  isTextArea,\n  hasTags,\n  numberOfLines,\n  lineHeight,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines'> & {\n  lineHeight: number;\n}): string | undefined => {\n  if (isTextArea) {\n    return `${lineHeight * (numberOfLines ?? 0)}px`;\n  }\n\n  if (hasTags) {\n    return undefined; // we don't set height on input. We set it on wrapper to properly include tags in overall height\n  }\n\n  return makeSize(size[36]);\n};\n\nconst getRNInputStyles = (\n  props: StyledComponentInputProps &\n    ThemeProps<DefaultTheme> &\n    (TextInputProps | TouchableHighlightProps),\n): CSSObject => {\n  return {\n    ...getBaseInputStyles({\n      theme: props.theme,\n      isFocused: props.isFocused,\n      isDisabled: !props.editable,\n      validationState: props.validationState,\n      leadingIcon: props.leadingIcon,\n      prefix: props.prefix,\n      interactionElement: props.interactionElement,\n      suffix: props.suffix,\n      trailingIcon: props.trailingIcon,\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      isDropdownTrigger: props.isDropdownTrigger,\n    }),\n    lineHeight: RNPlatform.select({\n      android: makeSize(props.theme.typography.lineHeights[100]),\n      ios: undefined,\n    }),\n    textAlignVertical: 'top',\n    height: getInputHeight({\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      numberOfLines: props.numberOfLines,\n      lineHeight: props.theme.typography.lineHeights[300],\n    }),\n  };\n};\nconst StyledNativeBaseInput = styled.TextInput<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      interactionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      hasTags,\n      isDropdownTrigger,\n    }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      interactionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      isDropdownTrigger,\n      hasTags,\n    }),\n);\n\nconst _StyledBaseInput: React.ForwardRefRenderFunction<\n  TextInput | TouchableHighlight,\n  StyledBaseInputProps\n> = (\n  {\n    name,\n    isRequired,\n    isDisabled,\n    maxCharacters,\n    handleOnFocus,\n    handleOnChange,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    handleOnClick,\n    keyboardType = 'text',\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    accessibilityProps,\n    currentInteraction,\n    setCurrentInteraction,\n    type,\n    numberOfLines,\n    isTextArea,\n    hasPopup,\n    shouldIgnoreBlurAnimation,\n    autoCapitalize,\n    as: renderAs,\n    ...props\n  },\n  ref,\n) => {\n  const buttonValue = props.value ? props.value : props.placeholder;\n  const { theme } = useTheme();\n  const commonProps = {\n    onBlur: (): void => {\n      // In certain cases like SelectInput, we want to ignore the blur animation when option item is clicked.\n      // The selectinput should always look like it is in focus otherwise it triggers blur + focus again which can cause flicker\n      if (!shouldIgnoreBlurAnimation) {\n        setCurrentInteraction('default');\n      }\n    },\n    isFocused: currentInteraction === 'focus',\n  };\n\n  return renderAs === 'button' ? (\n    <StyledNativeBaseButton\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      onPress={(): void => {\n        handleOnClick?.({ name, value: props.value });\n      }}\n      onFocus={(): void => {\n        handleOnFocus?.({ name, value: props.value });\n        setCurrentInteraction('focus');\n      }}\n      as={undefined}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    >\n      <Text\n        color={\n          props.value && !isDisabled ? 'surface.text.gray.subtle' : 'surface.text.gray.disabled'\n        }\n        truncateAfterLines={1}\n        textAlign={props.textAlign}\n      >\n        {buttonValue}\n      </Text>\n    </StyledNativeBaseButton>\n  ) : (\n    <StyledNativeBaseInput\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      multiline={isTextArea}\n      numberOfLines={numberOfLines}\n      editable={!isDisabled}\n      maxLength={maxCharacters}\n      placeholderTextColor={theme.colors.surface.text.gray.disabled}\n      onFocus={(event): void => {\n        handleOnFocus?.({ name, value: event?.nativeEvent.text });\n        // React Native does not have native onPress event on Input elements so for consistency of API we call it on onFocus which also gets triggered on clicks\n        handleOnClick?.({ name, value: event?.nativeEvent.text });\n        setCurrentInteraction('focus');\n      }}\n      onChangeText={(text): void => {\n        handleOnChange?.({ name, value: text });\n        handleOnInput?.({ name, value: text });\n      }}\n      onEndEditing={(event): void => handleOnBlur?.({ name, value: event?.nativeEvent.text })}\n      onSubmitEditing={(event): void => handleOnSubmit?.({ name, value: event?.nativeEvent.text })}\n      onKeyPress={(event): void => {\n        handleOnKeyDown?.({\n          name,\n          key: event?.nativeEvent.key,\n          event: (event as unknown) as React.KeyboardEvent<HTMLInputElement>, // TODO: handle platform specific type\n        });\n      }}\n      // @ts-expect-error styled-components have limited keyboard types('default' | 'email-address' | 'numeric' | 'phone-pad' | 'number-pad' | 'decimal-pad') compared to the actual supported types so ignoring the error.\n      // source: https://reactnative.dev/docs/textinput/#keyboardtype\n      keyboardType={KeyboardTypeToNativeValuesMap[keyboardType]}\n      returnKeyType={keyboardReturnKeyType}\n      autoCompleteType={\n        autoCompleteSuggestionType\n          ? (autoCompleteSuggestionTypeAndroid[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ] as StyledComponentAutoCompleteAndroid)\n          : undefined\n      }\n      secureTextEntry={type === 'password'}\n      isTextArea={isTextArea}\n      textContentType={\n        autoCompleteSuggestionType\n          ? autoCompleteSuggestionTypeIOS[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ]\n          : undefined\n      }\n      autoCapitalize={autoCapitalize}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    />\n  );\n};\n\nconst StyledBaseInput = assignWithoutSideEffects(React.forwardRef(_StyledBaseInput), {\n  displayName: 'StyledBaseInput',\n});\n\nexport { StyledBaseInput };\n"],"names":["autoCompleteSuggestionTypeAndroid","none","name","email","username","password","newPassword","oneTimeCode","telephone","postalCode","countryName","creditCardNumber","creditCardCSC","creditCardExpiry","creditCardExpiryMonth","creditCardExpiryYear","autoCompleteSuggestionTypeIOS","KeyboardTypeToNativeValuesMap","text","search","url","decimal","getInputHeight","_ref","isTextArea","hasTags","numberOfLines","lineHeight","undefined","makeSize","size","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","interactionElement","suffix","trailingIcon","isDropdownTrigger","RNPlatform","select","android","typography","lineHeights","ios","textAlignVertical","height","StyledNativeBaseInput","styled","TextInput","_ref2","id","StyledNativeBaseButton","TouchableOpacity","_ref3","_StyledBaseInput","_ref4","ref","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","_ref4$keyboardType","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","renderAs","as","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","commonProps","onBlur","_jsx","onPress","onFocus","children","Text","color","truncateAfterLines","textAlign","multiline","maxLength","placeholderTextColor","colors","surface","gray","disabled","event","nativeEvent","onChangeText","onEndEditing","onSubmitEditing","onKeyPress","key","returnKeyType","autoCompleteType","secureTextEntry","textContentType","StyledBaseInput","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"StyledBaseInput.native.js","sources":["../../../../../../src/components/Input/BaseInput/StyledBaseInput.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport type { CSSObject, ThemeProps, DefaultTheme } from 'styled-components';\nimport type {\n  TextInputProps,\n  TouchableHighlight,\n  TouchableHighlightProps,\n  GestureResponderEvent,\n  TextInput,\n} from 'react-native';\nimport { Platform as RNPlatform } from 'react-native';\nimport type { BaseInputProps } from './BaseInput';\nimport type { StyledBaseInputProps } from './types';\nimport { getBaseInputStyles } from './baseInputStyles';\nimport { baseInputHeight } from './baseInputTokens';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { size as sizeToken } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport type { Platform } from '~utils';\n\ntype StyledComponentAutoCompleteAndroid =\n  | 'off'\n  | 'name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-number'\n  | 'email'\n  | 'username'\n  | 'password'\n  | 'postal-code'\n  | 'tel'\n  | undefined;\n\nconst autoCompleteSuggestionTypeAndroid = {\n  none: 'off',\n  name: 'name',\n  email: 'email',\n  username: 'username',\n  password: 'password',\n  newPassword: 'password-new',\n  oneTimeCode: 'sms-otp',\n  telephone: 'tel',\n  postalCode: 'postal-code',\n  countryName: 'postal-address-country',\n  creditCardNumber: 'cc-number',\n  creditCardCSC: 'cc-csc',\n  creditCardExpiry: 'cc-exp',\n  creditCardExpiryMonth: 'cc-exp-month',\n  creditCardExpiryYear: 'cc-exp-year',\n} as const;\n\nconst autoCompleteSuggestionTypeIOS = {\n  none: 'none',\n  name: 'name',\n  email: 'emailAddress',\n  username: 'username',\n  password: 'password',\n  newPassword: 'newPassword',\n  oneTimeCode: 'oneTimeCode',\n  telephone: 'telephoneNumber',\n  postalCode: 'postalCode',\n  countryName: 'countryName',\n  creditCardNumber: 'creditCardNumber',\n  creditCardCSC: 'none',\n  creditCardExpiry: 'none',\n  creditCardExpiryMonth: 'none',\n  creditCardExpiryYear: 'none',\n} as const;\n\nconst KeyboardTypeToNativeValuesMap = {\n  text: 'default',\n  search: 'default',\n  telephone: 'phone-pad',\n  email: 'email-address',\n  url: 'url',\n  decimal: 'decimal-pad',\n};\n\ntype StyledComponentInputProps = Omit<\n  StyledBaseInputProps,\n  'accessibilityProps' | 'setCurrentInteraction' | 'currentInteraction'\n> & {\n  isTextArea?: boolean;\n  isFocused: boolean;\n  autoCompleteType?: typeof autoCompleteSuggestionTypeAndroid[keyof typeof autoCompleteSuggestionTypeAndroid];\n  editable?: boolean;\n  onPress?: (event: GestureResponderEvent) => void;\n  $size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getInputHeight = ({\n  isTextArea,\n  hasTags,\n  numberOfLines,\n  lineHeight,\n  size,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines'> & {\n  lineHeight: number;\n  size: NonNullable<BaseInputProps['size']>;\n}): string | undefined => {\n  if (isTextArea) {\n    return `${lineHeight * (numberOfLines ?? 0)}px`;\n  }\n\n  if (hasTags) {\n    return undefined; // we don't set height on input. We set it on wrapper to properly include tags in overall height\n  }\n\n  return makeSize(sizeToken[baseInputHeight[size]]);\n};\n\nconst getRNInputStyles = (\n  props: StyledComponentInputProps &\n    ThemeProps<DefaultTheme> &\n    (TextInputProps | TouchableHighlightProps),\n): CSSObject => {\n  return {\n    ...getBaseInputStyles({\n      theme: props.theme,\n      isFocused: props.isFocused,\n      isDisabled: !props.editable,\n      validationState: props.validationState,\n      leadingIcon: props.leadingIcon,\n      prefix: props.prefix,\n      interactionElement: props.interactionElement,\n      suffix: props.suffix,\n      trailingIcon: props.trailingIcon,\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      isDropdownTrigger: props.isDropdownTrigger,\n      size: props.$size,\n      valueComponentType: props.valueComponentType,\n    }),\n    lineHeight: RNPlatform.select({\n      android: makeSize(props.theme.typography.lineHeights[100]),\n      ios: undefined,\n    }),\n    textAlignVertical: 'top',\n    height: getInputHeight({\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      numberOfLines: props.numberOfLines,\n      lineHeight: props.theme.typography.lineHeights[300],\n      size: props.$size,\n    }),\n  };\n};\nconst StyledNativeBaseInput = styled.TextInput<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    valueComponentType,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      interactionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      hasTags,\n      isDropdownTrigger,\n      $size,\n      valueComponentType,\n    }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    valueComponentType,\n  }) => ({\n    ...getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      interactionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      isDropdownTrigger,\n      hasTags,\n      $size,\n      valueComponentType,\n    }),\n  }),\n);\n\nconst _StyledBaseInput: React.ForwardRefRenderFunction<\n  TextInput | TouchableHighlight,\n  StyledBaseInputProps\n> = (\n  {\n    name,\n    isRequired,\n    isDisabled,\n    maxCharacters,\n    handleOnFocus,\n    handleOnChange,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    handleOnClick,\n    keyboardType = 'text',\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    accessibilityProps,\n    currentInteraction,\n    setCurrentInteraction,\n    type,\n    numberOfLines,\n    isTextArea,\n    hasPopup,\n    shouldIgnoreBlurAnimation,\n    autoCapitalize,\n    as: renderAs,\n    $size,\n    ...props\n  },\n  ref,\n) => {\n  const buttonValue = props.value ? props.value : props.placeholder;\n  const { theme } = useTheme();\n  const commonProps = {\n    onBlur: (): void => {\n      // In certain cases like SelectInput, we want to ignore the blur animation when option item is clicked.\n      // The selectinput should always look like it is in focus otherwise it triggers blur + focus again which can cause flicker\n      if (!shouldIgnoreBlurAnimation) {\n        setCurrentInteraction('default');\n      }\n    },\n    isFocused: currentInteraction === 'focus',\n  };\n\n  return renderAs === 'button' ? (\n    <StyledNativeBaseButton\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      onPress={(): void => {\n        handleOnClick?.({ name, value: props.value });\n      }}\n      onFocus={(): void => {\n        handleOnFocus?.({ name, value: props.value });\n        setCurrentInteraction('focus');\n      }}\n      as={undefined}\n      $size={$size}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    >\n      <Text\n        color={\n          props.value && !isDisabled ? 'surface.text.gray.subtle' : 'surface.text.gray.disabled'\n        }\n        truncateAfterLines={1}\n        textAlign={props.textAlign}\n        size={$size}\n      >\n        {buttonValue}\n      </Text>\n    </StyledNativeBaseButton>\n  ) : (\n    <StyledNativeBaseInput\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      multiline={isTextArea}\n      numberOfLines={numberOfLines}\n      editable={!isDisabled}\n      maxLength={maxCharacters}\n      placeholderTextColor={theme.colors.surface.text.gray.disabled}\n      onFocus={(event): void => {\n        handleOnFocus?.({ name, value: event?.nativeEvent.text });\n        // React Native does not have native onPress event on Input elements so for consistency of API we call it on onFocus which also gets triggered on clicks\n        handleOnClick?.({ name, value: event?.nativeEvent.text });\n        setCurrentInteraction('focus');\n      }}\n      onChangeText={(text): void => {\n        handleOnChange?.({ name, value: text });\n        handleOnInput?.({ name, value: text });\n      }}\n      onEndEditing={(event): void => handleOnBlur?.({ name, value: event?.nativeEvent.text })}\n      onSubmitEditing={(event): void => handleOnSubmit?.({ name, value: event?.nativeEvent.text })}\n      onKeyPress={(event): void => {\n        handleOnKeyDown?.({\n          name,\n          key: event?.nativeEvent.key,\n          event: (event as unknown) as React.KeyboardEvent<HTMLInputElement>, // TODO: handle platform specific type\n        });\n      }}\n      // @ts-expect-error styled-components have limited keyboard types('default' | 'email-address' | 'numeric' | 'phone-pad' | 'number-pad' | 'decimal-pad') compared to the actual supported types so ignoring the error.\n      // source: https://reactnative.dev/docs/textinput/#keyboardtype\n      keyboardType={KeyboardTypeToNativeValuesMap[keyboardType]}\n      returnKeyType={keyboardReturnKeyType}\n      autoCompleteType={\n        autoCompleteSuggestionType\n          ? (autoCompleteSuggestionTypeAndroid[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ] as StyledComponentAutoCompleteAndroid)\n          : undefined\n      }\n      secureTextEntry={type === 'password'}\n      isTextArea={isTextArea}\n      textContentType={\n        autoCompleteSuggestionType\n          ? autoCompleteSuggestionTypeIOS[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ]\n          : undefined\n      }\n      autoCapitalize={autoCapitalize}\n      $size={$size}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    />\n  );\n};\n\nconst StyledBaseInput = assignWithoutSideEffects(React.forwardRef(_StyledBaseInput), {\n  displayName: 'StyledBaseInput',\n});\n\nexport { StyledBaseInput };\n"],"names":["autoCompleteSuggestionTypeAndroid","none","name","email","username","password","newPassword","oneTimeCode","telephone","postalCode","countryName","creditCardNumber","creditCardCSC","creditCardExpiry","creditCardExpiryMonth","creditCardExpiryYear","autoCompleteSuggestionTypeIOS","KeyboardTypeToNativeValuesMap","text","search","url","decimal","getInputHeight","_ref","isTextArea","hasTags","numberOfLines","lineHeight","size","undefined","makeSize","sizeToken","baseInputHeight","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","interactionElement","suffix","trailingIcon","isDropdownTrigger","$size","valueComponentType","RNPlatform","select","android","typography","lineHeights","ios","textAlignVertical","height","StyledNativeBaseInput","styled","TextInput","_ref2","id","StyledNativeBaseButton","TouchableOpacity","_ref3","_StyledBaseInput","_ref4","ref","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","_ref4$keyboardType","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","renderAs","as","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","commonProps","onBlur","_jsx","onPress","onFocus","children","Text","color","truncateAfterLines","textAlign","multiline","maxLength","placeholderTextColor","colors","surface","gray","disabled","event","nativeEvent","onChangeText","onEndEditing","onSubmitEditing","onKeyPress","key","returnKeyType","autoCompleteType","secureTextEntry","textContentType","StyledBaseInput","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Input/BaseInput/baseInputStyles.js

@@ -1,5 +1,6 @@
 import { getInputVisualsToBeRendered } from './BaseInputVisuals.js';
-import { BASEINPUT_DEFAULT_HEIGHT } from './baseInputConfig.js';
+import { getBaseInputBorderStyles } from './getBaseInputBorderStyles.native.js';
+import { baseInputBackgroundColor, baseInputBorderColor, baseInputBorderWidth, baseInputPaddingTokens, baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens.js';
 import getTextStyles from '../../Typography/Text/getTextStyles.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
@@ -8,8 +9,10 @@ import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import '../../BladeProvider/useTheme.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import getHeadingStyles from '../../Typography/Heading/getHeadingStyles.js';
 
-var getInputBackgroundAndBorderStyles=function getInputBackgroundAndBorderStyles(_ref){var theme=_ref.theme,isHovered=_ref.isHovered,isFocused=_ref.isFocused,isDisabled=_ref.isDisabled,validationState=_ref.validationState,isTextArea=_ref.isTextArea,isDropdownTrigger=_ref.isDropdownTrigger;var backgroundColor=theme.colors.interactive.background.gray.default;var borderBottomColor=theme.colors.interactive.background.gray.highlighted;if(isHovered){backgroundColor=theme.colors.interactive.background.gray.highlighted;}if(isFocused){backgroundColor=theme.colors.interactive.background.primary.faded;}if(isDisabled){backgroundColor=theme.colors.interactive.background.gray.disabled;borderBottomColor='transparent';}if(validationState==='error'){backgroundColor=theme.colors.interactive.background.negative.faded;borderBottomColor=theme.colors.interactive.background.negative.default;}else if(validationState==='success'){backgroundColor=theme.colors.interactive.background.positive.faded;borderBottomColor=theme.colors.interactive.background.positive.default;}return {backgroundColor:backgroundColor,borderBottomColor:borderBottomColor,borderTopLeftRadius:makeBorderSize(theme.border.radius.small),borderTopRightRadius:makeBorderSize(theme.border.radius.small),borderBottomWidth:makeBorderSize(theme.border.width.thin),borderBottomStyle:'solid',display:'flex',flexDirection:'row',width:'100%',alignItems:isTextArea?'flex-start':undefined,position:'relative',height:isDropdownTrigger?'auto':undefined};};var getLeftPadding=function getLeftPadding(_ref2){var theme=_ref2.theme,isDropdownTrigger=_ref2.isDropdownTrigger,hasLeadingIcon=_ref2.hasLeadingIcon,hasPrefix=_ref2.hasPrefix;if(isDropdownTrigger){return theme.spacing[0];}if(hasLeadingIcon||hasPrefix){return theme.spacing[3];}return theme.spacing[4];};var getBaseInputStyles=function getBaseInputStyles(_ref3){var theme=_ref3.theme,isDisabled=_ref3.isDisabled,leadingIcon=_ref3.leadingIcon,prefix=_ref3.prefix,interactionElement=_ref3.interactionElement,suffix=_ref3.suffix,trailingIcon=_ref3.trailingIcon,textAlign=_ref3.textAlign,isTextArea=_ref3.isTextArea,hasTags=_ref3.hasTags,isDropdownTrigger=_ref3.isDropdownTrigger;var _getInputVisualsToBeR=getInputVisualsToBeRendered({leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasInteractionElement=_getInputVisualsToBeR.hasInteractionElement,hasSuffix=_getInputVisualsToBeR.hasSuffix,hasTrailingIcon=_getInputVisualsToBeR.hasTrailingIcon;var isDropdownWithTags=isDropdownTrigger&&hasTags;var isReactNative=getPlatformType()==='react-native';return Object.assign({},getTextStyles({size:'medium',variant:'body',weight:'regular',color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',theme:theme}),{flex:1,backgroundColor:'transparent',paddingTop:makeSpace(theme.spacing[3]),paddingBottom:makeSpace(theme.spacing[3]),paddingLeft:makeSpace(getLeftPadding({theme:theme,isDropdownTrigger:isDropdownTrigger,hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix})),paddingRight:hasInteractionElement||hasSuffix||hasTrailingIcon?makeSpace(theme.spacing[3]):makeSpace(theme.spacing[4]),textAlign:textAlign,width:'100%',height:isTextArea||isDropdownWithTags?undefined:makeSpace(BASEINPUT_DEFAULT_HEIGHT),minHeight:isDropdownWithTags?undefined:makeSpace(BASEINPUT_DEFAULT_HEIGHT)},isReactNative?{}:{resize:'none'});};
+var getBaseInputState=function getBaseInputState(_ref){var isFocused=_ref.isFocused,isHovered=_ref.isHovered,isDisabled=_ref.isDisabled;if(isDisabled){return 'disabled';}else if(isFocused){return 'focused';}else if(isHovered){return 'hovered';}else {return 'default';}};var getInputBackgroundAndBorderStyles=function getInputBackgroundAndBorderStyles(_ref2){var theme=_ref2.theme,isHovered=_ref2.isHovered,isFocused=_ref2.isFocused,isDisabled=_ref2.isDisabled,validationState=_ref2.validationState,isTextArea=_ref2.isTextArea,isDropdownTrigger=_ref2.isDropdownTrigger;var backgroundColor=getIn(theme.colors,baseInputBackgroundColor.default);var borderColor=getIn(theme.colors,baseInputBorderColor.default);var borderWidth=getIn(theme.border.width,baseInputBorderWidth.default);var baseInputState=getBaseInputState({isFocused:isFocused,isHovered:isHovered,isDisabled:isDisabled});backgroundColor=getIn(theme.colors,baseInputBackgroundColor[baseInputState]);borderColor=getIn(theme.colors,baseInputBorderColor[baseInputState]);borderWidth=getIn(theme.border.width,baseInputBorderWidth[baseInputState]);if(validationState==='error'){borderColor=getIn(theme.colors,baseInputBorderColor.error);borderWidth=getIn(theme.border.width,baseInputBorderWidth.error);}else if(validationState==='success'){borderColor=getIn(theme.colors,baseInputBorderColor.success);borderWidth=getIn(theme.border.width,baseInputBorderWidth.success);}return Object.assign({backgroundColor:backgroundColor,borderRadius:makeBorderSize(theme.border.radius.medium),borderStyle:'solid',display:'flex',flexDirection:'row',width:'100%',alignItems:isTextArea?'flex-start':undefined,position:'relative',height:isDropdownTrigger?'auto':undefined,border:'none'},getBaseInputBorderStyles({theme:theme,borderColor:borderColor,borderWidth:borderWidth,isFocused:isFocused}));};var getLeftPadding=function getLeftPadding(_ref3){var theme=_ref3.theme,isDropdownTrigger=_ref3.isDropdownTrigger,hasLeadingIcon=_ref3.hasLeadingIcon,hasPrefix=_ref3.hasPrefix,size=_ref3.size;if(isDropdownTrigger){return theme.spacing[0];}if(hasLeadingIcon||hasPrefix){return theme.spacing[3];}return theme.spacing[baseInputPaddingTokens.left[size]];};var getRightPadding=function getRightPadding(_ref4){var theme=_ref4.theme,hasInteractionElement=_ref4.hasInteractionElement,hasSuffix=_ref4.hasSuffix,hasTrailingIcon=_ref4.hasTrailingIcon,size=_ref4.size;if(hasInteractionElement||hasSuffix||hasTrailingIcon){return theme.spacing[3];}return theme.spacing[baseInputPaddingTokens.right[size]];};var getBaseInputStyles=function getBaseInputStyles(_ref5){var theme=_ref5.theme,isDisabled=_ref5.isDisabled,leadingIcon=_ref5.leadingIcon,prefix=_ref5.prefix,interactionElement=_ref5.interactionElement,suffix=_ref5.suffix,trailingIcon=_ref5.trailingIcon,textAlign=_ref5.textAlign,isTextArea=_ref5.isTextArea,hasTags=_ref5.hasTags,isDropdownTrigger=_ref5.isDropdownTrigger,size=_ref5.size,valueComponentType=_ref5.valueComponentType;var _getInputVisualsToBeR=getInputVisualsToBeRendered({leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon,size:size}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasInteractionElement=_getInputVisualsToBeR.hasInteractionElement,hasSuffix=_getInputVisualsToBeR.hasSuffix,hasTrailingIcon=_getInputVisualsToBeR.hasTrailingIcon;var isDropdownWithTags=isDropdownTrigger&&hasTags;var isReactNative=getPlatformType()==='react-native';return Object.assign({},valueComponentType==='heading'?getHeadingStyles({size:size,weight:'regular',color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',theme:theme}):getTextStyles({size:size,variant:'body',weight:'regular',color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',theme:theme}),{flex:1,backgroundColor:'transparent',paddingTop:makeSpace(theme.spacing[baseInputPaddingTokens.top[size]]),paddingBottom:makeSpace(theme.spacing[baseInputPaddingTokens.bottom[size]]),paddingLeft:makeSpace(getLeftPadding({theme:theme,isDropdownTrigger:isDropdownTrigger,hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix,size:size})),paddingRight:getRightPadding({theme:theme,hasInteractionElement:hasInteractionElement,hasSuffix:hasSuffix,hasTrailingIcon:hasTrailingIcon,size:size}),textAlign:textAlign,width:'100%',height:isTextArea||isDropdownWithTags?undefined:makeSpace(baseInputHeight[size]),minHeight:isDropdownWithTags?undefined:makeSpace(baseInputHeight[size])},isReactNative?{}:{resize:'none'});};var getAnimatedBaseInputWrapperMaxHeight=function getAnimatedBaseInputWrapperMaxHeight(_ref6){var maxTagRows=_ref6.maxTagRows,showAllTags=_ref6.showAllTags,size=_ref6.size;if(maxTagRows==='single'){return baseInputHeight[size];}if(maxTagRows==='multiple'){return baseInputWrapperMaxHeight[size];}return showAllTags?baseInputWrapperMaxHeight[size]:baseInputHeight[size];};
 
-export { getBaseInputStyles, getInputBackgroundAndBorderStyles };
+export { getAnimatedBaseInputWrapperMaxHeight, getBaseInputState, getBaseInputStyles, getInputBackgroundAndBorderStyles };
 //# sourceMappingURL=baseInputStyles.js.map

package/build/lib/native/components/Input/BaseInput/baseInputStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseInputStyles.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { BaseInputProps } from './BaseInput';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport { BASEINPUT_DEFAULT_HEIGHT } from './baseInputConfig';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\n\ntype GetInputStyles = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'leadingIcon'\n  | 'prefix'\n  | 'interactionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'isDropdownTrigger'\n> & {\n  isHovered?: boolean;\n  isFocused?: boolean;\n  isTextArea?: boolean;\n  hasTags?: boolean;\n  theme: Theme;\n};\n\nexport const getInputBackgroundAndBorderStyles = ({\n  theme,\n  isHovered,\n  isFocused,\n  isDisabled,\n  validationState,\n  isTextArea,\n  isDropdownTrigger,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n>): CSSObject => {\n  // normal state\n  let backgroundColor = theme.colors.interactive.background.gray.default;\n  let borderBottomColor = theme.colors.interactive.background.gray.highlighted;\n\n  // hoverState\n  if (isHovered) {\n    backgroundColor = theme.colors.interactive.background.gray.highlighted;\n  }\n\n  // focused state\n  if (isFocused) {\n    backgroundColor = theme.colors.interactive.background.primary.faded;\n  }\n\n  // disabled state\n  if (isDisabled) {\n    backgroundColor = theme.colors.interactive.background.gray.disabled;\n    borderBottomColor = 'transparent';\n  }\n\n  // validation state\n  if (validationState === 'error') {\n    backgroundColor = theme.colors.interactive.background.negative.faded;\n    borderBottomColor = theme.colors.interactive.background.negative.default;\n  } else if (validationState === 'success') {\n    backgroundColor = theme.colors.interactive.background.positive.faded;\n    borderBottomColor = theme.colors.interactive.background.positive.default;\n  }\n\n  return {\n    backgroundColor,\n    borderBottomColor,\n    borderTopLeftRadius: makeBorderSize(theme.border.radius.small),\n    borderTopRightRadius: makeBorderSize(theme.border.radius.small),\n    borderBottomWidth: makeBorderSize(theme.border.width.thin),\n    borderBottomStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : undefined,\n    position: 'relative',\n    height: isDropdownTrigger ? 'auto' : undefined,\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix) {\n    return theme.spacing[3];\n  }\n\n  return theme.spacing[4];\n};\n\nexport const getBaseInputStyles = ({\n  theme,\n  isDisabled,\n  leadingIcon,\n  prefix,\n  interactionElement,\n  suffix,\n  trailingIcon,\n  textAlign,\n  isTextArea,\n  hasTags,\n  isDropdownTrigger,\n}: GetInputStyles): CSSObject => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n  });\n\n  const isDropdownWithTags = isDropdownTrigger && hasTags;\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return {\n    ...getTextStyles({\n      size: 'medium',\n      variant: 'body',\n      weight: 'regular',\n      color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',\n      theme,\n    }),\n    // take the full available width of parent container for input field\n    flex: 1,\n    backgroundColor: 'transparent',\n    paddingTop: makeSpace(theme.spacing[3]),\n    paddingBottom: makeSpace(theme.spacing[3]),\n    paddingLeft: makeSpace(getLeftPadding({ theme, isDropdownTrigger, hasLeadingIcon, hasPrefix })),\n    paddingRight:\n      hasInteractionElement || hasSuffix || hasTrailingIcon\n        ? makeSpace(theme.spacing[3])\n        : makeSpace(theme.spacing[4]),\n    textAlign,\n    width: '100%',\n    height: isTextArea || isDropdownWithTags ? undefined : makeSpace(BASEINPUT_DEFAULT_HEIGHT),\n    minHeight: isDropdownWithTags ? undefined : makeSpace(BASEINPUT_DEFAULT_HEIGHT),\n    ...(isReactNative ? {} : { resize: 'none' }),\n  };\n};\n"],"names":["getInputBackgroundAndBorderStyles","_ref","theme","isHovered","isFocused","isDisabled","validationState","isTextArea","isDropdownTrigger","backgroundColor","colors","interactive","background","gray","default","borderBottomColor","highlighted","primary","faded","disabled","negative","positive","borderTopLeftRadius","makeBorderSize","border","radius","small","borderTopRightRadius","borderBottomWidth","width","thin","borderBottomStyle","display","flexDirection","alignItems","undefined","position","height","getLeftPadding","_ref2","hasLeadingIcon","hasPrefix","spacing","getBaseInputStyles","_ref3","leadingIcon","prefix","interactionElement","suffix","trailingIcon","textAlign","hasTags","_getInputVisualsToBeR","getInputVisualsToBeRendered","hasInteractionElement","hasSuffix","hasTrailingIcon","isDropdownWithTags","isReactNative","getPlatformType","Object","assign","getTextStyles","size","variant","weight","color","flex","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","BASEINPUT_DEFAULT_HEIGHT","minHeight","resize"],"mappings":"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"}
+{"version":3,"file":"baseInputStyles.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { BaseInputProps } from './BaseInput';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport { getBaseInputBorderStyles } from './getBaseInputBorderStyles';\nimport {\n  baseInputBackgroundColor,\n  baseInputBorderColor,\n  baseInputBorderWidth,\n  baseInputHeight,\n  baseInputPaddingTokens,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport type { BaseInputWrapperProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport getHeadingStyles from '~components/Typography/Heading/getHeadingStyles';\n\ntype GetInputStyles = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'leadingIcon'\n  | 'prefix'\n  | 'interactionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'isDropdownTrigger'\n  | 'valueComponentType'\n> & {\n  isHovered?: boolean;\n  isFocused?: boolean;\n  isTextArea?: boolean;\n  hasTags?: boolean;\n  theme: Theme;\n  size: NonNullable<BaseInputProps['size']>;\n};\n\nexport const getBaseInputState = ({\n  isFocused,\n  isHovered,\n  isDisabled,\n}: {\n  isFocused?: boolean;\n  isHovered?: boolean;\n  isDisabled?: boolean;\n}): 'focused' | 'hovered' | 'disabled' | 'default' => {\n  if (isDisabled) {\n    return 'disabled';\n  } else if (isFocused) {\n    return 'focused';\n  } else if (isHovered) {\n    return 'hovered';\n  } else {\n    return 'default';\n  }\n};\n\nexport const getInputBackgroundAndBorderStyles = ({\n  theme,\n  isHovered,\n  isFocused,\n  isDisabled,\n  validationState,\n  isTextArea,\n  isDropdownTrigger,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n>): CSSObject => {\n  // normal state\n  let backgroundColor = getIn(theme.colors, baseInputBackgroundColor.default);\n  let borderColor = getIn(theme.colors, baseInputBorderColor.default);\n  let borderWidth = getIn(theme.border.width, baseInputBorderWidth.default);\n\n  const baseInputState = getBaseInputState({ isFocused, isHovered, isDisabled });\n\n  backgroundColor = getIn(theme.colors, baseInputBackgroundColor[baseInputState]);\n  borderColor = getIn(theme.colors, baseInputBorderColor[baseInputState]);\n  borderWidth = getIn(theme.border.width, baseInputBorderWidth[baseInputState]);\n\n  if (validationState === 'error') {\n    borderColor = getIn(theme.colors, baseInputBorderColor.error);\n    borderWidth = getIn(theme.border.width, baseInputBorderWidth.error);\n  } else if (validationState === 'success') {\n    borderColor = getIn(theme.colors, baseInputBorderColor.success);\n    borderWidth = getIn(theme.border.width, baseInputBorderWidth.success);\n  }\n\n  return {\n    backgroundColor,\n    borderRadius: makeBorderSize(theme.border.radius.medium),\n    borderStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : undefined,\n    position: 'relative',\n    height: isDropdownTrigger ? 'auto' : undefined,\n    border: 'none',\n    ...getBaseInputBorderStyles({ theme, borderColor, borderWidth, isFocused }),\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n  size,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n  size: GetInputStyles['size'];\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix) {\n    return theme.spacing[3];\n  }\n\n  return theme.spacing[baseInputPaddingTokens.left[size]];\n};\n\nconst getRightPadding = ({\n  theme,\n  hasInteractionElement,\n  hasSuffix,\n  hasTrailingIcon,\n  size,\n}: {\n  theme: Theme;\n  hasInteractionElement: boolean;\n  hasSuffix: boolean;\n  hasTrailingIcon: boolean;\n  size: GetInputStyles['size'];\n}): number => {\n  if (hasInteractionElement || hasSuffix || hasTrailingIcon) {\n    return theme.spacing[3];\n  }\n  return theme.spacing[baseInputPaddingTokens.right[size]];\n};\n\nexport const getBaseInputStyles = ({\n  theme,\n  isDisabled,\n  leadingIcon,\n  prefix,\n  interactionElement,\n  suffix,\n  trailingIcon,\n  textAlign,\n  isTextArea,\n  hasTags,\n  isDropdownTrigger,\n  size,\n  valueComponentType,\n}: GetInputStyles): CSSObject => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n    size,\n  });\n\n  const isDropdownWithTags = isDropdownTrigger && hasTags;\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return {\n    ...(valueComponentType === 'heading'\n      ? getHeadingStyles({\n          size,\n          weight: 'regular',\n          color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',\n          theme,\n        })\n      : getTextStyles({\n          size,\n          variant: 'body',\n          weight: 'regular',\n          color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',\n          theme,\n        })),\n\n    // take the full available width of parent container for input field\n    flex: 1,\n    backgroundColor: 'transparent',\n\n    paddingTop: makeSpace(theme.spacing[baseInputPaddingTokens.top[size]]),\n    paddingBottom: makeSpace(theme.spacing[baseInputPaddingTokens.bottom[size]]),\n    paddingLeft: makeSpace(\n      getLeftPadding({ theme, isDropdownTrigger, hasLeadingIcon, hasPrefix, size }),\n    ),\n    paddingRight: getRightPadding({\n      theme,\n      hasInteractionElement,\n      hasSuffix,\n      hasTrailingIcon,\n      size,\n    }),\n\n    textAlign,\n    width: '100%',\n    height: isTextArea || isDropdownWithTags ? undefined : makeSpace(baseInputHeight[size]),\n    minHeight: isDropdownWithTags ? undefined : makeSpace(baseInputHeight[size]),\n    ...(isReactNative ? {} : { resize: 'none' }),\n  };\n};\n\nexport const getAnimatedBaseInputWrapperMaxHeight = ({\n  maxTagRows,\n  showAllTags,\n  size,\n}: Pick<BaseInputWrapperProps, 'maxTagRows' | 'showAllTags' | 'size'>): number => {\n  if (maxTagRows === 'single') {\n    return baseInputHeight[size];\n  }\n\n  if (maxTagRows === 'multiple') {\n    return baseInputWrapperMaxHeight[size];\n  }\n\n  // In expandable, max-height depends on the state\n  return showAllTags ? baseInputWrapperMaxHeight[size] : baseInputHeight[size];\n};\n"],"names":["getBaseInputState","_ref","isFocused","isHovered","isDisabled","getInputBackgroundAndBorderStyles","_ref2","theme","validationState","isTextArea","isDropdownTrigger","backgroundColor","getIn","colors","baseInputBackgroundColor","default","borderColor","baseInputBorderColor","borderWidth","border","width","baseInputBorderWidth","baseInputState","error","success","Object","assign","borderRadius","makeBorderSize","radius","medium","borderStyle","display","flexDirection","alignItems","undefined","position","height","getBaseInputBorderStyles","getLeftPadding","_ref3","hasLeadingIcon","hasPrefix","size","spacing","baseInputPaddingTokens","left","getRightPadding","_ref4","hasInteractionElement","hasSuffix","hasTrailingIcon","right","getBaseInputStyles","_ref5","leadingIcon","prefix","interactionElement","suffix","trailingIcon","textAlign","hasTags","valueComponentType","_getInputVisualsToBeR","getInputVisualsToBeRendered","isDropdownWithTags","isReactNative","getPlatformType","getHeadingStyles","weight","color","getTextStyles","variant","flex","paddingTop","makeSpace","top","paddingBottom","bottom","paddingLeft","paddingRight","baseInputHeight","minHeight","resize","getAnimatedBaseInputWrapperMaxHeight","_ref6","maxTagRows","showAllTags","baseInputWrapperMaxHeight"],"mappings":";;;;;;;;;;;;;;AA0Ca,IAAAA,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,IAAA,CAQwB,CAPpD,IAAAC,SAAS,CAAAD,IAAA,CAATC,SAAS,CACTC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CAMV,GAAIA,UAAU,CAAE,CACd,OAAO,UAAU,CACnB,CAAC,KAAUF,GAAAA,SAAS,CAAE,CACpB,OAAO,SAAS,CAClB,CAAC,KAAM,GAAIC,SAAS,CAAE,CACpB,OAAO,SAAS,CAClB,CAAC,KAAM,CACL,OAAO,SAAS,CAClB,CACF,EAEa,IAAAE,iCAAiC,CAAG,SAApCA,iCAAiCA,CAAAC,KAAA,CAiB7B,CAAA,IAhBfC,KAAK,CAAAD,KAAA,CAALC,KAAK,CACLJ,SAAS,CAAAG,KAAA,CAATH,SAAS,CACTD,SAAS,CAAAI,KAAA,CAATJ,SAAS,CACTE,UAAU,CAAAE,KAAA,CAAVF,UAAU,CACVI,eAAe,CAAAF,KAAA,CAAfE,eAAe,CACfC,UAAU,CAAAH,KAAA,CAAVG,UAAU,CACVC,iBAAiB,CAAAJ,KAAA,CAAjBI,iBAAiB,CAYjB,IAAIC,eAAe,CAAGC,KAAK,CAACL,KAAK,CAACM,MAAM,CAAEC,wBAAwB,CAACC,OAAO,CAAC,CAC3E,IAAIC,WAAW,CAAGJ,KAAK,CAACL,KAAK,CAACM,MAAM,CAAEI,oBAAoB,CAACF,OAAO,CAAC,CACnE,IAAIG,WAAW,CAAGN,KAAK,CAACL,KAAK,CAACY,MAAM,CAACC,KAAK,CAAEC,oBAAoB,CAACN,OAAO,CAAC,CAEzE,IAAMO,cAAc,CAAGtB,iBAAiB,CAAC,CAAEE,SAAS,CAATA,SAAS,CAAEC,SAAS,CAATA,SAAS,CAAEC,UAAU,CAAVA,UAAW,CAAC,CAAC,CAE9EO,eAAe,CAAGC,KAAK,CAACL,KAAK,CAACM,MAAM,CAAEC,wBAAwB,CAACQ,cAAc,CAAC,CAAC,CAC/EN,WAAW,CAAGJ,KAAK,CAACL,KAAK,CAACM,MAAM,CAAEI,oBAAoB,CAACK,cAAc,CAAC,CAAC,CACvEJ,WAAW,CAAGN,KAAK,CAACL,KAAK,CAACY,MAAM,CAACC,KAAK,CAAEC,oBAAoB,CAACC,cAAc,CAAC,CAAC,CAE7E,GAAId,eAAe,GAAK,OAAO,CAAE,CAC/BQ,WAAW,CAAGJ,KAAK,CAACL,KAAK,CAACM,MAAM,CAAEI,oBAAoB,CAACM,KAAK,CAAC,CAC7DL,WAAW,CAAGN,KAAK,CAACL,KAAK,CAACY,MAAM,CAACC,KAAK,CAAEC,oBAAoB,CAACE,KAAK,CAAC,CACrE,CAAC,KAAUf,GAAAA,eAAe,GAAK,SAAS,CAAE,CACxCQ,WAAW,CAAGJ,KAAK,CAACL,KAAK,CAACM,MAAM,CAAEI,oBAAoB,CAACO,OAAO,CAAC,CAC/DN,WAAW,CAAGN,KAAK,CAACL,KAAK,CAACY,MAAM,CAACC,KAAK,CAAEC,oBAAoB,CAACG,OAAO,CAAC,CACvE,CAEA,OAAAC,MAAA,CAAAC,MAAA,CACEf,CAAAA,eAAe,CAAfA,eAAe,CACfgB,YAAY,CAAEC,cAAc,CAACrB,KAAK,CAACY,MAAM,CAACU,MAAM,CAACC,MAAM,CAAC,CACxDC,WAAW,CAAE,OAAO,CACpBC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,KAAK,CACpBb,KAAK,CAAE,MAAM,CACbc,UAAU,CAAEzB,UAAU,CAAG,YAAY,CAAG0B,SAAS,CACjDC,QAAQ,CAAE,UAAU,CACpBC,MAAM,CAAE3B,iBAAiB,CAAG,MAAM,CAAGyB,SAAS,CAC9ChB,MAAM,CAAE,MAAM,CAAA,CACXmB,wBAAwB,CAAC,CAAE/B,KAAK,CAALA,KAAK,CAAES,WAAW,CAAXA,WAAW,CAAEE,WAAW,CAAXA,WAAW,CAAEhB,SAAS,CAATA,SAAU,CAAC,CAAC,CAAA,CAE/E,EAEA,IAAMqC,cAAc,CAAG,SAAjBA,cAAcA,CAAAC,KAAA,CAYN,CAXZ,IAAAjC,KAAK,CAAAiC,KAAA,CAALjC,KAAK,CACLG,iBAAiB,CAAA8B,KAAA,CAAjB9B,iBAAiB,CACjB+B,cAAc,CAAAD,KAAA,CAAdC,cAAc,CACdC,SAAS,CAAAF,KAAA,CAATE,SAAS,CACTC,IAAI,CAAAH,KAAA,CAAJG,IAAI,CAQJ,GAAIjC,iBAAiB,CAAE,CACrB,OAAOH,KAAK,CAACqC,OAAO,CAAC,CAAC,CAAC,CACzB,CAEA,GAAIH,cAAc,EAAIC,SAAS,CAAE,CAC/B,OAAOnC,KAAK,CAACqC,OAAO,CAAC,CAAC,CAAC,CACzB,CAEA,OAAOrC,KAAK,CAACqC,OAAO,CAACC,sBAAsB,CAACC,IAAI,CAACH,IAAI,CAAC,CAAC,CACzD,CAAC,CAED,IAAMI,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,KAAA,CAYP,CAAA,IAXZzC,KAAK,CAAAyC,KAAA,CAALzC,KAAK,CACL0C,qBAAqB,CAAAD,KAAA,CAArBC,qBAAqB,CACrBC,SAAS,CAAAF,KAAA,CAATE,SAAS,CACTC,eAAe,CAAAH,KAAA,CAAfG,eAAe,CACfR,IAAI,CAAAK,KAAA,CAAJL,IAAI,CAQJ,GAAIM,qBAAqB,EAAIC,SAAS,EAAIC,eAAe,CAAE,CACzD,OAAO5C,KAAK,CAACqC,OAAO,CAAC,CAAC,CAAC,CACzB,CACA,OAAOrC,KAAK,CAACqC,OAAO,CAACC,sBAAsB,CAACO,KAAK,CAACT,IAAI,CAAC,CAAC,CAC1D,CAAC,CAEY,IAAAU,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,KAAA,CAcE,CAAA,IAb/B/C,KAAK,CAAA+C,KAAA,CAAL/C,KAAK,CACLH,UAAU,CAAAkD,KAAA,CAAVlD,UAAU,CACVmD,WAAW,CAAAD,KAAA,CAAXC,WAAW,CACXC,MAAM,CAAAF,KAAA,CAANE,MAAM,CACNC,kBAAkB,CAAAH,KAAA,CAAlBG,kBAAkB,CAClBC,MAAM,CAAAJ,KAAA,CAANI,MAAM,CACNC,YAAY,CAAAL,KAAA,CAAZK,YAAY,CACZC,SAAS,CAAAN,KAAA,CAATM,SAAS,CACTnD,UAAU,CAAA6C,KAAA,CAAV7C,UAAU,CACVoD,OAAO,CAAAP,KAAA,CAAPO,OAAO,CACPnD,iBAAiB,CAAA4C,KAAA,CAAjB5C,iBAAiB,CACjBiC,IAAI,CAAAW,KAAA,CAAJX,IAAI,CACJmB,kBAAkB,CAAAR,KAAA,CAAlBQ,kBAAkB,CAElB,IAAAC,qBAAA,CAMIC,2BAA2B,CAAC,CAC9BT,WAAW,CAAXA,WAAW,CACXC,MAAM,CAANA,MAAM,CACNC,kBAAkB,CAAlBA,kBAAkB,CAClBC,MAAM,CAANA,MAAM,CACNC,YAAY,CAAZA,YAAY,CACZhB,IAAI,CAAJA,IACF,CAAC,CAAC,CAZAF,cAAc,CAAAsB,qBAAA,CAAdtB,cAAc,CACdC,SAAS,CAAAqB,qBAAA,CAATrB,SAAS,CACTO,qBAAqB,CAAAc,qBAAA,CAArBd,qBAAqB,CACrBC,SAAS,CAAAa,qBAAA,CAATb,SAAS,CACTC,eAAe,CAAAY,qBAAA,CAAfZ,eAAe,CAUjB,IAAMc,kBAAkB,CAAGvD,iBAAiB,EAAImD,OAAO,CACvD,IAAMK,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAE1D,OAAA1C,MAAA,CAAAC,MAAA,CACMoC,EAAAA,CAAAA,kBAAkB,GAAK,SAAS,CAChCM,gBAAgB,CAAC,CACfzB,IAAI,CAAJA,IAAI,CACJ0B,MAAM,CAAE,SAAS,CACjBC,KAAK,CAAElE,UAAU,CAAG,4BAA4B,CAAG,0BAA0B,CAC7EG,KAAK,CAALA,KACF,CAAC,CAAC,CACFgE,aAAa,CAAC,CACZ5B,IAAI,CAAJA,IAAI,CACJ6B,OAAO,CAAE,MAAM,CACfH,MAAM,CAAE,SAAS,CACjBC,KAAK,CAAElE,UAAU,CAAG,4BAA4B,CAAG,0BAA0B,CAC7EG,KAAK,CAALA,KACF,CAAC,CAAC,CAAA,CAGNkE,IAAI,CAAE,CAAC,CACP9D,eAAe,CAAE,aAAa,CAE9B+D,UAAU,CAAEC,SAAS,CAACpE,KAAK,CAACqC,OAAO,CAACC,sBAAsB,CAAC+B,GAAG,CAACjC,IAAI,CAAC,CAAC,CAAC,CACtEkC,aAAa,CAAEF,SAAS,CAACpE,KAAK,CAACqC,OAAO,CAACC,sBAAsB,CAACiC,MAAM,CAACnC,IAAI,CAAC,CAAC,CAAC,CAC5EoC,WAAW,CAAEJ,SAAS,CACpBpC,cAAc,CAAC,CAAEhC,KAAK,CAALA,KAAK,CAAEG,iBAAiB,CAAjBA,iBAAiB,CAAE+B,cAAc,CAAdA,cAAc,CAAEC,SAAS,CAATA,SAAS,CAAEC,IAAI,CAAJA,IAAK,CAAC,CAC9E,CAAC,CACDqC,YAAY,CAAEjC,eAAe,CAAC,CAC5BxC,KAAK,CAALA,KAAK,CACL0C,qBAAqB,CAArBA,qBAAqB,CACrBC,SAAS,CAATA,SAAS,CACTC,eAAe,CAAfA,eAAe,CACfR,IAAI,CAAJA,IACF,CAAC,CAAC,CAEFiB,SAAS,CAATA,SAAS,CACTxC,KAAK,CAAE,MAAM,CACbiB,MAAM,CAAE5B,UAAU,EAAIwD,kBAAkB,CAAG9B,SAAS,CAAGwC,SAAS,CAACM,eAAe,CAACtC,IAAI,CAAC,CAAC,CACvFuC,SAAS,CAAEjB,kBAAkB,CAAG9B,SAAS,CAAGwC,SAAS,CAACM,eAAe,CAACtC,IAAI,CAAC,CAAC,CACxEuB,CAAAA,aAAa,CAAG,EAAE,CAAG,CAAEiB,MAAM,CAAE,MAAO,CAAC,CAAA,CAE/C,EAEa,IAAAC,oCAAoC,CAAG,SAAvCA,oCAAoCA,CAAAC,KAAA,CAIiC,CAHhF,IAAAC,UAAU,CAAAD,KAAA,CAAVC,UAAU,CACVC,WAAW,CAAAF,KAAA,CAAXE,WAAW,CACX5C,IAAI,CAAA0C,KAAA,CAAJ1C,IAAI,CAEJ,GAAI2C,UAAU,GAAK,QAAQ,CAAE,CAC3B,OAAOL,eAAe,CAACtC,IAAI,CAAC,CAC9B,CAEA,GAAI2C,UAAU,GAAK,UAAU,CAAE,CAC7B,OAAOE,yBAAyB,CAAC7C,IAAI,CAAC,CACxC,CAGA,OAAO4C,WAAW,CAAGC,yBAAyB,CAAC7C,IAAI,CAAC,CAAGsC,eAAe,CAACtC,IAAI,CAAC,CAC9E;;;;"}

package/build/lib/native/components/Input/BaseInput/baseInputTokens.js

@@ -0,0 +1,8 @@
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
+import { size } from '../../../tokens/global/size.js';
+
+var BASEINPUT_MAX_ROWS=4;var baseInputHeight={medium:size['36'],large:size['48']};var baseInputWrapperMaxHeight={medium:baseInputHeight.medium*BASEINPUT_MAX_ROWS,large:baseInputHeight.large*BASEINPUT_MAX_ROWS};var baseInputBorderColor={default:'interactive.border.gray.default',hovered:'interactive.border.gray.highlighted',focused:'interactive.border.primary.default',disabled:'interactive.border.gray.disabled',error:'interactive.border.negative.default',success:'interactive.border.positive.default'};var baseInputBackgroundColor={default:'surface.background.gray.intense',hovered:'surface.background.gray.moderate',focused:'surface.background.gray.moderate',disabled:'surface.background.gray.intense',error:'surface.background.gray.intense',success:'surface.background.gray.intense'};var baseInputBorderWidth={default:'thin',hovered:'thin',disabled:'thin',focused:'thick',error:'thick',success:'thick'};var baseInputBorderBackgroundMotion={enter:{duration:'xgentle',easing:'standard.revealing'},exit:{duration:'gentle',easing:'standard.effective'}};var baseInputPaddingTokens={top:{medium:3,large:4},bottom:{medium:3,large:4},left:{medium:4,large:4},right:{medium:4,large:4}};var formHintLeftLabelMarginLeft={medium:136,large:192};
+
+export { BASEINPUT_MAX_ROWS, baseInputBackgroundColor, baseInputBorderBackgroundMotion, baseInputBorderColor, baseInputBorderWidth, baseInputHeight, baseInputPaddingTokens, baseInputWrapperMaxHeight, formHintLeftLabelMarginLeft };
+//# sourceMappingURL=baseInputTokens.js.map

package/build/lib/native/components/Input/BaseInput/baseInputTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseInputTokens.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputTokens.ts"],"sourcesContent":["import type { BaseInputProps } from './BaseInput';\nimport { size, spacing } from '~tokens/global';\n\nexport const BASEINPUT_MAX_ROWS = 4;\n\nexport const TAG_HEIGHT = size['20'];\nexport const TAG_GAP = spacing['3'];\n\n/**\n * 36px\n */\nexport const baseInputHeight: Record<\n  NonNullable<BaseInputProps['size']>,\n  typeof size[keyof typeof size]\n> = {\n  medium: size['36'],\n  large: size['48'],\n};\n\n/**\n * medium - 144px (36px height * 4 rows)\n * large - 192px (48px height * 4 rows)\n */\n// we don't want exact number but rough number to be able to animate correctly in height.\nexport const baseInputWrapperMaxHeight = {\n  medium: baseInputHeight.medium * BASEINPUT_MAX_ROWS,\n  large: baseInputHeight.large * BASEINPUT_MAX_ROWS,\n} as const;\n\nexport const baseInputBorderColor = {\n  default: 'interactive.border.gray.default',\n  hovered: 'interactive.border.gray.highlighted',\n  focused: 'interactive.border.primary.default',\n  disabled: 'interactive.border.gray.disabled',\n  error: 'interactive.border.negative.default',\n  success: 'interactive.border.positive.default',\n} as const;\n\nexport const baseInputBackgroundColor = {\n  default: 'surface.background.gray.intense',\n  hovered: 'surface.background.gray.moderate',\n  focused: 'surface.background.gray.moderate',\n  disabled: 'surface.background.gray.intense',\n  error: 'surface.background.gray.intense',\n  success: 'surface.background.gray.intense',\n} as const;\n\nexport const baseInputBorderWidth = {\n  default: 'thin',\n  hovered: 'thin',\n  disabled: 'thin',\n  focused: 'thick',\n  error: 'thick',\n  success: 'thick',\n} as const;\n\nexport const baseInputBorderBackgroundMotion = {\n  enter: { duration: 'xgentle', easing: 'standard.revealing' },\n  exit: { duration: 'gentle', easing: 'standard.effective' },\n} as const;\n\nexport const baseInputPaddingTokens = {\n  top: {\n    medium: 3,\n    large: 4,\n  },\n  bottom: {\n    medium: 3,\n    large: 4,\n  },\n  left: {\n    medium: 4,\n    large: 4,\n  },\n  right: {\n    medium: 4,\n    large: 4,\n  },\n} as const;\n\n/* the magic number 192 is basically max-width of label \ni.e 176 and then right margin \ni.e 16 which is the spacing between label and input field */\nexport const formHintLeftLabelMarginLeft = {\n  medium: 136,\n  large: 192,\n} as const;\n"],"names":["BASEINPUT_MAX_ROWS","baseInputHeight","medium","size","large","baseInputWrapperMaxHeight","baseInputBorderColor","default","hovered","focused","disabled","error","success","baseInputBackgroundColor","baseInputBorderWidth","baseInputBorderBackgroundMotion","enter","duration","easing","exit","baseInputPaddingTokens","top","bottom","left","right","formHintLeftLabelMarginLeft"],"mappings":";;;;AAGa,IAAAA,kBAAkB,CAAG,EAQrB,IAAAC,eAGZ,CAAG,CACFC,MAAM,CAAEC,IAAI,CAAC,IAAI,CAAC,CAClBC,KAAK,CAAED,IAAI,CAAC,IAAI,CAClB,EAOa,IAAAE,yBAAyB,CAAG,CACvCH,MAAM,CAAED,eAAe,CAACC,MAAM,CAAGF,kBAAkB,CACnDI,KAAK,CAAEH,eAAe,CAACG,KAAK,CAAGJ,kBACjC,EAEa,IAAAM,oBAAoB,CAAG,CAClCC,OAAO,CAAE,iCAAiC,CAC1CC,OAAO,CAAE,qCAAqC,CAC9CC,OAAO,CAAE,oCAAoC,CAC7CC,QAAQ,CAAE,kCAAkC,CAC5CC,KAAK,CAAE,qCAAqC,CAC5CC,OAAO,CAAE,qCACX,EAEa,IAAAC,wBAAwB,CAAG,CACtCN,OAAO,CAAE,iCAAiC,CAC1CC,OAAO,CAAE,kCAAkC,CAC3CC,OAAO,CAAE,kCAAkC,CAC3CC,QAAQ,CAAE,iCAAiC,CAC3CC,KAAK,CAAE,iCAAiC,CACxCC,OAAO,CAAE,iCACX,EAEa,IAAAE,oBAAoB,CAAG,CAClCP,OAAO,CAAE,MAAM,CACfC,OAAO,CAAE,MAAM,CACfE,QAAQ,CAAE,MAAM,CAChBD,OAAO,CAAE,OAAO,CAChBE,KAAK,CAAE,OAAO,CACdC,OAAO,CAAE,OACX,EAEa,IAAAG,+BAA+B,CAAG,CAC7CC,KAAK,CAAE,CAAEC,QAAQ,CAAE,SAAS,CAAEC,MAAM,CAAE,oBAAqB,CAAC,CAC5DC,IAAI,CAAE,CAAEF,QAAQ,CAAE,QAAQ,CAAEC,MAAM,CAAE,oBAAqB,CAC3D,EAEa,IAAAE,sBAAsB,CAAG,CACpCC,GAAG,CAAE,CACHnB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CAAC,CACDkB,MAAM,CAAE,CACNpB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CAAC,CACDmB,IAAI,CAAE,CACJrB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CAAC,CACDoB,KAAK,CAAE,CACLtB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CACF,EAKa,IAAAqB,2BAA2B,CAAG,CACzCvB,MAAM,CAAE,GAAG,CACXE,KAAK,CAAE,GACT;;;;"}

package/build/lib/native/components/Input/BaseInput/getBaseInputBorderStyles.native.js

@@ -0,0 +1,4 @@
+var getBaseInputBorderStyles=function getBaseInputBorderStyles(_ref){var borderColor=_ref.borderColor;return {borderColor:borderColor};};
+
+export { getBaseInputBorderStyles };
+//# sourceMappingURL=getBaseInputBorderStyles.native.js.map

package/build/lib/native/components/Input/BaseInput/getBaseInputBorderStyles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getBaseInputBorderStyles.native.js","sources":["../../../../../../src/components/Input/BaseInput/getBaseInputBorderStyles.native.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { Theme } from '~components/BladeProvider';\n\nconst getBaseInputBorderStyles = ({\n  borderColor,\n}: {\n  theme: Theme;\n  borderWidth: number;\n  borderColor: string;\n  isFocused?: boolean;\n}): CSSObject => ({\n  borderColor,\n});\n\nexport { getBaseInputBorderStyles };\n"],"names":["getBaseInputBorderStyles","_ref","borderColor"],"mappings":"AAGM,IAAAA,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAC5B,CAAA,IAAAC,WAAW,CAAAD,IAAA,CAAXC,WAAW,CAMK,OAAA,CAChBA,WAAW,CAAXA,WACF,CAAC,CAAA;;;;"}

package/build/lib/native/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js

@@ -14,7 +14,7 @@ import { getTagsGroup } from '../../Tag/getTagsGroup.js';
 import { useFirstRender } from '../../../utils/useFirstRender.js';
 import { jsx } from 'react/jsx-runtime';
 
-var useControlledDropdownInput=function useControlledDropdownInput(props){var isFirstRender=useFirstRender();var _useDropdown=useDropdown(),changeCallbackTriggerer=_useDropdown.changeCallbackTriggerer,isControlled=_useDropdown.isControlled,options=_useDropdown.options,selectedIndices=_useDropdown.selectedIndices,controlledValueIndices=_useDropdown.controlledValueIndices,setSelectedIndices=_useDropdown.setSelectedIndices,selectionType=_useDropdown.selectionType,setIsControlled=_useDropdown.setIsControlled;var getValuesArrayFromIndices=function getValuesArrayFromIndices(){var indices=[];if(isControlled){indices=controlledValueIndices;}else {indices=selectedIndices;}return indices.map(function(selectionIndex){return options[selectionIndex].value;});};var selectValues=function selectValues(valuesToSelect){if(options.length>0){if(isEmpty(valuesToSelect)){setSelectedIndices([]);}else if(typeof valuesToSelect==='string'){var selectedItemIndex=options.findIndex(function(option){return option.value===valuesToSelect;});if(selectedItemIndex>=0){setSelectedIndices([selectedItemIndex]);}}else {var uniqueValues=Array.from(new Set(valuesToSelect));var userValues=selectionType==='single'?[valuesToSelect==null?void 0:valuesToSelect[0]]:uniqueValues;var selectedItemIndices=userValues.map(function(optionValue){return options.findIndex(function(option){return option.value===optionValue;});}).filter(function(value){return value>=0;});setSelectedIndices(selectedItemIndices);}}};React__default.useEffect(function(){if(options.length>0&&props.defaultValue){selectValues(props.defaultValue);}},[options.length]);React__default.useEffect(function(){if(options.length>0&&props.value!==undefined){if(!isControlled){setIsControlled(true);}selectValues(props.value);if(selectionType==='single'&&!Array.isArray(props.value)&&!props.isSelectInput){props.syncInputValueWithSelection==null?void 0:props.syncInputValueWithSelection(props.value);}}},[props.value,options]);React__default.useEffect(function(){if(!isFirstRender){props.onChange==null?void 0:props.onChange({name:props.name,values:getValuesArrayFromIndices()});}},[changeCallbackTriggerer]);};var _BaseDropdownInputTrigger=function _BaseDropdownInputTrigger(props,ref){var _props$placeholder,_props$maxRows,_props$label;var _useDropdown2=useDropdown(),isOpen=_useDropdown2.isOpen,activeTagIndex=_useDropdown2.activeTagIndex,setActiveTagIndex=_useDropdown2.setActiveTagIndex,displayValue=_useDropdown2.displayValue,selectionType=_useDropdown2.selectionType,dropdownTriggerer=_useDropdown2.dropdownTriggerer,dropdownBaseId=_useDropdown2.dropdownBaseId,selectedIndices=_useDropdown2.selectedIndices,triggererRef=_useDropdown2.triggererRef,triggererWrapperRef=_useDropdown2.triggererWrapperRef,isTagDismissedRef=_useDropdown2.isTagDismissedRef,onTriggerClick=_useDropdown2.onTriggerClick,value=_useDropdown2.value,shouldIgnoreBlurAnimation=_useDropdown2.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_useDropdown2.setShouldIgnoreBlurAnimation,activeIndex=_useDropdown2.activeIndex,hasFooterAction=_useDropdown2.hasFooterAction,hasAutoCompleteInBottomSheetHeader=_useDropdown2.hasAutoCompleteInBottomSheetHeader,options=_useDropdown2.options,removeOption=_useDropdown2.removeOption,setChangeCallbackTriggerer=_useDropdown2.setChangeCallbackTriggerer,changeCallbackTriggerer=_useDropdown2.changeCallbackTriggerer;var dropdownTriggerPlaceholder=(_props$placeholder=props.placeholder)!=null?_props$placeholder:'Select Option';var isAutoCompleteInHeader=!props.isSelectInput&&hasAutoCompleteInBottomSheetHeader;var getShowAllTags=React__default.useCallback(function(){if(hasAutoCompleteInBottomSheetHeader){if(props.isSelectInput){return false;}return true;}return isOpen;},[hasAutoCompleteInBottomSheetHeader,props.isSelectInput,isOpen]);useControlledDropdownInput({onChange:props.onChange,name:props.name,value:props.value,defaultValue:props.defaultValue,syncInputValueWithSelection:props.syncInputValueWithSelection,isSelectInput:props.isSelectInput});var getValue=function getValue(){var prefix='';if(props.labelPosition==='inside-input'&&props.label){prefix=`${props.label}: `;}if(props.isSelectInput){if(selectionType==='single'){return `${prefix}${displayValue}`;}return undefined;}return props.inputValue;};var getTags=React__default.useMemo(function(){return function(){if(selectionType==='single'){return undefined;}return getTagsGroup({tags:selectedIndices.map(function(selectedIndex){var _options$selectedInde;return (_options$selectedInde=options[selectedIndex])==null?void 0:_options$selectedInde.title;}),activeTagIndex:activeTagIndex,isDisabled:props.isDisabled,onDismiss:function onDismiss(_ref){var tagIndex=_ref.tagIndex;if(isTagDismissedRef.current){isTagDismissedRef.current.value=true;}if(!isReactNative()){var _triggererRef$current;(_triggererRef$current=triggererRef.current)==null?void 0:_triggererRef$current.focus();}removeOption(selectedIndices[tagIndex]);setChangeCallbackTriggerer(Number(changeCallbackTriggerer)+1);}});};},[selectedIndices,selectionType,activeTagIndex,changeCallbackTriggerer,options]);return jsx(BaseInput,{as:props.isSelectInput?'button':'input',ref:!isReactNative()?function(node){triggererRef.current=node;if(ref){if(typeof ref==='function'){ref(node);}else {ref.current=node;}}}:null,isDropdownTrigger:true,setInputWrapperRef:function setInputWrapperRef(wrapperNode){triggererWrapperRef.current=wrapperNode;},maxTagRows:(_props$maxRows=props.maxRows)!=null?_props$maxRows:'single',tags:getTags(),showAllTags:getShowAllTags(),activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,textAlign:"left",label:props.label,placeholder:selectionType==='multiple'&&selectedIndices.length>0?undefined:dropdownTriggerPlaceholder,hideLabelText:((_props$label=props.label)==null?void 0:_props$label.length)===0,accessibilityLabel:props.accessibilityLabel,labelPosition:props.labelPosition==='inside-input'?undefined:props.labelPosition,isLabelInsideInput:props.labelPosition==='inside-input',necessityIndicator:props.necessityIndicator,autoCompleteSuggestionType:"none",validationState:props.validationState,helpText:props.helpText,errorText:props.errorText,successText:props.successText,name:props.name,isDisabled:props.isDisabled,isRequired:props.isRequired,prefix:props.prefix,suffix:props.suffix,autoFocus:props.autoFocus,value:getValue(),onClick:function onClick(e){if(props.isDisabled){return;}props.onTriggerClick==null?void 0:props.onTriggerClick(e);},onFocus:props.onFocus,onBlur:function onBlur(_ref2){var name=_ref2.name;props.onBlur==null?void 0:props.onBlur({name:name,value:value});},leadingIcon:props.icon,componentName:props.isSelectInput?MetaConstants.SelectInput:MetaConstants.AutoComplete,testID:props.testID,id:`${dropdownBaseId}-trigger`,labelId:`${dropdownBaseId}-label`,hasPopup:getActionListContainerRole(hasFooterAction,dropdownTriggerer),isPopupExpanded:isOpen,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined,popupId:`${dropdownBaseId}-actionlist`,onChange:props.isSelectInput?undefined:props.onInputValueChange,onKeyDown:props.onTriggerKeydown,interactionElement:isAutoCompleteInHeader?null:jsx(InputChevronIcon,{onClick:function onClick(){if(!props.isDisabled){if(!isReactNative()){var _triggererRef$current2;(_triggererRef$current2=triggererRef.current)==null?void 0:_triggererRef$current2.focus();}onTriggerClick();}},isDisabled:props.isDisabled,isOpen:isOpen})});};var BaseDropdownInputTrigger=React__default.forwardRef(_BaseDropdownInputTrigger);
+var useControlledDropdownInput=function useControlledDropdownInput(props){var isFirstRender=useFirstRender();var _useDropdown=useDropdown(),changeCallbackTriggerer=_useDropdown.changeCallbackTriggerer,isControlled=_useDropdown.isControlled,options=_useDropdown.options,selectedIndices=_useDropdown.selectedIndices,controlledValueIndices=_useDropdown.controlledValueIndices,setSelectedIndices=_useDropdown.setSelectedIndices,selectionType=_useDropdown.selectionType,setIsControlled=_useDropdown.setIsControlled;var getValuesArrayFromIndices=function getValuesArrayFromIndices(){var indices=[];if(isControlled){indices=controlledValueIndices;}else {indices=selectedIndices;}return indices.map(function(selectionIndex){return options[selectionIndex].value;});};var selectValues=function selectValues(valuesToSelect){if(options.length>0){if(isEmpty(valuesToSelect)){setSelectedIndices([]);}else if(typeof valuesToSelect==='string'){var selectedItemIndex=options.findIndex(function(option){return option.value===valuesToSelect;});if(selectedItemIndex>=0){setSelectedIndices([selectedItemIndex]);}}else {var uniqueValues=Array.from(new Set(valuesToSelect));var userValues=selectionType==='single'?[valuesToSelect==null?void 0:valuesToSelect[0]]:uniqueValues;var selectedItemIndices=userValues.map(function(optionValue){return options.findIndex(function(option){return option.value===optionValue;});}).filter(function(value){return value>=0;});setSelectedIndices(selectedItemIndices);}}};React__default.useEffect(function(){if(options.length>0&&props.defaultValue){selectValues(props.defaultValue);}},[options.length]);React__default.useEffect(function(){if(options.length>0&&props.value!==undefined){if(!isControlled){setIsControlled(true);}selectValues(props.value);if(selectionType==='single'&&!Array.isArray(props.value)&&!props.isSelectInput){props.syncInputValueWithSelection==null?void 0:props.syncInputValueWithSelection(props.value);}}},[props.value,options]);React__default.useEffect(function(){if(!isFirstRender){props.onChange==null?void 0:props.onChange({name:props.name,values:getValuesArrayFromIndices()});}},[changeCallbackTriggerer]);};var _BaseDropdownInputTrigger=function _BaseDropdownInputTrigger(props,ref){var _props$placeholder,_props$maxRows,_props$label;var _useDropdown2=useDropdown(),isOpen=_useDropdown2.isOpen,activeTagIndex=_useDropdown2.activeTagIndex,setActiveTagIndex=_useDropdown2.setActiveTagIndex,displayValue=_useDropdown2.displayValue,selectionType=_useDropdown2.selectionType,dropdownTriggerer=_useDropdown2.dropdownTriggerer,dropdownBaseId=_useDropdown2.dropdownBaseId,selectedIndices=_useDropdown2.selectedIndices,triggererRef=_useDropdown2.triggererRef,triggererWrapperRef=_useDropdown2.triggererWrapperRef,isTagDismissedRef=_useDropdown2.isTagDismissedRef,onTriggerClick=_useDropdown2.onTriggerClick,value=_useDropdown2.value,shouldIgnoreBlurAnimation=_useDropdown2.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_useDropdown2.setShouldIgnoreBlurAnimation,activeIndex=_useDropdown2.activeIndex,hasFooterAction=_useDropdown2.hasFooterAction,hasAutoCompleteInBottomSheetHeader=_useDropdown2.hasAutoCompleteInBottomSheetHeader,options=_useDropdown2.options,removeOption=_useDropdown2.removeOption,setChangeCallbackTriggerer=_useDropdown2.setChangeCallbackTriggerer,changeCallbackTriggerer=_useDropdown2.changeCallbackTriggerer;var dropdownTriggerPlaceholder=(_props$placeholder=props.placeholder)!=null?_props$placeholder:'Select Option';var isAutoCompleteInHeader=!props.isSelectInput&&hasAutoCompleteInBottomSheetHeader;var getShowAllTags=React__default.useCallback(function(){if(hasAutoCompleteInBottomSheetHeader){if(props.isSelectInput){return false;}return true;}return isOpen;},[hasAutoCompleteInBottomSheetHeader,props.isSelectInput,isOpen]);useControlledDropdownInput({onChange:props.onChange,name:props.name,value:props.value,defaultValue:props.defaultValue,syncInputValueWithSelection:props.syncInputValueWithSelection,isSelectInput:props.isSelectInput});var getValue=function getValue(){var prefix='';if(props.labelPosition==='inside-input'&&props.label){prefix=`${props.label}: `;}if(props.isSelectInput){if(selectionType==='single'){return `${prefix}${displayValue}`;}return undefined;}return props.inputValue;};var getTags=React__default.useMemo(function(){return function(_ref){var size=_ref.size;if(selectionType==='single'){return undefined;}return getTagsGroup({size:size,tags:selectedIndices.map(function(selectedIndex){var _options$selectedInde;return (_options$selectedInde=options[selectedIndex])==null?void 0:_options$selectedInde.title;}),activeTagIndex:activeTagIndex,isDisabled:props.isDisabled,onDismiss:function onDismiss(_ref2){var tagIndex=_ref2.tagIndex;if(isTagDismissedRef.current){isTagDismissedRef.current.value=true;}if(!isReactNative()){var _triggererRef$current;(_triggererRef$current=triggererRef.current)==null?void 0:_triggererRef$current.focus();}removeOption(selectedIndices[tagIndex]);setChangeCallbackTriggerer(Number(changeCallbackTriggerer)+1);}});};},[selectedIndices,selectionType,activeTagIndex,changeCallbackTriggerer,options]);return jsx(BaseInput,{as:props.isSelectInput?'button':'input',ref:!isReactNative()?function(node){triggererRef.current=node;if(ref){if(typeof ref==='function'){ref(node);}else {ref.current=node;}}}:null,isDropdownTrigger:true,setInputWrapperRef:function setInputWrapperRef(wrapperNode){triggererWrapperRef.current=wrapperNode;},maxTagRows:(_props$maxRows=props.maxRows)!=null?_props$maxRows:'single',tags:getTags({size:props.size||'medium'}),showAllTags:getShowAllTags(),activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,textAlign:"left",label:props.label,placeholder:selectionType==='multiple'&&selectedIndices.length>0?undefined:dropdownTriggerPlaceholder,hideLabelText:((_props$label=props.label)==null?void 0:_props$label.length)===0,accessibilityLabel:props.accessibilityLabel,labelPosition:props.labelPosition==='inside-input'?undefined:props.labelPosition,isLabelInsideInput:props.labelPosition==='inside-input',necessityIndicator:props.necessityIndicator,autoCompleteSuggestionType:"none",validationState:props.validationState,helpText:props.helpText,errorText:props.errorText,successText:props.successText,name:props.name,isDisabled:props.isDisabled,isRequired:props.isRequired,prefix:props.prefix,suffix:props.suffix,autoFocus:props.autoFocus,value:getValue(),onClick:function onClick(e){if(props.isDisabled){return;}props.onTriggerClick==null?void 0:props.onTriggerClick(e);},onFocus:props.onFocus,onBlur:function onBlur(_ref3){var name=_ref3.name;props.onBlur==null?void 0:props.onBlur({name:name,value:value});},leadingIcon:props.icon,componentName:props.isSelectInput?MetaConstants.SelectInput:MetaConstants.AutoComplete,testID:props.testID,id:`${dropdownBaseId}-trigger`,labelId:`${dropdownBaseId}-label`,hasPopup:getActionListContainerRole(hasFooterAction,dropdownTriggerer),isPopupExpanded:isOpen,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined,popupId:`${dropdownBaseId}-actionlist`,onChange:props.isSelectInput?undefined:props.onInputValueChange,onKeyDown:props.onTriggerKeydown,size:props.size,interactionElement:isAutoCompleteInHeader?null:jsx(InputChevronIcon,{onClick:function onClick(){if(!props.isDisabled){if(!isReactNative()){var _triggererRef$current2;(_triggererRef$current2=triggererRef.current)==null?void 0:_triggererRef$current2.focus();}onTriggerClick();}},isDisabled:props.isDisabled,isOpen:isOpen})});};var BaseDropdownInputTrigger=React__default.forwardRef(_BaseDropdownInputTrigger);
 
 export { BaseDropdownInputTrigger };
 //# sourceMappingURL=BaseDropdownInputTrigger.js.map