@razorpay/blade 12.98.0 → 12.110.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 { inputDropdownButtonPadding } from './baseInputTokens';\nimport { throwBladeError } from '~utils/logger';\nimport { isReactNative } from '~utils';\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 { Tooltip } from '~components/Tooltip';\nimport { Box } from '~components/Box';\n\ntype InputVisuals = Pick<\n  BaseInputProps,\n  | 'leadingIcon'\n  | 'prefix'\n  | 'trailingInteractionElement'\n  | 'onTrailingInteractionElementClick'\n  | 'leadingInteractionElement'\n  | 'leadingDropDown'\n  | 'trailingDropDown'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'isDisabled'\n  | 'validationState'\n  | 'size'\n  | 'trailingButton'\n  | 'showHintsAsTooltip'\n  | 'errorText'\n  | 'successText'\n> & {\n  size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getVisualContainerStyles = ({\n  shouldStretch,\n}: {\n  shouldStretch?: boolean;\n} = {}): Pick<BaseBoxProps, 'display' | 'flexDirection' | 'alignItems' | 'alignSelf'> => ({\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n  alignSelf: shouldStretch ? 'stretch' : '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  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst textSize = {\n  xsmall: 'small',\n  small: 'small',\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  hasLeadingDropDown,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingButton,\n  hasTrailingDropDown,\n}: {\n  hasTrailingIcon: boolean;\n  hasLeadingInteractionElement?: boolean;\n  hasLeadingDropDown?: boolean;\n  hasTrailingInteractionElement?: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n  hasTrailingDropDown?: boolean;\n}): SpacingValueType => {\n  if (hasTrailingInteractionElement && (hasSuffix || hasTrailingIcon || hasTrailingButton)) {\n    return 'spacing.2';\n  }\n\n  if (hasLeadingDropDown || hasTrailingDropDown) {\n    return 'spacing.2';\n  }\n\n  if (hasTrailingInteractionElement && !hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return 'spacing.4';\n  }\n\n  if (hasLeadingInteractionElement) {\n    return 'spacing.2';\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  leadingDropDown,\n  trailingDropDown,\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  hasLeadingDropDown: Boolean(leadingDropDown),\n  hasTrailingDropDown: Boolean(trailingDropDown),\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  showHintsAsTooltip,\n}: {\n  children: ReactElement;\n  validationState: BaseInputProps['validationState'];\n  errorText: BaseInputProps['errorText'];\n  successText: BaseInputProps['errorText'];\n  showHintsAsTooltip: BaseInputProps['showHintsAsTooltip'];\n}) => {\n  if (\n    (showHintsAsTooltip && 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  onTrailingInteractionElementClick,\n  leadingDropDown,\n  trailingDropDown,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon: TrailingIcon,\n  isDisabled,\n  validationState = 'none',\n  size,\n  showHintsAsTooltip,\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    hasLeadingDropDown,\n    hasTrailingDropDown,\n  } = getInputVisualsToBeRendered({\n    leadingIcon: LeadingIcon,\n    prefix,\n    leadingInteractionElement,\n    trailingInteractionElement,\n    suffix,\n    trailingIcon: TrailingIcon,\n    trailingButton: TrailingButton,\n    leadingDropDown,\n    trailingDropDown,\n    size,\n  });\n\n  const hasLeadingVisuals =\n    hasLeadingInteractionElement || hasLeadingIcon || hasPrefix || hasLeadingDropDown;\n  const hasTrailingVisuals =\n    hasTrailingInteractionElement ||\n    hasSuffix ||\n    hasTrailingIcon ||\n    hasTrailingButton ||\n    hasTrailingDropDown;\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({ shouldStretch: hasLeadingDropDown })}>\n        {hasLeadingInteractionElement ? (\n          <BaseBox\n            paddingLeft={getInteractionElementStyles({\n              hasTrailingIcon,\n              hasLeadingInteractionElement,\n              hasSuffix,\n              hasTrailingButton,\n            })}\n            paddingY={`spacing.${inputDropdownButtonPadding[size]}`}\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.muted'}\n            >\n              {prefix}\n            </Text>\n          </BaseBox>\n        ) : null}\n        {leadingDropDown ? (\n          <BaseBox\n            paddingLeft={`spacing.${inputDropdownButtonPadding[size]}`}\n            paddingY={`spacing.${inputDropdownButtonPadding[size]}`}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {leadingDropDown}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  if (hasTrailingVisuals) {\n    return (\n      <BaseBox\n        {...getVisualContainerStyles({\n          shouldStretch:\n            (hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick)) ||\n            hasTrailingDropDown,\n        })}\n      >\n        {hasTrailingInteractionElement ? (\n          <BaseBox\n            {...getVisualContainerStyles({\n              shouldStretch:\n                hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n            })}\n          >\n            <BaseBox\n              paddingRight={getInteractionElementStyles({\n                hasTrailingIcon,\n                hasTrailingInteractionElement,\n                hasSuffix,\n                hasTrailingButton,\n                hasTrailingDropDown,\n              })}\n              display=\"flex\"\n              alignItems=\"stretch\"\n              alignSelf=\"stretch\"\n              {...(!isReactNative() && { onClick: onTrailingInteractionElementClick })}\n            >\n              {trailingInteractionElement}\n            </BaseBox>\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              showHintsAsTooltip={showHintsAsTooltip}\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        {hasTrailingDropDown ? (\n          <BaseBox\n            paddingRight={`spacing.${inputDropdownButtonPadding[size]}`}\n            paddingY={`spacing.${inputDropdownButtonPadding[size]}`}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {trailingDropDown}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  return null;\n};\n"],"names":["getVisualContainerStyles","_ref","arguments","length","undefined","shouldStretch","display","flexDirection","alignItems","alignSelf","trailingIconColor","none","error","success","iconSize","xsmall","small","medium","large","textSize","getPrefixStyles","_ref2","hasLeadingIcon","hasPrefix","paddingLeft","getInteractionElementStyles","_ref3","hasTrailingIcon","hasLeadingInteractionElement","hasLeadingDropDown","hasTrailingInteractionElement","hasSuffix","hasTrailingButton","hasTrailingDropDown","getSuffixStyles","_ref4","paddingRight","getTrailingIconStyles","_ref5","getInputVisualsToBeRendered","_ref6","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","trailingButton","leadingDropDown","trailingDropDown","Boolean","getTooltipContent","_ref7","validationState","errorText","successText","ValidationIconTooltip","_ref8","children","showHintsAsTooltip","_jsx","Tooltip","content","Box","justifyContent","BaseInputVisuals","_ref9","LeadingIcon","onTrailingInteractionElementClick","TrailingIcon","isDisabled","_ref9$validationState","size","TrailingButton","_getInputVisualsToBeR","hasLeadingVisuals","hasTrailingVisuals","__DEV__","isValidAllowedChildren","throwBladeError","message","moduleName","_jsxs","BaseBox","Object","assign","paddingY","inputDropdownButtonPadding","color","Text","variant","weight","isReactNative","onClick","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 { inputDropdownButtonPadding } from './baseInputTokens';\nimport { throwBladeError, logger } from '~utils/logger';\nimport { isReactNative } from '~utils';\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 { Tooltip } from '~components/Tooltip';\nimport { Box } from '~components/Box';\n\ntype InputVisuals = Pick<\n  BaseInputProps,\n  | 'leadingIcon'\n  | 'prefix'\n  | 'trailingInteractionElement'\n  | 'onTrailingInteractionElementClick'\n  | 'leadingInteractionElement'\n  | 'leadingDropDown'\n  | 'trailingDropDown'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'isDisabled'\n  | 'validationState'\n  | 'size'\n  | 'trailingButton'\n  | 'showHintsAsTooltip'\n  | 'errorText'\n  | 'successText'\n  | 'validationTextPlacement'\n> & {\n  size: NonNullable<BaseInputProps['size']>;\n  errorTextId?: string;\n  successTextId?: string;\n};\n\nconst getVisualContainerStyles = ({\n  shouldStretch,\n}: {\n  shouldStretch?: boolean;\n} = {}): Pick<BaseBoxProps, 'display' | 'flexDirection' | 'alignItems' | 'alignSelf'> => ({\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n  alignSelf: shouldStretch ? 'stretch' : '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  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst textSize = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst validationTextSize = {\n  xsmall: 'xsmall',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst validationTextColor = {\n  success: 'feedback.text.positive.intense',\n  error: 'feedback.text.negative.intense',\n  none: 'surface.text.gray.subtle', // TypeScript exhaustiveness — never reached at runtime\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  hasLeadingDropDown,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingButton,\n  hasTrailingDropDown,\n}: {\n  hasTrailingIcon: boolean;\n  hasLeadingInteractionElement?: boolean;\n  hasLeadingDropDown?: boolean;\n  hasTrailingInteractionElement?: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n  hasTrailingDropDown?: boolean;\n}): SpacingValueType => {\n  if (hasTrailingInteractionElement && (hasSuffix || hasTrailingIcon || hasTrailingButton)) {\n    return 'spacing.2';\n  }\n\n  if (hasLeadingDropDown || hasTrailingDropDown) {\n    return 'spacing.2';\n  }\n\n  if (hasTrailingInteractionElement && !hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return 'spacing.4';\n  }\n\n  if (hasLeadingInteractionElement) {\n    return 'spacing.2';\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  leadingDropDown,\n  trailingDropDown,\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  hasLeadingDropDown: Boolean(leadingDropDown),\n  hasTrailingDropDown: Boolean(trailingDropDown),\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  showHintsAsTooltip,\n}: {\n  children: ReactElement;\n  validationState: BaseInputProps['validationState'];\n  errorText: BaseInputProps['errorText'];\n  successText: BaseInputProps['errorText'];\n  showHintsAsTooltip: BaseInputProps['showHintsAsTooltip'];\n}) => {\n  if (\n    (showHintsAsTooltip && 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  onTrailingInteractionElementClick,\n  leadingDropDown,\n  trailingDropDown,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon: TrailingIcon,\n  isDisabled,\n  validationState = 'none',\n  size,\n  showHintsAsTooltip,\n  errorText,\n  successText,\n  validationTextPlacement,\n  trailingButton: TrailingButton,\n  errorTextId,\n  successTextId,\n}: InputVisuals): ReactElement | null => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasSuffix,\n    hasTrailingInteractionElement,\n    hasLeadingInteractionElement,\n    hasTrailingIcon,\n    hasTrailingButton,\n    hasLeadingDropDown,\n    hasTrailingDropDown,\n  } = getInputVisualsToBeRendered({\n    leadingIcon: LeadingIcon,\n    prefix,\n    leadingInteractionElement,\n    trailingInteractionElement,\n    suffix,\n    trailingIcon: TrailingIcon,\n    trailingButton: TrailingButton,\n    leadingDropDown,\n    trailingDropDown,\n    size,\n  });\n\n  const insideValidationText =\n    validationTextPlacement === 'inside' && validationState !== 'none'\n      ? validationState === 'error'\n        ? errorText\n        : successText\n      : undefined;\n  const hasInsideValidationText = Boolean(insideValidationText);\n\n  const hasLeadingVisuals =\n    hasLeadingInteractionElement || hasLeadingIcon || hasPrefix || hasLeadingDropDown;\n  const hasTrailingVisuals =\n    hasTrailingInteractionElement ||\n    hasSuffix ||\n    hasTrailingIcon ||\n    hasTrailingButton ||\n    hasTrailingDropDown ||\n    hasInsideValidationText;\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    if (hasInsideValidationText && (hasTrailingIcon || hasTrailingButton || hasSuffix)) {\n      logger({\n        message:\n          'Using validationTextPlacement=\"inside\" with trailingIcon, trailingButton, or suffix may cause layout conflicts. Consider using validationTextPlacement=\"outside\" when trailing visuals are present.',\n        moduleName: 'BaseInput',\n        type: 'warn',\n      });\n    }\n  }\n\n  if (hasLeadingVisuals) {\n    return (\n      <BaseBox {...getVisualContainerStyles({ shouldStretch: hasLeadingDropDown })}>\n        {hasLeadingInteractionElement ? (\n          <BaseBox\n            paddingLeft={getInteractionElementStyles({\n              hasTrailingIcon,\n              hasLeadingInteractionElement,\n              hasSuffix,\n              hasTrailingButton,\n            })}\n            paddingY={`spacing.${inputDropdownButtonPadding[size]}`}\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.muted'}\n            >\n              {prefix}\n            </Text>\n          </BaseBox>\n        ) : null}\n        {leadingDropDown ? (\n          <BaseBox\n            paddingLeft={`spacing.${inputDropdownButtonPadding[size]}`}\n            paddingY={`spacing.${inputDropdownButtonPadding[size]}`}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {leadingDropDown}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  if (hasTrailingVisuals) {\n    return (\n      <BaseBox\n        {...getVisualContainerStyles({\n          shouldStretch:\n            (hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick)) ||\n            hasTrailingDropDown,\n        })}\n      >\n        {hasTrailingInteractionElement ? (\n          <BaseBox\n            {...getVisualContainerStyles({\n              shouldStretch:\n                hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n            })}\n          >\n            <BaseBox\n              paddingRight={getInteractionElementStyles({\n                hasTrailingIcon,\n                hasTrailingInteractionElement,\n                hasSuffix,\n                hasTrailingButton,\n                hasTrailingDropDown,\n              })}\n              display=\"flex\"\n              alignItems=\"stretch\"\n              alignSelf=\"stretch\"\n              {...(!isReactNative() && { onClick: onTrailingInteractionElementClick })}\n            >\n              {trailingInteractionElement}\n            </BaseBox>\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        {hasInsideValidationText ? (\n          <BaseBox\n            id={validationState === 'error' ? errorTextId : successTextId}\n            paddingRight={size === 'xsmall' || size === 'small' ? 'spacing.3' : 'spacing.4'}\n            display=\"flex\"\n            alignItems=\"center\"\n          >\n            <Text\n              size={validationTextSize[size]}\n              variant=\"body\"\n              weight=\"medium\"\n              color={validationTextColor[validationState]}\n            >\n              {insideValidationText}\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              showHintsAsTooltip={showHintsAsTooltip}\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        {hasTrailingDropDown ? (\n          <BaseBox\n            paddingRight={`spacing.${inputDropdownButtonPadding[size]}`}\n            paddingY={`spacing.${inputDropdownButtonPadding[size]}`}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {trailingDropDown}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  return null;\n};\n"],"names":["getVisualContainerStyles","_ref","arguments","length","undefined","shouldStretch","display","flexDirection","alignItems","alignSelf","trailingIconColor","none","error","success","iconSize","xsmall","small","medium","large","textSize","validationTextSize","validationTextColor","getPrefixStyles","_ref2","hasLeadingIcon","hasPrefix","paddingLeft","getInteractionElementStyles","_ref3","hasTrailingIcon","hasLeadingInteractionElement","hasLeadingDropDown","hasTrailingInteractionElement","hasSuffix","hasTrailingButton","hasTrailingDropDown","getSuffixStyles","_ref4","paddingRight","getTrailingIconStyles","_ref5","getInputVisualsToBeRendered","_ref6","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","trailingButton","leadingDropDown","trailingDropDown","Boolean","getTooltipContent","_ref7","validationState","errorText","successText","ValidationIconTooltip","_ref8","children","showHintsAsTooltip","_jsx","Tooltip","content","Box","justifyContent","BaseInputVisuals","_ref9","LeadingIcon","onTrailingInteractionElementClick","TrailingIcon","isDisabled","_ref9$validationState","size","validationTextPlacement","TrailingButton","errorTextId","successTextId","_getInputVisualsToBeR","insideValidationText","hasInsideValidationText","hasLeadingVisuals","hasTrailingVisuals","__DEV__","isValidAllowedChildren","throwBladeError","message","moduleName","logger","type","_jsxs","BaseBox","Object","assign","paddingY","inputDropdownButtonPadding","color","Text","variant","weight","isReactNative","onClick","id","React","cloneElement"],"mappings":"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"}

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

@@ -1,10 +1,11 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper.native.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import '../../Box/BaseBox/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 
-var _excluded=["children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","numberOfLines","isTableInputCell","topContent","bottomContent","inputRowOverlay"];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,topContent=_ref.topContent,bottomContent=_ref.bottomContent,inputRowOverlay=_ref.inputRowOverlay,props=_objectWithoutProperties(_ref,_excluded);var hasExtraContent=Boolean(topContent||bottomContent||inputRowOverlay);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:hasExtraContent?jsxs(BaseBox,{display:"flex",flexDirection:"column",width:"100%",children:[topContent,jsxs(BaseBox,{display:"flex",flexDirection:"row",width:"100%",alignItems:isTextArea?'flex-start':'center',position:inputRowOverlay?'relative':undefined,children:[children,inputRowOverlay]}),bottomContent]}):children}));};var BaseInputWrapper=React__default.forwardRef(_BaseInputWrapper);
+var _excluded=["children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","numberOfLines","isTableInputCell","topContent","bottomContent","inputRowOverlay"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/BaseInput/BaseInputWrapper.tsx";var _BaseInputWrapper=function _BaseInputWrapper(_ref,ref){var children=_ref.children,validationState=_ref.validationState,currentInteraction=_ref.currentInteraction,isLabelLeftPositioned=_ref.isLabelLeftPositioned,isTextArea=_ref.isTextArea,showAllTags=_ref.showAllTags,setShowAllTagsWithAnimation=_ref.setShowAllTagsWithAnimation,maxTagRows=_ref.maxTagRows,numberOfLines=_ref.numberOfLines,isTableInputCell=_ref.isTableInputCell,topContent=_ref.topContent,bottomContent=_ref.bottomContent,inputRowOverlay=_ref.inputRowOverlay,props=_objectWithoutProperties(_ref,_excluded);var hasExtraContent=Boolean(topContent||bottomContent||inputRowOverlay);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:hasExtraContent?jsxs(BaseBox,{display:"flex",flexDirection:"column",width:"100%",children:[topContent,jsxs(BaseBox,{display:"flex",flexDirection:"row",width:"100%",alignItems:isTextArea?'flex-start':'center',position:inputRowOverlay?'relative':undefined,children:[children,inputRowOverlay]}),bottomContent]}):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';\nimport BaseBox from '~components/Box/BaseBox';\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    topContent,\n    bottomContent,\n    inputRowOverlay,\n    ...props\n  },\n  ref,\n): ReactElement => {\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const hasExtraContent = Boolean(topContent || bottomContent || inputRowOverlay);\n\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      {hasExtraContent ? (\n        <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\">\n          {topContent}\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            width=\"100%\"\n            alignItems={isTextArea ? 'flex-start' : 'center'}\n            position={inputRowOverlay ? 'relative' : undefined}\n          >\n            {children}\n            {inputRowOverlay}\n          </BaseBox>\n          {bottomContent}\n        </BaseBox>\n      ) : (\n        children\n      )}\n    </AnimatedBaseInputWrapper>\n  );\n};\n\nexport const BaseInputWrapper = React.forwardRef(_BaseInputWrapper);\n"],"names":["_BaseInputWrapper","_ref","ref","children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","numberOfLines","isTableInputCell","topContent","bottomContent","inputRowOverlay","props","_objectWithoutProperties","_excluded","hasExtraContent","Boolean","_jsx","AnimatedBaseInputWrapper","Object","assign","_jsxs","BaseBox","display","flexDirection","width","alignItems","position","undefined","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,YAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,CAMA,IAAMA,iBAKL,CAAG,SALEA,iBAKLA,CAAAC,IAAA,CAiBCC,GAAG,CACc,CAhBf,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,CAChBC,UAAU,CAAAZ,IAAA,CAAVY,UAAU,CACVC,aAAa,CAAAb,IAAA,CAAba,aAAa,CACbC,eAAe,CAAAd,IAAA,CAAfc,eAAe,CACZC,KAAK,CAAAC,wBAAA,CAAAhB,IAAA,CAAAiB,SAAA,EAKV,IAAMC,eAAe,CAAGC,OAAO,CAACP,UAAU,EAAIC,aAAa,EAAIC,eAAe,CAAC,CAE/E,OACEM,GAAA,CAACC,wBAAwB,CAAAC,MAAA,CAAAC,MAAA,CAEvBtB,CAAAA,GAAG,CAAEA,GAAW,CAChBK,UAAU,CAAEA,UAAW,CACvBH,eAAe,CAAEA,eAAgB,CACjCC,kBAAkB,CAAEA,kBAAmB,CACvCG,WAAW,CAAEA,WAAY,CACzBE,UAAU,CAAEA,UAAW,CACvBD,2BAA2B,CAAEA,2BAA4B,CACzDE,aAAa,CAAEA,aAAc,CAC7BC,gBAAgB,CAAEA,gBAAiB,CAAA,CAC/BI,KAAK,CAAAb,CAAAA,QAAA,CAERgB,eAAe,CACdM,IAAA,CAACC,OAAO,CAACC,CAAAA,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,QAAQ,CAACC,KAAK,CAAC,MAAM,CAAA1B,QAAA,CAAA,CACxDU,UAAU,CACXY,IAAA,CAACC,OAAO,CAAA,CACNC,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,KAAK,CAAC,MAAM,CACZC,UAAU,CAAEvB,UAAU,CAAG,YAAY,CAAG,QAAS,CACjDwB,QAAQ,CAAEhB,eAAe,CAAG,UAAU,CAAGiB,SAAU,CAAA7B,QAAA,CAAA,CAElDA,QAAQ,CACRY,eAAe,CAAA,CACT,CAAC,CACTD,aAAa,CAAA,CACP,CAAC,CAEVX,QACD,CACuB,CAAA,CAAC,CAE/B,CAAC,CAEY,IAAA8B,gBAAgB,CAAGC,cAAK,CAACC,UAAU,CAACnC,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';\nimport BaseBox from '~components/Box/BaseBox';\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    topContent,\n    bottomContent,\n    inputRowOverlay,\n    ...props\n  },\n  ref,\n): ReactElement => {\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const hasExtraContent = Boolean(topContent || bottomContent || inputRowOverlay);\n\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      {hasExtraContent ? (\n        <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\">\n          {topContent}\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            width=\"100%\"\n            alignItems={isTextArea ? 'flex-start' : 'center'}\n            position={inputRowOverlay ? 'relative' : undefined}\n          >\n            {children}\n            {inputRowOverlay}\n          </BaseBox>\n          {bottomContent}\n        </BaseBox>\n      ) : (\n        children\n      )}\n    </AnimatedBaseInputWrapper>\n  );\n};\n\nexport const BaseInputWrapper = React.forwardRef(_BaseInputWrapper);\n"],"names":["this","_BaseInputWrapper","_ref","ref","children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","numberOfLines","isTableInputCell","topContent","bottomContent","inputRowOverlay","props","_objectWithoutProperties","_excluded","hasExtraContent","Boolean","_jsx","AnimatedBaseInputWrapper","Object","assign","_jsxs","BaseBox","display","flexDirection","width","alignItems","position","undefined","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,YAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,kGAAA,CAMA,IAAMC,iBAKL,CAAG,SALEA,iBAKLA,CAAAC,IAAA,CAiBCC,GAAG,CACc,CAhBf,IAAAC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,eAAe,CAAAH,IAAA,CAAfG,eAAe,CACfC,kBAAkB,CAAAJ,IAAA,CAAlBI,kBAAkB,CAClBC,qBAAqB,CAAAL,IAAA,CAArBK,qBAAqB,CACrBC,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,CAChBC,UAAU,CAAAZ,IAAA,CAAVY,UAAU,CACVC,aAAa,CAAAb,IAAA,CAAba,aAAa,CACbC,eAAe,CAAAd,IAAA,CAAfc,eAAe,CACZC,KAAK,CAAAC,wBAAA,CAAAhB,IAAA,CAAAiB,SAAA,CAKV,CAAA,IAAMC,eAAe,CAAGC,OAAO,CAACP,UAAU,EAAIC,aAAa,EAAIC,eAAe,CAAC,CAE/E,OACEM,GAAA,CAACC,wBAAwB,CAAAC,MAAA,CAAAC,MAAA,CAEvBtB,CAAAA,GAAG,CAAEA,GAAW,CAChBK,UAAU,CAAEA,UAAW,CACvBH,eAAe,CAAEA,eAAgB,CACjCC,kBAAkB,CAAEA,kBAAmB,CACvCG,WAAW,CAAEA,WAAY,CACzBE,UAAU,CAAEA,UAAW,CACvBD,2BAA2B,CAAEA,2BAA4B,CACzDE,aAAa,CAAEA,aAAc,CAC7BC,gBAAgB,CAAEA,gBAAiB,CAAA,CAC/BI,KAAK,CAAAb,CAAAA,QAAA,CAERgB,eAAe,CACdM,IAAA,CAACC,OAAO,CAACC,CAAAA,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,QAAQ,CAACC,KAAK,CAAC,MAAM,CAAA1B,QAAA,CAAA,CACxDU,UAAU,CACXY,IAAA,CAACC,OAAO,CAAA,CACNC,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,KAAK,CAAC,MAAM,CACZC,UAAU,CAAEvB,UAAU,CAAG,YAAY,CAAG,QAAS,CACjDwB,QAAQ,CAAEhB,eAAe,CAAG,UAAU,CAAGiB,SAAU,CAAA7B,QAAA,CAAA,CAElDA,QAAQ,CACRY,eAAe,CAAA,CACT,CAAC,CACTD,aAAa,CAAA,CACP,CAAC,CAEVX,QACD,CACuB,CAAA,CAAC,CAE/B,CAAC,CAEY,IAAA8B,gBAAgB,CAAGC,cAAK,CAACC,UAAU,CAACnC,iBAAiB;;;;"}

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

