@razorpay/blade 12.49.3 → 12.49.5

package/build/lib/web/production/components/Input/SearchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../../../../../../../src/components/Input/SearchInput/SearchInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextInput as TextInputReactNative } from 'react-native';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getKeyboardAndAutocompleteProps } from '../BaseInput/utils';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { CloseIcon, SearchIcon } from '~components/Icons';\nimport { IconButton } from '~components/Button/IconButton';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType } from '~utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type {\n  BladeElementRef,\n  BladeElementRefWithValue,\n  DataAnalyticsAttribute,\n} from '~utils/types';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { DropdownOverlay, InputDropdownButton } from '~components/Dropdown';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\n\ntype SearchInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'helpText'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'name'\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'value'\n  | 'isDisabled'\n  | 'autoFocus'\n  | 'onSubmit'\n  | 'autoCapitalize'\n  | 'testID'\n  | 'onClick'\n  | 'size'\n  | keyof DataAnalyticsAttribute\n> & {\n  /**\n   * Event handler to handle the onClick event for clear button.\n   */\n  onClearButtonClick?: () => void;\n\n  /**\n   * Decides whether to show a loading spinner for the input field.\n   */\n  isLoading?: boolean;\n  /**\n   * Toggle the visibility of the search icon.\n   *\n   * @default true\n   */\n  showSearchIcon?: boolean;\n  /**\n   * Optional trailing  to be shown at the end of the input.\n   */\n  trailing?: React.ReactNode;\n} & StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype SearchInputPropsWithA11yLabel = {\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 SearchInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype SearchInputProps = (SearchInputPropsWithA11yLabel | SearchInputPropsWithLabel) &\n  SearchInputCommonProps;\n\n// need to do this to tell TS to infer type as SearchInput of React Native and make it believe that `ref.current.clear()` exists\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isReactNative = (_textInputRef?: any): _textInputRef is TextInputReactNative => {\n  return getPlatformType() === 'react-native';\n};\n\nconst _SearchInput: React.ForwardRefRenderFunction<BladeElementRef, SearchInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    placeholder,\n    defaultValue,\n    name,\n    value,\n    onChange,\n    onClick,\n    onFocus,\n    onBlur,\n    onSubmit,\n    isDisabled,\n    labelSuffix,\n    labelTrailing,\n    helpText,\n    onClearButtonClick,\n    isLoading,\n    autoCapitalize,\n    autoFocus,\n    testID,\n    size = 'medium',\n    showSearchIcon = true,\n    trailing,\n    ...rest\n  },\n  ref,\n): ReactElement => {\n  const textInputRef = React.useRef<BladeElementRefWithValue>(null);\n  const mergedRef = useMergeRefs(ref, textInputRef);\n  const [shouldShowClearButton, setShouldShowClearButton] = useState(false);\n  const [isTrailingDropDownOpen, setIsTrailingDropDownOpen] = useState(false);\n  const {\n    triggererWrapperRef,\n    onTriggerKeydown,\n    onTriggerClick,\n    dropdownTriggerer,\n    close: closeParentDropDown,\n    isOpen: isParentDropDownOpen,\n  } = useDropdown();\n  const isInsideDropdown = dropdownTriggerer === 'SearchInput';\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(defaultValue ?? value));\n  }, [defaultValue, value]);\n\n  useEffect(() => {\n    if (isParentDropDownOpen && isTrailingDropDownOpen) {\n      setIsTrailingDropDownOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [closeParentDropDown, isParentDropDownOpen]);\n\n  useEffect(() => {\n    if (isTrailingDropDownOpen && isParentDropDownOpen) {\n      closeParentDropDown();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [setIsTrailingDropDownOpen, isTrailingDropDownOpen]);\n\n  const trailingDropdown =\n    trailing && getComponentId(trailing as React.ReactElement) === 'Dropdown' ? trailing : null;\n\n  const renderTrailingDropDown = (): React.ReactElement | null => {\n    if (!trailingDropdown) {\n      return null;\n    }\n    return React.cloneElement(trailingDropdown as React.ReactElement, {\n      selectionType: 'single',\n      isOpen: isTrailingDropDownOpen,\n      onOpenChange: (isOpen: boolean) => {\n        setIsTrailingDropDownOpen(isOpen);\n      },\n      children: React.Children.map(\n        (trailingDropdown as React.ReactElement).props.children,\n        (child) => {\n          if (child.type === InputDropdownButton) {\n            return React.cloneElement(child, {\n              _isInsideSearchInput: true,\n            });\n          }\n          if (child.type === DropdownOverlay) {\n            return React.cloneElement(child, {\n              referenceRef: triggererWrapperRef,\n              _isNestedDropdown: true,\n              defaultPlacement: 'bottom-end',\n            });\n          }\n          return child;\n        },\n      ),\n    });\n  };\n\n  const renderClearButton = (): React.ReactElement => {\n    return (\n      <IconButton\n        size=\"medium\"\n        icon={CloseIcon}\n        onClick={() => {\n          if (isEmpty(value) && textInputRef.current) {\n            // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n            if (isReactNative(textInputRef.current)) {\n              textInputRef.current.clear();\n              textInputRef.current.focus();\n            } else if (textInputRef.current instanceof HTMLInputElement) {\n              textInputRef.current.value = '';\n              textInputRef.current.focus();\n            }\n          }\n\n          // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n          onClearButtonClick?.();\n          textInputRef?.current?.focus();\n          setShouldShowClearButton(false);\n        }}\n        isDisabled={isDisabled}\n        accessibilityLabel=\"Clear Input Content\"\n      />\n    );\n  };\n\n  const renderInteractionElement = (): ReactNode => {\n    if (isLoading) {\n      return <Spinner accessibilityLabel=\"Loading Content\" color=\"primary\" />;\n    }\n\n    if (shouldShowClearButton && trailingDropdown) {\n      return (\n        <BaseBox display=\"flex\" gap=\"spacing.3\">\n          {renderClearButton()} <Divider orientation=\"vertical\" />\n        </BaseBox>\n      );\n    }\n    if (shouldShowClearButton) {\n      return renderClearButton();\n    }\n\n    return null;\n  };\n\n  return (\n    <BaseBox position=\"relative\">\n      <BaseInput\n        id=\"searchinput\"\n        componentName={MetaConstants.SearchInput}\n        ref={mergedRef}\n        isDropdownTrigger={true}\n        setInputWrapperRef={\n          isInsideDropdown || isTrailingDropDownOpen\n            ? (wrapperNode) => {\n                triggererWrapperRef.current = wrapperNode;\n              }\n            : undefined\n        }\n        label={label as string}\n        accessibilityLabel={accessibilityLabel}\n        hideLabelText={!Boolean(label)}\n        labelPosition={labelPosition}\n        labelSuffix={labelSuffix}\n        labelTrailing={labelTrailing}\n        placeholder={placeholder}\n        defaultValue={defaultValue}\n        value={value}\n        name={name}\n        onKeyDown={isInsideDropdown ? onTriggerKeydown : undefined}\n        onChange={({ name, value }) => {\n          if (value?.length) {\n            // show the clear button when the user starts typing in\n            setShouldShowClearButton(true);\n          }\n\n          if (shouldShowClearButton && !value?.length) {\n            // hide the clear button when the input field is empty\n            setShouldShowClearButton(false);\n          }\n\n          onChange?.({ name, value });\n        }}\n        onClick={(e) => {\n          if (isDisabled) return;\n          if (isInsideDropdown) {\n            onTriggerClick();\n          }\n          onClick?.(e);\n        }}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onSubmit={onSubmit}\n        isDisabled={isDisabled}\n        leadingIcon={showSearchIcon ? SearchIcon : undefined}\n        trailingInteractionElement={renderInteractionElement()}\n        trailingDropDown={renderTrailingDropDown()}\n        helpText={helpText}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        testID={testID}\n        {...getKeyboardAndAutocompleteProps({\n          type: 'search',\n          autoCapitalize,\n        })}\n        size={size}\n        {...rest}\n      />\n    </BaseBox>\n  );\n};\n\nconst SearchInput = assignWithoutSideEffects(React.forwardRef(_SearchInput), {\n  displayName: 'SearchInput',\n  componentId: dropdownComponentIds.triggers.SearchInput,\n});\n\nexport type { SearchInputProps };\nexport { SearchInput };\n"],"names":["isReactNative","_textInputRef","getPlatformType","_SearchInput","_ref","ref","label","accessibilityLabel","_ref$labelPosition","labelPosition","placeholder","defaultValue","name","value","onChange","onClick","onFocus","onBlur","onSubmit","isDisabled","labelSuffix","labelTrailing","helpText","onClearButtonClick","isLoading","autoCapitalize","autoFocus","testID","_ref$size","size","_ref$showSearchIcon","showSearchIcon","trailing","rest","_objectWithoutProperties","_excluded","textInputRef","React","useRef","mergedRef","useMergeRefs","_useState","useState","_useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","_useState3","_useState4","isTrailingDropDownOpen","setIsTrailingDropDownOpen","_useDropdown","useDropdown","triggererWrapperRef","onTriggerKeydown","onTriggerClick","dropdownTriggerer","closeParentDropDown","close","isParentDropDownOpen","isOpen","isInsideDropdown","useEffect","Boolean","trailingDropdown","getComponentId","renderTrailingDropDown","cloneElement","selectionType","onOpenChange","children","Children","map","props","child","type","InputDropdownButton","_isInsideSearchInput","DropdownOverlay","referenceRef","_isNestedDropdown","defaultPlacement","renderClearButton","_jsx","IconButton","icon","CloseIcon","_textInputRef$current","isEmpty","current","clear","focus","HTMLInputElement","renderInteractionElement","Spinner","color","_jsxs","BaseBox","display","gap","Divider","orientation","position","BaseInput","_objectSpread","id","componentName","MetaConstants","SearchInput","isDropdownTrigger","setInputWrapperRef","wrapperNode","undefined","hideLabelText","onKeyDown","_ref2","length","e","leadingIcon","SearchIcon","trailingInteractionElement","trailingDropDown","getKeyboardAndAutocompleteProps","assignWithoutSideEffects","forwardRef","displayName","componentId","dropdownComponentIds","triggers"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuGA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,aAAmB,EAA4C;AACpF,EAAA,OAAOC,eAAe,EAAE,KAAK,cAAc,CAAA;AAC7C,CAAC,CAAA;AAED,IAAMC,YAA+E,GAAG,SAAlFA,YAA+EA,CAAAC,IAAA,EA4BnFC,GAAG,EACc;AAAA,EAAA,IA3BfC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,kBAAkB,GAAAH,IAAA,CAAlBG,kBAAkB;IAAAC,kBAAA,GAAAJ,IAAA,CAClBK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IACrBE,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;IACJC,KAAK,GAAAT,IAAA,CAALS,KAAK;IACLC,SAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,QAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IACPC,MAAM,GAAAb,IAAA,CAANa,MAAM;IACNC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;IACRC,UAAU,GAAAf,IAAA,CAAVe,UAAU;IACVC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;IACXC,aAAa,GAAAjB,IAAA,CAAbiB,aAAa;IACbC,QAAQ,GAAAlB,IAAA,CAARkB,QAAQ;IACRC,kBAAkB,GAAAnB,IAAA,CAAlBmB,kBAAkB;IAClBC,SAAS,GAAApB,IAAA,CAAToB,SAAS;IACTC,cAAc,GAAArB,IAAA,CAAdqB,cAAc;IACdC,SAAS,GAAAtB,IAAA,CAATsB,SAAS;IACTC,MAAM,GAAAvB,IAAA,CAANuB,MAAM;IAAAC,SAAA,GAAAxB,IAAA,CACNyB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,mBAAA,GAAA1B,IAAA,CACf2B,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,QAAQ,GAAA5B,IAAA,CAAR4B,QAAQ;AACLC,IAAAA,IAAI,GAAAC,wBAAA,CAAA9B,IAAA,EAAA+B,SAAA,CAAA,CAAA;AAIT,EAAA,IAAMC,YAAY,GAAGC,cAAK,CAACC,MAAM,CAA2B,IAAI,CAAC,CAAA;AACjE,EAAA,IAAMC,SAAS,GAAGC,YAAY,CAACnC,GAAG,EAAE+B,YAAY,CAAC,CAAA;AACjD,EAAA,IAAAK,SAAA,GAA0DC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAlEI,IAAAA,qBAAqB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,wBAAwB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtD,EAAA,IAAAI,UAAA,GAA4DL,QAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAApEE,IAAAA,sBAAsB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,yBAAyB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACxD,EAAA,IAAAG,YAAA,GAOIC,WAAW,EAAE;IANfC,mBAAmB,GAAAF,YAAA,CAAnBE,mBAAmB;IACnBC,gBAAgB,GAAAH,YAAA,CAAhBG,gBAAgB;IAChBC,cAAc,GAAAJ,YAAA,CAAdI,cAAc;IACdC,iBAAiB,GAAAL,YAAA,CAAjBK,iBAAiB;IACVC,mBAAmB,GAAAN,YAAA,CAA1BO,KAAK;IACGC,oBAAoB,GAAAR,YAAA,CAA5BS,MAAM,CAAA;AAER,EAAA,IAAMC,gBAAgB,GAAGL,iBAAiB,KAAK,aAAa,CAAA;EAE5DnB,cAAK,CAACyB,SAAS,CAAC,YAAM;IACpBhB,wBAAwB,CAACiB,OAAO,CAACpD,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAZA,YAAY,GAAIE,KAAK,CAAC,CAAC,CAAA;AAC1D,GAAC,EAAE,CAACF,YAAY,EAAEE,KAAK,CAAC,CAAC,CAAA;AAEzBiD,EAAAA,SAAS,CAAC,YAAM;IACd,IAAIH,oBAAoB,IAAIV,sBAAsB,EAAE;MAClDC,yBAAyB,CAAC,KAAK,CAAC,CAAA;AAClC,KAAA;AACA;AACF,GAAC,EAAE,CAACO,mBAAmB,EAAEE,oBAAoB,CAAC,CAAC,CAAA;AAE/CG,EAAAA,SAAS,CAAC,YAAM;IACd,IAAIb,sBAAsB,IAAIU,oBAAoB,EAAE;AAClDF,MAAAA,mBAAmB,EAAE,CAAA;AACvB,KAAA;AACA;AACF,GAAC,EAAE,CAACP,yBAAyB,EAAED,sBAAsB,CAAC,CAAC,CAAA;AAEvD,EAAA,IAAMe,gBAAgB,GACpBhC,QAAQ,IAAIiC,cAAc,CAACjC,QAA8B,CAAC,KAAK,UAAU,GAAGA,QAAQ,GAAG,IAAI,CAAA;AAE7F,EAAA,IAAMkC,sBAAsB,GAAG,SAAzBA,sBAAsBA,GAAoC;IAC9D,IAAI,CAACF,gBAAgB,EAAE;AACrB,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AACA,IAAA,oBAAO3B,cAAK,CAAC8B,YAAY,CAACH,gBAAgB,EAAwB;AAChEI,MAAAA,aAAa,EAAE,QAAQ;AACvBR,MAAAA,MAAM,EAAEX,sBAAsB;AAC9BoB,MAAAA,YAAY,EAAE,SAAAA,YAACT,CAAAA,MAAe,EAAK;QACjCV,yBAAyB,CAACU,MAAM,CAAC,CAAA;OAClC;AACDU,MAAAA,QAAQ,EAAEjC,cAAK,CAACkC,QAAQ,CAACC,GAAG,CACzBR,gBAAgB,CAAwBS,KAAK,CAACH,QAAQ,EACvD,UAACI,KAAK,EAAK;AACT,QAAA,IAAIA,KAAK,CAACC,IAAI,KAAKC,mBAAmB,EAAE;AACtC,UAAA,oBAAOvC,cAAK,CAAC8B,YAAY,CAACO,KAAK,EAAE;AAC/BG,YAAAA,oBAAoB,EAAE,IAAA;AACxB,WAAC,CAAC,CAAA;AACJ,SAAA;AACA,QAAA,IAAIH,KAAK,CAACC,IAAI,KAAKG,eAAe,EAAE;AAClC,UAAA,oBAAOzC,cAAK,CAAC8B,YAAY,CAACO,KAAK,EAAE;AAC/BK,YAAAA,YAAY,EAAE1B,mBAAmB;AACjC2B,YAAAA,iBAAiB,EAAE,IAAI;AACvBC,YAAAA,gBAAgB,EAAE,YAAA;AACpB,WAAC,CAAC,CAAA;AACJ,SAAA;AACA,QAAA,OAAOP,KAAK,CAAA;OAEhB,CAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AAED,EAAA,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAiBA,GAA6B;IAClD,oBACEC,GAAA,CAACC,UAAU,EAAA;AACTvD,MAAAA,IAAI,EAAC,QAAQ;AACbwD,MAAAA,IAAI,EAAEC,SAAU;MAChBvE,OAAO,EAAE,SAAAA,OAAAA,GAAM;AAAA,QAAA,IAAAwE,qBAAA,CAAA;QACb,IAAIC,OAAO,CAAC3E,KAAK,CAAC,IAAIuB,YAAY,CAACqD,OAAO,EAAE;AAC1C;AACA,UAAA,IAAIzF,aAAa,CAACoC,YAAY,CAACqD,OAAO,CAAC,EAAE;AACvCrD,YAAAA,YAAY,CAACqD,OAAO,CAACC,KAAK,EAAE,CAAA;AAC5BtD,YAAAA,YAAY,CAACqD,OAAO,CAACE,KAAK,EAAE,CAAA;AAC9B,WAAC,MAAM,IAAIvD,YAAY,CAACqD,OAAO,YAAYG,gBAAgB,EAAE;AAC3DxD,YAAAA,YAAY,CAACqD,OAAO,CAAC5E,KAAK,GAAG,EAAE,CAAA;AAC/BuB,YAAAA,YAAY,CAACqD,OAAO,CAACE,KAAK,EAAE,CAAA;AAC9B,WAAA;AACF,SAAA;;AAEA;AACApE,QAAAA,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,kBAAkB,EAAI,CAAA;AACtBa,QAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAAmD,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAZnD,YAAY,CAAEqD,OAAO,MAAA,IAAA,IAAAF,qBAAA,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAuBI,KAAK,EAAE,CAAA;QAC9B7C,wBAAwB,CAAC,KAAK,CAAC,CAAA;OAC/B;AACF3B,MAAAA,UAAU,EAAEA,UAAW;AACvBZ,MAAAA,kBAAkB,EAAC,qBAAA;AAAqB,KACzC,CAAC,CAAA;GAEL,CAAA;AAED,EAAA,IAAMsF,wBAAwB,GAAG,SAA3BA,wBAAwBA,GAAoB;AAChD,IAAA,IAAIrE,SAAS,EAAE;MACb,oBAAO2D,GAAA,CAACW,OAAO,EAAA;AAACvF,QAAAA,kBAAkB,EAAC,iBAAiB;AAACwF,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AACzE,KAAA;IAEA,IAAIlD,qBAAqB,IAAImB,gBAAgB,EAAE;MAC7C,oBACEgC,IAAA,CAACC,OAAO,EAAA;AAACC,QAAAA,OAAO,EAAC,MAAM;AAACC,QAAAA,GAAG,EAAC,WAAW;QAAA7B,QAAA,EAAA,CACpCY,iBAAiB,EAAE,EAAC,GAAC,eAAAC,GAAA,CAACiB,OAAO,EAAA;AAACC,UAAAA,WAAW,EAAC,UAAA;AAAU,SAAE,CAAC,CAAA;AAAA,OACjD,CAAC,CAAA;AAEd,KAAA;AACA,IAAA,IAAIxD,qBAAqB,EAAE;MACzB,OAAOqC,iBAAiB,EAAE,CAAA;AAC5B,KAAA;AAEA,IAAA,OAAO,IAAI,CAAA;GACZ,CAAA;EAED,oBACEC,GAAA,CAACc,OAAO,EAAA;AAACK,IAAAA,QAAQ,EAAC,UAAU;AAAAhC,IAAAA,QAAA,eAC1Ba,GAAA,CAACoB,SAAS,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACRC,MAAAA,EAAE,EAAC,aAAa;MAChBC,aAAa,EAAEC,aAAa,CAACC,WAAY;AACzCvG,MAAAA,GAAG,EAAEkC,SAAU;AACfsE,MAAAA,iBAAiB,EAAE,IAAK;AACxBC,MAAAA,kBAAkB,EAChBjD,gBAAgB,IAAIZ,sBAAsB,GACtC,UAAC8D,WAAW,EAAK;QACf1D,mBAAmB,CAACoC,OAAO,GAAGsB,WAAW,CAAA;AAC3C,OAAC,GACDC,SACL;AACD1G,MAAAA,KAAK,EAAEA,KAAgB;AACvBC,MAAAA,kBAAkB,EAAEA,kBAAmB;AACvC0G,MAAAA,aAAa,EAAE,CAAClD,OAAO,CAACzD,KAAK,CAAE;AAC/BG,MAAAA,aAAa,EAAEA,aAAc;AAC7BW,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,aAAa,EAAEA,aAAc;AAC7BX,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BE,MAAAA,KAAK,EAAEA,KAAM;AACbD,MAAAA,IAAI,EAAEA,IAAK;AACXsG,MAAAA,SAAS,EAAErD,gBAAgB,GAAGP,gBAAgB,GAAG0D,SAAU;AAC3DlG,MAAAA,QAAQ,EAAE,SAAAA,QAAAqG,CAAAA,KAAA,EAAqB;AAAA,QAAA,IAAlBvG,IAAI,GAAAuG,KAAA,CAAJvG,IAAI;UAAEC,KAAK,GAAAsG,KAAA,CAALtG,KAAK,CAAA;AACtB,QAAA,IAAIA,KAAK,KAALA,IAAAA,IAAAA,KAAK,eAALA,KAAK,CAAEuG,MAAM,EAAE;AACjB;UACAtE,wBAAwB,CAAC,IAAI,CAAC,CAAA;AAChC,SAAA;QAEA,IAAID,qBAAqB,IAAI,EAAChC,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,IAAAA,KAAK,CAAEuG,MAAM,CAAE,EAAA;AAC3C;UACAtE,wBAAwB,CAAC,KAAK,CAAC,CAAA;AACjC,SAAA;AAEAhC,QAAAA,SAAQ,KAARA,IAAAA,IAAAA,SAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAQ,CAAG;AAAEF,UAAAA,IAAI,EAAJA,IAAI;AAAEC,UAAAA,KAAK,EAALA,KAAAA;AAAM,SAAC,CAAC,CAAA;OAC3B;AACFE,MAAAA,OAAO,EAAE,SAAAA,OAACsG,CAAAA,CAAC,EAAK;AACd,QAAA,IAAIlG,UAAU,EAAE,OAAA;AAChB,QAAA,IAAI0C,gBAAgB,EAAE;AACpBN,UAAAA,cAAc,EAAE,CAAA;AAClB,SAAA;AACAxC,QAAAA,QAAO,aAAPA,QAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,QAAO,CAAGsG,CAAC,CAAC,CAAA;OACZ;AACFrG,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,MAAM,EAAEA,MAAO;AACfC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,UAAU,EAAEA,UAAW;AACvBmG,MAAAA,WAAW,EAAEvF,cAAc,GAAGwF,UAAU,GAAGP,SAAU;MACrDQ,0BAA0B,EAAE3B,wBAAwB,EAAG;MACvD4B,gBAAgB,EAAEvD,sBAAsB,EAAG;AAC3C5C,MAAAA,QAAQ,EAAEA,QAAAA;AACV;AAAA;AACAI,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,MAAM,EAAEA,MAAAA;AAAO,KAAA,EACX+F,+BAA+B,CAAC;AAClC/C,MAAAA,IAAI,EAAE,QAAQ;AACdlD,MAAAA,cAAc,EAAdA,cAAAA;AACF,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACFI,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,EACPI,IAAI,CACT,CAAA;AAAC,GACK,CAAC,CAAA;AAEd,CAAC,CAAA;AAEK2E,IAAAA,WAAW,gBAAGe,wBAAwB,eAACtF,cAAK,CAACuF,UAAU,CAACzH,YAAY,CAAC,EAAE;AAC3E0H,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,WAAW,EAAEC,oBAAoB,CAACC,QAAQ,CAACpB,WAAAA;AAC7C,CAAC;;;;"}
+{"version":3,"file":"SearchInput.js","sources":["../../../../../../../src/components/Input/SearchInput/SearchInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextInput as TextInputReactNative } from 'react-native';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getKeyboardAndAutocompleteProps } from '../BaseInput/utils';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { CloseIcon, SearchIcon } from '~components/Icons';\nimport { IconButton } from '~components/Button/IconButton';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType } from '~utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type {\n  BladeElementRef,\n  BladeElementRefWithValue,\n  DataAnalyticsAttribute,\n} from '~utils/types';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { DropdownOverlay, InputDropdownButton } from '~components/Dropdown';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\n\ntype SearchInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'helpText'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'name'\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'value'\n  | 'isDisabled'\n  | 'autoFocus'\n  | 'onSubmit'\n  | 'autoCapitalize'\n  | 'testID'\n  | 'onClick'\n  | 'size'\n  | keyof DataAnalyticsAttribute\n> & {\n  /**\n   * Event handler to handle the onClick event for clear button.\n   */\n  onClearButtonClick?: () => void;\n\n  /**\n   * Decides whether to show a loading spinner for the input field.\n   */\n  isLoading?: boolean;\n  /**\n   * Toggle the visibility of the search icon.\n   *\n   * @default true\n   */\n  showSearchIcon?: boolean;\n  /**\n   * Optional trailing  to be shown at the end of the input.\n   */\n  trailing?: React.ReactNode;\n} & StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype SearchInputPropsWithA11yLabel = {\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 SearchInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype SearchInputProps = (SearchInputPropsWithA11yLabel | SearchInputPropsWithLabel) &\n  SearchInputCommonProps;\n\n// need to do this to tell TS to infer type as SearchInput of React Native and make it believe that `ref.current.clear()` exists\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isReactNative = (_textInputRef?: any): _textInputRef is TextInputReactNative => {\n  return getPlatformType() === 'react-native';\n};\n\nconst _SearchInput: React.ForwardRefRenderFunction<BladeElementRef, SearchInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    placeholder,\n    defaultValue,\n    name,\n    value,\n    onChange,\n    onClick,\n    onFocus,\n    onBlur,\n    onSubmit,\n    isDisabled,\n    labelSuffix,\n    labelTrailing,\n    helpText,\n    onClearButtonClick,\n    isLoading,\n    autoCapitalize,\n    autoFocus,\n    testID,\n    size = 'medium',\n    showSearchIcon = true,\n    trailing,\n    ...rest\n  },\n  ref,\n): ReactElement => {\n  const textInputRef = React.useRef<BladeElementRefWithValue>(null);\n  const mergedRef = useMergeRefs(ref, textInputRef);\n  const [shouldShowClearButton, setShouldShowClearButton] = useState(false);\n  const [isTrailingDropDownOpen, setIsTrailingDropDownOpen] = useState(false);\n  const {\n    triggererWrapperRef,\n    onTriggerKeydown,\n    onTriggerClick,\n    dropdownTriggerer,\n    close: closeParentDropDown,\n    isOpen: isParentDropDownOpen,\n  } = useDropdown();\n  const isInsideDropdown = dropdownTriggerer === 'SearchInput';\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(defaultValue ?? value));\n  }, [defaultValue, value]);\n\n  useEffect(() => {\n    if (isParentDropDownOpen && isTrailingDropDownOpen) {\n      setIsTrailingDropDownOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [closeParentDropDown, isParentDropDownOpen]);\n\n  useEffect(() => {\n    if (isTrailingDropDownOpen && isParentDropDownOpen) {\n      closeParentDropDown();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [setIsTrailingDropDownOpen, isTrailingDropDownOpen]);\n\n  const trailingDropdown =\n    trailing && getComponentId(trailing as React.ReactElement) === 'Dropdown' ? trailing : null;\n\n  const renderTrailingDropDown = (): React.ReactElement | null => {\n    if (!trailingDropdown) {\n      return null;\n    }\n    return React.cloneElement(trailingDropdown as React.ReactElement, {\n      selectionType: 'single',\n      isOpen: isTrailingDropDownOpen,\n      onOpenChange: (isOpen: boolean) => {\n        setIsTrailingDropDownOpen(isOpen);\n      },\n      children: React.Children.map(\n        (trailingDropdown as React.ReactElement).props.children,\n        (child) => {\n          if (child.type === InputDropdownButton) {\n            return React.cloneElement(child, {\n              _isInsideSearchInput: true,\n            });\n          }\n          if (child.type === DropdownOverlay) {\n            return React.cloneElement(child, {\n              referenceRef: triggererWrapperRef,\n              _isNestedDropdown: true,\n              defaultPlacement: 'bottom-end',\n            });\n          }\n          return child;\n        },\n      ),\n    });\n  };\n\n  const renderClearButton = (): React.ReactElement => {\n    return (\n      <IconButton\n        size=\"medium\"\n        icon={CloseIcon}\n        onClick={() => {\n          if (isEmpty(value) && textInputRef.current) {\n            // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n            if (isReactNative(textInputRef.current)) {\n              textInputRef.current.clear();\n              textInputRef.current.focus();\n            } else if (textInputRef.current instanceof HTMLInputElement) {\n              textInputRef.current.value = '';\n              textInputRef.current.focus();\n            }\n          }\n\n          // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n          onClearButtonClick?.();\n          textInputRef?.current?.focus();\n          setShouldShowClearButton(false);\n        }}\n        isDisabled={isDisabled}\n        accessibilityLabel=\"Clear Input Content\"\n      />\n    );\n  };\n\n  const renderInteractionElement = (): ReactNode => {\n    if (isLoading) {\n      return <Spinner accessibilityLabel=\"Loading Content\" color=\"primary\" />;\n    }\n\n    if (shouldShowClearButton && trailingDropdown) {\n      return (\n        <BaseBox display=\"flex\" gap=\"spacing.3\">\n          {renderClearButton()} <Divider orientation=\"vertical\" />\n        </BaseBox>\n      );\n    }\n    if (shouldShowClearButton) {\n      return renderClearButton();\n    }\n\n    return null;\n  };\n\n  return (\n    <BaseBox position=\"relative\">\n      <BaseInput\n        id=\"searchinput\"\n        componentName={MetaConstants.SearchInput}\n        ref={mergedRef}\n        isDropdownTrigger={true}\n        setInputWrapperRef={\n          isInsideDropdown || isTrailingDropDownOpen\n            ? (wrapperNode) => {\n                triggererWrapperRef.current = wrapperNode;\n              }\n            : undefined\n        }\n        label={label as string}\n        accessibilityLabel={accessibilityLabel}\n        hideLabelText={!Boolean(label)}\n        labelPosition={labelPosition}\n        labelSuffix={labelSuffix}\n        labelTrailing={labelTrailing}\n        placeholder={placeholder}\n        defaultValue={defaultValue}\n        value={value}\n        name={name}\n        onKeyDown={isInsideDropdown ? onTriggerKeydown : undefined}\n        onChange={({ name, value }) => {\n          if (value?.length) {\n            // show the clear button when the user starts typing in\n            setShouldShowClearButton(true);\n          }\n\n          if (shouldShowClearButton && !value?.length) {\n            // hide the clear button when the input field is empty\n            setShouldShowClearButton(false);\n          }\n\n          onChange?.({ name, value });\n        }}\n        onClick={(e) => {\n          if (isDisabled) return;\n          if (isInsideDropdown) {\n            onTriggerClick();\n          }\n          onClick?.(e);\n        }}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onSubmit={onSubmit}\n        isDisabled={isDisabled}\n        leadingIcon={showSearchIcon ? SearchIcon : undefined}\n        trailingInteractionElement={renderInteractionElement()}\n        trailingDropDown={renderTrailingDropDown()}\n        helpText={helpText}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        testID={testID}\n        {...getKeyboardAndAutocompleteProps({\n          type: 'search',\n          autoCapitalize,\n        })}\n        size={size}\n        {...rest}\n      />\n    </BaseBox>\n  );\n};\n\nconst SearchInput = assignWithoutSideEffects(React.forwardRef(_SearchInput), {\n  displayName: 'SearchInput',\n  componentId: dropdownComponentIds.triggers.SearchInput,\n});\n\nexport type { SearchInputProps };\nexport { SearchInput };\n"],"names":["isReactNative","_textInputRef","getPlatformType","_SearchInput","_ref","ref","label","accessibilityLabel","_ref$labelPosition","labelPosition","placeholder","defaultValue","name","value","onChange","onClick","onFocus","onBlur","onSubmit","isDisabled","labelSuffix","labelTrailing","helpText","onClearButtonClick","isLoading","autoCapitalize","autoFocus","testID","_ref$size","size","_ref$showSearchIcon","showSearchIcon","trailing","rest","_objectWithoutProperties","_excluded","textInputRef","React","useRef","mergedRef","useMergeRefs","_useState","useState","_useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","_useState3","_useState4","isTrailingDropDownOpen","setIsTrailingDropDownOpen","_useDropdown","useDropdown","triggererWrapperRef","onTriggerKeydown","onTriggerClick","dropdownTriggerer","closeParentDropDown","close","isParentDropDownOpen","isOpen","isInsideDropdown","useEffect","Boolean","trailingDropdown","getComponentId","renderTrailingDropDown","cloneElement","selectionType","onOpenChange","children","Children","map","props","child","type","InputDropdownButton","_isInsideSearchInput","DropdownOverlay","referenceRef","_isNestedDropdown","defaultPlacement","renderClearButton","_jsx","IconButton","icon","CloseIcon","_textInputRef$current","isEmpty","current","clear","focus","HTMLInputElement","renderInteractionElement","Spinner","color","_jsxs","BaseBox","display","gap","Divider","orientation","position","BaseInput","_objectSpread","id","componentName","MetaConstants","SearchInput","isDropdownTrigger","setInputWrapperRef","wrapperNode","undefined","hideLabelText","onKeyDown","_ref2","length","e","leadingIcon","SearchIcon","trailingInteractionElement","trailingDropDown","getKeyboardAndAutocompleteProps","assignWithoutSideEffects","forwardRef","displayName","componentId","dropdownComponentIds","triggers"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuGA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,aAAmB,EAA4C;AACpF,EAAA,OAAOC,eAAe,EAAE,KAAK,cAAc,CAAA;AAC7C,CAAC,CAAA;AAED,IAAMC,YAA+E,GAAG,SAAlFA,YAA+EA,CAAAC,IAAA,EA4BnFC,GAAG,EACc;AAAA,EAAA,IA3BfC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,kBAAkB,GAAAH,IAAA,CAAlBG,kBAAkB;IAAAC,kBAAA,GAAAJ,IAAA,CAClBK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IACrBE,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;IACJC,KAAK,GAAAT,IAAA,CAALS,KAAK;IACLC,SAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,QAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IACPC,MAAM,GAAAb,IAAA,CAANa,MAAM;IACNC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;IACRC,UAAU,GAAAf,IAAA,CAAVe,UAAU;IACVC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;IACXC,aAAa,GAAAjB,IAAA,CAAbiB,aAAa;IACbC,QAAQ,GAAAlB,IAAA,CAARkB,QAAQ;IACRC,kBAAkB,GAAAnB,IAAA,CAAlBmB,kBAAkB;IAClBC,SAAS,GAAApB,IAAA,CAAToB,SAAS;IACTC,cAAc,GAAArB,IAAA,CAAdqB,cAAc;IACdC,SAAS,GAAAtB,IAAA,CAATsB,SAAS;IACTC,MAAM,GAAAvB,IAAA,CAANuB,MAAM;IAAAC,SAAA,GAAAxB,IAAA,CACNyB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,mBAAA,GAAA1B,IAAA,CACf2B,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,QAAQ,GAAA5B,IAAA,CAAR4B,QAAQ;AACLC,IAAAA,IAAI,GAAAC,wBAAA,CAAA9B,IAAA,EAAA+B,SAAA,CAAA,CAAA;AAIT,EAAA,IAAMC,YAAY,GAAGC,cAAK,CAACC,MAAM,CAA2B,IAAI,CAAC,CAAA;AACjE,EAAA,IAAMC,SAAS,GAAGC,YAAY,CAACnC,GAAG,EAAE+B,YAAY,CAAC,CAAA;AACjD,EAAA,IAAAK,SAAA,GAA0DC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAlEI,IAAAA,qBAAqB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,wBAAwB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtD,EAAA,IAAAI,UAAA,GAA4DL,QAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAApEE,IAAAA,sBAAsB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,yBAAyB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACxD,EAAA,IAAAG,YAAA,GAOIC,WAAW,EAAE;IANfC,mBAAmB,GAAAF,YAAA,CAAnBE,mBAAmB;IACnBC,gBAAgB,GAAAH,YAAA,CAAhBG,gBAAgB;IAChBC,cAAc,GAAAJ,YAAA,CAAdI,cAAc;IACdC,iBAAiB,GAAAL,YAAA,CAAjBK,iBAAiB;IACVC,mBAAmB,GAAAN,YAAA,CAA1BO,KAAK;IACGC,oBAAoB,GAAAR,YAAA,CAA5BS,MAAM,CAAA;AAER,EAAA,IAAMC,gBAAgB,GAAGL,iBAAiB,KAAK,aAAa,CAAA;EAE5DnB,cAAK,CAACyB,SAAS,CAAC,YAAM;IACpBhB,wBAAwB,CAACiB,OAAO,CAACpD,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAZA,YAAY,GAAIE,KAAK,CAAC,CAAC,CAAA;AAC1D,GAAC,EAAE,CAACF,YAAY,EAAEE,KAAK,CAAC,CAAC,CAAA;AAEzBiD,EAAAA,SAAS,CAAC,YAAM;IACd,IAAIH,oBAAoB,IAAIV,sBAAsB,EAAE;MAClDC,yBAAyB,CAAC,KAAK,CAAC,CAAA;AAClC,KAAA;AACA;AACF,GAAC,EAAE,CAACO,mBAAmB,EAAEE,oBAAoB,CAAC,CAAC,CAAA;AAE/CG,EAAAA,SAAS,CAAC,YAAM;IACd,IAAIb,sBAAsB,IAAIU,oBAAoB,EAAE;AAClDF,MAAAA,mBAAmB,EAAE,CAAA;AACvB,KAAA;AACA;AACF,GAAC,EAAE,CAACP,yBAAyB,EAAED,sBAAsB,CAAC,CAAC,CAAA;AAEvD,EAAA,IAAMe,gBAAgB,GACpBhC,QAAQ,IAAIiC,cAAc,CAACjC,QAA8B,CAAC,KAAK,UAAU,GAAGA,QAAQ,GAAG,IAAI,CAAA;AAE7F,EAAA,IAAMkC,sBAAsB,GAAG,SAAzBA,sBAAsBA,GAAoC;IAC9D,IAAI,CAACF,gBAAgB,EAAE;AACrB,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AACA,IAAA,oBAAO3B,cAAK,CAAC8B,YAAY,CAACH,gBAAgB,EAAwB;AAChEI,MAAAA,aAAa,EAAE,QAAQ;AACvBR,MAAAA,MAAM,EAAEX,sBAAsB;AAC9BoB,MAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAGT,MAAe,EAAK;QACjCV,yBAAyB,CAACU,MAAM,CAAC,CAAA;OAClC;AACDU,MAAAA,QAAQ,EAAEjC,cAAK,CAACkC,QAAQ,CAACC,GAAG,CACzBR,gBAAgB,CAAwBS,KAAK,CAACH,QAAQ,EACvD,UAACI,KAAK,EAAK;AACT,QAAA,IAAIA,KAAK,CAACC,IAAI,KAAKC,mBAAmB,EAAE;AACtC,UAAA,oBAAOvC,cAAK,CAAC8B,YAAY,CAACO,KAAK,EAAE;AAC/BG,YAAAA,oBAAoB,EAAE,IAAA;AACxB,WAAC,CAAC,CAAA;AACJ,SAAA;AACA,QAAA,IAAIH,KAAK,CAACC,IAAI,KAAKG,eAAe,EAAE;AAClC,UAAA,oBAAOzC,cAAK,CAAC8B,YAAY,CAACO,KAAK,EAAE;AAC/BK,YAAAA,YAAY,EAAE1B,mBAAmB;AACjC2B,YAAAA,iBAAiB,EAAE,IAAI;AACvBC,YAAAA,gBAAgB,EAAE,YAAA;AACpB,WAAC,CAAC,CAAA;AACJ,SAAA;AACA,QAAA,OAAOP,KAAK,CAAA;OAEhB,CAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AAED,EAAA,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAiBA,GAA6B;IAClD,oBACEC,GAAA,CAACC,UAAU,EAAA;AACTvD,MAAAA,IAAI,EAAC,QAAQ;AACbwD,MAAAA,IAAI,EAAEC,SAAU;AAChBvE,MAAAA,OAAO,EAAE,SAATA,OAAOA,GAAQ;AAAA,QAAA,IAAAwE,qBAAA,CAAA;QACb,IAAIC,OAAO,CAAC3E,KAAK,CAAC,IAAIuB,YAAY,CAACqD,OAAO,EAAE;AAC1C;AACA,UAAA,IAAIzF,aAAa,CAACoC,YAAY,CAACqD,OAAO,CAAC,EAAE;AACvCrD,YAAAA,YAAY,CAACqD,OAAO,CAACC,KAAK,EAAE,CAAA;AAC5BtD,YAAAA,YAAY,CAACqD,OAAO,CAACE,KAAK,EAAE,CAAA;AAC9B,WAAC,MAAM,IAAIvD,YAAY,CAACqD,OAAO,YAAYG,gBAAgB,EAAE;AAC3DxD,YAAAA,YAAY,CAACqD,OAAO,CAAC5E,KAAK,GAAG,EAAE,CAAA;AAC/BuB,YAAAA,YAAY,CAACqD,OAAO,CAACE,KAAK,EAAE,CAAA;AAC9B,WAAA;AACF,SAAA;;AAEA;AACApE,QAAAA,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,IAAAA,kBAAkB,EAAI,CAAA;AACtBa,QAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAAmD,KAAAA,CAAAA,IAAAA,CAAAA,qBAAA,GAAZnD,YAAY,CAAEqD,OAAO,MAAA,IAAA,IAAAF,qBAAA,KAArBA,KAAAA,CAAAA,IAAAA,qBAAA,CAAuBI,KAAK,EAAE,CAAA;QAC9B7C,wBAAwB,CAAC,KAAK,CAAC,CAAA;OAC/B;AACF3B,MAAAA,UAAU,EAAEA,UAAW;AACvBZ,MAAAA,kBAAkB,EAAC,qBAAA;AAAqB,KACzC,CAAC,CAAA;GAEL,CAAA;AAED,EAAA,IAAMsF,wBAAwB,GAAG,SAA3BA,wBAAwBA,GAAoB;AAChD,IAAA,IAAIrE,SAAS,EAAE;MACb,oBAAO2D,GAAA,CAACW,OAAO,EAAA;AAACvF,QAAAA,kBAAkB,EAAC,iBAAiB;AAACwF,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AACzE,KAAA;IAEA,IAAIlD,qBAAqB,IAAImB,gBAAgB,EAAE;MAC7C,oBACEgC,IAAA,CAACC,OAAO,EAAA;AAACC,QAAAA,OAAO,EAAC,MAAM;AAACC,QAAAA,GAAG,EAAC,WAAW;QAAA7B,QAAA,EAAA,CACpCY,iBAAiB,EAAE,EAAC,GAAC,eAAAC,GAAA,CAACiB,OAAO,EAAA;AAACC,UAAAA,WAAW,EAAC,UAAA;AAAU,SAAE,CAAC,CAAA;AAAA,OACjD,CAAC,CAAA;AAEd,KAAA;AACA,IAAA,IAAIxD,qBAAqB,EAAE;MACzB,OAAOqC,iBAAiB,EAAE,CAAA;AAC5B,KAAA;AAEA,IAAA,OAAO,IAAI,CAAA;GACZ,CAAA;EAED,oBACEC,GAAA,CAACc,OAAO,EAAA;AAACK,IAAAA,QAAQ,EAAC,UAAU;AAAAhC,IAAAA,QAAA,eAC1Ba,GAAA,CAACoB,SAAS,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACRC,MAAAA,EAAE,EAAC,aAAa;MAChBC,aAAa,EAAEC,aAAa,CAACC,WAAY;AACzCvG,MAAAA,GAAG,EAAEkC,SAAU;AACfsE,MAAAA,iBAAiB,EAAE,IAAK;AACxBC,MAAAA,kBAAkB,EAChBjD,gBAAgB,IAAIZ,sBAAsB,GACtC,UAAC8D,WAAW,EAAK;QACf1D,mBAAmB,CAACoC,OAAO,GAAGsB,WAAW,CAAA;AAC3C,OAAC,GACDC,SACL;AACD1G,MAAAA,KAAK,EAAEA,KAAgB;AACvBC,MAAAA,kBAAkB,EAAEA,kBAAmB;AACvC0G,MAAAA,aAAa,EAAE,CAAClD,OAAO,CAACzD,KAAK,CAAE;AAC/BG,MAAAA,aAAa,EAAEA,aAAc;AAC7BW,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,aAAa,EAAEA,aAAc;AAC7BX,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BE,MAAAA,KAAK,EAAEA,KAAM;AACbD,MAAAA,IAAI,EAAEA,IAAK;AACXsG,MAAAA,SAAS,EAAErD,gBAAgB,GAAGP,gBAAgB,GAAG0D,SAAU;AAC3DlG,MAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAAqG,KAAA,EAAuB;AAAA,QAAA,IAAlBvG,IAAI,GAAAuG,KAAA,CAAJvG,IAAI;UAAEC,KAAK,GAAAsG,KAAA,CAALtG,KAAK,CAAA;AACtB,QAAA,IAAIA,KAAK,KAALA,IAAAA,IAAAA,KAAK,eAALA,KAAK,CAAEuG,MAAM,EAAE;AACjB;UACAtE,wBAAwB,CAAC,IAAI,CAAC,CAAA;AAChC,SAAA;QAEA,IAAID,qBAAqB,IAAI,EAAChC,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,IAAAA,KAAK,CAAEuG,MAAM,CAAE,EAAA;AAC3C;UACAtE,wBAAwB,CAAC,KAAK,CAAC,CAAA;AACjC,SAAA;AAEAhC,QAAAA,SAAQ,KAARA,IAAAA,IAAAA,SAAQ,KAARA,KAAAA,CAAAA,IAAAA,SAAQ,CAAG;AAAEF,UAAAA,IAAI,EAAJA,IAAI;AAAEC,UAAAA,KAAK,EAALA,KAAAA;AAAM,SAAC,CAAC,CAAA;OAC3B;AACFE,MAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGsG,CAAC,EAAK;AACd,QAAA,IAAIlG,UAAU,EAAE,OAAA;AAChB,QAAA,IAAI0C,gBAAgB,EAAE;AACpBN,UAAAA,cAAc,EAAE,CAAA;AAClB,SAAA;AACAxC,QAAAA,QAAO,aAAPA,QAAO,KAAA,KAAA,CAAA,IAAPA,QAAO,CAAGsG,CAAC,CAAC,CAAA;OACZ;AACFrG,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,MAAM,EAAEA,MAAO;AACfC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,UAAU,EAAEA,UAAW;AACvBmG,MAAAA,WAAW,EAAEvF,cAAc,GAAGwF,UAAU,GAAGP,SAAU;MACrDQ,0BAA0B,EAAE3B,wBAAwB,EAAG;MACvD4B,gBAAgB,EAAEvD,sBAAsB,EAAG;AAC3C5C,MAAAA,QAAQ,EAAEA,QAAAA;AACV;AAAA;AACAI,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,MAAM,EAAEA,MAAAA;AAAO,KAAA,EACX+F,+BAA+B,CAAC;AAClC/C,MAAAA,IAAI,EAAE,QAAQ;AACdlD,MAAAA,cAAc,EAAdA,cAAAA;AACF,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACFI,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,EACPI,IAAI,CACT,CAAA;AAAC,GACK,CAAC,CAAA;AAEd,CAAC,CAAA;AAEK2E,IAAAA,WAAW,gBAAGe,wBAAwB,cAACtF,cAAK,CAACuF,UAAU,CAACzH,YAAY,CAAC,EAAE;AAC3E0H,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,WAAW,EAAEC,oBAAoB,CAACC,QAAQ,CAACpB,WAAAA;AAC7C,CAAC;;;;"}

package/build/lib/web/production/components/Input/TextArea/TextArea.js

@@ -118,8 +118,8 @@ var _TextArea = function _TextArea(_ref, ref) {
             }
             handleTagsClear();
             // if the input field is controlled just call the click handler and the value change shall be left upto the consumer
-            onClearButtonClick === null || onClearButtonClick === void 0 ? void 0 : onClearButtonClick();
-            inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+            onClearButtonClick === null || onClearButtonClick === void 0 || onClearButtonClick();
+            inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
             setShouldShowClearButton(false);
           }
         })
