@razorpay/blade 12.51.0 → 12.52.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/build/lib/native/components/Input/BaseInput/BaseInput.js +1 -1
  2. package/build/lib/native/components/Input/BaseInput/BaseInput.js.map +1 -1
  3. package/build/lib/native/components/Input/BaseInput/StyledBaseInput.native.js +3 -2
  4. package/build/lib/native/components/Input/BaseInput/StyledBaseInput.native.js.map +1 -1
  5. package/build/lib/native/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js +1 -1
  6. package/build/lib/native/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js.map +1 -1
  7. package/build/lib/web/development/components/Input/BaseInput/BaseInput.js +3 -1
  8. package/build/lib/web/development/components/Input/BaseInput/BaseInput.js.map +1 -1
  9. package/build/lib/web/development/components/Input/BaseInput/StyledBaseInput.web.js +16 -8
  10. package/build/lib/web/development/components/Input/BaseInput/StyledBaseInput.web.js.map +1 -1
  11. package/build/lib/web/development/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js +7 -0
  12. package/build/lib/web/development/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js.map +1 -1
  13. package/build/lib/web/production/components/Input/BaseInput/BaseInput.js +3 -1
  14. package/build/lib/web/production/components/Input/BaseInput/BaseInput.js.map +1 -1
  15. package/build/lib/web/production/components/Input/BaseInput/StyledBaseInput.web.js +16 -8
  16. package/build/lib/web/production/components/Input/BaseInput/StyledBaseInput.web.js.map +1 -1
  17. package/build/lib/web/production/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js +7 -0
  18. package/build/lib/web/production/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js.map +1 -1
  19. package/build/types/components/index.d.ts +95 -100
  20. package/build/types/components/index.native.d.ts +95 -100
  21. package/package.json +1 -1
