@razorpay/blade 11.11.0 → 11.12.0

package/build/lib/web/development/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 { BladeElementRef, ContainerElementType, TestID } 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';\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  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     * 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     * 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?: 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  } & 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\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}>(({ theme, currentInteraction }) => ({\n  borderRadius: makeBorderSize(theme.border.radius.medium),\n  width: '100%',\n  '&:focus-within': {\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      getIn(\n        theme.motion.easing,\n        baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit'].easing,\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    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    ...styledProps\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\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\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: hasPopup ? 'combobox' : undefined,\n    activeDescendant,\n  });\n\n  const willRenderHintText = Boolean(helpText) || Boolean(successText) || 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 {...metaAttribute({ name: componentName, testID })} {...getStyledProps(styledProps)}>\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        {!hideLabelText && !isLabelInsideInput && (\n          <BaseBox\n            display=\"flex\"\n            flexDirection={isLabelLeftPositioned ? 'column' : 'row'}\n            justifyContent=\"space-between\"\n            alignSelf={isTextArea ? '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            >\n              {label}\n            </FormLabel>\n            {trailingHeaderSlot?.(value ?? inputValue)}\n          </BaseBox>\n        )}\n        <FocusRingWrapper currentInteraction={currentInteraction}>\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          >\n            <BaseInputVisuals\n              size={size}\n              leadingIcon={leadingIcon}\n              prefix={prefix}\n              isDisabled={isDisabled}\n              leadingInteractionElement={leadingInteractionElement}\n            />\n            <BaseInputTagSlot\n              renderAs={as}\n              tags={tags}\n              isDisabled={isDisabled}\n              showAllTags={showAllTagsWithAnimation}\n              setFocusOnInput={() => {\n                if (ref && !isReactNative && 'current' in ref) {\n                  ref.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            >\n              <StyledBaseInput\n                as={as}\n                id={inputId}\n                ref={ref as any}\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                {...metaAttribute({ name: MetaConstants.StyledBaseInput })}\n              />\n            </BaseInputTagSlot>\n            <BaseInputVisuals\n              trailingInteractionElement={trailingInteractionElement}\n              suffix={suffix}\n              trailingIcon={trailingIcon}\n              isDisabled={isDisabled}\n              validationState={validationState}\n              trailingButton={trailingButton}\n              size={size}\n            />\n          </BaseInputWrapper>\n        </FocusRingWrapper>\n      </BaseBox>\n\n      {!hideFormHint && (\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","concat","onTagLeft","current","onTagRight","onTagRemove","onDismiss","tagIndex","onInputKeydownTagHandler","key","useInput","_ref","value","defaultValue","onClick","onFocus","onChange","onBlur","onSubmit","onInput","onKeyDown","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","_ref10","hasErrorText","hasSuccessText","errorTextId","successTextId","helpTextId","FocusRingWrapper","styled","BaseBox","withConfig","displayName","componentId","_ref11","theme","currentInteraction","borderRadius","makeBorderSize","border","radius","medium","width","_objectSpread","getFocusRingStyles","transitionDuration","castWebType","makeMotionTime","getIn","motion","duration","baseInputBorderBackgroundMotion","transitionTimingFunction","easing","_BaseInput","_ref12","ref","_ref12$as","as","label","_ref12$labelPosition","labelPosition","placeholder","_ref12$type","type","_ref12$showAllTags","showAllTags","_ref12$activeTagIndex","isDisabled","necessityIndicator","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","maxCharacters","textAlign","autoFocus","keyboardReturnKeyType","keyboardType","autoCompleteSuggestionType","trailingHeaderSlot","trailingFooterSlot","numberOfLines","id","componentName","accessibilityLabel","labelId","activeDescendant","hideLabelText","hideFormHint","hasPopup","popupId","isPopupExpanded","maxTagRows","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","autoCapitalize","setInputWrapperRef","testID","isDropdownTrigger","isLabelInsideInput","_ref12$size","size","trailingButton","_ref12$valueComponent","valueComponentType","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","inputWrapperRef","_useTags","_React$useState3","_React$useState4","showAllTagsWithAnimation","setShowAllTagsWithAnimation","_useInput","_useFormId","useFormId","inputId","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","_useInteraction","useInteraction","setCurrentInteraction","_isRequired","accessibilityProps","makeAccessible","required","Boolean","disabled","invalid","describedBy","expanded","undefined","controls","role","willRenderHintText","includes","join","isTextArea","_jsxs","metaAttribute","getStyledProps","display","flexDirection","justifyContent","alignItems","position","alignSelf","marginY","_jsx","FormLabel","htmlFor","BaseInputWrapper","refNode","BaseInputVisuals","BaseInputTagSlot","renderAs","setFocusOnInput","_ref$current","focus","labelPrefix","handleOnInputClick","e","StyledBaseInput","hasTags","$size","MetaConstants","marginLeft","makeSize","formHintLeftLabelMarginLeft","FormHint","BaseInputWithRef","forwardRef","BaseInput","assignWithoutSideEffects"],"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 { BladeElementRef, ContainerElementType, TestID } 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';\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  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     * 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     * 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?: 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  } & 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\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}>(({ theme, currentInteraction }) => ({\n  borderRadius: makeBorderSize(theme.border.radius.medium),\n  width: '100%',\n  '&:focus-within': {\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      getIn(\n        theme.motion.easing,\n        baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit'].easing,\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    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    ...styledProps\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\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: hasPopup ? 'combobox' : undefined,\n    activeDescendant,\n  });\n\n  const willRenderHintText = Boolean(helpText) || Boolean(successText) || 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 {...metaAttribute({ name: componentName, testID })} {...getStyledProps(styledProps)}>\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        {!hideLabelText && !isLabelInsideInput && (\n          <BaseBox\n            display=\"flex\"\n            flexDirection={isLabelLeftPositioned ? 'column' : 'row'}\n            justifyContent=\"space-between\"\n            alignSelf={isTextArea ? '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            >\n              {label}\n            </FormLabel>\n            {trailingHeaderSlot?.(value ?? inputValue)}\n          </BaseBox>\n        )}\n        <FocusRingWrapper currentInteraction={currentInteraction}>\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          >\n            <BaseInputVisuals\n              size={size}\n              leadingIcon={leadingIcon}\n              prefix={prefix}\n              isDisabled={isDisabled}\n              leadingInteractionElement={leadingInteractionElement}\n            />\n            <BaseInputTagSlot\n              renderAs={as}\n              tags={tags}\n              isDisabled={isDisabled}\n              showAllTags={showAllTagsWithAnimation}\n              setFocusOnInput={() => {\n                if (ref && !isReactNative && 'current' in ref) {\n                  ref.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={mergedInputRef as any}\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                {...metaAttribute({ name: MetaConstants.StyledBaseInput })}\n              />\n            </BaseInputTagSlot>\n            <BaseInputVisuals\n              trailingInteractionElement={trailingInteractionElement}\n              suffix={suffix}\n              trailingIcon={trailingIcon}\n              isDisabled={isDisabled}\n              validationState={validationState}\n              trailingButton={trailingButton}\n              size={size}\n            />\n          </BaseInputWrapper>\n        </FocusRingWrapper>\n      </BaseBox>\n\n      {!hideFormHint && (\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","concat","onTagLeft","current","onTagRight","onTagRemove","onDismiss","tagIndex","onInputKeydownTagHandler","key","useInput","_ref","value","defaultValue","onClick","onFocus","onChange","onBlur","onSubmit","onInput","onKeyDown","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","_ref10","hasErrorText","hasSuccessText","errorTextId","successTextId","helpTextId","FocusRingWrapper","styled","BaseBox","withConfig","displayName","componentId","_ref11","theme","currentInteraction","borderRadius","makeBorderSize","border","radius","medium","width","_objectSpread","getFocusRingStyles","transitionDuration","castWebType","makeMotionTime","getIn","motion","duration","baseInputBorderBackgroundMotion","transitionTimingFunction","easing","_BaseInput","_ref12","ref","_ref12$as","as","label","_ref12$labelPosition","labelPosition","placeholder","_ref12$type","type","_ref12$showAllTags","showAllTags","_ref12$activeTagIndex","isDisabled","necessityIndicator","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","maxCharacters","textAlign","autoFocus","keyboardReturnKeyType","keyboardType","autoCompleteSuggestionType","trailingHeaderSlot","trailingFooterSlot","numberOfLines","id","componentName","accessibilityLabel","labelId","activeDescendant","hideLabelText","hideFormHint","hasPopup","popupId","isPopupExpanded","maxTagRows","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","autoCapitalize","setInputWrapperRef","testID","isDropdownTrigger","isLabelInsideInput","_ref12$size","size","trailingButton","_ref12$valueComponent","valueComponentType","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","inputRef","mergedInputRef","useMergeRefs","inputWrapperRef","_useTags","_React$useState3","_React$useState4","showAllTagsWithAnimation","setShowAllTagsWithAnimation","_useInput","_useFormId","useFormId","inputId","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","_useInteraction","useInteraction","setCurrentInteraction","_isRequired","accessibilityProps","makeAccessible","required","Boolean","disabled","invalid","describedBy","expanded","undefined","controls","role","willRenderHintText","includes","join","isTextArea","_jsxs","metaAttribute","getStyledProps","display","flexDirection","justifyContent","alignItems","position","alignSelf","marginY","_jsx","FormLabel","htmlFor","BaseInputWrapper","refNode","_inputRef$current","focus","BaseInputVisuals","BaseInputTagSlot","renderAs","setFocusOnInput","_ref$current","labelPrefix","handleOnInputClick","e","StyledBaseInput","hasTags","$size","MetaConstants","marginLeft","makeSize","formHintLeftLabelMarginLeft","FormHint","BaseInputWithRef","forwardRef","BaseInput","assignWithoutSideEffects"],"mappings":"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"}

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

