@razorpay/blade 12.68.0 → 12.89.0

package/build/lib/native/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","Object","assign","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":"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"}
+{"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';\nimport { TopNavOverlayThemeOverride } from '~components/TopNav/TopNavOverlayThemeOverride';\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  const [isSearchFocused, setIsSearchFocused] = useState(false);\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      height: '100%',\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              size,\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  const searchContent = (\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={(e) => {\n          setIsSearchFocused(true);\n          onFocus?.(e);\n        }}\n        onBlur={(e) => {\n          setIsSearchFocused(false);\n          onBlur?.(e);\n        }}\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  return (\n    <TopNavOverlayThemeOverride shouldOverrideTheme={isSearchFocused}>\n      {searchContent}\n    </TopNavOverlayThemeOverride>\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","_useState5","_useState6","isSearchFocused","setIsSearchFocused","useEffect","Boolean","trailingDropdown","getComponentId","renderTrailingDropDown","cloneElement","selectionType","height","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","searchContent","position","BaseInput","Object","assign","id","componentName","MetaConstants","SearchInput","isDropdownTrigger","setInputWrapperRef","wrapperNode","undefined","hideLabelText","onKeyDown","_ref2","length","e","leadingIcon","SearchIcon","trailingInteractionElement","trailingDropDown","getKeyboardAndAutocompleteProps","TopNavOverlayThemeOverride","shouldOverrideTheme","assignWithoutSideEffects","forwardRef","displayName","componentId","dropdownComponentIds","triggers"],"mappings":"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"}

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

@@ -451,6 +451,8 @@ import { CharacterCounter } from '../../Form/CharacterCounter/CharacterCounter.j
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import 'react-native';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import '../../BladeProvider/useTheme.js';
 import { useMergeRefs } from '../../../utils/useMergeRefs.js';
 import { hintMarginTop } from '../../Form/formTokens.js';

package/build/lib/native/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","Object","assign","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","Object","assign","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/native/components/Input/TextInput/TextInput.js

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

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

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

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

@@ -0,0 +1,13 @@
+import 'react';
+import { logger } from '../../utils/logger/logger.js';
+import '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _LightBox=function _LightBox(props){if(__DEV__){logger({type:'warn',moduleName:'LightBox',message:'LightBox is not supported on mobile devices. Please use a different approach for native.'});}return jsx(Text,{children:"LightBox Component is not available for Native mobile apps."});};var LightBox=assignWithoutSideEffects(_LightBox,{displayName:'LightBox'});
+
+export { LightBox };
+//# sourceMappingURL=LightBox.native.js.map

package/build/lib/native/components/LightBox/LightBox.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBox.native.js","sources":["../../../../../src/components/LightBox/LightBox.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { LightBoxProps } from './types';\nimport { logger } from '~utils/logger';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _LightBox = (props: LightBoxProps): React.ReactElement => {\n  if (__DEV__) {\n    logger({\n      type: 'warn',\n      moduleName: 'LightBox',\n      message:\n        'LightBox is not supported on mobile devices. Please use a different approach for native.',\n    });\n  }\n\n  return <Text>LightBox Component is not available for Native mobile apps.</Text>;\n};\n\nconst LightBox = assignWithoutSideEffects(_LightBox, {\n  displayName: 'LightBox',\n});\n\nexport { LightBox };\n"],"names":["_LightBox","props","__DEV__","logger","type","moduleName","message","_jsx","Text","children","LightBox","assignWithoutSideEffects","displayName"],"mappings":";;;;;;;;;AAOA,IAAMA,SAAS,CAAG,SAAZA,SAASA,CAAIC,KAAoB,CAAyB,CAC9D,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,UAAU,CACtBC,OAAO,CACL,0FACJ,CAAC,CAAC,CACJ,CAEA,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,6DAA2D,CAAM,CAAC,CACjF,CAAC,CAEK,IAAAC,QAAQ,CAAGC,wBAAwB,CAACX,SAAS,CAAE,CACnDY,WAAW,CAAE,UACf,CAAC;;;;"}

package/build/lib/native/components/LightBox/LightBoxBody.native.js

@@ -0,0 +1,12 @@
+import 'react';
+import '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _LightBoxBody=function _LightBoxBody(_props){return jsx(Text,{children:"LightBoxBody Component is not available for Native mobile apps."});};var LightBoxBody=assignWithoutSideEffects(_LightBoxBody,{displayName:'LightBoxBody'});
+
+export { LightBoxBody };
+//# sourceMappingURL=LightBoxBody.native.js.map

