@razorpay/blade 12.49.6 → 12.50.0

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

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.js","sources":["../../../../../../src/components/Input/BaseInput/BaseInput.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { ReactNode } from 'react';\nimport styled from 'styled-components';\nimport { StyledBaseInput } from './StyledBaseInput';\nimport { BaseInputVisuals } from './BaseInputVisuals';\nimport { BaseInputWrapper } from './BaseInputWrapper';\nimport { BaseInputTagSlot } from './BaseInputTagSlot';\nimport type { InputWrapperRef } from './types';\nimport { baseInputBorderBackgroundMotion, formHintLeftLabelMarginLeft } from './baseInputTokens';\nimport type {\n  FormInputLabelProps,\n  FormInputValidationProps,\n  FormInputHandleOnEvent,\n  FormInputOnEvent,\n  FormHintProps,\n} from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport type { IconComponent } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport {\n  castWebType,\n  getPlatformType,\n  isReactNative,\n  makeBorderSize,\n  makeMotionTime,\n  useBreakpoint,\n} from '~utils';\nimport type { Platform } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useFormId } from '~components/Form/useFormId';\nimport { useTheme } from '~components/BladeProvider';\nimport useInteraction from '~utils/useInteraction';\nimport type { ActionStates } from '~utils/useInteraction';\nimport type {\n  FormInputHandleOnClickEvent,\n  FormInputHandleOnKeyDownEvent,\n} from '~components/Form/FormTypes';\nimport type {\n  BladeElementRef,\n  ContainerElementType,\n  DataAnalyticsAttribute,\n  TestID,\n} from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport type { AriaAttributes } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport { announce } from '~components/LiveAnnouncer/LiveAnnouncer';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { LinkProps } from '~components/Link';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type { MotionMetaProp } from '~components/BaseMotion';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useInputGroupContext } from '~components/InputGroup/InputGroupContext';\n\ntype CommonAutoCompleteSuggestionTypes =\n  | 'none'\n  | 'name'\n  | 'email'\n  | 'username'\n  | 'password'\n  | 'newPassword'\n  | 'oneTimeCode'\n  | 'telephone'\n  | 'postalCode'\n  | 'countryName'\n  | 'creditCardNumber'\n  | 'creditCardCSC'\n  | 'creditCardExpiry'\n  | 'creditCardExpiryMonth'\n  | 'creditCardExpiryYear';\n\ntype WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes | 'on';\n\ntype BaseInputCommonProps = FormInputLabelProps &\n  DataAnalyticsAttribute &\n  FormInputValidationProps & {\n    /**\n     * Determines if it needs to be rendered as input, textarea or button\n     */\n    as?: 'input' | 'textarea' | 'button';\n    /**\n     * ID that will be used for accessibility\n     */\n    id: string;\n    /**\n     * Placeholder text to be displayed inside the input field\n     */\n    placeholder?: string;\n    /**\n     * Type of Input Field to be rendered.\n     *\n     * @default text\n     */\n    type?: 'text' | 'telephone' | 'email' | 'url' | 'number' | 'search' | 'password';\n    /**\n     * Used to set the default value of input field when it's uncontrolled\n     */\n    defaultValue?: string;\n    /**\n     * The name of the input field.\n     *\n     * Useful in form submissions\n     */\n    name?: string;\n    /**\n     * The callback function to be invoked when the input field gets focus\n     */\n    onFocus?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked when the value of the input field changes\n     */\n    onChange?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked when input is clicked\n     */\n    onClick?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked when the value of the input field has any input\n     */\n    onInput?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked whenever there is a keyDown event\n     */\n    onKeyDown?: FormInputHandleOnKeyDownEvent;\n    /**\n     * The callback function to be invoked when the the input field loses focus\n     *\n     * For React Native this will call `onEndEditing` event since we want to get the last value of the input field\n     */\n    onBlur?: FormInputOnEvent;\n    /**\n     * Ignores the blur event animation (Used in Select to ignore blur animation when item in option is clicked)\n     */\n    shouldIgnoreBlurAnimation?: boolean;\n    /**\n     * sets boolean that ignores the blur animations on baseinput\n     */\n    setShouldIgnoreBlurAnimation?: (shouldIgnoreBlurAnimation: boolean) => void;\n    /**\n     * Used to turn the input field to controlled so user can control the value\n     */\n    value?: string;\n    /**\n     * Used to disable the input field\n     */\n    isDisabled?: boolean;\n    /**\n     * If true, the input is marked as required, and `required` attribute will be added\n     */\n    isRequired?: boolean;\n    /**\n     * Icon to be shown at the start of the input field\n     */\n    leadingIcon?: IconComponent;\n    /**\n     * Prefix symbol to be displayed at the beginning of the input field. If leadingIcon is provided it'll be placed after it\n     */\n    prefix?: string;\n    /**\n     * Element to be rendered before suffix. This is decided by the component which is extending BaseInput\n     *\n     * eg: consumers can render a loader or they could render a clear button\n     */\n    trailingInteractionElement?: ReactNode;\n    /**\n     * Callback to be invoked when the TrailingInteractionElement is clicked\n     */\n    onTrailingInteractionElementClick?: () => void;\n    /**\n     * Element to be rendered before prefix. This is decided by the component which is extending BaseInput\n     *\n     * eg: consumers can render a country selector or button\n     */\n    leadingInteractionElement?: ReactNode;\n    /**\n     * Leading DropDown to be rendered at Prefix slot\n     */\n    leadingDropDown?: ReactNode;\n    /**\n     * Trailing DropDown to be rendered at Suffix slot\n     */\n    trailingDropDown?: ReactNode;\n    /**\n     * Suffix symbol to be displayed at the end of the input field. If trailingIcon is provided it'll be placed before it\n     */\n    suffix?: string;\n    /**\n     * Icon to be displayed at the end of the input field\n     */\n    trailingIcon?: IconComponent;\n    /**\n     * Displays the character counter under the input field\n     */\n    maxCharacters?: number;\n    /**\n     * alignment of the text inside input field\n     */\n    textAlign?: 'left' | 'center' | 'right';\n    /**\n     * If true, focuses the input field on load\n     *\n     * **Note:**\n     * Automatically focusing a form control can confuse visually-impaired people using screen-reading technology and people with cognitive impairments.\n     * When autofocus is assigned, screen-readers \"teleport\" their user to the form control without warning them beforehand.\n     */\n    autoFocus?: boolean;\n    /**\n     * Hints the platform to display an appropriate virtual keyboard\n     *\n     * **Native:** Passes as is the `keyboardType` attribute\n     *\n     * **Web:** Passes the value to the `inputMode` attribute\n     */\n    keyboardType?: 'text' | 'search' | 'telephone' | 'email' | 'url' | 'decimal';\n    /**\n     * determines what return key to show on the keyboard of mobile devices/virtual keyboard\n     * **Note**: Few values are platform dependent and might not render on all the platforms\n     *\n     * `default` is only available on native. it'll be mapped to `enter` for web\n     * `previous` is only available on native android\n     */\n    keyboardReturnKeyType?: 'default' | 'go' | 'done' | 'next' | 'previous' | 'search' | 'send';\n    /**\n     * Element to be rendered on the trailing slot of input field label\n     */\n    trailingHeaderSlot?: (value?: string) => ReactNode;\n    /**\n     * Element to be rendered on the trailing slot of input field footer\n     */\n    trailingFooterSlot?: (value?: string) => ReactNode;\n    /**\n     * Sets the textarea's number of lines\n     */\n    numberOfLines?: 1 | 2 | 3 | 4 | 5;\n    /**\n     * Sets the accessibility label for the input\n     */\n    accessibilityLabel?: string;\n    /**\n     * Sets the id of the label\n     *\n     * (Useful when assigning one label to multiple elements using aria-labelledby)\n     */\n    labelId?: string;\n    /**\n     * Can be used in select to set the id of the active descendant from the listbox\n     */\n    activeDescendant?: string;\n    /**\n     * Hides the label text\n     */\n    hideLabelText?: boolean;\n    /**\n     * Hides the form hint text\n     */\n    hideFormHint?: boolean;\n    /**\n     * componentName prop sets the data-blade-component attribute name\n     * for internal metric collection purposes\n     */\n    componentName?: string;\n    /**\n     * whether the input has a popup\n     */\n    hasPopup?: AriaAttributes['hasPopup'];\n    /**\n     * id of the popup\n     */\n    popupId?: string;\n    /**\n     * true if popup is in expanded state\n     */\n    isPopupExpanded?: boolean;\n    setInputWrapperRef?: (node: ContainerElementType) => void;\n    /**\n     * sets the autocapitalize behavior for the input\n     */\n    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';\n\n    /**\n     * constraints the height of input to given number rows\n     *\n     * When set to expandable, input takes 1 row in the begining and expands to take 3 when active\n     *\n     * @default 'single'\n     */\n    maxTagRows?: 'single' | 'multiple' | 'expandable';\n\n    /**\n     * A slot for adding tags to input\n     */\n    tags?: React.ReactElement[] | null;\n\n    /**\n     * Disables stripping of tags and shows all tags\n     */\n    showAllTags?: boolean;\n\n    /**\n     * State variable of active tag index\n     */\n    activeTagIndex?: number;\n\n    /**\n     * Is this input SelectInput or AutoComplete\n     */\n    isDropdownTrigger?: boolean;\n\n    /**\n     * Is the label expected to be rendered inside input?\n     * Used in AutoComplete and Select when label can't exist outside\n     *\n     */\n    isLabelInsideInput?: boolean;\n\n    /**\n     * State setter for active tag index\n     */\n    setActiveTagIndex?: (activeTagIndex: number) => void;\n    /**\n     * Sets the size of the input field\n     * @default medium\n     */\n    size?: 'medium' | 'large';\n    /**\n     * Link button to be rendered at the end of the input field.\n     * **Note:** `size` of the Link will be set to the same size as the input field, `isDisabled` will follow Input's `isDisabled`, & `variant` will be set to `button`.\n     * Example:\n     * ```tsx\n     * trailingButton={<Link onClick={handleClick}>Apply</Link>}\n     * ```\n     */\n    trailingButton?: React.ReactElement<LinkProps>;\n    /**\n     * Whether to use Text or Heading component for Input text\n     * @default text\n     **/\n    valueComponentType?: 'text' | 'heading';\n    /**\n     * Whether to render the input as a table cell\n     * @default true\n     **/\n    isTableInputCell?: boolean;\n    /**\n     * Hides the form hints and shows them as tooltip of trailing\n     */\n    showHintsAsTooltip?: boolean;\n\n    role?: AriaAttributes['role'];\n\n    /**\n     * Tab Index of the input field\n     *\n     * @default undefined\n     */\n    tabIndex?: number;\n  } & TestID &\n  Platform.Select<{\n    native: {\n      /**\n       * The callback function to be invoked when the value of the input field is submitted.\n       */\n      onSubmit?: FormInputOnEvent;\n      /**\n       * determines what autoComplete suggestion type to show\n       *\n       * Internally it'll render platform specific attributes:\n       *\n       * - web: `autocomplete`\n       * - iOS: `textContentType`\n       * - android: `autoComplete`\n       *\n       */\n      autoCompleteSuggestionType?: CommonAutoCompleteSuggestionTypes;\n    };\n    web: {\n      /**\n       * This is a react-native only prop and has no effect on web.\n       */\n      onSubmit?: undefined;\n      /**\n       * determines what autoComplete suggestion type to show\n       *\n       * Internally it'll render platform specific attributes:\n       *\n       * - web: `autocomplete`\n       * - iOS: `textContentType`\n       * - android: `autoComplete`\n       *\n       */\n      autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;\n    };\n  }> &\n  StyledPropsBlade &\n  MotionMetaProp;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype BaseInputPropsWithA11yLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: undefined;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel: string;\n};\n\n/*\n  Optional accessibilityLabel prop when label is provided\n*/\ntype BaseInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\nexport type BaseInputProps = (BaseInputPropsWithA11yLabel | BaseInputPropsWithLabel) &\n  BaseInputCommonProps;\n\nconst autoCompleteSuggestionTypeValues = [\n  'none',\n  'on',\n  'name',\n  'email',\n  'username',\n  'password',\n  'newPassword',\n  'oneTimeCode',\n  'telephone',\n  'postalCode',\n  'countryName',\n  'creditCardNumber',\n  'creditCardCSC',\n  'creditCardExpiry',\n  'creditCardExpiryMonth',\n  'creditCardExpiryYear',\n];\n\ntype OnInputKeydownTagHandlerType = (key: string | undefined) => void;\nconst useTags = (\n  tags: BaseInputProps['tags'],\n  activeTagIndex: number,\n  setActiveTagIndex?: (activeTagIndex: number) => void,\n): {\n  onInputKeydownTagHandler: OnInputKeydownTagHandlerType;\n  visibleTagsCountRef: React.MutableRefObject<number>;\n} => {\n  const visibleTagsCountRef = React.useRef<number>(0);\n\n  React.useEffect(() => {\n    if (tags && activeTagIndex >= 0 && activeTagIndex < tags.length) {\n      const tagTitle = tags[activeTagIndex]?.props?.children;\n      if (tagTitle) {\n        announce(`Close ${tagTitle} Tag`);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeTagIndex, tags?.length]);\n\n  const onTagLeft = (): void => {\n    if (activeTagIndex < 0) {\n      setActiveTagIndex?.(visibleTagsCountRef.current - 1);\n    }\n\n    if (activeTagIndex > 0) {\n      setActiveTagIndex?.(activeTagIndex - 1);\n    }\n  };\n\n  const onTagRight = (): void => {\n    if (activeTagIndex < visibleTagsCountRef.current - 1) {\n      setActiveTagIndex?.(activeTagIndex + 1);\n    }\n  };\n\n  const onTagRemove = (): void => {\n    if (activeTagIndex >= 0 && activeTagIndex < visibleTagsCountRef.current && tags) {\n      tags[activeTagIndex].props.onDismiss({ tagIndex: activeTagIndex });\n    }\n  };\n\n  const onInputKeydownTagHandler: OnInputKeydownTagHandlerType = (key) => {\n    if (tags && tags.length > 0) {\n      if (key === 'ArrowRight') {\n        onTagRight();\n      }\n\n      if (key === 'ArrowLeft') {\n        onTagLeft();\n      }\n\n      if (key === 'Backspace') {\n        onTagRemove();\n      }\n    }\n  };\n\n  return {\n    onInputKeydownTagHandler,\n    visibleTagsCountRef,\n  };\n};\n\nconst useInput = ({\n  value,\n  defaultValue,\n  onClick,\n  onFocus,\n  onChange,\n  onBlur,\n  onSubmit,\n  onInput,\n  onKeyDown,\n  onInputKeydownTagHandler,\n}: Pick<\n  BaseInputProps,\n  | 'value'\n  | 'defaultValue'\n  | 'onFocus'\n  | 'onChange'\n  | 'onBlur'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'onClick'\n  | 'onSubmit'\n> & {\n  onInputKeydownTagHandler: OnInputKeydownTagHandlerType;\n}): {\n  handleOnFocus: FormInputHandleOnEvent;\n  handleOnClick: FormInputHandleOnClickEvent;\n  handleOnChange: FormInputHandleOnEvent;\n  handleOnBlur: FormInputHandleOnEvent;\n  handleOnSubmit: FormInputHandleOnEvent;\n  handleOnInput: FormInputHandleOnEvent;\n  handleOnKeyDown: FormInputHandleOnKeyDownEvent;\n  inputValue?: string;\n} => {\n  if (__DEV__) {\n    if (value && defaultValue) {\n      throwBladeError({\n        message: `Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,\n        moduleName: 'Input',\n      });\n    }\n  }\n\n  const [inputValue, setInputValue] = React.useState(defaultValue ?? value);\n\n  const handleOnFocus: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onFocus?.({\n        name,\n        value: _value,\n      });\n    },\n    [onFocus],\n  );\n\n  const handleOnClick: FormInputHandleOnClickEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.currentTarget.value ?? '';\n      }\n\n      onClick?.({\n        name,\n        value: _value,\n      });\n    },\n    [onClick],\n  );\n\n  const handleOnSubmit: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n      if (isReactNative()) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n        //@ts-ignore need to ignore this since it will throw a TS error for web but not for native\n        onSubmit?.({\n          name,\n          value: _value,\n        });\n      }\n    },\n    [onSubmit],\n  );\n\n  const handleOnBlur: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n      if (getPlatformType() === 'react-native' && typeof value == 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onBlur?.({\n        name,\n        value: _value,\n      });\n    },\n    [onBlur],\n  );\n\n  const handleOnChange: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onChange?.({\n        name,\n        value: _value,\n      });\n      setInputValue(_value);\n    },\n    [onChange],\n  );\n\n  const handleOnInput: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n      if (getPlatformType() === 'react-native' && typeof value == 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onInput?.({\n        name,\n        value: _value,\n      });\n    },\n    [onInput],\n  );\n\n  const handleOnKeyDown: FormInputHandleOnKeyDownEvent = React.useCallback(\n    ({ name, key, code, event }) => {\n      onInputKeydownTagHandler(key);\n      onKeyDown?.({\n        name,\n        key,\n        code,\n        event,\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [onKeyDown],\n  );\n\n  return {\n    handleOnFocus,\n    handleOnClick,\n    handleOnChange,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    inputValue,\n  };\n};\n\nexport const getHintType = ({\n  validationState,\n  hasHelpText,\n}: {\n  validationState: BaseInputProps['validationState'];\n  hasHelpText: boolean;\n}): FormHintProps['type'] => {\n  if (validationState === 'error') {\n    return 'error';\n  }\n\n  if (validationState === 'success') {\n    return 'success';\n  }\n\n  if (hasHelpText) {\n    return 'help';\n  }\n\n  return 'help';\n};\n\nconst getDescribedByElementId = ({\n  validationState,\n  hasErrorText,\n  hasSuccessText,\n  hasHelpText,\n  errorTextId,\n  successTextId,\n  helpTextId,\n}: {\n  validationState: BaseInputProps['validationState'];\n  hasErrorText: boolean;\n  hasSuccessText: boolean;\n  hasHelpText: boolean;\n  errorTextId: string;\n  successTextId: string;\n  helpTextId: string;\n}): string => {\n  if (validationState === 'error' && hasErrorText) {\n    return errorTextId;\n  }\n\n  if (validationState === 'success' && hasSuccessText) {\n    return successTextId;\n  }\n\n  if (hasHelpText) {\n    return helpTextId;\n  }\n\n  return '';\n};\n\nconst FocusRingWrapper = styled(BaseBox)<{\n  currentInteraction: ActionStates;\n  isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\n  className: string;\n}>(({ theme, currentInteraction, isTableInputCell }) => ({\n  borderRadius: makeBorderSize(\n    isTableInputCell ? theme.border.radius.none : theme.border.radius.medium,\n  ),\n  width: '100%',\n  '&:focus-within': !isTableInputCell\n    ? {\n        ...getFocusRingStyles({\n          theme,\n        }),\n        transitionDuration: castWebType(\n          makeMotionTime(\n            getIn(\n              theme.motion.duration,\n              baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit']\n                .duration,\n            ),\n          ),\n        ),\n        transitionTimingFunction: castWebType(\n          theme.motion.easing[\n            baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit']\n              .easing\n          ],\n        ),\n      }\n    : {},\n}));\n\nconst _BaseInput: React.ForwardRefRenderFunction<BladeElementRef, BaseInputProps> = (\n  {\n    as = 'input',\n    label,\n    labelPosition = 'top',\n    placeholder,\n    type = 'text',\n    defaultValue,\n    tags,\n    showAllTags = false,\n    activeTagIndex = -1,\n    setActiveTagIndex,\n    name,\n    value,\n    onFocus,\n    onChange,\n    onInput,\n    onBlur,\n    onSubmit,\n    onClick,\n    onKeyDown,\n    isDisabled,\n    necessityIndicator,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    isRequired,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    onTrailingInteractionElementClick,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    maxCharacters,\n    textAlign,\n    autoFocus,\n    keyboardReturnKeyType,\n    keyboardType,\n    autoCompleteSuggestionType,\n    trailingHeaderSlot,\n    trailingFooterSlot,\n    numberOfLines,\n    id,\n    componentName,\n    accessibilityLabel,\n    labelId,\n    activeDescendant,\n    hideLabelText,\n    hideFormHint,\n    hasPopup,\n    popupId,\n    isPopupExpanded,\n    maxTagRows,\n    shouldIgnoreBlurAnimation,\n    setShouldIgnoreBlurAnimation,\n    autoCapitalize,\n    setInputWrapperRef,\n    testID,\n    isDropdownTrigger,\n    isLabelInsideInput,\n    size = 'medium',\n    trailingButton,\n    valueComponentType = 'text',\n    isTableInputCell = false,\n    showHintsAsTooltip = false,\n    _motionMeta,\n    role,\n    tabIndex,\n    leadingDropDown,\n    trailingDropDown,\n    labelSuffix,\n    labelTrailing,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const inputRef = React.useRef<BladeElementRef>(null);\n  const mergedInputRef = useMergeRefs(ref, inputRef);\n  const inputWrapperRef: InputWrapperRef = React.useRef(null);\n  const { onInputKeydownTagHandler, visibleTagsCountRef } = useTags(\n    tags,\n    activeTagIndex,\n    setActiveTagIndex,\n  );\n  const [showAllTagsWithAnimation, setShowAllTagsWithAnimation] = React.useState(false);\n  const isReactNative = getPlatformType() === 'react-native';\n  const defaultRole = hasPopup ? 'combobox' : undefined;\n\n  const inputGroupProps = useInputGroupContext();\n  const { isInsideInputGroup } = inputGroupProps;\n  const _isDisabled = inputGroupProps.isDisabled ?? isDisabled;\n  const _size = inputGroupProps.size ?? size;\n\n  React.useEffect(() => {\n    if (showAllTags) {\n      setShowAllTagsWithAnimation(true);\n    } else if (maxTagRows !== 'expandable') {\n      setShowAllTagsWithAnimation(false);\n    }\n  }, [showAllTags, maxTagRows]);\n\n  const {\n    handleOnFocus,\n    handleOnChange,\n    handleOnClick,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    inputValue,\n  } = useInput({\n    defaultValue,\n    value,\n    onFocus,\n    onClick,\n    onChange,\n    onBlur,\n    onSubmit,\n    onInput,\n    onKeyDown,\n    onInputKeydownTagHandler,\n  });\n  const { inputId, helpTextId, errorTextId, successTextId } = useFormId(id);\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';\n  const { currentInteraction, setCurrentInteraction } = useInteraction();\n  const _isRequired = isRequired || necessityIndicator === 'required';\n\n  const accessibilityProps = makeAccessible({\n    required: Boolean(_isRequired),\n    disabled: Boolean(_isDisabled),\n    invalid: Boolean(validationState === 'error'),\n    describedBy: getDescribedByElementId({\n      validationState,\n      hasErrorText: Boolean(errorText),\n      hasSuccessText: Boolean(successText),\n      hasHelpText: Boolean(helpText),\n      errorTextId,\n      successTextId,\n      helpTextId,\n    }),\n    label: accessibilityLabel,\n    hasPopup,\n    expanded: hasPopup ? isPopupExpanded : undefined,\n    controls: hasPopup ? popupId : undefined,\n    role: role ?? defaultRole,\n    activeDescendant,\n  });\n\n  const willRenderHintText =\n    Boolean(helpText) ||\n    (validationState === 'success' && Boolean(successText)) ||\n    (validationState === 'error' && Boolean(errorText));\n\n  if (__DEV__) {\n    if (\n      autoCompleteSuggestionType &&\n      !autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)\n    ) {\n      throwBladeError({\n        message: `Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(\n          ', ',\n        )} but received ${autoCompleteSuggestionType}`,\n        moduleName: 'Input',\n      });\n    }\n  }\n\n  const isTextArea = as === 'textarea';\n  return (\n    <BaseBox\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      {...metaAttribute({ name: componentName, testID })}\n      {...getStyledProps(rest)}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n        justifyContent={isLabelLeftPositioned ? 'center' : undefined}\n        alignItems={isLabelLeftPositioned ? 'center' : undefined}\n        position=\"relative\"\n        width=\"100%\"\n      >\n        {/* If the input is in an input group, we don't want to render the label */}\n        {!hideLabelText && !isLabelInsideInput && label && !isInsideInputGroup && (\n          <BaseBox\n            display=\"flex\"\n            flexDirection={isLabelLeftPositioned ? 'column' : 'row'}\n            justifyContent=\"space-between\"\n            alignSelf={isTextArea && isLabelLeftPositioned ? 'flex-start' : undefined}\n            marginY={isTextArea && isLabelLeftPositioned ? 'spacing.3' : 'spacing.0'}\n          >\n            <FormLabel\n              as=\"label\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={labelId}\n              htmlFor={inputId}\n              size={_size}\n              labelSuffix={labelSuffix}\n              labelTrailing={labelTrailing}\n            >\n              {label}\n            </FormLabel>\n            {trailingHeaderSlot?.(value ?? inputValue)}\n          </BaseBox>\n        )}\n        <FocusRingWrapper\n          currentInteraction={currentInteraction}\n          isTableInputCell={isTableInputCell}\n          className=\"focus-ring-wrapper\"\n        >\n          <BaseInputWrapper\n            isDropdownTrigger={isDropdownTrigger}\n            isTextArea={isTextArea}\n            isDisabled={_isDisabled}\n            validationState={validationState}\n            currentInteraction={currentInteraction}\n            isLabelLeftPositioned={isLabelLeftPositioned}\n            showAllTags={showAllTags}\n            setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n            ref={(refNode) => {\n              if (refNode) {\n                setInputWrapperRef?.(refNode);\n                inputWrapperRef.current = refNode;\n              }\n            }}\n            maxTagRows={maxTagRows}\n            size={_size}\n            numberOfLines={numberOfLines}\n            onClick={() => {\n              if (!isReactNative) {\n                inputRef.current?.focus();\n              }\n            }}\n            isTableInputCell={isTableInputCell}\n          >\n            <BaseInputVisuals\n              size={_size}\n              leadingIcon={leadingIcon}\n              prefix={prefix}\n              isDisabled={_isDisabled}\n              leadingInteractionElement={leadingInteractionElement}\n              leadingDropDown={leadingDropDown}\n            />\n            <BaseInputTagSlot\n              renderAs={as}\n              tags={tags}\n              isDisabled={_isDisabled}\n              showAllTags={showAllTagsWithAnimation}\n              setFocusOnInput={() => {\n                const innerRef = getInnerMotionRef({ _motionMeta, ref });\n                if (innerRef && !isReactNative && 'current' in innerRef) {\n                  innerRef.current?.focus();\n                }\n              }}\n              labelPrefix={isLabelInsideInput ? label : undefined}\n              isDropdownTrigger={isDropdownTrigger}\n              visibleTagsCountRef={visibleTagsCountRef}\n              handleOnInputClick={(e) => {\n                handleOnClick({ name, value: isReactNative ? value : e });\n              }}\n              setShouldIgnoreBlurAnimation={setShouldIgnoreBlurAnimation}\n              maxTagRows={maxTagRows}\n              inputWrapperRef={inputWrapperRef}\n              size={_size}\n              numberOfLines={numberOfLines}\n              isTextArea={isTextArea}\n              hasLeadingDropDown={Boolean(leadingDropDown)}\n            >\n              <StyledBaseInput\n                as={as}\n                id={inputId}\n                ref={getInnerMotionRef({ _motionMeta, ref: mergedInputRef as any }) as never}\n                name={name}\n                type={type}\n                defaultValue={defaultValue}\n                value={value}\n                placeholder={placeholder}\n                isDisabled={_isDisabled}\n                validationState={validationState}\n                isRequired={_isRequired}\n                handleOnFocus={handleOnFocus}\n                handleOnChange={handleOnChange}\n                handleOnBlur={handleOnBlur}\n                handleOnSubmit={handleOnSubmit}\n                handleOnInput={handleOnInput}\n                handleOnKeyDown={handleOnKeyDown}\n                handleOnClick={handleOnClick}\n                leadingIcon={leadingIcon}\n                prefix={prefix}\n                trailingInteractionElement={trailingInteractionElement}\n                leadingInteractionElement={leadingInteractionElement}\n                suffix={suffix}\n                trailingIcon={trailingIcon}\n                maxCharacters={maxCharacters}\n                textAlign={textAlign}\n                // eslint-disable-next-line jsx-a11y/no-autofocus\n                autoFocus={autoFocus}\n                keyboardReturnKeyType={keyboardReturnKeyType}\n                keyboardType={keyboardType}\n                autoCompleteSuggestionType={autoCompleteSuggestionType}\n                accessibilityProps={accessibilityProps}\n                currentInteraction={currentInteraction}\n                setCurrentInteraction={setCurrentInteraction}\n                numberOfLines={numberOfLines}\n                isTextArea={isTextArea || maxTagRows === 'multiple' || maxTagRows === 'expandable'}\n                hasPopup={hasPopup}\n                hasTags={!!(tags && tags.length > 0)}\n                shouldIgnoreBlurAnimation={shouldIgnoreBlurAnimation}\n                autoCapitalize={autoCapitalize}\n                isDropdownTrigger={isDropdownTrigger}\n                $size={_size}\n                valueComponentType={valueComponentType}\n                isTableInputCell={isTableInputCell}\n                tabIndex={tabIndex}\n                hasLeadingDropdown={Boolean(leadingDropDown)}\n                {...metaAttribute({ name: MetaConstants.StyledBaseInput })}\n                {...makeAnalyticsAttribute(rest)}\n              />\n            </BaseInputTagSlot>\n            <BaseInputVisuals\n              trailingInteractionElement={trailingInteractionElement}\n              onTrailingInteractionElementClick={onTrailingInteractionElementClick}\n              suffix={suffix}\n              trailingIcon={trailingIcon}\n              isDisabled={_isDisabled}\n              validationState={validationState}\n              trailingButton={trailingButton}\n              size={_size}\n              errorText={errorText}\n              successText={successText}\n              showHintsAsTooltip={showHintsAsTooltip}\n              trailingDropDown={trailingDropDown}\n            />\n          </BaseInputWrapper>\n        </FocusRingWrapper>\n      </BaseBox>\n      {/* If the input is in an input group, we don't want to render the hint text */}\n      {hideFormHint || showHintsAsTooltip || isInsideInputGroup ? null : (\n        <BaseBox\n          marginLeft={makeSize(\n            isLabelLeftPositioned && !hideLabelText ? formHintLeftLabelMarginLeft[_size] : 0,\n          )}\n        >\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            justifyContent={willRenderHintText ? 'space-between' : 'flex-end'}\n          >\n            <FormHint\n              type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n              helpText={helpText}\n              errorText={errorText}\n              successText={successText}\n              helpTextId={helpTextId}\n              errorTextId={errorTextId}\n              successTextId={successTextId}\n              size={_size}\n            />\n            {trailingFooterSlot?.(value ?? inputValue)}\n          </BaseBox>\n        </BaseBox>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BaseInputWithRef = React.forwardRef(_BaseInput);\nconst BaseInput = assignWithoutSideEffects(BaseInputWithRef, { displayName: 'BaseInput' });\n\nexport { BaseInput };\n"],"names":["autoCompleteSuggestionTypeValues","useTags","tags","activeTagIndex","setActiveTagIndex","visibleTagsCountRef","React","useRef","useEffect","length","_tags$activeTagIndex","_tags$activeTagIndex$","tagTitle","props","children","announce","onTagLeft","current","onTagRight","onTagRemove","onDismiss","tagIndex","onInputKeydownTagHandler","key","useInput","_ref","value","defaultValue","onClick","onFocus","onChange","onBlur","onSubmit","onInput","onKeyDown","__DEV__","throwBladeError","message","moduleName","_React$useState","useState","_React$useState2","_slicedToArray","inputValue","setInputValue","handleOnFocus","useCallback","_ref2","name","_value","getPlatformType","_value$target$value","target","handleOnClick","_ref3","_value$currentTarget$","currentTarget","handleOnSubmit","_ref4","_value$target$value2","isReactNative","handleOnBlur","_ref5","_value$target$value3","handleOnChange","_ref6","_value$target$value4","handleOnInput","_ref7","_value$target$value5","handleOnKeyDown","_ref8","code","event","getHintType","_ref9","validationState","hasHelpText","getDescribedByElementId","_ref0","hasErrorText","hasSuccessText","errorTextId","successTextId","helpTextId","FocusRingWrapper","styled","BaseBox","_ref1","theme","currentInteraction","isTableInputCell","borderRadius","makeBorderSize","border","radius","none","medium","width","Object","assign","getFocusRingStyles","transitionDuration","castWebType","makeMotionTime","getIn","motion","duration","baseInputBorderBackgroundMotion","transitionTimingFunction","easing","_BaseInput","_ref10","ref","_inputGroupProps$isDi","_inputGroupProps$size","_ref10$as","as","label","_ref10$labelPosition","labelPosition","placeholder","_ref10$type","type","_ref10$showAllTags","showAllTags","_ref10$activeTagIndex","isDisabled","necessityIndicator","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","onTrailingInteractionElementClick","leadingInteractionElement","suffix","trailingIcon","maxCharacters","textAlign","autoFocus","keyboardReturnKeyType","keyboardType","autoCompleteSuggestionType","trailingHeaderSlot","trailingFooterSlot","numberOfLines","id","componentName","accessibilityLabel","labelId","activeDescendant","hideLabelText","hideFormHint","hasPopup","popupId","isPopupExpanded","maxTagRows","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","autoCapitalize","setInputWrapperRef","testID","isDropdownTrigger","isLabelInsideInput","_ref10$size","size","trailingButton","_ref10$valueComponent","valueComponentType","_ref10$isTableInputCe","_ref10$showHintsAsToo","showHintsAsTooltip","_motionMeta","role","tabIndex","leadingDropDown","trailingDropDown","labelSuffix","labelTrailing","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","inputRef","mergedInputRef","useMergeRefs","inputWrapperRef","_useTags","_React$useState3","_React$useState4","showAllTagsWithAnimation","setShowAllTagsWithAnimation","defaultRole","undefined","inputGroupProps","useInputGroupContext","isInsideInputGroup","_isDisabled","_size","_useInput","_useFormId","useFormId","inputId","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","_useInteraction","useInteraction","setCurrentInteraction","_isRequired","accessibilityProps","makeAccessible","required","Boolean","disabled","invalid","describedBy","expanded","controls","willRenderHintText","includes","join","isTextArea","_jsxs","getOuterMotionRef","metaAttribute","getStyledProps","display","flexDirection","justifyContent","alignItems","position","alignSelf","marginY","_jsx","FormLabel","htmlFor","className","BaseInputWrapper","refNode","_inputRef$current","focus","BaseInputVisuals","BaseInputTagSlot","renderAs","setFocusOnInput","innerRef","getInnerMotionRef","_innerRef$current","labelPrefix","handleOnInputClick","e","hasLeadingDropDown","StyledBaseInput","hasTags","$size","hasLeadingDropdown","MetaConstants","makeAnalyticsAttribute","marginLeft","makeSize","formHintLeftLabelMarginLeft","FormHint","BaseInputWithRef","forwardRef","BaseInput","assignWithoutSideEffects","displayName"],"mappings":"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"}
+{"version":3,"file":"BaseInput.js","sources":["../../../../../../src/components/Input/BaseInput/BaseInput.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { ReactNode } from 'react';\nimport styled from 'styled-components';\nimport { StyledBaseInput } from './StyledBaseInput';\nimport { BaseInputVisuals } from './BaseInputVisuals';\nimport { BaseInputWrapper } from './BaseInputWrapper';\nimport { BaseInputTagSlot } from './BaseInputTagSlot';\nimport type { InputWrapperRef } from './types';\nimport { baseInputBorderBackgroundMotion, formHintLeftLabelMarginLeft } from './baseInputTokens';\nimport type {\n  FormInputLabelProps,\n  FormInputValidationProps,\n  FormInputHandleOnEvent,\n  FormInputOnEvent,\n  FormHintProps,\n} from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport type { IconComponent } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport {\n  castWebType,\n  getPlatformType,\n  isReactNative,\n  makeBorderSize,\n  makeMotionTime,\n  useBreakpoint,\n} from '~utils';\nimport type { Platform } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useFormId } from '~components/Form/useFormId';\nimport { useTheme } from '~components/BladeProvider';\nimport useInteraction from '~utils/useInteraction';\nimport type { ActionStates } from '~utils/useInteraction';\nimport type {\n  FormInputHandleOnClickEvent,\n  FormInputHandleOnKeyDownEvent,\n} from '~components/Form/FormTypes';\nimport type {\n  BladeElementRef,\n  ContainerElementType,\n  DataAnalyticsAttribute,\n  TestID,\n} from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport type { AriaAttributes } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport { announce } from '~components/LiveAnnouncer/LiveAnnouncer';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { LinkProps } from '~components/Link';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type { MotionMetaProp } from '~components/BaseMotion';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useInputGroupContext } from '~components/InputGroup/InputGroupContext';\n\ntype CommonAutoCompleteSuggestionTypes =\n  | 'none'\n  | 'name'\n  | 'email'\n  | 'username'\n  | 'password'\n  | 'newPassword'\n  | 'oneTimeCode'\n  | 'telephone'\n  | 'postalCode'\n  | 'countryName'\n  | 'creditCardNumber'\n  | 'creditCardCSC'\n  | 'creditCardExpiry'\n  | 'creditCardExpiryMonth'\n  | 'creditCardExpiryYear';\n\ntype WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes | 'on';\n\ntype BaseInputCommonProps = FormInputLabelProps &\n  DataAnalyticsAttribute &\n  FormInputValidationProps & {\n    /**\n     * Determines if it needs to be rendered as input, textarea or button\n     */\n    as?: 'input' | 'textarea' | 'button';\n    /**\n     * ID that will be used for accessibility\n     */\n    id: string;\n    /**\n     * Placeholder text to be displayed inside the input field\n     */\n    placeholder?: string;\n    /**\n     * Type of Input Field to be rendered.\n     *\n     * @default text\n     */\n    type?: 'text' | 'telephone' | 'email' | 'url' | 'number' | 'search' | 'password';\n    /**\n     * Used to set the default value of input field when it's uncontrolled\n     */\n    defaultValue?: string;\n    /**\n     * The name of the input field.\n     *\n     * Useful in form submissions\n     */\n    name?: string;\n    /**\n     * The callback function to be invoked when the input field gets focus\n     */\n    onFocus?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked when the value of the input field changes\n     */\n    onChange?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked when input is clicked\n     */\n    onClick?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked when the value of the input field has any input\n     */\n    onInput?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked whenever there is a keyDown event\n     */\n    onKeyDown?: FormInputHandleOnKeyDownEvent;\n    /**\n     * The callback function to be invoked when the the input field loses focus\n     *\n     * For React Native this will call `onEndEditing` event since we want to get the last value of the input field\n     */\n    onBlur?: FormInputOnEvent;\n    /**\n     * Ignores the blur event animation (Used in Select to ignore blur animation when item in option is clicked)\n     */\n    shouldIgnoreBlurAnimation?: boolean;\n    /**\n     * sets boolean that ignores the blur animations on baseinput\n     */\n    setShouldIgnoreBlurAnimation?: (shouldIgnoreBlurAnimation: boolean) => void;\n    /**\n     * Used to turn the input field to controlled so user can control the value\n     */\n    value?: string;\n    /**\n     * Used to disable the input field\n     */\n    isDisabled?: boolean;\n    /**\n     * If true, the input is marked as required, and `required` attribute will be added\n     */\n    isRequired?: boolean;\n    /**\n     * Icon to be shown at the start of the input field\n     */\n    leadingIcon?: IconComponent;\n    /**\n     * Prefix symbol to be displayed at the beginning of the input field. If leadingIcon is provided it'll be placed after it\n     */\n    prefix?: string;\n    /**\n     * Element to be rendered before suffix. This is decided by the component which is extending BaseInput\n     *\n     * eg: consumers can render a loader or they could render a clear button\n     */\n    trailingInteractionElement?: ReactNode;\n    /**\n     * Callback to be invoked when the TrailingInteractionElement is clicked\n     */\n    onTrailingInteractionElementClick?: () => void;\n    /**\n     * Element to be rendered before prefix. This is decided by the component which is extending BaseInput\n     *\n     * eg: consumers can render a country selector or button\n     */\n    leadingInteractionElement?: ReactNode;\n    /**\n     * Leading DropDown to be rendered at Prefix slot\n     */\n    leadingDropDown?: ReactNode;\n    /**\n     * Trailing DropDown to be rendered at Suffix slot\n     */\n    trailingDropDown?: ReactNode;\n    /**\n     * Suffix symbol to be displayed at the end of the input field. If trailingIcon is provided it'll be placed before it\n     */\n    suffix?: string;\n    /**\n     * Icon to be displayed at the end of the input field\n     */\n    trailingIcon?: IconComponent;\n    /**\n     * Displays the character counter under the input field\n     */\n    maxCharacters?: number;\n    /**\n     * alignment of the text inside input field\n     */\n    textAlign?: 'left' | 'center' | 'right';\n    /**\n     * If true, focuses the input field on load\n     *\n     * **Note:**\n     * Automatically focusing a form control can confuse visually-impaired people using screen-reading technology and people with cognitive impairments.\n     * When autofocus is assigned, screen-readers \"teleport\" their user to the form control without warning them beforehand.\n     */\n    autoFocus?: boolean;\n    /**\n     * Hints the platform to display an appropriate virtual keyboard\n     *\n     * **Native:** Passes as is the `keyboardType` attribute\n     *\n     * **Web:** Passes the value to the `inputMode` attribute\n     */\n    keyboardType?: 'text' | 'search' | 'telephone' | 'email' | 'url' | 'decimal';\n    /**\n     * determines what return key to show on the keyboard of mobile devices/virtual keyboard\n     * **Note**: Few values are platform dependent and might not render on all the platforms\n     *\n     * `default` is only available on native. it'll be mapped to `enter` for web\n     * `previous` is only available on native android\n     */\n    keyboardReturnKeyType?: 'default' | 'go' | 'done' | 'next' | 'previous' | 'search' | 'send';\n    /**\n     * Element to be rendered on the trailing slot of input field label\n     */\n    trailingHeaderSlot?: (value?: string) => ReactNode;\n    /**\n     * Element to be rendered on the trailing slot of input field footer\n     */\n    trailingFooterSlot?: (value?: string) => ReactNode;\n    /**\n     * Sets the textarea's number of lines\n     */\n    numberOfLines?: 1 | 2 | 3 | 4 | 5;\n    /**\n     * Sets the accessibility label for the input\n     */\n    accessibilityLabel?: string;\n    /**\n     * Sets the id of the label\n     *\n     * (Useful when assigning one label to multiple elements using aria-labelledby)\n     */\n    labelId?: string;\n    /**\n     * Can be used in select to set the id of the active descendant from the listbox\n     */\n    activeDescendant?: string;\n    /**\n     * Hides the label text\n     */\n    hideLabelText?: boolean;\n    /**\n     * Hides the form hint text\n     */\n    hideFormHint?: boolean;\n    /**\n     * componentName prop sets the data-blade-component attribute name\n     * for internal metric collection purposes\n     */\n    componentName?: string;\n    /**\n     * whether the input has a popup\n     */\n    hasPopup?: AriaAttributes['hasPopup'];\n    /**\n     * id of the popup\n     */\n    popupId?: string;\n    /**\n     * true if popup is in expanded state\n     */\n    isPopupExpanded?: boolean;\n    setInputWrapperRef?: (node: ContainerElementType) => void;\n    /**\n     * sets the autocapitalize behavior for the input\n     */\n    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';\n\n    /**\n     * constraints the height of input to given number rows\n     *\n     * When set to expandable, input takes 1 row in the begining and expands to take 3 when active\n     *\n     * @default 'single'\n     */\n    maxTagRows?: 'single' | 'multiple' | 'expandable';\n\n    /**\n     * A slot for adding tags to input\n     */\n    tags?: React.ReactElement[] | null;\n\n    /**\n     * Disables stripping of tags and shows all tags\n     */\n    showAllTags?: boolean;\n\n    /**\n     * State variable of active tag index\n     */\n    activeTagIndex?: number;\n\n    /**\n     * Is this input SelectInput or AutoComplete\n     */\n    isDropdownTrigger?: boolean;\n\n    /**\n     * Is the label expected to be rendered inside input?\n     * Used in AutoComplete and Select when label can't exist outside\n     *\n     */\n    isLabelInsideInput?: boolean;\n\n    /**\n     * State setter for active tag index\n     */\n    setActiveTagIndex?: (activeTagIndex: number) => void;\n    /**\n     * Sets the size of the input field\n     * @default medium\n     */\n    size?: 'medium' | 'large';\n    /**\n     * Link button to be rendered at the end of the input field.\n     * **Note:** `size` of the Link will be set to the same size as the input field, `isDisabled` will follow Input's `isDisabled`, & `variant` will be set to `button`.\n     * Example:\n     * ```tsx\n     * trailingButton={<Link onClick={handleClick}>Apply</Link>}\n     * ```\n     */\n    trailingButton?: React.ReactElement<LinkProps>;\n    /**\n     * Whether to use Text or Heading component for Input text\n     * @default text\n     **/\n    valueComponentType?: 'text' | 'heading';\n    /**\n     * Whether to render the input as a table cell\n     * @default true\n     **/\n    isTableInputCell?: boolean;\n    /**\n     * Hides the form hints and shows them as tooltip of trailing\n     */\n    showHintsAsTooltip?: boolean;\n\n    role?: AriaAttributes['role'];\n\n    /**\n     * Tab Index of the input field\n     *\n     * @default undefined\n     */\n    tabIndex?: number;\n  } & TestID &\n  Platform.Select<{\n    native: {\n      /**\n       * The callback function to be invoked when the value of the input field is submitted.\n       */\n      onSubmit?: FormInputOnEvent;\n      /**\n       * determines what autoComplete suggestion type to show\n       *\n       * Internally it'll render platform specific attributes:\n       *\n       * - web: `autocomplete`\n       * - iOS: `textContentType`\n       * - android: `autoComplete`\n       *\n       */\n      autoCompleteSuggestionType?: CommonAutoCompleteSuggestionTypes;\n    };\n    web: {\n      /**\n       * This is a react-native only prop and has no effect on web.\n       */\n      onSubmit?: undefined;\n      /**\n       * determines what autoComplete suggestion type to show\n       *\n       * Internally it'll render platform specific attributes:\n       *\n       * - web: `autocomplete`\n       * - iOS: `textContentType`\n       * - android: `autoComplete`\n       *\n       */\n      autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;\n    };\n  }> &\n  StyledPropsBlade &\n  MotionMetaProp;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype BaseInputPropsWithA11yLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: undefined;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel: string;\n};\n\n/*\n  Optional accessibilityLabel prop when label is provided\n*/\ntype BaseInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\nexport type BaseInputProps = (BaseInputPropsWithA11yLabel | BaseInputPropsWithLabel) &\n  BaseInputCommonProps;\n\nconst autoCompleteSuggestionTypeValues = [\n  'none',\n  'on',\n  'name',\n  'email',\n  'username',\n  'password',\n  'newPassword',\n  'oneTimeCode',\n  'telephone',\n  'postalCode',\n  'countryName',\n  'creditCardNumber',\n  'creditCardCSC',\n  'creditCardExpiry',\n  'creditCardExpiryMonth',\n  'creditCardExpiryYear',\n];\n\ntype OnInputKeydownTagHandlerType = (key: string | undefined) => void;\nconst useTags = (\n  tags: BaseInputProps['tags'],\n  activeTagIndex: number,\n  setActiveTagIndex?: (activeTagIndex: number) => void,\n): {\n  onInputKeydownTagHandler: OnInputKeydownTagHandlerType;\n  visibleTagsCountRef: React.MutableRefObject<number>;\n} => {\n  const visibleTagsCountRef = React.useRef<number>(0);\n\n  React.useEffect(() => {\n    if (tags && activeTagIndex >= 0 && activeTagIndex < tags.length) {\n      const tagTitle = tags[activeTagIndex]?.props?.children;\n      if (tagTitle) {\n        announce(`Close ${tagTitle} Tag`);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeTagIndex, tags?.length]);\n\n  const onTagLeft = (): void => {\n    if (activeTagIndex < 0) {\n      setActiveTagIndex?.(visibleTagsCountRef.current - 1);\n    }\n\n    if (activeTagIndex > 0) {\n      setActiveTagIndex?.(activeTagIndex - 1);\n    }\n  };\n\n  const onTagRight = (): void => {\n    if (activeTagIndex < visibleTagsCountRef.current - 1) {\n      setActiveTagIndex?.(activeTagIndex + 1);\n    }\n  };\n\n  const onTagRemove = (): void => {\n    if (activeTagIndex >= 0 && activeTagIndex < visibleTagsCountRef.current && tags) {\n      tags[activeTagIndex].props.onDismiss({ tagIndex: activeTagIndex });\n    }\n  };\n\n  const onInputKeydownTagHandler: OnInputKeydownTagHandlerType = (key) => {\n    if (tags && tags.length > 0) {\n      if (key === 'ArrowRight') {\n        onTagRight();\n      }\n\n      if (key === 'ArrowLeft') {\n        onTagLeft();\n      }\n\n      if (key === 'Backspace') {\n        onTagRemove();\n      }\n    }\n  };\n\n  return {\n    onInputKeydownTagHandler,\n    visibleTagsCountRef,\n  };\n};\n\nconst useInput = ({\n  value,\n  defaultValue,\n  onClick,\n  onFocus,\n  onChange,\n  onBlur,\n  onSubmit,\n  onInput,\n  onKeyDown,\n  onInputKeydownTagHandler,\n}: Pick<\n  BaseInputProps,\n  | 'value'\n  | 'defaultValue'\n  | 'onFocus'\n  | 'onChange'\n  | 'onBlur'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'onClick'\n  | 'onSubmit'\n> & {\n  onInputKeydownTagHandler: OnInputKeydownTagHandlerType;\n}): {\n  handleOnFocus: FormInputHandleOnEvent;\n  handleOnClick: FormInputHandleOnClickEvent;\n  handleOnChange: FormInputHandleOnEvent;\n  handleOnBlur: FormInputHandleOnEvent;\n  handleOnSubmit: FormInputHandleOnEvent;\n  handleOnInput: FormInputHandleOnEvent;\n  handleOnKeyDown: FormInputHandleOnKeyDownEvent;\n  inputValue?: string;\n} => {\n  if (__DEV__) {\n    if (value && defaultValue) {\n      throwBladeError({\n        message: `Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,\n        moduleName: 'Input',\n      });\n    }\n  }\n\n  const [inputValue, setInputValue] = React.useState(defaultValue ?? value);\n\n  const handleOnFocus: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onFocus?.({\n        name,\n        value: _value,\n      });\n    },\n    [onFocus],\n  );\n\n  const handleOnClick: FormInputHandleOnClickEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.currentTarget.value ?? '';\n      }\n\n      onClick?.({\n        name,\n        value: _value,\n      });\n    },\n    [onClick],\n  );\n\n  const handleOnSubmit: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n      if (isReactNative()) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n        //@ts-ignore need to ignore this since it will throw a TS error for web but not for native\n        onSubmit?.({\n          name,\n          value: _value,\n        });\n      }\n    },\n    [onSubmit],\n  );\n\n  const handleOnBlur: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n      if (getPlatformType() === 'react-native' && typeof value == 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onBlur?.({\n        name,\n        value: _value,\n      });\n    },\n    [onBlur],\n  );\n\n  const handleOnChange: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onChange?.({\n        name,\n        value: _value,\n      });\n      setInputValue(_value);\n    },\n    [onChange],\n  );\n\n  const handleOnInput: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n      if (getPlatformType() === 'react-native' && typeof value == 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onInput?.({\n        name,\n        value: _value,\n      });\n    },\n    [onInput],\n  );\n\n  const handleOnKeyDown: FormInputHandleOnKeyDownEvent = React.useCallback(\n    ({ name, key, code, event }) => {\n      onInputKeydownTagHandler(key);\n      onKeyDown?.({\n        name,\n        key,\n        code,\n        event,\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [onKeyDown],\n  );\n\n  return {\n    handleOnFocus,\n    handleOnClick,\n    handleOnChange,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    inputValue,\n  };\n};\n\nexport const getHintType = ({\n  validationState,\n  hasHelpText,\n}: {\n  validationState: BaseInputProps['validationState'];\n  hasHelpText: boolean;\n}): FormHintProps['type'] => {\n  if (validationState === 'error') {\n    return 'error';\n  }\n\n  if (validationState === 'success') {\n    return 'success';\n  }\n\n  if (hasHelpText) {\n    return 'help';\n  }\n\n  return 'help';\n};\n\nconst getDescribedByElementId = ({\n  validationState,\n  hasErrorText,\n  hasSuccessText,\n  hasHelpText,\n  errorTextId,\n  successTextId,\n  helpTextId,\n}: {\n  validationState: BaseInputProps['validationState'];\n  hasErrorText: boolean;\n  hasSuccessText: boolean;\n  hasHelpText: boolean;\n  errorTextId: string;\n  successTextId: string;\n  helpTextId: string;\n}): string => {\n  if (validationState === 'error' && hasErrorText) {\n    return errorTextId;\n  }\n\n  if (validationState === 'success' && hasSuccessText) {\n    return successTextId;\n  }\n\n  if (hasHelpText) {\n    return helpTextId;\n  }\n\n  return '';\n};\n\nconst FocusRingWrapper = styled(BaseBox)<{\n  currentInteraction: ActionStates;\n  isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\n  className: string;\n  shouldAddLimitedFocus: boolean;\n}>(({ theme, currentInteraction, isTableInputCell, shouldAddLimitedFocus }) => ({\n  borderRadius: makeBorderSize(\n    isTableInputCell ? theme.border.radius.none : theme.border.radius.medium,\n  ),\n  width: '100%',\n  '&:focus-within':\n    !isTableInputCell && (shouldAddLimitedFocus ? currentInteraction === 'focus' : true)\n      ? {\n          ...getFocusRingStyles({\n            theme,\n          }),\n          transitionDuration: castWebType(\n            makeMotionTime(\n              getIn(\n                theme.motion.duration,\n                baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit']\n                  .duration,\n              ),\n            ),\n          ),\n          transitionTimingFunction: castWebType(\n            theme.motion.easing[\n              baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit']\n                .easing\n            ],\n          ),\n        }\n      : {},\n}));\n\nconst _BaseInput: React.ForwardRefRenderFunction<BladeElementRef, BaseInputProps> = (\n  {\n    as = 'input',\n    label,\n    labelPosition = 'top',\n    placeholder,\n    type = 'text',\n    defaultValue,\n    tags,\n    showAllTags = false,\n    activeTagIndex = -1,\n    setActiveTagIndex,\n    name,\n    value,\n    onFocus,\n    onChange,\n    onInput,\n    onBlur,\n    onSubmit,\n    onClick,\n    onKeyDown,\n    isDisabled,\n    necessityIndicator,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    isRequired,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    onTrailingInteractionElementClick,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    maxCharacters,\n    textAlign,\n    autoFocus,\n    keyboardReturnKeyType,\n    keyboardType,\n    autoCompleteSuggestionType,\n    trailingHeaderSlot,\n    trailingFooterSlot,\n    numberOfLines,\n    id,\n    componentName,\n    accessibilityLabel,\n    labelId,\n    activeDescendant,\n    hideLabelText,\n    hideFormHint,\n    hasPopup,\n    popupId,\n    isPopupExpanded,\n    maxTagRows,\n    shouldIgnoreBlurAnimation,\n    setShouldIgnoreBlurAnimation,\n    autoCapitalize,\n    setInputWrapperRef,\n    testID,\n    isDropdownTrigger,\n    isLabelInsideInput,\n    size = 'medium',\n    trailingButton,\n    valueComponentType = 'text',\n    isTableInputCell = false,\n    showHintsAsTooltip = false,\n    _motionMeta,\n    role,\n    tabIndex,\n    leadingDropDown,\n    trailingDropDown,\n    labelSuffix,\n    labelTrailing,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const inputRef = React.useRef<BladeElementRef>(null);\n  const mergedInputRef = useMergeRefs(ref, inputRef);\n  const inputWrapperRef: InputWrapperRef = React.useRef(null);\n  const { onInputKeydownTagHandler, visibleTagsCountRef } = useTags(\n    tags,\n    activeTagIndex,\n    setActiveTagIndex,\n  );\n  const [showAllTagsWithAnimation, setShowAllTagsWithAnimation] = React.useState(false);\n  const isReactNative = getPlatformType() === 'react-native';\n  const defaultRole = hasPopup ? 'combobox' : undefined;\n\n  const inputGroupProps = useInputGroupContext();\n  const { isInsideInputGroup } = inputGroupProps;\n  const _isDisabled = inputGroupProps.isDisabled ?? isDisabled;\n  const _size = inputGroupProps.size ?? size;\n\n  React.useEffect(() => {\n    if (showAllTags) {\n      setShowAllTagsWithAnimation(true);\n    } else if (maxTagRows !== 'expandable') {\n      setShowAllTagsWithAnimation(false);\n    }\n  }, [showAllTags, maxTagRows]);\n\n  const {\n    handleOnFocus,\n    handleOnChange,\n    handleOnClick,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    inputValue,\n  } = useInput({\n    defaultValue,\n    value,\n    onFocus,\n    onClick,\n    onChange,\n    onBlur,\n    onSubmit,\n    onInput,\n    onKeyDown,\n    onInputKeydownTagHandler,\n  });\n  const { inputId, helpTextId, errorTextId, successTextId } = useFormId(id);\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';\n  const { currentInteraction, setCurrentInteraction } = useInteraction();\n  const _isRequired = isRequired || necessityIndicator === 'required';\n\n  const accessibilityProps = makeAccessible({\n    required: Boolean(_isRequired),\n    disabled: Boolean(_isDisabled),\n    invalid: Boolean(validationState === 'error'),\n    describedBy: getDescribedByElementId({\n      validationState,\n      hasErrorText: Boolean(errorText),\n      hasSuccessText: Boolean(successText),\n      hasHelpText: Boolean(helpText),\n      errorTextId,\n      successTextId,\n      helpTextId,\n    }),\n    label: accessibilityLabel,\n    hasPopup,\n    expanded: hasPopup ? isPopupExpanded : undefined,\n    controls: hasPopup ? popupId : undefined,\n    role: role ?? defaultRole,\n    activeDescendant,\n  });\n\n  const willRenderHintText =\n    Boolean(helpText) ||\n    (validationState === 'success' && Boolean(successText)) ||\n    (validationState === 'error' && Boolean(errorText));\n\n  if (__DEV__) {\n    if (\n      autoCompleteSuggestionType &&\n      !autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)\n    ) {\n      throwBladeError({\n        message: `Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(\n          ', ',\n        )} but received ${autoCompleteSuggestionType}`,\n        moduleName: 'Input',\n      });\n    }\n  }\n\n  const isTextArea = as === 'textarea';\n  const hasLeadingDropdown = Boolean(leadingDropDown);\n  const hasTrailingDropdown = Boolean(trailingDropDown);\n\n  const shouldAddLimitedFocus = hasLeadingDropdown || hasTrailingDropdown;\n  return (\n    <BaseBox\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      {...metaAttribute({ name: componentName, testID })}\n      {...getStyledProps(rest)}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n        justifyContent={isLabelLeftPositioned ? 'center' : undefined}\n        alignItems={isLabelLeftPositioned ? 'center' : undefined}\n        position=\"relative\"\n        width=\"100%\"\n      >\n        {/* If the input is in an input group, we don't want to render the label */}\n        {!hideLabelText && !isLabelInsideInput && label && !isInsideInputGroup && (\n          <BaseBox\n            display=\"flex\"\n            flexDirection={isLabelLeftPositioned ? 'column' : 'row'}\n            justifyContent=\"space-between\"\n            alignSelf={isTextArea && isLabelLeftPositioned ? 'flex-start' : undefined}\n            marginY={isTextArea && isLabelLeftPositioned ? 'spacing.3' : 'spacing.0'}\n          >\n            <FormLabel\n              as=\"label\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={labelId}\n              htmlFor={inputId}\n              size={_size}\n              labelSuffix={labelSuffix}\n              labelTrailing={labelTrailing}\n            >\n              {label}\n            </FormLabel>\n            {trailingHeaderSlot?.(value ?? inputValue)}\n          </BaseBox>\n        )}\n        <FocusRingWrapper\n          currentInteraction={currentInteraction}\n          isTableInputCell={isTableInputCell}\n          className=\"focus-ring-wrapper\"\n          shouldAddLimitedFocus={shouldAddLimitedFocus}\n        >\n          <BaseInputWrapper\n            isDropdownTrigger={isDropdownTrigger}\n            isTextArea={isTextArea}\n            isDisabled={_isDisabled}\n            validationState={validationState}\n            currentInteraction={currentInteraction}\n            isLabelLeftPositioned={isLabelLeftPositioned}\n            showAllTags={showAllTags}\n            setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n            ref={(refNode) => {\n              if (refNode) {\n                setInputWrapperRef?.(refNode);\n                inputWrapperRef.current = refNode;\n              }\n            }}\n            maxTagRows={maxTagRows}\n            size={_size}\n            numberOfLines={numberOfLines}\n            onClick={() => {\n              if (!isReactNative) {\n                inputRef.current?.focus();\n              }\n            }}\n            isTableInputCell={isTableInputCell}\n          >\n            <BaseInputVisuals\n              size={_size}\n              leadingIcon={leadingIcon}\n              prefix={prefix}\n              isDisabled={_isDisabled}\n              leadingInteractionElement={leadingInteractionElement}\n              leadingDropDown={leadingDropDown}\n            />\n            <BaseInputTagSlot\n              renderAs={as}\n              tags={tags}\n              isDisabled={_isDisabled}\n              showAllTags={showAllTagsWithAnimation}\n              setFocusOnInput={() => {\n                const innerRef = getInnerMotionRef({ _motionMeta, ref });\n                if (innerRef && !isReactNative && 'current' in innerRef) {\n                  innerRef.current?.focus();\n                }\n              }}\n              labelPrefix={isLabelInsideInput ? label : undefined}\n              isDropdownTrigger={isDropdownTrigger}\n              visibleTagsCountRef={visibleTagsCountRef}\n              handleOnInputClick={(e) => {\n                handleOnClick({ name, value: isReactNative ? value : e });\n              }}\n              setShouldIgnoreBlurAnimation={setShouldIgnoreBlurAnimation}\n              maxTagRows={maxTagRows}\n              inputWrapperRef={inputWrapperRef}\n              size={_size}\n              numberOfLines={numberOfLines}\n              isTextArea={isTextArea}\n            >\n              <StyledBaseInput\n                as={as}\n                id={inputId}\n                ref={getInnerMotionRef({ _motionMeta, ref: mergedInputRef as any }) as never}\n                name={name}\n                type={type}\n                defaultValue={defaultValue}\n                value={value}\n                placeholder={placeholder}\n                isDisabled={_isDisabled}\n                validationState={validationState}\n                isRequired={_isRequired}\n                handleOnFocus={handleOnFocus}\n                handleOnChange={handleOnChange}\n                handleOnBlur={handleOnBlur}\n                handleOnSubmit={handleOnSubmit}\n                handleOnInput={handleOnInput}\n                handleOnKeyDown={handleOnKeyDown}\n                handleOnClick={handleOnClick}\n                leadingIcon={leadingIcon}\n                prefix={prefix}\n                trailingInteractionElement={trailingInteractionElement}\n                leadingInteractionElement={leadingInteractionElement}\n                suffix={suffix}\n                trailingIcon={trailingIcon}\n                maxCharacters={maxCharacters}\n                textAlign={textAlign}\n                // eslint-disable-next-line jsx-a11y/no-autofocus\n                autoFocus={autoFocus}\n                keyboardReturnKeyType={keyboardReturnKeyType}\n                keyboardType={keyboardType}\n                autoCompleteSuggestionType={autoCompleteSuggestionType}\n                accessibilityProps={accessibilityProps}\n                currentInteraction={currentInteraction}\n                setCurrentInteraction={setCurrentInteraction}\n                numberOfLines={numberOfLines}\n                isTextArea={isTextArea || maxTagRows === 'multiple' || maxTagRows === 'expandable'}\n                hasPopup={hasPopup}\n                hasTags={!!(tags && tags.length > 0)}\n                shouldIgnoreBlurAnimation={shouldIgnoreBlurAnimation}\n                autoCapitalize={autoCapitalize}\n                isDropdownTrigger={isDropdownTrigger}\n                $size={_size}\n                valueComponentType={valueComponentType}\n                isTableInputCell={isTableInputCell}\n                tabIndex={tabIndex}\n                hasLeadingDropdown={Boolean(leadingDropDown)}\n                {...metaAttribute({ name: MetaConstants.StyledBaseInput })}\n                {...makeAnalyticsAttribute(rest)}\n              />\n            </BaseInputTagSlot>\n            <BaseInputVisuals\n              trailingInteractionElement={trailingInteractionElement}\n              onTrailingInteractionElementClick={onTrailingInteractionElementClick}\n              suffix={suffix}\n              trailingIcon={trailingIcon}\n              isDisabled={_isDisabled}\n              validationState={validationState}\n              trailingButton={trailingButton}\n              size={_size}\n              errorText={errorText}\n              successText={successText}\n              showHintsAsTooltip={showHintsAsTooltip}\n              trailingDropDown={trailingDropDown}\n            />\n          </BaseInputWrapper>\n        </FocusRingWrapper>\n      </BaseBox>\n      {/* If the input is in an input group, we don't want to render the hint text */}\n      {hideFormHint || showHintsAsTooltip || isInsideInputGroup ? null : (\n        <BaseBox\n          marginLeft={makeSize(\n            isLabelLeftPositioned && !hideLabelText ? formHintLeftLabelMarginLeft[_size] : 0,\n          )}\n        >\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            justifyContent={willRenderHintText ? 'space-between' : 'flex-end'}\n          >\n            <FormHint\n              type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n              helpText={helpText}\n              errorText={errorText}\n              successText={successText}\n              helpTextId={helpTextId}\n              errorTextId={errorTextId}\n              successTextId={successTextId}\n              size={_size}\n            />\n            {trailingFooterSlot?.(value ?? inputValue)}\n          </BaseBox>\n        </BaseBox>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BaseInputWithRef = React.forwardRef(_BaseInput);\nconst BaseInput = assignWithoutSideEffects(BaseInputWithRef, { displayName: 'BaseInput' });\n\nexport { BaseInput };\n"],"names":["autoCompleteSuggestionTypeValues","useTags","tags","activeTagIndex","setActiveTagIndex","visibleTagsCountRef","React","useRef","useEffect","length","_tags$activeTagIndex","_tags$activeTagIndex$","tagTitle","props","children","announce","onTagLeft","current","onTagRight","onTagRemove","onDismiss","tagIndex","onInputKeydownTagHandler","key","useInput","_ref","value","defaultValue","onClick","onFocus","onChange","onBlur","onSubmit","onInput","onKeyDown","__DEV__","throwBladeError","message","moduleName","_React$useState","useState","_React$useState2","_slicedToArray","inputValue","setInputValue","handleOnFocus","useCallback","_ref2","name","_value","getPlatformType","_value$target$value","target","handleOnClick","_ref3","_value$currentTarget$","currentTarget","handleOnSubmit","_ref4","_value$target$value2","isReactNative","handleOnBlur","_ref5","_value$target$value3","handleOnChange","_ref6","_value$target$value4","handleOnInput","_ref7","_value$target$value5","handleOnKeyDown","_ref8","code","event","getHintType","_ref9","validationState","hasHelpText","getDescribedByElementId","_ref0","hasErrorText","hasSuccessText","errorTextId","successTextId","helpTextId","FocusRingWrapper","styled","BaseBox","_ref1","theme","currentInteraction","isTableInputCell","shouldAddLimitedFocus","borderRadius","makeBorderSize","border","radius","none","medium","width","Object","assign","getFocusRingStyles","transitionDuration","castWebType","makeMotionTime","getIn","motion","duration","baseInputBorderBackgroundMotion","transitionTimingFunction","easing","_BaseInput","_ref10","ref","_inputGroupProps$isDi","_inputGroupProps$size","_ref10$as","as","label","_ref10$labelPosition","labelPosition","placeholder","_ref10$type","type","_ref10$showAllTags","showAllTags","_ref10$activeTagIndex","isDisabled","necessityIndicator","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","onTrailingInteractionElementClick","leadingInteractionElement","suffix","trailingIcon","maxCharacters","textAlign","autoFocus","keyboardReturnKeyType","keyboardType","autoCompleteSuggestionType","trailingHeaderSlot","trailingFooterSlot","numberOfLines","id","componentName","accessibilityLabel","labelId","activeDescendant","hideLabelText","hideFormHint","hasPopup","popupId","isPopupExpanded","maxTagRows","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","autoCapitalize","setInputWrapperRef","testID","isDropdownTrigger","isLabelInsideInput","_ref10$size","size","trailingButton","_ref10$valueComponent","valueComponentType","_ref10$isTableInputCe","_ref10$showHintsAsToo","showHintsAsTooltip","_motionMeta","role","tabIndex","leadingDropDown","trailingDropDown","labelSuffix","labelTrailing","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","inputRef","mergedInputRef","useMergeRefs","inputWrapperRef","_useTags","_React$useState3","_React$useState4","showAllTagsWithAnimation","setShowAllTagsWithAnimation","defaultRole","undefined","inputGroupProps","useInputGroupContext","isInsideInputGroup","_isDisabled","_size","_useInput","_useFormId","useFormId","inputId","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","_useInteraction","useInteraction","setCurrentInteraction","_isRequired","accessibilityProps","makeAccessible","required","Boolean","disabled","invalid","describedBy","expanded","controls","willRenderHintText","includes","join","isTextArea","hasLeadingDropdown","hasTrailingDropdown","_jsxs","getOuterMotionRef","metaAttribute","getStyledProps","display","flexDirection","justifyContent","alignItems","position","alignSelf","marginY","_jsx","FormLabel","htmlFor","className","BaseInputWrapper","refNode","_inputRef$current","focus","BaseInputVisuals","BaseInputTagSlot","renderAs","setFocusOnInput","innerRef","getInnerMotionRef","_innerRef$current","labelPrefix","handleOnInputClick","e","StyledBaseInput","hasTags","$size","MetaConstants","makeAnalyticsAttribute","marginLeft","makeSize","formHintLeftLabelMarginLeft","FormHint","BaseInputWithRef","forwardRef","BaseInput","assignWithoutSideEffects","displayName"],"mappings":"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"}