@@ -20,7 +20,7 @@ import { Text } from '../../Typography/Text/Text.js';
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-var MINUMUM_INPUT_SPACE = 30;
+var MINUMUM_INPUT_SPACE = 60;
 var PLUS_X_MORE_TEXT_WIDTH = 60;
 var TAG_MAX_WIDTH = size['140'];
 var useVisibleTagsCount = function useVisibleTagsCount(_ref) {
@@ -117,6 +117,8 @@ var BaseInputTagSlot = function BaseInputTagSlot(_ref3) {
     visibleTagsCountRef = _ref3.visibleTagsCountRef,
     labelPrefix = _ref3.labelPrefix,
     isDisabled = _ref3.isDisabled,
+    numberOfLines = _ref3.numberOfLines,
+    isTextArea = _ref3.isTextArea,
     size$1 = _ref3.size;
   var hasTags = tags && tags.length > 0;
   var slotRef = React__default.useRef(null);
@@ -144,6 +146,14 @@ var BaseInputTagSlot = function BaseInputTagSlot(_ref3) {
         left: 0,
         behavior: 'smooth'
       });
+    } else if (maxTagRows === 'single') {
+      var _slotRef$current5, _slotRef$current5$scr;
+      // when its single line input and showAllTags is true, we scroll till item on focus
+      (_slotRef$current5 = slotRef.current) === null || _slotRef$current5 === void 0 ? void 0 : (_slotRef$current5$scr = _slotRef$current5.scrollTo) === null || _slotRef$current5$scr === void 0 ? void 0 : _slotRef$current5$scr.call(_slotRef$current5, {
+        top: 0,
+        left: maxTagRows === 'single' ? slotRef.current.scrollWidth : 0,
+        behavior: 'smooth'
+      });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [showAllTags]);
@@ -176,6 +186,9 @@ var BaseInputTagSlot = function BaseInputTagSlot(_ref3) {
     overflowX: "auto",
     overflowY: showAllTags || maxTagRows === 'multiple' ? 'auto' : 'hidden',
     minHeight: makeSize(baseInputHeight[size$1]),
+    maxHeight:
+    // In TextArea with tagged input, we explicitly define maxHeight based on maxHeight so that tags dont overflow out of textarea
+    isDropdownTrigger && isTextArea ? makeSize(baseInputHeight[size$1] * (numberOfLines !== null && numberOfLines !== void 0 ? numberOfLines : 1)) : undefined,
     onMouseDown: function onMouseDown() {
       setShouldIgnoreBlurAnimation === null || setShouldIgnoreBlurAnimation === void 0 ? void 0 : setShouldIgnoreBlurAnimation(true);
     },

package/build/lib/web/development/components/Input/BaseInput/BaseInputTagSlot.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputTagSlot.web.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputTagSlot.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { BaseInputTagSlotProps } from './types';\nimport { baseInputHeight } from './baseInputTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeSize } from '~utils';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { size as sizeToken } from '~tokens/global';\n\nconst MINUMUM_INPUT_SPACE = 30;\nconst PLUS_X_MORE_TEXT_WIDTH = 60;\nconst TAG_MAX_WIDTH: number = sizeToken['140'];\n\nconst useVisibleTagsCount = ({\n  slotRef,\n  tags,\n  maxTagRows,\n  visibleTagsCountRef,\n  showAllTags,\n  labelPrefix,\n}: {\n  slotRef: React.RefObject<HTMLDivElement>;\n  tags: BaseInputTagSlotProps['tags'];\n  maxTagRows: BaseInputTagSlotProps['maxTagRows'];\n  visibleTagsCountRef: BaseInputTagSlotProps['visibleTagsCountRef'];\n  showAllTags: BaseInputTagSlotProps['showAllTags'];\n  labelPrefix: BaseInputTagSlotProps['labelPrefix'];\n}): number => {\n  const [visibleTagsCount, setVisibleTagsCount] = React.useState(0);\n  const visibleTagsCountStateRef = React.useRef<number>(0);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!tags || labelPrefix) {\n      setVisibleTagsCount(0);\n      return;\n    }\n\n    if (maxTagRows === 'multiple' || showAllTags) {\n      visibleTagsCountRef.current = tags.length;\n      setVisibleTagsCount(tags.length);\n      return;\n    }\n\n    const inputTagsSlotWidth = slotRef.current?.clientWidth;\n    visibleTagsCountStateRef.current = 0;\n    let totalTagsWidth = 0;\n\n    if (!inputTagsSlotWidth) {\n      return;\n    }\n\n    const allTagsEl = slotRef.current?.querySelectorAll(\n      `[data-blade-component=\"${MetaConstants.Tag}\"]`,\n    );\n\n    const totalAvailableSpaceForTags =\n      inputTagsSlotWidth - (MINUMUM_INPUT_SPACE + PLUS_X_MORE_TEXT_WIDTH);\n\n    if (allTagsEl.length !== tags.length) {\n      // some weird edge cases in controlled select where tags are not rendered in children\n      // we assume 140px (max-width of tag as width of all tags)\n      const tagsCount = Math.floor((totalAvailableSpaceForTags / TAG_MAX_WIDTH) * tags.length);\n      visibleTagsCountRef.current = tagsCount;\n      setVisibleTagsCount(tagsCount);\n      return;\n    }\n\n    for (const tagEl of allTagsEl) {\n      totalTagsWidth += tagEl.clientWidth;\n      if (totalTagsWidth >= totalAvailableSpaceForTags) {\n        break;\n      } else {\n        visibleTagsCountStateRef.current++;\n      }\n    }\n\n    visibleTagsCountRef.current = visibleTagsCountStateRef.current;\n    setVisibleTagsCount(visibleTagsCountStateRef.current);\n  }, [tags?.length, showAllTags]);\n\n  return visibleTagsCount;\n};\n\nconst getSelectedTextWithoutTags = ({\n  items,\n  labelPrefix,\n}: {\n  items: number;\n  labelPrefix?: string;\n}): string => {\n  if (labelPrefix) {\n    return `${labelPrefix} (${items} Selected)`;\n  }\n\n  return `${items} Selected`;\n};\n\nconst TagSlotContainer = styled(BaseBox)(() => {\n  return {\n    // hides the scrollbar of tagslot\n    '::-webkit-scrollbar': {\n      display: 'none',\n    },\n    '-ms-overflow-style': 'none',\n    'scrollbar-width': 'none',\n  };\n});\n\nconst BaseInputTagSlot = ({\n  renderAs,\n  children,\n  tags,\n  maxTagRows,\n  showAllTags,\n  setShouldIgnoreBlurAnimation,\n  handleOnInputClick,\n  isDropdownTrigger,\n  visibleTagsCountRef,\n  labelPrefix,\n  isDisabled,\n  size,\n}: BaseInputTagSlotProps): React.ReactElement => {\n  const hasTags = tags && tags.length > 0;\n  const slotRef = React.useRef<HTMLDivElement>(null);\n  const visibleTagsCount = useVisibleTagsCount({\n    slotRef,\n    tags,\n    maxTagRows,\n    visibleTagsCountRef,\n    showAllTags,\n    labelPrefix,\n  });\n\n  React.useEffect(() => {\n    slotRef.current?.scrollTo?.({\n      top:\n        maxTagRows === 'multiple' || maxTagRows === 'expandable' ? slotRef.current.scrollHeight : 0,\n      left: maxTagRows === 'single' ? slotRef.current.scrollWidth : 0,\n      behavior: 'smooth',\n    });\n  }, [tags?.length, maxTagRows]);\n\n  React.useEffect(() => {\n    if (!showAllTags) {\n      slotRef.current?.scrollTo?.({\n        top: 0,\n        left: 0,\n        behavior: 'smooth',\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showAllTags]);\n\n  const visibleTags = React.useMemo(() => {\n    return showAllTags ? tags : tags?.slice(0, visibleTagsCount);\n  }, [showAllTags, tags, visibleTagsCount]);\n\n  const invisibleTagsCount = React.useMemo(() => {\n    if (tags && visibleTags) {\n      return tags.length - visibleTags.length;\n    }\n\n    return 0;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tags?.length, visibleTags?.length]);\n\n  const isMobile = useIsMobile();\n\n  if (!isDropdownTrigger) {\n    // If its not dropdown trigger, we don't need to render tag containers\n    return children;\n  }\n\n  // tag height changes in mobile and desktop so we keep different paddings to make it look as expected\n  const paddingYWithTags = isMobile ? 'spacing.1' : 'spacing.2';\n\n  return (\n    <TagSlotContainer\n      ref={slotRef}\n      className=\"tags-slot\"\n      paddingY={paddingYWithTags}\n      paddingLeft=\"spacing.4\"\n      display=\"flex\"\n      flex=\"1\"\n      flexWrap={maxTagRows === 'single' ? 'nowrap' : 'wrap'}\n      overflowX=\"auto\"\n      overflowY={showAllTags || maxTagRows === 'multiple' ? 'auto' : 'hidden'}\n      minHeight={makeSize(baseInputHeight[size])}\n      onMouseDown={() => {\n        setShouldIgnoreBlurAnimation?.(true);\n      }}\n      onClick={(e) => {\n        handleOnInputClick(castWebType(e));\n      }}\n      onMouseUp={() => {\n        setShouldIgnoreBlurAnimation?.(false);\n      }}\n    >\n      {visibleTags}\n      {tags && !showAllTags && invisibleTagsCount ? (\n        <Text\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n          alignSelf=\"center\"\n          marginY=\"spacing.2\"\n          marginRight=\"spacing.4\"\n          variant=\"body\"\n          size=\"small\"\n          weight=\"regular\"\n        >\n          <BaseBox as=\"span\" whiteSpace=\"nowrap\">\n            {visibleTags?.length === 0\n              ? getSelectedTextWithoutTags({\n                  items: invisibleTagsCount,\n                  labelPrefix,\n                })\n              : `+${invisibleTagsCount} More`}\n          </BaseBox>\n        </Text>\n      ) : null}\n      <BaseBox\n        marginTop=\"-4px\"\n        minWidth={hasTags && renderAs === 'button' ? undefined : makeSize(MINUMUM_INPUT_SPACE)}\n        width={hasTags && renderAs === 'button' ? makeSize(sizeToken['1']) : '100%'}\n      >\n        {children}\n      </BaseBox>\n    </TagSlotContainer>\n  );\n};\n\nexport { BaseInputTagSlot };\n"],"names":["MINUMUM_INPUT_SPACE","PLUS_X_MORE_TEXT_WIDTH","TAG_MAX_WIDTH","sizeToken","useVisibleTagsCount","_ref","slotRef","tags","maxTagRows","visibleTagsCountRef","showAllTags","labelPrefix","_React$useState","React","useState","_React$useState2","_slicedToArray","visibleTagsCount","setVisibleTagsCount","visibleTagsCountStateRef","useRef","useIsomorphicLayoutEffect","_slotRef$current","_slotRef$current2","current","length","inputTagsSlotWidth","clientWidth","totalTagsWidth","allTagsEl","querySelectorAll","concat","MetaConstants","Tag","totalAvailableSpaceForTags","tagsCount","Math","floor","_iterator","_createForOfIteratorHelper","_step","s","n","done","tagEl","value","err","e","f","getSelectedTextWithoutTags","_ref2","items","TagSlotContainer","styled","BaseBox","withConfig","displayName","componentId","display","BaseInputTagSlot","_ref3","renderAs","children","setShouldIgnoreBlurAnimation","handleOnInputClick","isDropdownTrigger","isDisabled","size","hasTags","useEffect","_slotRef$current3","_slotRef$current3$scr","scrollTo","call","top","scrollHeight","left","scrollWidth","behavior","_slotRef$current4","_slotRef$current4$scr","visibleTags","useMemo","slice","invisibleTagsCount","isMobile","useIsMobile","paddingYWithTags","_jsxs","ref","className","paddingY","paddingLeft","flex","flexWrap","overflowX","overflowY","minHeight","makeSize","baseInputHeight","onMouseDown","onClick","castWebType","onMouseUp","_jsx","Text","color","alignSelf","marginY","marginRight","variant","weight","as","whiteSpace","marginTop","minWidth","undefined","width"],"mappings":"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"}
+{"version":3,"file":"BaseInputTagSlot.web.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputTagSlot.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { BaseInputTagSlotProps } from './types';\nimport { baseInputHeight } from './baseInputTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeSize } from '~utils';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { size as sizeToken } from '~tokens/global';\n\nconst MINUMUM_INPUT_SPACE = 60;\nconst PLUS_X_MORE_TEXT_WIDTH = 60;\nconst TAG_MAX_WIDTH: number = sizeToken['140'];\n\nconst useVisibleTagsCount = ({\n  slotRef,\n  tags,\n  maxTagRows,\n  visibleTagsCountRef,\n  showAllTags,\n  labelPrefix,\n}: {\n  slotRef: React.RefObject<HTMLDivElement>;\n  tags: BaseInputTagSlotProps['tags'];\n  maxTagRows: BaseInputTagSlotProps['maxTagRows'];\n  visibleTagsCountRef: BaseInputTagSlotProps['visibleTagsCountRef'];\n  showAllTags: BaseInputTagSlotProps['showAllTags'];\n  labelPrefix: BaseInputTagSlotProps['labelPrefix'];\n}): number => {\n  const [visibleTagsCount, setVisibleTagsCount] = React.useState(0);\n  const visibleTagsCountStateRef = React.useRef<number>(0);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!tags || labelPrefix) {\n      setVisibleTagsCount(0);\n      return;\n    }\n\n    if (maxTagRows === 'multiple' || showAllTags) {\n      visibleTagsCountRef.current = tags.length;\n      setVisibleTagsCount(tags.length);\n      return;\n    }\n\n    const inputTagsSlotWidth = slotRef.current?.clientWidth;\n    visibleTagsCountStateRef.current = 0;\n    let totalTagsWidth = 0;\n\n    if (!inputTagsSlotWidth) {\n      return;\n    }\n\n    const allTagsEl = slotRef.current?.querySelectorAll(\n      `[data-blade-component=\"${MetaConstants.Tag}\"]`,\n    );\n\n    const totalAvailableSpaceForTags =\n      inputTagsSlotWidth - (MINUMUM_INPUT_SPACE + PLUS_X_MORE_TEXT_WIDTH);\n\n    if (allTagsEl.length !== tags.length) {\n      // some weird edge cases in controlled select where tags are not rendered in children\n      // we assume 140px (max-width of tag as width of all tags)\n      const tagsCount = Math.floor((totalAvailableSpaceForTags / TAG_MAX_WIDTH) * tags.length);\n      visibleTagsCountRef.current = tagsCount;\n      setVisibleTagsCount(tagsCount);\n      return;\n    }\n\n    for (const tagEl of allTagsEl) {\n      totalTagsWidth += tagEl.clientWidth;\n      if (totalTagsWidth >= totalAvailableSpaceForTags) {\n        break;\n      } else {\n        visibleTagsCountStateRef.current++;\n      }\n    }\n\n    visibleTagsCountRef.current = visibleTagsCountStateRef.current;\n    setVisibleTagsCount(visibleTagsCountStateRef.current);\n  }, [tags?.length, showAllTags]);\n\n  return visibleTagsCount;\n};\n\nconst getSelectedTextWithoutTags = ({\n  items,\n  labelPrefix,\n}: {\n  items: number;\n  labelPrefix?: string;\n}): string => {\n  if (labelPrefix) {\n    return `${labelPrefix} (${items} Selected)`;\n  }\n\n  return `${items} Selected`;\n};\n\nconst TagSlotContainer = styled(BaseBox)(() => {\n  return {\n    // hides the scrollbar of tagslot\n    '::-webkit-scrollbar': {\n      display: 'none',\n    },\n    '-ms-overflow-style': 'none',\n    'scrollbar-width': 'none',\n  };\n});\n\nconst BaseInputTagSlot = ({\n  renderAs,\n  children,\n  tags,\n  maxTagRows,\n  showAllTags,\n  setShouldIgnoreBlurAnimation,\n  handleOnInputClick,\n  isDropdownTrigger,\n  visibleTagsCountRef,\n  labelPrefix,\n  isDisabled,\n  numberOfLines,\n  isTextArea,\n  size,\n}: BaseInputTagSlotProps): React.ReactElement => {\n  const hasTags = tags && tags.length > 0;\n  const slotRef = React.useRef<HTMLDivElement>(null);\n  const visibleTagsCount = useVisibleTagsCount({\n    slotRef,\n    tags,\n    maxTagRows,\n    visibleTagsCountRef,\n    showAllTags,\n    labelPrefix,\n  });\n\n  React.useEffect(() => {\n    slotRef.current?.scrollTo?.({\n      top:\n        maxTagRows === 'multiple' || maxTagRows === 'expandable' ? slotRef.current.scrollHeight : 0,\n      left: maxTagRows === 'single' ? slotRef.current.scrollWidth : 0,\n      behavior: 'smooth',\n    });\n  }, [tags?.length, maxTagRows]);\n\n  React.useEffect(() => {\n    if (!showAllTags) {\n      slotRef.current?.scrollTo?.({\n        top: 0,\n        left: 0,\n        behavior: 'smooth',\n      });\n    } else if (maxTagRows === 'single') {\n      // when its single line input and showAllTags is true, we scroll till item on focus\n      slotRef.current?.scrollTo?.({\n        top: 0,\n        left: maxTagRows === 'single' ? slotRef.current.scrollWidth : 0,\n        behavior: 'smooth',\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showAllTags]);\n\n  const visibleTags = React.useMemo(() => {\n    return showAllTags ? tags : tags?.slice(0, visibleTagsCount);\n  }, [showAllTags, tags, visibleTagsCount]);\n\n  const invisibleTagsCount = React.useMemo(() => {\n    if (tags && visibleTags) {\n      return tags.length - visibleTags.length;\n    }\n\n    return 0;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tags?.length, visibleTags?.length]);\n\n  const isMobile = useIsMobile();\n\n  if (!isDropdownTrigger) {\n    // If its not dropdown trigger, we don't need to render tag containers\n    return children;\n  }\n\n  // tag height changes in mobile and desktop so we keep different paddings to make it look as expected\n  const paddingYWithTags = isMobile ? 'spacing.1' : 'spacing.2';\n\n  return (\n    <TagSlotContainer\n      ref={slotRef}\n      className=\"tags-slot\"\n      paddingY={paddingYWithTags}\n      paddingLeft=\"spacing.4\"\n      display=\"flex\"\n      flex=\"1\"\n      flexWrap={maxTagRows === 'single' ? 'nowrap' : 'wrap'}\n      overflowX=\"auto\"\n      overflowY={showAllTags || maxTagRows === 'multiple' ? 'auto' : 'hidden'}\n      minHeight={makeSize(baseInputHeight[size])}\n      maxHeight={\n        // In TextArea with tagged input, we explicitly define maxHeight based on maxHeight so that tags dont overflow out of textarea\n        isDropdownTrigger && isTextArea\n          ? makeSize(baseInputHeight[size] * (numberOfLines ?? 1))\n          : undefined\n      }\n      onMouseDown={() => {\n        setShouldIgnoreBlurAnimation?.(true);\n      }}\n      onClick={(e) => {\n        handleOnInputClick(castWebType(e));\n      }}\n      onMouseUp={() => {\n        setShouldIgnoreBlurAnimation?.(false);\n      }}\n    >\n      {visibleTags}\n      {tags && !showAllTags && invisibleTagsCount ? (\n        <Text\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n          alignSelf=\"center\"\n          marginY=\"spacing.2\"\n          marginRight=\"spacing.4\"\n          variant=\"body\"\n          size=\"small\"\n          weight=\"regular\"\n        >\n          <BaseBox as=\"span\" whiteSpace=\"nowrap\">\n            {visibleTags?.length === 0\n              ? getSelectedTextWithoutTags({\n                  items: invisibleTagsCount,\n                  labelPrefix,\n                })\n              : `+${invisibleTagsCount} More`}\n          </BaseBox>\n        </Text>\n      ) : null}\n      <BaseBox\n        marginTop=\"-4px\"\n        minWidth={hasTags && renderAs === 'button' ? undefined : makeSize(MINUMUM_INPUT_SPACE)}\n        width={hasTags && renderAs === 'button' ? makeSize(sizeToken['1']) : '100%'}\n      >\n        {children}\n      </BaseBox>\n    </TagSlotContainer>\n  );\n};\n\nexport { BaseInputTagSlot };\n"],"names":["MINUMUM_INPUT_SPACE","PLUS_X_MORE_TEXT_WIDTH","TAG_MAX_WIDTH","sizeToken","useVisibleTagsCount","_ref","slotRef","tags","maxTagRows","visibleTagsCountRef","showAllTags","labelPrefix","_React$useState","React","useState","_React$useState2","_slicedToArray","visibleTagsCount","setVisibleTagsCount","visibleTagsCountStateRef","useRef","useIsomorphicLayoutEffect","_slotRef$current","_slotRef$current2","current","length","inputTagsSlotWidth","clientWidth","totalTagsWidth","allTagsEl","querySelectorAll","concat","MetaConstants","Tag","totalAvailableSpaceForTags","tagsCount","Math","floor","_iterator","_createForOfIteratorHelper","_step","s","n","done","tagEl","value","err","e","f","getSelectedTextWithoutTags","_ref2","items","TagSlotContainer","styled","BaseBox","withConfig","displayName","componentId","display","BaseInputTagSlot","_ref3","renderAs","children","setShouldIgnoreBlurAnimation","handleOnInputClick","isDropdownTrigger","isDisabled","numberOfLines","isTextArea","size","hasTags","useEffect","_slotRef$current3","_slotRef$current3$scr","scrollTo","call","top","scrollHeight","left","scrollWidth","behavior","_slotRef$current4","_slotRef$current4$scr","_slotRef$current5","_slotRef$current5$scr","visibleTags","useMemo","slice","invisibleTagsCount","isMobile","useIsMobile","paddingYWithTags","_jsxs","ref","className","paddingY","paddingLeft","flex","flexWrap","overflowX","overflowY","minHeight","makeSize","baseInputHeight","maxHeight","undefined","onMouseDown","onClick","castWebType","onMouseUp","_jsx","Text","color","alignSelf","marginY","marginRight","variant","weight","as","whiteSpace","marginTop","minWidth","width"],"mappings":"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"}

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