package/build/lib/native/components/LightBox/LightBoxBody.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxBody.native.js","sources":["../../../../../src/components/LightBox/LightBoxBody.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { LightBoxBodyProps } from './types';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _LightBoxBody = (_props: LightBoxBodyProps): React.ReactElement => {\n  return <Text>LightBoxBody Component is not available for Native mobile apps.</Text>;\n};\n\nconst LightBoxBody = assignWithoutSideEffects(_LightBoxBody, {\n  displayName: 'LightBoxBody',\n});\n\nexport { LightBoxBody };\n"],"names":["_LightBoxBody","_props","_jsx","Text","children","LightBoxBody","assignWithoutSideEffects","displayName"],"mappings":";;;;;;;;AAMA,IAAMA,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,MAAyB,CAAyB,CACvE,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,iEAA+D,CAAM,CAAC,CACrF,CAAC,CAEK,IAAAC,YAAY,CAAGC,wBAAwB,CAACN,aAAa,CAAE,CAC3DO,WAAW,CAAE,cACf,CAAC;;;;"}

package/build/lib/native/components/LightBox/LightBoxItem.js

@@ -0,0 +1,6 @@
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _LightBoxItem=function _LightBoxItem(_props){return null;};var LightBoxItem=assignWithoutSideEffects(_LightBoxItem,{displayName:'LightBoxItem'});
+
+export { LightBoxItem };
+//# sourceMappingURL=LightBoxItem.js.map

package/build/lib/native/components/LightBox/LightBoxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxItem.js","sources":["../../../../../src/components/LightBox/LightBoxItem.tsx"],"sourcesContent":["import type { LightBoxItemProps } from './types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\n/**\n * LightBoxItem renders null — it is a declarative data container.\n * LightBoxBody reads its props via React.Children to build slides and thumbnail strip.\n */\nconst _LightBoxItem = (_props: LightBoxItemProps): null => null;\n\nconst LightBoxItem = assignWithoutSideEffects(_LightBoxItem, {\n  displayName: 'LightBoxItem',\n});\n\nexport { LightBoxItem };\n"],"names":["_LightBoxItem","_props","LightBoxItem","assignWithoutSideEffects","displayName"],"mappings":";;AAOA,IAAMA,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,MAAyB,CAAA,CAAA,WAAe,CAE/D,CAAA,CAAM,IAAAC,YAAY,CAAGC,wBAAwB,CAACH,aAAa,CAAE,CAC3DI,WAAW,CAAE,cACf,CAAC;;;;"}

package/build/lib/native/components/Link/BaseLink/BaseLink.js

@@ -11,6 +11,8 @@ import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import { throwBladeError } from '../../../utils/logger/logger.js';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import '../../BottomSheet/BottomSheetStack.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
@@ -19,13 +21,11 @@ import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import { getStringFromReactText } from '../../../utils/getStringChildren/getStringChildren.js';
 import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 
