@razorpay/blade 11.9.1 → 11.10.0

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

@@ -1 +1 @@
-{"version":3,"file":"StyledBaseInput.native.js","sources":["../../../../../../src/components/Input/BaseInput/StyledBaseInput.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport type { CSSObject, ThemeProps, DefaultTheme } from 'styled-components';\nimport type {\n  TextInputProps,\n  TouchableHighlight,\n  TouchableHighlightProps,\n  GestureResponderEvent,\n  TextInput,\n} from 'react-native';\nimport { Platform as RNPlatform } from 'react-native';\nimport type { BaseInputProps } from './BaseInput';\nimport type { StyledBaseInputProps } from './types';\nimport { getBaseInputStyles } from './baseInputStyles';\nimport { baseInputHeight } from './baseInputTokens';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { size as sizeToken } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport type { Platform } from '~utils';\n\ntype StyledComponentAutoCompleteAndroid =\n  | 'off'\n  | 'name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-number'\n  | 'email'\n  | 'username'\n  | 'password'\n  | 'postal-code'\n  | 'tel'\n  | undefined;\n\nconst autoCompleteSuggestionTypeAndroid = {\n  none: 'off',\n  name: 'name',\n  email: 'email',\n  username: 'username',\n  password: 'password',\n  newPassword: 'password-new',\n  oneTimeCode: 'sms-otp',\n  telephone: 'tel',\n  postalCode: 'postal-code',\n  countryName: 'postal-address-country',\n  creditCardNumber: 'cc-number',\n  creditCardCSC: 'cc-csc',\n  creditCardExpiry: 'cc-exp',\n  creditCardExpiryMonth: 'cc-exp-month',\n  creditCardExpiryYear: 'cc-exp-year',\n} as const;\n\nconst autoCompleteSuggestionTypeIOS = {\n  none: 'none',\n  name: 'name',\n  email: 'emailAddress',\n  username: 'username',\n  password: 'password',\n  newPassword: 'newPassword',\n  oneTimeCode: 'oneTimeCode',\n  telephone: 'telephoneNumber',\n  postalCode: 'postalCode',\n  countryName: 'countryName',\n  creditCardNumber: 'creditCardNumber',\n  creditCardCSC: 'none',\n  creditCardExpiry: 'none',\n  creditCardExpiryMonth: 'none',\n  creditCardExpiryYear: 'none',\n} as const;\n\nconst KeyboardTypeToNativeValuesMap = {\n  text: 'default',\n  search: 'default',\n  telephone: 'phone-pad',\n  email: 'email-address',\n  url: 'url',\n  decimal: 'decimal-pad',\n};\n\ntype StyledComponentInputProps = Omit<\n  StyledBaseInputProps,\n  'accessibilityProps' | 'setCurrentInteraction' | 'currentInteraction'\n> & {\n  isTextArea?: boolean;\n  isFocused: boolean;\n  autoCompleteType?: typeof autoCompleteSuggestionTypeAndroid[keyof typeof autoCompleteSuggestionTypeAndroid];\n  editable?: boolean;\n  onPress?: (event: GestureResponderEvent) => void;\n  $size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getInputHeight = ({\n  isTextArea,\n  hasTags,\n  numberOfLines,\n  lineHeight,\n  size,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines'> & {\n  lineHeight: number;\n  size: NonNullable<BaseInputProps['size']>;\n}): string | undefined => {\n  if (isTextArea) {\n    return `${lineHeight * (numberOfLines ?? 0)}px`;\n  }\n\n  if (hasTags) {\n    return undefined; // we don't set height on input. We set it on wrapper to properly include tags in overall height\n  }\n\n  return makeSize(sizeToken[baseInputHeight[size]]);\n};\n\nconst getRNInputStyles = (\n  props: StyledComponentInputProps &\n    ThemeProps<DefaultTheme> &\n    (TextInputProps | TouchableHighlightProps),\n): CSSObject => {\n  return {\n    ...getBaseInputStyles({\n      theme: props.theme,\n      isFocused: props.isFocused,\n      isDisabled: !props.editable,\n      validationState: props.validationState,\n      leadingIcon: props.leadingIcon,\n      prefix: props.prefix,\n      interactionElement: props.interactionElement,\n      suffix: props.suffix,\n      trailingIcon: props.trailingIcon,\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      isDropdownTrigger: props.isDropdownTrigger,\n      size: props.$size,\n      valueComponentType: props.valueComponentType,\n    }),\n    lineHeight: RNPlatform.select({\n      android: makeSize(props.theme.typography.lineHeights[100]),\n      ios: undefined,\n    }),\n    textAlignVertical: 'top',\n    height: getInputHeight({\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      numberOfLines: props.numberOfLines,\n      lineHeight: props.theme.typography.lineHeights[300],\n      size: props.$size,\n    }),\n  };\n};\nconst StyledNativeBaseInput = styled.TextInput<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    valueComponentType,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      interactionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      hasTags,\n      isDropdownTrigger,\n      $size,\n      valueComponentType,\n    }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    valueComponentType,\n  }) => ({\n    ...getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      interactionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      isDropdownTrigger,\n      hasTags,\n      $size,\n      valueComponentType,\n    }),\n  }),\n);\n\nconst _StyledBaseInput: React.ForwardRefRenderFunction<\n  TextInput | TouchableHighlight,\n  StyledBaseInputProps\n> = (\n  {\n    name,\n    isRequired,\n    isDisabled,\n    maxCharacters,\n    handleOnFocus,\n    handleOnChange,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    handleOnClick,\n    keyboardType = 'text',\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    accessibilityProps,\n    currentInteraction,\n    setCurrentInteraction,\n    type,\n    numberOfLines,\n    isTextArea,\n    hasPopup,\n    shouldIgnoreBlurAnimation,\n    autoCapitalize,\n    as: renderAs,\n    $size,\n    ...props\n  },\n  ref,\n) => {\n  const buttonValue = props.value ? props.value : props.placeholder;\n  const { theme } = useTheme();\n  const commonProps = {\n    onBlur: (): void => {\n      // In certain cases like SelectInput, we want to ignore the blur animation when option item is clicked.\n      // The selectinput should always look like it is in focus otherwise it triggers blur + focus again which can cause flicker\n      if (!shouldIgnoreBlurAnimation) {\n        setCurrentInteraction('default');\n      }\n    },\n    isFocused: currentInteraction === 'focus',\n  };\n\n  return renderAs === 'button' ? (\n    <StyledNativeBaseButton\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      onPress={(): void => {\n        handleOnClick?.({ name, value: props.value });\n      }}\n      onFocus={(): void => {\n        handleOnFocus?.({ name, value: props.value });\n        setCurrentInteraction('focus');\n      }}\n      as={undefined}\n      $size={$size}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    >\n      <Text\n        color={\n          props.value && !isDisabled ? 'surface.text.gray.subtle' : 'surface.text.gray.disabled'\n        }\n        truncateAfterLines={1}\n        textAlign={props.textAlign}\n        size={$size}\n      >\n        {buttonValue}\n      </Text>\n    </StyledNativeBaseButton>\n  ) : (\n    <StyledNativeBaseInput\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      multiline={isTextArea}\n      numberOfLines={numberOfLines}\n      editable={!isDisabled}\n      maxLength={maxCharacters}\n      placeholderTextColor={theme.colors.surface.text.gray.disabled}\n      onFocus={(event): void => {\n        handleOnFocus?.({ name, value: event?.nativeEvent.text });\n        // React Native does not have native onPress event on Input elements so for consistency of API we call it on onFocus which also gets triggered on clicks\n        handleOnClick?.({ name, value: event?.nativeEvent.text });\n        setCurrentInteraction('focus');\n      }}\n      onChangeText={(text): void => {\n        handleOnChange?.({ name, value: text });\n        handleOnInput?.({ name, value: text });\n      }}\n      onEndEditing={(event): void => handleOnBlur?.({ name, value: event?.nativeEvent.text })}\n      onSubmitEditing={(event): void => handleOnSubmit?.({ name, value: event?.nativeEvent.text })}\n      onKeyPress={(event): void => {\n        handleOnKeyDown?.({\n          name,\n          key: event?.nativeEvent.key,\n          event: (event as unknown) as React.KeyboardEvent<HTMLInputElement>, // TODO: handle platform specific type\n        });\n      }}\n      // @ts-expect-error styled-components have limited keyboard types('default' | 'email-address' | 'numeric' | 'phone-pad' | 'number-pad' | 'decimal-pad') compared to the actual supported types so ignoring the error.\n      // source: https://reactnative.dev/docs/textinput/#keyboardtype\n      keyboardType={KeyboardTypeToNativeValuesMap[keyboardType]}\n      returnKeyType={keyboardReturnKeyType}\n      autoCompleteType={\n        autoCompleteSuggestionType\n          ? (autoCompleteSuggestionTypeAndroid[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ] as StyledComponentAutoCompleteAndroid)\n          : undefined\n      }\n      secureTextEntry={type === 'password'}\n      isTextArea={isTextArea}\n      textContentType={\n        autoCompleteSuggestionType\n          ? autoCompleteSuggestionTypeIOS[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ]\n          : undefined\n      }\n      autoCapitalize={autoCapitalize}\n      $size={$size}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    />\n  );\n};\n\nconst StyledBaseInput = assignWithoutSideEffects(React.forwardRef(_StyledBaseInput), {\n  displayName: 'StyledBaseInput',\n});\n\nexport { StyledBaseInput };\n"],"names":["autoCompleteSuggestionTypeAndroid","none","name","email","username","password","newPassword","oneTimeCode","telephone","postalCode","countryName","creditCardNumber","creditCardCSC","creditCardExpiry","creditCardExpiryMonth","creditCardExpiryYear","autoCompleteSuggestionTypeIOS","KeyboardTypeToNativeValuesMap","text","search","url","decimal","getInputHeight","_ref","isTextArea","hasTags","numberOfLines","lineHeight","size","undefined","makeSize","sizeToken","baseInputHeight","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","interactionElement","suffix","trailingIcon","isDropdownTrigger","$size","valueComponentType","RNPlatform","select","android","typography","lineHeights","ios","textAlignVertical","height","StyledNativeBaseInput","styled","TextInput","_ref2","id","StyledNativeBaseButton","TouchableOpacity","_ref3","_StyledBaseInput","_ref4","ref","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","_ref4$keyboardType","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","renderAs","as","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","commonProps","onBlur","_jsx","onPress","onFocus","children","Text","color","truncateAfterLines","textAlign","multiline","maxLength","placeholderTextColor","colors","surface","gray","disabled","event","nativeEvent","onChangeText","onEndEditing","onSubmitEditing","onKeyPress","key","returnKeyType","autoCompleteType","secureTextEntry","textContentType","StyledBaseInput","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"StyledBaseInput.native.js","sources":["../../../../../../src/components/Input/BaseInput/StyledBaseInput.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport type { CSSObject, ThemeProps, DefaultTheme } from 'styled-components';\nimport type {\n  TextInputProps,\n  TouchableHighlight,\n  TouchableHighlightProps,\n  GestureResponderEvent,\n  TextInput,\n} from 'react-native';\nimport { Platform as RNPlatform } from 'react-native';\nimport type { BaseInputProps } from './BaseInput';\nimport type { StyledBaseInputProps } from './types';\nimport { getBaseInputStyles } from './baseInputStyles';\nimport { baseInputHeight } from './baseInputTokens';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { size as sizeToken } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport type { Platform } from '~utils';\n\ntype StyledComponentAutoCompleteAndroid =\n  | 'off'\n  | 'name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-number'\n  | 'email'\n  | 'username'\n  | 'password'\n  | 'postal-code'\n  | 'tel'\n  | undefined;\n\nconst autoCompleteSuggestionTypeAndroid = {\n  none: 'off',\n  name: 'name',\n  email: 'email',\n  username: 'username',\n  password: 'password',\n  newPassword: 'password-new',\n  oneTimeCode: 'sms-otp',\n  telephone: 'tel',\n  postalCode: 'postal-code',\n  countryName: 'postal-address-country',\n  creditCardNumber: 'cc-number',\n  creditCardCSC: 'cc-csc',\n  creditCardExpiry: 'cc-exp',\n  creditCardExpiryMonth: 'cc-exp-month',\n  creditCardExpiryYear: 'cc-exp-year',\n} as const;\n\nconst autoCompleteSuggestionTypeIOS = {\n  none: 'none',\n  name: 'name',\n  email: 'emailAddress',\n  username: 'username',\n  password: 'password',\n  newPassword: 'newPassword',\n  oneTimeCode: 'oneTimeCode',\n  telephone: 'telephoneNumber',\n  postalCode: 'postalCode',\n  countryName: 'countryName',\n  creditCardNumber: 'creditCardNumber',\n  creditCardCSC: 'none',\n  creditCardExpiry: 'none',\n  creditCardExpiryMonth: 'none',\n  creditCardExpiryYear: 'none',\n} as const;\n\nconst KeyboardTypeToNativeValuesMap = {\n  text: 'default',\n  search: 'default',\n  telephone: 'phone-pad',\n  email: 'email-address',\n  url: 'url',\n  decimal: 'decimal-pad',\n};\n\ntype StyledComponentInputProps = Omit<\n  StyledBaseInputProps,\n  'accessibilityProps' | 'setCurrentInteraction' | 'currentInteraction'\n> & {\n  isTextArea?: boolean;\n  isFocused: boolean;\n  autoCompleteType?: typeof autoCompleteSuggestionTypeAndroid[keyof typeof autoCompleteSuggestionTypeAndroid];\n  editable?: boolean;\n  onPress?: (event: GestureResponderEvent) => void;\n  $size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getInputHeight = ({\n  isTextArea,\n  hasTags,\n  numberOfLines,\n  lineHeight,\n  size,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines'> & {\n  lineHeight: number;\n  size: NonNullable<BaseInputProps['size']>;\n}): string | undefined => {\n  if (isTextArea) {\n    return `${lineHeight * (numberOfLines ?? 0)}px`;\n  }\n\n  if (hasTags) {\n    return undefined; // we don't set height on input. We set it on wrapper to properly include tags in overall height\n  }\n\n  return makeSize(sizeToken[baseInputHeight[size]]);\n};\n\nconst getRNInputStyles = (\n  props: StyledComponentInputProps &\n    ThemeProps<DefaultTheme> &\n    (TextInputProps | TouchableHighlightProps),\n): CSSObject => {\n  return {\n    ...getBaseInputStyles({\n      theme: props.theme,\n      isFocused: props.isFocused,\n      isDisabled: !props.editable,\n      validationState: props.validationState,\n      leadingIcon: props.leadingIcon,\n      prefix: props.prefix,\n      trailingInteractionElement: props.trailingInteractionElement,\n      leadingInteractionElement: props.leadingInteractionElement,\n      suffix: props.suffix,\n      trailingIcon: props.trailingIcon,\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      isDropdownTrigger: props.isDropdownTrigger,\n      size: props.$size,\n      valueComponentType: props.valueComponentType,\n    }),\n    lineHeight: RNPlatform.select({\n      android: makeSize(props.theme.typography.lineHeights[100]),\n      ios: undefined,\n    }),\n    textAlignVertical: 'top',\n    height: getInputHeight({\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      numberOfLines: props.numberOfLines,\n      lineHeight: props.theme.typography.lineHeights[300],\n      size: props.$size,\n    }),\n  };\n};\nconst StyledNativeBaseInput = styled.TextInput<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    valueComponentType,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      trailingInteractionElement,\n      leadingInteractionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      hasTags,\n      isDropdownTrigger,\n      $size,\n      valueComponentType,\n    }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    valueComponentType,\n  }) => ({\n    ...getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      trailingInteractionElement,\n      leadingInteractionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      isDropdownTrigger,\n      hasTags,\n      $size,\n      valueComponentType,\n    }),\n  }),\n);\n\nconst _StyledBaseInput: React.ForwardRefRenderFunction<\n  TextInput | TouchableHighlight,\n  StyledBaseInputProps\n> = (\n  {\n    name,\n    isRequired,\n    isDisabled,\n    maxCharacters,\n    handleOnFocus,\n    handleOnChange,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    handleOnClick,\n    keyboardType = 'text',\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    accessibilityProps,\n    currentInteraction,\n    setCurrentInteraction,\n    type,\n    numberOfLines,\n    isTextArea,\n    hasPopup,\n    shouldIgnoreBlurAnimation,\n    autoCapitalize,\n    as: renderAs,\n    $size,\n    ...props\n  },\n  ref,\n) => {\n  const buttonValue = props.value ? props.value : props.placeholder;\n  const { theme } = useTheme();\n  const commonProps = {\n    onBlur: (): void => {\n      // In certain cases like SelectInput, we want to ignore the blur animation when option item is clicked.\n      // The selectinput should always look like it is in focus otherwise it triggers blur + focus again which can cause flicker\n      if (!shouldIgnoreBlurAnimation) {\n        setCurrentInteraction('default');\n      }\n    },\n    isFocused: currentInteraction === 'focus',\n  };\n\n  return renderAs === 'button' ? (\n    <StyledNativeBaseButton\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      onPress={(): void => {\n        handleOnClick?.({ name, value: props.value });\n      }}\n      onFocus={(): void => {\n        handleOnFocus?.({ name, value: props.value });\n        setCurrentInteraction('focus');\n      }}\n      as={undefined}\n      $size={$size}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    >\n      <Text\n        color={\n          props.value && !isDisabled ? 'surface.text.gray.subtle' : 'surface.text.gray.disabled'\n        }\n        truncateAfterLines={1}\n        textAlign={props.textAlign}\n        size={$size}\n      >\n        {buttonValue}\n      </Text>\n    </StyledNativeBaseButton>\n  ) : (\n    <StyledNativeBaseInput\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      multiline={isTextArea}\n      numberOfLines={numberOfLines}\n      editable={!isDisabled}\n      maxLength={maxCharacters}\n      placeholderTextColor={theme.colors.surface.text.gray.disabled}\n      onFocus={(event): void => {\n        handleOnFocus?.({ name, value: event?.nativeEvent.text });\n        // React Native does not have native onPress event on Input elements so for consistency of API we call it on onFocus which also gets triggered on clicks\n        handleOnClick?.({ name, value: event?.nativeEvent.text });\n        setCurrentInteraction('focus');\n      }}\n      onChangeText={(text): void => {\n        handleOnChange?.({ name, value: text });\n        handleOnInput?.({ name, value: text });\n      }}\n      onEndEditing={(event): void => handleOnBlur?.({ name, value: event?.nativeEvent.text })}\n      onSubmitEditing={(event): void => handleOnSubmit?.({ name, value: event?.nativeEvent.text })}\n      onKeyPress={(event): void => {\n        handleOnKeyDown?.({\n          name,\n          key: event?.nativeEvent.key,\n          event: (event as unknown) as React.KeyboardEvent<HTMLInputElement>, // TODO: handle platform specific type\n        });\n      }}\n      // @ts-expect-error styled-components have limited keyboard types('default' | 'email-address' | 'numeric' | 'phone-pad' | 'number-pad' | 'decimal-pad') compared to the actual supported types so ignoring the error.\n      // source: https://reactnative.dev/docs/textinput/#keyboardtype\n      keyboardType={KeyboardTypeToNativeValuesMap[keyboardType]}\n      returnKeyType={keyboardReturnKeyType}\n      autoCompleteType={\n        autoCompleteSuggestionType\n          ? (autoCompleteSuggestionTypeAndroid[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ] as StyledComponentAutoCompleteAndroid)\n          : undefined\n      }\n      secureTextEntry={type === 'password'}\n      isTextArea={isTextArea}\n      textContentType={\n        autoCompleteSuggestionType\n          ? autoCompleteSuggestionTypeIOS[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ]\n          : undefined\n      }\n      autoCapitalize={autoCapitalize}\n      $size={$size}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    />\n  );\n};\n\nconst StyledBaseInput = assignWithoutSideEffects(React.forwardRef(_StyledBaseInput), {\n  displayName: 'StyledBaseInput',\n});\n\nexport { StyledBaseInput };\n"],"names":["autoCompleteSuggestionTypeAndroid","none","name","email","username","password","newPassword","oneTimeCode","telephone","postalCode","countryName","creditCardNumber","creditCardCSC","creditCardExpiry","creditCardExpiryMonth","creditCardExpiryYear","autoCompleteSuggestionTypeIOS","KeyboardTypeToNativeValuesMap","text","search","url","decimal","getInputHeight","_ref","isTextArea","hasTags","numberOfLines","lineHeight","size","undefined","makeSize","sizeToken","baseInputHeight","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","isDropdownTrigger","$size","valueComponentType","RNPlatform","select","android","typography","lineHeights","ios","textAlignVertical","height","StyledNativeBaseInput","styled","TextInput","_ref2","id","StyledNativeBaseButton","TouchableOpacity","_ref3","_StyledBaseInput","_ref4","ref","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","_ref4$keyboardType","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","renderAs","as","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","commonProps","onBlur","_jsx","onPress","onFocus","children","Text","color","truncateAfterLines","textAlign","multiline","maxLength","placeholderTextColor","colors","surface","gray","disabled","event","nativeEvent","onChangeText","onEndEditing","onSubmitEditing","onKeyPress","key","returnKeyType","autoCompleteType","secureTextEntry","textContentType","StyledBaseInput","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-import { getInputVisualsToBeRendered } from './BaseInputVisuals.js';
 import { getBaseInputBorderStyles } from './getBaseInputBorderStyles.native.js';
 import { baseInputBackgroundColor, baseInputBorderColor, baseInputBorderWidth, baseInputPaddingTokens, baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens.js';
+import { getInputVisualsToBeRendered } from './BaseInputVisuals.js';
 import getTextStyles from '../../Typography/Text/getTextStyles.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
@@ -12,7 +12,7 @@ import '../../BladeProvider/useTheme.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
 import getHeadingStyles from '../../Typography/Heading/getHeadingStyles.js';
 
-var getBaseInputState=function getBaseInputState(_ref){var isFocused=_ref.isFocused,isHovered=_ref.isHovered,isDisabled=_ref.isDisabled;if(isDisabled){return 'disabled';}else if(isFocused){return 'focused';}else if(isHovered){return 'hovered';}else {return 'default';}};var getInputBackgroundAndBorderStyles=function getInputBackgroundAndBorderStyles(_ref2){var theme=_ref2.theme,isHovered=_ref2.isHovered,isFocused=_ref2.isFocused,isDisabled=_ref2.isDisabled,validationState=_ref2.validationState,isTextArea=_ref2.isTextArea,isDropdownTrigger=_ref2.isDropdownTrigger;var backgroundColor=getIn(theme.colors,baseInputBackgroundColor.default);var borderColor=getIn(theme.colors,baseInputBorderColor.default);var borderWidth=getIn(theme.border.width,baseInputBorderWidth.default);var baseInputState=getBaseInputState({isFocused:isFocused,isHovered:isHovered,isDisabled:isDisabled});backgroundColor=getIn(theme.colors,baseInputBackgroundColor[baseInputState]);borderColor=getIn(theme.colors,baseInputBorderColor[baseInputState]);borderWidth=getIn(theme.border.width,baseInputBorderWidth[baseInputState]);if(validationState==='error'){borderColor=getIn(theme.colors,baseInputBorderColor.error);borderWidth=getIn(theme.border.width,baseInputBorderWidth.error);}else if(validationState==='success'){borderColor=getIn(theme.colors,baseInputBorderColor.success);borderWidth=getIn(theme.border.width,baseInputBorderWidth.success);}return Object.assign({backgroundColor:backgroundColor,borderRadius:makeBorderSize(theme.border.radius.medium),borderStyle:'solid',display:'flex',flexDirection:'row',width:'100%',alignItems:isTextArea?'flex-start':undefined,position:'relative',height:isDropdownTrigger?'auto':undefined,border:'none'},getBaseInputBorderStyles({theme:theme,borderColor:borderColor,borderWidth:borderWidth,isFocused:isFocused}));};var getLeftPadding=function getLeftPadding(_ref3){var theme=_ref3.theme,isDropdownTrigger=_ref3.isDropdownTrigger,hasLeadingIcon=_ref3.hasLeadingIcon,hasPrefix=_ref3.hasPrefix,size=_ref3.size;if(isDropdownTrigger){return theme.spacing[0];}if(hasLeadingIcon||hasPrefix){return theme.spacing[3];}return theme.spacing[baseInputPaddingTokens.left[size]];};var getRightPadding=function getRightPadding(_ref4){var theme=_ref4.theme,hasInteractionElement=_ref4.hasInteractionElement,hasSuffix=_ref4.hasSuffix,hasTrailingIcon=_ref4.hasTrailingIcon,size=_ref4.size;if(hasInteractionElement||hasSuffix||hasTrailingIcon){return theme.spacing[3];}return theme.spacing[baseInputPaddingTokens.right[size]];};var getBaseInputStyles=function getBaseInputStyles(_ref5){var theme=_ref5.theme,isDisabled=_ref5.isDisabled,leadingIcon=_ref5.leadingIcon,prefix=_ref5.prefix,interactionElement=_ref5.interactionElement,suffix=_ref5.suffix,trailingIcon=_ref5.trailingIcon,textAlign=_ref5.textAlign,isTextArea=_ref5.isTextArea,hasTags=_ref5.hasTags,isDropdownTrigger=_ref5.isDropdownTrigger,size=_ref5.size,valueComponentType=_ref5.valueComponentType;var _getInputVisualsToBeR=getInputVisualsToBeRendered({leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon,size:size}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasInteractionElement=_getInputVisualsToBeR.hasInteractionElement,hasSuffix=_getInputVisualsToBeR.hasSuffix,hasTrailingIcon=_getInputVisualsToBeR.hasTrailingIcon;var isDropdownWithTags=isDropdownTrigger&&hasTags;var isReactNative=getPlatformType()==='react-native';return Object.assign({},valueComponentType==='heading'?getHeadingStyles({size:size,weight:'regular',color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',theme:theme}):getTextStyles({size:size,variant:'body',weight:'regular',color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',theme:theme}),{flex:1,backgroundColor:'transparent',paddingTop:makeSpace(theme.spacing[baseInputPaddingTokens.top[size]]),paddingBottom:makeSpace(theme.spacing[baseInputPaddingTokens.bottom[size]]),paddingLeft:makeSpace(getLeftPadding({theme:theme,isDropdownTrigger:isDropdownTrigger,hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix,size:size})),paddingRight:getRightPadding({theme:theme,hasInteractionElement:hasInteractionElement,hasSuffix:hasSuffix,hasTrailingIcon:hasTrailingIcon,size:size}),textAlign:textAlign,width:'100%',height:isTextArea||isDropdownWithTags?undefined:makeSpace(baseInputHeight[size]),minHeight:isDropdownWithTags?undefined:makeSpace(baseInputHeight[size])},isReactNative?{}:{resize:'none'});};var getAnimatedBaseInputWrapperMaxHeight=function getAnimatedBaseInputWrapperMaxHeight(_ref6){var maxTagRows=_ref6.maxTagRows,showAllTags=_ref6.showAllTags,size=_ref6.size;if(maxTagRows==='single'){return baseInputHeight[size];}if(maxTagRows==='multiple'){return baseInputWrapperMaxHeight[size];}return showAllTags?baseInputWrapperMaxHeight[size]:baseInputHeight[size];};
+var getBaseInputState=function getBaseInputState(_ref){var isFocused=_ref.isFocused,isHovered=_ref.isHovered,isDisabled=_ref.isDisabled;if(isDisabled){return 'disabled';}else if(isFocused){return 'focused';}else if(isHovered){return 'hovered';}else {return 'default';}};var getInputBackgroundAndBorderStyles=function getInputBackgroundAndBorderStyles(_ref2){var theme=_ref2.theme,isHovered=_ref2.isHovered,isFocused=_ref2.isFocused,isDisabled=_ref2.isDisabled,validationState=_ref2.validationState,isTextArea=_ref2.isTextArea,isDropdownTrigger=_ref2.isDropdownTrigger;var backgroundColor=getIn(theme.colors,baseInputBackgroundColor.default);var borderColor=getIn(theme.colors,baseInputBorderColor.default);var borderWidth=getIn(theme.border.width,baseInputBorderWidth.default);var baseInputState=getBaseInputState({isFocused:isFocused,isHovered:isHovered,isDisabled:isDisabled});backgroundColor=getIn(theme.colors,baseInputBackgroundColor[baseInputState]);borderColor=getIn(theme.colors,baseInputBorderColor[baseInputState]);borderWidth=getIn(theme.border.width,baseInputBorderWidth[baseInputState]);if(validationState==='error'){borderColor=getIn(theme.colors,baseInputBorderColor.error);borderWidth=getIn(theme.border.width,baseInputBorderWidth.error);}else if(validationState==='success'){borderColor=getIn(theme.colors,baseInputBorderColor.success);borderWidth=getIn(theme.border.width,baseInputBorderWidth.success);}return Object.assign({backgroundColor:backgroundColor,borderRadius:makeBorderSize(theme.border.radius.medium),borderStyle:'solid',display:'flex',flexDirection:'row',width:'100%',alignItems:isTextArea?'flex-start':undefined,position:'relative',height:isDropdownTrigger?'auto':undefined,border:'none'},getBaseInputBorderStyles({theme:theme,borderColor:borderColor,borderWidth:borderWidth,isFocused:isFocused}));};var getLeftPadding=function getLeftPadding(_ref3){var theme=_ref3.theme,isDropdownTrigger=_ref3.isDropdownTrigger,hasLeadingIcon=_ref3.hasLeadingIcon,hasPrefix=_ref3.hasPrefix,size=_ref3.size;if(isDropdownTrigger){return theme.spacing[0];}if(hasLeadingIcon||hasPrefix){return theme.spacing[3];}return theme.spacing[baseInputPaddingTokens.left[size]];};var getRightPadding=function getRightPadding(_ref4){var theme=_ref4.theme,hasTrailingInteractionElement=_ref4.hasTrailingInteractionElement,hasSuffix=_ref4.hasSuffix,hasTrailingIcon=_ref4.hasTrailingIcon,size=_ref4.size;if(hasTrailingInteractionElement||hasSuffix||hasTrailingIcon){return theme.spacing[3];}return theme.spacing[baseInputPaddingTokens.right[size]];};var getBaseInputStyles=function getBaseInputStyles(_ref5){var theme=_ref5.theme,isDisabled=_ref5.isDisabled,leadingIcon=_ref5.leadingIcon,prefix=_ref5.prefix,trailingInteractionElement=_ref5.trailingInteractionElement,leadingInteractionElement=_ref5.leadingInteractionElement,suffix=_ref5.suffix,trailingIcon=_ref5.trailingIcon,textAlign=_ref5.textAlign,isTextArea=_ref5.isTextArea,hasTags=_ref5.hasTags,isDropdownTrigger=_ref5.isDropdownTrigger,size=_ref5.size,valueComponentType=_ref5.valueComponentType;var _getInputVisualsToBeR=getInputVisualsToBeRendered({leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,size:size}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasTrailingInteractionElement=_getInputVisualsToBeR.hasTrailingInteractionElement,hasSuffix=_getInputVisualsToBeR.hasSuffix,hasTrailingIcon=_getInputVisualsToBeR.hasTrailingIcon;var isDropdownWithTags=isDropdownTrigger&&hasTags;var isReactNative=getPlatformType()==='react-native';return Object.assign({},valueComponentType==='heading'?getHeadingStyles({size:size,weight:'regular',color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',theme:theme}):getTextStyles({size:size,variant:'body',weight:'regular',color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',theme:theme}),{flex:1,backgroundColor:'transparent',paddingTop:makeSpace(theme.spacing[baseInputPaddingTokens.top[size]]),paddingBottom:makeSpace(theme.spacing[baseInputPaddingTokens.bottom[size]]),paddingLeft:makeSpace(getLeftPadding({theme:theme,isDropdownTrigger:isDropdownTrigger,hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix,size:size})),paddingRight:getRightPadding({theme:theme,hasTrailingInteractionElement:hasTrailingInteractionElement,hasSuffix:hasSuffix,hasTrailingIcon:hasTrailingIcon,size:size}),textAlign:textAlign,width:'100%',height:isTextArea||isDropdownWithTags?undefined:makeSpace(baseInputHeight[size]),minHeight:isDropdownWithTags?undefined:makeSpace(baseInputHeight[size])},isReactNative?{}:{resize:'none'});};var getAnimatedBaseInputWrapperMaxHeight=function getAnimatedBaseInputWrapperMaxHeight(_ref6){var maxTagRows=_ref6.maxTagRows,showAllTags=_ref6.showAllTags,size=_ref6.size;if(maxTagRows==='single'){return baseInputHeight[size];}if(maxTagRows==='multiple'){return baseInputWrapperMaxHeight[size];}return showAllTags?baseInputWrapperMaxHeight[size]:baseInputHeight[size];};
 
 export { getAnimatedBaseInputWrapperMaxHeight, getBaseInputState, getBaseInputStyles, getInputBackgroundAndBorderStyles };
 //# sourceMappingURL=baseInputStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"baseInputStyles.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { BaseInputProps } from './BaseInput';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport { getBaseInputBorderStyles } from './getBaseInputBorderStyles';\nimport {\n  baseInputBackgroundColor,\n  baseInputBorderColor,\n  baseInputBorderWidth,\n  baseInputHeight,\n  baseInputPaddingTokens,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport type { BaseInputWrapperProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport getHeadingStyles from '~components/Typography/Heading/getHeadingStyles';\n\ntype GetInputStyles = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'leadingIcon'\n  | 'prefix'\n  | 'interactionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'isDropdownTrigger'\n  | 'valueComponentType'\n> & {\n  isHovered?: boolean;\n  isFocused?: boolean;\n  isTextArea?: boolean;\n  hasTags?: boolean;\n  theme: Theme;\n  size: NonNullable<BaseInputProps['size']>;\n};\n\nexport const getBaseInputState = ({\n  isFocused,\n  isHovered,\n  isDisabled,\n}: {\n  isFocused?: boolean;\n  isHovered?: boolean;\n  isDisabled?: boolean;\n}): 'focused' | 'hovered' | 'disabled' | 'default' => {\n  if (isDisabled) {\n    return 'disabled';\n  } else if (isFocused) {\n    return 'focused';\n  } else if (isHovered) {\n    return 'hovered';\n  } else {\n    return 'default';\n  }\n};\n\nexport const getInputBackgroundAndBorderStyles = ({\n  theme,\n  isHovered,\n  isFocused,\n  isDisabled,\n  validationState,\n  isTextArea,\n  isDropdownTrigger,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n>): CSSObject => {\n  // normal state\n  let backgroundColor = getIn(theme.colors, baseInputBackgroundColor.default);\n  let borderColor = getIn(theme.colors, baseInputBorderColor.default);\n  let borderWidth = getIn(theme.border.width, baseInputBorderWidth.default);\n\n  const baseInputState = getBaseInputState({ isFocused, isHovered, isDisabled });\n\n  backgroundColor = getIn(theme.colors, baseInputBackgroundColor[baseInputState]);\n  borderColor = getIn(theme.colors, baseInputBorderColor[baseInputState]);\n  borderWidth = getIn(theme.border.width, baseInputBorderWidth[baseInputState]);\n\n  if (validationState === 'error') {\n    borderColor = getIn(theme.colors, baseInputBorderColor.error);\n    borderWidth = getIn(theme.border.width, baseInputBorderWidth.error);\n  } else if (validationState === 'success') {\n    borderColor = getIn(theme.colors, baseInputBorderColor.success);\n    borderWidth = getIn(theme.border.width, baseInputBorderWidth.success);\n  }\n\n  return {\n    backgroundColor,\n    borderRadius: makeBorderSize(theme.border.radius.medium),\n    borderStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : undefined,\n    position: 'relative',\n    height: isDropdownTrigger ? 'auto' : undefined,\n    border: 'none',\n    ...getBaseInputBorderStyles({ theme, borderColor, borderWidth, isFocused }),\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n  size,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n  size: GetInputStyles['size'];\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix) {\n    return theme.spacing[3];\n  }\n\n  return theme.spacing[baseInputPaddingTokens.left[size]];\n};\n\nconst getRightPadding = ({\n  theme,\n  hasInteractionElement,\n  hasSuffix,\n  hasTrailingIcon,\n  size,\n}: {\n  theme: Theme;\n  hasInteractionElement: boolean;\n  hasSuffix: boolean;\n  hasTrailingIcon: boolean;\n  size: GetInputStyles['size'];\n}): number => {\n  if (hasInteractionElement || hasSuffix || hasTrailingIcon) {\n    return theme.spacing[3];\n  }\n  return theme.spacing[baseInputPaddingTokens.right[size]];\n};\n\nexport const getBaseInputStyles = ({\n  theme,\n  isDisabled,\n  leadingIcon,\n  prefix,\n  interactionElement,\n  suffix,\n  trailingIcon,\n  textAlign,\n  isTextArea,\n  hasTags,\n  isDropdownTrigger,\n  size,\n  valueComponentType,\n}: GetInputStyles): CSSObject => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n    size,\n  });\n\n  const isDropdownWithTags = isDropdownTrigger && hasTags;\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return {\n    ...(valueComponentType === 'heading'\n      ? getHeadingStyles({\n          size,\n          weight: 'regular',\n          color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',\n          theme,\n        })\n      : getTextStyles({\n          size,\n          variant: 'body',\n          weight: 'regular',\n          color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',\n          theme,\n        })),\n\n    // take the full available width of parent container for input field\n    flex: 1,\n    backgroundColor: 'transparent',\n\n    paddingTop: makeSpace(theme.spacing[baseInputPaddingTokens.top[size]]),\n    paddingBottom: makeSpace(theme.spacing[baseInputPaddingTokens.bottom[size]]),\n    paddingLeft: makeSpace(\n      getLeftPadding({ theme, isDropdownTrigger, hasLeadingIcon, hasPrefix, size }),\n    ),\n    paddingRight: getRightPadding({\n      theme,\n      hasInteractionElement,\n      hasSuffix,\n      hasTrailingIcon,\n      size,\n    }),\n\n    textAlign,\n    width: '100%',\n    height: isTextArea || isDropdownWithTags ? undefined : makeSpace(baseInputHeight[size]),\n    minHeight: isDropdownWithTags ? undefined : makeSpace(baseInputHeight[size]),\n    ...(isReactNative ? {} : { resize: 'none' }),\n  };\n};\n\nexport const getAnimatedBaseInputWrapperMaxHeight = ({\n  maxTagRows,\n  showAllTags,\n  size,\n}: Pick<BaseInputWrapperProps, 'maxTagRows' | 'showAllTags' | 'size'>): number => {\n  if (maxTagRows === 'single') {\n    return baseInputHeight[size];\n  }\n\n  if (maxTagRows === 'multiple') {\n    return baseInputWrapperMaxHeight[size];\n  }\n\n  // In expandable, max-height depends on the state\n  return showAllTags ? baseInputWrapperMaxHeight[size] : baseInputHeight[size];\n};\n"],"names":["getBaseInputState","_ref","isFocused","isHovered","isDisabled","getInputBackgroundAndBorderStyles","_ref2","theme","validationState","isTextArea","isDropdownTrigger","backgroundColor","getIn","colors","baseInputBackgroundColor","default","borderColor","baseInputBorderColor","borderWidth","border","width","baseInputBorderWidth","baseInputState","error","success","Object","assign","borderRadius","makeBorderSize","radius","medium","borderStyle","display","flexDirection","alignItems","undefined","position","height","getBaseInputBorderStyles","getLeftPadding","_ref3","hasLeadingIcon","hasPrefix","size","spacing","baseInputPaddingTokens","left","getRightPadding","_ref4","hasInteractionElement","hasSuffix","hasTrailingIcon","right","getBaseInputStyles","_ref5","leadingIcon","prefix","interactionElement","suffix","trailingIcon","textAlign","hasTags","valueComponentType","_getInputVisualsToBeR","getInputVisualsToBeRendered","isDropdownWithTags","isReactNative","getPlatformType","getHeadingStyles","weight","color","getTextStyles","variant","flex","paddingTop","makeSpace","top","paddingBottom","bottom","paddingLeft","paddingRight","baseInputHeight","minHeight","resize","getAnimatedBaseInputWrapperMaxHeight","_ref6","maxTagRows","showAllTags","baseInputWrapperMaxHeight"],"mappings":"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"}
+{"version":3,"file":"baseInputStyles.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { BaseInputProps } from './BaseInput';\nimport { getBaseInputBorderStyles } from './getBaseInputBorderStyles';\nimport {\n  baseInputBackgroundColor,\n  baseInputBorderColor,\n  baseInputBorderWidth,\n  baseInputHeight,\n  baseInputPaddingTokens,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport type { BaseInputWrapperProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport getHeadingStyles from '~components/Typography/Heading/getHeadingStyles';\n\ntype GetInputStyles = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'leadingIcon'\n  | 'prefix'\n  | 'trailingInteractionElement'\n  | 'leadingInteractionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'isDropdownTrigger'\n  | 'valueComponentType'\n> & {\n  isHovered?: boolean;\n  isFocused?: boolean;\n  isTextArea?: boolean;\n  hasTags?: boolean;\n  theme: Theme;\n  size: NonNullable<BaseInputProps['size']>;\n};\n\nexport const getBaseInputState = ({\n  isFocused,\n  isHovered,\n  isDisabled,\n}: {\n  isFocused?: boolean;\n  isHovered?: boolean;\n  isDisabled?: boolean;\n}): 'focused' | 'hovered' | 'disabled' | 'default' => {\n  if (isDisabled) {\n    return 'disabled';\n  } else if (isFocused) {\n    return 'focused';\n  } else if (isHovered) {\n    return 'hovered';\n  } else {\n    return 'default';\n  }\n};\n\nexport const getInputBackgroundAndBorderStyles = ({\n  theme,\n  isHovered,\n  isFocused,\n  isDisabled,\n  validationState,\n  isTextArea,\n  isDropdownTrigger,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n>): CSSObject => {\n  // normal state\n  let backgroundColor = getIn(theme.colors, baseInputBackgroundColor.default);\n  let borderColor = getIn(theme.colors, baseInputBorderColor.default);\n  let borderWidth = getIn(theme.border.width, baseInputBorderWidth.default);\n\n  const baseInputState = getBaseInputState({ isFocused, isHovered, isDisabled });\n\n  backgroundColor = getIn(theme.colors, baseInputBackgroundColor[baseInputState]);\n  borderColor = getIn(theme.colors, baseInputBorderColor[baseInputState]);\n  borderWidth = getIn(theme.border.width, baseInputBorderWidth[baseInputState]);\n\n  if (validationState === 'error') {\n    borderColor = getIn(theme.colors, baseInputBorderColor.error);\n    borderWidth = getIn(theme.border.width, baseInputBorderWidth.error);\n  } else if (validationState === 'success') {\n    borderColor = getIn(theme.colors, baseInputBorderColor.success);\n    borderWidth = getIn(theme.border.width, baseInputBorderWidth.success);\n  }\n\n  return {\n    backgroundColor,\n    borderRadius: makeBorderSize(theme.border.radius.medium),\n    borderStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : undefined,\n    position: 'relative',\n    height: isDropdownTrigger ? 'auto' : undefined,\n    border: 'none',\n    ...getBaseInputBorderStyles({ theme, borderColor, borderWidth, isFocused }),\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n  size,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n  size: GetInputStyles['size'];\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix) {\n    return theme.spacing[3];\n  }\n\n  return theme.spacing[baseInputPaddingTokens.left[size]];\n};\n\nconst getRightPadding = ({\n  theme,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingIcon,\n  size,\n}: {\n  theme: Theme;\n  hasTrailingInteractionElement: boolean;\n  hasSuffix: boolean;\n  hasTrailingIcon: boolean;\n  size: GetInputStyles['size'];\n}): number => {\n  if (hasTrailingInteractionElement || hasSuffix || hasTrailingIcon) {\n    return theme.spacing[3];\n  }\n  return theme.spacing[baseInputPaddingTokens.right[size]];\n};\n\nexport const getBaseInputStyles = ({\n  theme,\n  isDisabled,\n  leadingIcon,\n  prefix,\n  trailingInteractionElement,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon,\n  textAlign,\n  isTextArea,\n  hasTags,\n  isDropdownTrigger,\n  size,\n  valueComponentType,\n}: GetInputStyles): CSSObject => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasTrailingInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    size,\n  });\n\n  const isDropdownWithTags = isDropdownTrigger && hasTags;\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return {\n    ...(valueComponentType === 'heading'\n      ? getHeadingStyles({\n          size,\n          weight: 'regular',\n          color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',\n          theme,\n        })\n      : getTextStyles({\n          size,\n          variant: 'body',\n          weight: 'regular',\n          color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',\n          theme,\n        })),\n\n    // take the full available width of parent container for input field\n    flex: 1,\n    backgroundColor: 'transparent',\n\n    paddingTop: makeSpace(theme.spacing[baseInputPaddingTokens.top[size]]),\n    paddingBottom: makeSpace(theme.spacing[baseInputPaddingTokens.bottom[size]]),\n    paddingLeft: makeSpace(\n      getLeftPadding({ theme, isDropdownTrigger, hasLeadingIcon, hasPrefix, size }),\n    ),\n    paddingRight: getRightPadding({\n      theme,\n      hasTrailingInteractionElement,\n      hasSuffix,\n      hasTrailingIcon,\n      size,\n    }),\n\n    textAlign,\n    width: '100%',\n    height: isTextArea || isDropdownWithTags ? undefined : makeSpace(baseInputHeight[size]),\n    minHeight: isDropdownWithTags ? undefined : makeSpace(baseInputHeight[size]),\n    ...(isReactNative ? {} : { resize: 'none' }),\n  };\n};\n\nexport const getAnimatedBaseInputWrapperMaxHeight = ({\n  maxTagRows,\n  showAllTags,\n  size,\n}: Pick<BaseInputWrapperProps, 'maxTagRows' | 'showAllTags' | 'size'>): number => {\n  if (maxTagRows === 'single') {\n    return baseInputHeight[size];\n  }\n\n  if (maxTagRows === 'multiple') {\n    return baseInputWrapperMaxHeight[size];\n  }\n\n  // In expandable, max-height depends on the state\n  return showAllTags ? baseInputWrapperMaxHeight[size] : baseInputHeight[size];\n};\n"],"names":["getBaseInputState","_ref","isFocused","isHovered","isDisabled","getInputBackgroundAndBorderStyles","_ref2","theme","validationState","isTextArea","isDropdownTrigger","backgroundColor","getIn","colors","baseInputBackgroundColor","default","borderColor","baseInputBorderColor","borderWidth","border","width","baseInputBorderWidth","baseInputState","error","success","Object","assign","borderRadius","makeBorderSize","radius","medium","borderStyle","display","flexDirection","alignItems","undefined","position","height","getBaseInputBorderStyles","getLeftPadding","_ref3","hasLeadingIcon","hasPrefix","size","spacing","baseInputPaddingTokens","left","getRightPadding","_ref4","hasTrailingInteractionElement","hasSuffix","hasTrailingIcon","right","getBaseInputStyles","_ref5","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","textAlign","hasTags","valueComponentType","_getInputVisualsToBeR","getInputVisualsToBeRendered","isDropdownWithTags","isReactNative","getPlatformType","getHeadingStyles","weight","color","getTextStyles","variant","flex","paddingTop","makeSpace","top","paddingBottom","bottom","paddingLeft","paddingRight","baseInputHeight","minHeight","resize","getAnimatedBaseInputWrapperMaxHeight","_ref6","maxTagRows","showAllTags","baseInputWrapperMaxHeight"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+var getKeyboardAndAutocompleteProps=function getKeyboardAndAutocompleteProps(_ref){var _ref$type=_ref.type,type=_ref$type===void 0?'text':_ref$type,keyboardReturnKeyType=_ref.keyboardReturnKeyType,autoCompleteSuggestionType=_ref.autoCompleteSuggestionType,autoCapitalize=_ref.autoCapitalize;var keyboardAndAutocompleteProps={type:type,keyboardType:'text',keyboardReturnKeyType:'default',autoCompleteSuggestionType:'none',autoCapitalize:autoCapitalize};var keyboardConfigMap={text:{keyboardType:'text',keyboardReturnKeyType:'default',autoCompleteSuggestionType:'none',autoCapitalize:undefined},telephone:{keyboardType:'telephone',keyboardReturnKeyType:'done',autoCompleteSuggestionType:'telephone',autoCapitalize:undefined},email:{keyboardType:'email',keyboardReturnKeyType:'done',autoCompleteSuggestionType:'email',autoCapitalize:'none'},url:{keyboardType:'url',keyboardReturnKeyType:'go',autoCompleteSuggestionType:'none',autoCapitalize:'none'},number:{keyboardType:'decimal',keyboardReturnKeyType:'done',autoCompleteSuggestionType:'none',autoCapitalize:undefined},search:{keyboardType:'search',keyboardReturnKeyType:'search',autoCompleteSuggestionType:'none',autoCapitalize:undefined}};var keyboardConfig=keyboardConfigMap[type];keyboardAndAutocompleteProps.keyboardType=keyboardConfig.keyboardType;keyboardAndAutocompleteProps.keyboardReturnKeyType=keyboardReturnKeyType!=null?keyboardReturnKeyType:keyboardConfig.keyboardReturnKeyType;keyboardAndAutocompleteProps.autoCompleteSuggestionType=autoCompleteSuggestionType!=null?autoCompleteSuggestionType:keyboardConfig.autoCompleteSuggestionType;keyboardAndAutocompleteProps.autoCapitalize=keyboardConfig.autoCapitalize;if(type==='number'){keyboardAndAutocompleteProps.type='text';}if(type==='search'){keyboardAndAutocompleteProps.type='text';}return keyboardAndAutocompleteProps;};
+
+export { getKeyboardAndAutocompleteProps };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/Input/BaseInput/utils.ts"],"sourcesContent":["import type { BaseInputProps } from './BaseInput';\n\ntype Type = Exclude<BaseInputProps['type'], 'password'>;\n\ntype TextInputKeyboardAndAutoComplete = Pick<\n  BaseInputProps,\n  'keyboardType' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'autoCapitalize'\n> & {\n  type: Type;\n};\n\nconst getKeyboardAndAutocompleteProps = ({\n  type = 'text',\n  keyboardReturnKeyType,\n  autoCompleteSuggestionType,\n  autoCapitalize,\n}: TextInputKeyboardAndAutoComplete): TextInputKeyboardAndAutoComplete => {\n  const keyboardAndAutocompleteProps: TextInputKeyboardAndAutoComplete = {\n    type,\n    keyboardType: 'text',\n    keyboardReturnKeyType: 'default',\n    autoCompleteSuggestionType: 'none',\n    autoCapitalize,\n  };\n\n  const keyboardConfigMap = {\n    text: {\n      keyboardType: 'text',\n      keyboardReturnKeyType: 'default',\n      autoCompleteSuggestionType: 'none',\n      autoCapitalize: undefined,\n    },\n    telephone: {\n      keyboardType: 'telephone',\n      keyboardReturnKeyType: 'done',\n      autoCompleteSuggestionType: 'telephone',\n      autoCapitalize: undefined,\n    },\n    email: {\n      keyboardType: 'email',\n      keyboardReturnKeyType: 'done',\n      autoCompleteSuggestionType: 'email',\n      autoCapitalize: 'none',\n    },\n    url: {\n      keyboardType: 'url',\n      keyboardReturnKeyType: 'go',\n      autoCompleteSuggestionType: 'none',\n      autoCapitalize: 'none',\n    },\n    number: {\n      keyboardType: 'decimal',\n      keyboardReturnKeyType: 'done',\n      autoCompleteSuggestionType: 'none',\n      autoCapitalize: undefined,\n    },\n    search: {\n      keyboardType: 'search',\n      keyboardReturnKeyType: 'search',\n      autoCompleteSuggestionType: 'none',\n      autoCapitalize: undefined,\n    },\n  } as const;\n\n  const keyboardConfig = keyboardConfigMap[type];\n\n  keyboardAndAutocompleteProps.keyboardType = keyboardConfig.keyboardType;\n\n  keyboardAndAutocompleteProps.keyboardReturnKeyType =\n    keyboardReturnKeyType ?? keyboardConfig.keyboardReturnKeyType;\n\n  keyboardAndAutocompleteProps.autoCompleteSuggestionType =\n    autoCompleteSuggestionType ?? keyboardConfig.autoCompleteSuggestionType;\n\n  keyboardAndAutocompleteProps.autoCapitalize = keyboardConfig.autoCapitalize;\n\n  if (type === 'number') {\n    /* the default keyboardType:numeric shows alphanumeric keyboard on iOS but number pad on android. making it type:text and keyboardType:decimal fixes this on all platforms.\n     * source: https://css-tricks.com/everything-you-ever-wanted-to-know-about-keyboardType/#aa-decimal\n     */\n    keyboardAndAutocompleteProps.type = 'text';\n  }\n\n  if (type === 'search') {\n    /* when input type:search is provided at that time browser adds a weird close button which collides with our clear button and then we have 2 clear buttons\n     * source: https://github.com/razorpay/blade/issues/857#issue-1457367160\n     */\n    keyboardAndAutocompleteProps.type = 'text';\n  }\n\n  return keyboardAndAutocompleteProps;\n};\n\nexport { getKeyboardAndAutocompleteProps };\n"],"names":["getKeyboardAndAutocompleteProps","_ref","_ref$type","type","keyboardReturnKeyType","autoCompleteSuggestionType","autoCapitalize","keyboardAndAutocompleteProps","keyboardType","keyboardConfigMap","text","undefined","telephone","email","url","number","search","keyboardConfig"],"mappings":"AAWM,IAAAA,+BAA+B,CAAG,SAAlCA,+BAA+BA,CAAAC,IAAA,CAKqC,CAAA,IAAAC,SAAA,CAAAD,IAAA,CAJxEE,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,MAAM,CAAAA,SAAA,CACbE,qBAAqB,CAAAH,IAAA,CAArBG,qBAAqB,CACrBC,0BAA0B,CAAAJ,IAAA,CAA1BI,0BAA0B,CAC1BC,cAAc,CAAAL,IAAA,CAAdK,cAAc,CAEd,IAAMC,4BAA8D,CAAG,CACrEJ,IAAI,CAAJA,IAAI,CACJK,YAAY,CAAE,MAAM,CACpBJ,qBAAqB,CAAE,SAAS,CAChCC,0BAA0B,CAAE,MAAM,CAClCC,cAAc,CAAdA,cACF,CAAC,CAED,IAAMG,iBAAiB,CAAG,CACxBC,IAAI,CAAE,CACJF,YAAY,CAAE,MAAM,CACpBJ,qBAAqB,CAAE,SAAS,CAChCC,0BAA0B,CAAE,MAAM,CAClCC,cAAc,CAAEK,SAClB,CAAC,CACDC,SAAS,CAAE,CACTJ,YAAY,CAAE,WAAW,CACzBJ,qBAAqB,CAAE,MAAM,CAC7BC,0BAA0B,CAAE,WAAW,CACvCC,cAAc,CAAEK,SAClB,CAAC,CACDE,KAAK,CAAE,CACLL,YAAY,CAAE,OAAO,CACrBJ,qBAAqB,CAAE,MAAM,CAC7BC,0BAA0B,CAAE,OAAO,CACnCC,cAAc,CAAE,MAClB,CAAC,CACDQ,GAAG,CAAE,CACHN,YAAY,CAAE,KAAK,CACnBJ,qBAAqB,CAAE,IAAI,CAC3BC,0BAA0B,CAAE,MAAM,CAClCC,cAAc,CAAE,MAClB,CAAC,CACDS,MAAM,CAAE,CACNP,YAAY,CAAE,SAAS,CACvBJ,qBAAqB,CAAE,MAAM,CAC7BC,0BAA0B,CAAE,MAAM,CAClCC,cAAc,CAAEK,SAClB,CAAC,CACDK,MAAM,CAAE,CACNR,YAAY,CAAE,QAAQ,CACtBJ,qBAAqB,CAAE,QAAQ,CAC/BC,0BAA0B,CAAE,MAAM,CAClCC,cAAc,CAAEK,SAClB,CACF,CAAU,CAEV,IAAMM,cAAc,CAAGR,iBAAiB,CAACN,IAAI,CAAC,CAE9CI,4BAA4B,CAACC,YAAY,CAAGS,cAAc,CAACT,YAAY,CAEvED,4BAA4B,CAACH,qBAAqB,CAChDA,qBAAqB,EAArBA,IAAAA,CAAAA,qBAAqB,CAAIa,cAAc,CAACb,qBAAqB,CAE/DG,4BAA4B,CAACF,0BAA0B,CACrDA,0BAA0B,EAAA,IAAA,CAA1BA,0BAA0B,CAAIY,cAAc,CAACZ,0BAA0B,CAEzEE,4BAA4B,CAACD,cAAc,CAAGW,cAAc,CAACX,cAAc,CAE3E,GAAIH,IAAI,GAAK,QAAQ,CAAE,CAIrBI,4BAA4B,CAACJ,IAAI,CAAG,MAAM,CAC5C,CAEA,GAAIA,IAAI,GAAK,QAAQ,CAAE,CAIrBI,4BAA4B,CAACJ,IAAI,CAAG,MAAM,CAC5C,CAEA,OAAOI,4BAA4B,CACrC;;;;"}

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

@@ -14,7 +14,7 @@ import { getTagsGroup } from '../../Tag/getTagsGroup.js';
 import { useFirstRender } from '../../../utils/useFirstRender.js';
 import { jsx } from 'react/jsx-runtime';
 
-var useControlledDropdownInput=function useControlledDropdownInput(props){var isFirstRender=useFirstRender();var _useDropdown=useDropdown(),changeCallbackTriggerer=_useDropdown.changeCallbackTriggerer,isControlled=_useDropdown.isControlled,options=_useDropdown.options,selectedIndices=_useDropdown.selectedIndices,controlledValueIndices=_useDropdown.controlledValueIndices,setSelectedIndices=_useDropdown.setSelectedIndices,selectionType=_useDropdown.selectionType,setIsControlled=_useDropdown.setIsControlled;var getValuesArrayFromIndices=function getValuesArrayFromIndices(){var indices=[];if(isControlled){indices=controlledValueIndices;}else {indices=selectedIndices;}return indices.map(function(selectionIndex){return options[selectionIndex].value;});};var selectValues=function selectValues(valuesToSelect){if(options.length>0){if(isEmpty(valuesToSelect)){setSelectedIndices([]);}else if(typeof valuesToSelect==='string'){var selectedItemIndex=options.findIndex(function(option){return option.value===valuesToSelect;});if(selectedItemIndex>=0){setSelectedIndices([selectedItemIndex]);}}else {var uniqueValues=Array.from(new Set(valuesToSelect));var userValues=selectionType==='single'?[valuesToSelect==null?void 0:valuesToSelect[0]]:uniqueValues;var selectedItemIndices=userValues.map(function(optionValue){return options.findIndex(function(option){return option.value===optionValue;});}).filter(function(value){return value>=0;});setSelectedIndices(selectedItemIndices);}}};React__default.useEffect(function(){if(options.length>0&&props.defaultValue){selectValues(props.defaultValue);}},[options.length]);React__default.useEffect(function(){if(options.length>0&&props.value!==undefined){if(!isControlled){setIsControlled(true);}selectValues(props.value);if(selectionType==='single'&&!Array.isArray(props.value)&&!props.isSelectInput){props.syncInputValueWithSelection==null?void 0:props.syncInputValueWithSelection(props.value);}}},[props.value,options]);React__default.useEffect(function(){if(!isFirstRender){props.onChange==null?void 0:props.onChange({name:props.name,values:getValuesArrayFromIndices()});}},[changeCallbackTriggerer]);};var _BaseDropdownInputTrigger=function _BaseDropdownInputTrigger(props,ref){var _props$placeholder,_props$maxRows,_props$label;var _useDropdown2=useDropdown(),isOpen=_useDropdown2.isOpen,activeTagIndex=_useDropdown2.activeTagIndex,setActiveTagIndex=_useDropdown2.setActiveTagIndex,displayValue=_useDropdown2.displayValue,selectionType=_useDropdown2.selectionType,dropdownTriggerer=_useDropdown2.dropdownTriggerer,dropdownBaseId=_useDropdown2.dropdownBaseId,selectedIndices=_useDropdown2.selectedIndices,triggererRef=_useDropdown2.triggererRef,triggererWrapperRef=_useDropdown2.triggererWrapperRef,isTagDismissedRef=_useDropdown2.isTagDismissedRef,onTriggerClick=_useDropdown2.onTriggerClick,value=_useDropdown2.value,shouldIgnoreBlurAnimation=_useDropdown2.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_useDropdown2.setShouldIgnoreBlurAnimation,activeIndex=_useDropdown2.activeIndex,hasFooterAction=_useDropdown2.hasFooterAction,hasAutoCompleteInBottomSheetHeader=_useDropdown2.hasAutoCompleteInBottomSheetHeader,options=_useDropdown2.options,removeOption=_useDropdown2.removeOption,setChangeCallbackTriggerer=_useDropdown2.setChangeCallbackTriggerer,changeCallbackTriggerer=_useDropdown2.changeCallbackTriggerer;var dropdownTriggerPlaceholder=(_props$placeholder=props.placeholder)!=null?_props$placeholder:'Select Option';var isAutoCompleteInHeader=!props.isSelectInput&&hasAutoCompleteInBottomSheetHeader;var getShowAllTags=React__default.useCallback(function(){if(hasAutoCompleteInBottomSheetHeader){if(props.isSelectInput){return false;}return true;}return isOpen;},[hasAutoCompleteInBottomSheetHeader,props.isSelectInput,isOpen]);useControlledDropdownInput({onChange:props.onChange,name:props.name,value:props.value,defaultValue:props.defaultValue,syncInputValueWithSelection:props.syncInputValueWithSelection,isSelectInput:props.isSelectInput});var getValue=function getValue(){var prefix='';if(props.labelPosition==='inside-input'&&props.label){prefix=`${props.label}: `;}if(props.isSelectInput){if(selectionType==='single'){return `${prefix}${displayValue}`;}return undefined;}return props.inputValue;};var getTags=React__default.useMemo(function(){return function(_ref){var size=_ref.size;if(selectionType==='single'){return undefined;}return getTagsGroup({size:size,tags:selectedIndices.map(function(selectedIndex){var _options$selectedInde;return (_options$selectedInde=options[selectedIndex])==null?void 0:_options$selectedInde.title;}),activeTagIndex:activeTagIndex,isDisabled:props.isDisabled,onDismiss:function onDismiss(_ref2){var tagIndex=_ref2.tagIndex;if(isTagDismissedRef.current){isTagDismissedRef.current.value=true;}if(!isReactNative()){var _triggererRef$current;(_triggererRef$current=triggererRef.current)==null?void 0:_triggererRef$current.focus();}removeOption(selectedIndices[tagIndex]);setChangeCallbackTriggerer(Number(changeCallbackTriggerer)+1);}});};},[selectedIndices,selectionType,activeTagIndex,changeCallbackTriggerer,options]);return jsx(BaseInput,{as:props.isSelectInput?'button':'input',ref:!isReactNative()?function(node){triggererRef.current=node;if(ref){if(typeof ref==='function'){ref(node);}else {ref.current=node;}}}:null,isDropdownTrigger:true,setInputWrapperRef:function setInputWrapperRef(wrapperNode){triggererWrapperRef.current=wrapperNode;},maxTagRows:(_props$maxRows=props.maxRows)!=null?_props$maxRows:'single',tags:getTags({size:props.size||'medium'}),showAllTags:getShowAllTags(),activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,textAlign:"left",label:props.label,placeholder:selectionType==='multiple'&&selectedIndices.length>0?undefined:dropdownTriggerPlaceholder,hideLabelText:((_props$label=props.label)==null?void 0:_props$label.length)===0,accessibilityLabel:props.accessibilityLabel,labelPosition:props.labelPosition==='inside-input'?undefined:props.labelPosition,isLabelInsideInput:props.labelPosition==='inside-input',necessityIndicator:props.necessityIndicator,autoCompleteSuggestionType:"none",validationState:props.validationState,helpText:props.helpText,errorText:props.errorText,successText:props.successText,name:props.name,isDisabled:props.isDisabled,isRequired:props.isRequired,prefix:props.prefix,suffix:props.suffix,autoFocus:props.autoFocus,value:getValue(),onClick:function onClick(e){if(props.isDisabled){return;}props.onTriggerClick==null?void 0:props.onTriggerClick(e);},onFocus:props.onFocus,onBlur:function onBlur(_ref3){var name=_ref3.name;props.onBlur==null?void 0:props.onBlur({name:name,value:value});},leadingIcon:props.icon,componentName:props.isSelectInput?MetaConstants.SelectInput:MetaConstants.AutoComplete,testID:props.testID,id:`${dropdownBaseId}-trigger`,labelId:`${dropdownBaseId}-label`,hasPopup:getActionListContainerRole(hasFooterAction,dropdownTriggerer),isPopupExpanded:isOpen,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined,popupId:`${dropdownBaseId}-actionlist`,onChange:props.isSelectInput?undefined:props.onInputValueChange,onKeyDown:props.onTriggerKeydown,size:props.size,interactionElement:isAutoCompleteInHeader?null:jsx(InputChevronIcon,{onClick:function onClick(){if(!props.isDisabled){if(!isReactNative()){var _triggererRef$current2;(_triggererRef$current2=triggererRef.current)==null?void 0:_triggererRef$current2.focus();}onTriggerClick();}},isDisabled:props.isDisabled,isOpen:isOpen})});};var BaseDropdownInputTrigger=React__default.forwardRef(_BaseDropdownInputTrigger);
+var useControlledDropdownInput=function useControlledDropdownInput(props){var isFirstRender=useFirstRender();var _useDropdown=useDropdown(),changeCallbackTriggerer=_useDropdown.changeCallbackTriggerer,isControlled=_useDropdown.isControlled,options=_useDropdown.options,selectedIndices=_useDropdown.selectedIndices,controlledValueIndices=_useDropdown.controlledValueIndices,setSelectedIndices=_useDropdown.setSelectedIndices,selectionType=_useDropdown.selectionType,setIsControlled=_useDropdown.setIsControlled;var getValuesArrayFromIndices=function getValuesArrayFromIndices(){var indices=[];if(isControlled){indices=controlledValueIndices;}else {indices=selectedIndices;}return indices.map(function(selectionIndex){return options[selectionIndex].value;});};var selectValues=function selectValues(valuesToSelect){if(options.length>0){if(isEmpty(valuesToSelect)){setSelectedIndices([]);}else if(typeof valuesToSelect==='string'){var selectedItemIndex=options.findIndex(function(option){return option.value===valuesToSelect;});if(selectedItemIndex>=0){setSelectedIndices([selectedItemIndex]);}}else {var uniqueValues=Array.from(new Set(valuesToSelect));var userValues=selectionType==='single'?[valuesToSelect==null?void 0:valuesToSelect[0]]:uniqueValues;var selectedItemIndices=userValues.map(function(optionValue){return options.findIndex(function(option){return option.value===optionValue;});}).filter(function(value){return value>=0;});setSelectedIndices(selectedItemIndices);}}};React__default.useEffect(function(){if(options.length>0&&props.defaultValue){selectValues(props.defaultValue);}},[options.length]);React__default.useEffect(function(){if(options.length>0&&props.value!==undefined){if(!isControlled){setIsControlled(true);}selectValues(props.value);if(selectionType==='single'&&!Array.isArray(props.value)&&!props.isSelectInput){props.syncInputValueWithSelection==null?void 0:props.syncInputValueWithSelection(props.value);}}},[props.value,options]);React__default.useEffect(function(){if(!isFirstRender){props.onChange==null?void 0:props.onChange({name:props.name,values:getValuesArrayFromIndices()});}},[changeCallbackTriggerer]);};var _BaseDropdownInputTrigger=function _BaseDropdownInputTrigger(props,ref){var _props$placeholder,_props$maxRows,_props$label;var _useDropdown2=useDropdown(),isOpen=_useDropdown2.isOpen,activeTagIndex=_useDropdown2.activeTagIndex,setActiveTagIndex=_useDropdown2.setActiveTagIndex,displayValue=_useDropdown2.displayValue,selectionType=_useDropdown2.selectionType,dropdownTriggerer=_useDropdown2.dropdownTriggerer,dropdownBaseId=_useDropdown2.dropdownBaseId,selectedIndices=_useDropdown2.selectedIndices,triggererRef=_useDropdown2.triggererRef,triggererWrapperRef=_useDropdown2.triggererWrapperRef,isTagDismissedRef=_useDropdown2.isTagDismissedRef,onTriggerClick=_useDropdown2.onTriggerClick,value=_useDropdown2.value,shouldIgnoreBlurAnimation=_useDropdown2.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_useDropdown2.setShouldIgnoreBlurAnimation,activeIndex=_useDropdown2.activeIndex,hasFooterAction=_useDropdown2.hasFooterAction,hasAutoCompleteInBottomSheetHeader=_useDropdown2.hasAutoCompleteInBottomSheetHeader,options=_useDropdown2.options,removeOption=_useDropdown2.removeOption,setChangeCallbackTriggerer=_useDropdown2.setChangeCallbackTriggerer,changeCallbackTriggerer=_useDropdown2.changeCallbackTriggerer;var dropdownTriggerPlaceholder=(_props$placeholder=props.placeholder)!=null?_props$placeholder:'Select Option';var isAutoCompleteInHeader=!props.isSelectInput&&hasAutoCompleteInBottomSheetHeader;var getShowAllTags=React__default.useCallback(function(){if(hasAutoCompleteInBottomSheetHeader){if(props.isSelectInput){return false;}return true;}return isOpen;},[hasAutoCompleteInBottomSheetHeader,props.isSelectInput,isOpen]);useControlledDropdownInput({onChange:props.onChange,name:props.name,value:props.value,defaultValue:props.defaultValue,syncInputValueWithSelection:props.syncInputValueWithSelection,isSelectInput:props.isSelectInput});var getValue=function getValue(){var prefix='';if(props.labelPosition==='inside-input'&&props.label){prefix=`${props.label}: `;}if(props.isSelectInput){if(selectionType==='single'){return `${prefix}${displayValue}`;}return undefined;}return props.inputValue;};var getTags=React__default.useMemo(function(){return function(_ref){var size=_ref.size;if(selectionType==='single'){return undefined;}return getTagsGroup({size:size,tags:selectedIndices.map(function(selectedIndex){var _options$selectedInde;return (_options$selectedInde=options[selectedIndex])==null?void 0:_options$selectedInde.title;}),activeTagIndex:activeTagIndex,isDisabled:props.isDisabled,onDismiss:function onDismiss(_ref2){var tagIndex=_ref2.tagIndex;if(isTagDismissedRef.current){isTagDismissedRef.current.value=true;}if(!isReactNative()){var _triggererRef$current;(_triggererRef$current=triggererRef.current)==null?void 0:_triggererRef$current.focus();}removeOption(selectedIndices[tagIndex]);setChangeCallbackTriggerer(Number(changeCallbackTriggerer)+1);}});};},[selectedIndices,selectionType,activeTagIndex,changeCallbackTriggerer,options]);return jsx(BaseInput,{as:props.isSelectInput?'button':'input',ref:!isReactNative()?function(node){triggererRef.current=node;if(ref){if(typeof ref==='function'){ref(node);}else {ref.current=node;}}}:null,isDropdownTrigger:true,setInputWrapperRef:function setInputWrapperRef(wrapperNode){triggererWrapperRef.current=wrapperNode;},maxTagRows:(_props$maxRows=props.maxRows)!=null?_props$maxRows:'single',tags:getTags({size:props.size||'medium'}),showAllTags:getShowAllTags(),activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,textAlign:"left",label:props.label,placeholder:selectionType==='multiple'&&selectedIndices.length>0?undefined:dropdownTriggerPlaceholder,hideLabelText:((_props$label=props.label)==null?void 0:_props$label.length)===0,accessibilityLabel:props.accessibilityLabel,labelPosition:props.labelPosition==='inside-input'?undefined:props.labelPosition,isLabelInsideInput:props.labelPosition==='inside-input',necessityIndicator:props.necessityIndicator,autoCompleteSuggestionType:"none",validationState:props.validationState,helpText:props.helpText,errorText:props.errorText,successText:props.successText,name:props.name,isDisabled:props.isDisabled,isRequired:props.isRequired,prefix:props.prefix,suffix:props.suffix,autoFocus:props.autoFocus,value:getValue(),onClick:function onClick(e){if(props.isDisabled){return;}props.onTriggerClick==null?void 0:props.onTriggerClick(e);},onFocus:props.onFocus,onBlur:function onBlur(_ref3){var name=_ref3.name;props.onBlur==null?void 0:props.onBlur({name:name,value:value});},leadingIcon:props.icon,componentName:props.isSelectInput?MetaConstants.SelectInput:MetaConstants.AutoComplete,testID:props.testID,id:`${dropdownBaseId}-trigger`,labelId:`${dropdownBaseId}-label`,hasPopup:getActionListContainerRole(hasFooterAction,dropdownTriggerer),isPopupExpanded:isOpen,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined,popupId:`${dropdownBaseId}-actionlist`,onChange:props.isSelectInput?undefined:props.onInputValueChange,onKeyDown:props.onTriggerKeydown,size:props.size,trailingInteractionElement:isAutoCompleteInHeader?null:jsx(InputChevronIcon,{onClick:function onClick(){if(!props.isDisabled){if(!isReactNative()){var _triggererRef$current2;(_triggererRef$current2=triggererRef.current)==null?void 0:_triggererRef$current2.focus();}onTriggerClick();}},isDisabled:props.isDisabled,isOpen:isOpen})});};var BaseDropdownInputTrigger=React__default.forwardRef(_BaseDropdownInputTrigger);
 
 export { BaseDropdownInputTrigger };
 //# sourceMappingURL=BaseDropdownInputTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseDropdownInputTrigger.js","sources":["../../../../../../src/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseInput } from '../BaseInput';\nimport type { BaseInputProps } from '../BaseInput';\nimport { InputChevronIcon } from './InputChevronIcon';\nimport type { BaseDropdownInputTriggerProps } from './types';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { getTagsGroup } from '~components/Tag/getTagsGroup';\nimport type { BladeElementRef } from '~utils/types';\nimport { useFirstRender } from '~utils/useFirstRender';\n\nconst useControlledDropdownInput = (\n  props: Pick<\n    BaseDropdownInputTriggerProps,\n    | 'onChange'\n    | 'name'\n    | 'value'\n    | 'defaultValue'\n    | 'onInputValueChange'\n    | 'syncInputValueWithSelection'\n    | 'isSelectInput'\n  >,\n): void => {\n  const isFirstRender = useFirstRender();\n  const {\n    changeCallbackTriggerer,\n    isControlled,\n    options,\n    selectedIndices,\n    controlledValueIndices,\n    setSelectedIndices,\n    selectionType,\n    setIsControlled,\n  } = useDropdown();\n\n  const getValuesArrayFromIndices = (): string[] => {\n    let indices: number[] = [];\n    if (isControlled) {\n      indices = controlledValueIndices;\n    } else {\n      indices = selectedIndices;\n    }\n\n    return indices.map((selectionIndex) => options[selectionIndex].value);\n  };\n\n  const selectValues = (valuesToSelect: string | string[]): void => {\n    if (options.length > 0) {\n      // we use empty `''` for clearing the input\n      if (isEmpty(valuesToSelect)) {\n        setSelectedIndices([]);\n      } else if (typeof valuesToSelect === 'string') {\n        // single select control\n        const selectedItemIndex = options.findIndex((option) => option.value === valuesToSelect);\n        if (selectedItemIndex >= 0) {\n          setSelectedIndices([selectedItemIndex]);\n        }\n      } else {\n        // multiselect control\n\n        // Handles repeated values in user state\n        const uniqueValues = Array.from(new Set(valuesToSelect));\n        // Handle selectionType single with multiselect values\n        const userValues = selectionType === 'single' ? [valuesToSelect?.[0]] : uniqueValues;\n\n        const selectedItemIndices = userValues\n          .map((optionValue) => options.findIndex((option) => option.value === optionValue))\n          .filter((value) => value >= 0);\n\n        setSelectedIndices(selectedItemIndices);\n      }\n    }\n  };\n\n  // Handles `defaultValue` prop\n  React.useEffect(() => {\n    if (options.length > 0 && props.defaultValue) {\n      selectValues(props.defaultValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [options.length]);\n\n  // Handles `value` prop\n  React.useEffect(() => {\n    if (options.length > 0 && props.value !== undefined) {\n      if (!isControlled) {\n        setIsControlled(true);\n      }\n\n      selectValues(props.value);\n\n      // in single select AutoComplete, we have to set inputValue of autocomplete according to the new selection.\n      if (selectionType === 'single' && !Array.isArray(props.value) && !props.isSelectInput) {\n        props.syncInputValueWithSelection?.(props.value);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.value, options]);\n\n  // onChange behaviour\n  React.useEffect(() => {\n    // Ignore calling onChange on mount\n\n    if (!isFirstRender) {\n      props.onChange?.({\n        name: props.name,\n        values: getValuesArrayFromIndices(),\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [changeCallbackTriggerer]);\n};\n\nconst _BaseDropdownInputTrigger = (\n  props: BaseDropdownInputTriggerProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  const {\n    isOpen,\n    activeTagIndex,\n    setActiveTagIndex,\n    displayValue,\n    selectionType,\n    dropdownTriggerer,\n    dropdownBaseId,\n    selectedIndices,\n    triggererRef,\n    triggererWrapperRef,\n    isTagDismissedRef,\n    onTriggerClick,\n    value,\n    shouldIgnoreBlurAnimation,\n    setShouldIgnoreBlurAnimation,\n    activeIndex,\n    hasFooterAction,\n    hasAutoCompleteInBottomSheetHeader,\n    options,\n    removeOption,\n    setChangeCallbackTriggerer,\n    changeCallbackTriggerer,\n  } = useDropdown();\n\n  const dropdownTriggerPlaceholder = props.placeholder ?? 'Select Option';\n  const isAutoCompleteInHeader = !props.isSelectInput && hasAutoCompleteInBottomSheetHeader;\n\n  const getShowAllTags = React.useCallback((): boolean => {\n    if (hasAutoCompleteInBottomSheetHeader) {\n      // When AutoComplete is in bottomsheet header, we never want to show all tags in outer select input\n      if (props.isSelectInput) {\n        return false;\n      }\n\n      // ... And we always want to show all tags in inner AutoComplete\n      return true;\n    }\n\n    return isOpen;\n  }, [hasAutoCompleteInBottomSheetHeader, props.isSelectInput, isOpen]);\n\n  useControlledDropdownInput({\n    onChange: props.onChange,\n    name: props.name,\n    value: props.value,\n    defaultValue: props.defaultValue,\n    syncInputValueWithSelection: props.syncInputValueWithSelection,\n    isSelectInput: props.isSelectInput,\n  });\n\n  const getValue = (): string | undefined => {\n    let prefix = '';\n    if (props.labelPosition === 'inside-input' && props.label) {\n      prefix = `${props.label}: `;\n    }\n\n    if (props.isSelectInput) {\n      if (selectionType === 'single') {\n        return `${prefix}${displayValue}`;\n      }\n\n      // In multiselect, we return tags so no display value is required\n      return undefined;\n    }\n\n    // In AutoComplete, input has a special value too\n    return props.inputValue;\n  };\n\n  const getTags = React.useMemo(\n    () => ({ size }: { size: NonNullable<BaseInputProps['size']> }) => {\n      if (selectionType === 'single') {\n        return undefined;\n      }\n\n      return getTagsGroup({\n        size,\n        tags: selectedIndices.map((selectedIndex) => options[selectedIndex]?.title),\n        activeTagIndex,\n        isDisabled: props.isDisabled,\n        onDismiss: ({ tagIndex }) => {\n          if (isTagDismissedRef.current) {\n            isTagDismissedRef.current.value = true;\n          }\n\n          if (!isReactNative()) {\n            triggererRef.current?.focus();\n          }\n\n          removeOption(selectedIndices[tagIndex]);\n          setChangeCallbackTriggerer(Number(changeCallbackTriggerer) + 1);\n        },\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [selectedIndices, selectionType, activeTagIndex, changeCallbackTriggerer, options],\n  );\n\n  return (\n    <BaseInput\n      as={props.isSelectInput ? 'button' : 'input'}\n      ref={\n        (!isReactNative()\n          ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (node: any) => {\n              triggererRef.current = node;\n              if (ref) {\n                if (typeof ref === 'function') {\n                  ref(node);\n                } else {\n                  ref.current = node;\n                }\n              }\n            }\n          : null) as never\n      }\n      isDropdownTrigger={true}\n      setInputWrapperRef={(wrapperNode) => {\n        triggererWrapperRef.current = wrapperNode;\n      }}\n      maxTagRows={props.maxRows ?? 'single'}\n      tags={getTags({ size: props.size || 'medium' })}\n      showAllTags={getShowAllTags()}\n      activeTagIndex={activeTagIndex}\n      setActiveTagIndex={setActiveTagIndex}\n      shouldIgnoreBlurAnimation={shouldIgnoreBlurAnimation}\n      setShouldIgnoreBlurAnimation={setShouldIgnoreBlurAnimation}\n      textAlign=\"left\"\n      // Form Props\n      label={props.label as string}\n      placeholder={\n        selectionType === 'multiple' && selectedIndices.length > 0\n          ? undefined\n          : dropdownTriggerPlaceholder\n      }\n      hideLabelText={props.label?.length === 0}\n      accessibilityLabel={props.accessibilityLabel}\n      labelPosition={props.labelPosition === 'inside-input' ? undefined : props.labelPosition}\n      isLabelInsideInput={props.labelPosition === 'inside-input'}\n      necessityIndicator={props.necessityIndicator}\n      autoCompleteSuggestionType=\"none\"\n      validationState={props.validationState}\n      helpText={props.helpText}\n      errorText={props.errorText}\n      successText={props.successText}\n      name={props.name}\n      isDisabled={props.isDisabled}\n      isRequired={props.isRequired}\n      prefix={props.prefix}\n      suffix={props.suffix}\n      autoFocus={props.autoFocus} // eslint-disable-line jsx-a11y/no-autofocus\n      value={getValue()}\n      onClick={(e) => {\n        if (props.isDisabled) {\n          return;\n        }\n        props.onTriggerClick?.(e);\n      }}\n      onFocus={props.onFocus}\n      onBlur={({ name }) => {\n        props.onBlur?.({ name, value });\n      }}\n      leadingIcon={props.icon}\n      // Meta Props\n      componentName={props.isSelectInput ? MetaConstants.SelectInput : MetaConstants.AutoComplete}\n      testID={props.testID}\n      // a11y Props\n      id={`${dropdownBaseId}-trigger`}\n      labelId={`${dropdownBaseId}-label`}\n      hasPopup={getActionListContainerRole(hasFooterAction, dropdownTriggerer)}\n      isPopupExpanded={isOpen}\n      activeDescendant={activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined}\n      popupId={`${dropdownBaseId}-actionlist`}\n      // Special Props for Unique behaviour between Select and AutoComplete\n      onChange={props.isSelectInput ? undefined : props.onInputValueChange}\n      onKeyDown={props.onTriggerKeydown}\n      size={props.size}\n      interactionElement={\n        isAutoCompleteInHeader ? null : (\n          <InputChevronIcon\n            onClick={() => {\n              if (!props.isDisabled) {\n                // Icon onClicks to the SelectInput itself\n                if (!isReactNative()) {\n                  triggererRef.current?.focus();\n                }\n                onTriggerClick();\n              }\n            }}\n            isDisabled={props.isDisabled}\n            isOpen={isOpen}\n          />\n        )\n      }\n    />\n  );\n};\n\nconst BaseDropdownInputTrigger = React.forwardRef(_BaseDropdownInputTrigger);\n\nexport { BaseDropdownInputTrigger };\n"],"names":["useControlledDropdownInput","props","isFirstRender","useFirstRender","_useDropdown","useDropdown","changeCallbackTriggerer","isControlled","options","selectedIndices","controlledValueIndices","setSelectedIndices","selectionType","setIsControlled","getValuesArrayFromIndices","indices","map","selectionIndex","value","selectValues","valuesToSelect","length","isEmpty","selectedItemIndex","findIndex","option","uniqueValues","Array","from","Set","userValues","selectedItemIndices","optionValue","filter","React","useEffect","defaultValue","undefined","isArray","isSelectInput","syncInputValueWithSelection","onChange","name","values","_BaseDropdownInputTrigger","ref","_props$placeholder","_props$maxRows","_props$label","_useDropdown2","isOpen","activeTagIndex","setActiveTagIndex","displayValue","dropdownTriggerer","dropdownBaseId","triggererRef","triggererWrapperRef","isTagDismissedRef","onTriggerClick","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","activeIndex","hasFooterAction","hasAutoCompleteInBottomSheetHeader","removeOption","setChangeCallbackTriggerer","dropdownTriggerPlaceholder","placeholder","isAutoCompleteInHeader","getShowAllTags","useCallback","getValue","prefix","labelPosition","label","inputValue","getTags","useMemo","_ref","size","getTagsGroup","tags","selectedIndex","_options$selectedInde","title","isDisabled","onDismiss","_ref2","tagIndex","current","isReactNative","_triggererRef$current","focus","Number","_jsx","BaseInput","as","node","isDropdownTrigger","setInputWrapperRef","wrapperNode","maxTagRows","maxRows","showAllTags","textAlign","hideLabelText","accessibilityLabel","isLabelInsideInput","necessityIndicator","autoCompleteSuggestionType","validationState","helpText","errorText","successText","isRequired","suffix","autoFocus","onClick","e","onFocus","onBlur","_ref3","leadingIcon","icon","componentName","MetaConstants","SelectInput","AutoComplete","testID","id","labelId","hasPopup","getActionListContainerRole","isPopupExpanded","activeDescendant","popupId","onInputValueChange","onKeyDown","onTriggerKeydown","interactionElement","InputChevronIcon","_triggererRef$current2","BaseDropdownInputTrigger","forwardRef"],"mappings":"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"}
+{"version":3,"file":"BaseDropdownInputTrigger.js","sources":["../../../../../../src/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseInput } from '../BaseInput';\nimport type { BaseInputProps } from '../BaseInput';\nimport { InputChevronIcon } from './InputChevronIcon';\nimport type { BaseDropdownInputTriggerProps } from './types';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { getTagsGroup } from '~components/Tag/getTagsGroup';\nimport type { BladeElementRef } from '~utils/types';\nimport { useFirstRender } from '~utils/useFirstRender';\n\nconst useControlledDropdownInput = (\n  props: Pick<\n    BaseDropdownInputTriggerProps,\n    | 'onChange'\n    | 'name'\n    | 'value'\n    | 'defaultValue'\n    | 'onInputValueChange'\n    | 'syncInputValueWithSelection'\n    | 'isSelectInput'\n  >,\n): void => {\n  const isFirstRender = useFirstRender();\n  const {\n    changeCallbackTriggerer,\n    isControlled,\n    options,\n    selectedIndices,\n    controlledValueIndices,\n    setSelectedIndices,\n    selectionType,\n    setIsControlled,\n  } = useDropdown();\n\n  const getValuesArrayFromIndices = (): string[] => {\n    let indices: number[] = [];\n    if (isControlled) {\n      indices = controlledValueIndices;\n    } else {\n      indices = selectedIndices;\n    }\n\n    return indices.map((selectionIndex) => options[selectionIndex].value);\n  };\n\n  const selectValues = (valuesToSelect: string | string[]): void => {\n    if (options.length > 0) {\n      // we use empty `''` for clearing the input\n      if (isEmpty(valuesToSelect)) {\n        setSelectedIndices([]);\n      } else if (typeof valuesToSelect === 'string') {\n        // single select control\n        const selectedItemIndex = options.findIndex((option) => option.value === valuesToSelect);\n        if (selectedItemIndex >= 0) {\n          setSelectedIndices([selectedItemIndex]);\n        }\n      } else {\n        // multiselect control\n\n        // Handles repeated values in user state\n        const uniqueValues = Array.from(new Set(valuesToSelect));\n        // Handle selectionType single with multiselect values\n        const userValues = selectionType === 'single' ? [valuesToSelect?.[0]] : uniqueValues;\n\n        const selectedItemIndices = userValues\n          .map((optionValue) => options.findIndex((option) => option.value === optionValue))\n          .filter((value) => value >= 0);\n\n        setSelectedIndices(selectedItemIndices);\n      }\n    }\n  };\n\n  // Handles `defaultValue` prop\n  React.useEffect(() => {\n    if (options.length > 0 && props.defaultValue) {\n      selectValues(props.defaultValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [options.length]);\n\n  // Handles `value` prop\n  React.useEffect(() => {\n    if (options.length > 0 && props.value !== undefined) {\n      if (!isControlled) {\n        setIsControlled(true);\n      }\n\n      selectValues(props.value);\n\n      // in single select AutoComplete, we have to set inputValue of autocomplete according to the new selection.\n      if (selectionType === 'single' && !Array.isArray(props.value) && !props.isSelectInput) {\n        props.syncInputValueWithSelection?.(props.value);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.value, options]);\n\n  // onChange behaviour\n  React.useEffect(() => {\n    // Ignore calling onChange on mount\n\n    if (!isFirstRender) {\n      props.onChange?.({\n        name: props.name,\n        values: getValuesArrayFromIndices(),\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [changeCallbackTriggerer]);\n};\n\nconst _BaseDropdownInputTrigger = (\n  props: BaseDropdownInputTriggerProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  const {\n    isOpen,\n    activeTagIndex,\n    setActiveTagIndex,\n    displayValue,\n    selectionType,\n    dropdownTriggerer,\n    dropdownBaseId,\n    selectedIndices,\n    triggererRef,\n    triggererWrapperRef,\n    isTagDismissedRef,\n    onTriggerClick,\n    value,\n    shouldIgnoreBlurAnimation,\n    setShouldIgnoreBlurAnimation,\n    activeIndex,\n    hasFooterAction,\n    hasAutoCompleteInBottomSheetHeader,\n    options,\n    removeOption,\n    setChangeCallbackTriggerer,\n    changeCallbackTriggerer,\n  } = useDropdown();\n\n  const dropdownTriggerPlaceholder = props.placeholder ?? 'Select Option';\n  const isAutoCompleteInHeader = !props.isSelectInput && hasAutoCompleteInBottomSheetHeader;\n\n  const getShowAllTags = React.useCallback((): boolean => {\n    if (hasAutoCompleteInBottomSheetHeader) {\n      // When AutoComplete is in bottomsheet header, we never want to show all tags in outer select input\n      if (props.isSelectInput) {\n        return false;\n      }\n\n      // ... And we always want to show all tags in inner AutoComplete\n      return true;\n    }\n\n    return isOpen;\n  }, [hasAutoCompleteInBottomSheetHeader, props.isSelectInput, isOpen]);\n\n  useControlledDropdownInput({\n    onChange: props.onChange,\n    name: props.name,\n    value: props.value,\n    defaultValue: props.defaultValue,\n    syncInputValueWithSelection: props.syncInputValueWithSelection,\n    isSelectInput: props.isSelectInput,\n  });\n\n  const getValue = (): string | undefined => {\n    let prefix = '';\n    if (props.labelPosition === 'inside-input' && props.label) {\n      prefix = `${props.label}: `;\n    }\n\n    if (props.isSelectInput) {\n      if (selectionType === 'single') {\n        return `${prefix}${displayValue}`;\n      }\n\n      // In multiselect, we return tags so no display value is required\n      return undefined;\n    }\n\n    // In AutoComplete, input has a special value too\n    return props.inputValue;\n  };\n\n  const getTags = React.useMemo(\n    () => ({ size }: { size: NonNullable<BaseInputProps['size']> }) => {\n      if (selectionType === 'single') {\n        return undefined;\n      }\n\n      return getTagsGroup({\n        size,\n        tags: selectedIndices.map((selectedIndex) => options[selectedIndex]?.title),\n        activeTagIndex,\n        isDisabled: props.isDisabled,\n        onDismiss: ({ tagIndex }) => {\n          if (isTagDismissedRef.current) {\n            isTagDismissedRef.current.value = true;\n          }\n\n          if (!isReactNative()) {\n            triggererRef.current?.focus();\n          }\n\n          removeOption(selectedIndices[tagIndex]);\n          setChangeCallbackTriggerer(Number(changeCallbackTriggerer) + 1);\n        },\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [selectedIndices, selectionType, activeTagIndex, changeCallbackTriggerer, options],\n  );\n\n  return (\n    <BaseInput\n      as={props.isSelectInput ? 'button' : 'input'}\n      ref={\n        (!isReactNative()\n          ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (node: any) => {\n              triggererRef.current = node;\n              if (ref) {\n                if (typeof ref === 'function') {\n                  ref(node);\n                } else {\n                  ref.current = node;\n                }\n              }\n            }\n          : null) as never\n      }\n      isDropdownTrigger={true}\n      setInputWrapperRef={(wrapperNode) => {\n        triggererWrapperRef.current = wrapperNode;\n      }}\n      maxTagRows={props.maxRows ?? 'single'}\n      tags={getTags({ size: props.size || 'medium' })}\n      showAllTags={getShowAllTags()}\n      activeTagIndex={activeTagIndex}\n      setActiveTagIndex={setActiveTagIndex}\n      shouldIgnoreBlurAnimation={shouldIgnoreBlurAnimation}\n      setShouldIgnoreBlurAnimation={setShouldIgnoreBlurAnimation}\n      textAlign=\"left\"\n      // Form Props\n      label={props.label as string}\n      placeholder={\n        selectionType === 'multiple' && selectedIndices.length > 0\n          ? undefined\n          : dropdownTriggerPlaceholder\n      }\n      hideLabelText={props.label?.length === 0}\n      accessibilityLabel={props.accessibilityLabel}\n      labelPosition={props.labelPosition === 'inside-input' ? undefined : props.labelPosition}\n      isLabelInsideInput={props.labelPosition === 'inside-input'}\n      necessityIndicator={props.necessityIndicator}\n      autoCompleteSuggestionType=\"none\"\n      validationState={props.validationState}\n      helpText={props.helpText}\n      errorText={props.errorText}\n      successText={props.successText}\n      name={props.name}\n      isDisabled={props.isDisabled}\n      isRequired={props.isRequired}\n      prefix={props.prefix}\n      suffix={props.suffix}\n      autoFocus={props.autoFocus} // eslint-disable-line jsx-a11y/no-autofocus\n      value={getValue()}\n      onClick={(e) => {\n        if (props.isDisabled) {\n          return;\n        }\n        props.onTriggerClick?.(e);\n      }}\n      onFocus={props.onFocus}\n      onBlur={({ name }) => {\n        props.onBlur?.({ name, value });\n      }}\n      leadingIcon={props.icon}\n      // Meta Props\n      componentName={props.isSelectInput ? MetaConstants.SelectInput : MetaConstants.AutoComplete}\n      testID={props.testID}\n      // a11y Props\n      id={`${dropdownBaseId}-trigger`}\n      labelId={`${dropdownBaseId}-label`}\n      hasPopup={getActionListContainerRole(hasFooterAction, dropdownTriggerer)}\n      isPopupExpanded={isOpen}\n      activeDescendant={activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined}\n      popupId={`${dropdownBaseId}-actionlist`}\n      // Special Props for Unique behaviour between Select and AutoComplete\n      onChange={props.isSelectInput ? undefined : props.onInputValueChange}\n      onKeyDown={props.onTriggerKeydown}\n      size={props.size}\n      trailingInteractionElement={\n        isAutoCompleteInHeader ? null : (\n          <InputChevronIcon\n            onClick={() => {\n              if (!props.isDisabled) {\n                // Icon onClicks to the SelectInput itself\n                if (!isReactNative()) {\n                  triggererRef.current?.focus();\n                }\n                onTriggerClick();\n              }\n            }}\n            isDisabled={props.isDisabled}\n            isOpen={isOpen}\n          />\n        )\n      }\n    />\n  );\n};\n\nconst BaseDropdownInputTrigger = React.forwardRef(_BaseDropdownInputTrigger);\n\nexport { BaseDropdownInputTrigger };\n"],"names":["useControlledDropdownInput","props","isFirstRender","useFirstRender","_useDropdown","useDropdown","changeCallbackTriggerer","isControlled","options","selectedIndices","controlledValueIndices","setSelectedIndices","selectionType","setIsControlled","getValuesArrayFromIndices","indices","map","selectionIndex","value","selectValues","valuesToSelect","length","isEmpty","selectedItemIndex","findIndex","option","uniqueValues","Array","from","Set","userValues","selectedItemIndices","optionValue","filter","React","useEffect","defaultValue","undefined","isArray","isSelectInput","syncInputValueWithSelection","onChange","name","values","_BaseDropdownInputTrigger","ref","_props$placeholder","_props$maxRows","_props$label","_useDropdown2","isOpen","activeTagIndex","setActiveTagIndex","displayValue","dropdownTriggerer","dropdownBaseId","triggererRef","triggererWrapperRef","isTagDismissedRef","onTriggerClick","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","activeIndex","hasFooterAction","hasAutoCompleteInBottomSheetHeader","removeOption","setChangeCallbackTriggerer","dropdownTriggerPlaceholder","placeholder","isAutoCompleteInHeader","getShowAllTags","useCallback","getValue","prefix","labelPosition","label","inputValue","getTags","useMemo","_ref","size","getTagsGroup","tags","selectedIndex","_options$selectedInde","title","isDisabled","onDismiss","_ref2","tagIndex","current","isReactNative","_triggererRef$current","focus","Number","_jsx","BaseInput","as","node","isDropdownTrigger","setInputWrapperRef","wrapperNode","maxTagRows","maxRows","showAllTags","textAlign","hideLabelText","accessibilityLabel","isLabelInsideInput","necessityIndicator","autoCompleteSuggestionType","validationState","helpText","errorText","successText","isRequired","suffix","autoFocus","onClick","e","onFocus","onBlur","_ref3","leadingIcon","icon","componentName","MetaConstants","SelectInput","AutoComplete","testID","id","labelId","hasPopup","getActionListContainerRole","isPopupExpanded","activeDescendant","popupId","onInputValueChange","onKeyDown","onTriggerKeydown","trailingInteractionElement","InputChevronIcon","_triggererRef$current2","BaseDropdownInputTrigger","forwardRef"],"mappings":";;;;;;;;;;;;;;;;AAcA,IAAMA,0BAA0B,CAAG,SAA7BA,0BAA0BA,CAC9BC,KASC,CACQ,CACT,IAAMC,aAAa,CAAGC,cAAc,EAAE,CACtC,IAAAC,YAAA,CASIC,WAAW,EAAE,CARfC,uBAAuB,CAAAF,YAAA,CAAvBE,uBAAuB,CACvBC,YAAY,CAAAH,YAAA,CAAZG,YAAY,CACZC,OAAO,CAAAJ,YAAA,CAAPI,OAAO,CACPC,eAAe,CAAAL,YAAA,CAAfK,eAAe,CACfC,sBAAsB,CAAAN,YAAA,CAAtBM,sBAAsB,CACtBC,kBAAkB,CAAAP,YAAA,CAAlBO,kBAAkB,CAClBC,aAAa,CAAAR,YAAA,CAAbQ,aAAa,CACbC,eAAe,CAAAT,YAAA,CAAfS,eAAe,CAGjB,IAAMC,yBAAyB,CAAG,SAA5BA,yBAAyBA,EAAmB,CAChD,IAAIC,OAAiB,CAAG,EAAE,CAC1B,GAAIR,YAAY,CAAE,CAChBQ,OAAO,CAAGL,sBAAsB,CAClC,CAAC,KAAM,CACLK,OAAO,CAAGN,eAAe,CAC3B,CAEA,OAAOM,OAAO,CAACC,GAAG,CAAC,SAACC,cAAc,CAAK,CAAA,OAAAT,OAAO,CAACS,cAAc,CAAC,CAACC,KAAK,GAAC,CACvE,CAAC,CAED,IAAMC,YAAY,CAAG,SAAfA,YAAYA,CAAIC,cAAiC,CAAW,CAChE,GAAIZ,OAAO,CAACa,MAAM,CAAG,CAAC,CAAE,CAEtB,GAAIC,OAAO,CAACF,cAAc,CAAC,CAAE,CAC3BT,kBAAkB,CAAC,EAAE,CAAC,CACxB,CAAC,KAAM,GAAI,OAAOS,cAAc,GAAK,QAAQ,CAAE,CAE7C,IAAMG,iBAAiB,CAAGf,OAAO,CAACgB,SAAS,CAAC,SAACC,MAAM,CAAA,CAAA,OAAKA,MAAM,CAACP,KAAK,GAAKE,cAAc,GAAC,CACxF,GAAIG,iBAAiB,EAAI,CAAC,CAAE,CAC1BZ,kBAAkB,CAAC,CAACY,iBAAiB,CAAC,CAAC,CACzC,CACF,CAAC,KAAM,CAIL,IAAMG,YAAY,CAAGC,KAAK,CAACC,IAAI,CAAC,IAAIC,GAAG,CAACT,cAAc,CAAC,CAAC,CAExD,IAAMU,UAAU,CAAGlB,aAAa,GAAK,QAAQ,CAAG,CAACQ,cAAc,cAAdA,cAAc,CAAG,CAAC,CAAC,CAAC,CAAGM,YAAY,CAEpF,IAAMK,mBAAmB,CAAGD,UAAU,CACnCd,GAAG,CAAC,SAACgB,WAAW,CAAA,CAAA,OAAKxB,OAAO,CAACgB,SAAS,CAAC,SAACC,MAAM,CAAK,CAAA,OAAAA,MAAM,CAACP,KAAK,GAAKc,WAAW,CAAA,CAAA,CAAC,GAAC,CACjFC,MAAM,CAAC,SAACf,KAAK,SAAKA,KAAK,EAAI,CAAC,CAAA,CAAA,CAAC,CAEhCP,kBAAkB,CAACoB,mBAAmB,CAAC,CACzC,CACF,CACF,CAAC,CAGDG,cAAK,CAACC,SAAS,CAAC,UAAM,CACpB,GAAI3B,OAAO,CAACa,MAAM,CAAG,CAAC,EAAIpB,KAAK,CAACmC,YAAY,CAAE,CAC5CjB,YAAY,CAAClB,KAAK,CAACmC,YAAY,CAAC,CAClC,CAEF,CAAC,CAAE,CAAC5B,OAAO,CAACa,MAAM,CAAC,CAAC,CAGpBa,cAAK,CAACC,SAAS,CAAC,UAAM,CACpB,GAAI3B,OAAO,CAACa,MAAM,CAAG,CAAC,EAAIpB,KAAK,CAACiB,KAAK,GAAKmB,SAAS,CAAE,CACnD,GAAI,CAAC9B,YAAY,CAAE,CACjBM,eAAe,CAAC,IAAI,CAAC,CACvB,CAEAM,YAAY,CAAClB,KAAK,CAACiB,KAAK,CAAC,CAGzB,GAAIN,aAAa,GAAK,QAAQ,EAAI,CAACe,KAAK,CAACW,OAAO,CAACrC,KAAK,CAACiB,KAAK,CAAC,EAAI,CAACjB,KAAK,CAACsC,aAAa,CAAE,CACrFtC,KAAK,CAACuC,2BAA2B,cAAjCvC,KAAK,CAACuC,2BAA2B,CAAGvC,KAAK,CAACiB,KAAK,CAAC,CAClD,CACF,CAEF,CAAC,CAAE,CAACjB,KAAK,CAACiB,KAAK,CAAEV,OAAO,CAAC,CAAC,CAG1B0B,cAAK,CAACC,SAAS,CAAC,UAAM,CAGpB,GAAI,CAACjC,aAAa,CAAE,CAClBD,KAAK,CAACwC,QAAQ,EAAA,IAAA,CAAA,KAAA,CAAA,CAAdxC,KAAK,CAACwC,QAAQ,CAAG,CACfC,IAAI,CAAEzC,KAAK,CAACyC,IAAI,CAChBC,MAAM,CAAE7B,yBAAyB,EACnC,CAAC,CAAC,CACJ,CAEF,CAAC,CAAE,CAACR,uBAAuB,CAAC,CAAC,CAC/B,CAAC,CAED,IAAMsC,yBAAyB,CAAG,SAA5BA,yBAAyBA,CAC7B3C,KAAoC,CACpC4C,GAAwC,CACjB,KAAAC,kBAAA,CAAAC,cAAA,CAAAC,YAAA,CACvB,IAAAC,aAAA,CAuBI5C,WAAW,EAAE,CAtBf6C,MAAM,CAAAD,aAAA,CAANC,MAAM,CACNC,cAAc,CAAAF,aAAA,CAAdE,cAAc,CACdC,iBAAiB,CAAAH,aAAA,CAAjBG,iBAAiB,CACjBC,YAAY,CAAAJ,aAAA,CAAZI,YAAY,CACZzC,aAAa,CAAAqC,aAAA,CAAbrC,aAAa,CACb0C,iBAAiB,CAAAL,aAAA,CAAjBK,iBAAiB,CACjBC,cAAc,CAAAN,aAAA,CAAdM,cAAc,CACd9C,eAAe,CAAAwC,aAAA,CAAfxC,eAAe,CACf+C,YAAY,CAAAP,aAAA,CAAZO,YAAY,CACZC,mBAAmB,CAAAR,aAAA,CAAnBQ,mBAAmB,CACnBC,iBAAiB,CAAAT,aAAA,CAAjBS,iBAAiB,CACjBC,cAAc,CAAAV,aAAA,CAAdU,cAAc,CACdzC,KAAK,CAAA+B,aAAA,CAAL/B,KAAK,CACL0C,yBAAyB,CAAAX,aAAA,CAAzBW,yBAAyB,CACzBC,4BAA4B,CAAAZ,aAAA,CAA5BY,4BAA4B,CAC5BC,WAAW,CAAAb,aAAA,CAAXa,WAAW,CACXC,eAAe,CAAAd,aAAA,CAAfc,eAAe,CACfC,kCAAkC,CAAAf,aAAA,CAAlCe,kCAAkC,CAClCxD,OAAO,CAAAyC,aAAA,CAAPzC,OAAO,CACPyD,YAAY,CAAAhB,aAAA,CAAZgB,YAAY,CACZC,0BAA0B,CAAAjB,aAAA,CAA1BiB,0BAA0B,CAC1B5D,uBAAuB,CAAA2C,aAAA,CAAvB3C,uBAAuB,CAGzB,IAAM6D,0BAA0B,EAAArB,kBAAA,CAAG7C,KAAK,CAACmE,WAAW,QAAAtB,kBAAA,CAAI,eAAe,CACvE,IAAMuB,sBAAsB,CAAG,CAACpE,KAAK,CAACsC,aAAa,EAAIyB,kCAAkC,CAEzF,IAAMM,cAAc,CAAGpC,cAAK,CAACqC,WAAW,CAAC,UAAe,CACtD,GAAIP,kCAAkC,CAAE,CAEtC,GAAI/D,KAAK,CAACsC,aAAa,CAAE,CACvB,OAAO,KAAK,CACd,CAGA,WAAW,CACb,CAEA,OAAOW,MAAM,CACf,CAAC,CAAE,CAACc,kCAAkC,CAAE/D,KAAK,CAACsC,aAAa,CAAEW,MAAM,CAAC,CAAC,CAErElD,0BAA0B,CAAC,CACzByC,QAAQ,CAAExC,KAAK,CAACwC,QAAQ,CACxBC,IAAI,CAAEzC,KAAK,CAACyC,IAAI,CAChBxB,KAAK,CAAEjB,KAAK,CAACiB,KAAK,CAClBkB,YAAY,CAAEnC,KAAK,CAACmC,YAAY,CAChCI,2BAA2B,CAAEvC,KAAK,CAACuC,2BAA2B,CAC9DD,aAAa,CAAEtC,KAAK,CAACsC,aACvB,CAAC,CAAC,CAEF,IAAMiC,QAAQ,CAAG,SAAXA,QAAQA,EAA6B,CACzC,IAAIC,MAAM,CAAG,EAAE,CACf,GAAIxE,KAAK,CAACyE,aAAa,GAAK,cAAc,EAAIzE,KAAK,CAAC0E,KAAK,CAAE,CACzDF,MAAM,CAAI,CAAA,EAAExE,KAAK,CAAC0E,KAAM,IAAG,CAC7B,CAEA,GAAI1E,KAAK,CAACsC,aAAa,CAAE,CACvB,GAAI3B,aAAa,GAAK,QAAQ,CAAE,CAC9B,OAAQ,CAAA,EAAE6D,MAAO,CAAEpB,EAAAA,YAAa,EAAC,CACnC,CAGA,OAAOhB,SAAS,CAClB,CAGA,OAAOpC,KAAK,CAAC2E,UAAU,CACzB,CAAC,CAED,IAAMC,OAAO,CAAG3C,cAAK,CAAC4C,OAAO,CAC3B,kBAAMC,SAAAA,IAAA,CAA6D,CAA1D,IAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CACX,GAAIpE,aAAa,GAAK,QAAQ,CAAE,CAC9B,OAAOyB,SAAS,CAClB,CAEA,OAAO4C,YAAY,CAAC,CAClBD,IAAI,CAAJA,IAAI,CACJE,IAAI,CAAEzE,eAAe,CAACO,GAAG,CAAC,SAACmE,aAAa,CAAA,CAAA,IAAAC,qBAAA,CAAAA,OAAAA,CAAAA,qBAAA,CAAK5E,OAAO,CAAC2E,aAAa,CAAC,GAAA,IAAA,CAAA,KAAA,CAAA,CAAtBC,qBAAA,CAAwBC,KAAK,GAAC,CAC3ElC,cAAc,CAAdA,cAAc,CACdmC,UAAU,CAAErF,KAAK,CAACqF,UAAU,CAC5BC,SAAS,CAAE,SAAAA,UAAAC,KAAA,CAAkB,KAAfC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACpB,GAAI/B,iBAAiB,CAACgC,OAAO,CAAE,CAC7BhC,iBAAiB,CAACgC,OAAO,CAACxE,KAAK,CAAG,IAAI,CACxC,CAEA,GAAI,CAACyE,aAAa,EAAE,CAAE,CAAA,IAAAC,qBAAA,CACpB,CAAAA,qBAAA,CAAApC,YAAY,CAACkC,OAAO,GAAA,IAAA,CAAA,KAAA,CAAA,CAApBE,qBAAA,CAAsBC,KAAK,EAAE,CAC/B,CAEA5B,YAAY,CAACxD,eAAe,CAACgF,QAAQ,CAAC,CAAC,CACvCvB,0BAA0B,CAAC4B,MAAM,CAACxF,uBAAuB,CAAC,CAAG,CAAC,CAAC,CACjE,CACF,CAAC,CAAC,CACJ,CAAC,CAED,CAAA,CAAA,CAACG,eAAe,CAAEG,aAAa,CAAEuC,cAAc,CAAE7C,uBAAuB,CAAEE,OAAO,CACnF,CAAC,CAED,OACEuF,GAAA,CAACC,SAAS,CAAA,CACRC,EAAE,CAAEhG,KAAK,CAACsC,aAAa,CAAG,QAAQ,CAAG,OAAQ,CAC7CM,GAAG,CACA,CAAC8C,aAAa,EAAE,CAEb,SAACO,IAAS,CAAK,CACb1C,YAAY,CAACkC,OAAO,CAAGQ,IAAI,CAC3B,GAAIrD,GAAG,CAAE,CACP,GAAI,OAAOA,GAAG,GAAK,UAAU,CAAE,CAC7BA,GAAG,CAACqD,IAAI,CAAC,CACX,CAAC,KAAM,CACLrD,GAAG,CAAC6C,OAAO,CAAGQ,IAAI,CACpB,CACF,CACF,CAAC,CACD,IACL,CACDC,iBAAiB,CAAE,IAAK,CACxBC,kBAAkB,CAAE,SAAAA,kBAACC,CAAAA,WAAW,CAAK,CACnC5C,mBAAmB,CAACiC,OAAO,CAAGW,WAAW,CAC3C,CAAE,CACFC,UAAU,CAAA,CAAAvD,cAAA,CAAE9C,KAAK,CAACsG,OAAO,GAAA,IAAA,CAAAxD,cAAA,CAAI,QAAS,CACtCmC,IAAI,CAAEL,OAAO,CAAC,CAAEG,IAAI,CAAE/E,KAAK,CAAC+E,IAAI,EAAI,QAAS,CAAC,CAAE,CAChDwB,WAAW,CAAElC,cAAc,EAAG,CAC9BnB,cAAc,CAAEA,cAAe,CAC/BC,iBAAiB,CAAEA,iBAAkB,CACrCQ,yBAAyB,CAAEA,yBAA0B,CACrDC,4BAA4B,CAAEA,4BAA6B,CAC3D4C,SAAS,CAAC,MAAM,CAEhB9B,KAAK,CAAE1E,KAAK,CAAC0E,KAAgB,CAC7BP,WAAW,CACTxD,aAAa,GAAK,UAAU,EAAIH,eAAe,CAACY,MAAM,CAAG,CAAC,CACtDgB,SAAS,CACT8B,0BACL,CACDuC,aAAa,CAAE,CAAA1D,CAAAA,YAAA,CAAA/C,KAAK,CAAC0E,KAAK,GAAX3B,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,YAAA,CAAa3B,MAAM,IAAK,CAAE,CACzCsF,kBAAkB,CAAE1G,KAAK,CAAC0G,kBAAmB,CAC7CjC,aAAa,CAAEzE,KAAK,CAACyE,aAAa,GAAK,cAAc,CAAGrC,SAAS,CAAGpC,KAAK,CAACyE,aAAc,CACxFkC,kBAAkB,CAAE3G,KAAK,CAACyE,aAAa,GAAK,cAAe,CAC3DmC,kBAAkB,CAAE5G,KAAK,CAAC4G,kBAAmB,CAC7CC,0BAA0B,CAAC,MAAM,CACjCC,eAAe,CAAE9G,KAAK,CAAC8G,eAAgB,CACvCC,QAAQ,CAAE/G,KAAK,CAAC+G,QAAS,CACzBC,SAAS,CAAEhH,KAAK,CAACgH,SAAU,CAC3BC,WAAW,CAAEjH,KAAK,CAACiH,WAAY,CAC/BxE,IAAI,CAAEzC,KAAK,CAACyC,IAAK,CACjB4C,UAAU,CAAErF,KAAK,CAACqF,UAAW,CAC7B6B,UAAU,CAAElH,KAAK,CAACkH,UAAW,CAC7B1C,MAAM,CAAExE,KAAK,CAACwE,MAAO,CACrB2C,MAAM,CAAEnH,KAAK,CAACmH,MAAO,CACrBC,SAAS,CAAEpH,KAAK,CAACoH,SAAU,CAC3BnG,KAAK,CAAEsD,QAAQ,EAAG,CAClB8C,OAAO,CAAE,SAAAA,QAACC,CAAC,CAAK,CACd,GAAItH,KAAK,CAACqF,UAAU,CAAE,CACpB,OACF,CACArF,KAAK,CAAC0D,cAAc,cAApB1D,KAAK,CAAC0D,cAAc,CAAG4D,CAAC,CAAC,CAC3B,CAAE,CACFC,OAAO,CAAEvH,KAAK,CAACuH,OAAQ,CACvBC,MAAM,CAAE,SAAAA,MAAAC,CAAAA,KAAA,CAAc,CAAX,IAAAhF,IAAI,CAAAgF,KAAA,CAAJhF,IAAI,CACbzC,KAAK,CAACwH,MAAM,cAAZxH,KAAK,CAACwH,MAAM,CAAG,CAAE/E,IAAI,CAAJA,IAAI,CAAExB,KAAK,CAALA,KAAM,CAAC,CAAC,CACjC,CAAE,CACFyG,WAAW,CAAE1H,KAAK,CAAC2H,IAAK,CAExBC,aAAa,CAAE5H,KAAK,CAACsC,aAAa,CAAGuF,aAAa,CAACC,WAAW,CAAGD,aAAa,CAACE,YAAa,CAC5FC,MAAM,CAAEhI,KAAK,CAACgI,MAAO,CAErBC,EAAE,CAAG,CAAA,EAAE3E,cAAe,CAAU,QAAA,CAAA,CAChC4E,OAAO,CAAG,CAAA,EAAE5E,cAAe,CAAQ,MAAA,CAAA,CACnC6E,QAAQ,CAAEC,0BAA0B,CAACtE,eAAe,CAAET,iBAAiB,CAAE,CACzEgF,eAAe,CAAEpF,MAAO,CACxBqF,gBAAgB,CAAEzE,WAAW,EAAI,CAAC,CAAI,CAAEP,EAAAA,cAAe,IAAGO,WAAY,CAAA,CAAC,CAAGzB,SAAU,CACpFmG,OAAO,CAAG,CAAA,EAAEjF,cAAe,CAAa,WAAA,CAAA,CAExCd,QAAQ,CAAExC,KAAK,CAACsC,aAAa,CAAGF,SAAS,CAAGpC,KAAK,CAACwI,kBAAmB,CACrEC,SAAS,CAAEzI,KAAK,CAAC0I,gBAAiB,CAClC3D,IAAI,CAAE/E,KAAK,CAAC+E,IAAK,CACjB4D,0BAA0B,CACxBvE,sBAAsB,CAAG,IAAI,CAC3B0B,GAAA,CAAC8C,gBAAgB,CACfvB,CAAAA,OAAO,CAAE,SAAAA,OAAAA,EAAM,CACb,GAAI,CAACrH,KAAK,CAACqF,UAAU,CAAE,CAErB,GAAI,CAACK,aAAa,EAAE,CAAE,KAAAmD,sBAAA,CACpB,CAAAA,sBAAA,CAAAtF,YAAY,CAACkC,OAAO,eAApBoD,sBAAA,CAAsBjD,KAAK,EAAE,CAC/B,CACAlC,cAAc,EAAE,CAClB,CACF,CAAE,CACF2B,UAAU,CAAErF,KAAK,CAACqF,UAAW,CAC7BpC,MAAM,CAAEA,MAAO,CAChB,CAEJ,CACF,CAAC,CAEN,CAAC,CAEK,IAAA6F,wBAAwB,CAAG7G,cAAK,CAAC8G,UAAU,CAACpG,yBAAyB;;;;"}

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

@@ -22,7 +22,7 @@ import { CharacterCounter } from '../../Form/CharacterCounter/CharacterCounter.j
 import { IconButton } from '../../Button/IconButton/IconButton.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["label","accessibilityLabel","labelPosition","showRevealButton","maxCharacters","validationState","errorText","successText","helpText","isDisabled","defaultValue","placeholder","isRequired","necessityIndicator","value","onChange","onFocus","onBlur","onSubmit","name","autoFocus","keyboardReturnKeyType","autoCompleteSuggestionType","testID","size"];var _PasswordInput=function _PasswordInput(_ref,ref){var label=_ref.label,accessibilityLabel=_ref.accessibilityLabel,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,_ref$showRevealButton=_ref.showRevealButton,showRevealButton=_ref$showRevealButton===void 0?true:_ref$showRevealButton,maxCharacters=_ref.maxCharacters,validationState=_ref.validationState,errorText=_ref.errorText,successText=_ref.successText,helpText=_ref.helpText,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,defaultValue=_ref.defaultValue,placeholder=_ref.placeholder,_ref$isRequired=_ref.isRequired,isRequired=_ref$isRequired===void 0?false:_ref$isRequired,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,value=_ref.value,onChange=_ref.onChange,onFocus=_ref.onFocus,onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,name=_ref.name,_ref$autoFocus=_ref.autoFocus,autoFocus=_ref$autoFocus===void 0?false:_ref$autoFocus,_ref$keyboardReturnKe=_ref.keyboardReturnKeyType,keyboardReturnKeyType=_ref$keyboardReturnKe===void 0?'done':_ref$keyboardReturnKe,autoCompleteSuggestionType=_ref.autoCompleteSuggestionType,testID=_ref.testID,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,styledProps=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isRevealed=_React$useState2[0],setIsRevealed=_React$useState2[1];var isEnabled=!isDisabled;var isRevealedAndEnabled=isRevealed&&isEnabled;var toggleIsRevealed=function toggleIsRevealed(){return setIsRevealed(function(revealed){return !revealed;});};var iconAccessibilityLabel=isRevealedAndEnabled?'Hide password':'Show password';var type=isRevealedAndEnabled?'text':'password';var revealButtonIcon=isRevealedAndEnabled?EyeOffIcon:EyeIcon;var revealButton=showRevealButton&&!isDisabled?jsx(IconButton,{size:"medium",icon:revealButtonIcon,onClick:toggleIsRevealed,accessibilityLabel:iconAccessibilityLabel}):null;var trailingFooterSlot=function trailingFooterSlot(value){var _value$length;return maxCharacters?jsx(BaseBox,{marginTop:"spacing.2",marginRight:"spacing.1",children:jsx(CharacterCounter,{currentCount:(_value$length=value==null?void 0:value.length)!=null?_value$length:0,maxCount:maxCharacters})}):null;};return jsx(BaseInput,Object.assign({ref:ref,componentName:MetaConstants.PasswordInput,id:"password-field",label:label,accessibilityLabel:accessibilityLabel,hideLabelText:!Boolean(label),labelPosition:labelPosition,type:type,interactionElement:revealButton,trailingFooterSlot:trailingFooterSlot,maxCharacters:maxCharacters,validationState:validationState,errorText:errorText,successText:successText,helpText:helpText,isDisabled:isDisabled,defaultValue:defaultValue,placeholder:placeholder,isRequired:isRequired,necessityIndicator:necessityIndicator,value:value,onChange:onChange,onBlur:onBlur,onSubmit:onSubmit,onFocus:onFocus,name:name,autoFocus:autoFocus,autoCompleteSuggestionType:autoCompleteSuggestionType,keyboardReturnKeyType:keyboardReturnKeyType,autoCapitalize:"none",testID:testID,size:size},styledProps));};var PasswordInput=assignWithoutSideEffects(React__default.forwardRef(_PasswordInput),{displayName:'PasswordInput'});
+var _excluded=["label","accessibilityLabel","labelPosition","showRevealButton","maxCharacters","validationState","errorText","successText","helpText","isDisabled","defaultValue","placeholder","isRequired","necessityIndicator","value","onChange","onFocus","onBlur","onSubmit","name","autoFocus","keyboardReturnKeyType","autoCompleteSuggestionType","testID","size"];var _PasswordInput=function _PasswordInput(_ref,ref){var label=_ref.label,accessibilityLabel=_ref.accessibilityLabel,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,_ref$showRevealButton=_ref.showRevealButton,showRevealButton=_ref$showRevealButton===void 0?true:_ref$showRevealButton,maxCharacters=_ref.maxCharacters,validationState=_ref.validationState,errorText=_ref.errorText,successText=_ref.successText,helpText=_ref.helpText,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,defaultValue=_ref.defaultValue,placeholder=_ref.placeholder,_ref$isRequired=_ref.isRequired,isRequired=_ref$isRequired===void 0?false:_ref$isRequired,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,value=_ref.value,onChange=_ref.onChange,onFocus=_ref.onFocus,onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,name=_ref.name,_ref$autoFocus=_ref.autoFocus,autoFocus=_ref$autoFocus===void 0?false:_ref$autoFocus,_ref$keyboardReturnKe=_ref.keyboardReturnKeyType,keyboardReturnKeyType=_ref$keyboardReturnKe===void 0?'done':_ref$keyboardReturnKe,autoCompleteSuggestionType=_ref.autoCompleteSuggestionType,testID=_ref.testID,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,styledProps=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isRevealed=_React$useState2[0],setIsRevealed=_React$useState2[1];var isEnabled=!isDisabled;var isRevealedAndEnabled=isRevealed&&isEnabled;var toggleIsRevealed=function toggleIsRevealed(){return setIsRevealed(function(revealed){return !revealed;});};var iconAccessibilityLabel=isRevealedAndEnabled?'Hide password':'Show password';var type=isRevealedAndEnabled?'text':'password';var revealButtonIcon=isRevealedAndEnabled?EyeOffIcon:EyeIcon;var revealButton=showRevealButton&&!isDisabled?jsx(IconButton,{size:"medium",icon:revealButtonIcon,onClick:toggleIsRevealed,accessibilityLabel:iconAccessibilityLabel}):null;var trailingFooterSlot=function trailingFooterSlot(value){var _value$length;return maxCharacters?jsx(BaseBox,{marginTop:"spacing.2",marginRight:"spacing.1",children:jsx(CharacterCounter,{currentCount:(_value$length=value==null?void 0:value.length)!=null?_value$length:0,maxCount:maxCharacters})}):null;};return jsx(BaseInput,Object.assign({ref:ref,componentName:MetaConstants.PasswordInput,id:"password-field",label:label,accessibilityLabel:accessibilityLabel,hideLabelText:!Boolean(label),labelPosition:labelPosition,type:type,trailingInteractionElement:revealButton,trailingFooterSlot:trailingFooterSlot,maxCharacters:maxCharacters,validationState:validationState,errorText:errorText,successText:successText,helpText:helpText,isDisabled:isDisabled,defaultValue:defaultValue,placeholder:placeholder,isRequired:isRequired,necessityIndicator:necessityIndicator,value:value,onChange:onChange,onBlur:onBlur,onSubmit:onSubmit,onFocus:onFocus,name:name,autoFocus:autoFocus,autoCompleteSuggestionType:autoCompleteSuggestionType,keyboardReturnKeyType:keyboardReturnKeyType,autoCapitalize:"none",testID:testID,size:size},styledProps));};var PasswordInput=assignWithoutSideEffects(React__default.forwardRef(_PasswordInput),{displayName:'PasswordInput'});
 
 export { PasswordInput };
 //# sourceMappingURL=PasswordInput.js.map

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 { 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  | '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> &\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    ...styledProps\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      interactionElement={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      {...styledProps}\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","styledProps","_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","interactionElement","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 { 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  | '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> &\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    ...styledProps\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      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      {...styledProps}\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","styledProps","_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/PhoneNumberInput/PhoneNumberInput.native.js

@@ -0,0 +1,7 @@
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var PhoneNumberInput=function PhoneNumberInput(_props){throwBladeError({message:'PhoneNumberInput is not yet implemented for native',moduleName:'PhoneNumberInput'});return jsx(Fragment,{});};
+
+export { PhoneNumberInput };
+//# sourceMappingURL=PhoneNumberInput.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumberInput.native.js","sources":["../../../../../../src/components/Input/PhoneNumberInput/PhoneNumberInput.native.tsx"],"sourcesContent":["import type { PhoneNumberInputProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst PhoneNumberInput = (_props: PhoneNumberInputProps): React.ReactElement => {\n  throwBladeError({\n    message: 'PhoneNumberInput is not yet implemented for native',\n    moduleName: 'PhoneNumberInput',\n  });\n\n  return <></>;\n};\n\nexport { PhoneNumberInput };\n"],"names":["PhoneNumberInput","_props","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAGM,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAIC,MAA6B,CAAyB,CAC9EC,eAAe,CAAC,CACdC,OAAO,CAAE,oDAAoD,CAC7DC,UAAU,CAAE,kBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}

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

@@ -25,7 +25,7 @@ import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffect
 import { useMergeRefs } from '../../../utils/useMergeRefs.js';
 import { hintMarginTop } from '../../Form/formTokens.js';
 
-var _excluded=["label","accessibilityLabel","labelPosition","necessityIndicator","errorText","helpText","successText","validationState","defaultValue","isDisabled","isRequired","name","onChange","onFocus","onBlur","onSubmit","placeholder","value","maxCharacters","showClearButton","onClearButtonClick","autoFocus","numberOfLines","testID","size"];var isReactNative=function isReactNative(_textInputRef){return getPlatformType()==='react-native';};var _TextArea=function _TextArea(_ref,ref){var label=_ref.label,accessibilityLabel=_ref.accessibilityLabel,labelPosition=_ref.labelPosition,necessityIndicator=_ref.necessityIndicator,errorText=_ref.errorText,helpText=_ref.helpText,successText=_ref.successText,validationState=_ref.validationState,defaultValue=_ref.defaultValue,isDisabled=_ref.isDisabled,isRequired=_ref.isRequired,name=_ref.name,_onChange=_ref.onChange,onFocus=_ref.onFocus,onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,placeholder=_ref.placeholder,value=_ref.value,maxCharacters=_ref.maxCharacters,showClearButton=_ref.showClearButton,onClearButtonClick=_ref.onClearButtonClick,autoFocus=_ref.autoFocus,_ref$numberOfLines=_ref.numberOfLines,numberOfLines=_ref$numberOfLines===void 0?2:_ref$numberOfLines,testID=_ref.testID,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,styledProps=_objectWithoutProperties(_ref,_excluded);var inputRef=React__default.useRef(null);var mergedRef=useMergeRefs(ref,inputRef);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),shouldShowClearButton=_React$useState2[0],setShouldShowClearButton=_React$useState2[1];React__default.useEffect(function(){setShouldShowClearButton(Boolean(showClearButton&&((value==null?void 0:value.length)||(defaultValue==null?void 0:defaultValue.length))));},[showClearButton,defaultValue,value]);var renderInteractionElement=function renderInteractionElement(){if(shouldShowClearButton){return jsx(BaseBox,{paddingTop:"spacing.3",marginTop:"spacing.1",children:jsx(IconButton,{icon:CloseIcon,accessibilityLabel:"Clear textarea content",onClick:function onClick(){var _inputRef$current;if(isEmpty(value)&&inputRef.current){if(isReactNative(inputRef.current)){inputRef.current.clear();inputRef.current.focus();}else if(inputRef.current instanceof HTMLTextAreaElement){inputRef.current.value='';inputRef.current.focus();}}onClearButtonClick==null?void 0:onClearButtonClick();inputRef==null?void 0:(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus();setShouldShowClearButton(false);}})});}return null;};return jsx(BaseInput,Object.assign({as:"textarea",id:"textarea",componentName:MetaConstants.TextArea,autoFocus:autoFocus,ref:mergedRef,label:label,accessibilityLabel:accessibilityLabel,hideLabelText:!Boolean(label),labelPosition:labelPosition,necessityIndicator:necessityIndicator,errorText:errorText,helpText:helpText,successText:successText,validationState:validationState,isDisabled:isDisabled,isRequired:isRequired,name:name,maxCharacters:maxCharacters,placeholder:placeholder,interactionElement:renderInteractionElement(),defaultValue:defaultValue,value:value,numberOfLines:numberOfLines,onChange:function onChange(_ref2){var name=_ref2.name,value=_ref2.value;if(showClearButton&&value!=null&&value.length){setShouldShowClearButton(true);}if(shouldShowClearButton&&!(value!=null&&value.length)){setShouldShowClearButton(false);}_onChange==null?void 0:_onChange({name:name,value:value});},onFocus:onFocus,onBlur:onBlur,onSubmit:onSubmit,trailingFooterSlot:function trailingFooterSlot(value){var _value$length;return maxCharacters?jsx(BaseBox,{marginTop:hintMarginTop[size],marginRight:"spacing.1",children:jsx(CharacterCounter,{currentCount:(_value$length=value==null?void 0:value.length)!=null?_value$length:0,maxCount:maxCharacters})}):null;},testID:testID,size:size},styledProps));};var TextArea=assignWithoutSideEffects(React__default.forwardRef(_TextArea),{displayName:'TextArea'});
+var _excluded=["label","accessibilityLabel","labelPosition","necessityIndicator","errorText","helpText","successText","validationState","defaultValue","isDisabled","isRequired","name","onChange","onFocus","onBlur","onSubmit","placeholder","value","maxCharacters","showClearButton","onClearButtonClick","autoFocus","numberOfLines","testID","size"];var isReactNative=function isReactNative(_textInputRef){return getPlatformType()==='react-native';};var _TextArea=function _TextArea(_ref,ref){var label=_ref.label,accessibilityLabel=_ref.accessibilityLabel,labelPosition=_ref.labelPosition,necessityIndicator=_ref.necessityIndicator,errorText=_ref.errorText,helpText=_ref.helpText,successText=_ref.successText,validationState=_ref.validationState,defaultValue=_ref.defaultValue,isDisabled=_ref.isDisabled,isRequired=_ref.isRequired,name=_ref.name,_onChange=_ref.onChange,onFocus=_ref.onFocus,onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,placeholder=_ref.placeholder,value=_ref.value,maxCharacters=_ref.maxCharacters,showClearButton=_ref.showClearButton,onClearButtonClick=_ref.onClearButtonClick,autoFocus=_ref.autoFocus,_ref$numberOfLines=_ref.numberOfLines,numberOfLines=_ref$numberOfLines===void 0?2:_ref$numberOfLines,testID=_ref.testID,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,styledProps=_objectWithoutProperties(_ref,_excluded);var inputRef=React__default.useRef(null);var mergedRef=useMergeRefs(ref,inputRef);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),shouldShowClearButton=_React$useState2[0],setShouldShowClearButton=_React$useState2[1];React__default.useEffect(function(){setShouldShowClearButton(Boolean(showClearButton&&((value==null?void 0:value.length)||(defaultValue==null?void 0:defaultValue.length))));},[showClearButton,defaultValue,value]);var renderInteractionElement=function renderInteractionElement(){if(shouldShowClearButton){return jsx(BaseBox,{paddingTop:"spacing.3",marginTop:"spacing.1",children:jsx(IconButton,{icon:CloseIcon,accessibilityLabel:"Clear textarea content",onClick:function onClick(){var _inputRef$current;if(isEmpty(value)&&inputRef.current){if(isReactNative(inputRef.current)){inputRef.current.clear();inputRef.current.focus();}else if(inputRef.current instanceof HTMLTextAreaElement){inputRef.current.value='';inputRef.current.focus();}}onClearButtonClick==null?void 0:onClearButtonClick();inputRef==null?void 0:(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus();setShouldShowClearButton(false);}})});}return null;};return jsx(BaseInput,Object.assign({as:"textarea",id:"textarea",componentName:MetaConstants.TextArea,autoFocus:autoFocus,ref:mergedRef,label:label,accessibilityLabel:accessibilityLabel,hideLabelText:!Boolean(label),labelPosition:labelPosition,necessityIndicator:necessityIndicator,errorText:errorText,helpText:helpText,successText:successText,validationState:validationState,isDisabled:isDisabled,isRequired:isRequired,name:name,maxCharacters:maxCharacters,placeholder:placeholder,trailingInteractionElement:renderInteractionElement(),defaultValue:defaultValue,value:value,numberOfLines:numberOfLines,onChange:function onChange(_ref2){var name=_ref2.name,value=_ref2.value;if(showClearButton&&value!=null&&value.length){setShouldShowClearButton(true);}if(shouldShowClearButton&&!(value!=null&&value.length)){setShouldShowClearButton(false);}_onChange==null?void 0:_onChange({name:name,value:value});},onFocus:onFocus,onBlur:onBlur,onSubmit:onSubmit,trailingFooterSlot:function trailingFooterSlot(value){var _value$length;return maxCharacters?jsx(BaseBox,{marginTop:hintMarginTop[size],marginRight:"spacing.1",children:jsx(CharacterCounter,{currentCount:(_value$length=value==null?void 0:value.length)!=null?_value$length:0,maxCount:maxCharacters})}):null;},testID:testID,size:size},styledProps));};var TextArea=assignWithoutSideEffects(React__default.forwardRef(_TextArea),{displayName:'TextArea'});
 
 export { TextArea };
 //# sourceMappingURL=TextArea.js.map