@@ -10,8 +10,8 @@ import { throwBladeError } from '../../../utils/logger/logger.js';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { Text } from '../../Typography/Text/Text.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getVisualContainerStyles = function getVisualContainerStyles() {
   return {
     display: 'flex',

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

@@ -4,9 +4,9 @@ import React__default from 'react';
 import { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper.web.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children", "validationState", "currentInteraction", "isLabelLeftPositioned", "isTextArea", "showAllTags", "setShowAllTagsWithAnimation", "maxTagRows"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded = ["children", "validationState", "currentInteraction", "isLabelLeftPositioned", "isTextArea", "showAllTags", "setShowAllTagsWithAnimation", "maxTagRows", "numberOfLines"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _BaseInputWrapper = function _BaseInputWrapper(_ref, ref) {
   var children = _ref.children,
     validationState = _ref.validationState,
@@ -16,6 +16,7 @@ var _BaseInputWrapper = function _BaseInputWrapper(_ref, ref) {
     showAllTags = _ref.showAllTags,
     setShowAllTagsWithAnimation = _ref.setShowAllTagsWithAnimation,
     maxTagRows = _ref.maxTagRows,
+    numberOfLines = _ref.numberOfLines,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsx(AnimatedBaseInputWrapper
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion
@@ -26,7 +27,8 @@ var _BaseInputWrapper = function _BaseInputWrapper(_ref, ref) {
     currentInteraction: currentInteraction,
     showAllTags: showAllTags,
     maxTagRows: maxTagRows,
-    setShowAllTagsWithAnimation: setShowAllTagsWithAnimation
+    setShowAllTagsWithAnimation: setShowAllTagsWithAnimation,
+    numberOfLines: numberOfLines
   }, props), {}, {
     children: children
   }));

package/build/lib/web/development/components/Input/BaseInput/BaseInputWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputWrapper.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputWrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport React from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper';\nimport type { ContainerElementType } from '~utils/types';\nimport type { ActionStates } from '~utils/useInteraction';\n\ntype BaseInputWrapperProps = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'showAllTags'\n  | 'maxTagRows'\n  | 'setInputWrapperRef'\n  | 'isDropdownTrigger'\n> & {\n  isFocused?: boolean;\n  isLabelLeftPositioned?: boolean;\n  currentInteraction: ActionStates;\n  isTextArea?: boolean;\n  setShowAllTagsWithAnimation: (showAllTagsWithAnimation: boolean) => void;\n  children: React.ReactNode;\n  size: NonNullable<BaseInputProps['size']>;\n};\n\nconst _BaseInputWrapper: React.ForwardRefRenderFunction<\n  ContainerElementType,\n  BaseInputWrapperProps & {\n    children: ReactNode;\n  }\n> = (\n  {\n    children,\n    validationState,\n    currentInteraction,\n    isLabelLeftPositioned,\n    isTextArea,\n    showAllTags,\n    setShowAllTagsWithAnimation,\n    maxTagRows,\n    ...props\n  },\n  ref,\n): ReactElement => {\n  return (\n    <AnimatedBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion\n      ref={ref as any}\n      isTextArea={isTextArea}\n      validationState={validationState}\n      currentInteraction={currentInteraction}\n      showAllTags={showAllTags}\n      maxTagRows={maxTagRows}\n      setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n      {...props}\n    >\n      {children}\n    </AnimatedBaseInputWrapper>\n  );\n};\n\nexport const BaseInputWrapper = React.forwardRef(_BaseInputWrapper);\n"],"names":["_BaseInputWrapper","_ref","ref","children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","props","_objectWithoutProperties","_excluded","_jsx","AnimatedBaseInputWrapper","_objectSpread","BaseInputWrapper","React","forwardRef"],"mappings":";;;;;;;;;AAyBA,IAAMA,iBAKL,GAAG,SALEA,iBAKLA,CAAAC,IAAA,EAYCC,GAAG,EACc;AAAA,EAAA,IAXfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;IAClBC,qBAAqB,GAAAL,IAAA,CAArBK,qBAAqB;IACrBC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACVC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,2BAA2B,GAAAR,IAAA,CAA3BQ,2BAA2B;IAC3BC,UAAU,GAAAT,IAAA,CAAVS,UAAU;AACPC,IAAAA,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAIV,EAAA,oBACEC,GAAA,CAACC,wBAAAA;AACC;IAAAC,aAAA,CAAAA,aAAA,CAAA;AACAd,IAAAA,GAAG,EAAEA,GAAW;AAChBK,IAAAA,UAAU,EAAEA,UAAW;AACvBH,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCG,IAAAA,WAAW,EAAEA,WAAY;AACzBE,IAAAA,UAAU,EAAEA,UAAW;AACvBD,IAAAA,2BAA2B,EAAEA,2BAAAA;AAA4B,GAAA,EACrDE,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAR,IAAAA,QAAA,EAERA,QAAAA;AAAQ,GAAA,CACe,CAAC,CAAA;AAE/B,CAAC,CAAA;AAEM,IAAMc,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CAACnB,iBAAiB;;;;"}
+{"version":3,"file":"BaseInputWrapper.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputWrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport React from 'react';\nimport { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper';\nimport type { BaseInputWrapperProps } from './types';\nimport type { ContainerElementType } from '~utils/types';\n\nconst _BaseInputWrapper: React.ForwardRefRenderFunction<\n  ContainerElementType,\n  BaseInputWrapperProps & {\n    children: ReactNode;\n  }\n> = (\n  {\n    children,\n    validationState,\n    currentInteraction,\n    isLabelLeftPositioned,\n    isTextArea,\n    showAllTags,\n    setShowAllTagsWithAnimation,\n    maxTagRows,\n    numberOfLines,\n    ...props\n  },\n  ref,\n): ReactElement => {\n  return (\n    <AnimatedBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion\n      ref={ref as any}\n      isTextArea={isTextArea}\n      validationState={validationState}\n      currentInteraction={currentInteraction}\n      showAllTags={showAllTags}\n      maxTagRows={maxTagRows}\n      setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n      numberOfLines={numberOfLines}\n      {...props}\n    >\n      {children}\n    </AnimatedBaseInputWrapper>\n  );\n};\n\nexport const BaseInputWrapper = React.forwardRef(_BaseInputWrapper);\n"],"names":["_BaseInputWrapper","_ref","ref","children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","numberOfLines","props","_objectWithoutProperties","_excluded","_jsx","AnimatedBaseInputWrapper","_objectSpread","BaseInputWrapper","React","forwardRef"],"mappings":";;;;;;;;;AAMA,IAAMA,iBAKL,GAAG,SALEA,iBAKLA,CAAAC,IAAA,EAaCC,GAAG,EACc;AAAA,EAAA,IAZfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;IAClBC,qBAAqB,GAAAL,IAAA,CAArBK,qBAAqB;IACrBC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACVC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,2BAA2B,GAAAR,IAAA,CAA3BQ,2BAA2B;IAC3BC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,aAAa,GAAAV,IAAA,CAAbU,aAAa;AACVC,IAAAA,KAAK,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA,CAAA;AAIV,EAAA,oBACEC,GAAA,CAACC,wBAAAA;AACC;IAAAC,aAAA,CAAAA,aAAA,CAAA;AACAf,IAAAA,GAAG,EAAEA,GAAW;AAChBK,IAAAA,UAAU,EAAEA,UAAW;AACvBH,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCG,IAAAA,WAAW,EAAEA,WAAY;AACzBE,IAAAA,UAAU,EAAEA,UAAW;AACvBD,IAAAA,2BAA2B,EAAEA,2BAA4B;AACzDE,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,EACzBC,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAT,IAAAA,QAAA,EAERA,QAAAA;AAAQ,GAAA,CACe,CAAC,CAAA;AAE/B,CAAC,CAAA;AAEM,IAAMe,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CAACpB,iBAAiB;;;;"}

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