@@ -1,27 +1,25 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import styled from 'styled-components/native';
 import { Platform } from 'react-native';
 import { getBaseInputStyles } from './baseInputStyles.js';
 import { baseInputHeight } from './baseInputTokens.js';
-import '../../Typography/Heading/Heading.js';
-import { Text } from '../../Typography/Text/Text.js';
-import '../../Typography/Code/Code.js';
-import '../../Typography/Display/Display.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../../BladeProvider/useTheme.js';
-import '@babel/runtime/helpers/slicedToArray';
+import '../../Typography/index.js';
+import '../../BladeProvider/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../tokens/global/index.js';
+import '../../../utils/makeSize/index.js';
+import '../../Box/BaseBox/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
 import { size } from '../../../tokens/global/size.js';
-import '../../BottomSheet/BottomSheetStack.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import useTheme from '../../BladeProvider/useTheme.js';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import { Text } from '../../Typography/Text/Text.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","valueSuffix"];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,valueSuffix=_ref4.valueSuffix,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:jsxs(BaseBox,{display:"flex",alignItems:"center",gap:"spacing.3",children:[jsx(Text,{color:props.value&&!isDisabled?'interactive.text.gray.normal':'surface.text.gray.disabled',truncateAfterLines:1,textAlign:props.textAlign,size:$size,children:buttonValue}),valueSuffix]})})):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","autoGrowMaxHeight","isTextArea","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","as","$size","valueSuffix"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/BaseInput/StyledBaseInput.native.tsx";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,autoGrowMaxHeight=_ref.autoGrowMaxHeight;if(isTextArea){if(autoGrowMaxHeight){return undefined;}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){var _props$numberOfLines;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,padding:props.$padding,valueComponentType:props.valueComponentType,isTableInputCell:props.isTableInputCell}),{lineHeight:Platform.select({android:makeSize(props.theme.typography.lineHeights[100]),ios:undefined}),textAlignVertical:props.isTextArea?'top':'center'},props.isTextArea?{}:{paddingTop:0,paddingBottom:0,height:undefined,minHeight:undefined},props.isTextArea||props.hasTags?Object.assign({height:getInputHeight({isTextArea:props.isTextArea,hasTags:props.hasTags,numberOfLines:props.numberOfLines,isDropdownTrigger:props.isDropdownTrigger,size:props.$size,autoGrowMaxHeight:props.$autoGrowMaxHeight})},props.isTextArea&&props.$autoGrowMaxHeight?{minHeight:`${baseInputHeight[props.$size]*(props.isDropdownTrigger?1:(_props$numberOfLines=props.numberOfLines)!=null?_props$numberOfLines:1)}px`}:{}):{});};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,$autoGrowMaxHeight=_ref2.$autoGrowMaxHeight,isDropdownTrigger=_ref2.isDropdownTrigger,hasTags=_ref2.hasTags,$size=_ref2.$size,$padding=_ref2.$padding,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,$autoGrowMaxHeight:$autoGrowMaxHeight,hasTags:hasTags,isDropdownTrigger:isDropdownTrigger,$size:$size,$padding:$padding,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,$autoGrowMaxHeight=_ref3.$autoGrowMaxHeight,isDropdownTrigger=_ref3.isDropdownTrigger,hasTags=_ref3.hasTags,$size=_ref3.$size,$padding=_ref3.$padding,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,$autoGrowMaxHeight:$autoGrowMaxHeight,isDropdownTrigger:isDropdownTrigger,hasTags:hasTags,$size:$size,$padding:$padding,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell}));});var _StyledBaseInput=function _StyledBaseInput(_ref4,ref){var _props$textAlign;var name=_ref4.name,isRequired=_ref4.isRequired,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,autoGrowMaxHeight=_ref4.autoGrowMaxHeight,isTextArea=_ref4.isTextArea,hasPopup=_ref4.hasPopup,shouldIgnoreBlurAnimation=_ref4.shouldIgnoreBlurAnimation,autoCapitalize=_ref4.autoCapitalize,renderAs=_ref4.as,$size=_ref4.$size,valueSuffix=_ref4.valueSuffix,props=_objectWithoutProperties(_ref4,_excluded);var buttonValue=props.value?props.value:props.placeholder;var _useTheme=useTheme(),theme=_useTheme.theme;var isAutoGrowing=Boolean(isTextArea&&autoGrowMaxHeight);var minAutoGrowHeight=baseInputHeight[$size]*(props.isDropdownTrigger?1:numberOfLines!=null?numberOfLines:1);var _React$useState=React__default.useState(minAutoGrowHeight),_React$useState2=_slicedToArray(_React$useState,2),autoGrowHeight=_React$useState2[0],setAutoGrowHeight=_React$useState2[1];React__default.useEffect(function(){if(!isAutoGrowing){return;}setAutoGrowHeight(minAutoGrowHeight);},[isAutoGrowing,minAutoGrowHeight]);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:jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.3",width:"100%",children:[jsx(Text,{color:props.value&&!isDisabled?'interactive.text.gray.normal':'surface.text.gray.disabled',truncateAfterLines:1,textAlign:(_props$textAlign=props.textAlign)!=null?_props$textAlign:'left',size:$size,children:buttonValue}),valueSuffix]})})):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});},onContentSizeChange:isAutoGrowing&&autoGrowMaxHeight?function(event){var nextHeight=Math.min(Math.max(event.nativeEvent.contentSize.height,minAutoGrowHeight),autoGrowMaxHeight);setAutoGrowHeight(nextHeight);}:undefined,keyboardType:KeyboardTypeToNativeValuesMap[keyboardType],returnKeyType:keyboardReturnKeyType,autoCompleteType:autoCompleteSuggestionType?autoCompleteSuggestionTypeAndroid[autoCompleteSuggestionType]:undefined,secureTextEntry:type==='password',isTextArea:isTextArea,$autoGrowMaxHeight:isAutoGrowing?autoGrowMaxHeight:undefined,textContentType:autoCompleteSuggestionType?autoCompleteSuggestionTypeIOS[autoCompleteSuggestionType]:undefined,autoCapitalize:autoCapitalize,includeFontPadding:false,$size:$size,scrollEnabled:isAutoGrowing?autoGrowHeight>=autoGrowMaxHeight:undefined},commonProps,props,accessibilityProps,{style:isAutoGrowing?{height:autoGrowHeight,maxHeight:autoGrowMaxHeight}:undefined}));};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';\nimport BaseBox from '~components/Box/BaseBox';\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    valueSuffix,\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      <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.3\">\n        <Text\n          color={\n            props.value && !isDisabled\n              ? 'interactive.text.gray.normal'\n              : 'surface.text.gray.disabled'\n          }\n          truncateAfterLines={1}\n          textAlign={props.textAlign}\n          size={$size}\n        >\n          {buttonValue}\n        </Text>\n        {valueSuffix}\n      </BaseBox>\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","valueSuffix","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","commonProps","onBlur","_jsx","onPress","onFocus","children","_jsxs","BaseBox","display","alignItems","gap","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';\nimport BaseBox from '~components/Box/BaseBox';\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' | 'autoGrowMaxHeight'\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  /** Transient — must not forward to native TextInput */\n  $autoGrowMaxHeight?: number;\n};\n\nconst getInputHeight = ({\n  isTextArea,\n  hasTags,\n  numberOfLines,\n  isDropdownTrigger,\n  size,\n  autoGrowMaxHeight,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines' | 'isDropdownTrigger'> & {\n  size: NonNullable<BaseInputProps['size']>;\n  autoGrowMaxHeight?: number;\n}): string | undefined => {\n  if (isTextArea) {\n    // Auto-grow textareas manage height via inline styles + onContentSizeChange\n    if (autoGrowMaxHeight) {\n      return undefined;\n    }\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      padding: props.$padding,\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: props.isTextArea ? 'top' : 'center',\n    ...(props.isTextArea\n      ? {}\n      : {\n          paddingTop: 0,\n          paddingBottom: 0,\n          height: undefined,\n          minHeight: undefined,\n        }),\n    ...(props.isTextArea || props.hasTags\n      ? {\n          height: getInputHeight({\n            isTextArea: props.isTextArea,\n            hasTags: props.hasTags,\n            numberOfLines: props.numberOfLines,\n            isDropdownTrigger: props.isDropdownTrigger,\n            size: props.$size,\n            autoGrowMaxHeight: props.$autoGrowMaxHeight,\n          }),\n          ...(props.isTextArea && props.$autoGrowMaxHeight\n            ? {\n                minHeight: `${\n                  baseInputHeight[props.$size] *\n                  (props.isDropdownTrigger ? 1 : props.numberOfLines ?? 1)\n                }px`,\n              }\n            : {}),\n        }\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    $autoGrowMaxHeight,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    $padding,\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      $autoGrowMaxHeight,\n      hasTags,\n      isDropdownTrigger,\n      $size,\n      $padding,\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    $autoGrowMaxHeight,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    $padding,\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      $autoGrowMaxHeight,\n      isDropdownTrigger,\n      hasTags,\n      $size,\n      $padding,\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    autoGrowMaxHeight,\n    isTextArea,\n    hasPopup,\n    shouldIgnoreBlurAnimation,\n    autoCapitalize,\n    as: renderAs,\n    $size,\n    valueSuffix,\n    ...props\n  },\n  ref,\n) => {\n  const buttonValue = props.value ? props.value : props.placeholder;\n  const { theme } = useTheme();\n  // Auto-grow is opt-in (ChatInput only today). Default path must match prior textarea height behavior.\n  const isAutoGrowing = Boolean(isTextArea && autoGrowMaxHeight);\n  const minAutoGrowHeight =\n    baseInputHeight[$size] * (props.isDropdownTrigger ? 1 : numberOfLines ?? 1);\n  const [autoGrowHeight, setAutoGrowHeight] = React.useState(minAutoGrowHeight);\n\n  React.useEffect(() => {\n    if (!isAutoGrowing) {\n      return;\n    }\n    setAutoGrowHeight(minAutoGrowHeight);\n  }, [isAutoGrowing, minAutoGrowHeight]);\n\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      <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" gap=\"spacing.3\" width=\"100%\">\n        <Text\n          color={\n            props.value && !isDisabled\n              ? 'interactive.text.gray.normal'\n              : 'surface.text.gray.disabled'\n          }\n          truncateAfterLines={1}\n          textAlign={props.textAlign ?? 'left'}\n          size={$size}\n        >\n          {buttonValue}\n        </Text>\n        {valueSuffix}\n      </BaseBox>\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      onContentSizeChange={\n        isAutoGrowing && autoGrowMaxHeight\n          ? (event): void => {\n              const nextHeight = Math.min(\n                Math.max(event.nativeEvent.contentSize.height, minAutoGrowHeight),\n                autoGrowMaxHeight,\n              );\n              setAutoGrowHeight(nextHeight);\n            }\n          : undefined\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      // Transient styled prop — never forwarded to native TextInput\n      $autoGrowMaxHeight={isAutoGrowing ? autoGrowMaxHeight : undefined}\n      textContentType={\n        autoCompleteSuggestionType\n          ? autoCompleteSuggestionTypeIOS[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ]\n          : undefined\n      }\n      autoCapitalize={autoCapitalize}\n      includeFontPadding={false}\n      $size={$size}\n      scrollEnabled={isAutoGrowing ? autoGrowHeight >= (autoGrowMaxHeight as number) : undefined}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n      style={isAutoGrowing ? { height: autoGrowHeight, maxHeight: autoGrowMaxHeight } : undefined}\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","autoGrowMaxHeight","undefined","lines","baseInputHeight","makeSize","sizeToken","getRNInputStyles","props","_props$numberOfLines","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","$size","padding","$padding","valueComponentType","isTableInputCell","lineHeight","RNPlatform","select","android","typography","lineHeights","ios","textAlignVertical","paddingTop","paddingBottom","height","minHeight","$autoGrowMaxHeight","StyledNativeBaseInput","styled","TextInput","_ref2","id","StyledNativeBaseButton","TouchableOpacity","_ref3","_StyledBaseInput","_ref4","ref","_props$textAlign","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","_ref4$keyboardType","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","renderAs","as","valueSuffix","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","isAutoGrowing","Boolean","minAutoGrowHeight","_React$useState","React","useState","_React$useState2","_slicedToArray","autoGrowHeight","setAutoGrowHeight","useEffect","commonProps","onBlur","_jsx","onPress","onFocus","children","_jsxs","BaseBox","display","flexDirection","alignItems","gap","width","Text","color","truncateAfterLines","textAlign","multiline","maxLength","placeholderTextColor","colors","surface","gray","disabled","event","nativeEvent","onChangeText","onEndEditing","onSubmitEditing","onKeyPress","key","onContentSizeChange","nextHeight","Math","min","max","contentSize","returnKeyType","autoCompleteType","secureTextEntry","textContentType","includeFontPadding","scrollEnabled","style","maxHeight","StyledBaseInput","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

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

@@ -1,20 +1,17 @@
 import { getBaseInputBorderStyles } from './getBaseInputBorderStyles.native.js';
-import { baseInputBorderColor, baseInputBorderWidth, baseInputBorderlessBackgroundColor, baseInputBorderRadius, baseInputBackgroundColor, baseInputHeight, baseInputWrapperMaxHeight, baseInputCounterInputPaddingTokens, baseInputPaddingTokens } from './baseInputTokens.js';
+import { baseInputBorderlessBackgroundColor, baseInputBackgroundColor, baseInputBorderColor, baseInputBorderWidth, baseInputBorderRadius, baseInputCounterInputPaddingTokens, baseInputPaddingTokens, baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens.js';
 import { getInputVisualsToBeRendered } from './BaseInputVisuals.js';
-import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
-import 'react-native';
-import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
+import '../../../utils/makeBorderSize/index.js';
+import '../../../utils/index.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
 import getTextStyles from '../../Typography/Text/getTextStyles.js';
+import '../../../utils/makeSpace/index.js';
 import getHeadingStyles from '../../Typography/Heading/getHeadingStyles.js';
+import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.native.js';
+import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
+import { makeSpace } from '../../../utils/makeSpace/makeSpace.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,isTableInputCell=_ref2.isTableInputCell,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,borderRadius=_ref2.borderRadius;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 zIndex;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]);zIndex=1;}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[borderRadius!=null?borderRadius:baseInputBorderRadius[size]]),overflow:'hidden',borderStyle:'solid',display:'flex',flexDirection:'row',width:'100%',alignItems:isTextArea?'flex-start':'center',position:'relative',height:isDropdownTrigger&&!isTextArea?'auto':undefined,border:'none',zIndex:zIndex},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,hasLeadingDropdown=_ref3.hasLeadingDropdown,isInsideCounterInput=_ref3.isInsideCounterInput;if(isDropdownTrigger){return theme.spacing[0];}if(hasLeadingIcon||hasPrefix||hasLeadingDropdown){return theme.spacing[3];}if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.left[size]];}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,isInsideCounterInput=_ref4.isInsideCounterInput;if(hasTrailingInteractionElement||hasSuffix||hasTrailingIcon){return theme.spacing[3];}if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.right[size]];}return theme.spacing[baseInputPaddingTokens.right[size]];};var getTopPadding=function getTopPadding(_ref5){var theme=_ref5.theme,size=_ref5.size,isInsideCounterInput=_ref5.isInsideCounterInput;if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];}return theme.spacing[baseInputPaddingTokens.top[size]];};var getBottomPadding=function getBottomPadding(_ref6){var theme=_ref6.theme,size=_ref6.size,isInsideCounterInput=_ref6.isInsideCounterInput;if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];}return theme.spacing[baseInputPaddingTokens.bottom[size]];};var getBaseInputStyles=function getBaseInputStyles(_ref7){var theme=_ref7.theme,isDisabled=_ref7.isDisabled,leadingIcon=_ref7.leadingIcon,prefix=_ref7.prefix,trailingInteractionElement=_ref7.trailingInteractionElement,leadingInteractionElement=_ref7.leadingInteractionElement,suffix=_ref7.suffix,trailingIcon=_ref7.trailingIcon,textAlign=_ref7.textAlign,isTextArea=_ref7.isTextArea,hasTags=_ref7.hasTags,isDropdownTrigger=_ref7.isDropdownTrigger,size=_ref7.size,padding=_ref7.padding,valueComponentType=_ref7.valueComponentType,_ref7$hasLeadingDropd=_ref7.hasLeadingDropdown,hasLeadingDropdown=_ref7$hasLeadingDropd===void 0?false:_ref7$hasLeadingDropd,color=_ref7.color,disabledColor=_ref7.disabledColor,isInsideCounterInput=_ref7.isInsideCounterInput;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';var shouldHaveFlexibleHeight=isTextArea||isDropdownWithTags;return Object.assign({},valueComponentType==='heading'?getHeadingStyles({size:size==='xsmall'?'small':size,weight:'regular',color:isDisabled?'surface.text.gray.disabled':'interactive.text.gray.normal',theme:theme}):getTextStyles({size:isInsideCounterInput&&size==='xsmall'?'small':size,variant:'body',weight:isInsideCounterInput?'semibold':'regular',color:isDisabled?disabledColor!=null?disabledColor:'surface.text.gray.disabled':color!=null?color:'interactive.text.gray.normal',theme:theme}),{flex:1,backgroundColor:theme.colors.transparent,paddingTop:padding!=null?padding:makeSpace(getTopPadding({theme:theme,size:size,isInsideCounterInput:isInsideCounterInput})),paddingBottom:padding!=null?padding:makeSpace(getBottomPadding({theme:theme,size:size,isInsideCounterInput:isInsideCounterInput})),paddingLeft:padding!=null?padding:makeSpace(getLeftPadding({theme:theme,isDropdownTrigger:isDropdownTrigger,hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix,size:size,hasLeadingDropdown:hasLeadingDropdown,isInsideCounterInput:isInsideCounterInput})),paddingRight:padding!=null?padding:getRightPadding({theme:theme,hasTrailingInteractionElement:hasTrailingInteractionElement,hasSuffix:hasSuffix,hasTrailingIcon:hasTrailingIcon,size:size,isInsideCounterInput:isInsideCounterInput}),textAlign:textAlign,width:'100%',height:shouldHaveFlexibleHeight?undefined:makeSpace(baseInputHeight[size]),minHeight:shouldHaveFlexibleHeight?undefined:makeSpace(baseInputHeight[size])},isReactNative?{}:{resize:'none',boxSizing:'border-box'});};var getAnimatedBaseInputWrapperMaxHeight=function getAnimatedBaseInputWrapperMaxHeight(_ref8){var maxTagRows=_ref8.maxTagRows,showAllTags=_ref8.showAllTags,size=_ref8.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,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,borderRadius=_ref2.borderRadius;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 zIndex;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==='error'){borderColor=getIn(theme.colors,baseInputBorderColor[validationState]);borderWidth=getIn(theme.border.width,baseInputBorderWidth[validationState]);zIndex=1;}else if(isTableInputCell&&validationState==='error'){backgroundColor=getIn(theme.colors,baseInputBorderlessBackgroundColor[validationState]);}return Object.assign({backgroundColor:backgroundColor,borderRadius:makeBorderSize(isTableInputCell?theme.border.radius.none:theme.border.radius[borderRadius!=null?borderRadius:baseInputBorderRadius[size]]),overflow:'hidden',borderStyle:'solid',display:'flex',flexDirection:'row',width:'100%',alignItems:isTextArea?'flex-start':'center',position:'relative',height:isDropdownTrigger&&!isTextArea?'auto':undefined,border:'none',zIndex:zIndex},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,hasLeadingDropdown=_ref3.hasLeadingDropdown,isInsideCounterInput=_ref3.isInsideCounterInput;if(isDropdownTrigger){return theme.spacing[0];}if(hasLeadingIcon||hasPrefix||hasLeadingDropdown){return theme.spacing[3];}if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.left[size]];}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,isInsideCounterInput=_ref4.isInsideCounterInput;if(hasTrailingInteractionElement||hasSuffix||hasTrailingIcon){return theme.spacing[3];}if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.right[size]];}return theme.spacing[baseInputPaddingTokens.right[size]];};var getTopPadding=function getTopPadding(_ref5){var theme=_ref5.theme,size=_ref5.size,isInsideCounterInput=_ref5.isInsideCounterInput;if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];}return theme.spacing[baseInputPaddingTokens.top[size]];};var getBottomPadding=function getBottomPadding(_ref6){var theme=_ref6.theme,size=_ref6.size,isInsideCounterInput=_ref6.isInsideCounterInput;if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];}return theme.spacing[baseInputPaddingTokens.bottom[size]];};var getBaseInputStyles=function getBaseInputStyles(_ref7){var theme=_ref7.theme,isDisabled=_ref7.isDisabled,leadingIcon=_ref7.leadingIcon,prefix=_ref7.prefix,trailingInteractionElement=_ref7.trailingInteractionElement,leadingInteractionElement=_ref7.leadingInteractionElement,suffix=_ref7.suffix,trailingIcon=_ref7.trailingIcon,textAlign=_ref7.textAlign,isTextArea=_ref7.isTextArea,hasTags=_ref7.hasTags,isDropdownTrigger=_ref7.isDropdownTrigger,size=_ref7.size,padding=_ref7.padding,valueComponentType=_ref7.valueComponentType,_ref7$hasLeadingDropd=_ref7.hasLeadingDropdown,hasLeadingDropdown=_ref7$hasLeadingDropd===void 0?false:_ref7$hasLeadingDropd,color=_ref7.color,disabledColor=_ref7.disabledColor,isInsideCounterInput=_ref7.isInsideCounterInput;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';var shouldHaveFlexibleHeight=isTextArea||isDropdownWithTags;return Object.assign({},valueComponentType==='heading'?getHeadingStyles({size:size==='xsmall'?'small':size,weight:'regular',color:isDisabled?'surface.text.gray.disabled':'interactive.text.gray.normal',theme:theme}):getTextStyles({size:isInsideCounterInput&&size==='xsmall'?'small':size,variant:'body',weight:isInsideCounterInput?'semibold':'regular',color:isDisabled?disabledColor!=null?disabledColor:'surface.text.gray.disabled':color!=null?color:'interactive.text.gray.normal',theme:theme}),{flex:1,backgroundColor:theme.colors.transparent,paddingTop:padding!=null?padding:makeSpace(getTopPadding({theme:theme,size:size,isInsideCounterInput:isInsideCounterInput})),paddingBottom:padding!=null?padding:makeSpace(getBottomPadding({theme:theme,size:size,isInsideCounterInput:isInsideCounterInput})),paddingLeft:padding!=null?padding:makeSpace(getLeftPadding({theme:theme,isDropdownTrigger:isDropdownTrigger,hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix,size:size,hasLeadingDropdown:hasLeadingDropdown,isInsideCounterInput:isInsideCounterInput})),paddingRight:padding!=null?padding:getRightPadding({theme:theme,hasTrailingInteractionElement:hasTrailingInteractionElement,hasSuffix:hasSuffix,hasTrailingIcon:hasTrailingIcon,size:size,isInsideCounterInput:isInsideCounterInput}),textAlign:textAlign,width:'100%',height:shouldHaveFlexibleHeight?undefined:makeSpace(baseInputHeight[size]),minHeight:shouldHaveFlexibleHeight?undefined:makeSpace(baseInputHeight[size])},isReactNative?{}:{resize:'none',boxSizing:'border-box'});};var getAnimatedBaseInputWrapperMaxHeight=function getAnimatedBaseInputWrapperMaxHeight(_ref8){var maxTagRows=_ref8.maxTagRows,showAllTags=_ref8.showAllTags,size=_ref8.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  baseInputBorderRadius,\n  baseInputBorderWidth,\n  baseInputBorderlessBackgroundColor,\n  baseInputCounterInputPaddingTokens,\n  baseInputHeight,\n  baseInputPaddingTokens,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport type { BaseInputWrapperProps } from './types';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport getHeadingStyles from '~components/Typography/Heading/getHeadingStyles';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\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  padding?: BaseInputProps['padding'];\n  borderRadius?: BaseInputProps['borderRadius'];\n  isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\n  hasLeadingDropdown?: boolean;\n  color?: BaseTextProps['color'];\n  disabledColor?: BaseTextProps['color'];\n  isInsideCounterInput?: boolean;\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  size = 'medium',\n  borderRadius,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n  | 'isTableInputCell'\n  | 'size'\n  | 'borderRadius'\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  let zIndex: number | undefined;\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    zIndex = 1; // Prevent validation ring clipping by adjacent inputs in InputGroup\n  } else if (validationState && validationState !== 'none') {\n    backgroundColor = getIn(theme.colors, baseInputBorderlessBackgroundColor[validationState]);\n  }\n  return {\n    backgroundColor,\n    borderRadius: makeBorderSize(\n      isTableInputCell\n        ? theme.border.radius.none\n        : theme.border.radius[borderRadius ?? baseInputBorderRadius[size]],\n    ),\n    overflow: 'hidden',\n    borderStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : 'center',\n    position: 'relative',\n    height: isDropdownTrigger && !isTextArea ? 'auto' : undefined,\n    border: 'none',\n    zIndex,\n    ...getBaseInputBorderStyles({ theme, borderColor, borderWidth, isFocused }),\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n  size,\n  hasLeadingDropdown,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n  size: GetInputStyles['size'];\n  hasLeadingDropdown: boolean;\n  isInsideCounterInput?: boolean;\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix || hasLeadingDropdown) {\n    return theme.spacing[3];\n  }\n\n  /**\n   * CounterInput uses tighter padding (4px vs 8-12px) for compact design\n   */\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.left[size]];\n  }\n\n  return theme.spacing[baseInputPaddingTokens.left[size]];\n};\n\nconst getRightPadding = ({\n  theme,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingIcon,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  hasTrailingInteractionElement: boolean;\n  hasSuffix: boolean;\n  hasTrailingIcon: boolean;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  if (hasTrailingInteractionElement || hasSuffix || hasTrailingIcon) {\n    return theme.spacing[3];\n  }\n\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.right[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.right[size]];\n};\n\nconst getTopPadding = ({\n  theme,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.top[size]];\n};\n\nconst getBottomPadding = ({\n  theme,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.bottom[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  padding,\n  valueComponentType,\n  hasLeadingDropdown = false,\n  color,\n  disabledColor,\n  isInsideCounterInput,\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  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const shouldHaveFlexibleHeight = isTextArea || isDropdownWithTags;\n\n  return {\n    ...(valueComponentType === 'heading'\n      ? getHeadingStyles({\n          size: size === 'xsmall' ? 'small' : size,\n          weight: 'regular',\n          color: isDisabled ? 'surface.text.gray.disabled' : 'interactive.text.gray.normal',\n          theme,\n        })\n      : getTextStyles({\n          /**\n           * CounterInput: uses 'small' size for xsmall and 'semibold' weight for prominence\n           */\n          size: isInsideCounterInput && size === 'xsmall' ? 'small' : size,\n          variant: 'body',\n          weight: isInsideCounterInput ? 'semibold' : 'regular',\n          color: isDisabled\n            ? disabledColor ?? 'surface.text.gray.disabled'\n            : color ?? 'interactive.text.gray.normal',\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: padding ?? makeSpace(getTopPadding({ theme, size, isInsideCounterInput })),\n    paddingBottom: padding ?? makeSpace(getBottomPadding({ theme, size, isInsideCounterInput })),\n    paddingLeft:\n      padding ??\n      makeSpace(\n        getLeftPadding({\n          theme,\n          isDropdownTrigger,\n          hasLeadingIcon,\n          hasPrefix,\n          size,\n          hasLeadingDropdown,\n          isInsideCounterInput,\n        }),\n      ),\n    paddingRight:\n      padding ??\n      getRightPadding({\n        theme,\n        hasTrailingInteractionElement,\n        hasSuffix,\n        hasTrailingIcon,\n        size,\n        isInsideCounterInput,\n      }),\n\n    textAlign,\n    width: '100%',\n    height: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),\n    minHeight: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),\n    ...(isReactNative ? {} : { resize: 'none', boxSizing: 'border-box' }),\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","_ref2$size","size","borderRadius","backgroundColorTokens","baseInputBorderlessBackgroundColor","baseInputBackgroundColor","backgroundColor","getIn","colors","default","borderColor","transparent","baseInputBorderColor","borderWidth","border","width","baseInputBorderWidth","zIndex","baseInputState","Object","assign","makeBorderSize","radius","none","baseInputBorderRadius","overflow","borderStyle","display","flexDirection","alignItems","position","height","undefined","getBaseInputBorderStyles","getLeftPadding","_ref3","hasLeadingIcon","hasPrefix","hasLeadingDropdown","isInsideCounterInput","spacing","baseInputCounterInputPaddingTokens","left","baseInputPaddingTokens","getRightPadding","_ref4","hasTrailingInteractionElement","hasSuffix","hasTrailingIcon","right","getTopPadding","_ref5","top","getBottomPadding","_ref6","bottom","getBaseInputStyles","_ref7","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","textAlign","hasTags","padding","valueComponentType","_ref7$hasLeadingDropd","color","disabledColor","_getInputVisualsToBeR","getInputVisualsToBeRendered","isDropdownWithTags","isReactNative","getPlatformType","shouldHaveFlexibleHeight","getHeadingStyles","weight","getTextStyles","variant","flex","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","baseInputHeight","minHeight","resize","boxSizing","getAnimatedBaseInputWrapperMaxHeight","_ref8","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  baseInputBorderRadius,\n  baseInputBorderWidth,\n  baseInputBorderlessBackgroundColor,\n  baseInputCounterInputPaddingTokens,\n  baseInputHeight,\n  baseInputPaddingTokens,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport type { BaseInputWrapperProps } from './types';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport getHeadingStyles from '~components/Typography/Heading/getHeadingStyles';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\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  padding?: BaseInputProps['padding'];\n  borderRadius?: BaseInputProps['borderRadius'];\n  isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\n  hasLeadingDropdown?: boolean;\n  color?: BaseTextProps['color'];\n  disabledColor?: BaseTextProps['color'];\n  isInsideCounterInput?: boolean;\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  size = 'medium',\n  borderRadius,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n  | 'isTableInputCell'\n  | 'size'\n  | 'borderRadius'\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  let zIndex: number | undefined;\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 === 'error') {\n    borderColor = getIn(theme.colors, baseInputBorderColor[validationState]);\n    borderWidth = getIn(theme.border.width, baseInputBorderWidth[validationState]);\n    zIndex = 1; // Prevent validation ring clipping by adjacent inputs in InputGroup\n  } else if (isTableInputCell && validationState === 'error') {\n    backgroundColor = getIn(theme.colors, baseInputBorderlessBackgroundColor[validationState]);\n  }\n  return {\n    backgroundColor,\n    borderRadius: makeBorderSize(\n      isTableInputCell\n        ? theme.border.radius.none\n        : theme.border.radius[borderRadius ?? baseInputBorderRadius[size]],\n    ),\n    overflow: 'hidden',\n    borderStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : 'center',\n    position: 'relative',\n    height: isDropdownTrigger && !isTextArea ? 'auto' : undefined,\n    border: 'none',\n    zIndex,\n    ...getBaseInputBorderStyles({ theme, borderColor, borderWidth, isFocused }),\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n  size,\n  hasLeadingDropdown,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n  size: GetInputStyles['size'];\n  hasLeadingDropdown: boolean;\n  isInsideCounterInput?: boolean;\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix || hasLeadingDropdown) {\n    return theme.spacing[3];\n  }\n\n  /**\n   * CounterInput uses tighter padding (4px vs 8-12px) for compact design\n   */\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.left[size]];\n  }\n\n  return theme.spacing[baseInputPaddingTokens.left[size]];\n};\n\nconst getRightPadding = ({\n  theme,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingIcon,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  hasTrailingInteractionElement: boolean;\n  hasSuffix: boolean;\n  hasTrailingIcon: boolean;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  if (hasTrailingInteractionElement || hasSuffix || hasTrailingIcon) {\n    return theme.spacing[3];\n  }\n\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.right[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.right[size]];\n};\n\nconst getTopPadding = ({\n  theme,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.top[size]];\n};\n\nconst getBottomPadding = ({\n  theme,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.bottom[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  padding,\n  valueComponentType,\n  hasLeadingDropdown = false,\n  color,\n  disabledColor,\n  isInsideCounterInput,\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  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const shouldHaveFlexibleHeight = isTextArea || isDropdownWithTags;\n\n  return {\n    ...(valueComponentType === 'heading'\n      ? getHeadingStyles({\n          size: size === 'xsmall' ? 'small' : size,\n          weight: 'regular',\n          color: isDisabled ? 'surface.text.gray.disabled' : 'interactive.text.gray.normal',\n          theme,\n        })\n      : getTextStyles({\n          /**\n           * CounterInput: uses 'small' size for xsmall and 'semibold' weight for prominence\n           */\n          size: isInsideCounterInput && size === 'xsmall' ? 'small' : size,\n          variant: 'body',\n          weight: isInsideCounterInput ? 'semibold' : 'regular',\n          color: isDisabled\n            ? disabledColor ?? 'surface.text.gray.disabled'\n            : color ?? 'interactive.text.gray.normal',\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: padding ?? makeSpace(getTopPadding({ theme, size, isInsideCounterInput })),\n    paddingBottom: padding ?? makeSpace(getBottomPadding({ theme, size, isInsideCounterInput })),\n    paddingLeft:\n      padding ??\n      makeSpace(\n        getLeftPadding({\n          theme,\n          isDropdownTrigger,\n          hasLeadingIcon,\n          hasPrefix,\n          size,\n          hasLeadingDropdown,\n          isInsideCounterInput,\n        }),\n      ),\n    paddingRight:\n      padding ??\n      getRightPadding({\n        theme,\n        hasTrailingInteractionElement,\n        hasSuffix,\n        hasTrailingIcon,\n        size,\n        isInsideCounterInput,\n      }),\n\n    textAlign,\n    width: '100%',\n    height: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),\n    minHeight: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),\n    ...(isReactNative ? {} : { resize: 'none', boxSizing: 'border-box' }),\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","_ref2$size","size","borderRadius","backgroundColorTokens","baseInputBorderlessBackgroundColor","baseInputBackgroundColor","backgroundColor","getIn","colors","default","borderColor","transparent","baseInputBorderColor","borderWidth","border","width","baseInputBorderWidth","zIndex","baseInputState","Object","assign","makeBorderSize","radius","none","baseInputBorderRadius","overflow","borderStyle","display","flexDirection","alignItems","position","height","undefined","getBaseInputBorderStyles","getLeftPadding","_ref3","hasLeadingIcon","hasPrefix","hasLeadingDropdown","isInsideCounterInput","spacing","baseInputCounterInputPaddingTokens","left","baseInputPaddingTokens","getRightPadding","_ref4","hasTrailingInteractionElement","hasSuffix","hasTrailingIcon","right","getTopPadding","_ref5","top","getBottomPadding","_ref6","bottom","getBaseInputStyles","_ref7","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","textAlign","hasTags","padding","valueComponentType","_ref7$hasLeadingDropd","color","disabledColor","_getInputVisualsToBeR","getInputVisualsToBeRendered","isDropdownWithTags","isReactNative","getPlatformType","shouldHaveFlexibleHeight","getHeadingStyles","weight","getTextStyles","variant","flex","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","baseInputHeight","minHeight","resize","boxSizing","getAnimatedBaseInputWrapperMaxHeight","_ref8","maxTagRows","showAllTags","baseInputWrapperMaxHeight"],"mappings":"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"}