@@ -1 +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 isDropdownTrigger,\n size,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines' | 'isDropdownTrigger'> & {\n size: NonNullable<BaseInputProps['size']>;\n}): string | undefined => {\n if (isTextArea) {\n const lines = isDropdownTrigger ? 1 : numberOfLines ?? 0;\n return `${baseInputHeight[size] * lines}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 isTableInputCell: props.isTableInputCell,\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 isDropdownTrigger: props.isDropdownTrigger,\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 isTableInputCell,\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 isTableInputCell,\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 isTableInputCell,\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 isTableInputCell,\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","isDropdownTrigger","size","lines","baseInputHeight","undefined","makeSize","sizeToken","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","$size","valueComponentType","isTableInputCell","lineHeight","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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"}
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';\nimport BaseBox from '~components/Box/BaseBox';\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 isDropdownTrigger,\n size,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines' | 'isDropdownTrigger'> & {\n size: NonNullable<BaseInputProps['size']>;\n}): string | undefined => {\n if (isTextArea) {\n const lines = isDropdownTrigger ? 1 : numberOfLines ?? 0;\n return `${baseInputHeight[size] * lines}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 isTableInputCell: props.isTableInputCell,\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 isDropdownTrigger: props.isDropdownTrigger,\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 isTableInputCell,\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 isTableInputCell,\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 isTableInputCell,\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 isTableInputCell,\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 valueSuffix,\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 <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.3\">\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 {valueSuffix}\n </BaseBox>\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","isDropdownTrigger","size","lines","baseInputHeight","undefined","makeSize","sizeToken","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","$size","valueComponentType","isTableInputCell","lineHeight","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","valueSuffix","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","commonProps","onBlur","_jsx","onPress","onFocus","children","_jsxs","BaseBox","display","alignItems","gap","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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"}
@@ -18,7 +18,7 @@ import { dropdownComponentIds } from '../../Dropdown/dropdownComponentIds.js';
18
18
  import { useControlledDropdownInput } from '../../../utils/useControlledDropdownInput/useControlledDropdownInput.js';
19
19
  import { jsx } from 'react/jsx-runtime';
20
20
 
21
- var _BaseDropdownInputTrigger=function _BaseDropdownInputTrigger(props,ref){var _props$placeholder,_props$validationStat,_props$maxRows,_props$label;var _useDropdown=useDropdown(),isOpen=_useDropdown.isOpen,activeTagIndex=_useDropdown.activeTagIndex,setActiveTagIndex=_useDropdown.setActiveTagIndex,displayValue=_useDropdown.displayValue,selectionType=_useDropdown.selectionType,dropdownTriggerer=_useDropdown.dropdownTriggerer,dropdownBaseId=_useDropdown.dropdownBaseId,selectedIndices=_useDropdown.selectedIndices,triggererRef=_useDropdown.triggererRef,headerAutoCompleteRef=_useDropdown.headerAutoCompleteRef,triggererWrapperRef=_useDropdown.triggererWrapperRef,isTagDismissedRef=_useDropdown.isTagDismissedRef,onTriggerClick=_useDropdown.onTriggerClick,value=_useDropdown.value,shouldIgnoreBlurAnimation=_useDropdown.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_useDropdown.setShouldIgnoreBlurAnimation,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,options=_useDropdown.options,removeOption=_useDropdown.removeOption,setChangeCallbackTriggerer=_useDropdown.setChangeCallbackTriggerer,changeCallbackTriggerer=_useDropdown.changeCallbackTriggerer;var _useTableContext=useTableContext(),rowDensity=_useTableContext.rowDensity;var _useTableEditableCell=useTableEditableCell(),isInsideTableEditableCell=_useTableEditableCell.isInsideTableEditableCell;var dropdownTriggerPlaceholder=(_props$placeholder=props.placeholder)!=null?_props$placeholder:'Select Option';var isAutoCompleteInHeader=!props.isSelectInput&&dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete;var getShowAllTags=React__default.useCallback(function(){if(isAutoCompleteInHeader){if(props.isSelectInput){return false;}return true;}return isOpen;},[isAutoCompleteInHeader,props.isSelectInput,isOpen]);useControlledDropdownInput({onChange:props.onChange,name:props.name,value:props.value,defaultValue:props.defaultValue,syncInputValueWithSelection:props.syncInputValueWithSelection,isSelectInput:props.isSelectInput,triggererRef:triggererRef});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]);var tableInputProps={isTableInputCell:rowDensityToIsTableInputCellMapping[rowDensity],id:'table-editable-cell-input',size:tableEditableCellRowDensityToInputSizeMap[rowDensity],trailingIcon:validationStateToInputTrailingIconMap[(_props$validationStat=props.validationState)!=null?_props$validationStat:'none'],showHintsAsTooltip:true};var isValidationStateNone=props.validationState==='none'||props.validationState===undefined;return jsx(BaseInput,Object.assign({as:props.isSelectInput?'button':'input',ref:isReactNative()?null:function(node){if(isAutoCompleteInHeader){headerAutoCompleteRef.current=node;}else {triggererRef.current=node;}if(ref){if(typeof ref==='function'){ref(node);}else {ref.current=node;}}},isDropdownTrigger:true,setInputWrapperRef:function setInputWrapperRef(wrapperNode){if(!isAutoCompleteInHeader){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`,role:isAutoCompleteInHeader?'searchbox':'combobox',hasPopup:isAutoCompleteInHeader?false:getActionListContainerRole(hasFooterAction,dropdownTriggerer),isPopupExpanded:isOpen,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined,popupId:isAutoCompleteInHeader?undefined:`${dropdownBaseId}-actionlist`,onChange:props.isSelectInput?undefined:props.onInputValueChange,onKeyDown:props.onTriggerKeydown,size:props.size},makeAnalyticsAttribute(props),{onTrailingInteractionElementClick:function onTrailingInteractionElementClick(){if(!props.isDisabled){if(!isReactNative()){var _triggererRef$current2;(_triggererRef$current2=triggererRef.current)==null?void 0:_triggererRef$current2.focus();}onTriggerClick();}},trailingInteractionElement:isAutoCompleteInHeader||isInsideTableEditableCell&&!isValidationStateNone?null:jsx(InputChevronIcon,{isDisabled:props.isDisabled,isOpen:isOpen})},isInsideTableEditableCell?tableInputProps:undefined,{tabIndex:isAutoCompleteInHeader?0:undefined}));};var BaseDropdownInputTrigger=React__default.forwardRef(_BaseDropdownInputTrigger);
21
+ var _BaseDropdownInputTrigger=function _BaseDropdownInputTrigger(props,ref){var _props$placeholder,_props$validationStat,_props$maxRows,_props$label;var _useDropdown=useDropdown(),isOpen=_useDropdown.isOpen,activeTagIndex=_useDropdown.activeTagIndex,setActiveTagIndex=_useDropdown.setActiveTagIndex,displayValue=_useDropdown.displayValue,selectionType=_useDropdown.selectionType,dropdownTriggerer=_useDropdown.dropdownTriggerer,dropdownBaseId=_useDropdown.dropdownBaseId,selectedIndices=_useDropdown.selectedIndices,triggererRef=_useDropdown.triggererRef,headerAutoCompleteRef=_useDropdown.headerAutoCompleteRef,triggererWrapperRef=_useDropdown.triggererWrapperRef,isTagDismissedRef=_useDropdown.isTagDismissedRef,onTriggerClick=_useDropdown.onTriggerClick,value=_useDropdown.value,shouldIgnoreBlurAnimation=_useDropdown.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_useDropdown.setShouldIgnoreBlurAnimation,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,options=_useDropdown.options,removeOption=_useDropdown.removeOption,setChangeCallbackTriggerer=_useDropdown.setChangeCallbackTriggerer,changeCallbackTriggerer=_useDropdown.changeCallbackTriggerer;var _useTableContext=useTableContext(),rowDensity=_useTableContext.rowDensity;var _useTableEditableCell=useTableEditableCell(),isInsideTableEditableCell=_useTableEditableCell.isInsideTableEditableCell;var dropdownTriggerPlaceholder=(_props$placeholder=props.placeholder)!=null?_props$placeholder:'Select Option';var isAutoCompleteInHeader=!props.isSelectInput&&dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete;var getShowAllTags=React__default.useCallback(function(){if(isAutoCompleteInHeader){if(props.isSelectInput){return false;}return true;}return isOpen;},[isAutoCompleteInHeader,props.isSelectInput,isOpen]);useControlledDropdownInput({onChange:props.onChange,name:props.name,value:props.value,defaultValue:props.defaultValue,syncInputValueWithSelection:props.syncInputValueWithSelection,isSelectInput:props.isSelectInput,triggererRef:triggererRef});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]);var tableInputProps={isTableInputCell:rowDensityToIsTableInputCellMapping[rowDensity],id:'table-editable-cell-input',size:tableEditableCellRowDensityToInputSizeMap[rowDensity],trailingIcon:validationStateToInputTrailingIconMap[(_props$validationStat=props.validationState)!=null?_props$validationStat:'none'],showHintsAsTooltip:true};var isValidationStateNone=props.validationState==='none'||props.validationState===undefined;return jsx(BaseInput,Object.assign({as:props.isSelectInput?'button':'input',ref:isReactNative()?null:function(node){if(isAutoCompleteInHeader){headerAutoCompleteRef.current=node;}else {triggererRef.current=node;}if(ref){if(typeof ref==='function'){ref(node);}else {ref.current=node;}}},isDropdownTrigger:true,setInputWrapperRef:function setInputWrapperRef(wrapperNode){if(!isAutoCompleteInHeader){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,valueSuffix:typeof props.valueSuffix==='function'?props.valueSuffix({values:options.filter(function(option,index){return selectedIndices.includes(index);}).map(function(option){return option.value;})}):undefined,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`,role:isAutoCompleteInHeader?'searchbox':'combobox',hasPopup:isAutoCompleteInHeader?false:getActionListContainerRole(hasFooterAction,dropdownTriggerer),isPopupExpanded:isOpen,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined,popupId:isAutoCompleteInHeader?undefined:`${dropdownBaseId}-actionlist`,onChange:props.isSelectInput?undefined:props.onInputValueChange,onKeyDown:props.onTriggerKeydown,size:props.size},makeAnalyticsAttribute(props),{onTrailingInteractionElementClick:function onTrailingInteractionElementClick(){if(!props.isDisabled){if(!isReactNative()){var _triggererRef$current2;(_triggererRef$current2=triggererRef.current)==null?void 0:_triggererRef$current2.focus();}onTriggerClick();}},trailingInteractionElement:isAutoCompleteInHeader||isInsideTableEditableCell&&!isValidationStateNone?null:jsx(InputChevronIcon,{isDisabled:props.isDisabled,isOpen:isOpen})},isInsideTableEditableCell?tableInputProps:undefined,{tabIndex:isAutoCompleteInHeader?0:undefined}));};var BaseDropdownInputTrigger=React__default.forwardRef(_BaseDropdownInputTrigger);
22
22
 
23
23
  export { BaseDropdownInputTrigger };
24
24
  //# sourceMappingURL=BaseDropdownInputTrigger.js.map
@@ -1 +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 { 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 { useTableContext } from '~components/Table/TableContext';\nimport {\n rowDensityToIsTableInputCellMapping,\n tableEditableCellRowDensityToInputSizeMap,\n validationStateToInputTrailingIconMap,\n} from '~components/Table/tokens';\nimport { useTableEditableCell } from '~components/Table/TableEditableCellContext';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\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 headerAutoCompleteRef,\n triggererWrapperRef,\n isTagDismissedRef,\n onTriggerClick,\n value,\n shouldIgnoreBlurAnimation,\n setShouldIgnoreBlurAnimation,\n activeIndex,\n hasFooterAction,\n options,\n removeOption,\n setChangeCallbackTriggerer,\n changeCallbackTriggerer,\n } = useDropdown();\n const { rowDensity } = useTableContext();\n const { isInsideTableEditableCell } = useTableEditableCell();\n\n const dropdownTriggerPlaceholder = props.placeholder ?? 'Select Option';\n const isAutoCompleteInHeader =\n !props.isSelectInput && dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete;\n\n const getShowAllTags = React.useCallback((): boolean => {\n if (isAutoCompleteInHeader) {\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 }, [isAutoCompleteInHeader, 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 triggererRef,\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 const tableInputProps: Partial<BaseInputProps> = {\n isTableInputCell: rowDensityToIsTableInputCellMapping[rowDensity],\n id: 'table-editable-cell-input',\n size: tableEditableCellRowDensityToInputSizeMap[rowDensity],\n trailingIcon: validationStateToInputTrailingIconMap[props.validationState ?? 'none'],\n showHintsAsTooltip: true,\n };\n\n const isValidationStateNone =\n props.validationState === 'none' || props.validationState === undefined;\n\n return (\n <BaseInput\n as={props.isSelectInput ? 'button' : 'input'}\n ref={\n (isReactNative()\n ? null\n : // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (node: any) => {\n if (isAutoCompleteInHeader) {\n headerAutoCompleteRef.current = node;\n } else {\n triggererRef.current = node;\n }\n\n if (ref) {\n if (typeof ref === 'function') {\n ref(node);\n } else {\n ref.current = node;\n }\n }\n }) as never\n }\n isDropdownTrigger={true}\n setInputWrapperRef={(wrapperNode) => {\n // when autocomplete is in header, its not a trigger but a component inside of DropdownOverlay\n if (!isAutoCompleteInHeader) {\n triggererWrapperRef.current = wrapperNode;\n }\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 role={isAutoCompleteInHeader ? 'searchbox' : 'combobox'}\n hasPopup={\n isAutoCompleteInHeader\n ? false\n : getActionListContainerRole(hasFooterAction, dropdownTriggerer)\n }\n isPopupExpanded={isOpen}\n activeDescendant={activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined}\n popupId={isAutoCompleteInHeader ? undefined : `${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 {...makeAnalyticsAttribute(props)}\n onTrailingInteractionElementClick={() => {\n if (!props.isDisabled) {\n // Icon onClicks to the SelectInput itself\n if (!isReactNative()) {\n triggererRef.current?.focus();\n }\n onTriggerClick();\n }\n }}\n trailingInteractionElement={\n isAutoCompleteInHeader || (isInsideTableEditableCell && !isValidationStateNone) ? null : (\n <InputChevronIcon isDisabled={props.isDisabled} isOpen={isOpen} />\n )\n }\n {...(isInsideTableEditableCell ? tableInputProps : undefined)}\n // When AutoComplete is present inside DropdownOverlay, the floating ui adds tabIndex -1 internally. We override it with tabIndex 0 here\n tabIndex={isAutoCompleteInHeader ? 0 : undefined}\n />\n );\n};\n\nconst BaseDropdownInputTrigger = React.forwardRef(_BaseDropdownInputTrigger);\n\nexport { BaseDropdownInputTrigger };\n"],"names":["_BaseDropdownInputTrigger","props","ref","_props$placeholder","_props$validationStat","_props$maxRows","_props$label","_useDropdown","useDropdown","isOpen","activeTagIndex","setActiveTagIndex","displayValue","selectionType","dropdownTriggerer","dropdownBaseId","selectedIndices","triggererRef","headerAutoCompleteRef","triggererWrapperRef","isTagDismissedRef","onTriggerClick","value","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","activeIndex","hasFooterAction","options","removeOption","setChangeCallbackTriggerer","changeCallbackTriggerer","_useTableContext","useTableContext","rowDensity","_useTableEditableCell","useTableEditableCell","isInsideTableEditableCell","dropdownTriggerPlaceholder","placeholder","isAutoCompleteInHeader","isSelectInput","dropdownComponentIds","triggers","AutoComplete","getShowAllTags","React","useCallback","useControlledDropdownInput","onChange","name","defaultValue","syncInputValueWithSelection","getValue","prefix","labelPosition","label","undefined","inputValue","getTags","useMemo","_ref","size","getTagsGroup","tags","map","selectedIndex","_options$selectedInde","title","isDisabled","onDismiss","_ref2","tagIndex","current","isReactNative","_triggererRef$current","focus","Number","tableInputProps","isTableInputCell","rowDensityToIsTableInputCellMapping","id","tableEditableCellRowDensityToInputSizeMap","trailingIcon","validationStateToInputTrailingIconMap","validationState","showHintsAsTooltip","isValidationStateNone","_jsx","BaseInput","Object","assign","as","node","isDropdownTrigger","setInputWrapperRef","wrapperNode","maxTagRows","maxRows","showAllTags","textAlign","length","hideLabelText","accessibilityLabel","isLabelInsideInput","necessityIndicator","autoCompleteSuggestionType","helpText","errorText","successText","isRequired","suffix","autoFocus","onClick","e","onFocus","onBlur","_ref3","leadingIcon","icon","componentName","MetaConstants","SelectInput","testID","labelId","role","hasPopup","getActionListContainerRole","isPopupExpanded","activeDescendant","popupId","onInputValueChange","onKeyDown","onTriggerKeydown","makeAnalyticsAttribute","onTrailingInteractionElementClick","_triggererRef$current2","trailingInteractionElement","InputChevronIcon","tabIndex","BaseDropdownInputTrigger","forwardRef"],"mappings":"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"}
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 { 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 { useTableContext } from '~components/Table/TableContext';\nimport {\n rowDensityToIsTableInputCellMapping,\n tableEditableCellRowDensityToInputSizeMap,\n validationStateToInputTrailingIconMap,\n} from '~components/Table/tokens';\nimport { useTableEditableCell } from '~components/Table/TableEditableCellContext';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\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 headerAutoCompleteRef,\n triggererWrapperRef,\n isTagDismissedRef,\n onTriggerClick,\n value,\n shouldIgnoreBlurAnimation,\n setShouldIgnoreBlurAnimation,\n activeIndex,\n hasFooterAction,\n options,\n removeOption,\n setChangeCallbackTriggerer,\n changeCallbackTriggerer,\n } = useDropdown();\n const { rowDensity } = useTableContext();\n const { isInsideTableEditableCell } = useTableEditableCell();\n\n const dropdownTriggerPlaceholder = props.placeholder ?? 'Select Option';\n const isAutoCompleteInHeader =\n !props.isSelectInput && dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete;\n\n const getShowAllTags = React.useCallback((): boolean => {\n if (isAutoCompleteInHeader) {\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 }, [isAutoCompleteInHeader, 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 triggererRef,\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 const tableInputProps: Partial<BaseInputProps> = {\n isTableInputCell: rowDensityToIsTableInputCellMapping[rowDensity],\n id: 'table-editable-cell-input',\n size: tableEditableCellRowDensityToInputSizeMap[rowDensity],\n trailingIcon: validationStateToInputTrailingIconMap[props.validationState ?? 'none'],\n showHintsAsTooltip: true,\n };\n\n const isValidationStateNone =\n props.validationState === 'none' || props.validationState === undefined;\n\n return (\n <BaseInput\n as={props.isSelectInput ? 'button' : 'input'}\n ref={\n (isReactNative()\n ? null\n : // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (node: any) => {\n if (isAutoCompleteInHeader) {\n headerAutoCompleteRef.current = node;\n } else {\n triggererRef.current = node;\n }\n\n if (ref) {\n if (typeof ref === 'function') {\n ref(node);\n } else {\n ref.current = node;\n }\n }\n }) as never\n }\n isDropdownTrigger={true}\n setInputWrapperRef={(wrapperNode) => {\n // when autocomplete is in header, its not a trigger but a component inside of DropdownOverlay\n if (!isAutoCompleteInHeader) {\n triggererWrapperRef.current = wrapperNode;\n }\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 valueSuffix={\n typeof props.valueSuffix === 'function'\n ? props.valueSuffix({\n values: options\n .filter((option, index) => selectedIndices.includes(index))\n .map((option) => option.value),\n })\n : undefined\n }\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 role={isAutoCompleteInHeader ? 'searchbox' : 'combobox'}\n hasPopup={\n isAutoCompleteInHeader\n ? false\n : getActionListContainerRole(hasFooterAction, dropdownTriggerer)\n }\n isPopupExpanded={isOpen}\n activeDescendant={activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined}\n popupId={isAutoCompleteInHeader ? undefined : `${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 {...makeAnalyticsAttribute(props)}\n onTrailingInteractionElementClick={() => {\n if (!props.isDisabled) {\n // Icon onClicks to the SelectInput itself\n if (!isReactNative()) {\n triggererRef.current?.focus();\n }\n onTriggerClick();\n }\n }}\n trailingInteractionElement={\n isAutoCompleteInHeader || (isInsideTableEditableCell && !isValidationStateNone) ? null : (\n <InputChevronIcon isDisabled={props.isDisabled} isOpen={isOpen} />\n )\n }\n {...(isInsideTableEditableCell ? tableInputProps : undefined)}\n // When AutoComplete is present inside DropdownOverlay, the floating ui adds tabIndex -1 internally. We override it with tabIndex 0 here\n tabIndex={isAutoCompleteInHeader ? 0 : undefined}\n />\n );\n};\n\nconst BaseDropdownInputTrigger = React.forwardRef(_BaseDropdownInputTrigger);\n\nexport { BaseDropdownInputTrigger };\n"],"names":["_BaseDropdownInputTrigger","props","ref","_props$placeholder","_props$validationStat","_props$maxRows","_props$label","_useDropdown","useDropdown","isOpen","activeTagIndex","setActiveTagIndex","displayValue","selectionType","dropdownTriggerer","dropdownBaseId","selectedIndices","triggererRef","headerAutoCompleteRef","triggererWrapperRef","isTagDismissedRef","onTriggerClick","value","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","activeIndex","hasFooterAction","options","removeOption","setChangeCallbackTriggerer","changeCallbackTriggerer","_useTableContext","useTableContext","rowDensity","_useTableEditableCell","useTableEditableCell","isInsideTableEditableCell","dropdownTriggerPlaceholder","placeholder","isAutoCompleteInHeader","isSelectInput","dropdownComponentIds","triggers","AutoComplete","getShowAllTags","React","useCallback","useControlledDropdownInput","onChange","name","defaultValue","syncInputValueWithSelection","getValue","prefix","labelPosition","label","undefined","inputValue","getTags","useMemo","_ref","size","getTagsGroup","tags","map","selectedIndex","_options$selectedInde","title","isDisabled","onDismiss","_ref2","tagIndex","current","isReactNative","_triggererRef$current","focus","Number","tableInputProps","isTableInputCell","rowDensityToIsTableInputCellMapping","id","tableEditableCellRowDensityToInputSizeMap","trailingIcon","validationStateToInputTrailingIconMap","validationState","showHintsAsTooltip","isValidationStateNone","_jsx","BaseInput","Object","assign","as","node","isDropdownTrigger","setInputWrapperRef","wrapperNode","maxTagRows","maxRows","showAllTags","textAlign","length","hideLabelText","accessibilityLabel","isLabelInsideInput","necessityIndicator","autoCompleteSuggestionType","helpText","errorText","successText","isRequired","suffix","valueSuffix","values","filter","option","index","includes","autoFocus","onClick","e","onFocus","onBlur","_ref3","leadingIcon","icon","componentName","MetaConstants","SelectInput","testID","labelId","role","hasPopup","getActionListContainerRole","isPopupExpanded","activeDescendant","popupId","onInputValueChange","onKeyDown","onTriggerKeydown","makeAnalyticsAttribute","onTrailingInteractionElementClick","_triggererRef$current2","trailingInteractionElement","InputChevronIcon","tabIndex","BaseDropdownInputTrigger","forwardRef"],"mappings":"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"}
@@ -48,7 +48,7 @@ import { makeSize } from '../../../utils/makeSize/makeSize.js';
48
48
  import { FormHint } from '../../Form/FormHint.js';
49
49
  import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
50
50
 
51
- var _excluded = ["as", "label", "labelPosition", "placeholder", "type", "defaultValue", "tags", "showAllTags", "activeTagIndex", "setActiveTagIndex", "name", "value", "onFocus", "onChange", "onInput", "onBlur", "onSubmit", "onClick", "onKeyDown", "isDisabled", "necessityIndicator", "validationState", "errorText", "helpText", "successText", "isRequired", "leadingIcon", "prefix", "trailingInteractionElement", "onTrailingInteractionElementClick", "leadingInteractionElement", "suffix", "trailingIcon", "maxCharacters", "textAlign", "autoFocus", "keyboardReturnKeyType", "keyboardType", "autoCompleteSuggestionType", "trailingHeaderSlot", "trailingFooterSlot", "numberOfLines", "id", "componentName", "accessibilityLabel", "labelId", "activeDescendant", "hideLabelText", "hideFormHint", "hasPopup", "popupId", "isPopupExpanded", "maxTagRows", "shouldIgnoreBlurAnimation", "setShouldIgnoreBlurAnimation", "autoCapitalize", "setInputWrapperRef", "testID", "isDropdownTrigger", "isLabelInsideInput", "size", "trailingButton", "valueComponentType", "isTableInputCell", "showHintsAsTooltip", "_motionMeta", "role", "tabIndex", "leadingDropDown", "trailingDropDown", "labelSuffix", "labelTrailing"];
51
+ var _excluded = ["as", "label", "labelPosition", "placeholder", "type", "defaultValue", "tags", "showAllTags", "activeTagIndex", "setActiveTagIndex", "name", "value", "onFocus", "onChange", "onInput", "onBlur", "onSubmit", "onClick", "onKeyDown", "isDisabled", "necessityIndicator", "validationState", "errorText", "helpText", "successText", "isRequired", "leadingIcon", "prefix", "trailingInteractionElement", "onTrailingInteractionElementClick", "leadingInteractionElement", "suffix", "trailingIcon", "maxCharacters", "textAlign", "autoFocus", "keyboardReturnKeyType", "keyboardType", "autoCompleteSuggestionType", "trailingHeaderSlot", "trailingFooterSlot", "numberOfLines", "id", "componentName", "accessibilityLabel", "labelId", "activeDescendant", "hideLabelText", "hideFormHint", "hasPopup", "popupId", "isPopupExpanded", "maxTagRows", "shouldIgnoreBlurAnimation", "setShouldIgnoreBlurAnimation", "autoCapitalize", "setInputWrapperRef", "testID", "isDropdownTrigger", "isLabelInsideInput", "size", "trailingButton", "valueComponentType", "isTableInputCell", "showHintsAsTooltip", "_motionMeta", "role", "tabIndex", "leadingDropDown", "trailingDropDown", "labelSuffix", "labelTrailing", "valueSuffix"];
52
52
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
53
53
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
54
54
  var autoCompleteSuggestionTypeValues = ['none', 'on', 'name', 'email', 'username', 'password', 'newPassword', 'oneTimeCode', 'telephone', 'postalCode', 'countryName', 'creditCardNumber', 'creditCardCSC', 'creditCardExpiry', 'creditCardExpiryMonth', 'creditCardExpiryYear'];
@@ -387,6 +387,7 @@ var _BaseInput = function _BaseInput(_ref10, ref) {
387
387
  trailingDropDown = _ref10.trailingDropDown,
388
388
  labelSuffix = _ref10.labelSuffix,
389
389
  labelTrailing = _ref10.labelTrailing,
390
+ valueSuffix = _ref10.valueSuffix,
390
391
  rest = _objectWithoutProperties(_ref10, _excluded);
391
392
  var _useTheme = useTheme(),
392
393
  theme = _useTheme.theme;
@@ -607,6 +608,7 @@ var _BaseInput = function _BaseInput(_ref10, ref) {
607
608
  trailingInteractionElement: trailingInteractionElement,
608
609
  leadingInteractionElement: leadingInteractionElement,
609
610
  suffix: suffix,
611
+ valueSuffix: valueSuffix,
610
612
  trailingIcon: trailingIcon,
611
613
  maxCharacters: maxCharacters,
612
614
  textAlign: textAlign