@@ -176,22 +176,22 @@ var _TextArea = function _TextArea(_ref, ref) {
         name: name,
         value: value
       });
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange({
+      _onChange === null || _onChange === void 0 || _onChange({
         name: name,
         value: value
       });
     },
     onFocus: function onFocus(e) {
       setIsInputFocussed(true);
-      _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(e);
+      _onFocus === null || _onFocus === void 0 || _onFocus(e);
     },
     onBlur: function onBlur(e) {
       setIsInputFocussed(false);
-      _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e);
+      _onBlur === null || _onBlur === void 0 || _onBlur(e);
     },
     onKeyDown: function onKeyDown(e) {
       handleTaggedInputKeydown(e);
-      _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown({
+      _onKeyDown === null || _onKeyDown === void 0 || _onKeyDown({
         name: e.name,
         value: e.event.currentTarget.value,
         event: e.event
@@ -213,7 +213,7 @@ var _TextArea = function _TextArea(_ref, ref) {
     size: size
   }, rest));
 };
-var TextArea = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_TextArea), {
+var TextArea = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_TextArea), {
   displayName: 'TextArea'
 });
 

package/build/lib/web/production/components/Input/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../../../../src/components/Input/TextArea/TextArea.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport React from 'react';\nimport type { TextInput as TextInputReactNative } from 'react-native';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport type { TaggedInputProps } from '../BaseInput/useTaggedInput';\nimport { useTaggedInput } from '../BaseInput/useTaggedInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { CloseIcon } from '~components/Icons';\nimport { IconButton } from '~components/Button/IconButton';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { CharacterCounter } from '~components/Form/CharacterCounter';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType } from '~utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type {\n  BladeElementRef,\n  BladeElementRefWithValue,\n  DataAnalyticsAttribute,\n} from '~utils/types';\nimport { hintMarginTop } from '~components/Form/formTokens';\nimport type { FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\n\ntype TextAreaCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'necessityIndicator'\n  | 'validationState'\n  | 'helpText'\n  | 'errorText'\n  | 'successText'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'name'\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'onSubmit'\n  | 'value'\n  | 'isDisabled'\n  | 'isRequired'\n  | 'maxCharacters'\n  | 'autoFocus'\n  | 'numberOfLines'\n  | 'testID'\n  | 'size'\n  | keyof DataAnalyticsAttribute\n> & {\n  /**\n   * Decides whether to render a clear icon button\n   */\n  showClearButton?: boolean;\n  /**\n   * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`\n   */\n  onClearButtonClick?: () => void;\n\n  onKeyDown?: ({\n    name,\n    value,\n    event,\n  }: {\n    name?: FormInputOnKeyDownEvent['name'];\n    value: string;\n    event: FormInputOnKeyDownEvent['event'];\n  }) => void;\n} & TaggedInputProps &\n  StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype TextAreaPropsWithA11yLabel = {\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 TextAreaPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype TextAreaProps = (TextAreaPropsWithA11yLabel | TextAreaPropsWithLabel) & TextAreaCommonProps;\n\n// need to do this to tell TS to infer type as TextInput of React Native and make it believe that `ref.current.clear()` exists\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isReactNative = (_textInputRef: any): _textInputRef is TextInputReactNative => {\n  return getPlatformType() === 'react-native';\n};\n\nconst _TextArea: React.ForwardRefRenderFunction<BladeElementRef, TextAreaProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition,\n    labelSuffix,\n    labelTrailing,\n    necessityIndicator,\n    errorText,\n    helpText,\n    successText,\n    validationState,\n    defaultValue,\n    isDisabled,\n    isRequired,\n    name,\n    onChange,\n    onFocus,\n    onBlur,\n    onSubmit,\n    onKeyDown,\n    placeholder,\n    value,\n    maxCharacters,\n    showClearButton,\n    onClearButtonClick,\n    autoFocus,\n    numberOfLines = 2,\n    testID,\n    size = 'medium',\n    isTaggedInput,\n    tags,\n    onTagChange,\n    ...rest\n  },\n  ref,\n) => {\n  const inputRef = React.useRef<BladeElementRefWithValue>(null);\n  const mergedRef = useMergeRefs(ref, inputRef);\n  const [isInputFocussed, setIsInputFocussed] = React.useState(autoFocus ?? false);\n  const {\n    activeTagIndex,\n    setActiveTagIndex,\n    getTags,\n    handleTaggedInputKeydown,\n    handleTaggedInputChange,\n    handleTagsClear,\n  } = useTaggedInput({\n    tags,\n    onTagChange,\n    isDisabled,\n    inputRef,\n    isTaggedInput,\n    name,\n    value,\n    onChange,\n  });\n\n  const [shouldShowClearButton, setShouldShowClearButton] = React.useState(false);\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(showClearButton && (value?.length || defaultValue?.length)));\n  }, [showClearButton, defaultValue, value]);\n\n  const renderInteractionElement = (): React.ReactNode => {\n    if (shouldShowClearButton) {\n      return (\n        <BaseBox paddingTop=\"spacing.3\" marginTop=\"spacing.1\">\n          <IconButton\n            icon={CloseIcon}\n            accessibilityLabel=\"Clear textarea content\"\n            onClick={() => {\n              if (isEmpty(value) && inputRef.current) {\n                // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n                if (isReactNative(inputRef.current)) {\n                  inputRef.current.clear();\n                  inputRef.current.focus();\n                } else if (inputRef.current instanceof HTMLTextAreaElement) {\n                  inputRef.current.value = '';\n                  inputRef.current.focus();\n                }\n              }\n              handleTagsClear();\n              // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n              onClearButtonClick?.();\n              inputRef?.current?.focus();\n              setShouldShowClearButton(false);\n            }}\n          />\n        </BaseBox>\n      );\n    }\n\n    return null;\n  };\n\n  return (\n    <BaseInput\n      as=\"textarea\"\n      id=\"textarea\"\n      maxTagRows=\"multiple\"\n      componentName={MetaConstants.TextArea}\n      autoFocus={autoFocus}\n      ref={mergedRef}\n      label={label as string}\n      tags={isTaggedInput ? getTags({ size }) : undefined}\n      activeTagIndex={activeTagIndex}\n      setActiveTagIndex={setActiveTagIndex}\n      isDropdownTrigger={isTaggedInput}\n      showAllTags={isInputFocussed}\n      accessibilityLabel={accessibilityLabel}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      labelSuffix={labelSuffix}\n      labelTrailing={labelTrailing}\n      necessityIndicator={necessityIndicator}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      validationState={validationState}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      name={name}\n      maxCharacters={maxCharacters}\n      placeholder={placeholder}\n      trailingInteractionElement={renderInteractionElement()}\n      defaultValue={defaultValue}\n      value={value}\n      numberOfLines={numberOfLines}\n      onChange={({ name, value }) => {\n        if (showClearButton && value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n\n        handleTaggedInputChange({ name, value });\n        onChange?.({ name, value });\n      }}\n      onFocus={(e) => {\n        setIsInputFocussed(true);\n        onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setIsInputFocussed(false);\n        onBlur?.(e);\n      }}\n      onKeyDown={(e) => {\n        handleTaggedInputKeydown(e);\n        onKeyDown?.({\n          name: e.name,\n          value: e.event.currentTarget.value,\n          event: e.event,\n        });\n      }}\n      onSubmit={onSubmit}\n      trailingFooterSlot={(value) => {\n        return maxCharacters ? (\n          <BaseBox marginTop={hintMarginTop[size]} marginRight=\"spacing.1\">\n            <CharacterCounter currentCount={value?.length ?? 0} maxCount={maxCharacters} />\n          </BaseBox>\n        ) : null;\n      }}\n      testID={testID}\n      size={size}\n      {...rest}\n    />\n  );\n};\n\nconst TextArea = assignWithoutSideEffects(React.forwardRef(_TextArea), {\n  displayName: 'TextArea',\n});\n\nexport type { TextAreaProps };\nexport { TextArea };\n"],"names":["isReactNative","_textInputRef","getPlatformType","_TextArea","_ref","ref","label","accessibilityLabel","labelPosition","labelSuffix","labelTrailing","necessityIndicator","errorText","helpText","successText","validationState","defaultValue","isDisabled","isRequired","name","onChange","onFocus","onBlur","onSubmit","onKeyDown","placeholder","value","maxCharacters","showClearButton","onClearButtonClick","autoFocus","_ref$numberOfLines","numberOfLines","testID","_ref$size","size","isTaggedInput","tags","onTagChange","rest","_objectWithoutProperties","_excluded","inputRef","React","useRef","mergedRef","useMergeRefs","_React$useState","useState","_React$useState2","_slicedToArray","isInputFocussed","setIsInputFocussed","_useTaggedInput","useTaggedInput","activeTagIndex","setActiveTagIndex","getTags","handleTaggedInputKeydown","handleTaggedInputChange","handleTagsClear","_React$useState3","_React$useState4","shouldShowClearButton","setShouldShowClearButton","useEffect","Boolean","length","renderInteractionElement","_jsx","BaseBox","paddingTop","marginTop","children","IconButton","icon","CloseIcon","onClick","_inputRef$current","isEmpty","current","clear","focus","HTMLTextAreaElement","BaseInput","_objectSpread","as","id","maxTagRows","componentName","MetaConstants","TextArea","undefined","isDropdownTrigger","showAllTags","hideLabelText","trailingInteractionElement","_ref2","e","event","currentTarget","trailingFooterSlot","_value$length","hintMarginTop","marginRight","CharacterCounter","currentCount","maxCount","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sources":["../../../../../../../src/components/Input/TextArea/TextArea.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport React from 'react';\nimport type { TextInput as TextInputReactNative } from 'react-native';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport type { TaggedInputProps } from '../BaseInput/useTaggedInput';\nimport { useTaggedInput } from '../BaseInput/useTaggedInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { CloseIcon } from '~components/Icons';\nimport { IconButton } from '~components/Button/IconButton';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { CharacterCounter } from '~components/Form/CharacterCounter';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType } from '~utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type {\n  BladeElementRef,\n  BladeElementRefWithValue,\n  DataAnalyticsAttribute,\n} from '~utils/types';\nimport { hintMarginTop } from '~components/Form/formTokens';\nimport type { FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\n\ntype TextAreaCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'necessityIndicator'\n  | 'validationState'\n  | 'helpText'\n  | 'errorText'\n  | 'successText'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'name'\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'onSubmit'\n  | 'value'\n  | 'isDisabled'\n  | 'isRequired'\n  | 'maxCharacters'\n  | 'autoFocus'\n  | 'numberOfLines'\n  | 'testID'\n  | 'size'\n  | keyof DataAnalyticsAttribute\n> & {\n  /**\n   * Decides whether to render a clear icon button\n   */\n  showClearButton?: boolean;\n  /**\n   * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`\n   */\n  onClearButtonClick?: () => void;\n\n  onKeyDown?: ({\n    name,\n    value,\n    event,\n  }: {\n    name?: FormInputOnKeyDownEvent['name'];\n    value: string;\n    event: FormInputOnKeyDownEvent['event'];\n  }) => void;\n} & TaggedInputProps &\n  StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype TextAreaPropsWithA11yLabel = {\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 TextAreaPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype TextAreaProps = (TextAreaPropsWithA11yLabel | TextAreaPropsWithLabel) & TextAreaCommonProps;\n\n// need to do this to tell TS to infer type as TextInput of React Native and make it believe that `ref.current.clear()` exists\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isReactNative = (_textInputRef: any): _textInputRef is TextInputReactNative => {\n  return getPlatformType() === 'react-native';\n};\n\nconst _TextArea: React.ForwardRefRenderFunction<BladeElementRef, TextAreaProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition,\n    labelSuffix,\n    labelTrailing,\n    necessityIndicator,\n    errorText,\n    helpText,\n    successText,\n    validationState,\n    defaultValue,\n    isDisabled,\n    isRequired,\n    name,\n    onChange,\n    onFocus,\n    onBlur,\n    onSubmit,\n    onKeyDown,\n    placeholder,\n    value,\n    maxCharacters,\n    showClearButton,\n    onClearButtonClick,\n    autoFocus,\n    numberOfLines = 2,\n    testID,\n    size = 'medium',\n    isTaggedInput,\n    tags,\n    onTagChange,\n    ...rest\n  },\n  ref,\n) => {\n  const inputRef = React.useRef<BladeElementRefWithValue>(null);\n  const mergedRef = useMergeRefs(ref, inputRef);\n  const [isInputFocussed, setIsInputFocussed] = React.useState(autoFocus ?? false);\n  const {\n    activeTagIndex,\n    setActiveTagIndex,\n    getTags,\n    handleTaggedInputKeydown,\n    handleTaggedInputChange,\n    handleTagsClear,\n  } = useTaggedInput({\n    tags,\n    onTagChange,\n    isDisabled,\n    inputRef,\n    isTaggedInput,\n    name,\n    value,\n    onChange,\n  });\n\n  const [shouldShowClearButton, setShouldShowClearButton] = React.useState(false);\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(showClearButton && (value?.length || defaultValue?.length)));\n  }, [showClearButton, defaultValue, value]);\n\n  const renderInteractionElement = (): React.ReactNode => {\n    if (shouldShowClearButton) {\n      return (\n        <BaseBox paddingTop=\"spacing.3\" marginTop=\"spacing.1\">\n          <IconButton\n            icon={CloseIcon}\n            accessibilityLabel=\"Clear textarea content\"\n            onClick={() => {\n              if (isEmpty(value) && inputRef.current) {\n                // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n                if (isReactNative(inputRef.current)) {\n                  inputRef.current.clear();\n                  inputRef.current.focus();\n                } else if (inputRef.current instanceof HTMLTextAreaElement) {\n                  inputRef.current.value = '';\n                  inputRef.current.focus();\n                }\n              }\n              handleTagsClear();\n              // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n              onClearButtonClick?.();\n              inputRef?.current?.focus();\n              setShouldShowClearButton(false);\n            }}\n          />\n        </BaseBox>\n      );\n    }\n\n    return null;\n  };\n\n  return (\n    <BaseInput\n      as=\"textarea\"\n      id=\"textarea\"\n      maxTagRows=\"multiple\"\n      componentName={MetaConstants.TextArea}\n      autoFocus={autoFocus}\n      ref={mergedRef}\n      label={label as string}\n      tags={isTaggedInput ? getTags({ size }) : undefined}\n      activeTagIndex={activeTagIndex}\n      setActiveTagIndex={setActiveTagIndex}\n      isDropdownTrigger={isTaggedInput}\n      showAllTags={isInputFocussed}\n      accessibilityLabel={accessibilityLabel}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      labelSuffix={labelSuffix}\n      labelTrailing={labelTrailing}\n      necessityIndicator={necessityIndicator}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      validationState={validationState}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      name={name}\n      maxCharacters={maxCharacters}\n      placeholder={placeholder}\n      trailingInteractionElement={renderInteractionElement()}\n      defaultValue={defaultValue}\n      value={value}\n      numberOfLines={numberOfLines}\n      onChange={({ name, value }) => {\n        if (showClearButton && value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n\n        handleTaggedInputChange({ name, value });\n        onChange?.({ name, value });\n      }}\n      onFocus={(e) => {\n        setIsInputFocussed(true);\n        onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setIsInputFocussed(false);\n        onBlur?.(e);\n      }}\n      onKeyDown={(e) => {\n        handleTaggedInputKeydown(e);\n        onKeyDown?.({\n          name: e.name,\n          value: e.event.currentTarget.value,\n          event: e.event,\n        });\n      }}\n      onSubmit={onSubmit}\n      trailingFooterSlot={(value) => {\n        return maxCharacters ? (\n          <BaseBox marginTop={hintMarginTop[size]} marginRight=\"spacing.1\">\n            <CharacterCounter currentCount={value?.length ?? 0} maxCount={maxCharacters} />\n          </BaseBox>\n        ) : null;\n      }}\n      testID={testID}\n      size={size}\n      {...rest}\n    />\n  );\n};\n\nconst TextArea = assignWithoutSideEffects(React.forwardRef(_TextArea), {\n  displayName: 'TextArea',\n});\n\nexport type { TextAreaProps };\nexport { TextArea };\n"],"names":["isReactNative","_textInputRef","getPlatformType","_TextArea","_ref","ref","label","accessibilityLabel","labelPosition","labelSuffix","labelTrailing","necessityIndicator","errorText","helpText","successText","validationState","defaultValue","isDisabled","isRequired","name","onChange","onFocus","onBlur","onSubmit","onKeyDown","placeholder","value","maxCharacters","showClearButton","onClearButtonClick","autoFocus","_ref$numberOfLines","numberOfLines","testID","_ref$size","size","isTaggedInput","tags","onTagChange","rest","_objectWithoutProperties","_excluded","inputRef","React","useRef","mergedRef","useMergeRefs","_React$useState","useState","_React$useState2","_slicedToArray","isInputFocussed","setIsInputFocussed","_useTaggedInput","useTaggedInput","activeTagIndex","setActiveTagIndex","getTags","handleTaggedInputKeydown","handleTaggedInputChange","handleTagsClear","_React$useState3","_React$useState4","shouldShowClearButton","setShouldShowClearButton","useEffect","Boolean","length","renderInteractionElement","_jsx","BaseBox","paddingTop","marginTop","children","IconButton","icon","CloseIcon","onClick","_inputRef$current","isEmpty","current","clear","focus","HTMLTextAreaElement","BaseInput","_objectSpread","as","id","maxTagRows","componentName","MetaConstants","TextArea","undefined","isDropdownTrigger","showAllTags","hideLabelText","trailingInteractionElement","_ref2","e","event","currentTarget","trailingFooterSlot","_value$length","hintMarginTop","marginRight","CharacterCounter","currentCount","maxCount","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/web/production/components/Input/TextInput/TextInput.js

@@ -129,7 +129,7 @@ var _TextInput = function _TextInput(_ref, ref) {
         value: inputValue
       });
     } else {
-      onChange === null || onChange === void 0 ? void 0 : onChange({
+      onChange === null || onChange === void 0 || onChange({
         name: name,
         value: inputValue
       });
@@ -224,8 +224,8 @@ var _TextInput = function _TextInput(_ref, ref) {
         }
         handleTagsClear();
         // if the input field is controlled just call the click handler and the value change shall be left upto the consumer
-        onClearButtonClick === null || onClearButtonClick === void 0 ? void 0 : onClearButtonClick();
-        textInputRef === null || textInputRef === void 0 ? void 0 : (_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0 ? void 0 : _textInputRef$current.focus();
+        onClearButtonClick === null || onClearButtonClick === void 0 || onClearButtonClick();
+        textInputRef === null || textInputRef === void 0 || (_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0 || _textInputRef$current.focus();
         setShouldShowClearButton(false);
       },
       isDisabled: isDisabled,
@@ -331,15 +331,15 @@ var _TextInput = function _TextInput(_ref, ref) {
     onClick: onClick,
     onFocus: function onFocus(e) {
       setIsInputFocussed(true);
-      _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(e);
+      _onFocus === null || _onFocus === void 0 || _onFocus(e);
     },
     onBlur: function onBlur(e) {
       setIsInputFocussed(false);
-      _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e);
+      _onBlur === null || _onBlur === void 0 || _onBlur(e);
     },
     onKeyDown: function onKeyDown(e) {
       handleTaggedInputKeydown(e);
-      _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e);
+      _onKeyDown === null || _onKeyDown === void 0 || _onKeyDown(e);
       if (format) {
         formattingResult.handleKeyDown(e.event);
       }
@@ -382,7 +382,7 @@ var _TextInput = function _TextInput(_ref, ref) {
     size: size
   }, rest));
 };
-var TextInput = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_TextInput), {
+var TextInput = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_TextInput), {
   displayName: 'TextInput'
 });
 

