@razorpay/blade 12.97.1 → 12.98.1

package/build/lib/native/components/FileUpload/FileUploadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadItem.js","sources":["../../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper';\nimport type { FileUploadItemProps } from './types';\nimport { FileUploadItemIcon } from './FileUploadItemIcon';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport {\n  TrashIcon,\n  EyeIcon,\n  CloseIcon,\n  CheckCircleIcon,\n  RotateClockWiseIcon,\n} from '~components/Icons';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { Divider } from '~components/Divider';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ProgressBar } from '~components/ProgressBar';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { getStyledProps } from '~components/Box/styledProps';\n\nconst FileUploadItem = memo(\n  ({\n    file,\n    onPreview,\n    onRemove,\n    onReupload,\n    onDismiss,\n    size: containerSize,\n    width,\n    minWidth,\n    maxWidth,\n    flexShrink,\n    flexGrow,\n    flexBasis,\n    ...rest\n  }: FileUploadItemProps): React.ReactElement => {\n    const { name, size, uploadPercent, errorText, status } = file;\n    const isUploading = status === 'uploading';\n    const sizeInKB = size / 1024;\n    const sizeInMB = sizeInKB / 1024;\n    const showSizeInKB = sizeInKB < 1024;\n\n    return (\n      <StyledFileUploadItemWrapper\n        size={containerSize ?? 'medium'}\n        status={status ?? 'success'}\n        borderRadius=\"medium\"\n        borderWidth=\"thin\"\n        width={width}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        flexShrink={flexShrink}\n        flexGrow={flexGrow}\n        flexBasis={flexBasis}\n        {...getStyledProps(rest)}\n      >\n        <BaseBox width=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            margin={\n              containerSize === 'large'\n                ? 'spacing.4'\n                : ['spacing.3', 'spacing.4', 'spacing.3', 'spacing.3']\n            }\n          >\n            <BaseBox marginRight=\"spacing.4\">\n              <FileUploadItemIcon fileName={name} uploadStatus={status} />\n            </BaseBox>\n            <BaseBox flexGrow={1}>\n              <BaseBox alignItems=\"center\" display=\"flex\">\n                <BaseBox alignItems=\"center\" maxWidth=\"70%\" display=\"flex\" marginRight=\"spacing.3\">\n                  <Text\n                    size=\"medium\"\n                    weight=\"medium\"\n                    color=\"surface.text.gray.subtle\"\n                    truncateAfterLines={1}\n                  >\n                    {name}\n                  </Text>\n                </BaseBox>\n                {status === 'success' && (\n                  <CheckCircleIcon\n                    size=\"medium\"\n                    marginRight=\"spacing.2\"\n                    color=\"interactive.icon.positive.normal\"\n                  />\n                )}\n              </BaseBox>\n              <Text\n                size=\"small\"\n                weight=\"regular\"\n                color={\n                  status === 'error' ? 'feedback.text.negative.intense' : 'surface.text.gray.muted'\n                }\n                truncateAfterLines={1}\n              >\n                {errorText ??\n                  `${(showSizeInKB ? sizeInKB : sizeInMB).toFixed(2)} ${\n                    showSizeInKB ? 'KB' : 'MB'\n                  } ${isUploading && uploadPercent ? `(${uploadPercent}%)` : ''}`}\n              </Text>\n            </BaseBox>\n            {status === 'uploading' ? (\n              <BaseBox display=\"flex\" alignItems=\"center\">\n                <IconButton\n                  accessibilityLabel=\"Remove File\"\n                  icon={CloseIcon}\n                  onClick={() => onDismiss?.({ file })}\n                />\n              </BaseBox>\n            ) : status === 'error' ? (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                <BaseLink\n                  marginX=\"spacing.1\"\n                  variant=\"button\"\n                  icon={RotateClockWiseIcon}\n                  color=\"negative\"\n                  size=\"small\"\n                  onClick={() => {\n                    onReupload?.({ file });\n                  }}\n                  data-analytics-name={MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON}\n                >\n                  Re-upload\n                </BaseLink>\n              </BaseBox>\n            ) : (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                {onPreview ? (\n                  <BaseBox\n                    display=\"flex\"\n                    flexDirection=\"row\"\n                    alignItems=\"center\"\n                    padding=\"spacing.0\"\n                    gap=\"spacing.3\"\n                  >\n                    <IconButton\n                      accessibilityLabel=\"Preview File\"\n                      icon={EyeIcon}\n                      onClick={() => onPreview?.({ file })}\n                    />\n                    <Divider orientation=\"vertical\" thickness=\"thinner\" variant=\"normal\" />\n                    <IconButton\n                      accessibilityLabel=\"Remove File\"\n                      icon={TrashIcon}\n                      onClick={() => onRemove?.({ file })}\n                    />\n                  </BaseBox>\n                ) : (\n                  <IconButton\n                    accessibilityLabel=\"Remove File\"\n                    icon={TrashIcon}\n                    onClick={() => onRemove?.({ file })}\n                  />\n                )}\n              </BaseBox>\n            )}\n          </BaseBox>\n          {isUploading && (\n            <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n              <ProgressBar\n                left=\"spacing.0\"\n                showPercentage={false}\n                value={uploadPercent ?? 0}\n                isIndeterminate={isUndefined(uploadPercent)}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </StyledFileUploadItemWrapper>\n    );\n  },\n);\n\nexport type { FileUploadItemProps } from './types';\nexport { FileUploadItem };\n"],"names":["FileUploadItem","memo","_ref","file","onPreview","onRemove","onReupload","onDismiss","containerSize","size","width","minWidth","maxWidth","flexShrink","flexGrow","flexBasis","rest","_objectWithoutProperties","_excluded","name","uploadPercent","errorText","status","isUploading","sizeInKB","sizeInMB","showSizeInKB","_jsx","StyledFileUploadItemWrapper","Object","assign","borderRadius","borderWidth","getStyledProps","children","_jsxs","BaseBox","display","flexDirection","margin","marginRight","FileUploadItemIcon","fileName","uploadStatus","alignItems","Text","weight","color","truncateAfterLines","CheckCircleIcon","toFixed","IconButton","accessibilityLabel","icon","CloseIcon","onClick","BaseLink","marginX","variant","RotateClockWiseIcon","MAKE_ANALYTICS_CONSTANTS","FILE_UPLOAD","REUPLOAD_BUTTON","padding","gap","EyeIcon","Divider","orientation","thickness","TrashIcon","position","bottom","ProgressBar","left","showPercentage","value","isIndeterminate","isUndefined"],"mappings":"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"}
+{"version":3,"file":"FileUploadItem.js","sources":["../../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper';\nimport type { FileUploadItemProps } from './types';\nimport { FileUploadItemIcon } from './FileUploadItemIcon';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport {\n  TrashIcon,\n  EyeIcon,\n  CloseIcon,\n  CheckCircleIcon,\n  RotateClockWiseIcon,\n} from '~components/Icons';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { Divider } from '~components/Divider';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ProgressBar } from '~components/ProgressBar';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { getStyledProps } from '~components/Box/styledProps';\n\nconst FileUploadItem = memo(\n  ({\n    file,\n    onPreview,\n    onRemove,\n    onReupload,\n    onDismiss,\n    size: containerSize,\n    width,\n    minWidth,\n    maxWidth,\n    flexShrink,\n    flexGrow,\n    flexBasis,\n    ...rest\n  }: FileUploadItemProps): React.ReactElement => {\n    const { name, size, uploadPercent, errorText, status } = file;\n    const isUploading = status === 'uploading';\n    const sizeInKB = size / 1024;\n    const sizeInMB = sizeInKB / 1024;\n    const showSizeInKB = sizeInKB < 1024;\n\n    return (\n      <StyledFileUploadItemWrapper\n        size={containerSize ?? 'medium'}\n        status={status ?? 'success'}\n        borderRadius=\"medium\"\n        borderWidth=\"thin\"\n        width={width}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        flexShrink={flexShrink}\n        flexGrow={flexGrow}\n        flexBasis={flexBasis}\n        {...getStyledProps(rest)}\n      >\n        <BaseBox width=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            margin={\n              containerSize === 'large'\n                ? 'spacing.4'\n                : ['spacing.3', 'spacing.4', 'spacing.3', 'spacing.3']\n            }\n          >\n            <BaseBox marginRight=\"spacing.4\">\n              <FileUploadItemIcon fileName={name} uploadStatus={status} />\n            </BaseBox>\n            <BaseBox flexGrow={1}>\n              <BaseBox alignItems=\"center\" display=\"flex\">\n                <BaseBox alignItems=\"center\" maxWidth=\"70%\" display=\"flex\" marginRight=\"spacing.3\">\n                  <Text\n                    size=\"medium\"\n                    weight=\"medium\"\n                    color=\"surface.text.gray.subtle\"\n                    truncateAfterLines={1}\n                  >\n                    {name}\n                  </Text>\n                </BaseBox>\n                {status === 'success' && (\n                  <CheckCircleIcon\n                    size=\"medium\"\n                    marginRight=\"spacing.2\"\n                    color=\"interactive.icon.positive.normal\"\n                  />\n                )}\n              </BaseBox>\n              <Text\n                size=\"small\"\n                weight=\"regular\"\n                color={\n                  status === 'error' ? 'feedback.text.negative.intense' : 'surface.text.gray.muted'\n                }\n                truncateAfterLines={1}\n              >\n                {errorText ??\n                  `${(showSizeInKB ? sizeInKB : sizeInMB).toFixed(2)} ${\n                    showSizeInKB ? 'KB' : 'MB'\n                  } ${isUploading && uploadPercent ? `(${uploadPercent}%)` : ''}`}\n              </Text>\n            </BaseBox>\n            {status === 'uploading' ? (\n              <BaseBox display=\"flex\" alignItems=\"center\">\n                <IconButton\n                  accessibilityLabel=\"Remove File\"\n                  icon={CloseIcon}\n                  onClick={() => onDismiss?.({ file })}\n                />\n              </BaseBox>\n            ) : status === 'error' ? (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                <BaseLink\n                  marginX=\"spacing.1\"\n                  variant=\"button\"\n                  icon={RotateClockWiseIcon}\n                  color=\"negative\"\n                  size=\"small\"\n                  onClick={() => {\n                    onReupload?.({ file });\n                  }}\n                  data-analytics-name={MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON}\n                >\n                  Re-upload\n                </BaseLink>\n              </BaseBox>\n            ) : (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                {onPreview ? (\n                  <BaseBox\n                    display=\"flex\"\n                    flexDirection=\"row\"\n                    alignItems=\"center\"\n                    padding=\"spacing.0\"\n                    gap=\"spacing.3\"\n                  >\n                    <IconButton\n                      accessibilityLabel=\"Preview File\"\n                      icon={EyeIcon}\n                      onClick={() => onPreview?.({ file })}\n                    />\n                    <Divider orientation=\"vertical\" thickness=\"thinner\" variant=\"normal\" />\n                    <IconButton\n                      accessibilityLabel=\"Remove File\"\n                      icon={TrashIcon}\n                      onClick={() => onRemove?.({ file })}\n                    />\n                  </BaseBox>\n                ) : (\n                  <IconButton\n                    accessibilityLabel=\"Remove File\"\n                    icon={TrashIcon}\n                    onClick={() => onRemove?.({ file })}\n                  />\n                )}\n              </BaseBox>\n            )}\n          </BaseBox>\n          {isUploading && (\n            <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n              <ProgressBar\n                left=\"spacing.0\"\n                showPercentage={false}\n                value={uploadPercent ?? 0}\n                isIndeterminate={isUndefined(uploadPercent)}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </StyledFileUploadItemWrapper>\n    );\n  },\n);\n\nexport type { FileUploadItemProps } from './types';\nexport { FileUploadItem };\n"],"names":["FileUploadItem","memo","_ref","file","onPreview","onRemove","onReupload","onDismiss","containerSize","size","width","minWidth","maxWidth","flexShrink","flexGrow","flexBasis","rest","_objectWithoutProperties","_excluded","name","uploadPercent","errorText","status","isUploading","sizeInKB","sizeInMB","showSizeInKB","_jsx","StyledFileUploadItemWrapper","Object","assign","borderRadius","borderWidth","getStyledProps","children","_jsxs","BaseBox","display","flexDirection","margin","marginRight","FileUploadItemIcon","fileName","uploadStatus","alignItems","Text","weight","color","truncateAfterLines","CheckCircleIcon","toFixed","IconButton","accessibilityLabel","icon","CloseIcon","onClick","BaseLink","marginX","variant","RotateClockWiseIcon","MAKE_ANALYTICS_CONSTANTS","FILE_UPLOAD","REUPLOAD_BUTTON","padding","gap","EyeIcon","Divider","orientation","thickness","TrashIcon","position","bottom","ProgressBar","left","showPercentage","value","isIndeterminate","isUndefined"],"mappings":"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"}