-var _excluded=["children","icon","iconPosition","isDisabled","onClick","onKeyDown","variant","href","target","rel","color","opacity","accessibilityProps","className","style","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp"],_excluded2=["currentInteraction","setCurrentInteraction"];var getColorToken=function getColorToken(_ref){var variant=_ref.variant,color=_ref.color,currentInteraction=_ref.currentInteraction,isDisabled=_ref.isDisabled,element=_ref.element;var state=currentInteraction;var map={default:'normal',hover:'subtle',focus:'normal',disabled:'disabled'};if(isDisabled&&variant=='button'){state='disabled';}if(color&&color!=='primary'){if(color!=='white'){return `interactive.${element}.${color}.${map[state]}`;}return `interactive.${element}.staticWhite.${map[state]}`;}return `interactive.${element}.primary.${map[state]}`;};var getProps=function getProps(_ref2){var theme=_ref2.theme,variant=_ref2.variant,currentInteraction=_ref2.currentInteraction,children=_ref2.children,isDisabled=_ref2.isDisabled,color=_ref2.color,target=_ref2.target,size=_ref2.size;var isButton=variant==='button';var textSizes={fontSize:{xsmall:25,small:75,medium:100,large:200},lineHeight:{xsmall:25,small:75,medium:100,large:200}};var props={as:isButton?'button':'a',textDecorationLine:!isButton&&currentInteraction!=='default'?'underline':'none',iconColor:getColorToken({variant:variant,color:color,element:'icon',currentInteraction:currentInteraction,isDisabled:isDisabled}),fontSize:textSizes.fontSize[size],lineHeight:textSizes.lineHeight[size],iconSize:size,iconPadding:children!=null&&children.trim()?'spacing.2':'spacing.0',textColor:getColorToken({variant:variant,color:color,element:'text',currentInteraction:currentInteraction,isDisabled:isDisabled}),focusRingColor:getIn(theme.colors,'interactive.background.primary.faded'),motionDuration:'duration.2xquick',motionEasing:'easing.standard',cursor:isButton&&isDisabled?'not-allowed':'pointer',disabled:isButton&&isDisabled,role:isButton?'button':'link',defaultRel:target&&target==='_blank'?'noreferrer noopener':undefined,type:isButton?'button':undefined};return props;};var _BaseLink=function _BaseLink(_ref3,ref){var children=_ref3.children,Icon=_ref3.icon,_ref3$iconPosition=_ref3.iconPosition,iconPosition=_ref3$iconPosition===void 0?'left':_ref3$iconPosition,_ref3$isDisabled=_ref3.isDisabled,isDisabled=_ref3$isDisabled===void 0?false:_ref3$isDisabled,onClick=_ref3.onClick,onKeyDown=_ref3.onKeyDown,_ref3$variant=_ref3.variant,variant=_ref3$variant===void 0?'anchor':_ref3$variant,href=_ref3.href,target=_ref3.target,rel=_ref3.rel,_ref3$color=_ref3.color,color=_ref3$color===void 0?'primary':_ref3$color,opacity=_ref3.opacity,accessibilityProps=_ref3.accessibilityProps,className=_ref3.className,style=_ref3.style,_ref3$size=_ref3.size,size=_ref3$size===void 0?'medium':_ref3$size,testID=_ref3.testID,hitSlop=_ref3.hitSlop,htmlTitle=_ref3.htmlTitle,_onBlur=_ref3.onBlur,_onFocus=_ref3.onFocus,_onMouseLeave=_ref3.onMouseLeave,onMouseMove=_ref3.onMouseMove,onPointerDown=_ref3.onPointerDown,onPointerEnter=_ref3.onPointerEnter,onTouchStart=_ref3.onTouchStart,onTouchEnd=_ref3.onTouchEnd,onMouseDown=_ref3.onMouseDown,onMouseUp=_ref3.onMouseUp,rest=_objectWithoutProperties(_ref3,_excluded);var childrenString=getStringFromReactText(children);var _useInteraction=useInteraction(),currentInteraction=_useInteraction.currentInteraction,setCurrentInteraction=_useInteraction.setCurrentInteraction,syntheticEvents=_objectWithoutProperties(_useInteraction,_excluded2);var _useTheme=useTheme(),theme=_useTheme.theme;if(__DEV__){if(!Icon&&!(childrenString!=null&&childrenString.trim())){throwBladeError({message:`At least one of icon or text is required to render a link.`,moduleName:'BaseLink'});}}var _getProps=getProps({theme:theme,variant:variant,currentInteraction:currentInteraction,children:childrenString,isDisabled:isDisabled,color:color,target:target,size:size}),as=_getProps.as,textDecorationLine=_getProps.textDecorationLine,iconColor=_getProps.iconColor,iconPadding=_getProps.iconPadding,iconSize=_getProps.iconSize,fontSize=_getProps.fontSize,textColor=_getProps.textColor,focusRingColor=_getProps.focusRingColor,motionDuration=_getProps.motionDuration,motionEasing=_getProps.motionEasing,cursor=_getProps.cursor,disabled=_getProps.disabled,role=_getProps.role,defaultRel=_getProps.defaultRel,type=_getProps.type,lineHeight=_getProps.lineHeight;var handleOnClick=function handleOnClick(event){if(onClick){onClick(event);}};var asProp=isReactNative()?undefined:'span';return jsx(StyledLink,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Link,testID:testID}),{accessibilityProps:Object.assign({},makeAccessible(Object.assign({role:role,disabled:disabled},accessibilityProps))),variant:variant,as:as,href:href,target:target,rel:rel!=null?rel:defaultRel,onClick:handleOnClick},syntheticEvents,{onBlur:function onBlur(event){_onBlur==null?void 0:_onBlur(event);syntheticEvents.onBlur();},onFocus:function onFocus(event){_onFocus==null?void 0:_onFocus(event);syntheticEvents.onFocus();},onMouseLeave:function onMouseLeave(event){if(_onMouseLeave){_onMouseLeave(event);}syntheticEvents.onMouseLeave();},onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchStart:onTouchStart,onTouchEnd:onTouchEnd,onKeyDown:onKeyDown,onMouseDown:onMouseDown,onMouseUp:onMouseUp,disabled:disabled,type:type,cursor:cursor,focusRingColor:focusRingColor,motionDuration:motionDuration,motionEasing:motionEasing,setCurrentInteraction:setCurrentInteraction},getStyledProps(rest),makeAnalyticsAttribute(rest),{className:className,style:style,hitSlop:hitSlop,title:htmlTitle,children:jsxs(BaseBox,{as:asProp,display:"flex",flexDirection:"row",className:"content-container",alignItems:"center",opacity:opacity,children:[Icon&&iconPosition=='left'?jsx(BaseBox,{as:asProp,paddingRight:iconPadding,display:"flex",alignItems:"center",children:jsx(Icon,{color:iconColor,size:iconSize})}):null,jsx(BaseText,{as:asProp,textDecorationLine:textDecorationLine,color:textColor,fontSize:fontSize,lineHeight:lineHeight,textAlign:"center",fontWeight:"medium",children:children}),Icon&&iconPosition=='right'?jsx(BaseBox,{as:asProp,paddingLeft:iconPadding,display:"flex",alignItems:"center",children:jsx(Icon,{color:iconColor,size:iconSize})}):null]})}));};var BaseLink=assignWithoutSideEffects(React__default.forwardRef(_BaseLink),{displayName:'BaseLink',componentId:'BaseLink'});
+var _excluded=["children","icon","iconPosition","isDisabled","onClick","onKeyDown","variant","href","target","rel","color","opacity","accessibilityProps","className","style","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp"],_excluded2=["currentInteraction","setCurrentInteraction"];var linkSizeToIconSizeMap={xsmall:'small',small:'small',medium:'medium',large:'medium'};var getColorToken=function getColorToken(_ref){var variant=_ref.variant,color=_ref.color,currentInteraction=_ref.currentInteraction,isDisabled=_ref.isDisabled,element=_ref.element;var state=currentInteraction;var map={default:'normal',hover:'subtle',focus:'subtle',disabled:'disabled'};if(isDisabled&&variant=='button'){state='disabled';}if(color&&color!=='primary'){if(color!=='white'){return `interactive.${element}.${color}.${map[state]}`;}return `interactive.${element}.staticWhite.${map[state]}`;}return `interactive.${element}.primary.${map[state]}`;};var getProps=function getProps(_ref2){var theme=_ref2.theme,variant=_ref2.variant,currentInteraction=_ref2.currentInteraction,children=_ref2.children,isDisabled=_ref2.isDisabled,color=_ref2.color,target=_ref2.target,size=_ref2.size;var isButton=variant==='button';var textSizes={fontSize:{xsmall:25,small:75,medium:100,large:200},lineHeight:{xsmall:25,small:75,medium:100,large:200}};var props={as:isButton?'button':'a',textDecorationLine:!isButton&&currentInteraction!=='default'?'underline':'none',iconColor:getColorToken({variant:variant,color:color,element:'icon',currentInteraction:currentInteraction,isDisabled:isDisabled}),fontSize:textSizes.fontSize[size],lineHeight:textSizes.lineHeight[size],iconSize:linkSizeToIconSizeMap[size],iconPadding:children!=null&&children.trim()?'spacing.2':'spacing.0',textColor:getColorToken({variant:variant,color:color,element:'text',currentInteraction:currentInteraction,isDisabled:isDisabled}),focusRingColor:getIn(theme.colors,'interactive.border.primary.faded'),motionDuration:'duration.2xquick',motionEasing:'easing.standard',cursor:isButton&&isDisabled?'not-allowed':'pointer',disabled:isButton&&isDisabled,role:isButton?'button':'link',defaultRel:target&&target==='_blank'?'noreferrer noopener':undefined,type:isButton?'button':undefined};return props;};var _BaseLink=function _BaseLink(_ref3,ref){var children=_ref3.children,Icon=_ref3.icon,_ref3$iconPosition=_ref3.iconPosition,iconPosition=_ref3$iconPosition===void 0?'left':_ref3$iconPosition,_ref3$isDisabled=_ref3.isDisabled,isDisabled=_ref3$isDisabled===void 0?false:_ref3$isDisabled,onClick=_ref3.onClick,onKeyDown=_ref3.onKeyDown,_ref3$variant=_ref3.variant,variant=_ref3$variant===void 0?'anchor':_ref3$variant,href=_ref3.href,target=_ref3.target,rel=_ref3.rel,_ref3$color=_ref3.color,color=_ref3$color===void 0?'primary':_ref3$color,opacity=_ref3.opacity,accessibilityProps=_ref3.accessibilityProps,className=_ref3.className,style=_ref3.style,_ref3$size=_ref3.size,size=_ref3$size===void 0?'medium':_ref3$size,testID=_ref3.testID,hitSlop=_ref3.hitSlop,htmlTitle=_ref3.htmlTitle,_onBlur=_ref3.onBlur,_onFocus=_ref3.onFocus,_onMouseLeave=_ref3.onMouseLeave,onMouseMove=_ref3.onMouseMove,onPointerDown=_ref3.onPointerDown,onPointerEnter=_ref3.onPointerEnter,onTouchStart=_ref3.onTouchStart,onTouchEnd=_ref3.onTouchEnd,onMouseDown=_ref3.onMouseDown,onMouseUp=_ref3.onMouseUp,rest=_objectWithoutProperties(_ref3,_excluded);var childrenString=getStringFromReactText(children);var _useInteraction=useInteraction(),currentInteraction=_useInteraction.currentInteraction,setCurrentInteraction=_useInteraction.setCurrentInteraction,syntheticEvents=_objectWithoutProperties(_useInteraction,_excluded2);var _useTheme=useTheme(),theme=_useTheme.theme;if(__DEV__){if(!Icon&&!(childrenString!=null&&childrenString.trim())){throwBladeError({message:`At least one of icon or text is required to render a link.`,moduleName:'BaseLink'});}}var _getProps=getProps({theme:theme,variant:variant,currentInteraction:currentInteraction,children:childrenString,isDisabled:isDisabled,color:color,target:target,size:size}),as=_getProps.as,textDecorationLine=_getProps.textDecorationLine,iconColor=_getProps.iconColor,iconPadding=_getProps.iconPadding,iconSize=_getProps.iconSize,fontSize=_getProps.fontSize,textColor=_getProps.textColor,focusRingColor=_getProps.focusRingColor,motionDuration=_getProps.motionDuration,motionEasing=_getProps.motionEasing,cursor=_getProps.cursor,disabled=_getProps.disabled,role=_getProps.role,defaultRel=_getProps.defaultRel,type=_getProps.type,lineHeight=_getProps.lineHeight;var handleOnClick=function handleOnClick(event){if(onClick){onClick(event);}};var asProp=isReactNative()?undefined:'span';return jsx(StyledLink,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Link,testID:testID}),{accessibilityProps:Object.assign({},makeAccessible(Object.assign({role:role,disabled:disabled},accessibilityProps))),variant:variant,as:as,href:href,target:target,rel:rel!=null?rel:defaultRel,onClick:handleOnClick},syntheticEvents,{onBlur:function onBlur(event){_onBlur==null?void 0:_onBlur(event);syntheticEvents.onBlur();},onFocus:function onFocus(event){_onFocus==null?void 0:_onFocus(event);syntheticEvents.onFocus();},onMouseLeave:function onMouseLeave(event){if(_onMouseLeave){_onMouseLeave(event);}syntheticEvents.onMouseLeave();},onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchStart:onTouchStart,onTouchEnd:onTouchEnd,onKeyDown:onKeyDown,onMouseDown:onMouseDown,onMouseUp:onMouseUp,disabled:disabled,type:type,cursor:cursor,focusRingColor:focusRingColor,motionDuration:motionDuration,motionEasing:motionEasing,setCurrentInteraction:setCurrentInteraction},getStyledProps(rest),makeAnalyticsAttribute(rest),{className:className,style:style,hitSlop:hitSlop,title:htmlTitle,children:jsxs(BaseBox,{as:asProp,display:"flex",flexDirection:"row",className:"content-container",alignItems:"center",opacity:opacity,children:[Icon&&iconPosition=='left'?jsx(BaseBox,{as:asProp,paddingRight:iconPadding,display:"flex",alignItems:"center",children:jsx(Icon,{color:iconColor,size:iconSize})}):null,jsx(BaseText,{as:asProp,textDecorationLine:textDecorationLine,color:textColor,fontSize:fontSize,lineHeight:lineHeight,textAlign:"center",fontWeight:"medium",children:children}),Icon&&iconPosition=='right'?jsx(BaseBox,{as:asProp,paddingLeft:iconPadding,display:"flex",alignItems:"center",children:jsx(Icon,{color:iconColor,size:iconSize})}):null]})}));};var BaseLink=assignWithoutSideEffects(React__default.forwardRef(_BaseLink),{displayName:'BaseLink',componentId:'BaseLink'});
 
 export { BaseLink as default };
 //# sourceMappingURL=BaseLink.js.map