package/build/lib/web/production/components/Input/TextInput/TextInput.js.map

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

package/build/lib/web/production/components/Input/TextInput/useFormattedInput.js

@@ -102,7 +102,7 @@ var useFormattedInput = function useFormattedInput(_ref) {
     if (!pattern) {
       // No pattern = regular input
       var cleanValue = inputValue !== null && inputValue !== void 0 ? inputValue : '';
-      onChange === null || onChange === void 0 ? void 0 : onChange({
+      onChange === null || onChange === void 0 || onChange({
         name: name,
         value: cleanValue
       });
@@ -168,7 +168,7 @@ var useFormattedInput = function useFormattedInput(_ref) {
         }
       }
     }
-    onChange === null || onChange === void 0 ? void 0 : onChange({
+    onChange === null || onChange === void 0 || onChange({
       name: name,
       value: formattedValue,
       rawValue: rawValue

package/build/lib/web/production/components/Input/TextInput/useFormattedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormattedInput.js","sources":["../../../../../../../src/components/Input/TextInput/useFormattedInput.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback, useRef, useState, useEffect, useMemo } from 'react';\nimport type { FormInputOnEvent } from '~components/Form/FormTypes';\n\n/**\n * Formats user input according to pattern. format(\"1234\", \"##/##\") → \"12/34\"\n */\nconst format = (value: string, pattern: string): string => {\n  if (!pattern) return value;\n\n  let result = '';\n  let valueIndex = 0;\n\n  for (let i = 0; i < pattern.length; i++) {\n    const patternChar = pattern[i]; // \"#\" or \"/\"\n\n    if (patternChar === '#') {\n      if (valueIndex < value.length) {\n        result += value[valueIndex]; // add \"1\" from \"1234\"\n        valueIndex++;\n      } else {\n        break; // No more input chars, stop\n      }\n    } else {\n      result += patternChar; // add \"/\" delimiter\n    }\n  }\n\n  return result; // \"12/34\"\n};\n\n/**\n * Removes delimiters, keeps only user input. stripPatternCharacters(\"12/34\") → \"1234\"\n */\nconst stripPatternCharacters = (value: string): string => {\n  return value.replace(/[^\\dA-z]/g, ''); // \"12/34\" → \"1234\" (removes \"/\")\n};\n\n/**\n * Checks if character is user input vs delimiter. isUserCharacter('1') → true, isUserCharacter('/') → false\n */\nconst isUserCharacter = (character: string): boolean => {\n  return /[\\dA-z]/.test(character); // \"1\" → true, \"/\" → false\n};\n\ntype UseFormattedInputProps = {\n  format?: string;\n  onChange?: (params: { name?: string; value?: string; rawValue?: string }) => void;\n  value?: string;\n  defaultValue?: string;\n};\n\ntype UseFormattedInputReturn = {\n  formattedValue: string;\n  handleChange: FormInputOnEvent;\n  handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  maxLength?: number;\n};\n\n/**\n * Hook for pattern-based input formatting with smart cursor positioning.\n * useFormattedInput({ format: \"##/##\" }) transforms \"1234\" → \"12/34\"\n */\nexport const useFormattedInput = ({\n  format: pattern,\n  onChange,\n  value: userValue,\n  defaultValue = '',\n}: UseFormattedInputProps): UseFormattedInputReturn => {\n  const initialValue = useMemo(() => {\n    return format(userValue ?? defaultValue, pattern ?? '');\n  }, [userValue, defaultValue, pattern]);\n\n  const [internalValue, setInternalValue] = useState(initialValue);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const infoRef = useRef<{\n    cursorPosition?: number;\n    endOfSection?: boolean;\n  }>({});\n\n  const maxLength = useMemo(() => pattern?.length, [pattern]);\n\n  // Reset internal state when parent clears value (form resets, external state changes)\n  // Preserves format delimiters for visual guidance. Example: \"(###)\" → \"(   )\" when cleared\n  useEffect(() => {\n    if ((userValue === '' || userValue === undefined) && defaultValue === '') {\n      const emptyFormatted = format('', pattern ?? '');\n      setInternalValue(emptyFormatted);\n    }\n    // DATEPICKER FIX: Sync internal state when external value changes\n    // This addresses the issue where DatePicker programmatically updates the value prop\n    // (e.g., when user selects date from calendar), but the formatted input's internal\n    // state doesn't update, causing the input to not reflect the new value.\n    // Without this, only user typing and empty resets were handled.\n    if (userValue !== undefined && userValue !== '' && pattern) {\n      const rawValue = stripPatternCharacters(userValue);\n      const newFormatted = format(rawValue, pattern);\n\n      // Only update if the formatted value actually changed to avoid unnecessary re-renders\n      if (newFormatted !== internalValue) {\n        setInternalValue(newFormatted);\n      }\n    }\n  }, [userValue, pattern]);\n\n  // Apply calculated cursor position after value updates\n  useEffect(() => {\n    const { cursorPosition, endOfSection } = infoRef.current;\n\n    if (endOfSection || cursorPosition === undefined) return; // Skip if no position or end section\n\n    if (inputRef.current) {\n      inputRef.current.setSelectionRange(cursorPosition, cursorPosition);\n    }\n  }, [internalValue]);\n\n  const handleChange: FormInputOnEvent = useCallback(\n    ({ name, value: inputValue }) => {\n      if (!pattern) {\n        // No pattern = regular input\n        const cleanValue = inputValue ?? '';\n        onChange?.({ name, value: cleanValue });\n        setInternalValue(cleanValue);\n        return;\n      }\n\n      const currentValue = internalValue; // \"12/34\" (user wants to delete \"/\")\n      const newInputValue = inputValue ?? ''; // \"1234\" (after deleting \"/\")\n      const cursorPosition = inputRef.current?.selectionStart ?? 0; // 2 (cursor where \"/\" was)\n      const didDelete = newInputValue.length < currentValue.length; // 4 < 5 → true\n\n      infoRef.current.cursorPosition = cursorPosition;\n\n      let rawValue = stripPatternCharacters(newInputValue); // \"1234\" → \"1234\"\n\n      // Handle special case: user deleted a delimiter (like deleting \"/\" in \"12/|34\")\n      if (didDelete) {\n        const deletedChar = currentValue[cursorPosition] ?? ''; // \"12/34\"[2] → \"/\"\n        const deletedDelimiter = !isUserCharacter(deletedChar); // \"/\" → true (is delimiter)\n\n        if (deletedDelimiter) {\n          // true (will execute for \"/\" deletion)\n          const beforeCursor = newInputValue.substring(0, cursorPosition); // \"12\" (before cursor)\n          const afterCursor = newInputValue.substring(cursorPosition); // \"34\" (after cursor)\n          const rawBefore = stripPatternCharacters(beforeCursor); // \"12\" → \"12\"\n          const rawAfter = stripPatternCharacters(afterCursor); // \"34\" → \"34\"\n\n          rawValue = rawBefore.slice(0, -1) + rawAfter; // \"12\".slice(0,-1) + \"34\" → \"1\" + \"34\" → \"134\"\n\n          // Removes trailing non-alphanumeric characters from the end of the string, preserving the last alphanumeric word before them.\n          infoRef.current.cursorPosition =\n            beforeCursor.replace(/([\\d\\w]+)[^\\dA-z]+$/, '$1').length - 1;\n        }\n      }\n\n      const formattedValue = format(rawValue, pattern); // format(\"134\", \"##/##\") → \"13/4\"\n      infoRef.current.endOfSection = false;\n\n      // Handle cursor positioning when typing (not deleting)\n      if (!didDelete) {\n        // User types \"2\" in \"1|\" → becomes \"12|/\" → should jump to \"12/|\"\n        const nextChar = formattedValue[cursorPosition]; // \"12/\"[2] → \"/\" (delimiter)\n        const nextIsDelimiter = nextChar ? !isUserCharacter(nextChar) : false; // \"/\" → true\n\n        const remainingText = formattedValue.substring(cursorPosition); // \"12/\".substring(2) → \"/\"\n        const nextUserCharIndex = remainingText.search(/[\\dA-z]/); // \"/\".search() → -1 (no user chars)\n        const hasMoreUserChars = nextUserCharIndex !== -1; // -1 !== -1 → false\n\n        infoRef.current.endOfSection = nextIsDelimiter && !hasMoreUserChars; // true && false → false\n\n        // Move cursor past auto-inserted delimiters for smooth typing\n        if (nextIsDelimiter && hasMoreUserChars) {\n          const prevChar = formattedValue[cursorPosition - 1] ?? '';\n          const prevIsDelimiter = !isUserCharacter(prevChar);\n\n          if (prevIsDelimiter) {\n            infoRef.current.cursorPosition = cursorPosition + nextUserCharIndex + 1;\n          } else {\n            // If we're at a delimiter after typing (not deleting), and there are more chars,\n            // we probably need to move past it unless it's a brand new delimiter\n            const delimiterExistedBefore =\n              currentValue[cursorPosition] === formattedValue[cursorPosition];\n            if (delimiterExistedBefore) {\n              infoRef.current.cursorPosition = cursorPosition + 1;\n            }\n          }\n        }\n      }\n\n      onChange?.({ name, value: formattedValue, rawValue });\n      setInternalValue(formattedValue);\n    },\n    [pattern, onChange, internalValue],\n  );\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.currentTarget && inputRef.current !== event.currentTarget) {\n      inputRef.current = event.currentTarget;\n    }\n  }, []);\n\n  return {\n    formattedValue: internalValue,\n    handleChange,\n    handleKeyDown,\n    maxLength,\n  };\n};\n"],"names":["format","value","pattern","result","valueIndex","i","length","patternChar","stripPatternCharacters","replace","isUserCharacter","character","test","useFormattedInput","_ref","onChange","userValue","_ref$defaultValue","defaultValue","initialValue","useMemo","_useState","useState","_useState2","_slicedToArray","internalValue","setInternalValue","inputRef","useRef","infoRef","maxLength","useEffect","undefined","emptyFormatted","rawValue","newFormatted","_infoRef$current","current","cursorPosition","endOfSection","setSelectionRange","handleChange","useCallback","_ref2","_inputRef$current$sel","_inputRef$current","name","inputValue","cleanValue","currentValue","newInputValue","selectionStart","didDelete","_currentValue$cursorP","deletedChar","deletedDelimiter","beforeCursor","substring","afterCursor","rawBefore","rawAfter","slice","formattedValue","nextChar","nextIsDelimiter","remainingText","nextUserCharIndex","search","hasMoreUserChars","_formattedValue","prevChar","prevIsDelimiter","delimiterExistedBefore","handleKeyDown","event","currentTarget"],"mappings":"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"}
+{"version":3,"file":"useFormattedInput.js","sources":["../../../../../../../src/components/Input/TextInput/useFormattedInput.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback, useRef, useState, useEffect, useMemo } from 'react';\nimport type { FormInputOnEvent } from '~components/Form/FormTypes';\n\n/**\n * Formats user input according to pattern. format(\"1234\", \"##/##\") → \"12/34\"\n */\nconst format = (value: string, pattern: string): string => {\n  if (!pattern) return value;\n\n  let result = '';\n  let valueIndex = 0;\n\n  for (let i = 0; i < pattern.length; i++) {\n    const patternChar = pattern[i]; // \"#\" or \"/\"\n\n    if (patternChar === '#') {\n      if (valueIndex < value.length) {\n        result += value[valueIndex]; // add \"1\" from \"1234\"\n        valueIndex++;\n      } else {\n        break; // No more input chars, stop\n      }\n    } else {\n      result += patternChar; // add \"/\" delimiter\n    }\n  }\n\n  return result; // \"12/34\"\n};\n\n/**\n * Removes delimiters, keeps only user input. stripPatternCharacters(\"12/34\") → \"1234\"\n */\nconst stripPatternCharacters = (value: string): string => {\n  return value.replace(/[^\\dA-z]/g, ''); // \"12/34\" → \"1234\" (removes \"/\")\n};\n\n/**\n * Checks if character is user input vs delimiter. isUserCharacter('1') → true, isUserCharacter('/') → false\n */\nconst isUserCharacter = (character: string): boolean => {\n  return /[\\dA-z]/.test(character); // \"1\" → true, \"/\" → false\n};\n\ntype UseFormattedInputProps = {\n  format?: string;\n  onChange?: (params: { name?: string; value?: string; rawValue?: string }) => void;\n  value?: string;\n  defaultValue?: string;\n};\n\ntype UseFormattedInputReturn = {\n  formattedValue: string;\n  handleChange: FormInputOnEvent;\n  handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  maxLength?: number;\n};\n\n/**\n * Hook for pattern-based input formatting with smart cursor positioning.\n * useFormattedInput({ format: \"##/##\" }) transforms \"1234\" → \"12/34\"\n */\nexport const useFormattedInput = ({\n  format: pattern,\n  onChange,\n  value: userValue,\n  defaultValue = '',\n}: UseFormattedInputProps): UseFormattedInputReturn => {\n  const initialValue = useMemo(() => {\n    return format(userValue ?? defaultValue, pattern ?? '');\n  }, [userValue, defaultValue, pattern]);\n\n  const [internalValue, setInternalValue] = useState(initialValue);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const infoRef = useRef<{\n    cursorPosition?: number;\n    endOfSection?: boolean;\n  }>({});\n\n  const maxLength = useMemo(() => pattern?.length, [pattern]);\n\n  // Reset internal state when parent clears value (form resets, external state changes)\n  // Preserves format delimiters for visual guidance. Example: \"(###)\" → \"(   )\" when cleared\n  useEffect(() => {\n    if ((userValue === '' || userValue === undefined) && defaultValue === '') {\n      const emptyFormatted = format('', pattern ?? '');\n      setInternalValue(emptyFormatted);\n    }\n    // DATEPICKER FIX: Sync internal state when external value changes\n    // This addresses the issue where DatePicker programmatically updates the value prop\n    // (e.g., when user selects date from calendar), but the formatted input's internal\n    // state doesn't update, causing the input to not reflect the new value.\n    // Without this, only user typing and empty resets were handled.\n    if (userValue !== undefined && userValue !== '' && pattern) {\n      const rawValue = stripPatternCharacters(userValue);\n      const newFormatted = format(rawValue, pattern);\n\n      // Only update if the formatted value actually changed to avoid unnecessary re-renders\n      if (newFormatted !== internalValue) {\n        setInternalValue(newFormatted);\n      }\n    }\n  }, [userValue, pattern]);\n\n  // Apply calculated cursor position after value updates\n  useEffect(() => {\n    const { cursorPosition, endOfSection } = infoRef.current;\n\n    if (endOfSection || cursorPosition === undefined) return; // Skip if no position or end section\n\n    if (inputRef.current) {\n      inputRef.current.setSelectionRange(cursorPosition, cursorPosition);\n    }\n  }, [internalValue]);\n\n  const handleChange: FormInputOnEvent = useCallback(\n    ({ name, value: inputValue }) => {\n      if (!pattern) {\n        // No pattern = regular input\n        const cleanValue = inputValue ?? '';\n        onChange?.({ name, value: cleanValue });\n        setInternalValue(cleanValue);\n        return;\n      }\n\n      const currentValue = internalValue; // \"12/34\" (user wants to delete \"/\")\n      const newInputValue = inputValue ?? ''; // \"1234\" (after deleting \"/\")\n      const cursorPosition = inputRef.current?.selectionStart ?? 0; // 2 (cursor where \"/\" was)\n      const didDelete = newInputValue.length < currentValue.length; // 4 < 5 → true\n\n      infoRef.current.cursorPosition = cursorPosition;\n\n      let rawValue = stripPatternCharacters(newInputValue); // \"1234\" → \"1234\"\n\n      // Handle special case: user deleted a delimiter (like deleting \"/\" in \"12/|34\")\n      if (didDelete) {\n        const deletedChar = currentValue[cursorPosition] ?? ''; // \"12/34\"[2] → \"/\"\n        const deletedDelimiter = !isUserCharacter(deletedChar); // \"/\" → true (is delimiter)\n\n        if (deletedDelimiter) {\n          // true (will execute for \"/\" deletion)\n          const beforeCursor = newInputValue.substring(0, cursorPosition); // \"12\" (before cursor)\n          const afterCursor = newInputValue.substring(cursorPosition); // \"34\" (after cursor)\n          const rawBefore = stripPatternCharacters(beforeCursor); // \"12\" → \"12\"\n          const rawAfter = stripPatternCharacters(afterCursor); // \"34\" → \"34\"\n\n          rawValue = rawBefore.slice(0, -1) + rawAfter; // \"12\".slice(0,-1) + \"34\" → \"1\" + \"34\" → \"134\"\n\n          // Removes trailing non-alphanumeric characters from the end of the string, preserving the last alphanumeric word before them.\n          infoRef.current.cursorPosition =\n            beforeCursor.replace(/([\\d\\w]+)[^\\dA-z]+$/, '$1').length - 1;\n        }\n      }\n\n      const formattedValue = format(rawValue, pattern); // format(\"134\", \"##/##\") → \"13/4\"\n      infoRef.current.endOfSection = false;\n\n      // Handle cursor positioning when typing (not deleting)\n      if (!didDelete) {\n        // User types \"2\" in \"1|\" → becomes \"12|/\" → should jump to \"12/|\"\n        const nextChar = formattedValue[cursorPosition]; // \"12/\"[2] → \"/\" (delimiter)\n        const nextIsDelimiter = nextChar ? !isUserCharacter(nextChar) : false; // \"/\" → true\n\n        const remainingText = formattedValue.substring(cursorPosition); // \"12/\".substring(2) → \"/\"\n        const nextUserCharIndex = remainingText.search(/[\\dA-z]/); // \"/\".search() → -1 (no user chars)\n        const hasMoreUserChars = nextUserCharIndex !== -1; // -1 !== -1 → false\n\n        infoRef.current.endOfSection = nextIsDelimiter && !hasMoreUserChars; // true && false → false\n\n        // Move cursor past auto-inserted delimiters for smooth typing\n        if (nextIsDelimiter && hasMoreUserChars) {\n          const prevChar = formattedValue[cursorPosition - 1] ?? '';\n          const prevIsDelimiter = !isUserCharacter(prevChar);\n\n          if (prevIsDelimiter) {\n            infoRef.current.cursorPosition = cursorPosition + nextUserCharIndex + 1;\n          } else {\n            // If we're at a delimiter after typing (not deleting), and there are more chars,\n            // we probably need to move past it unless it's a brand new delimiter\n            const delimiterExistedBefore =\n              currentValue[cursorPosition] === formattedValue[cursorPosition];\n            if (delimiterExistedBefore) {\n              infoRef.current.cursorPosition = cursorPosition + 1;\n            }\n          }\n        }\n      }\n\n      onChange?.({ name, value: formattedValue, rawValue });\n      setInternalValue(formattedValue);\n    },\n    [pattern, onChange, internalValue],\n  );\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.currentTarget && inputRef.current !== event.currentTarget) {\n      inputRef.current = event.currentTarget;\n    }\n  }, []);\n\n  return {\n    formattedValue: internalValue,\n    handleChange,\n    handleKeyDown,\n    maxLength,\n  };\n};\n"],"names":["format","value","pattern","result","valueIndex","i","length","patternChar","stripPatternCharacters","replace","isUserCharacter","character","test","useFormattedInput","_ref","onChange","userValue","_ref$defaultValue","defaultValue","initialValue","useMemo","_useState","useState","_useState2","_slicedToArray","internalValue","setInternalValue","inputRef","useRef","infoRef","maxLength","useEffect","undefined","emptyFormatted","rawValue","newFormatted","_infoRef$current","current","cursorPosition","endOfSection","setSelectionRange","handleChange","useCallback","_ref2","_inputRef$current$sel","_inputRef$current","name","inputValue","cleanValue","currentValue","newInputValue","selectionStart","didDelete","_currentValue$cursorP","deletedChar","deletedDelimiter","beforeCursor","substring","afterCursor","rawBefore","rawAfter","slice","formattedValue","nextChar","nextIsDelimiter","remainingText","nextUserCharIndex","search","hasMoreUserChars","_formattedValue","prevChar","prevIsDelimiter","delimiterExistedBefore","handleKeyDown","event","currentTarget"],"mappings":"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"}

package/build/lib/web/production/components/InputGroup/InputGroup.web.js

@@ -130,7 +130,7 @@ var _InputGroup = function _InputGroup(_ref, ref) {
     }))
   });
 };
-var InputGroup = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_InputGroup), {
+var InputGroup = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_InputGroup), {
   displayName: 'InputGroup',
   componentId: 'InputGroup'
 });