@razorpay/blade 12.49.3 → 12.49.5

package/build/lib/web/development/components/Input/BaseInput/BaseInput.js

@@ -56,8 +56,8 @@ var useTags = function useTags(tags, activeTagIndex, setActiveTagIndex) {
   var visibleTagsCountRef = React__default.useRef(0);
   React__default.useEffect(function () {
     if (tags && activeTagIndex >= 0 && activeTagIndex < tags.length) {
-      var _tags$activeTagIndex, _tags$activeTagIndex$;
-      var tagTitle = (_tags$activeTagIndex = tags[activeTagIndex]) === null || _tags$activeTagIndex === void 0 ? void 0 : (_tags$activeTagIndex$ = _tags$activeTagIndex.props) === null || _tags$activeTagIndex$ === void 0 ? void 0 : _tags$activeTagIndex$.children;
+      var _tags$activeTagIndex;
+      var tagTitle = (_tags$activeTagIndex = tags[activeTagIndex]) === null || _tags$activeTagIndex === void 0 || (_tags$activeTagIndex = _tags$activeTagIndex.props) === null || _tags$activeTagIndex === void 0 ? void 0 : _tags$activeTagIndex.children;
       if (tagTitle) {
         announce("Close ".concat(tagTitle, " Tag"));
       }
@@ -66,15 +66,15 @@ var useTags = function useTags(tags, activeTagIndex, setActiveTagIndex) {
   }, [activeTagIndex, tags === null || tags === void 0 ? void 0 : tags.length]);
   var onTagLeft = function onTagLeft() {
     if (activeTagIndex < 0) {
-      setActiveTagIndex === null || setActiveTagIndex === void 0 ? void 0 : setActiveTagIndex(visibleTagsCountRef.current - 1);
+      setActiveTagIndex === null || setActiveTagIndex === void 0 || setActiveTagIndex(visibleTagsCountRef.current - 1);
     }
     if (activeTagIndex > 0) {
-      setActiveTagIndex === null || setActiveTagIndex === void 0 ? void 0 : setActiveTagIndex(activeTagIndex - 1);
+      setActiveTagIndex === null || setActiveTagIndex === void 0 || setActiveTagIndex(activeTagIndex - 1);
     }
   };
   var onTagRight = function onTagRight() {
     if (activeTagIndex < visibleTagsCountRef.current - 1) {
-      setActiveTagIndex === null || setActiveTagIndex === void 0 ? void 0 : setActiveTagIndex(activeTagIndex + 1);
+      setActiveTagIndex === null || setActiveTagIndex === void 0 || setActiveTagIndex(activeTagIndex + 1);
     }
   };
   var onTagRemove = function onTagRemove() {
@@ -136,7 +136,7 @@ var useInput = function useInput(_ref) {
       // Could have just done "getPlatformType() === 'react-native' ? value : value?.target.value" but TS doesn't understands that
       _value = (_value$target$value = value === null || value === void 0 ? void 0 : value.target.value) !== null && _value$target$value !== void 0 ? _value$target$value : '';
     }
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus({
+    onFocus === null || onFocus === void 0 || onFocus({
       name: name,
       value: _value
     });
@@ -152,7 +152,7 @@ var useInput = function useInput(_ref) {
       // Could have just done "getPlatformType() === 'react-native' ? value : value?.target.value" but TS doesn't understands that
       _value = (_value$currentTarget$ = value === null || value === void 0 ? void 0 : value.currentTarget.value) !== null && _value$currentTarget$ !== void 0 ? _value$currentTarget$ : '';
     }
-    onClick === null || onClick === void 0 ? void 0 : onClick({
+    onClick === null || onClick === void 0 || onClick({
       name: name,
       value: _value
     });
@@ -171,7 +171,7 @@ var useInput = function useInput(_ref) {
     if (isReactNative()) {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
       //@ts-ignore need to ignore this since it will throw a TS error for web but not for native
-      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit({
+      onSubmit === null || onSubmit === void 0 || onSubmit({
         name: name,
         value: _value
       });
@@ -188,7 +188,7 @@ var useInput = function useInput(_ref) {
       // Could have just done "getPlatformType() === 'react-native' ? value : value?.target.value" but TS doesn't understands that
       _value = (_value$target$value3 = value === null || value === void 0 ? void 0 : value.target.value) !== null && _value$target$value3 !== void 0 ? _value$target$value3 : '';
     }
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur({
+    onBlur === null || onBlur === void 0 || onBlur({
       name: name,
       value: _value
     });
@@ -204,7 +204,7 @@ var useInput = function useInput(_ref) {
       // Could have just done "getPlatformType() === 'react-native' ? value : value?.target.value" but TS doesn't understands that
       _value = (_value$target$value4 = value === null || value === void 0 ? void 0 : value.target.value) !== null && _value$target$value4 !== void 0 ? _value$target$value4 : '';
     }
-    onChange === null || onChange === void 0 ? void 0 : onChange({
+    onChange === null || onChange === void 0 || onChange({
       name: name,
       value: _value
     });
@@ -221,7 +221,7 @@ var useInput = function useInput(_ref) {
       // Could have just done "getPlatformType() === 'react-native' ? value : value?.target.value" but TS doesn't understands that
       _value = (_value$target$value5 = value === null || value === void 0 ? void 0 : value.target.value) !== null && _value$target$value5 !== void 0 ? _value$target$value5 : '';
     }
-    onInput === null || onInput === void 0 ? void 0 : onInput({
+    onInput === null || onInput === void 0 || onInput({
       name: name,
       value: _value
     });
@@ -232,7 +232,7 @@ var useInput = function useInput(_ref) {
       code = _ref8.code,
       event = _ref8.event;
     onInputKeydownTagHandler(key);
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown({
+    onKeyDown === null || onKeyDown === void 0 || onKeyDown({
       name: name,
       key: key,
       code: code,
@@ -266,14 +266,14 @@ var getHintType = function getHintType(_ref9) {
   }
   return 'help';
 };
-var getDescribedByElementId = function getDescribedByElementId(_ref10) {
-  var validationState = _ref10.validationState,
-    hasErrorText = _ref10.hasErrorText,
-    hasSuccessText = _ref10.hasSuccessText,
-    hasHelpText = _ref10.hasHelpText,
-    errorTextId = _ref10.errorTextId,
-    successTextId = _ref10.successTextId,
-    helpTextId = _ref10.helpTextId;
+var getDescribedByElementId = function getDescribedByElementId(_ref0) {
+  var validationState = _ref0.validationState,
+    hasErrorText = _ref0.hasErrorText,
+    hasSuccessText = _ref0.hasSuccessText,
+    hasHelpText = _ref0.hasHelpText,
+    errorTextId = _ref0.errorTextId,
+    successTextId = _ref0.successTextId,
+    helpTextId = _ref0.helpTextId;
   if (validationState === 'error' && hasErrorText) {
     return errorTextId;
   }
@@ -288,10 +288,10 @@ var getDescribedByElementId = function getDescribedByElementId(_ref10) {
 var FocusRingWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "BaseInput__FocusRingWrapper",
   componentId: "sc-177qd3e-0"
-})(function (_ref11) {
-  var theme = _ref11.theme,
-    currentInteraction = _ref11.currentInteraction,
-    isTableInputCell = _ref11.isTableInputCell;
+})(function (_ref1) {
+  var theme = _ref1.theme,
+    currentInteraction = _ref1.currentInteraction,
+    isTableInputCell = _ref1.isTableInputCell;
   return {
     borderRadius: makeBorderSize(isTableInputCell ? theme.border.radius.none : theme.border.radius.medium),
     width: '100%',
@@ -303,90 +303,90 @@ var FocusRingWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
     }) : {}
   };
 });
-var _BaseInput = function _BaseInput(_ref12, ref) {
+var _BaseInput = function _BaseInput(_ref10, ref) {
   var _inputGroupProps$isDi, _inputGroupProps$size;
-  var _ref12$as = _ref12.as,
-    as = _ref12$as === void 0 ? 'input' : _ref12$as,
-    label = _ref12.label,
-    _ref12$labelPosition = _ref12.labelPosition,
-    labelPosition = _ref12$labelPosition === void 0 ? 'top' : _ref12$labelPosition,
-    placeholder = _ref12.placeholder,
-    _ref12$type = _ref12.type,
-    type = _ref12$type === void 0 ? 'text' : _ref12$type,
-    defaultValue = _ref12.defaultValue,
-    tags = _ref12.tags,
-    _ref12$showAllTags = _ref12.showAllTags,
-    showAllTags = _ref12$showAllTags === void 0 ? false : _ref12$showAllTags,
-    _ref12$activeTagIndex = _ref12.activeTagIndex,
-    activeTagIndex = _ref12$activeTagIndex === void 0 ? -1 : _ref12$activeTagIndex,
-    setActiveTagIndex = _ref12.setActiveTagIndex,
-    name = _ref12.name,
-    value = _ref12.value,
-    onFocus = _ref12.onFocus,
-    onChange = _ref12.onChange,
-    onInput = _ref12.onInput,
-    onBlur = _ref12.onBlur,
-    onSubmit = _ref12.onSubmit,
-    onClick = _ref12.onClick,
-    onKeyDown = _ref12.onKeyDown,
-    isDisabled = _ref12.isDisabled,
-    necessityIndicator = _ref12.necessityIndicator,
-    validationState = _ref12.validationState,
-    errorText = _ref12.errorText,
-    helpText = _ref12.helpText,
-    successText = _ref12.successText,
-    isRequired = _ref12.isRequired,
-    leadingIcon = _ref12.leadingIcon,
-    prefix = _ref12.prefix,
-    trailingInteractionElement = _ref12.trailingInteractionElement,
-    onTrailingInteractionElementClick = _ref12.onTrailingInteractionElementClick,
-    leadingInteractionElement = _ref12.leadingInteractionElement,
-    suffix = _ref12.suffix,
-    trailingIcon = _ref12.trailingIcon,
-    maxCharacters = _ref12.maxCharacters,
-    textAlign = _ref12.textAlign,
-    autoFocus = _ref12.autoFocus,
-    keyboardReturnKeyType = _ref12.keyboardReturnKeyType,
-    keyboardType = _ref12.keyboardType,
-    autoCompleteSuggestionType = _ref12.autoCompleteSuggestionType,
-    trailingHeaderSlot = _ref12.trailingHeaderSlot,
-    trailingFooterSlot = _ref12.trailingFooterSlot,
-    numberOfLines = _ref12.numberOfLines,
-    id = _ref12.id,
-    componentName = _ref12.componentName,
-    accessibilityLabel = _ref12.accessibilityLabel,
-    labelId = _ref12.labelId,
-    activeDescendant = _ref12.activeDescendant,
-    hideLabelText = _ref12.hideLabelText,
-    hideFormHint = _ref12.hideFormHint,
-    hasPopup = _ref12.hasPopup,
-    popupId = _ref12.popupId,
-    isPopupExpanded = _ref12.isPopupExpanded,
-    maxTagRows = _ref12.maxTagRows,
-    shouldIgnoreBlurAnimation = _ref12.shouldIgnoreBlurAnimation,
-    setShouldIgnoreBlurAnimation = _ref12.setShouldIgnoreBlurAnimation,
-    autoCapitalize = _ref12.autoCapitalize,
-    setInputWrapperRef = _ref12.setInputWrapperRef,
-    testID = _ref12.testID,
-    isDropdownTrigger = _ref12.isDropdownTrigger,
-    isLabelInsideInput = _ref12.isLabelInsideInput,
-    _ref12$size = _ref12.size,
-    size = _ref12$size === void 0 ? 'medium' : _ref12$size,
-    trailingButton = _ref12.trailingButton,
-    _ref12$valueComponent = _ref12.valueComponentType,
-    valueComponentType = _ref12$valueComponent === void 0 ? 'text' : _ref12$valueComponent,
-    _ref12$isTableInputCe = _ref12.isTableInputCell,
-    isTableInputCell = _ref12$isTableInputCe === void 0 ? false : _ref12$isTableInputCe,
-    _ref12$showHintsAsToo = _ref12.showHintsAsTooltip,
-    showHintsAsTooltip = _ref12$showHintsAsToo === void 0 ? false : _ref12$showHintsAsToo,
-    _motionMeta = _ref12._motionMeta,
-    role = _ref12.role,
-    tabIndex = _ref12.tabIndex,
-    leadingDropDown = _ref12.leadingDropDown,
-    trailingDropDown = _ref12.trailingDropDown,
-    labelSuffix = _ref12.labelSuffix,
-    labelTrailing = _ref12.labelTrailing,
-    rest = _objectWithoutProperties(_ref12, _excluded);
+  var _ref10$as = _ref10.as,
+    as = _ref10$as === void 0 ? 'input' : _ref10$as,
+    label = _ref10.label,
+    _ref10$labelPosition = _ref10.labelPosition,
+    labelPosition = _ref10$labelPosition === void 0 ? 'top' : _ref10$labelPosition,
+    placeholder = _ref10.placeholder,
+    _ref10$type = _ref10.type,
+    type = _ref10$type === void 0 ? 'text' : _ref10$type,
+    defaultValue = _ref10.defaultValue,
+    tags = _ref10.tags,
+    _ref10$showAllTags = _ref10.showAllTags,
+    showAllTags = _ref10$showAllTags === void 0 ? false : _ref10$showAllTags,
+    _ref10$activeTagIndex = _ref10.activeTagIndex,
+    activeTagIndex = _ref10$activeTagIndex === void 0 ? -1 : _ref10$activeTagIndex,
+    setActiveTagIndex = _ref10.setActiveTagIndex,
+    name = _ref10.name,
+    value = _ref10.value,
+    onFocus = _ref10.onFocus,
+    onChange = _ref10.onChange,
+    onInput = _ref10.onInput,
+    onBlur = _ref10.onBlur,
+    onSubmit = _ref10.onSubmit,
+    onClick = _ref10.onClick,
+    onKeyDown = _ref10.onKeyDown,
+    isDisabled = _ref10.isDisabled,
+    necessityIndicator = _ref10.necessityIndicator,
+    validationState = _ref10.validationState,
+    errorText = _ref10.errorText,
+    helpText = _ref10.helpText,
+    successText = _ref10.successText,
+    isRequired = _ref10.isRequired,
+    leadingIcon = _ref10.leadingIcon,
+    prefix = _ref10.prefix,
+    trailingInteractionElement = _ref10.trailingInteractionElement,
+    onTrailingInteractionElementClick = _ref10.onTrailingInteractionElementClick,
+    leadingInteractionElement = _ref10.leadingInteractionElement,
+    suffix = _ref10.suffix,
+    trailingIcon = _ref10.trailingIcon,
+    maxCharacters = _ref10.maxCharacters,
+    textAlign = _ref10.textAlign,
+    autoFocus = _ref10.autoFocus,
+    keyboardReturnKeyType = _ref10.keyboardReturnKeyType,
+    keyboardType = _ref10.keyboardType,
+    autoCompleteSuggestionType = _ref10.autoCompleteSuggestionType,
+    trailingHeaderSlot = _ref10.trailingHeaderSlot,
+    trailingFooterSlot = _ref10.trailingFooterSlot,
+    numberOfLines = _ref10.numberOfLines,
+    id = _ref10.id,
+    componentName = _ref10.componentName,
+    accessibilityLabel = _ref10.accessibilityLabel,
+    labelId = _ref10.labelId,
+    activeDescendant = _ref10.activeDescendant,
+    hideLabelText = _ref10.hideLabelText,
+    hideFormHint = _ref10.hideFormHint,
+    hasPopup = _ref10.hasPopup,
+    popupId = _ref10.popupId,
+    isPopupExpanded = _ref10.isPopupExpanded,
+    maxTagRows = _ref10.maxTagRows,
+    shouldIgnoreBlurAnimation = _ref10.shouldIgnoreBlurAnimation,
+    setShouldIgnoreBlurAnimation = _ref10.setShouldIgnoreBlurAnimation,
+    autoCapitalize = _ref10.autoCapitalize,
+    setInputWrapperRef = _ref10.setInputWrapperRef,
+    testID = _ref10.testID,
+    isDropdownTrigger = _ref10.isDropdownTrigger,
+    isLabelInsideInput = _ref10.isLabelInsideInput,
+    _ref10$size = _ref10.size,
+    size = _ref10$size === void 0 ? 'medium' : _ref10$size,
+    trailingButton = _ref10.trailingButton,
+    _ref10$valueComponent = _ref10.valueComponentType,
+    valueComponentType = _ref10$valueComponent === void 0 ? 'text' : _ref10$valueComponent,
+    _ref10$isTableInputCe = _ref10.isTableInputCell,
+    isTableInputCell = _ref10$isTableInputCe === void 0 ? false : _ref10$isTableInputCe,
+    _ref10$showHintsAsToo = _ref10.showHintsAsTooltip,
+    showHintsAsTooltip = _ref10$showHintsAsToo === void 0 ? false : _ref10$showHintsAsToo,
+    _motionMeta = _ref10._motionMeta,
+    role = _ref10.role,
+    tabIndex = _ref10.tabIndex,
+    leadingDropDown = _ref10.leadingDropDown,
+    trailingDropDown = _ref10.trailingDropDown,
+    labelSuffix = _ref10.labelSuffix,
+    labelTrailing = _ref10.labelTrailing,
+    rest = _objectWithoutProperties(_ref10, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var inputRef = React__default.useRef(null);
@@ -524,7 +524,7 @@ var _BaseInput = function _BaseInput(_ref12, ref) {
           setShowAllTagsWithAnimation: setShowAllTagsWithAnimation,
           ref: function ref(refNode) {
             if (refNode) {
-              setInputWrapperRef === null || setInputWrapperRef === void 0 ? void 0 : setInputWrapperRef(refNode);
+              setInputWrapperRef === null || setInputWrapperRef === void 0 || setInputWrapperRef(refNode);
               inputWrapperRef.current = refNode;
             }
           },
@@ -534,7 +534,7 @@ var _BaseInput = function _BaseInput(_ref12, ref) {
           onClick: function onClick() {
             if (!isReactNative) {
               var _inputRef$current;
-              (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+              (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
             }
           },
           isTableInputCell: isTableInputCell,
@@ -557,7 +557,7 @@ var _BaseInput = function _BaseInput(_ref12, ref) {
               });
               if (innerRef && !isReactNative && 'current' in innerRef) {
                 var _innerRef$current;
-                (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.focus();
+                (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 || _innerRef$current.focus();
               }
             },
             labelPrefix: isLabelInsideInput ? label : undefined,