package/build/lib/native/components/Input/TextInput/TextInput.js

@@ -467,8 +467,9 @@ import '../../Dropdown/DropdownIconButton.js';
 import '../../Dropdown/DropdownHeaderFooter.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { isIconComponent } from '../../../utils/isIconComponent/isIconComponent.js';
+import { useDatePickerContext } from '../../DatePicker/DatePickerContext.js';
 
-var _excluded=["label","accessibilityLabel","labelPosition","placeholder","type","defaultValue","name","value","maxCharacters","format","onChange","onClick","onFocus","onBlur","onSubmit","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","icon","prefix","showClearButton","onClearButtonClick","isLoading","suffix","autoFocus","keyboardReturnKeyType","autoCompleteSuggestionType","autoCapitalize","testID","size","leadingIcon","trailingIcon","isTaggedInput","tags","onTagChange","trailing","leading","labelSuffix","labelTrailing","onKeyDown"];var isReactNative=function isReactNative(_textInputRef){return getPlatformType()==='react-native';};var _TextInput=function _TextInput(_ref,ref){var _ref4;var label=_ref.label,accessibilityLabel=_ref.accessibilityLabel,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,placeholder=_ref.placeholder,_ref$type=_ref.type,type=_ref$type===void 0?'text':_ref$type,defaultValue=_ref.defaultValue,name=_ref.name,value=_ref.value,maxCharacters=_ref.maxCharacters,format=_ref.format,onChange=_ref.onChange,onClick=_ref.onClick,_onFocus=_ref.onFocus,_onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,isDisabled=_ref.isDisabled,necessityIndicator=_ref.necessityIndicator,validationState=_ref.validationState,errorText=_ref.errorText,helpText=_ref.helpText,successText=_ref.successText,isRequired=_ref.isRequired,icon=_ref.icon,prefix=_ref.prefix,showClearButton=_ref.showClearButton,onClearButtonClick=_ref.onClearButtonClick,isLoading=_ref.isLoading,suffix=_ref.suffix,autoFocus=_ref.autoFocus,keyboardReturnKeyType=_ref.keyboardReturnKeyType,autoCompleteSuggestionType=_ref.autoCompleteSuggestionType,autoCapitalize=_ref.autoCapitalize,testID=_ref.testID,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,leadingIcon=_ref.leadingIcon,trailingIcon=_ref.trailingIcon,isTaggedInput=_ref.isTaggedInput,tags=_ref.tags,onTagChange=_ref.onTagChange,trailing=_ref.trailing,leading=_ref.leading,labelSuffix=_ref.labelSuffix,labelTrailing=_ref.labelTrailing,_onKeyDown=_ref.onKeyDown,rest=_objectWithoutProperties(_ref,_excluded);var textInputRef=React__default.useRef(null);var mergedRef=useMergeRefs(ref,textInputRef);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),shouldShowClearButton=_useState2[0],setShouldShowClearButton=_useState2[1];var _useState3=useState(autoFocus!=null?autoFocus:false),_useState4=_slicedToArray(_useState3,2),isInputFocussed=_useState4[0],setIsInputFocussed=_useState4[1];if(__DEV__){if(format){var hasAlphanumeric=/[a-zA-Z0-9]/.test(format);if(hasAlphanumeric){throw new Error(`[Blade: TextInput] Invalid format "${format}". Only # and special characters allowed, no letters/numbers.`);}}}var formattingResult=useFormattedInput({format:format,onChange:onChange,value:value,defaultValue:defaultValue});var inputValue=format?formattingResult.formattedValue:value;var effectiveMaxCharacters=format?formattingResult.maxLength:maxCharacters;var handleOnChange=React__default.useCallback(function(_ref2){var name=_ref2.name,inputValue=_ref2.value;if(format){formattingResult.handleChange({name:name,value:inputValue});}else {onChange==null?void 0:onChange({name:name,value:inputValue});}},[format,formattingResult.handleChange,onChange]);var _useTaggedInput=useTaggedInput({isTaggedInput:isTaggedInput,tags:tags,onTagChange:onTagChange,isDisabled:isDisabled,onChange:handleOnChange,name:name,value:inputValue,inputRef:textInputRef}),activeTagIndex=_useTaggedInput.activeTagIndex,setActiveTagIndex=_useTaggedInput.setActiveTagIndex,getTags=_useTaggedInput.getTags,handleTaggedInputKeydown=_useTaggedInput.handleTaggedInputKeydown,handleTaggedInputChange=_useTaggedInput.handleTaggedInputChange,handleTagsClear=_useTaggedInput.handleTagsClear;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isTrailingDropDownOpen=_React$useState2[0],setIsTrailingDropDownOpen=_React$useState2[1];var _React$useState3=React__default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),isLeadingDropDownOpen=_React$useState4[0],setIsLeadingDropDownOpen=_React$useState4[1];var textInputWrapperRef=useRef(null);useEffect(function(){if(isTrailingDropDownOpen&&isLeadingDropDownOpen){setIsLeadingDropDownOpen(false);}},[isTrailingDropDownOpen]);useEffect(function(){if(isLeadingDropDownOpen&&isTrailingDropDownOpen){setIsTrailingDropDownOpen(false);}},[isLeadingDropDownOpen]);var leadingDropDown=leading&&getComponentId(leading)==='Dropdown'?leading:null;var trailingDropdown=trailing&&getComponentId(trailing)==='Dropdown'?trailing:null;var _leadingIcon=isIconComponent(leading)?leading:undefined;var _trailingIcon=isIconComponent(trailing)?trailing:undefined;var hasLeadingInteractionElement=!_leadingIcon&&!leadingDropDown&&leading;var hasTrailingInteractionElement=!_trailingIcon&&!trailingDropdown&&trailing;var renderDropdown=function renderDropdown(dropdown,isOpen,setIsOpen,defaultPlacement){if(!dropdown){return null;}return React__default.cloneElement(dropdown,{selectionType:'single',isOpen:isOpen,onOpenChange:function onOpenChange(isOpen){setIsOpen(isOpen);},children:React__default.Children.map(dropdown.props.children,function(child){if(child.type===DropdownOverlay){return React__default.cloneElement(child,{referenceRef:textInputWrapperRef,_isNestedDropdown:true,defaultPlacement:defaultPlacement});}return child;})});};var renderLeadingDropDown=renderDropdown(leadingDropDown,isLeadingDropDownOpen,setIsLeadingDropDownOpen,'bottom-start');var renderTrailingDropDown=renderDropdown(trailingDropdown,isTrailingDropDownOpen,setIsTrailingDropDownOpen,'bottom-end');React__default.useEffect(function(){setShouldShowClearButton(Boolean(showClearButton&&(defaultValue!=null?defaultValue:inputValue)));},[showClearButton,defaultValue,inputValue]);var renderClearButton=function renderClearButton(){return jsx(IconButton,{size:"medium",icon:CloseIcon,onClick:function onClick(){var _textInputRef$current;if(isEmpty(inputValue)&&textInputRef.current){if(isReactNative(textInputRef.current)){textInputRef.current.clear();textInputRef.current.focus();}else if(textInputRef.current instanceof HTMLInputElement){textInputRef.current.value='';textInputRef.current.focus();}}handleTagsClear();onClearButtonClick==null?void 0:onClearButtonClick();textInputRef==null?void 0:(_textInputRef$current=textInputRef.current)==null?void 0:_textInputRef$current.focus();setShouldShowClearButton(false);},isDisabled:isDisabled,accessibilityLabel:"Clear Input Content"});};var hasTrailingDropDown=Boolean(trailingDropdown);var renderInteractionElement=function renderInteractionElement(){if(isLoading){return jsx(Spinner,{accessibilityLabel:"Loading Content",color:"primary"});}if(shouldShowClearButton&&hasTrailingDropDown){return jsxs(BaseBox,{display:"flex",gap:"spacing.3",children:[renderClearButton()," ",jsx(Divider,{orientation:"vertical"})]});}if(showClearButton&&hasTrailingInteractionElement){return jsxs(BaseBox,{display:"flex",gap:"spacing.3",children:[renderClearButton()," ",jsx(Divider,{orientation:"vertical"})," ",trailing]});}if(shouldShowClearButton){return renderClearButton();}if(hasTrailingInteractionElement){return trailing;}return null;};return jsx(BaseInput,Object.assign({id:"textinput",componentName:MetaConstants.TextInput,ref:mergedRef,setInputWrapperRef:function setInputWrapperRef(wrapperNode){textInputWrapperRef.current=wrapperNode;},label:label,labelSuffix:labelSuffix,labelTrailing:labelTrailing,accessibilityLabel:accessibilityLabel,hideLabelText:!Boolean(label),labelPosition:labelPosition,placeholder:placeholder,defaultValue:format?value!==undefined&&defaultValue!==undefined?defaultValue:undefined:defaultValue,value:format?inputValue:value,name:name,maxCharacters:effectiveMaxCharacters,isDropdownTrigger:isTaggedInput,tags:isTaggedInput?getTags({size:size}):undefined,showAllTags:isInputFocussed,maxTagRows:"single",activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,leadingDropDown:renderLeadingDropDown,trailingDropDown:renderTrailingDropDown,leadingInteractionElement:hasLeadingInteractionElement?leading:null,onChange:function onChange(_ref3){var name=_ref3.name,value=_ref3.value;if(showClearButton&&value!=null&&value.length){setShouldShowClearButton(true);}if(shouldShowClearButton&&!(value!=null&&value.length)){setShouldShowClearButton(false);}handleTaggedInputChange({name:name,value:value});handleOnChange({name:name,value:value});},onClick:onClick,onFocus:function onFocus(e){setIsInputFocussed(true);_onFocus==null?void 0:_onFocus(e);},onBlur:function onBlur(e){setIsInputFocussed(false);_onBlur==null?void 0:_onBlur(e);},onKeyDown:function onKeyDown(e){handleTaggedInputKeydown(e);_onKeyDown==null?void 0:_onKeyDown(e);if(format){formattingResult.handleKeyDown(e.event);}},onSubmit:onSubmit,isDisabled:isDisabled,necessityIndicator:necessityIndicator,isRequired:isRequired,leadingIcon:(_ref4=_leadingIcon!=null?_leadingIcon:leadingIcon)!=null?_ref4:icon,prefix:prefix,trailingInteractionElement:renderInteractionElement(),trailingIcon:_trailingIcon!=null?_trailingIcon:trailingIcon,suffix:suffix,validationState:validationState,errorText:errorText,helpText:helpText,successText:successText,trailingFooterSlot:function trailingFooterSlot(value){var _value$length;return format?null:effectiveMaxCharacters?jsx(BaseBox,{marginTop:hintMarginTop[size],marginRight:"spacing.1",children:jsx(CharacterCounter,{currentCount:(_value$length=value==null?void 0:value.length)!=null?_value$length:0,maxCount:effectiveMaxCharacters,size:size})}):null;},autoFocus:autoFocus,testID:testID},getKeyboardAndAutocompleteProps({type:type,keyboardReturnKeyType:keyboardReturnKeyType,autoCompleteSuggestionType:autoCompleteSuggestionType,autoCapitalize:autoCapitalize}),{size:size},rest));};var TextInput=assignWithoutSideEffects(React__default.forwardRef(_TextInput),{displayName:'TextInput'});
+var _excluded=["label","accessibilityLabel","labelPosition","placeholder","type","defaultValue","name","value","maxCharacters","format","onChange","onClick","onFocus","onBlur","onSubmit","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","icon","prefix","showClearButton","onClearButtonClick","isLoading","suffix","autoFocus","keyboardReturnKeyType","autoCompleteSuggestionType","autoCapitalize","testID","size","leadingIcon","trailingIcon","isTaggedInput","tags","onTagChange","trailing","leading","labelSuffix","labelTrailing","onKeyDown"];var isReactNative=function isReactNative(_textInputRef){return getPlatformType()==='react-native';};var _TextInput=function _TextInput(_ref,ref){var _ref4;var label=_ref.label,accessibilityLabel=_ref.accessibilityLabel,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,placeholder=_ref.placeholder,_ref$type=_ref.type,type=_ref$type===void 0?'text':_ref$type,defaultValue=_ref.defaultValue,name=_ref.name,value=_ref.value,maxCharacters=_ref.maxCharacters,format=_ref.format,onChange=_ref.onChange,onClick=_ref.onClick,_onFocus=_ref.onFocus,_onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,isDisabled=_ref.isDisabled,necessityIndicator=_ref.necessityIndicator,validationState=_ref.validationState,errorText=_ref.errorText,helpText=_ref.helpText,successText=_ref.successText,isRequired=_ref.isRequired,icon=_ref.icon,prefix=_ref.prefix,showClearButton=_ref.showClearButton,onClearButtonClick=_ref.onClearButtonClick,isLoading=_ref.isLoading,suffix=_ref.suffix,autoFocus=_ref.autoFocus,keyboardReturnKeyType=_ref.keyboardReturnKeyType,autoCompleteSuggestionType=_ref.autoCompleteSuggestionType,autoCapitalize=_ref.autoCapitalize,testID=_ref.testID,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,leadingIcon=_ref.leadingIcon,trailingIcon=_ref.trailingIcon,isTaggedInput=_ref.isTaggedInput,tags=_ref.tags,onTagChange=_ref.onTagChange,trailing=_ref.trailing,leading=_ref.leading,labelSuffix=_ref.labelSuffix,labelTrailing=_ref.labelTrailing,_onKeyDown=_ref.onKeyDown,rest=_objectWithoutProperties(_ref,_excluded);var textInputRef=React__default.useRef(null);var mergedRef=useMergeRefs(ref,textInputRef);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),shouldShowClearButton=_useState2[0],setShouldShowClearButton=_useState2[1];var _useState3=useState(autoFocus!=null?autoFocus:false),_useState4=_slicedToArray(_useState3,2),isInputFocussed=_useState4[0],setIsInputFocussed=_useState4[1];var context=useDatePickerContext();var isDatePickerBodyOpen=context==null?void 0:context.isDatePickerBodyOpen;if(__DEV__){if(format){var hasAlphanumeric=/[a-zA-Z0-9]/.test(format);if(hasAlphanumeric){throw new Error(`[Blade: TextInput] Invalid format "${format}". Only # and special characters allowed, no letters/numbers.`);}}}var formattingResult=useFormattedInput({format:format,onChange:onChange,value:value,defaultValue:defaultValue});var inputValue=format?formattingResult.formattedValue:value;var effectiveMaxCharacters=format?formattingResult.maxLength:maxCharacters;var handleOnChange=React__default.useCallback(function(_ref2){var name=_ref2.name,inputValue=_ref2.value;if(format){formattingResult.handleChange({name:name,value:inputValue});}else {onChange==null?void 0:onChange({name:name,value:inputValue});}},[format,formattingResult.handleChange,onChange]);var _useTaggedInput=useTaggedInput({isTaggedInput:isTaggedInput,tags:tags,onTagChange:onTagChange,isDisabled:isDisabled,onChange:handleOnChange,name:name,value:inputValue,inputRef:textInputRef}),activeTagIndex=_useTaggedInput.activeTagIndex,setActiveTagIndex=_useTaggedInput.setActiveTagIndex,getTags=_useTaggedInput.getTags,handleTaggedInputKeydown=_useTaggedInput.handleTaggedInputKeydown,handleTaggedInputChange=_useTaggedInput.handleTaggedInputChange,handleTagsClear=_useTaggedInput.handleTagsClear;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isTrailingDropDownOpen=_React$useState2[0],setIsTrailingDropDownOpen=_React$useState2[1];var _React$useState3=React__default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),isLeadingDropDownOpen=_React$useState4[0],setIsLeadingDropDownOpen=_React$useState4[1];var textInputWrapperRef=useRef(null);useEffect(function(){if(isTrailingDropDownOpen&&isLeadingDropDownOpen||isDatePickerBodyOpen&&isLeadingDropDownOpen){setIsLeadingDropDownOpen(false);}},[isTrailingDropDownOpen,isDatePickerBodyOpen]);useEffect(function(){if(isLeadingDropDownOpen&&isTrailingDropDownOpen){setIsTrailingDropDownOpen(false);}},[isLeadingDropDownOpen]);var leadingDropDown=leading&&getComponentId(leading)==='Dropdown'?leading:null;var trailingDropdown=trailing&&getComponentId(trailing)==='Dropdown'?trailing:null;var _leadingIcon=isIconComponent(leading)?leading:undefined;var _trailingIcon=isIconComponent(trailing)?trailing:undefined;var hasLeadingInteractionElement=!_leadingIcon&&!leadingDropDown&&leading;var hasTrailingInteractionElement=!_trailingIcon&&!trailingDropdown&&trailing;var renderDropdown=function renderDropdown(dropdown,isOpen,setIsOpen,defaultPlacement){if(!dropdown){return null;}return React__default.cloneElement(dropdown,{selectionType:'single',isOpen:isOpen,onOpenChange:function onOpenChange(isOpen){setIsOpen(isOpen);},children:React__default.Children.map(dropdown.props.children,function(child){if(child.type===DropdownOverlay){return React__default.cloneElement(child,{referenceRef:textInputWrapperRef,_isNestedDropdown:true,defaultPlacement:defaultPlacement});}return child;})});};var renderLeadingDropDown=renderDropdown(leadingDropDown,isLeadingDropDownOpen,setIsLeadingDropDownOpen,'bottom-start');var renderTrailingDropDown=renderDropdown(trailingDropdown,isTrailingDropDownOpen,setIsTrailingDropDownOpen,'bottom-end');React__default.useEffect(function(){setShouldShowClearButton(Boolean(showClearButton&&(defaultValue!=null?defaultValue:inputValue)));},[showClearButton,defaultValue,inputValue]);var renderClearButton=function renderClearButton(){return jsx(IconButton,{size:"medium",icon:CloseIcon,onClick:function onClick(){var _textInputRef$current;if(isEmpty(inputValue)&&textInputRef.current){if(isReactNative(textInputRef.current)){textInputRef.current.clear();textInputRef.current.focus();}else if(textInputRef.current instanceof HTMLInputElement){textInputRef.current.value='';textInputRef.current.focus();}}handleTagsClear();onClearButtonClick==null?void 0:onClearButtonClick();textInputRef==null?void 0:(_textInputRef$current=textInputRef.current)==null?void 0:_textInputRef$current.focus();setShouldShowClearButton(false);},isDisabled:isDisabled,accessibilityLabel:"Clear Input Content"});};var hasTrailingDropDown=Boolean(trailingDropdown);var renderInteractionElement=function renderInteractionElement(){if(isLoading){return jsx(Spinner,{accessibilityLabel:"Loading Content",color:"primary"});}if(shouldShowClearButton&&hasTrailingDropDown){return jsxs(BaseBox,{display:"flex",gap:"spacing.3",children:[renderClearButton()," ",jsx(Divider,{orientation:"vertical"})]});}if(showClearButton&&hasTrailingInteractionElement){return jsxs(BaseBox,{display:"flex",gap:"spacing.3",children:[renderClearButton()," ",jsx(Divider,{orientation:"vertical"})," ",trailing]});}if(shouldShowClearButton){return renderClearButton();}if(hasTrailingInteractionElement){return trailing;}return null;};return jsx(BaseInput,Object.assign({id:"textinput",componentName:MetaConstants.TextInput,ref:mergedRef,setInputWrapperRef:function setInputWrapperRef(wrapperNode){textInputWrapperRef.current=wrapperNode;},label:label,labelSuffix:labelSuffix,labelTrailing:labelTrailing,accessibilityLabel:accessibilityLabel,hideLabelText:!Boolean(label),labelPosition:labelPosition,placeholder:placeholder,defaultValue:format?value!==undefined&&defaultValue!==undefined?defaultValue:undefined:defaultValue,value:format?inputValue:value,name:name,maxCharacters:effectiveMaxCharacters,isDropdownTrigger:isTaggedInput,tags:isTaggedInput?getTags({size:size}):undefined,showAllTags:isInputFocussed,maxTagRows:"single",activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,leadingDropDown:renderLeadingDropDown,trailingDropDown:renderTrailingDropDown,leadingInteractionElement:hasLeadingInteractionElement?leading:null,onChange:function onChange(_ref3){var name=_ref3.name,value=_ref3.value;if(showClearButton&&value!=null&&value.length){setShouldShowClearButton(true);}if(shouldShowClearButton&&!(value!=null&&value.length)){setShouldShowClearButton(false);}handleTaggedInputChange({name:name,value:value});handleOnChange({name:name,value:value});},onClick:onClick,onFocus:function onFocus(e){setIsInputFocussed(true);_onFocus==null?void 0:_onFocus(e);},onBlur:function onBlur(e){setIsInputFocussed(false);_onBlur==null?void 0:_onBlur(e);},onKeyDown:function onKeyDown(e){handleTaggedInputKeydown(e);_onKeyDown==null?void 0:_onKeyDown(e);if(format){formattingResult.handleKeyDown(e.event);}},onSubmit:onSubmit,isDisabled:isDisabled,necessityIndicator:necessityIndicator,isRequired:isRequired,leadingIcon:(_ref4=_leadingIcon!=null?_leadingIcon:leadingIcon)!=null?_ref4:icon,prefix:prefix,trailingInteractionElement:renderInteractionElement(),trailingIcon:_trailingIcon!=null?_trailingIcon:trailingIcon,suffix:suffix,validationState:validationState,errorText:errorText,helpText:helpText,successText:successText,trailingFooterSlot:function trailingFooterSlot(value){var _value$length;return format?null:effectiveMaxCharacters?jsx(BaseBox,{marginTop:hintMarginTop[size],marginRight:"spacing.1",children:jsx(CharacterCounter,{currentCount:(_value$length=value==null?void 0:value.length)!=null?_value$length:0,maxCount:effectiveMaxCharacters,size:size})}):null;},autoFocus:autoFocus,testID:testID},getKeyboardAndAutocompleteProps({type:type,keyboardReturnKeyType:keyboardReturnKeyType,autoCompleteSuggestionType:autoCompleteSuggestionType,autoCapitalize:autoCapitalize}),{size:size},rest));};var TextInput=assignWithoutSideEffects(React__default.forwardRef(_TextInput),{displayName:'TextInput'});
 
 export { TextInput };
 //# sourceMappingURL=TextInput.js.map

