npm - @razorpay/blade - Versions diffs - 12.120.0 → 12.121.1 - Mend

@razorpay/blade 12.120.0 → 12.121.1

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 (59) hide show

package/build/lib/web/production/components/Input/OTPInput/OTPInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OTPInput.js","sources":["../../../../../../../src/components/Input/OTPInput/OTPInput.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from 'react';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getHintType } from '../BaseInput/BaseInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { FormInputOnEvent } from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { useFormId } from '~components/Form/useFormId';\nimport type { FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeSize } from '~utils/makeSize';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype FormInputOnEventWithIndex = ({\n name,\n value,\n inputIndex,\n}: {\n name?: string;\n value?: string;\n inputIndex: number;\n}) => void;\n\nexport type OTPInputCommonProps = Pick<\n BaseInputProps,\n \| 'label'\n \| 'accessibilityLabel'\n \| 'labelPosition'\n \| 'labelSuffix'\n \| 'labelTrailing'\n \| 'validationState'\n \| 'helpText'\n \| 'errorText'\n \| 'successText'\n \| 'name'\n \| 'onChange'\n \| 'value'\n \| 'isDisabled'\n \| 'autoFocus'\n \| 'keyboardReturnKeyType'\n \| 'keyboardType'\n \| 'placeholder'\n \| 'testID'\n \| 'size'\n \| keyof DataAnalyticsAttribute\n> & {\n /*\n Determines the number of input fields to show for the OTP\n * @default 6\n /\n otpLength?: 4 \| 6;\n /\n The callback function to be invoked when all the values of the OTPInput are filled\n /\n onOTPFilled?: FormInputOnEvent;\n /\n Masks input characters in all the fields\n /\n isMasked?: boolean;\n /\n Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.\n \n It's not recommended to turn this off in favor of otp input practices.\n \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' \| 'oneTimeCode'\n >;\n /*\n The callback function to be invoked when one of the input fields gets focus\n /\n onFocus?: FormInputOnEventWithIndex;\n /\n The callback function to be invoked when one of the input fields is blurred\n /\n onBlur?: FormInputOnEventWithIndex;\n} & StyledPropsBlade;\n\n/\n Mandatory accessibilityLabel prop when label is not provided\n/\ntype OTPInputPropsWithA11yLabel = {\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 OTPInputPropsWithLabel = {\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 OTPInputProps = (OTPInputPropsWithA11yLabel \| OTPInputPropsWithLabel) & OTPInputCommonProps;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n/\n Converts a string value of otp to array if passed otherwise returns an array of 6 empty strings\n /\nconst otpToArray = (code?: string): string[] => code?.split('') ?? Array(6).fill('');\n\n/\n OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.\n \n ## Usage\n \n ```tsx\n * <OTPInput\n * label=\"Enter OTP\"\n * name=\"otpInput\"\n * onChange={({ name, value }): void => console.log({ name, value })}\n * onOTPFilled={({ name, value }): void => console.log({ name, value })}\n * />\n * ```\n /\nconst _OTPInput: React.ForwardRefRenderFunction<HTMLInputElement[], OTPInputProps> = (\n {\n autoFocus,\n errorText,\n helpText,\n isDisabled,\n keyboardReturnKeyType,\n keyboardType = 'decimal',\n label,\n accessibilityLabel,\n labelPosition,\n labelSuffix,\n labelTrailing,\n name,\n onChange,\n onFocus,\n onBlur,\n onOTPFilled,\n otpLength = 6,\n placeholder,\n successText,\n validationState,\n value: inputValue,\n isMasked,\n autoCompleteSuggestionType = 'oneTimeCode',\n testID,\n size = 'medium',\n ...rest\n },\n incomingRef,\n) => {\n const inputRefs: React.RefObject<HTMLInputElement>[] = [];\n const [otpValue, setOtpValue] = useState<string[]>(otpToArray(inputValue));\n const [inputType, setInputType] = useState<('password' \| undefined)[]>([]);\n const isLabelLeftPositioned = labelPosition === 'left';\n const { inputId, helpTextId, errorTextId, successTextId } = useFormId('otp');\n\n useImperativeHandle(\n incomingRef,\n () => {\n return inputRefs.map((ref) => ref.current!);\n },\n [inputRefs],\n );\n\n useEffect(() => {\n // Effect for calling `onOTPFilled` callback\n if (inputValue && inputValue.length >= otpLength) {\n // callback for when the OTPInput is controlled and inputValue reaches the same or greater length as the otpLength\n onOTPFilled?.({ value: inputValue.slice(0, otpLength), name });\n } else if (!inputValue && otpValue.join('').length >= otpLength) {\n // callback for when the OTPInput is uncontrolled and otpValue stored in state reaches the same or greater length as the otpLength\n onOTPFilled?.({ value: otpValue.slice(0, otpLength).join(''), name });\n }\n }, [otpValue, otpLength, name, inputValue, onOTPFilled]);\n\n useEffect(() => {\n / We want to disable the password managers for OTPInput when isMasked is set.\n The issue with only setting autocomplete='off' is that its not an enforcement but a suggestion to the browser to follow.\n This workaround unsets type on first render and sets it to `password` only once a value is entered by the user.\n /\n otpValue.forEach((otp, index) => {\n // Set inputType as 'password' only when a value is entered when isMasked is set\n if (!isEmpty(otp) && !inputType[index] && isMasked) {\n const newInputType = Array.from(inputType);\n newInputType[index] = 'password';\n setInputType(newInputType);\n }\n // Cleanup the inputType array whenever the value is empty but inputType[index] is set\n if (isEmpty(otp) && inputType[index]) {\n const newInputType = Array.from(inputType);\n newInputType[index] = undefined;\n setInputType(newInputType);\n }\n });\n }, [otpValue, inputType, isMasked]);\n\n /\n Changes the value of the otp at a given index and updates the otpValue stored in state\n \n @param {{ value: string; index: number }} { value, index }\n * @returns {string} updated otpValue\n /\n const setOtpValueByIndex = ({ value, index }: { value: string; index: number }): string => {\n const newOtpValue = Array.from(otpValue);\n newOtpValue[index] = value;\n setOtpValue(newOtpValue);\n return newOtpValue.join('');\n };\n\n /\n Sets focus to the desired otp input by index\n \n @param {number} index the index of the otp input to be focused\n /\n const focusOnOtpByIndex = (index: number): void => {\n inputRefs[index]?.current?.focus();\n if (!isReactNative) {\n // React Native doesn't support imperatively selecting the value of input\n inputRefs[index]?.current?.select();\n }\n };\n\n const handleOnChange = ({\n value,\n currentOtpIndex,\n }: {\n value?: string;\n currentOtpIndex: number;\n }): void => {\n if (value && value === ' ') {\n // React native doesn't support `event.preventDefault()` hence have to add this check to ensure that empty space is not allowed\n return;\n }\n if (inputValue && inputValue.length > 0) {\n // When OTPInput is controlled, set the otpValue as the consumer passed `inputValue` and append the value on current index based on user's input.\n // User's input will not reflect on the otp but will trigger `onChange` callback with the user's input appended so that the consumer can take appropriate action.\n const newOtpValue = Array.from(inputValue);\n newOtpValue[currentOtpIndex] = value ?? '';\n setOtpValue(newOtpValue);\n onChange?.({ name, value: newOtpValue.join('') });\n } else if (value && value.trim().length > 1) {\n // When the entered value is more that 1 character (when value is pasted), set the otpValue to the newly received value.\n // Could have used `onPaste` for web to achieve this but 1. React Native doesn't support onPaste and 2. Safari's autofill on web doesn't trigger onPaste\n setOtpValue(Array.from(value));\n onChange?.({ name, value: value.trim().slice(0, otpLength) });\n // Move focus to the last filled input box after paste\n const lastFilledIndex = Math.min(value.trim().length, otpLength) - 1;\n focusOnOtpByIndex(lastFilledIndex);\n } else if (otpValue[currentOtpIndex] !== value?.trim()) {\n // Set the value at the current index to the entered value\n // only as long as its not the same as the already existing value (this prevents `onChange` being triggered unnecessarily)\n const newValue = setOtpValueByIndex({\n value: value?.trim() ?? '',\n index: currentOtpIndex,\n });\n onChange?.({ name, value: newValue });\n }\n };\n\n const handleOnInput = ({\n value,\n currentOtpIndex,\n }: {\n value?: string;\n currentOtpIndex: number;\n }): void => {\n // Moves focus to next input whenever a value is entered in the current input\n if (value && value.trim().length === 1) {\n focusOnOtpByIndex(++currentOtpIndex);\n }\n };\n\n const handleOnKeyDown = ({\n key,\n code,\n event,\n currentOtpIndex,\n }: FormInputOnKeyDownEvent & { currentOtpIndex: number }): void => {\n if (key === 'Backspace' \|\| code === 'Backspace' \|\| code === 'Delete' \|\| key === 'Delete') {\n event.preventDefault?.();\n if (otpValue[currentOtpIndex]) {\n // Clear the value at the current index if value exists\n handleOnChange({ value: '', currentOtpIndex });\n } else {\n // Move focus to the previous input if the current input is empty\n // and clear the value at the new active (previous) index\n focusOnOtpByIndex(--currentOtpIndex);\n handleOnChange({ value: '', currentOtpIndex });\n }\n } else if (key === 'ArrowLeft' \|\| code === 'ArrowLeft') {\n event.preventDefault?.();\n focusOnOtpByIndex(--currentOtpIndex);\n } else if (key === 'ArrowRight' \|\| code === 'ArrowRight') {\n event.preventDefault?.();\n focusOnOtpByIndex(++currentOtpIndex);\n } else if (key === ' ' \|\| code === 'Space') {\n event.preventDefault?.();\n }\n };\n\n const getHiddenInput = (): React.ReactNode => {\n if (!isReactNative) {\n return (\n <input\n hidden={true}\n id={inputId}\n name={name}\n value={inputValue ?? otpValue.join('') ?? ''}\n readOnly\n />\n );\n }\n return null;\n };\n\n const getOTPInputFields = (): React.ReactNode => {\n const inputs = [];\n for (let index = 0; index < otpLength; index++) {\n const currentValue = inputValue ? otpToArray(inputValue)[index] \|\| '' : otpValue[index] \|\| '';\n const ref = React.createRef<HTMLInputElement>();\n // if an inputValue is passed (controlled) and isMasked is set, inputType will always be password\n let currentInputType: 'password' \| undefined;\n if (isMasked) {\n // if inputValue is passed (controlled component) then the inputType will always be password\n currentInputType = inputValue ? 'password' : inputType[index];\n }\n inputRefs.push(ref);\n inputs.push(\n <BaseBox\n flex={1}\n marginLeft={index == 0 ? 'spacing.0' : 'spacing.3'}\n key={`${inputId}-${index}`}\n >\n <BaseInput\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus && index === 0}\n accessibilityLabel={`${index === 0 ? label \|\| accessibilityLabel : ''} character ${\n index + 1\n }`}\n label={label}\n hideLabelText={true}\n id={`${inputId}-${index}`}\n textAlign=\"center\"\n ref={ref as never}\n name={name}\n value={currentValue}\n maxCharacters={otpValue[index]?.length > 0 ? 1 : undefined}\n onChange={(formEvent) => handleOnChange({ ...formEvent, currentOtpIndex: index })}\n onFocus={(formEvent) => onFocus?.({ ...formEvent, inputIndex: index })}\n onBlur={(formEvent) => onBlur?.({ ...formEvent, inputIndex: index })}\n onInput={(formEvent) => handleOnInput({ ...formEvent, currentOtpIndex: index })}\n onKeyDown={(keyboardEvent) =>\n handleOnKeyDown({ ...keyboardEvent, currentOtpIndex: index })\n }\n isDisabled={isDisabled}\n placeholder={Array.from(placeholder ?? '')[index] ?? ''}\n isRequired={true}\n autoCompleteSuggestionType={autoCompleteSuggestionType}\n keyboardType={keyboardType}\n keyboardReturnKeyType={keyboardReturnKeyType}\n validationState={validationState}\n successText={successText}\n errorText={errorText}\n helpText={helpText}\n hideFormHint={true}\n type={currentInputType}\n size={size}\n valueComponentType=\"heading\"\n {...makeAnalyticsAttribute(rest)}\n />\n </BaseBox>,\n );\n }\n return inputs;\n };\n\n return (\n <BaseBox {...metaAttribute({ name: MetaConstants.OTPInput, testID })} {...getStyledProps(rest)}>\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n alignItems={isLabelLeftPositioned ? 'center' : undefined}\n position=\"relative\"\n >\n {Boolean(label) && (\n <FormLabel\n as=\"label\"\n position={labelPosition}\n htmlFor={inputId}\n size={size}\n labelSuffix={labelSuffix}\n labelTrailing={labelTrailing}\n >\n {label}\n </FormLabel>\n )}\n <BaseBox display=\"flex\" flexDirection=\"row\">\n {getHiddenInput()}\n {getOTPInputFields()}\n </BaseBox>\n </BaseBox>\n {/ the magic number 136 is basically max-width of label i.e 120 and then right margin i.e 16 which is the spacing between label and input field /}\n {/Refer `BaseInput`'s implementation of FormHint which uses similar logic */}\n <BaseBox marginLeft={makeSize(isLabelLeftPositioned ? 136 : 0)}>\n <FormHint\n type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n helpText={helpText}\n errorText={errorText}\n successText={successText}\n helpTextId={helpTextId}\n errorTextId={errorTextId}\n successTextId={successTextId}\n size={size}\n />\n </BaseBox>\n </BaseBox>\n );\n};\n\nconst OTPInput = React.forwardRef<HTMLInputElement[], OTPInputProps>(_OTPInput);\n\nexport type { OTPInputProps };\nexport { OTPInput };\n"],"names":["isReactNative","getPlatformType","otpToArray","code","_code$split","split","Array","fill","_OTPInput","_ref","incomingRef","autoFocus","errorText","helpText","isDisabled","keyboardReturnKeyType","_ref$keyboardType","keyboardType","label","accessibilityLabel","labelPosition","labelSuffix","labelTrailing","name","onChange","onFocus","onBlur","onOTPFilled","_ref$otpLength","otpLength","placeholder","successText","validationState","inputValue","value","isMasked","_ref$autoCompleteSugg","autoCompleteSuggestionType","testID","_ref$size","size","rest","_objectWithoutProperties","_excluded","inputRefs","_useState","useState","_useState2","_slicedToArray","otpValue","setOtpValue","_useState3","_useState4","inputType","setInputType","isLabelLeftPositioned","_useFormId","useFormId","inputId","helpTextId","errorTextId","successTextId","useImperativeHandle","map","ref","current","useEffect","length","slice","join","forEach","otp","index","isEmpty","newInputType","from","undefined","setOtpValueByIndex","_ref2","newOtpValue","focusOnOtpByIndex","_inputRefs$index","focus","_inputRefs$index2","select","handleOnChange","_ref3","currentOtpIndex","trim","lastFilledIndex","Math","min","_value$trim","newValue","handleOnInput","_ref4","handleOnKeyDown","_ref5","key","event","_event$preventDefault","preventDefault","call","_event$preventDefault2","_event$preventDefault3","_event$preventDefault4","getHiddenInput","_ref6","_jsx","hidden","id","readOnly","getOTPInputFields","inputs","_loop","_otpValue$index","_Array$from$index","currentValue","React","createRef","currentInputType","push","BaseBox","flex","marginLeft","children","BaseInput","_objectSpread","concat","hideLabelText","textAlign","maxCharacters","formEvent","inputIndex","onInput","onKeyDown","keyboardEvent","isRequired","hideFormHint","type","valueComponentType","makeAnalyticsAttribute","_jsxs","metaAttribute","MetaConstants","OTPInput","getStyledProps","display","flexDirection","alignItems","position","Boolean","FormLabel","as","htmlFor","makeSize","FormHint","getHintType","hasHelpText","forwardRef"],"mappings":"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"}
1	+ {"version":3,"file":"OTPInput.js","sources":["../../../../../../../src/components/Input/OTPInput/OTPInput.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from 'react';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getHintType } from '../BaseInput/BaseInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { FormInputOnEvent } from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { useFormId } from '~components/Form/useFormId';\nimport type { FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeSize } from '~utils/makeSize';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype FormInputOnEventWithIndex = ({\n name,\n value,\n inputIndex,\n}: {\n name?: string;\n value?: string;\n inputIndex: number;\n}) => void;\n\nexport type OTPInputCommonProps = Pick<\n BaseInputProps,\n \| 'label'\n \| 'accessibilityLabel'\n \| 'labelPosition'\n \| 'labelSuffix'\n \| 'labelTrailing'\n \| 'validationState'\n \| 'helpText'\n \| 'errorText'\n \| 'successText'\n \| 'name'\n \| 'onChange'\n \| 'value'\n \| 'isDisabled'\n \| 'autoFocus'\n \| 'keyboardReturnKeyType'\n \| 'keyboardType'\n \| 'placeholder'\n \| 'testID'\n \| 'size'\n \| keyof DataAnalyticsAttribute\n> & {\n /*\n Determines the number of input fields to show for the OTP\n * @default 6\n /\n otpLength?: 4 \| 6 \| 8;\n /\n The callback function to be invoked when all the values of the OTPInput are filled\n /\n onOTPFilled?: FormInputOnEvent;\n /\n Masks input characters in all the fields\n /\n isMasked?: boolean;\n /\n Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.\n \n It's not recommended to turn this off in favor of otp input practices.\n \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' \| 'oneTimeCode'\n >;\n /*\n The callback function to be invoked when one of the input fields gets focus\n /\n onFocus?: FormInputOnEventWithIndex;\n /\n The callback function to be invoked when one of the input fields is blurred\n /\n onBlur?: FormInputOnEventWithIndex;\n} & StyledPropsBlade;\n\n/\n Mandatory accessibilityLabel prop when label is not provided\n/\ntype OTPInputPropsWithA11yLabel = {\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 OTPInputPropsWithLabel = {\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 OTPInputProps = (OTPInputPropsWithA11yLabel \| OTPInputPropsWithLabel) & OTPInputCommonProps;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n/\n Converts a string value of otp to array if passed otherwise returns an array of 6 empty strings\n /\nconst otpToArray = (code?: string): string[] => code?.split('') ?? Array(6).fill('');\n\n/\n OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.\n \n ## Usage\n \n ```tsx\n * <OTPInput\n * label=\"Enter OTP\"\n * name=\"otpInput\"\n * onChange={({ name, value }): void => console.log({ name, value })}\n * onOTPFilled={({ name, value }): void => console.log({ name, value })}\n * />\n * ```\n /\nconst _OTPInput: React.ForwardRefRenderFunction<HTMLInputElement[], OTPInputProps> = (\n {\n autoFocus,\n errorText,\n helpText,\n isDisabled,\n keyboardReturnKeyType,\n keyboardType = 'decimal',\n label,\n accessibilityLabel,\n labelPosition,\n labelSuffix,\n labelTrailing,\n name,\n onChange,\n onFocus,\n onBlur,\n onOTPFilled,\n otpLength = 6,\n placeholder,\n successText,\n validationState,\n value: inputValue,\n isMasked,\n autoCompleteSuggestionType = 'oneTimeCode',\n testID,\n size = 'medium',\n ...rest\n },\n incomingRef,\n) => {\n const inputRefs: React.RefObject<HTMLInputElement>[] = [];\n const [otpValue, setOtpValue] = useState<string[]>(otpToArray(inputValue));\n const [inputType, setInputType] = useState<('password' \| undefined)[]>([]);\n const isLabelLeftPositioned = labelPosition === 'left';\n const { inputId, helpTextId, errorTextId, successTextId } = useFormId('otp');\n\n useImperativeHandle(\n incomingRef,\n () => {\n return inputRefs.map((ref) => ref.current!);\n },\n [inputRefs],\n );\n\n useEffect(() => {\n // Effect for calling `onOTPFilled` callback\n if (inputValue && inputValue.length >= otpLength) {\n // callback for when the OTPInput is controlled and inputValue reaches the same or greater length as the otpLength\n onOTPFilled?.({ value: inputValue.slice(0, otpLength), name });\n } else if (!inputValue && otpValue.join('').length >= otpLength) {\n // callback for when the OTPInput is uncontrolled and otpValue stored in state reaches the same or greater length as the otpLength\n onOTPFilled?.({ value: otpValue.slice(0, otpLength).join(''), name });\n }\n }, [otpValue, otpLength, name, inputValue, onOTPFilled]);\n\n useEffect(() => {\n / We want to disable the password managers for OTPInput when isMasked is set.\n The issue with only setting autocomplete='off' is that its not an enforcement but a suggestion to the browser to follow.\n This workaround unsets type on first render and sets it to `password` only once a value is entered by the user.\n /\n otpValue.forEach((otp, index) => {\n // Set inputType as 'password' only when a value is entered when isMasked is set\n if (!isEmpty(otp) && !inputType[index] && isMasked) {\n const newInputType = Array.from(inputType);\n newInputType[index] = 'password';\n setInputType(newInputType);\n }\n // Cleanup the inputType array whenever the value is empty but inputType[index] is set\n if (isEmpty(otp) && inputType[index]) {\n const newInputType = Array.from(inputType);\n newInputType[index] = undefined;\n setInputType(newInputType);\n }\n });\n }, [otpValue, inputType, isMasked]);\n\n /\n Changes the value of the otp at a given index and updates the otpValue stored in state\n \n @param {{ value: string; index: number }} { value, index }\n * @returns {string} updated otpValue\n /\n const setOtpValueByIndex = ({ value, index }: { value: string; index: number }): string => {\n const newOtpValue = Array.from(otpValue);\n newOtpValue[index] = value;\n setOtpValue(newOtpValue);\n return newOtpValue.join('');\n };\n\n /\n Sets focus to the desired otp input by index\n \n @param {number} index the index of the otp input to be focused\n /\n const focusOnOtpByIndex = (index: number): void => {\n inputRefs[index]?.current?.focus();\n if (!isReactNative) {\n // React Native doesn't support imperatively selecting the value of input\n inputRefs[index]?.current?.select();\n }\n };\n\n const handleOnChange = ({\n value,\n currentOtpIndex,\n }: {\n value?: string;\n currentOtpIndex: number;\n }): void => {\n if (value && value === ' ') {\n // React native doesn't support `event.preventDefault()` hence have to add this check to ensure that empty space is not allowed\n return;\n }\n if (inputValue && inputValue.length > 0) {\n // When OTPInput is controlled, set the otpValue as the consumer passed `inputValue` and append the value on current index based on user's input.\n // User's input will not reflect on the otp but will trigger `onChange` callback with the user's input appended so that the consumer can take appropriate action.\n const newOtpValue = Array.from(inputValue);\n newOtpValue[currentOtpIndex] = value ?? '';\n setOtpValue(newOtpValue);\n onChange?.({ name, value: newOtpValue.join('') });\n } else if (value && value.trim().length > 1) {\n // When the entered value is more that 1 character (when value is pasted), set the otpValue to the newly received value.\n // Could have used `onPaste` for web to achieve this but 1. React Native doesn't support onPaste and 2. Safari's autofill on web doesn't trigger onPaste\n setOtpValue(Array.from(value));\n onChange?.({ name, value: value.trim().slice(0, otpLength) });\n // Move focus to the last filled input box after paste\n const lastFilledIndex = Math.min(value.trim().length, otpLength) - 1;\n focusOnOtpByIndex(lastFilledIndex);\n } else if (otpValue[currentOtpIndex] !== value?.trim()) {\n // Set the value at the current index to the entered value\n // only as long as its not the same as the already existing value (this prevents `onChange` being triggered unnecessarily)\n const newValue = setOtpValueByIndex({\n value: value?.trim() ?? '',\n index: currentOtpIndex,\n });\n onChange?.({ name, value: newValue });\n }\n };\n\n const handleOnInput = ({\n value,\n currentOtpIndex,\n }: {\n value?: string;\n currentOtpIndex: number;\n }): void => {\n // Moves focus to next input whenever a value is entered in the current input\n if (value && value.trim().length === 1) {\n focusOnOtpByIndex(++currentOtpIndex);\n }\n };\n\n const handleOnKeyDown = ({\n key,\n code,\n event,\n currentOtpIndex,\n }: FormInputOnKeyDownEvent & { currentOtpIndex: number }): void => {\n if (key === 'Backspace' \|\| code === 'Backspace' \|\| code === 'Delete' \|\| key === 'Delete') {\n event.preventDefault?.();\n if (otpValue[currentOtpIndex]) {\n // Clear the value at the current index if value exists\n handleOnChange({ value: '', currentOtpIndex });\n } else {\n // Move focus to the previous input if the current input is empty\n // and clear the value at the new active (previous) index\n focusOnOtpByIndex(--currentOtpIndex);\n handleOnChange({ value: '', currentOtpIndex });\n }\n } else if (key === 'ArrowLeft' \|\| code === 'ArrowLeft') {\n event.preventDefault?.();\n focusOnOtpByIndex(--currentOtpIndex);\n } else if (key === 'ArrowRight' \|\| code === 'ArrowRight') {\n event.preventDefault?.();\n focusOnOtpByIndex(++currentOtpIndex);\n } else if (key === ' ' \|\| code === 'Space') {\n event.preventDefault?.();\n }\n };\n\n const getHiddenInput = (): React.ReactNode => {\n if (!isReactNative) {\n return (\n <input\n hidden={true}\n id={inputId}\n name={name}\n value={inputValue ?? otpValue.join('') ?? ''}\n readOnly\n />\n );\n }\n return null;\n };\n\n const getOTPInputFields = (): React.ReactNode => {\n const inputs = [];\n for (let index = 0; index < otpLength; index++) {\n const currentValue = inputValue ? otpToArray(inputValue)[index] \|\| '' : otpValue[index] \|\| '';\n const ref = React.createRef<HTMLInputElement>();\n // if an inputValue is passed (controlled) and isMasked is set, inputType will always be password\n let currentInputType: 'password' \| undefined;\n if (isMasked) {\n // if inputValue is passed (controlled component) then the inputType will always be password\n currentInputType = inputValue ? 'password' : inputType[index];\n }\n inputRefs.push(ref);\n inputs.push(\n <BaseBox\n flex={1}\n marginLeft={index == 0 ? 'spacing.0' : 'spacing.3'}\n key={`${inputId}-${index}`}\n >\n <BaseInput\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus && index === 0}\n accessibilityLabel={`${index === 0 ? label \|\| accessibilityLabel : ''} character ${\n index + 1\n }`}\n label={label}\n hideLabelText={true}\n id={`${inputId}-${index}`}\n textAlign=\"center\"\n ref={ref as never}\n name={name}\n value={currentValue}\n maxCharacters={otpValue[index]?.length > 0 ? 1 : undefined}\n onChange={(formEvent) => handleOnChange({ ...formEvent, currentOtpIndex: index })}\n onFocus={(formEvent) => onFocus?.({ ...formEvent, inputIndex: index })}\n onBlur={(formEvent) => onBlur?.({ ...formEvent, inputIndex: index })}\n onInput={(formEvent) => handleOnInput({ ...formEvent, currentOtpIndex: index })}\n onKeyDown={(keyboardEvent) =>\n handleOnKeyDown({ ...keyboardEvent, currentOtpIndex: index })\n }\n isDisabled={isDisabled}\n placeholder={Array.from(placeholder ?? '')[index] ?? ''}\n isRequired={true}\n autoCompleteSuggestionType={autoCompleteSuggestionType}\n keyboardType={keyboardType}\n keyboardReturnKeyType={keyboardReturnKeyType}\n validationState={validationState}\n successText={successText}\n errorText={errorText}\n helpText={helpText}\n hideFormHint={true}\n type={currentInputType}\n size={size}\n valueComponentType=\"heading\"\n {...makeAnalyticsAttribute(rest)}\n />\n </BaseBox>,\n );\n }\n return inputs;\n };\n\n return (\n <BaseBox {...metaAttribute({ name: MetaConstants.OTPInput, testID })} {...getStyledProps(rest)}>\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n alignItems={isLabelLeftPositioned ? 'center' : undefined}\n position=\"relative\"\n >\n {Boolean(label) && (\n <FormLabel\n as=\"label\"\n position={labelPosition}\n htmlFor={inputId}\n size={size}\n labelSuffix={labelSuffix}\n labelTrailing={labelTrailing}\n >\n {label}\n </FormLabel>\n )}\n <BaseBox display=\"flex\" flexDirection=\"row\">\n {getHiddenInput()}\n {getOTPInputFields()}\n </BaseBox>\n </BaseBox>\n {/ the magic number 136 is basically max-width of label i.e 120 and then right margin i.e 16 which is the spacing between label and input field /}\n {/Refer `BaseInput`'s implementation of FormHint which uses similar logic */}\n <BaseBox marginLeft={makeSize(isLabelLeftPositioned ? 136 : 0)}>\n <FormHint\n type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n helpText={helpText}\n errorText={errorText}\n successText={successText}\n helpTextId={helpTextId}\n errorTextId={errorTextId}\n successTextId={successTextId}\n size={size}\n />\n </BaseBox>\n </BaseBox>\n );\n};\n\nconst OTPInput = React.forwardRef<HTMLInputElement[], OTPInputProps>(_OTPInput);\n\nexport type { OTPInputProps };\nexport { OTPInput };\n"],"names":["isReactNative","getPlatformType","otpToArray","code","_code$split","split","Array","fill","_OTPInput","_ref","incomingRef","autoFocus","errorText","helpText","isDisabled","keyboardReturnKeyType","_ref$keyboardType","keyboardType","label","accessibilityLabel","labelPosition","labelSuffix","labelTrailing","name","onChange","onFocus","onBlur","onOTPFilled","_ref$otpLength","otpLength","placeholder","successText","validationState","inputValue","value","isMasked","_ref$autoCompleteSugg","autoCompleteSuggestionType","testID","_ref$size","size","rest","_objectWithoutProperties","_excluded","inputRefs","_useState","useState","_useState2","_slicedToArray","otpValue","setOtpValue","_useState3","_useState4","inputType","setInputType","isLabelLeftPositioned","_useFormId","useFormId","inputId","helpTextId","errorTextId","successTextId","useImperativeHandle","map","ref","current","useEffect","length","slice","join","forEach","otp","index","isEmpty","newInputType","from","undefined","setOtpValueByIndex","_ref2","newOtpValue","focusOnOtpByIndex","_inputRefs$index","focus","_inputRefs$index2","select","handleOnChange","_ref3","currentOtpIndex","trim","lastFilledIndex","Math","min","_value$trim","newValue","handleOnInput","_ref4","handleOnKeyDown","_ref5","key","event","_event$preventDefault","preventDefault","call","_event$preventDefault2","_event$preventDefault3","_event$preventDefault4","getHiddenInput","_ref6","_jsx","hidden","id","readOnly","getOTPInputFields","inputs","_loop","_otpValue$index","_Array$from$index","currentValue","React","createRef","currentInputType","push","BaseBox","flex","marginLeft","children","BaseInput","_objectSpread","concat","hideLabelText","textAlign","maxCharacters","formEvent","inputIndex","onInput","onKeyDown","keyboardEvent","isRequired","hideFormHint","type","valueComponentType","makeAnalyticsAttribute","_jsxs","metaAttribute","MetaConstants","OTPInput","getStyledProps","display","flexDirection","alignItems","position","Boolean","FormLabel","as","htmlFor","makeSize","FormHint","getHintType","hasHelpText","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Spinner/BaseSpinner/BaseSpinner.js CHANGED Viewed

@@ -31,6 +31,11 @@ var getColor = function getColor(_ref) {
   if (color && color === 'white') {
     return getIn(theme.colors, 'interactive.icon.staticWhite.subtle');
   }
+  // `onNeutral` renders on a filled neutral surface, which inverts with the
+  // theme, so it tracks the surface instead of resolving to a static color.
+  if (color && color === 'onNeutral') {
+    return getIn(theme.colors, 'interactive.icon.onNeutral.normal');
+  }
   if (color && color !== 'neutral') {
     return getIn(theme.colors, "interactive.icon.".concat(color, ".subtle"));
   }

package/build/lib/web/production/components/Spinner/BaseSpinner/BaseSpinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseSpinner.js","sources":["../../../../../../../src/components/Spinner/BaseSpinner/BaseSpinner.tsx"],"sourcesContent":["import React from 'react';\nimport { dimensions } from './spinnerTokens';\nimport SpinnerIcon from './SpinnerIcon';\nimport { SpinningBox } from './SpinningBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype BaseSpinnerProps = {\n /*\n Sets the color of the spinner.\n \n @default 'default'\n /\n color?: 'primary' \| 'white' \| FeedbackColors;\n /\n Sets the label of the spinner.\n \n @default 'right'\n /\n label?: string;\n /\n Sets the label of the spinner.\n \n /\n labelPosition?: 'right' \| 'bottom';\n /*\n Sets the size of the spinner.\n \n @default 'medium'\n /\n size?: 'medium' \| 'large' \| 'xlarge';\n /\n Sets the aria-label for web & accessibilityLabel react-native.\n \n /\n accessibilityLabel: string;\n} & TestID &\n StyledPropsBlade;\n\nconst getColor = ({ color, theme }: { color: BaseSpinnerProps['color']; theme: Theme }): string => {\n if (color && color === 'white') {\n return getIn(theme.colors, 'interactive.icon.staticWhite.subtle');\n }\n if (color && color !== 'neutral') {\n return getIn(theme.colors, `interactive.icon.${color}.subtle`);\n }\n return getIn(theme.colors, 'interactive.icon.gray.muted');\n};\n\nconst _BaseSpinner = (\n {\n label,\n labelPosition = 'right',\n accessibilityLabel,\n color = 'neutral',\n size = 'medium',\n testID,\n ...styledProps\n }: BaseSpinnerProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const { theme } = useTheme();\n return (\n <BaseBox\n ref={ref as never}\n {...metaAttribute({ name: MetaConstants.Spinner, testID })}\n {...getStyledProps(styledProps)}\n >\n <BaseBox\n display=\"flex\"\n alignItems=\"center\"\n flexDirection={labelPosition === 'right' ? 'row' : 'column'}\n {...makeAccessible({\n label: accessibilityLabel,\n role: 'progressbar',\n })}\n >\n <SpinningBox>\n <SpinnerIcon dimensions={makeSize(dimensions[size])} color={getColor({ color, theme })} />\n </SpinningBox>\n {label && label.trim().length > 0 ? (\n <BaseBox\n marginLeft={labelPosition === 'right' ? 'spacing.3' : 'spacing.0'}\n marginTop={labelPosition === 'bottom' ? 'spacing.3' : 'spacing.0'}\n >\n <Text variant=\"body\" weight=\"regular\" size=\"small\" color=\"surface.text.gray.muted\">\n {label}\n </Text>\n </BaseBox>\n ) : null}\n </BaseBox>\n </BaseBox>\n );\n};\n\nconst BaseSpinner = React.forwardRef(_BaseSpinner);\n\nexport type { BaseSpinnerProps };\nexport { BaseSpinner };\n"],"names":["getColor","_ref","color","theme","getIn","colors","concat","_BaseSpinner","_ref2","ref","label","_ref2$labelPosition","labelPosition","accessibilityLabel","_ref2$color","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","Spinner","getStyledProps","children","_jsxs","display","alignItems","flexDirection","makeAccessible","role","SpinningBox","SpinnerIcon","dimensions","makeSize","trim","length","marginLeft","marginTop","Text","variant","weight","BaseSpinner","React","forwardRef"],"mappings":"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"}
1	+ {"version":3,"file":"BaseSpinner.js","sources":["../../../../../../../src/components/Spinner/BaseSpinner/BaseSpinner.tsx"],"sourcesContent":["import React from 'react';\nimport { dimensions } from './spinnerTokens';\nimport SpinnerIcon from './SpinnerIcon';\nimport { SpinningBox } from './SpinningBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype BaseSpinnerProps = {\n /*\n Sets the color of the spinner.\n \n @default 'default'\n /\n color?: 'primary' \| 'white' \| 'onNeutral' \| FeedbackColors;\n /\n Sets the label of the spinner.\n \n @default 'right'\n /\n label?: string;\n /\n Sets the label of the spinner.\n \n /\n labelPosition?: 'right' \| 'bottom';\n /*\n Sets the size of the spinner.\n \n @default 'medium'\n /\n size?: 'medium' \| 'large' \| 'xlarge';\n /\n Sets the aria-label for web & accessibilityLabel react-native.\n \n /\n accessibilityLabel: string;\n} & TestID &\n StyledPropsBlade;\n\nconst getColor = ({ color, theme }: { color: BaseSpinnerProps['color']; theme: Theme }): string => {\n if (color && color === 'white') {\n return getIn(theme.colors, 'interactive.icon.staticWhite.subtle');\n }\n // `onNeutral` renders on a filled neutral surface, which inverts with the\n // theme, so it tracks the surface instead of resolving to a static color.\n if (color && color === 'onNeutral') {\n return getIn(theme.colors, 'interactive.icon.onNeutral.normal');\n }\n if (color && color !== 'neutral') {\n return getIn(theme.colors, `interactive.icon.${color}.subtle`);\n }\n return getIn(theme.colors, 'interactive.icon.gray.muted');\n};\n\nconst _BaseSpinner = (\n {\n label,\n labelPosition = 'right',\n accessibilityLabel,\n color = 'neutral',\n size = 'medium',\n testID,\n ...styledProps\n }: BaseSpinnerProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const { theme } = useTheme();\n return (\n <BaseBox\n ref={ref as never}\n {...metaAttribute({ name: MetaConstants.Spinner, testID })}\n {...getStyledProps(styledProps)}\n >\n <BaseBox\n display=\"flex\"\n alignItems=\"center\"\n flexDirection={labelPosition === 'right' ? 'row' : 'column'}\n {...makeAccessible({\n label: accessibilityLabel,\n role: 'progressbar',\n })}\n >\n <SpinningBox>\n <SpinnerIcon dimensions={makeSize(dimensions[size])} color={getColor({ color, theme })} />\n </SpinningBox>\n {label && label.trim().length > 0 ? (\n <BaseBox\n marginLeft={labelPosition === 'right' ? 'spacing.3' : 'spacing.0'}\n marginTop={labelPosition === 'bottom' ? 'spacing.3' : 'spacing.0'}\n >\n <Text variant=\"body\" weight=\"regular\" size=\"small\" color=\"surface.text.gray.muted\">\n {label}\n </Text>\n </BaseBox>\n ) : null}\n </BaseBox>\n </BaseBox>\n );\n};\n\nconst BaseSpinner = React.forwardRef(_BaseSpinner);\n\nexport type { BaseSpinnerProps };\nexport { BaseSpinner };\n"],"names":["getColor","_ref","color","theme","getIn","colors","concat","_BaseSpinner","_ref2","ref","label","_ref2$labelPosition","labelPosition","accessibilityLabel","_ref2$color","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","Spinner","getStyledProps","children","_jsxs","display","alignItems","flexDirection","makeAccessible","role","SpinningBox","SpinnerIcon","dimensions","makeSize","trim","length","marginLeft","marginTop","Text","variant","weight","BaseSpinner","React","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Spinner/Spinner/Spinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.js","sources":["../../../../../../../src/components/Spinner/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseSpinner } from '../BaseSpinner';\nimport type { BaseSpinnerProps } from '../BaseSpinner';\nimport type { BladeElementRef } from '~utils/types';\n\ntype SpinnerProps = BaseSpinnerProps & {\n /*\n Sets the color of the spinner.\n \n @default 'default'\n */\n color?: 'primary' \| 'neutral' \| 'white';\n};\n\nconst _Spinner = (\n {\n label,\n labelPosition,\n accessibilityLabel,\n color = 'neutral',\n size = 'medium',\n testID,\n ...styledProps\n }: SpinnerProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n return (\n <BaseSpinner\n ref={ref as never}\n label={label}\n labelPosition={labelPosition}\n accessibilityLabel={accessibilityLabel ?? label ?? 'Loading'}\n color={color}\n size={size}\n testID={testID}\n {...styledProps}\n />\n );\n};\n\nconst Spinner = React.forwardRef(_Spinner);\n\nexport type { SpinnerProps };\nexport { Spinner };\n"],"names":["_Spinner","_ref","ref","_ref2","label","labelPosition","accessibilityLabel","_ref$color","color","_ref$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_jsx","BaseSpinner","_objectSpread","Spinner","React","forwardRef"],"mappings":";;;;;;;;;;AAcA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAUZC,GAA+B,EACR;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IATrBC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;IAAAC,UAAA,GAAAN,IAAA,CAClBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IAAAE,SAAA,GAAAR,IAAA,CACjBS,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IACfE,MAAM,GAAAV,IAAA,CAANU,MAAM;AACHC,IAAAA,WAAW,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA,CAAA;AAIhB,EAAA,oBACEC,GAAA,CAACC,WAAW,EAAAC,aAAA,CAAA;AACVf,IAAAA,GAAG,EAAEA,GAAa;AAClBE,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,kBAAkB,EAAAH,CAAAA,KAAA,GAAEG,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAlBA,kBAAkB,GAAIF,KAAK,MAAAD,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAI,SAAU;AAC7DK,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAAA;GACJC,EAAAA,WAAW,CAChB,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAMM,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAACpB,QAAQ;;;;"}
1	+ {"version":3,"file":"Spinner.js","sources":["../../../../../../../src/components/Spinner/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseSpinner } from '../BaseSpinner';\nimport type { BaseSpinnerProps } from '../BaseSpinner';\nimport type { BladeElementRef } from '~utils/types';\n\ntype SpinnerProps = BaseSpinnerProps & {\n /*\n Sets the color of the spinner.\n \n @default 'default'\n */\n color?: 'primary' \| 'neutral' \| 'white' \| 'onNeutral';\n};\n\nconst _Spinner = (\n {\n label,\n labelPosition,\n accessibilityLabel,\n color = 'neutral',\n size = 'medium',\n testID,\n ...styledProps\n }: SpinnerProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n return (\n <BaseSpinner\n ref={ref as never}\n label={label}\n labelPosition={labelPosition}\n accessibilityLabel={accessibilityLabel ?? label ?? 'Loading'}\n color={color}\n size={size}\n testID={testID}\n {...styledProps}\n />\n );\n};\n\nconst Spinner = React.forwardRef(_Spinner);\n\nexport type { SpinnerProps };\nexport { Spinner };\n"],"names":["_Spinner","_ref","ref","_ref2","label","labelPosition","accessibilityLabel","_ref$color","color","_ref$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_jsx","BaseSpinner","_objectSpread","Spinner","React","forwardRef"],"mappings":";;;;;;;;;;AAcA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAUZC,GAA+B,EACR;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IATrBC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;IAAAC,UAAA,GAAAN,IAAA,CAClBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IAAAE,SAAA,GAAAR,IAAA,CACjBS,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IACfE,MAAM,GAAAV,IAAA,CAANU,MAAM;AACHC,IAAAA,WAAW,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA,CAAA;AAIhB,EAAA,oBACEC,GAAA,CAACC,WAAW,EAAAC,aAAA,CAAA;AACVf,IAAAA,GAAG,EAAEA,GAAa;AAClBE,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,kBAAkB,EAAAH,CAAAA,KAAA,GAAEG,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAlBA,kBAAkB,GAAIF,KAAK,MAAAD,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAI,SAAU;AAC7DK,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAAA;GACJC,EAAAA,WAAW,CAChB,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAMM,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAACpB,QAAQ;;;;"}

package/build/lib/web/production/node_modules/es-toolkit/dist/compat/object/cloneDeep.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
-import { __exports as cloneDeep$1 } from '../../../../../_virtual/cloneDeep2.js';
+import { __exports as cloneDeep$1 } from '../../../../../_virtual/cloneDeep4.js';
 import '../../../../../_virtual/cloneDeepWith.js';
 import { __exports as cloneDeepWith } from '../../../../../_virtual/cloneDeepWith2.js';

package/build/lib/web/production/node_modules/es-toolkit/dist/compat/predicate/matches.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
 import { __exports as matches$1 } from '../../../../../_virtual/matches2.js';
 import '../../../../../_virtual/isMatch.js';
-import '../../../../../_virtual/cloneDeep3.js';
+import '../../../../../_virtual/cloneDeep.js';
 import { __exports as isMatch } from '../../../../../_virtual/isMatch2.js';
-import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep4.js';
+import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep2.js';
 (function (exports) {
 	'use strict';

package/build/lib/web/production/node_modules/es-toolkit/dist/compat/predicate/matchesProperty.js CHANGED Viewed

@@ -2,12 +2,12 @@ import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelper
 import { __exports as matchesProperty$1 } from '../../../../../_virtual/matchesProperty2.js';
 import '../../../../../_virtual/isMatch.js';
 import '../../../../../_virtual/toKey.js';
-import '../../../../../_virtual/cloneDeep.js';
+import '../../../../../_virtual/cloneDeep3.js';
 import '../../../../../_virtual/get.js';
 import '../../../../../_virtual/has.js';
 import { __exports as isMatch } from '../../../../../_virtual/isMatch2.js';
 import { __exports as toKey } from '../../../../../_virtual/toKey2.js';
-import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep2.js';
+import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep4.js';
 import { __exports as get } from '../../../../../_virtual/get2.js';
 import { __exports as has } from '../../../../../_virtual/has2.js';

package/build/lib/web/production/node_modules/es-toolkit/dist/object/cloneDeep.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from '../../../../_virtual/_commonjsHelpers.js';
-import { __exports as cloneDeep$1 } from '../../../../_virtual/cloneDeep4.js';
+import { __exports as cloneDeep$1 } from '../../../../_virtual/cloneDeep2.js';
 import '../../../../_virtual/cloneDeepWith3.js';
 import { __exports as cloneDeepWith } from '../../../../_virtual/cloneDeepWith4.js';

package/build/types/components/index.d.ts CHANGED Viewed

@@ -5053,7 +5053,7 @@ type BaseSpinnerProps = {
      *
      * @default 'default'
      */
-    color?: 'primary' | 'white' | FeedbackColors;
+    color?: 'primary' | 'white' | 'onNeutral' | FeedbackColors;
     /**
      * Sets the label of the spinner.
      *
@@ -5084,10 +5084,10 @@ type SpinnerProps = BaseSpinnerProps & {
      *
      * @default 'default'
      */
-    color?: 'primary' | 'neutral' | 'white';
+    color?: 'primary' | 'neutral' | 'white' | 'onNeutral';
 };
 declare const Spinner: React__default.ForwardRefExoticComponent<{
-    color?: FeedbackColors | "primary" | "white" | undefined;
+    color?: FeedbackColors | "primary" | "onNeutral" | "white" | undefined;
     label?: string | undefined;
     labelPosition?: "bottom" | "right" | undefined;
     size?: "medium" | "large" | "xlarge" | undefined;
@@ -5541,7 +5541,7 @@ declare const Spinner: React__default.ForwardRefExoticComponent<{
      *
      * @default 'default'
      */
-    color?: "neutral" | "primary" | "white" | undefined;
+    color?: "neutral" | "primary" | "onNeutral" | "white" | undefined;
 } & React__default.RefAttributes<BladeElementRef>>;
 type AriaRoles = Exclude<AccessibilityRole, 'header' | 'adjustable' | 'image' | 'none' | 'summary'> | 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
@@ -5893,12 +5893,7 @@ type BaseButtonCommonProps = {
     isLoading?: boolean;
     accessibilityProps?: Partial<AccessibilityProps>;
     variant?: 'primary' | 'secondary' | 'tertiary';
-    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral' | 'transparent'
-    /**
-     * Only supported with `variant="primary"`. Consumed by FloatingActionButton
-     * and intentionally not exposed on `Button`.
-     */
-     | 'black';
+    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral' | 'transparent';
     /**
      * Overrides the size-derived border radius. Used by FloatingActionButton to
      * render a pill. `round` is excluded because a percentage radius distorts on
@@ -20624,7 +20619,7 @@ type FloatingActionButtonCommonProps = {
      *
      * @default 'primary'
      */
-    color?: 'primary' | 'white' | 'black';
+    color?: 'primary' | 'white' | 'neutral';
     /**
      * Corner of the viewport the button is anchored to.
      *
@@ -22510,7 +22505,7 @@ type OTPInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' |
      * Determines the number of input fields to show for the OTP
      * @default 6
      */
-    otpLength?: 4 | 6;
+    otpLength?: 4 | 6 | 8;
     /**
      * The callback function to be invoked when all the values of the OTPInput are filled
      */

package/build/types/components/index.native.d.ts CHANGED Viewed

@@ -4422,7 +4422,7 @@ type BaseSpinnerProps = {
      *
      * @default 'default'
      */
-    color?: 'primary' | 'white' | FeedbackColors;
+    color?: 'primary' | 'white' | 'onNeutral' | FeedbackColors;
     /**
      * Sets the label of the spinner.
      *
@@ -4453,10 +4453,10 @@ type SpinnerProps = BaseSpinnerProps & {
      *
      * @default 'default'
      */
-    color?: 'primary' | 'neutral' | 'white';
+    color?: 'primary' | 'neutral' | 'white' | 'onNeutral';
 };
 declare const Spinner: React__default.ForwardRefExoticComponent<{
-    color?: FeedbackColors | "primary" | "white" | undefined;
+    color?: FeedbackColors | "primary" | "onNeutral" | "white" | undefined;
     label?: string | undefined;
     labelPosition?: "bottom" | "right" | undefined;
     size?: "medium" | "large" | "xlarge" | undefined;
@@ -4784,7 +4784,7 @@ declare const Spinner: React__default.ForwardRefExoticComponent<{
      *
      * @default 'default'
      */
-    color?: "neutral" | "primary" | "white" | undefined;
+    color?: "neutral" | "primary" | "onNeutral" | "white" | undefined;
 } & React__default.RefAttributes<BladeElementRef>>;
 type AriaRoles = Exclude<AccessibilityRole, 'header' | 'adjustable' | 'image' | 'none' | 'summary'> | 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
@@ -5136,12 +5136,7 @@ type BaseButtonCommonProps = {
     isLoading?: boolean;
     accessibilityProps?: Partial<AccessibilityProps>;
     variant?: 'primary' | 'secondary' | 'tertiary';
-    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral' | 'transparent'
-    /**
-     * Only supported with `variant="primary"`. Consumed by FloatingActionButton
-     * and intentionally not exposed on `Button`.
-     */
-     | 'black';
+    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral' | 'transparent';
     /**
      * Overrides the size-derived border radius. Used by FloatingActionButton to
      * render a pill. `round` is excluded because a percentage radius distorts on
@@ -16497,7 +16492,7 @@ type FloatingActionButtonCommonProps = {
      *
      * @default 'primary'
      */
-    color?: 'primary' | 'white' | 'black';
+    color?: 'primary' | 'white' | 'neutral';
     /**
      * Corner of the viewport the button is anchored to.
      *
@@ -17998,7 +17993,7 @@ type OTPInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' |
      * Determines the number of input fields to show for the OTP
      * @default 6
      */
-    otpLength?: 4 | 6;
+    otpLength?: 4 | 6 | 8;
     /**
      * The callback function to be invoked when all the values of the OTPInput are filled
      */

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.120.0",
+  "version": "12.121.1",
   "license": "MIT",
   "engines": {
     "node": ">=20"