@razorpay/blade 11.23.3 → 11.24.0

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 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, SpacingValueType } 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  | 'trailingInteractionElement'\n  | 'leadingInteractionElement'\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  hasLeadingInteractionElement,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasLeadingInteractionElement?: boolean;\n  hasTrailingInteractionElement?: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n}): SpacingValueType => {\n  if (hasTrailingInteractionElement && (hasSuffix || hasTrailingIcon || hasTrailingButton)) {\n    return 'spacing.2';\n  }\n\n  if (hasTrailingInteractionElement && !hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return 'spacing.4';\n  }\n\n  if (hasLeadingInteractionElement) {\n    return 'spacing.3';\n  }\n\n  return 'spacing.0';\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  trailingInteractionElement,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon,\n  trailingButton,\n}: InputVisuals) => ({\n  hasLeadingIcon: Boolean(leadingIcon),\n  hasPrefix: Boolean(prefix),\n  hasTrailingInteractionElement: Boolean(trailingInteractionElement),\n  hasLeadingInteractionElement: Boolean(leadingInteractionElement),\n  hasSuffix: Boolean(suffix),\n  hasTrailingIcon: Boolean(trailingIcon),\n  hasTrailingButton: Boolean(trailingButton),\n});\n\nexport const BaseInputVisuals = ({\n  leadingIcon: LeadingIcon,\n  prefix,\n  trailingInteractionElement,\n  leadingInteractionElement,\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    hasSuffix,\n    hasTrailingInteractionElement,\n    hasLeadingInteractionElement,\n    hasTrailingIcon,\n    hasTrailingButton,\n  } = getInputVisualsToBeRendered({\n    leadingIcon: LeadingIcon,\n    prefix,\n    leadingInteractionElement,\n    trailingInteractionElement,\n    suffix,\n    trailingIcon: TrailingIcon,\n    trailingButton: TrailingButton,\n    size,\n  });\n\n  const hasLeadingVisuals = hasLeadingInteractionElement || hasLeadingIcon || hasPrefix;\n  const hasTrailingVisuals =\n    hasTrailingInteractionElement || 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        {hasLeadingInteractionElement ? (\n          <BaseBox\n            paddingLeft={getInteractionElementStyles({\n              hasTrailingIcon,\n              hasLeadingInteractionElement,\n              hasSuffix,\n              hasTrailingButton,\n            })}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {leadingInteractionElement}\n          </BaseBox>\n        ) : null}\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.muted'}\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        {hasTrailingInteractionElement ? (\n          <BaseBox\n            paddingRight={getInteractionElementStyles({\n              hasTrailingIcon,\n              hasTrailingInteractionElement,\n              hasSuffix,\n              hasTrailingButton,\n            })}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {trailingInteractionElement}\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            <TrailingIcon\n              size={iconSize[size]}\n              color={\n                isDisabled ? 'interactive.icon.gray.disabled' : trailingIconColor[validationState]\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","hasLeadingInteractionElement","hasTrailingInteractionElement","hasSuffix","hasTrailingButton","getSuffixStyles","_ref3","paddingRight","getTrailingIconStyles","_ref4","getInputVisualsToBeRendered","_ref5","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","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":"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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, SpacingValueType } from '~components/Box/BaseBox';\nimport type { IconColors } from '~components/Icons';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { Tooltip } from '~components/Tooltip';\nimport { Box } from '~components/Box';\n\ntype InputVisuals = Pick<\n  BaseInputProps,\n  | 'leadingIcon'\n  | 'prefix'\n  | 'trailingInteractionElement'\n  | 'leadingInteractionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'isDisabled'\n  | 'validationState'\n  | 'size'\n  | 'trailingButton'\n  | 'isTableInputCell'\n  | 'errorText'\n  | 'successText'\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  hasLeadingInteractionElement,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasLeadingInteractionElement?: boolean;\n  hasTrailingInteractionElement?: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n}): SpacingValueType => {\n  if (hasTrailingInteractionElement && (hasSuffix || hasTrailingIcon || hasTrailingButton)) {\n    return 'spacing.2';\n  }\n\n  if (hasTrailingInteractionElement && !hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return 'spacing.4';\n  }\n\n  if (hasLeadingInteractionElement) {\n    return 'spacing.3';\n  }\n\n  return 'spacing.0';\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  trailingInteractionElement,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon,\n  trailingButton,\n}: InputVisuals) => ({\n  hasLeadingIcon: Boolean(leadingIcon),\n  hasPrefix: Boolean(prefix),\n  hasTrailingInteractionElement: Boolean(trailingInteractionElement),\n  hasLeadingInteractionElement: Boolean(leadingInteractionElement),\n  hasSuffix: Boolean(suffix),\n  hasTrailingIcon: Boolean(trailingIcon),\n  hasTrailingButton: Boolean(trailingButton),\n});\n\nconst getTooltipContent = ({\n  validationState,\n  errorText,\n  successText,\n}: {\n  validationState: BaseInputProps['validationState'];\n  errorText: BaseInputProps['errorText'];\n  successText: BaseInputProps['errorText'];\n}): string => {\n  if (validationState === 'error' && errorText) {\n    return errorText;\n  }\n\n  if (validationState === 'success' && successText) {\n    return successText;\n  }\n\n  return '';\n};\n\nconst ValidationIconTooltip = ({\n  children,\n  validationState,\n  errorText,\n  successText,\n  isTableInputCell,\n}: {\n  children: ReactElement;\n  validationState: BaseInputProps['validationState'];\n  errorText: BaseInputProps['errorText'];\n  successText: BaseInputProps['errorText'];\n  isTableInputCell: BaseInputProps['isTableInputCell'];\n}) => {\n  if (\n    (isTableInputCell && validationState === 'error' && errorText) ||\n    (validationState === 'success' && successText)\n  ) {\n    return (\n      <Tooltip content={getTooltipContent({ validationState, errorText, successText })}>\n        <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          {children}\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  return children;\n};\n\nexport const BaseInputVisuals = ({\n  leadingIcon: LeadingIcon,\n  prefix,\n  trailingInteractionElement,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon: TrailingIcon,\n  isDisabled,\n  validationState = 'none',\n  size,\n  isTableInputCell,\n  errorText,\n  successText,\n  trailingButton: TrailingButton,\n}: InputVisuals): ReactElement | null => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasSuffix,\n    hasTrailingInteractionElement,\n    hasLeadingInteractionElement,\n    hasTrailingIcon,\n    hasTrailingButton,\n  } = getInputVisualsToBeRendered({\n    leadingIcon: LeadingIcon,\n    prefix,\n    leadingInteractionElement,\n    trailingInteractionElement,\n    suffix,\n    trailingIcon: TrailingIcon,\n    trailingButton: TrailingButton,\n    size,\n  });\n\n  const hasLeadingVisuals = hasLeadingInteractionElement || hasLeadingIcon || hasPrefix;\n  const hasTrailingVisuals =\n    hasTrailingInteractionElement || 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        {hasLeadingInteractionElement ? (\n          <BaseBox\n            paddingLeft={getInteractionElementStyles({\n              hasTrailingIcon,\n              hasLeadingInteractionElement,\n              hasSuffix,\n              hasTrailingButton,\n            })}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {leadingInteractionElement}\n          </BaseBox>\n        ) : null}\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.muted'}\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        {hasTrailingInteractionElement ? (\n          <BaseBox\n            paddingRight={getInteractionElementStyles({\n              hasTrailingIcon,\n              hasTrailingInteractionElement,\n              hasSuffix,\n              hasTrailingButton,\n            })}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {trailingInteractionElement}\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            justifyContent=\"center\"\n            alignItems=\"center\"\n            {...getTrailingIconStyles({ hasTrailingIcon, hasTrailingButton })}\n          >\n            <ValidationIconTooltip\n              isTableInputCell={isTableInputCell}\n              errorText={errorText}\n              successText={successText}\n              validationState={validationState}\n            >\n              <TrailingIcon\n                size={iconSize[size]}\n                color={\n                  isDisabled ? 'interactive.icon.gray.disabled' : trailingIconColor[validationState]\n                }\n              />\n            </ValidationIconTooltip>\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","hasLeadingInteractionElement","hasTrailingInteractionElement","hasSuffix","hasTrailingButton","getSuffixStyles","_ref3","paddingRight","getTrailingIconStyles","_ref4","getInputVisualsToBeRendered","_ref5","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","trailingButton","Boolean","getTooltipContent","_ref6","validationState","errorText","successText","ValidationIconTooltip","_ref7","children","isTableInputCell","_jsx","Tooltip","content","Box","justifyContent","BaseInputVisuals","_ref8","LeadingIcon","TrailingIcon","isDisabled","_ref8$validationState","size","TrailingButton","_getInputVisualsToBeR","hasLeadingVisuals","hasTrailingVisuals","__DEV__","isValidAllowedChildren","throwBladeError","message","moduleName","_jsxs","BaseBox","Object","assign","color","Text","variant","weight","React","cloneElement"],"mappings":"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"}

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

@@ -3,7 +3,7 @@ import React__default from 'react';
 import { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper.native.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","numberOfLines"];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,numberOfLines=_ref.numberOfLines,props=_objectWithoutProperties(_ref,_excluded);return jsx(AnimatedBaseInputWrapper,Object.assign({ref:ref,isTextArea:isTextArea,validationState:validationState,currentInteraction:currentInteraction,showAllTags:showAllTags,maxTagRows:maxTagRows,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation,numberOfLines:numberOfLines},props,{children:children}));};var BaseInputWrapper=React__default.forwardRef(_BaseInputWrapper);
+var _excluded=["children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","numberOfLines","isTableInputCell"];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,numberOfLines=_ref.numberOfLines,isTableInputCell=_ref.isTableInputCell,props=_objectWithoutProperties(_ref,_excluded);return jsx(AnimatedBaseInputWrapper,Object.assign({ref:ref,isTextArea:isTextArea,validationState:validationState,currentInteraction:currentInteraction,showAllTags:showAllTags,maxTagRows:maxTagRows,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation,numberOfLines:numberOfLines,isTableInputCell:isTableInputCell},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 { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper';\nimport type { BaseInputWrapperProps } from './types';\nimport type { ContainerElementType } from '~utils/types';\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    numberOfLines,\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      numberOfLines={numberOfLines}\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","numberOfLines","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,eAAA,CAAA,CAKA,IAAMA,iBAKL,CAAG,SALEA,iBAKLA,CAAAC,IAAA,CAaCC,GAAG,CACc,CAZf,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,CACVC,aAAa,CAAAV,IAAA,CAAbU,aAAa,CACVC,KAAK,CAAAC,wBAAA,CAAAZ,IAAA,CAAAa,SAAA,EAIV,OACEC,GAAA,CAACC,wBAAwB,CAAAC,MAAA,CAAAC,MAAA,CAAA,CAEvBhB,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,CACzDE,aAAa,CAAEA,aAAc,EACzBC,KAAK,CAAA,CAAAT,QAAA,CAERA,QAAQ,CACe,CAAA,CAAC,CAE/B,CAAC,CAEY,IAAAgB,gBAAgB,CAAGC,cAAK,CAACC,UAAU,CAACrB,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 { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper';\nimport type { BaseInputWrapperProps } from './types';\nimport type { ContainerElementType } from '~utils/types';\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    numberOfLines,\n    isTableInputCell,\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      numberOfLines={numberOfLines}\n      isTableInputCell={isTableInputCell}\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","numberOfLines","isTableInputCell","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,eAAA,CAAA,kBAAA,CAAA,CAKA,IAAMA,iBAKL,CAAG,SALEA,iBAKLA,CAAAC,IAAA,CAcCC,GAAG,CACc,CAbf,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,CACVC,aAAa,CAAAV,IAAA,CAAbU,aAAa,CACbC,gBAAgB,CAAAX,IAAA,CAAhBW,gBAAgB,CACbC,KAAK,CAAAC,wBAAA,CAAAb,IAAA,CAAAc,SAAA,EAIV,OACEC,GAAA,CAACC,wBAAwB,CAAAC,MAAA,CAAAC,MAAA,CAAA,CAEvBjB,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,CACzDE,aAAa,CAAEA,aAAc,CAC7BC,gBAAgB,CAAEA,gBAAiB,CAC/BC,CAAAA,KAAK,CAAAV,CAAAA,QAAA,CAERA,QAAQ,CAAA,CACe,CAAC,CAE/B,CAAC,CAEY,IAAAiB,gBAAgB,CAAGC,cAAK,CAACC,UAAU,CAACtB,iBAAiB;;;;"}

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

@@ -19,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","$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,isDropdownTrigger=_ref.isDropdownTrigger,size$1=_ref.size;if(isTextArea){var lines=isDropdownTrigger?1:numberOfLines!=null?numberOfLines:0;return `${baseInputHeight[size$1]*lines}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,trailingInteractionElement:props.trailingInteractionElement,leadingInteractionElement:props.leadingInteractionElement,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,isDropdownTrigger:props.isDropdownTrigger,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,trailingInteractionElement=_ref2.trailingInteractionElement,leadingInteractionElement=_ref2.leadingInteractionElement,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,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,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,trailingInteractionElement=_ref3.trailingInteractionElement,leadingInteractionElement=_ref3.leadingInteractionElement,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,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,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'});
+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,isDropdownTrigger=_ref.isDropdownTrigger,size$1=_ref.size;if(isTextArea){var lines=isDropdownTrigger?1:numberOfLines!=null?numberOfLines:0;return `${baseInputHeight[size$1]*lines}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,trailingInteractionElement:props.trailingInteractionElement,leadingInteractionElement:props.leadingInteractionElement,suffix:props.suffix,trailingIcon:props.trailingIcon,isTextArea:props.isTextArea,hasTags:props.hasTags,isDropdownTrigger:props.isDropdownTrigger,size:props.$size,valueComponentType:props.valueComponentType,isTableInputCell:props.isTableInputCell}),{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,isDropdownTrigger:props.isDropdownTrigger,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,trailingInteractionElement=_ref2.trailingInteractionElement,leadingInteractionElement=_ref2.leadingInteractionElement,suffix=_ref2.suffix,trailingIcon=_ref2.trailingIcon,isTextArea=_ref2.isTextArea,numberOfLines=_ref2.numberOfLines,isDropdownTrigger=_ref2.isDropdownTrigger,hasTags=_ref2.hasTags,$size=_ref2.$size,isTableInputCell=_ref2.isTableInputCell,valueComponentType=_ref2.valueComponentType;return getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,hasTags:hasTags,isDropdownTrigger:isDropdownTrigger,$size:$size,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell});});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,trailingInteractionElement=_ref3.trailingInteractionElement,leadingInteractionElement=_ref3.leadingInteractionElement,suffix=_ref3.suffix,trailingIcon=_ref3.trailingIcon,isTextArea=_ref3.isTextArea,numberOfLines=_ref3.numberOfLines,isDropdownTrigger=_ref3.isDropdownTrigger,hasTags=_ref3.hasTags,$size=_ref3.$size,isTableInputCell=_ref3.isTableInputCell,valueComponentType=_ref3.valueComponentType;return Object.assign({},getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,isDropdownTrigger:isDropdownTrigger,hasTags:hasTags,$size:$size,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell}));});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  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  isDropdownTrigger,\n  size,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines' | 'isDropdownTrigger'> & {\n  size: NonNullable<BaseInputProps['size']>;\n}): string | undefined => {\n  if (isTextArea) {\n    const lines = isDropdownTrigger ? 1 : numberOfLines ?? 0;\n    return `${baseInputHeight[size] * lines}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      trailingInteractionElement: props.trailingInteractionElement,\n      leadingInteractionElement: props.leadingInteractionElement,\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      isDropdownTrigger: props.isDropdownTrigger,\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    trailingInteractionElement,\n    leadingInteractionElement,\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      trailingInteractionElement,\n      leadingInteractionElement,\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    trailingInteractionElement,\n    leadingInteractionElement,\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      trailingInteractionElement,\n      leadingInteractionElement,\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","isDropdownTrigger","size","lines","baseInputHeight","undefined","makeSize","sizeToken","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","$size","valueComponentType","lineHeight","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  isDropdownTrigger,\n  size,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines' | 'isDropdownTrigger'> & {\n  size: NonNullable<BaseInputProps['size']>;\n}): string | undefined => {\n  if (isTextArea) {\n    const lines = isDropdownTrigger ? 1 : numberOfLines ?? 0;\n    return `${baseInputHeight[size] * lines}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      trailingInteractionElement: props.trailingInteractionElement,\n      leadingInteractionElement: props.leadingInteractionElement,\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      isTableInputCell: props.isTableInputCell,\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      isDropdownTrigger: props.isDropdownTrigger,\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    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    isTableInputCell,\n    valueComponentType,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      trailingInteractionElement,\n      leadingInteractionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      hasTags,\n      isDropdownTrigger,\n      $size,\n      valueComponentType,\n      isTableInputCell,\n    }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    isTableInputCell,\n    valueComponentType,\n  }) => ({\n    ...getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      trailingInteractionElement,\n      leadingInteractionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      isDropdownTrigger,\n      hasTags,\n      $size,\n      valueComponentType,\n      isTableInputCell,\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","isDropdownTrigger","size","lines","baseInputHeight","undefined","makeSize","sizeToken","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","$size","valueComponentType","isTableInputCell","lineHeight","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,5 @@
 import { getBaseInputBorderStyles } from './getBaseInputBorderStyles.native.js';
-import { baseInputBackgroundColor, baseInputBorderColor, baseInputBorderWidth, baseInputPaddingTokens, baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens.js';
+import { baseInputBorderColor, baseInputBorderWidth, baseInputBorderlessBackgroundColor, baseInputBackgroundColor, baseInputPaddingTokens, baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens.js';
 import { getInputVisualsToBeRendered } from './BaseInputVisuals.js';
 import getTextStyles from '../../Typography/Text/getTextStyles.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
@@ -12,7 +12,7 @@ import '../../BladeProvider/useTheme.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
 import getHeadingStyles from '../../Typography/Heading/getHeadingStyles.js';
 
-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&&!isTextArea?'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,hasTrailingInteractionElement=_ref4.hasTrailingInteractionElement,hasSuffix=_ref4.hasSuffix,hasTrailingIcon=_ref4.hasTrailingIcon,size=_ref4.size;if(hasTrailingInteractionElement||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,trailingInteractionElement=_ref5.trailingInteractionElement,leadingInteractionElement=_ref5.leadingInteractionElement,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,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,size:size}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasTrailingInteractionElement=_getInputVisualsToBeR.hasTrailingInteractionElement,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,hasTrailingInteractionElement:hasTrailingInteractionElement,hasSuffix:hasSuffix,hasTrailingIcon:hasTrailingIcon,size:size}),textAlign:textAlign,width:'100%',height:isTextArea||isDropdownWithTags?undefined:makeSpace(baseInputHeight[size]),minHeight:isTextArea||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];};
+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,isTableInputCell=_ref2.isTableInputCell;var backgroundColorTokens=isTableInputCell?baseInputBorderlessBackgroundColor:baseInputBackgroundColor;var backgroundColor=getIn(theme.colors,backgroundColorTokens.default);var borderColor=isTableInputCell?theme.colors.transparent: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,backgroundColorTokens[baseInputState]);borderColor=isTableInputCell&&baseInputState!=='focused'?theme.colors.transparent:getIn(theme.colors,baseInputBorderColor[baseInputState]);borderWidth=getIn(theme.border.width,baseInputBorderWidth[baseInputState]);if(!isTableInputCell&&validationState&&validationState!=='none'){borderColor=getIn(theme.colors,baseInputBorderColor[validationState]);borderWidth=getIn(theme.border.width,baseInputBorderWidth[validationState]);}else if(validationState&&validationState!=='none'){backgroundColor=getIn(theme.colors,baseInputBorderlessBackgroundColor[validationState]);}return Object.assign({backgroundColor:backgroundColor,borderRadius:makeBorderSize(isTableInputCell?theme.border.radius.none:theme.border.radius.medium),borderStyle:'solid',display:'flex',flexDirection:'row',width:'100%',alignItems:isTextArea?'flex-start':undefined,position:'relative',height:isDropdownTrigger&&!isTextArea?'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,hasTrailingInteractionElement=_ref4.hasTrailingInteractionElement,hasSuffix=_ref4.hasSuffix,hasTrailingIcon=_ref4.hasTrailingIcon,size=_ref4.size;if(hasTrailingInteractionElement||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,trailingInteractionElement=_ref5.trailingInteractionElement,leadingInteractionElement=_ref5.leadingInteractionElement,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,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,size:size}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasTrailingInteractionElement=_getInputVisualsToBeR.hasTrailingInteractionElement,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:theme.colors.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,hasTrailingInteractionElement:hasTrailingInteractionElement,hasSuffix:hasSuffix,hasTrailingIcon:hasTrailingIcon,size:size}),textAlign:textAlign,width:'100%',height:isTextArea||isDropdownWithTags?undefined:makeSpace(baseInputHeight[size]),minHeight:isTextArea||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 { 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 { getBaseInputBorderStyles } from './getBaseInputBorderStyles';\nimport {\n  baseInputBackgroundColor,\n  baseInputBorderColor,\n  baseInputBorderWidth,\n  baseInputHeight,\n  baseInputPaddingTokens,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\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  | 'trailingInteractionElement'\n  | 'leadingInteractionElement'\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 && !isTextArea ? '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  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingIcon,\n  size,\n}: {\n  theme: Theme;\n  hasTrailingInteractionElement: boolean;\n  hasSuffix: boolean;\n  hasTrailingIcon: boolean;\n  size: GetInputStyles['size'];\n}): number => {\n  if (hasTrailingInteractionElement || 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  trailingInteractionElement,\n  leadingInteractionElement,\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    hasTrailingInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\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      hasTrailingInteractionElement,\n      hasSuffix,\n      hasTrailingIcon,\n      size,\n    }),\n\n    textAlign,\n    width: '100%',\n    height: isTextArea || isDropdownWithTags ? undefined : makeSpace(baseInputHeight[size]),\n    minHeight: isTextArea || 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","hasTrailingInteractionElement","hasSuffix","hasTrailingIcon","right","getBaseInputStyles","_ref5","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","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":"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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 { getBaseInputBorderStyles } from './getBaseInputBorderStyles';\nimport {\n  baseInputBackgroundColor,\n  baseInputBorderColor,\n  baseInputBorderWidth,\n  baseInputBorderlessBackgroundColor,\n  baseInputHeight,\n  baseInputPaddingTokens,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\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  | 'trailingInteractionElement'\n  | 'leadingInteractionElement'\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  isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\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  isTableInputCell,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n  | 'isTableInputCell'\n>): CSSObject => {\n  // normal state\n  const backgroundColorTokens = isTableInputCell\n    ? baseInputBorderlessBackgroundColor\n    : baseInputBackgroundColor;\n  let backgroundColor = getIn(theme.colors, backgroundColorTokens.default);\n  let borderColor = isTableInputCell\n    ? theme.colors.transparent\n    : 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, backgroundColorTokens[baseInputState]);\n  borderColor =\n    isTableInputCell && baseInputState !== 'focused'\n      ? theme.colors.transparent\n      : getIn(theme.colors, baseInputBorderColor[baseInputState]);\n  borderWidth = getIn(theme.border.width, baseInputBorderWidth[baseInputState]);\n\n  if (!isTableInputCell && validationState && validationState !== 'none') {\n    borderColor = getIn(theme.colors, baseInputBorderColor[validationState]);\n    borderWidth = getIn(theme.border.width, baseInputBorderWidth[validationState]);\n  } else if (validationState && validationState !== 'none') {\n    backgroundColor = getIn(theme.colors, baseInputBorderlessBackgroundColor[validationState]);\n  }\n\n  return {\n    backgroundColor,\n    borderRadius: makeBorderSize(\n      isTableInputCell ? theme.border.radius.none : theme.border.radius.medium,\n    ),\n    borderStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : undefined,\n    position: 'relative',\n    height: isDropdownTrigger && !isTextArea ? '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  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingIcon,\n  size,\n}: {\n  theme: Theme;\n  hasTrailingInteractionElement: boolean;\n  hasSuffix: boolean;\n  hasTrailingIcon: boolean;\n  size: GetInputStyles['size'];\n}): number => {\n  if (hasTrailingInteractionElement || 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  trailingInteractionElement,\n  leadingInteractionElement,\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    hasTrailingInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\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: theme.colors.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      hasTrailingInteractionElement,\n      hasSuffix,\n      hasTrailingIcon,\n      size,\n    }),\n\n    textAlign,\n    width: '100%',\n    height: isTextArea || isDropdownWithTags ? undefined : makeSpace(baseInputHeight[size]),\n    minHeight: isTextArea || 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","isTableInputCell","backgroundColorTokens","baseInputBorderlessBackgroundColor","baseInputBackgroundColor","backgroundColor","getIn","colors","default","borderColor","transparent","baseInputBorderColor","borderWidth","border","width","baseInputBorderWidth","baseInputState","Object","assign","borderRadius","makeBorderSize","radius","none","medium","borderStyle","display","flexDirection","alignItems","undefined","position","height","getBaseInputBorderStyles","getLeftPadding","_ref3","hasLeadingIcon","hasPrefix","size","spacing","baseInputPaddingTokens","left","getRightPadding","_ref4","hasTrailingInteractionElement","hasSuffix","hasTrailingIcon","right","getBaseInputStyles","_ref5","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","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":"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"}

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

@@ -2,7 +2,7 @@ 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};
+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 baseInputBorderlessBackgroundColor={default:'transparent',hovered:'surface.background.gray.moderate',focused:'surface.background.gray.moderate',disabled:'surface.background.gray.intense',error:'feedback.background.negative.subtle',success:'feedback.background.positive.subtle'};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 };
+export { BASEINPUT_MAX_ROWS, baseInputBackgroundColor, baseInputBorderBackgroundMotion, baseInputBorderColor, baseInputBorderWidth, baseInputBorderlessBackgroundColor, baseInputHeight, baseInputPaddingTokens, baseInputWrapperMaxHeight, formHintLeftLabelMarginLeft };
 //# sourceMappingURL=baseInputTokens.js.map

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

@@ -1 +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;;;;"}
+{"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 baseInputBorderlessBackgroundColor = {\n  default: 'transparent',\n  hovered: 'surface.background.gray.moderate',\n  focused: 'surface.background.gray.moderate',\n  disabled: 'surface.background.gray.intense',\n  error: 'feedback.background.negative.subtle',\n  success: 'feedback.background.positive.subtle',\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","baseInputBorderlessBackgroundColor","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,kCAAkC,CAAG,CAChDP,OAAO,CAAE,aAAa,CACtBC,OAAO,CAAE,kCAAkC,CAC3CC,OAAO,CAAE,kCAAkC,CAC3CC,QAAQ,CAAE,iCAAiC,CAC3CC,KAAK,CAAE,qCAAqC,CAC5CC,OAAO,CAAE,qCACX,EAEa,IAAAG,oBAAoB,CAAG,CAClCR,OAAO,CAAE,MAAM,CACfC,OAAO,CAAE,MAAM,CACfE,QAAQ,CAAE,MAAM,CAChBD,OAAO,CAAE,OAAO,CAChBE,KAAK,CAAE,OAAO,CACdC,OAAO,CAAE,OACX,EAEa,IAAAI,+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,CACHpB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CAAC,CACDmB,MAAM,CAAE,CACNrB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CAAC,CACDoB,IAAI,CAAE,CACJtB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CAAC,CACDqB,KAAK,CAAE,CACLvB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CACF,EAKa,IAAAsB,2BAA2B,CAAG,CACzCxB,MAAM,CAAE,GAAG,CACXE,KAAK,CAAE,GACT;;;;"}

package/build/lib/native/components/Table/TableBody.native.js

@@ -10,7 +10,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
 
-var TableBody=function TableBody(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};var TableRow=function TableRow(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};var TableCell=function TableCell(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};
+var TableBody=function TableBody(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};var TableRow=function TableRow(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};var TableCell=function TableCell(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};var TableEditableCell=function TableEditableCell(props){return jsx(Text,{children:"Table Component is not available for Native mobile apps."});};
 
-export { TableBody, TableCell, TableRow };
+export { TableBody, TableCell, TableEditableCell, TableRow };
 //# sourceMappingURL=TableBody.native.js.map

package/build/lib/native/components/Table/TableBody.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.native.js","sources":["../../../../../src/components/Table/TableBody.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { TableBodyProps, TableCellProps, TableRowProps } from './types';\nimport { Text } from '~components/Typography';\n\nconst TableBody = (props: TableBodyProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableRow = (props: TableRowProps<unknown>): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableCell = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TableBody, TableRow, TableCell };\n"],"names":["TableBody","props","_jsx","Text","children","TableRow","TableCell"],"mappings":";;;;;;;;;;;;AAMM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,KAAqB,CAAyB,CAC/D,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,CAAIJ,KAA6B,CAAyB,CACtE,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAE,SAAS,CAAG,SAAZA,SAASA,CAAIL,KAAqB,CAAyB,CAC/D,OAAOC,GAAA,CAACC,IAAI,EAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}
+{"version":3,"file":"TableBody.native.js","sources":["../../../../../src/components/Table/TableBody.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type {\n  TableBodyProps,\n  TableCellProps,\n  TableEditableCellProps,\n  TableRowProps,\n} from './types';\nimport { Text } from '~components/Typography';\n\nconst TableBody = (props: TableBodyProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableRow = (props: TableRowProps<unknown>): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableCell = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableEditableCell = (props: TableEditableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TableBody, TableRow, TableCell, TableEditableCell };\n"],"names":["TableBody","props","_jsx","Text","children","TableRow","TableCell","TableEditableCell"],"mappings":";;;;;;;;;;;;AAWM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,KAAqB,CAAyB,CAC/D,OAAOC,GAAA,CAACC,IAAI,EAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,CAAIJ,KAA6B,CAAyB,CACtE,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAE,SAAS,CAAG,SAAZA,SAASA,CAAIL,KAAqB,CAAyB,CAC/D,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAG,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAIN,KAA6B,CAAyB,CAC/E,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}

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

@@ -434,7 +434,7 @@ export { StepItemIcon, StepItemIndicator } from './StepGroup/StepItemMarker.js';
 export { Switch } from './Switch/Switch.js';
 export { Table } from './Table/Table.native.js';
 export { TableHeader, TableHeaderCell, TableHeaderRow } from './Table/TableHeader.native.js';
-export { TableBody, TableCell, TableRow } from './Table/TableBody.native.js';
+export { TableBody, TableCell, TableEditableCell, TableRow } from './Table/TableBody.native.js';
 export { TableFooter, TableFooterCell, TableFooterRow } from './Table/TableFooter.native.js';
 export { TableToolbar, TableToolbarActions } from './Table/TablePagination.native.js';
 export { TablePagination } from './Table/TableToolbar.native.js';

package/build/lib/web/development/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js

@@ -28,7 +28,8 @@ var StyledBaseInputWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
     isDisabled: props.isDisabled,
     validationState: props.validationState,
     isTextArea: props.isTextArea,
-    isDropdownTrigger: props.isDropdownTrigger
+    isDropdownTrigger: props.isDropdownTrigger,
+    isTableInputCell: props.isTableInputCell
   })), {}, {
     '&:hover': _objectSpread(_objectSpread({}, getInputBackgroundAndBorderStyles({
       theme: props.theme,
@@ -37,7 +38,8 @@ var StyledBaseInputWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
       isDisabled: props.isDisabled,
       validationState: props.validationState,
       isDropdownTrigger: props.isDropdownTrigger,
-      isTextArea: props.isTextArea
+      isTextArea: props.isTextArea,
+      isTableInputCell: props.isTableInputCell
     })), {}, {
       transitionProperty: 'background-color',
       transitionDuration: castWebType(makeMotionTime(props.theme.motion.duration.xquick)),
@@ -49,7 +51,8 @@ var StyledBaseInputWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
       isDisabled: props.isDisabled,
       validationState: props.validationState,
       isDropdownTrigger: props.isDropdownTrigger,
-      isTextArea: props.isTextArea
+      isTextArea: props.isTextArea,
+      isTableInputCell: props.isTableInputCell
     }))
   });
 });
@@ -94,7 +97,8 @@ var _AnimatedBaseInputWrapper = function _AnimatedBaseInputWrapper(_ref, ref) {
         // Triggered for the collapse animation
         setShowAllTagsWithAnimation === null || setShowAllTagsWithAnimation === void 0 ? void 0 : setShowAllTagsWithAnimation(false);
       }
-    }
+    },
+    isTableInputCell: rest.isTableInputCell
   }));
 };
 var AnimatedBaseInputWrapper = /*#__PURE__*/React__default.forwardRef(_AnimatedBaseInputWrapper);