package/build/lib/native/components/Form/FormHint.js

@@ -321,6 +321,7 @@ import '../Icons/RefreshIcon/RefreshIcon.js';
 import '../Icons/RepeatIcon/RepeatIcon.js';
 import '../Icons/ReportsIcon/ReportsIcon.js';
 import '../Icons/ResizerIcon/ResizerIcon.js';
+import '../Icons/ReticleIcon/ReticleIcon.js';
 import '../Icons/RewindIcon/RewindIcon.js';
 import '../Icons/RotateClockWiseIcon/RotateClockWiseIcon.js';
 import '../Icons/RotateCounterClockWiseIcon/RotateCounterClockWiseIcon.js';

package/build/lib/native/components/Form/FormHint.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHint.js","sources":["../../../../../src/components/Form/FormHint.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { FormHintWrapper } from './FormHintWrapper';\nimport { hintIconSize, hintMarginTop, hintTextSize } from './formTokens';\nimport type { TextProps } from '~components/Typography/Text';\nimport { Text } from '~components/Typography/Text';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { CheckIcon, InfoIcon } from '~components/Icons';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { Box } from '~components/Box';\n\ntype HintTextProps = {\n  icon?: IconComponent;\n  children: string;\n  id?: string;\n  color: TextProps<{ variant: 'caption' }>['color'];\n  size: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst HintText = ({ icon: Icon, children, id, color, size }: HintTextProps): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox marginTop={hintMarginTop[size]} id={id}>\n      <FormHintWrapper>\n        {Icon ? (\n          // offset block element 2px down to align with text\n          <Box flexShrink={0} marginTop=\"spacing.1\">\n            <Icon />\n          </Box>\n        ) : null}\n        <Text\n          as={isReactNative ? undefined : 'span'}\n          color={color}\n          size={hintTextSize[size]}\n          variant=\"caption\"\n          wordBreak=\"break-word\"\n          marginTop={size === 'large' && Icon ? 'spacing.1' : 'spacing.0'}\n        >\n          {children}\n        </Text>\n      </FormHintWrapper>\n    </BaseBox>\n  );\n};\n\nexport type FormHintProps = {\n  type: 'help' | 'error' | 'success';\n  /**\n   * Help text for the group\n   */\n  helpText?: string;\n  /**\n   * Error text for the group\n   *\n   * Renders when `state` is set to 'error'\n   */\n  errorText?: string;\n  /**\n   * Success text for the group\n   *\n   * Renders when `state` is set to 'success'\n   */\n  successText?: string;\n  /**\n   * Sets the id on errorText.\n   * Needed for accessibility reasons.\n   */\n  errorTextId?: string;\n  /**\n   * Sets the id on helpText.\n   * Needed for accessibility reasons.\n   */\n  helpTextId?: string;\n  /**\n   * Sets the id on successText.\n   * Needed for accessibility reasons.\n   */\n  successTextId?: string;\n  /**\n   * Sets the size of the hint\n   * @default medium\n   */\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst Icons = {\n  error: ({ size }: { size: 'xsmall' | 'small' | 'medium' | 'large' }): ReactElement => (\n    <InfoIcon\n      display={'block' as never}\n      color=\"feedback.icon.negative.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n  success: ({ size }: { size: 'xsmall' | 'small' | 'medium' | 'large' }): ReactElement => (\n    <CheckIcon\n      display={'block' as never}\n      color=\"feedback.icon.positive.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n};\n\nconst FormHint = ({\n  type,\n  helpText,\n  errorText,\n  successText,\n  helpTextId,\n  errorTextId,\n  successTextId,\n  size = 'medium',\n}: FormHintProps): React.ReactElement => {\n  const colors: Record<string, TextProps<{ variant: 'caption' }>['color']> = {\n    help: 'surface.text.gray.muted',\n    error: 'feedback.text.negative.intense',\n    success: 'feedback.text.positive.intense',\n  };\n\n  const showError = type === 'error' && errorText;\n  const showSuccess = type === 'success' && successText;\n  const showHelp = !showError && !showSuccess && helpText;\n\n  return (\n    <>\n      {showHelp && (\n        <HintText size={size} id={helpTextId} color={colors.help}>\n          {helpText}\n        </HintText>\n      )}\n\n      {showError && (\n        <HintText\n          size={size}\n          id={errorTextId}\n          icon={() => Icons.error({ size })}\n          color={colors.error}\n        >\n          {errorText}\n        </HintText>\n      )}\n\n      {showSuccess && (\n        <HintText\n          size={size}\n          id={successTextId}\n          icon={() => Icons.success({ size })}\n          color={colors.success}\n        >\n          {successText}\n        </HintText>\n      )}\n    </>\n  );\n};\n\nexport { FormHint };\n"],"names":["HintText","_ref","Icon","icon","children","id","color","size","isReactNative","getPlatformType","_jsx","BaseBox","marginTop","hintMarginTop","_jsxs","FormHintWrapper","Box","flexShrink","Text","as","undefined","hintTextSize","variant","wordBreak","Icons","error","_ref2","InfoIcon","display","hintIconSize","success","_ref3","CheckIcon","FormHint","_ref4","type","helpText","errorText","successText","helpTextId","errorTextId","successTextId","_ref4$size","colors","help","showError","showSuccess","showHelp","_Fragment"],"mappings":"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"}
+{"version":3,"file":"FormHint.js","sources":["../../../../../src/components/Form/FormHint.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { FormHintWrapper } from './FormHintWrapper';\nimport { hintIconSize, hintMarginTop, hintTextSize } from './formTokens';\nimport type { TextProps } from '~components/Typography/Text';\nimport { Text } from '~components/Typography/Text';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { CheckIcon, InfoIcon } from '~components/Icons';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { Box } from '~components/Box';\n\ntype HintTextProps = {\n  icon?: IconComponent;\n  children: string;\n  id?: string;\n  color: TextProps<{ variant: 'caption' }>['color'];\n  size: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst HintText = ({ icon: Icon, children, id, color, size }: HintTextProps): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox marginTop={hintMarginTop[size]} id={id}>\n      <FormHintWrapper>\n        {Icon ? (\n          // offset block element 2px down to align with text\n          <Box flexShrink={0} marginTop=\"spacing.1\">\n            <Icon />\n          </Box>\n        ) : null}\n        <Text\n          as={isReactNative ? undefined : 'span'}\n          color={color}\n          size={hintTextSize[size]}\n          variant=\"caption\"\n          wordBreak=\"break-word\"\n          marginTop={size === 'large' && Icon ? 'spacing.1' : 'spacing.0'}\n        >\n          {children}\n        </Text>\n      </FormHintWrapper>\n    </BaseBox>\n  );\n};\n\nexport type FormHintProps = {\n  type: 'help' | 'error' | 'success';\n  /**\n   * Help text for the group\n   */\n  helpText?: string;\n  /**\n   * Error text for the group\n   *\n   * Renders when `state` is set to 'error'\n   */\n  errorText?: string;\n  /**\n   * Success text for the group\n   *\n   * Renders when `state` is set to 'success'\n   */\n  successText?: string;\n  /**\n   * Sets the id on errorText.\n   * Needed for accessibility reasons.\n   */\n  errorTextId?: string;\n  /**\n   * Sets the id on helpText.\n   * Needed for accessibility reasons.\n   */\n  helpTextId?: string;\n  /**\n   * Sets the id on successText.\n   * Needed for accessibility reasons.\n   */\n  successTextId?: string;\n  /**\n   * Sets the size of the hint\n   * @default medium\n   */\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst Icons = {\n  error: ({ size }: { size: 'xsmall' | 'small' | 'medium' | 'large' }): ReactElement => (\n    <InfoIcon\n      display={'block' as never}\n      color=\"feedback.icon.negative.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n  success: ({ size }: { size: 'xsmall' | 'small' | 'medium' | 'large' }): ReactElement => (\n    <CheckIcon\n      display={'block' as never}\n      color=\"feedback.icon.positive.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n};\n\nconst FormHint = ({\n  type,\n  helpText,\n  errorText,\n  successText,\n  helpTextId,\n  errorTextId,\n  successTextId,\n  size = 'medium',\n}: FormHintProps): React.ReactElement => {\n  const colors: Record<string, TextProps<{ variant: 'caption' }>['color']> = {\n    help: 'surface.text.gray.muted',\n    error: 'feedback.text.negative.intense',\n    success: 'feedback.text.positive.intense',\n  };\n\n  const showError = type === 'error' && errorText;\n  const showSuccess = type === 'success' && successText;\n  const showHelp = !showError && !showSuccess && helpText;\n\n  return (\n    <>\n      {showHelp && (\n        <HintText size={size} id={helpTextId} color={colors.help}>\n          {helpText}\n        </HintText>\n      )}\n\n      {showError && (\n        <HintText\n          size={size}\n          id={errorTextId}\n          icon={() => Icons.error({ size })}\n          color={colors.error}\n        >\n          {errorText}\n        </HintText>\n      )}\n\n      {showSuccess && (\n        <HintText\n          size={size}\n          id={successTextId}\n          icon={() => Icons.success({ size })}\n          color={colors.success}\n        >\n          {successText}\n        </HintText>\n      )}\n    </>\n  );\n};\n\nexport { FormHint };\n"],"names":["HintText","_ref","Icon","icon","children","id","color","size","isReactNative","getPlatformType","_jsx","BaseBox","marginTop","hintMarginTop","_jsxs","FormHintWrapper","Box","flexShrink","Text","as","undefined","hintTextSize","variant","wordBreak","Icons","error","_ref2","InfoIcon","display","hintIconSize","success","_ref3","CheckIcon","FormHint","_ref4","type","helpText","errorText","successText","helpTextId","errorTextId","successTextId","_ref4$size","colors","help","showError","showSuccess","showHelp","_Fragment"],"mappings":"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"}

package/build/lib/native/components/Icons/ReticleIcon/ReticleIcon.js

@@ -0,0 +1,13 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react-native-svg';
+import '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
+import Path from '../_Svg/Path/Path.native.js';
+import Svg from '../_Svg/Svg/Svg.native.js';
+import useIconProps from '../useIconProps/useIconProps.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded=["size","color"];var _ReticleIcon=function _ReticleIcon(_ref){var size=_ref.size,color=_ref.color,styledProps=_objectWithoutProperties(_ref,_excluded);var _useIconProps=useIconProps({size:size,color:color}),height=_useIconProps.height,width=_useIconProps.width,iconColor=_useIconProps.iconColor;return jsx(Svg,Object.assign({},styledProps,{width:width,height:height,viewBox:"0 0 24 24",fill:"none",children:jsx(Path,{d:"M13.0254 23H10.9629V13.8789H13.0254V23ZM10.1211 13.0332H1V10.9707H10.1211V13.0332ZM23.001 13.0332H13.8799V10.9707H23.001V13.0332ZM13.0254 10.1211H10.9629V1H13.0254V10.1211Z",fill:iconColor})}));};var ReticleIcon=assignWithoutSideEffects(_ReticleIcon,{componentId:'ReticleIcon'});
+
+export { ReticleIcon as default };
+//# sourceMappingURL=ReticleIcon.js.map

package/build/lib/native/components/Icons/ReticleIcon/ReticleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReticleIcon.js","sources":["../../../../../../src/components/Icons/ReticleIcon/ReticleIcon.tsx"],"sourcesContent":["import { Svg, Path } from '../_Svg';\nimport type { IconComponent } from '..';\nimport useIconProps from '../useIconProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _ReticleIcon: IconComponent = ({ size, color, ...styledProps }) => {\n  const { height, width, iconColor } = useIconProps({ size, color });\n\n  return (\n    <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\">\n      <Path\n        d=\"M13.0254 23H10.9629V13.8789H13.0254V23ZM10.1211 13.0332H1V10.9707H10.1211V13.0332ZM23.001 13.0332H13.8799V10.9707H23.001V13.0332ZM13.0254 10.1211H10.9629V1H13.0254V10.1211Z\"\n        fill={iconColor}\n      />\n    </Svg>\n  );\n};\n\nconst ReticleIcon = assignWithoutSideEffects(_ReticleIcon, {\n  componentId: 'ReticleIcon',\n});\n\nexport default ReticleIcon;\n"],"names":["_ReticleIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useIconProps","useIconProps","height","width","iconColor","_jsx","Svg","Object","assign","viewBox","fill","children","Path","d","ReticleIcon","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAKA,IAAMA,YAA2B,CAAG,SAA9BA,YAA2BA,CAAAC,IAAA,CAAwC,CAAA,IAAlCC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAAKC,WAAW,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,CAChE,CAAA,IAAAC,aAAA,CAAqCC,YAAY,CAAC,CAAEN,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAC,CAA1DM,MAAM,CAAAF,aAAA,CAANE,MAAM,CAAEC,KAAK,CAAAH,aAAA,CAALG,KAAK,CAAEC,SAAS,CAAAJ,aAAA,CAATI,SAAS,CAEhC,OACEC,GAAA,CAACC,GAAG,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKX,WAAW,CAAA,CAAEM,KAAK,CAAEA,KAAM,CAACD,MAAM,CAAEA,MAAO,CAACO,OAAO,CAAC,WAAW,CAACC,IAAI,CAAC,MAAM,CAAAC,QAAA,CACjFN,GAAA,CAACO,IAAI,CACHC,CAAAA,CAAC,CAAC,8KAA8K,CAChLH,IAAI,CAAEN,SAAU,CACjB,CAAC,CACC,CAAA,CAAC,CAEV,CAAC,CAEK,IAAAU,WAAW,CAAGC,wBAAwB,CAACtB,YAAY,CAAE,CACzDuB,WAAW,CAAE,aACf,CAAC;;;;"}

package/build/lib/native/components/Input/DropdownInputTriggers/Chevron.js

@@ -317,6 +317,7 @@ import '../../Icons/RefreshIcon/RefreshIcon.js';
 import '../../Icons/RepeatIcon/RepeatIcon.js';
 import '../../Icons/ReportsIcon/ReportsIcon.js';
 import '../../Icons/ResizerIcon/ResizerIcon.js';
+import '../../Icons/ReticleIcon/ReticleIcon.js';
 import '../../Icons/RewindIcon/RewindIcon.js';
 import '../../Icons/RotateClockWiseIcon/RotateClockWiseIcon.js';
 import '../../Icons/RotateCounterClockWiseIcon/RotateCounterClockWiseIcon.js';

package/build/lib/native/components/Input/DropdownInputTriggers/Chevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chevron.js","sources":["../../../../../../src/components/Input/DropdownInputTriggers/Chevron.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronDownIcon, ChevronUpIcon } from '~components/Icons';\n\nconst Chevron = (props: { isOpen?: boolean; isDisabled?: boolean }): React.ReactElement => {\n  const iconColor = `surface.icon.gray.${props.isDisabled ? 'disabled' : 'muted'}` as const;\n\n  return (\n    <>\n      <ChevronDownIcon display={props.isOpen ? 'none' : 'flex'} size=\"medium\" color={iconColor} />\n      <ChevronUpIcon display={props.isOpen ? 'flex' : 'none'} size=\"medium\" color={iconColor} />\n    </>\n  );\n};\n\nexport { Chevron };\n"],"names":["Chevron","props","iconColor","isDisabled","_jsxs","_Fragment","children","_jsx","ChevronDownIcon","display","isOpen","size","color","ChevronUpIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAIC,KAAiD,CAAyB,CACzF,IAAMC,SAAS,CAAG,CAAqBD,kBAAAA,EAAAA,KAAK,CAACE,UAAU,CAAG,UAAU,CAAG,OAAO,CAAA,CAAW,CAEzF,OACEC,IAAA,CAAAC,QAAA,CAAA,CAAAC,QAAA,CACEC,CAAAA,GAAA,CAACC,eAAe,CAACC,CAAAA,OAAO,CAAER,KAAK,CAACS,MAAM,CAAG,MAAM,CAAG,MAAO,CAACC,IAAI,CAAC,QAAQ,CAACC,KAAK,CAAEV,SAAU,CAAE,CAAC,CAC5FK,GAAA,CAACM,aAAa,CAACJ,CAAAA,OAAO,CAAER,KAAK,CAACS,MAAM,CAAG,MAAM,CAAG,MAAO,CAACC,IAAI,CAAC,QAAQ,CAACC,KAAK,CAAEV,SAAU,CAAE,CAAC,CAC1F,CAAA,CAAC,CAEP;;;;"}
+{"version":3,"file":"Chevron.js","sources":["../../../../../../src/components/Input/DropdownInputTriggers/Chevron.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronDownIcon, ChevronUpIcon } from '~components/Icons';\n\nconst Chevron = (props: { isOpen?: boolean; isDisabled?: boolean }): React.ReactElement => {\n  const iconColor = `surface.icon.gray.${props.isDisabled ? 'disabled' : 'muted'}` as const;\n\n  return (\n    <>\n      <ChevronDownIcon display={props.isOpen ? 'none' : 'flex'} size=\"medium\" color={iconColor} />\n      <ChevronUpIcon display={props.isOpen ? 'flex' : 'none'} size=\"medium\" color={iconColor} />\n    </>\n  );\n};\n\nexport { Chevron };\n"],"names":["Chevron","props","iconColor","isDisabled","_jsxs","_Fragment","children","_jsx","ChevronDownIcon","display","isOpen","size","color","ChevronUpIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAIC,KAAiD,CAAyB,CACzF,IAAMC,SAAS,CAAG,CAAqBD,kBAAAA,EAAAA,KAAK,CAACE,UAAU,CAAG,UAAU,CAAG,OAAO,CAAA,CAAW,CAEzF,OACEC,IAAA,CAAAC,QAAA,CAAA,CAAAC,QAAA,CACEC,CAAAA,GAAA,CAACC,eAAe,CAACC,CAAAA,OAAO,CAAER,KAAK,CAACS,MAAM,CAAG,MAAM,CAAG,MAAO,CAACC,IAAI,CAAC,QAAQ,CAACC,KAAK,CAAEV,SAAU,CAAE,CAAC,CAC5FK,GAAA,CAACM,aAAa,CAACJ,CAAAA,OAAO,CAAER,KAAK,CAACS,MAAM,CAAG,MAAM,CAAG,MAAO,CAACC,IAAI,CAAC,QAAQ,CAACC,KAAK,CAAEV,SAAU,CAAE,CAAC,CAC1F,CAAA,CAAC,CAEP;;;;"}

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

@@ -320,6 +320,7 @@ import '../../Icons/RefreshIcon/RefreshIcon.js';
 import '../../Icons/RepeatIcon/RepeatIcon.js';
 import '../../Icons/ReportsIcon/ReportsIcon.js';
 import '../../Icons/ResizerIcon/ResizerIcon.js';
+import '../../Icons/ReticleIcon/ReticleIcon.js';
 import '../../Icons/RewindIcon/RewindIcon.js';
 import '../../Icons/RotateClockWiseIcon/RotateClockWiseIcon.js';
 import '../../Icons/RotateCounterClockWiseIcon/RotateCounterClockWiseIcon.js';

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../../../../../src/components/Input/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { EyeIcon, EyeOffIcon } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CharacterCounter } from '~components/Form/CharacterCounter';\nimport { IconButton } from '~components/Button/IconButton';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, BladeElementRef } from '~utils/types';\n\ntype PasswordInputExtraProps = {\n  /**\n   * Shows a reveal button to toggle password visibility\n   *\n   * @default true\n   */\n  showRevealButton?: boolean;\n\n  /**\n   * Displays asterisk (`*`) when `isRequired` is enabled\n   *\n   * @default none\n   */\n  necessityIndicator?: Exclude<BaseInputProps['necessityIndicator'], 'optional'>;\n\n  /**\n   * Determines what autoComplete suggestion type to show. Defaults to using platform heuristics.\n   *\n   * It's not recommended to turn this off in favor of safe password practices.\n   * Providing `password` or `newPassword` is more informative to the platform for browser autofill or password managers.\n   *\n   * **Note**: Using `newPassword` on iOS has some [known issue](https://github.com/facebook/react-native/issues/21911) on React Native\n   *\n   * Internally it'll render platform specific attributes:\n   *\n   * - web: `autocomplete`\n   * - iOS: `textContentType`\n   * - android: `autoComplete`\n   *\n   */\n  autoCompleteSuggestionType?: Extract<\n    BaseInputProps['autoCompleteSuggestionType'],\n    'none' | 'password' | 'newPassword'\n  >;\n};\n\ntype PasswordInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'maxCharacters'\n  | 'validationState'\n  | 'errorText'\n  | 'successText'\n  | 'helpText'\n  | 'isDisabled'\n  | 'defaultValue'\n  | 'placeholder'\n  | 'isRequired'\n  | 'value'\n  | 'onChange'\n  | 'onBlur'\n  | 'onSubmit'\n  | 'onFocus'\n  | 'name'\n  | 'autoFocus'\n  | 'keyboardReturnKeyType'\n  | 'autoCompleteSuggestionType'\n  | 'testID'\n  | 'size'\n  | keyof DataAnalyticsAttribute\n> &\n  PasswordInputExtraProps &\n  StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype PasswordInputPropsWithA11yLabel = {\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 PasswordInputPropsWithLabel = {\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 PasswordInputProps = (PasswordInputPropsWithA11yLabel | PasswordInputPropsWithLabel) &\n  PasswordInputCommonProps;\n\nconst _PasswordInput: React.ForwardRefRenderFunction<BladeElementRef, PasswordInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    showRevealButton = true,\n    maxCharacters,\n    validationState,\n    errorText,\n    successText,\n    helpText,\n    isDisabled = false,\n    defaultValue,\n    placeholder,\n    isRequired = false,\n    necessityIndicator = 'none',\n    value,\n    onChange,\n    onFocus,\n    onBlur,\n    onSubmit,\n    name,\n    autoFocus = false,\n    keyboardReturnKeyType = 'done',\n    autoCompleteSuggestionType,\n    testID,\n    size = 'medium',\n    labelSuffix,\n    labelTrailing,\n    ...rest\n  },\n  ref,\n) => {\n  const [isRevealed, setIsRevealed] = React.useState(false);\n  const isEnabled = !isDisabled;\n\n  // If input is disabled reveal button shouldn't be present and input should be masked\n  const isRevealedAndEnabled = isRevealed && isEnabled;\n\n  const toggleIsRevealed = (): void => setIsRevealed((revealed) => !revealed);\n  const iconAccessibilityLabel = isRevealedAndEnabled ? 'Hide password' : 'Show password';\n  const type = isRevealedAndEnabled ? 'text' : 'password';\n\n  const revealButtonIcon = isRevealedAndEnabled ? EyeOffIcon : EyeIcon;\n  const revealButton =\n    showRevealButton && !isDisabled ? (\n      <IconButton\n        size=\"medium\"\n        icon={revealButtonIcon}\n        onClick={toggleIsRevealed}\n        accessibilityLabel={iconAccessibilityLabel}\n      />\n    ) : null;\n\n  const trailingFooterSlot = (value?: string): React.ReactNode =>\n    maxCharacters ? (\n      <BaseBox marginTop=\"spacing.2\" marginRight=\"spacing.1\">\n        <CharacterCounter currentCount={value?.length ?? 0} maxCount={maxCharacters} />\n      </BaseBox>\n    ) : null;\n\n  return (\n    <BaseInput\n      ref={ref}\n      componentName={MetaConstants.PasswordInput}\n      id=\"password-field\"\n      label={label as string}\n      accessibilityLabel={accessibilityLabel}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      type={type}\n      labelSuffix={labelSuffix}\n      labelTrailing={labelTrailing}\n      trailingInteractionElement={revealButton}\n      trailingFooterSlot={trailingFooterSlot}\n      maxCharacters={maxCharacters}\n      validationState={validationState}\n      errorText={errorText}\n      successText={successText}\n      helpText={helpText}\n      isDisabled={isDisabled}\n      defaultValue={defaultValue}\n      placeholder={placeholder}\n      isRequired={isRequired}\n      necessityIndicator={necessityIndicator}\n      value={value}\n      onChange={onChange}\n      onBlur={onBlur}\n      onSubmit={onSubmit}\n      onFocus={onFocus}\n      name={name}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      autoCompleteSuggestionType={autoCompleteSuggestionType}\n      keyboardReturnKeyType={keyboardReturnKeyType}\n      autoCapitalize=\"none\"\n      testID={testID}\n      size={size}\n      {...rest}\n    />\n  );\n};\n\n// nosemgrep\nconst PasswordInput = assignWithoutSideEffects(React.forwardRef(_PasswordInput), {\n  displayName: 'PasswordInput',\n});\n\nexport type { PasswordInputProps };\nexport { PasswordInput };\n"],"names":["_PasswordInput","_ref","ref","label","accessibilityLabel","_ref$labelPosition","labelPosition","_ref$showRevealButton","showRevealButton","maxCharacters","validationState","errorText","successText","helpText","_ref$isDisabled","isDisabled","defaultValue","placeholder","_ref$isRequired","isRequired","_ref$necessityIndicat","necessityIndicator","value","onChange","onFocus","onBlur","onSubmit","name","_ref$autoFocus","autoFocus","_ref$keyboardReturnKe","keyboardReturnKeyType","autoCompleteSuggestionType","testID","_ref$size","size","labelSuffix","labelTrailing","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isRevealed","setIsRevealed","isEnabled","isRevealedAndEnabled","toggleIsRevealed","revealed","iconAccessibilityLabel","type","revealButtonIcon","EyeOffIcon","EyeIcon","revealButton","_jsx","IconButton","icon","onClick","trailingFooterSlot","_value$length","BaseBox","marginTop","marginRight","children","CharacterCounter","currentCount","length","maxCount","BaseInput","Object","assign","componentName","MetaConstants","PasswordInput","id","hideLabelText","Boolean","trailingInteractionElement","autoCapitalize","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"PasswordInput.js","sources":["../../../../../../src/components/Input/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { EyeIcon, EyeOffIcon } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CharacterCounter } from '~components/Form/CharacterCounter';\nimport { IconButton } from '~components/Button/IconButton';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, BladeElementRef } from '~utils/types';\n\ntype PasswordInputExtraProps = {\n  /**\n   * Shows a reveal button to toggle password visibility\n   *\n   * @default true\n   */\n  showRevealButton?: boolean;\n\n  /**\n   * Displays asterisk (`*`) when `isRequired` is enabled\n   *\n   * @default none\n   */\n  necessityIndicator?: Exclude<BaseInputProps['necessityIndicator'], 'optional'>;\n\n  /**\n   * Determines what autoComplete suggestion type to show. Defaults to using platform heuristics.\n   *\n   * It's not recommended to turn this off in favor of safe password practices.\n   * Providing `password` or `newPassword` is more informative to the platform for browser autofill or password managers.\n   *\n   * **Note**: Using `newPassword` on iOS has some [known issue](https://github.com/facebook/react-native/issues/21911) on React Native\n   *\n   * Internally it'll render platform specific attributes:\n   *\n   * - web: `autocomplete`\n   * - iOS: `textContentType`\n   * - android: `autoComplete`\n   *\n   */\n  autoCompleteSuggestionType?: Extract<\n    BaseInputProps['autoCompleteSuggestionType'],\n    'none' | 'password' | 'newPassword'\n  >;\n};\n\ntype PasswordInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'maxCharacters'\n  | 'validationState'\n  | 'errorText'\n  | 'successText'\n  | 'helpText'\n  | 'isDisabled'\n  | 'defaultValue'\n  | 'placeholder'\n  | 'isRequired'\n  | 'value'\n  | 'onChange'\n  | 'onBlur'\n  | 'onSubmit'\n  | 'onFocus'\n  | 'name'\n  | 'autoFocus'\n  | 'keyboardReturnKeyType'\n  | 'autoCompleteSuggestionType'\n  | 'testID'\n  | 'size'\n  | keyof DataAnalyticsAttribute\n> &\n  PasswordInputExtraProps &\n  StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype PasswordInputPropsWithA11yLabel = {\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 PasswordInputPropsWithLabel = {\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 PasswordInputProps = (PasswordInputPropsWithA11yLabel | PasswordInputPropsWithLabel) &\n  PasswordInputCommonProps;\n\nconst _PasswordInput: React.ForwardRefRenderFunction<BladeElementRef, PasswordInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    showRevealButton = true,\n    maxCharacters,\n    validationState,\n    errorText,\n    successText,\n    helpText,\n    isDisabled = false,\n    defaultValue,\n    placeholder,\n    isRequired = false,\n    necessityIndicator = 'none',\n    value,\n    onChange,\n    onFocus,\n    onBlur,\n    onSubmit,\n    name,\n    autoFocus = false,\n    keyboardReturnKeyType = 'done',\n    autoCompleteSuggestionType,\n    testID,\n    size = 'medium',\n    labelSuffix,\n    labelTrailing,\n    ...rest\n  },\n  ref,\n) => {\n  const [isRevealed, setIsRevealed] = React.useState(false);\n  const isEnabled = !isDisabled;\n\n  // If input is disabled reveal button shouldn't be present and input should be masked\n  const isRevealedAndEnabled = isRevealed && isEnabled;\n\n  const toggleIsRevealed = (): void => setIsRevealed((revealed) => !revealed);\n  const iconAccessibilityLabel = isRevealedAndEnabled ? 'Hide password' : 'Show password';\n  const type = isRevealedAndEnabled ? 'text' : 'password';\n\n  const revealButtonIcon = isRevealedAndEnabled ? EyeOffIcon : EyeIcon;\n  const revealButton =\n    showRevealButton && !isDisabled ? (\n      <IconButton\n        size=\"medium\"\n        icon={revealButtonIcon}\n        onClick={toggleIsRevealed}\n        accessibilityLabel={iconAccessibilityLabel}\n      />\n    ) : null;\n\n  const trailingFooterSlot = (value?: string): React.ReactNode =>\n    maxCharacters ? (\n      <BaseBox marginTop=\"spacing.2\" marginRight=\"spacing.1\">\n        <CharacterCounter currentCount={value?.length ?? 0} maxCount={maxCharacters} />\n      </BaseBox>\n    ) : null;\n\n  return (\n    <BaseInput\n      ref={ref}\n      componentName={MetaConstants.PasswordInput}\n      id=\"password-field\"\n      label={label as string}\n      accessibilityLabel={accessibilityLabel}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      type={type}\n      labelSuffix={labelSuffix}\n      labelTrailing={labelTrailing}\n      trailingInteractionElement={revealButton}\n      trailingFooterSlot={trailingFooterSlot}\n      maxCharacters={maxCharacters}\n      validationState={validationState}\n      errorText={errorText}\n      successText={successText}\n      helpText={helpText}\n      isDisabled={isDisabled}\n      defaultValue={defaultValue}\n      placeholder={placeholder}\n      isRequired={isRequired}\n      necessityIndicator={necessityIndicator}\n      value={value}\n      onChange={onChange}\n      onBlur={onBlur}\n      onSubmit={onSubmit}\n      onFocus={onFocus}\n      name={name}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      autoCompleteSuggestionType={autoCompleteSuggestionType}\n      keyboardReturnKeyType={keyboardReturnKeyType}\n      autoCapitalize=\"none\"\n      testID={testID}\n      size={size}\n      {...rest}\n    />\n  );\n};\n\n// nosemgrep\nconst PasswordInput = assignWithoutSideEffects(React.forwardRef(_PasswordInput), {\n  displayName: 'PasswordInput',\n});\n\nexport type { PasswordInputProps };\nexport { PasswordInput };\n"],"names":["_PasswordInput","_ref","ref","label","accessibilityLabel","_ref$labelPosition","labelPosition","_ref$showRevealButton","showRevealButton","maxCharacters","validationState","errorText","successText","helpText","_ref$isDisabled","isDisabled","defaultValue","placeholder","_ref$isRequired","isRequired","_ref$necessityIndicat","necessityIndicator","value","onChange","onFocus","onBlur","onSubmit","name","_ref$autoFocus","autoFocus","_ref$keyboardReturnKe","keyboardReturnKeyType","autoCompleteSuggestionType","testID","_ref$size","size","labelSuffix","labelTrailing","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isRevealed","setIsRevealed","isEnabled","isRevealedAndEnabled","toggleIsRevealed","revealed","iconAccessibilityLabel","type","revealButtonIcon","EyeOffIcon","EyeIcon","revealButton","_jsx","IconButton","icon","onClick","trailingFooterSlot","_value$length","BaseBox","marginTop","marginRight","children","CharacterCounter","currentCount","length","maxCount","BaseInput","Object","assign","componentName","MetaConstants","PasswordInput","id","hideLabelText","Boolean","trailingInteractionElement","autoCapitalize","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

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

@@ -322,6 +322,7 @@ import '../../Icons/RefreshIcon/RefreshIcon.js';
 import '../../Icons/RepeatIcon/RepeatIcon.js';
 import '../../Icons/ReportsIcon/ReportsIcon.js';
 import '../../Icons/ResizerIcon/ResizerIcon.js';
+import '../../Icons/ReticleIcon/ReticleIcon.js';
 import '../../Icons/RewindIcon/RewindIcon.js';
 import '../../Icons/RotateClockWiseIcon/RotateClockWiseIcon.js';
 import '../../Icons/RotateCounterClockWiseIcon/RotateCounterClockWiseIcon.js';

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';\nimport { TopNavOverlayThemeOverride } from '~components/TopNav/TopNavOverlayThemeOverride';\nimport { useModalContext } from '~components/Modal/ModalContext';\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  const modalContext = useModalContext();\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\n      shouldOverrideTheme={modalContext.isInsideModal ? true : isSearchFocused}\n    >\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","modalContext","useModalContext","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","isInsideModal","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';\nimport { useModalContext } from '~components/Modal/ModalContext';\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  const modalContext = useModalContext();\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\n      shouldOverrideTheme={modalContext.isInsideModal ? true : isSearchFocused}\n    >\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","modalContext","useModalContext","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","isInsideModal","assignWithoutSideEffects","forwardRef","displayName","componentId","dropdownComponentIds","triggers"],"mappings":"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"}

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

@@ -322,6 +322,7 @@ import '../../Icons/RefreshIcon/RefreshIcon.js';
 import '../../Icons/RepeatIcon/RepeatIcon.js';
 import '../../Icons/ReportsIcon/ReportsIcon.js';
 import '../../Icons/ResizerIcon/ResizerIcon.js';
+import '../../Icons/ReticleIcon/ReticleIcon.js';
 import '../../Icons/RewindIcon/RewindIcon.js';
 import '../../Icons/RotateClockWiseIcon/RotateClockWiseIcon.js';
 import '../../Icons/RotateCounterClockWiseIcon/RotateCounterClockWiseIcon.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,eAAA,CAAA,aAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,WAAA,CAAA,UAAA,CAAA,aAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,YAAA,CAAA,YAAA,CAAA,MAAA,CAAA,UAAA,CAAA,SAAA,CAAA,QAAA,CAAA,UAAA,CAAA,WAAA,CAAA,aAAA,CAAA,OAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,oBAAA,CAAA,WAAA,CAAA,eAAA,CAAA,QAAA,CAAA,MAAA,CAAA,eAAA,CAAA,MAAA,CAAA,aAAA,CAAA,CA0GA,IAAMA,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,aAAkB,CAA4C,CACnF,OAAOC,eAAe,EAAE,GAAK,cAAc,CAC7C,CAAC,CAED,IAAMC,SAAyE,CAAG,SAA5EA,SAAyEA,CAAAC,IAAA,CAmC7EC,GAAG,CACA,CAlCD,IAAAC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACLC,kBAAkB,CAAAH,IAAA,CAAlBG,kBAAkB,CAClBC,aAAa,CAAAJ,IAAA,CAAbI,aAAa,CACbC,WAAW,CAAAL,IAAA,CAAXK,WAAW,CACXC,aAAa,CAAAN,IAAA,CAAbM,aAAa,CACbC,kBAAkB,CAAAP,IAAA,CAAlBO,kBAAkB,CAClBC,SAAS,CAAAR,IAAA,CAATQ,SAAS,CACTC,QAAQ,CAAAT,IAAA,CAARS,QAAQ,CACRC,WAAW,CAAAV,IAAA,CAAXU,WAAW,CACXC,eAAe,CAAAX,IAAA,CAAfW,eAAe,CACfC,YAAY,CAAAZ,IAAA,CAAZY,YAAY,CACZC,UAAU,CAAAb,IAAA,CAAVa,UAAU,CACVC,UAAU,CAAAd,IAAA,CAAVc,UAAU,CACVC,IAAI,CAAAf,IAAA,CAAJe,IAAI,CACJC,SAAQ,CAAAhB,IAAA,CAARgB,QAAQ,CACRC,QAAO,CAAAjB,IAAA,CAAPiB,OAAO,CACPC,OAAM,CAAAlB,IAAA,CAANkB,MAAM,CACNC,QAAQ,CAAAnB,IAAA,CAARmB,QAAQ,CACRC,UAAS,CAAApB,IAAA,CAAToB,SAAS,CACTC,WAAW,CAAArB,IAAA,CAAXqB,WAAW,CACXC,KAAK,CAAAtB,IAAA,CAALsB,KAAK,CACLC,aAAa,CAAAvB,IAAA,CAAbuB,aAAa,CACbC,eAAe,CAAAxB,IAAA,CAAfwB,eAAe,CACfC,kBAAkB,CAAAzB,IAAA,CAAlByB,kBAAkB,CAClBC,SAAS,CAAA1B,IAAA,CAAT0B,SAAS,CAAAC,kBAAA,CAAA3B,IAAA,CACT4B,aAAa,CAAbA,aAAa,CAAAD,kBAAA,GAAG,KAAA,CAAA,CAAA,CAAC,CAAAA,kBAAA,CACjBE,MAAM,CAAA7B,IAAA,CAAN6B,MAAM,CAAAC,SAAA,CAAA9B,IAAA,CACN+B,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CACfE,aAAa,CAAAhC,IAAA,CAAbgC,aAAa,CACbC,IAAI,CAAAjC,IAAA,CAAJiC,IAAI,CACJC,WAAW,CAAAlC,IAAA,CAAXkC,WAAW,CACRC,IAAI,CAAAC,wBAAA,CAAApC,IAAA,CAAAqC,SAAA,CAIT,CAAA,IAAMC,QAAQ,CAAGC,cAAK,CAACC,MAAM,CAA2B,IAAI,CAAC,CAC7D,IAAMC,SAAS,CAAGC,YAAY,CAACzC,GAAG,CAAEqC,QAAQ,CAAC,CAC7C,IAAAK,eAAA,CAA8CJ,cAAK,CAACK,QAAQ,CAAClB,SAAS,EAAA,IAAA,CAATA,SAAS,CAAI,KAAK,CAAC,CAAAmB,gBAAA,CAAAC,cAAA,CAAAH,eAAA,CAAA,CAAA,CAAA,CAAzEI,eAAe,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAAEG,kBAAkB,CAAAH,gBAAA,CAAA,CAAA,CAAA,CAC1C,IAAAI,eAAA,CAOIC,cAAc,CAAC,CACjBjB,IAAI,CAAJA,IAAI,CACJC,WAAW,CAAXA,WAAW,CACXrB,UAAU,CAAVA,UAAU,CACVyB,QAAQ,CAARA,QAAQ,CACRN,aAAa,CAAbA,aAAa,CACbjB,IAAI,CAAJA,IAAI,CACJO,KAAK,CAALA,KAAK,CACLN,QAAQ,CAARA,SACF,CAAC,CAAC,CAfAmC,cAAc,CAAAF,eAAA,CAAdE,cAAc,CACdC,iBAAiB,CAAAH,eAAA,CAAjBG,iBAAiB,CACjBC,OAAO,CAAAJ,eAAA,CAAPI,OAAO,CACPC,wBAAwB,CAAAL,eAAA,CAAxBK,wBAAwB,CACxBC,uBAAuB,CAAAN,eAAA,CAAvBM,uBAAuB,CACvBC,eAAe,CAAAP,eAAA,CAAfO,eAAe,CAYjB,IAAAC,gBAAA,CAA0DlB,cAAK,CAACK,QAAQ,CAAC,KAAK,CAAC,CAAAc,gBAAA,CAAAZ,cAAA,CAAAW,gBAAA,CAAA,CAAA,CAAA,CAAxEE,qBAAqB,CAAAD,gBAAA,CAAA,CAAA,CAAA,CAAEE,wBAAwB,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAEtDnB,cAAK,CAACsB,SAAS,CAAC,UAAM,CACpBD,wBAAwB,CAACE,OAAO,CAACtC,eAAe,GAAK,CAAAF,KAAK,EAAA,IAAA,CAAA,KAAA,CAAA,CAALA,KAAK,CAAEyC,MAAM,IAAInD,YAAY,EAAA,IAAA,CAAA,KAAA,CAAA,CAAZA,YAAY,CAAEmD,MAAM,CAAC,CAAA,CAAC,CAAC,CAC/F,CAAC,CAAE,CAACvC,eAAe,CAAEZ,YAAY,CAAEU,KAAK,CAAC,CAAC,CAE1C,IAAM0C,wBAAwB,CAAG,SAA3BA,wBAAwBA,EAA0B,CACtD,GAAIL,qBAAqB,CAAE,CACzB,OACEM,GAAA,CAACC,OAAO,CAACC,CAAAA,UAAU,CAAC,WAAW,CAACC,SAAS,CAAC,WAAW,CAAAC,QAAA,CACnDJ,GAAA,CAACK,UAAU,EACTC,IAAI,CAAEC,SAAU,CAChBrE,kBAAkB,CAAC,wBAAwB,CAC3CsE,OAAO,CAAE,SAATA,OAAOA,EAAQ,CAAA,IAAAC,iBAAA,CACb,GAAIC,OAAO,CAACrD,KAAK,CAAC,EAAIgB,QAAQ,CAACsC,OAAO,CAAE,CAEtC,GAAIhF,aAAa,CAAC0C,QAAQ,CAACsC,OAAO,CAAC,CAAE,CACnCtC,QAAQ,CAACsC,OAAO,CAACC,KAAK,EAAE,CACxBvC,QAAQ,CAACsC,OAAO,CAACE,KAAK,EAAE,CAC1B,CAAC,KAAUxC,GAAAA,QAAQ,CAACsC,OAAO,YAAYG,mBAAmB,CAAE,CAC1DzC,QAAQ,CAACsC,OAAO,CAACtD,KAAK,CAAG,EAAE,CAC3BgB,QAAQ,CAACsC,OAAO,CAACE,KAAK,EAAE,CAC1B,CACF,CACAtB,eAAe,EAAE,CAEjB/B,kBAAkB,EAAlBA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,kBAAkB,EAAI,CACtBa,QAAQ,EAAAoC,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,iBAAA,CAARpC,QAAQ,CAAEsC,OAAO,GAAjBF,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,iBAAA,CAAmBI,KAAK,EAAE,CAC1BlB,wBAAwB,CAAC,KAAK,CAAC,CACjC,CAAE,CACH,CAAC,CACK,CAAC,CAEd,CAEA,OAAO,IAAI,CACb,CAAC,CAED,OACEK,GAAA,CAACe,SAAS,CAAAC,MAAA,CAAAC,MAAA,EACRC,EAAE,CAAC,UAAU,CACbC,EAAE,CAAC,UAAU,CACbC,UAAU,CAAC,UAAU,CACrBC,aAAa,CAAEC,aAAa,CAACC,QAAS,CACtC9D,SAAS,CAAEA,SAAU,CACrBzB,GAAG,CAAEwC,SAAU,CACfvC,KAAK,CAAEA,KAAgB,CACvB+B,IAAI,CAAED,aAAa,CAAGqB,OAAO,CAAC,CAAEtB,IAAI,CAAJA,IAAK,CAAC,CAAC,CAAG0D,SAAU,CACpDtC,cAAc,CAAEA,cAAe,CAC/BC,iBAAiB,CAAEA,iBAAkB,CACrCsC,iBAAiB,CAAE1D,aAAc,CACjC2D,WAAW,CAAE5C,eAAgB,CAC7B5C,kBAAkB,CAAEA,kBAAmB,CACvCyF,aAAa,CAAE,CAAC9B,OAAO,CAAC5D,KAAK,CAAE,CAC/BE,aAAa,CAAEA,aAAc,CAC7BC,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAC7BC,kBAAkB,CAAEA,kBAAmB,CACvCC,SAAS,CAAEA,SAAU,CACrBC,QAAQ,CAAEA,QAAS,CACnBC,WAAW,CAAEA,WAAY,CACzBC,eAAe,CAAEA,eAAgB,CACjCE,UAAU,CAAEA,UAAW,CACvBC,UAAU,CAAEA,UAAW,CACvBC,IAAI,CAAEA,IAAK,CACXQ,aAAa,CAAEA,aAAc,CAC7BF,WAAW,CAAEA,WAAY,CACzBwE,0BAA0B,CAAE7B,wBAAwB,EAAG,CACvDpD,YAAY,CAAEA,YAAa,CAC3BU,KAAK,CAAEA,KAAM,CACbM,aAAa,CAAEA,aAAc,CAC7BZ,QAAQ,CAAE,SAAVA,QAAQA,CAAA8E,KAAA,CAAuB,CAAlB,IAAA/E,IAAI,CAAA+E,KAAA,CAAJ/E,IAAI,CAAEO,KAAK,CAAAwE,KAAA,CAALxE,KAAK,CACtB,GAAIE,eAAe,EAAIF,KAAK,EAALA,IAAAA,EAAAA,KAAK,CAAEyC,MAAM,CAAE,CAEpCH,wBAAwB,CAAC,IAAI,CAAC,CAChC,CAEA,GAAID,qBAAqB,EAAI,EAACrC,KAAK,EAALA,IAAAA,EAAAA,KAAK,CAAEyC,MAAM,CAAE,CAAA,CAE3CH,wBAAwB,CAAC,KAAK,CAAC,CACjC,CAEAL,uBAAuB,CAAC,CAAExC,IAAI,CAAJA,IAAI,CAAEO,KAAK,CAALA,KAAM,CAAC,CAAC,CACxCN,SAAQ,EAAA,IAAA,CAAA,KAAA,CAAA,CAARA,SAAQ,CAAG,CAAED,IAAI,CAAJA,IAAI,CAAEO,KAAK,CAALA,KAAM,CAAC,CAAC,CAC7B,CAAE,CACFL,OAAO,CAAE,SAATA,OAAOA,CAAG8E,CAAC,CAAK,CACd/C,kBAAkB,CAAC,IAAI,CAAC,CACxB/B,QAAO,EAAA,IAAA,CAAA,KAAA,CAAA,CAAPA,QAAO,CAAG8E,CAAC,CAAC,CACd,CAAE,CACF7E,MAAM,CAAE,SAARA,MAAMA,CAAG6E,CAAC,CAAK,CACb/C,kBAAkB,CAAC,KAAK,CAAC,CACzB9B,OAAM,EAAA,IAAA,CAAA,KAAA,CAAA,CAANA,OAAM,CAAG6E,CAAC,CAAC,CACb,CAAE,CACF3E,SAAS,CAAE,SAAXA,SAASA,CAAG2E,CAAC,CAAK,CAChBzC,wBAAwB,CAACyC,CAAC,CAAC,CAC3B3E,UAAS,EAATA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,UAAS,CAAG,CACVL,IAAI,CAAEgF,CAAC,CAAChF,IAAI,CACZO,KAAK,CAAEyE,CAAC,CAACC,KAAK,CAACC,aAAa,CAAC3E,KAAK,CAClC0E,KAAK,CAAED,CAAC,CAACC,KACX,CAAC,CAAC,CACJ,CAAE,CACF7E,QAAQ,CAAEA,QAAS,CACnB+E,kBAAkB,CAAE,SAApBA,kBAAkBA,CAAG5E,KAAK,CAAK,CAAA,IAAA6E,aAAA,CAC7B,OAAO5E,aAAa,CAClB0C,GAAA,CAACC,OAAO,CAACE,CAAAA,SAAS,CAAEgC,aAAa,CAACrE,IAAI,CAAE,CAACsE,WAAW,CAAC,WAAW,CAAAhC,QAAA,CAC9DJ,GAAA,CAACqC,gBAAgB,CAACC,CAAAA,YAAY,CAAAJ,CAAAA,aAAA,CAAE7E,KAAK,EAALA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,KAAK,CAAEyC,MAAM,QAAAoC,aAAA,CAAI,CAAE,CAACK,QAAQ,CAAEjF,aAAc,CAAE,CAAC,CACxE,CAAC,CACR,IAAI,CACV,CAAE,CACFM,MAAM,CAAEA,MAAO,CACfE,IAAI,CAAEA,IAAK,CACPI,CAAAA,IAAI,CACT,CAAC,CAEN,CAAC,CAEK,IAAAqD,QAAQ,CAAGiB,wBAAwB,CAAClE,cAAK,CAACmE,UAAU,CAAC3G,SAAS,CAAC,CAAE,CACrE4G,WAAW,CAAE,UACf,CAAC;;;;"}
+{"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

@@ -324,6 +324,7 @@ import '../../Icons/RefreshIcon/RefreshIcon.js';
 import '../../Icons/RepeatIcon/RepeatIcon.js';
 import '../../Icons/ReportsIcon/ReportsIcon.js';
 import '../../Icons/ResizerIcon/ResizerIcon.js';
+import '../../Icons/ReticleIcon/ReticleIcon.js';
 import '../../Icons/RewindIcon/RewindIcon.js';
 import '../../Icons/RotateClockWiseIcon/RotateClockWiseIcon.js';
 import '../../Icons/RotateCounterClockWiseIcon/RotateCounterClockWiseIcon.js';