@@ -11,8 +11,8 @@ import { Text } from '../../Typography/Text/Text.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
 var _excluded = ["name", "isDisabled", "isRequired", "maxCharacters", "handleOnFocus", "handleOnChange", "handleOnBlur", "handleOnInput", "handleOnKeyDown", "handleOnClick", "keyboardType", "keyboardReturnKeyType", "autoCompleteSuggestionType", "accessibilityProps", "setCurrentInteraction", "numberOfLines", "type", "hasPopup", "shouldIgnoreBlurAnimation", "autoCapitalize", "$size", "valueComponentType"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getWebInputStyles = function getWebInputStyles(props) {
   return _objectSpread(_objectSpread({}, getBaseInputStyles({
     isDisabled: props.disabled,
@@ -166,8 +166,11 @@ var _StyledBaseInput = function _StyledBaseInput(_ref, ref) {
     name: name,
     type: type === 'telephone' ? 'tel' : type,
     required: isRequired,
-    maxLength: maxCharacters,
-    rows: numberOfLines,
+    maxLength: maxCharacters
+    // In Tagged TextArea, tags take up their own space so we need to define height instead of relying on HTML rows
+    ,
+    rows: props.isTextArea && props.isDropdownTrigger ? 1 : numberOfLines,
+    numberOfLines: numberOfLines,
     inputMode: keyboardType === 'telephone' ? 'tel' : keyboardType,
     onChange: function onChange(event) {
       return handleOnChange === null || handleOnChange === void 0 ? void 0 : handleOnChange({