package/build/lib/native/components/Input/TextInput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../../../src/components/Input/TextInput/TextInput.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextInput as TextInputReactNative } from 'react-native';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getKeyboardAndAutocompleteProps } from '../BaseInput/utils';\nimport type { TaggedInputProps } from '../BaseInput/useTaggedInput';\nimport { useTaggedInput } from '../BaseInput/useTaggedInput';\nimport { useFormattedInput } from './useFormattedInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { IconComponent } from '~components/Icons';\nimport { CloseIcon } from '~components/Icons';\nimport { IconButton } from '~components/Button/IconButton';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { CharacterCounter } from '~components/Form/CharacterCounter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType } from '~utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type {\n  BladeElementRef,\n  BladeElementRefWithValue,\n  ContainerElementType,\n  DataAnalyticsAttribute,\n} from '~utils/types';\nimport { hintMarginTop } from '~components/Form/formTokens';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { DropdownOverlay } from '~components/Dropdown';\nimport type { FormInputOnEvent } from '~components/Form/FormTypes';\nimport { isIconComponent } from '~utils/isIconComponent';\n\n// Users should use PasswordInput for input type password\ntype Type = Exclude<BaseInputProps['type'], 'password'>;\n\ntype TextInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'necessityIndicator'\n  | 'validationState'\n  | 'helpText'\n  | 'errorText'\n  | 'successText'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'name'\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'value'\n  | 'isDisabled'\n  | 'isRequired'\n  | 'prefix'\n  | 'suffix'\n  | 'maxCharacters'\n  | 'autoFocus'\n  | 'keyboardReturnKeyType'\n  | 'autoCompleteSuggestionType'\n  | 'onSubmit'\n  | 'autoCapitalize'\n  | 'testID'\n  | 'onClick'\n  | 'size'\n  | 'leadingIcon'\n  | 'trailingButton'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'popupId'\n  | 'isPopupExpanded'\n  | 'hasPopup'\n  | 'componentName'\n  | 'onKeyDown'\n  | keyof DataAnalyticsAttribute\n> & {\n  /**\n   * Decides whether to render a clear icon button\n   */\n  showClearButton?: boolean;\n\n  /**\n   * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`\n   */\n  onClearButtonClick?: () => void;\n\n  /**\n   * Decides whether to show a loading spinner for the input field.\n   */\n  isLoading?: boolean;\n\n  /**\n   * Icon that will be rendered at the beginning of the input field\n   * @deprecated Use `leading` instead. This prop will be removed in the next major version.\n   */\n  icon?: IconComponent;\n  /**\n   * Type of Input Field to be rendered. Use `PasswordInput` for type `password`\n   *\n   *\n   * **Note on number type**\n   *\n   * `type=\"number\"` internally uses `inputMode=\"numeric\"` instead of HTML's `type=\"number\"` which also allows text characters.\n   * If you have a usecase where you only want to support number input, you can handle it on validations end.\n   *\n   * Check out [Why the GOV.UK Design System team changed the input type for numbers](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) for reasoning\n   *\n   * @default text\n   */\n  type?: Type;\n  /**\n   *\n   * Icon or React Element to be rendered at the end of the input field\n   */\n  trailing?: React.ReactElement | IconComponent;\n  /**\n   * Icon or React Element to be rendered at the beginning of the input field\n   */\n  leading?: React.ReactElement | IconComponent;\n  /**\n   * Format pattern where # represents input characters and other symbols act as delimiters\n   * When provided, input will be automatically formatted and onChange will include rawValue\n   *\n   * **Note:**\n   * 1. Format pattern should only contain # symbols and special characters as delimiters.\n   *    Alphanumeric characters (letters and numbers) are not allowed in the format pattern.\n   * 2. When format is provided, user input is restricted to alphanumeric characters only.\n   *    Special characters and symbols will be filtered out automatically from user input.\n   *\n   * @example \"#### #### #### ####\" for card numbers\n   * @example \"##/##\" for expiry dates\n   * @example \"(###) ###-####\" for phone numbers\n   */\n  format?:\n    | '#### #### #### ####'\n    | '##/##'\n    | '##/##/####'\n    | '(###) ###-####'\n    | '###-##-####'\n    | '##:##'\n    | '##:##:##'\n    | '#### #### ####'\n    | '###.###.###.###'\n    | '## ## ####'\n    | '##-###-##'\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    | (string & {});\n} & TaggedInputProps &\n  StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype TextInputPropsWithA11yLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: undefined;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel: string;\n};\n\n/*\n  Optional accessibilityLabel prop when label is provided\n*/\ntype TextInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) &\n  TextInputCommonProps;\n\n// need to do this to tell TS to infer type as TextInput of React Native and make it believe that `ref.current.clear()` exists\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isReactNative = (_textInputRef: any): _textInputRef is TextInputReactNative => {\n  return getPlatformType() === 'react-native';\n};\n\nconst _TextInput: React.ForwardRefRenderFunction<BladeElementRef, TextInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    placeholder,\n    type = 'text',\n    defaultValue,\n    name,\n    value,\n    maxCharacters,\n    format,\n    onChange,\n    onClick,\n    onFocus,\n    onBlur,\n    onSubmit,\n    isDisabled,\n    necessityIndicator,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    isRequired,\n    icon,\n    prefix,\n    showClearButton,\n    onClearButtonClick,\n    isLoading,\n    suffix,\n    autoFocus,\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    autoCapitalize,\n    testID,\n    size = 'medium',\n    leadingIcon,\n    trailingIcon,\n    isTaggedInput,\n    tags,\n    onTagChange,\n    trailing,\n    leading,\n    labelSuffix,\n    labelTrailing,\n    onKeyDown,\n    ...rest\n  },\n  ref,\n): ReactElement => {\n  const textInputRef = React.useRef<BladeElementRefWithValue>(null);\n  const mergedRef = useMergeRefs(ref, textInputRef);\n  const [shouldShowClearButton, setShouldShowClearButton] = useState(false);\n  const [isInputFocussed, setIsInputFocussed] = useState(autoFocus ?? false);\n\n  if (__DEV__) {\n    if (format) {\n      const hasAlphanumeric = /[a-zA-Z0-9]/.test(format);\n      if (hasAlphanumeric) {\n        throw new Error(\n          `[Blade: TextInput] Invalid format \"${format}\". Only # and special characters allowed, no letters/numbers.`,\n        );\n      }\n    }\n  }\n\n  const formattingResult = useFormattedInput({\n    format,\n    onChange,\n    value,\n    defaultValue,\n  });\n\n  const inputValue = format ? formattingResult.formattedValue : value;\n  const effectiveMaxCharacters = format ? formattingResult.maxLength : maxCharacters;\n\n  const handleOnChange: FormInputOnEvent = React.useCallback(\n    ({ name, value: inputValue }) => {\n      if (format) {\n        formattingResult.handleChange({ name, value: inputValue });\n      } else {\n        onChange?.({ name, value: inputValue });\n      }\n    },\n    [format, formattingResult.handleChange, onChange],\n  );\n\n  const {\n    activeTagIndex,\n    setActiveTagIndex,\n    getTags,\n    handleTaggedInputKeydown,\n    handleTaggedInputChange,\n    handleTagsClear,\n  } = useTaggedInput({\n    isTaggedInput,\n    tags,\n    onTagChange,\n    isDisabled,\n    onChange: handleOnChange,\n    name,\n    value: inputValue,\n    inputRef: textInputRef,\n  });\n  const [isTrailingDropDownOpen, setIsTrailingDropDownOpen] = React.useState(false);\n  const [isLeadingDropDownOpen, setIsLeadingDropDownOpen] = React.useState(false);\n  const textInputWrapperRef = useRef<ContainerElementType | null>(null);\n\n  useEffect(() => {\n    if (isTrailingDropDownOpen && isLeadingDropDownOpen) {\n      setIsLeadingDropDownOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isTrailingDropDownOpen]);\n\n  useEffect(() => {\n    if (isLeadingDropDownOpen && isTrailingDropDownOpen) {\n      setIsTrailingDropDownOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLeadingDropDownOpen]);\n\n  const leadingDropDown =\n    leading && getComponentId(leading as React.ReactElement) === 'Dropdown' ? leading : null;\n\n  const trailingDropdown =\n    trailing && getComponentId(trailing as React.ReactElement) === 'Dropdown' ? trailing : null;\n  // we need to look into name of component and check if it 's and icon or a dropdown\n  const _leadingIcon: IconComponent | undefined = isIconComponent(leading)\n    ? (leading as IconComponent)\n    : undefined;\n\n  const _trailingIcon: IconComponent | undefined = isIconComponent(trailing)\n    ? (trailing as IconComponent)\n    : undefined;\n  const hasLeadingInteractionElement = !_leadingIcon && !leadingDropDown && leading;\n\n  const hasTrailingInteractionElement = !_trailingIcon && !trailingDropdown && trailing;\n\n  const renderDropdown = (\n    dropdown: React.ReactElement,\n    isOpen: boolean,\n    setIsOpen: (isOpen: boolean) => void,\n    defaultPlacement: 'bottom-start' | 'bottom-end',\n  ): React.ReactElement | null => {\n    if (!dropdown) {\n      return null;\n    }\n    return React.cloneElement(dropdown, {\n      selectionType: 'single',\n      isOpen,\n      onOpenChange: (isOpen: boolean) => {\n        setIsOpen(isOpen);\n      },\n      children: React.Children.map(dropdown.props.children, (child) => {\n        if (child.type === DropdownOverlay) {\n          return React.cloneElement(child, {\n            referenceRef: textInputWrapperRef,\n            _isNestedDropdown: true,\n            defaultPlacement,\n          });\n        }\n        return child;\n      }),\n    });\n  };\n\n  const renderLeadingDropDown = renderDropdown(\n    leadingDropDown as React.ReactElement,\n    isLeadingDropDownOpen,\n    setIsLeadingDropDownOpen,\n    'bottom-start',\n  );\n  const renderTrailingDropDown = renderDropdown(\n    trailingDropdown as React.ReactElement,\n    isTrailingDropDownOpen,\n    setIsTrailingDropDownOpen,\n    'bottom-end',\n  );\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(showClearButton && (defaultValue ?? inputValue)));\n  }, [showClearButton, defaultValue, inputValue]);\n\n  const renderClearButton = (): React.ReactElement => {\n    return (\n      <IconButton\n        size=\"medium\"\n        icon={CloseIcon}\n        onClick={() => {\n          if (isEmpty(inputValue) && textInputRef.current) {\n            // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n            if (isReactNative(textInputRef.current)) {\n              textInputRef.current.clear();\n              textInputRef.current.focus();\n            } else if (textInputRef.current instanceof HTMLInputElement) {\n              textInputRef.current.value = '';\n              textInputRef.current.focus();\n            }\n          }\n          handleTagsClear();\n          // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n          onClearButtonClick?.();\n          textInputRef?.current?.focus();\n          setShouldShowClearButton(false);\n        }}\n        isDisabled={isDisabled}\n        accessibilityLabel=\"Clear Input Content\"\n      />\n    );\n  };\n  const hasTrailingDropDown = Boolean(trailingDropdown);\n\n  const renderInteractionElement = (): ReactNode => {\n    if (isLoading) {\n      return <Spinner accessibilityLabel=\"Loading Content\" color=\"primary\" />;\n    }\n\n    if (shouldShowClearButton && hasTrailingDropDown) {\n      return (\n        <BaseBox display=\"flex\" gap=\"spacing.3\">\n          {renderClearButton()} <Divider orientation=\"vertical\" />\n        </BaseBox>\n      );\n    }\n\n    if (showClearButton && hasTrailingInteractionElement) {\n      return (\n        <BaseBox display=\"flex\" gap=\"spacing.3\">\n          {renderClearButton()} <Divider orientation=\"vertical\" /> {trailing as React.ReactElement}\n        </BaseBox>\n      );\n    }\n\n    if (shouldShowClearButton) {\n      return renderClearButton();\n    }\n\n    if (hasTrailingInteractionElement) {\n      return trailing as React.ReactElement;\n    }\n    return null;\n  };\n  return (\n    <BaseInput\n      id=\"textinput\"\n      componentName={MetaConstants.TextInput}\n      ref={mergedRef}\n      setInputWrapperRef={(wrapperNode) => {\n        textInputWrapperRef.current = wrapperNode;\n      }}\n      label={label as string}\n      labelSuffix={labelSuffix}\n      labelTrailing={labelTrailing}\n      accessibilityLabel={accessibilityLabel}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      placeholder={placeholder}\n      // CONTROLLED/UNCONTROLLED INPUT LOGIC:\n      // For inputs WITHOUT format:\n      //   - Use standard React controlled/uncontrolled logic\n      //   - Controlled: user provides `value` prop → use `value` prop\n      //   - Uncontrolled: user provides `defaultValue` prop → use `defaultValue` prop\n      //\n      // For inputs WITH format:\n      //   - Formatting requires controlled mode to re-render and show formatted values\n      //   - Case 1: Only `value` provided → defaultValue: undefined, value: formattedValue (normal controlled)\n      //   - Case 2: Only `defaultValue` provided → defaultValue: undefined, value: formattedValue (convert to controlled)\n      //   - Case 3: Both `value` and `defaultValue` provided → defaultValue: defaultValue, value: formattedValue (let BaseInput detect conflict and throw error)\n      //\n      defaultValue={\n        format\n          ? value !== undefined && defaultValue !== undefined\n            ? defaultValue\n            : undefined\n          : defaultValue\n      }\n      value={format ? inputValue : value}\n      name={name}\n      maxCharacters={effectiveMaxCharacters}\n      isDropdownTrigger={isTaggedInput}\n      tags={isTaggedInput ? getTags({ size }) : undefined}\n      showAllTags={isInputFocussed}\n      maxTagRows=\"single\"\n      activeTagIndex={activeTagIndex}\n      setActiveTagIndex={setActiveTagIndex}\n      leadingDropDown={renderLeadingDropDown}\n      trailingDropDown={renderTrailingDropDown}\n      leadingInteractionElement={\n        hasLeadingInteractionElement ? (leading as React.ReactElement) : null\n      }\n      onChange={({ name, value }: { name?: string; value?: string }) => {\n        if (showClearButton && value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n\n        handleTaggedInputChange({ name, value });\n        handleOnChange({ name, value });\n      }}\n      onClick={onClick}\n      onFocus={(e) => {\n        setIsInputFocussed(true);\n        onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setIsInputFocussed(false);\n        onBlur?.(e);\n      }}\n      onKeyDown={(e) => {\n        handleTaggedInputKeydown(e);\n        onKeyDown?.(e);\n        if (format) {\n          formattingResult.handleKeyDown(e.event);\n        }\n      }}\n      onSubmit={onSubmit}\n      isDisabled={isDisabled}\n      necessityIndicator={necessityIndicator}\n      isRequired={isRequired}\n      leadingIcon={_leadingIcon ?? leadingIcon ?? icon}\n      prefix={prefix}\n      trailingInteractionElement={renderInteractionElement()}\n      trailingIcon={_trailingIcon ?? trailingIcon}\n      suffix={suffix}\n      validationState={validationState}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      trailingFooterSlot={(value) => {\n        return format ? null : effectiveMaxCharacters ? (\n          <BaseBox marginTop={hintMarginTop[size]} marginRight=\"spacing.1\">\n            <CharacterCounter\n              currentCount={value?.length ?? 0}\n              maxCount={effectiveMaxCharacters}\n              size={size}\n            />\n          </BaseBox>\n        ) : null;\n      }}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      testID={testID}\n      {...getKeyboardAndAutocompleteProps({\n        type,\n        keyboardReturnKeyType,\n        autoCompleteSuggestionType,\n        autoCapitalize,\n      })}\n      size={size}\n      {...rest}\n    />\n  );\n};\n\nconst TextInput = assignWithoutSideEffects(React.forwardRef(_TextInput), {\n  displayName: 'TextInput',\n});\n\nexport type { TextInputProps };\nexport { TextInput };\n"],"names":["isReactNative","_textInputRef","getPlatformType","_TextInput","_ref","ref","_ref4","label","accessibilityLabel","_ref$labelPosition","labelPosition","placeholder","_ref$type","type","defaultValue","name","value","maxCharacters","format","onChange","onClick","onFocus","onBlur","onSubmit","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","icon","prefix","showClearButton","onClearButtonClick","isLoading","suffix","autoFocus","keyboardReturnKeyType","autoCompleteSuggestionType","autoCapitalize","testID","_ref$size","size","leadingIcon","trailingIcon","isTaggedInput","tags","onTagChange","trailing","leading","labelSuffix","labelTrailing","onKeyDown","rest","_objectWithoutProperties","_excluded","textInputRef","React","useRef","mergedRef","useMergeRefs","_useState","useState","_useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","_useState3","_useState4","isInputFocussed","setIsInputFocussed","__DEV__","hasAlphanumeric","test","Error","formattingResult","useFormattedInput","inputValue","formattedValue","effectiveMaxCharacters","maxLength","handleOnChange","useCallback","_ref2","handleChange","_useTaggedInput","useTaggedInput","inputRef","activeTagIndex","setActiveTagIndex","getTags","handleTaggedInputKeydown","handleTaggedInputChange","handleTagsClear","_React$useState","_React$useState2","isTrailingDropDownOpen","setIsTrailingDropDownOpen","_React$useState3","_React$useState4","isLeadingDropDownOpen","setIsLeadingDropDownOpen","textInputWrapperRef","useEffect","leadingDropDown","getComponentId","trailingDropdown","_leadingIcon","isIconComponent","undefined","_trailingIcon","hasLeadingInteractionElement","hasTrailingInteractionElement","renderDropdown","dropdown","isOpen","setIsOpen","defaultPlacement","cloneElement","selectionType","onOpenChange","children","Children","map","props","child","DropdownOverlay","referenceRef","_isNestedDropdown","renderLeadingDropDown","renderTrailingDropDown","Boolean","renderClearButton","_jsx","IconButton","CloseIcon","_textInputRef$current","isEmpty","current","clear","focus","HTMLInputElement","hasTrailingDropDown","renderInteractionElement","Spinner","color","_jsxs","BaseBox","display","gap","Divider","orientation","BaseInput","Object","assign","id","componentName","MetaConstants","TextInput","setInputWrapperRef","wrapperNode","hideLabelText","isDropdownTrigger","showAllTags","maxTagRows","trailingDropDown","leadingInteractionElement","_ref3","length","e","handleKeyDown","event","trailingInteractionElement","trailingFooterSlot","_value$length","marginTop","hintMarginTop","marginRight","CharacterCounter","currentCount","maxCount","getKeyboardAndAutocompleteProps","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"TextInput.js","sources":["../../../../../../src/components/Input/TextInput/TextInput.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextInput as TextInputReactNative } from 'react-native';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getKeyboardAndAutocompleteProps } from '../BaseInput/utils';\nimport type { TaggedInputProps } from '../BaseInput/useTaggedInput';\nimport { useTaggedInput } from '../BaseInput/useTaggedInput';\nimport { useFormattedInput } from './useFormattedInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { IconComponent } from '~components/Icons';\nimport { CloseIcon } from '~components/Icons';\nimport { IconButton } from '~components/Button/IconButton';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { CharacterCounter } from '~components/Form/CharacterCounter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType } from '~utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type {\n  BladeElementRef,\n  BladeElementRefWithValue,\n  ContainerElementType,\n  DataAnalyticsAttribute,\n} from '~utils/types';\nimport { hintMarginTop } from '~components/Form/formTokens';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { DropdownOverlay } from '~components/Dropdown';\nimport type { FormInputOnEvent } from '~components/Form/FormTypes';\nimport { isIconComponent } from '~utils/isIconComponent';\nimport { useDatePickerContext } from '~components/DatePicker/DatePickerContext';\n\n// Users should use PasswordInput for input type password\ntype Type = Exclude<BaseInputProps['type'], 'password'>;\n\ntype TextInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'necessityIndicator'\n  | 'validationState'\n  | 'helpText'\n  | 'errorText'\n  | 'successText'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'name'\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'value'\n  | 'isDisabled'\n  | 'isRequired'\n  | 'prefix'\n  | 'suffix'\n  | 'maxCharacters'\n  | 'autoFocus'\n  | 'keyboardReturnKeyType'\n  | 'autoCompleteSuggestionType'\n  | 'onSubmit'\n  | 'autoCapitalize'\n  | 'testID'\n  | 'onClick'\n  | 'size'\n  | 'leadingIcon'\n  | 'trailingButton'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'popupId'\n  | 'isPopupExpanded'\n  | 'hasPopup'\n  | 'componentName'\n  | 'onKeyDown'\n  | keyof DataAnalyticsAttribute\n> & {\n  /**\n   * Decides whether to render a clear icon button\n   */\n  showClearButton?: boolean;\n\n  /**\n   * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`\n   */\n  onClearButtonClick?: () => void;\n\n  /**\n   * Decides whether to show a loading spinner for the input field.\n   */\n  isLoading?: boolean;\n\n  /**\n   * Icon that will be rendered at the beginning of the input field\n   * @deprecated Use `leading` instead. This prop will be removed in the next major version.\n   */\n  icon?: IconComponent;\n  /**\n   * Type of Input Field to be rendered. Use `PasswordInput` for type `password`\n   *\n   *\n   * **Note on number type**\n   *\n   * `type=\"number\"` internally uses `inputMode=\"numeric\"` instead of HTML's `type=\"number\"` which also allows text characters.\n   * If you have a usecase where you only want to support number input, you can handle it on validations end.\n   *\n   * Check out [Why the GOV.UK Design System team changed the input type for numbers](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) for reasoning\n   *\n   * @default text\n   */\n  type?: Type;\n  /**\n   *\n   * Icon or React Element to be rendered at the end of the input field\n   */\n  trailing?: React.ReactElement | IconComponent;\n  /**\n   * Icon or React Element to be rendered at the beginning of the input field\n   */\n  leading?: React.ReactElement | IconComponent;\n  /**\n   * Format pattern where # represents input characters and other symbols act as delimiters\n   * When provided, input will be automatically formatted and onChange will include rawValue\n   *\n   * **Note:**\n   * 1. Format pattern should only contain # symbols and special characters as delimiters.\n   *    Alphanumeric characters (letters and numbers) are not allowed in the format pattern.\n   * 2. When format is provided, user input is restricted to alphanumeric characters only.\n   *    Special characters and symbols will be filtered out automatically from user input.\n   *\n   * @example \"#### #### #### ####\" for card numbers\n   * @example \"##/##\" for expiry dates\n   * @example \"(###) ###-####\" for phone numbers\n   */\n  format?:\n    | '#### #### #### ####'\n    | '##/##'\n    | '##/##/####'\n    | '(###) ###-####'\n    | '###-##-####'\n    | '##:##'\n    | '##:##:##'\n    | '#### #### ####'\n    | '###.###.###.###'\n    | '## ## ####'\n    | '##-###-##'\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    | (string & {});\n} & TaggedInputProps &\n  StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype TextInputPropsWithA11yLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: undefined;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel: string;\n};\n\n/*\n  Optional accessibilityLabel prop when label is provided\n*/\ntype TextInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) &\n  TextInputCommonProps;\n\n// need to do this to tell TS to infer type as TextInput of React Native and make it believe that `ref.current.clear()` exists\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isReactNative = (_textInputRef: any): _textInputRef is TextInputReactNative => {\n  return getPlatformType() === 'react-native';\n};\n\nconst _TextInput: React.ForwardRefRenderFunction<BladeElementRef, TextInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    placeholder,\n    type = 'text',\n    defaultValue,\n    name,\n    value,\n    maxCharacters,\n    format,\n    onChange,\n    onClick,\n    onFocus,\n    onBlur,\n    onSubmit,\n    isDisabled,\n    necessityIndicator,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    isRequired,\n    icon,\n    prefix,\n    showClearButton,\n    onClearButtonClick,\n    isLoading,\n    suffix,\n    autoFocus,\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    autoCapitalize,\n    testID,\n    size = 'medium',\n    leadingIcon,\n    trailingIcon,\n    isTaggedInput,\n    tags,\n    onTagChange,\n    trailing,\n    leading,\n    labelSuffix,\n    labelTrailing,\n    onKeyDown,\n    ...rest\n  },\n  ref,\n): ReactElement => {\n  const textInputRef = React.useRef<BladeElementRefWithValue>(null);\n  const mergedRef = useMergeRefs(ref, textInputRef);\n  const [shouldShowClearButton, setShouldShowClearButton] = useState(false);\n  const [isInputFocussed, setIsInputFocussed] = useState(autoFocus ?? false);\n  const context = useDatePickerContext();\n  const isDatePickerBodyOpen = context?.isDatePickerBodyOpen;\n\n  if (__DEV__) {\n    if (format) {\n      const hasAlphanumeric = /[a-zA-Z0-9]/.test(format);\n      if (hasAlphanumeric) {\n        throw new Error(\n          `[Blade: TextInput] Invalid format \"${format}\". Only # and special characters allowed, no letters/numbers.`,\n        );\n      }\n    }\n  }\n\n  const formattingResult = useFormattedInput({\n    format,\n    onChange,\n    value,\n    defaultValue,\n  });\n\n  const inputValue = format ? formattingResult.formattedValue : value;\n  const effectiveMaxCharacters = format ? formattingResult.maxLength : maxCharacters;\n\n  const handleOnChange: FormInputOnEvent = React.useCallback(\n    ({ name, value: inputValue }) => {\n      if (format) {\n        formattingResult.handleChange({ name, value: inputValue });\n      } else {\n        onChange?.({ name, value: inputValue });\n      }\n    },\n    [format, formattingResult.handleChange, onChange],\n  );\n\n  const {\n    activeTagIndex,\n    setActiveTagIndex,\n    getTags,\n    handleTaggedInputKeydown,\n    handleTaggedInputChange,\n    handleTagsClear,\n  } = useTaggedInput({\n    isTaggedInput,\n    tags,\n    onTagChange,\n    isDisabled,\n    onChange: handleOnChange,\n    name,\n    value: inputValue,\n    inputRef: textInputRef,\n  });\n  const [isTrailingDropDownOpen, setIsTrailingDropDownOpen] = React.useState(false);\n  const [isLeadingDropDownOpen, setIsLeadingDropDownOpen] = React.useState(false);\n  const textInputWrapperRef = useRef<ContainerElementType | null>(null);\n\n  useEffect(() => {\n    if (\n      (isTrailingDropDownOpen && isLeadingDropDownOpen) ||\n      (isDatePickerBodyOpen && isLeadingDropDownOpen)\n    ) {\n      setIsLeadingDropDownOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isTrailingDropDownOpen, isDatePickerBodyOpen]);\n\n  useEffect(() => {\n    if (isLeadingDropDownOpen && isTrailingDropDownOpen) {\n      setIsTrailingDropDownOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLeadingDropDownOpen]);\n\n  const leadingDropDown =\n    leading && getComponentId(leading as React.ReactElement) === 'Dropdown' ? leading : null;\n\n  const trailingDropdown =\n    trailing && getComponentId(trailing as React.ReactElement) === 'Dropdown' ? trailing : null;\n  // we need to look into name of component and check if it 's and icon or a dropdown\n  const _leadingIcon: IconComponent | undefined = isIconComponent(leading)\n    ? (leading as IconComponent)\n    : undefined;\n\n  const _trailingIcon: IconComponent | undefined = isIconComponent(trailing)\n    ? (trailing as IconComponent)\n    : undefined;\n  const hasLeadingInteractionElement = !_leadingIcon && !leadingDropDown && leading;\n\n  const hasTrailingInteractionElement = !_trailingIcon && !trailingDropdown && trailing;\n\n  const renderDropdown = (\n    dropdown: React.ReactElement,\n    isOpen: boolean,\n    setIsOpen: (isOpen: boolean) => void,\n    defaultPlacement: 'bottom-start' | 'bottom-end',\n  ): React.ReactElement | null => {\n    if (!dropdown) {\n      return null;\n    }\n    return React.cloneElement(dropdown, {\n      selectionType: 'single',\n      isOpen,\n      onOpenChange: (isOpen: boolean) => {\n        setIsOpen(isOpen);\n      },\n      children: React.Children.map(dropdown.props.children, (child) => {\n        if (child.type === DropdownOverlay) {\n          return React.cloneElement(child, {\n            referenceRef: textInputWrapperRef,\n            _isNestedDropdown: true,\n            defaultPlacement,\n          });\n        }\n        return child;\n      }),\n    });\n  };\n\n  const renderLeadingDropDown = renderDropdown(\n    leadingDropDown as React.ReactElement,\n    isLeadingDropDownOpen,\n    setIsLeadingDropDownOpen,\n    'bottom-start',\n  );\n  const renderTrailingDropDown = renderDropdown(\n    trailingDropdown as React.ReactElement,\n    isTrailingDropDownOpen,\n    setIsTrailingDropDownOpen,\n    'bottom-end',\n  );\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(showClearButton && (defaultValue ?? inputValue)));\n  }, [showClearButton, defaultValue, inputValue]);\n\n  const renderClearButton = (): React.ReactElement => {\n    return (\n      <IconButton\n        size=\"medium\"\n        icon={CloseIcon}\n        onClick={() => {\n          if (isEmpty(inputValue) && textInputRef.current) {\n            // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n            if (isReactNative(textInputRef.current)) {\n              textInputRef.current.clear();\n              textInputRef.current.focus();\n            } else if (textInputRef.current instanceof HTMLInputElement) {\n              textInputRef.current.value = '';\n              textInputRef.current.focus();\n            }\n          }\n          handleTagsClear();\n          // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n          onClearButtonClick?.();\n          textInputRef?.current?.focus();\n          setShouldShowClearButton(false);\n        }}\n        isDisabled={isDisabled}\n        accessibilityLabel=\"Clear Input Content\"\n      />\n    );\n  };\n  const hasTrailingDropDown = Boolean(trailingDropdown);\n\n  const renderInteractionElement = (): ReactNode => {\n    if (isLoading) {\n      return <Spinner accessibilityLabel=\"Loading Content\" color=\"primary\" />;\n    }\n\n    if (shouldShowClearButton && hasTrailingDropDown) {\n      return (\n        <BaseBox display=\"flex\" gap=\"spacing.3\">\n          {renderClearButton()} <Divider orientation=\"vertical\" />\n        </BaseBox>\n      );\n    }\n\n    if (showClearButton && hasTrailingInteractionElement) {\n      return (\n        <BaseBox display=\"flex\" gap=\"spacing.3\">\n          {renderClearButton()} <Divider orientation=\"vertical\" /> {trailing as React.ReactElement}\n        </BaseBox>\n      );\n    }\n\n    if (shouldShowClearButton) {\n      return renderClearButton();\n    }\n\n    if (hasTrailingInteractionElement) {\n      return trailing as React.ReactElement;\n    }\n    return null;\n  };\n  return (\n    <BaseInput\n      id=\"textinput\"\n      componentName={MetaConstants.TextInput}\n      ref={mergedRef}\n      setInputWrapperRef={(wrapperNode) => {\n        textInputWrapperRef.current = wrapperNode;\n      }}\n      label={label as string}\n      labelSuffix={labelSuffix}\n      labelTrailing={labelTrailing}\n      accessibilityLabel={accessibilityLabel}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      placeholder={placeholder}\n      // CONTROLLED/UNCONTROLLED INPUT LOGIC:\n      // For inputs WITHOUT format:\n      //   - Use standard React controlled/uncontrolled logic\n      //   - Controlled: user provides `value` prop → use `value` prop\n      //   - Uncontrolled: user provides `defaultValue` prop → use `defaultValue` prop\n      //\n      // For inputs WITH format:\n      //   - Formatting requires controlled mode to re-render and show formatted values\n      //   - Case 1: Only `value` provided → defaultValue: undefined, value: formattedValue (normal controlled)\n      //   - Case 2: Only `defaultValue` provided → defaultValue: undefined, value: formattedValue (convert to controlled)\n      //   - Case 3: Both `value` and `defaultValue` provided → defaultValue: defaultValue, value: formattedValue (let BaseInput detect conflict and throw error)\n      //\n      defaultValue={\n        format\n          ? value !== undefined && defaultValue !== undefined\n            ? defaultValue\n            : undefined\n          : defaultValue\n      }\n      value={format ? inputValue : value}\n      name={name}\n      maxCharacters={effectiveMaxCharacters}\n      isDropdownTrigger={isTaggedInput}\n      tags={isTaggedInput ? getTags({ size }) : undefined}\n      showAllTags={isInputFocussed}\n      maxTagRows=\"single\"\n      activeTagIndex={activeTagIndex}\n      setActiveTagIndex={setActiveTagIndex}\n      leadingDropDown={renderLeadingDropDown}\n      trailingDropDown={renderTrailingDropDown}\n      leadingInteractionElement={\n        hasLeadingInteractionElement ? (leading as React.ReactElement) : null\n      }\n      onChange={({ name, value }: { name?: string; value?: string }) => {\n        if (showClearButton && value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n\n        handleTaggedInputChange({ name, value });\n        handleOnChange({ name, value });\n      }}\n      onClick={onClick}\n      onFocus={(e) => {\n        setIsInputFocussed(true);\n        onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setIsInputFocussed(false);\n        onBlur?.(e);\n      }}\n      onKeyDown={(e) => {\n        handleTaggedInputKeydown(e);\n        onKeyDown?.(e);\n        if (format) {\n          formattingResult.handleKeyDown(e.event);\n        }\n      }}\n      onSubmit={onSubmit}\n      isDisabled={isDisabled}\n      necessityIndicator={necessityIndicator}\n      isRequired={isRequired}\n      leadingIcon={_leadingIcon ?? leadingIcon ?? icon}\n      prefix={prefix}\n      trailingInteractionElement={renderInteractionElement()}\n      trailingIcon={_trailingIcon ?? trailingIcon}\n      suffix={suffix}\n      validationState={validationState}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      trailingFooterSlot={(value) => {\n        return format ? null : effectiveMaxCharacters ? (\n          <BaseBox marginTop={hintMarginTop[size]} marginRight=\"spacing.1\">\n            <CharacterCounter\n              currentCount={value?.length ?? 0}\n              maxCount={effectiveMaxCharacters}\n              size={size}\n            />\n          </BaseBox>\n        ) : null;\n      }}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      testID={testID}\n      {...getKeyboardAndAutocompleteProps({\n        type,\n        keyboardReturnKeyType,\n        autoCompleteSuggestionType,\n        autoCapitalize,\n      })}\n      size={size}\n      {...rest}\n    />\n  );\n};\n\nconst TextInput = assignWithoutSideEffects(React.forwardRef(_TextInput), {\n  displayName: 'TextInput',\n});\n\nexport type { TextInputProps };\nexport { TextInput };\n"],"names":["isReactNative","_textInputRef","getPlatformType","_TextInput","_ref","ref","_ref4","label","accessibilityLabel","_ref$labelPosition","labelPosition","placeholder","_ref$type","type","defaultValue","name","value","maxCharacters","format","onChange","onClick","onFocus","onBlur","onSubmit","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","icon","prefix","showClearButton","onClearButtonClick","isLoading","suffix","autoFocus","keyboardReturnKeyType","autoCompleteSuggestionType","autoCapitalize","testID","_ref$size","size","leadingIcon","trailingIcon","isTaggedInput","tags","onTagChange","trailing","leading","labelSuffix","labelTrailing","onKeyDown","rest","_objectWithoutProperties","_excluded","textInputRef","React","useRef","mergedRef","useMergeRefs","_useState","useState","_useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","_useState3","_useState4","isInputFocussed","setIsInputFocussed","context","useDatePickerContext","isDatePickerBodyOpen","__DEV__","hasAlphanumeric","test","Error","formattingResult","useFormattedInput","inputValue","formattedValue","effectiveMaxCharacters","maxLength","handleOnChange","useCallback","_ref2","handleChange","_useTaggedInput","useTaggedInput","inputRef","activeTagIndex","setActiveTagIndex","getTags","handleTaggedInputKeydown","handleTaggedInputChange","handleTagsClear","_React$useState","_React$useState2","isTrailingDropDownOpen","setIsTrailingDropDownOpen","_React$useState3","_React$useState4","isLeadingDropDownOpen","setIsLeadingDropDownOpen","textInputWrapperRef","useEffect","leadingDropDown","getComponentId","trailingDropdown","_leadingIcon","isIconComponent","undefined","_trailingIcon","hasLeadingInteractionElement","hasTrailingInteractionElement","renderDropdown","dropdown","isOpen","setIsOpen","defaultPlacement","cloneElement","selectionType","onOpenChange","children","Children","map","props","child","DropdownOverlay","referenceRef","_isNestedDropdown","renderLeadingDropDown","renderTrailingDropDown","Boolean","renderClearButton","_jsx","IconButton","CloseIcon","_textInputRef$current","isEmpty","current","clear","focus","HTMLInputElement","hasTrailingDropDown","renderInteractionElement","Spinner","color","_jsxs","BaseBox","display","gap","Divider","orientation","BaseInput","Object","assign","id","componentName","MetaConstants","TextInput","setInputWrapperRef","wrapperNode","hideLabelText","isDropdownTrigger","showAllTags","maxTagRows","trailingDropDown","leadingInteractionElement","_ref3","length","e","handleKeyDown","event","trailingInteractionElement","trailingFooterSlot","_value$length","marginTop","hintMarginTop","marginRight","CharacterCounter","currentCount","maxCount","getKeyboardAndAutocompleteProps","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/web/development/components/Box/BaseBox/baseBoxStyles.js

@@ -193,12 +193,16 @@ var getAllProps = function getAllProps(props, breakpoint) {
     opacity: getResponsiveValue(props.opacity, breakpoint),
     visibility: getResponsiveValue(props.visibility, breakpoint)
   }, !isReactNative() && {
-    boxShadow: getElevationValue(props.elevation, props.theme, breakpoint)
+    boxShadow: getElevationValue(props.elevation, props.theme, breakpoint),
+    backdropFilter: getResponsiveValue(props.backdropFilter, breakpoint),
+    transition: getResponsiveValue(props.transition, breakpoint)
   }), {}, {
     // Polygon support
     transform: getResponsiveValue(props.transform, breakpoint),
     transformOrigin: getResponsiveValue(props.transformOrigin, breakpoint),
     clipPath: getResponsiveValue(props.clipPath, breakpoint)
+
+    // Animation
   });
 };