@razorpay/blade 11.35.0 → 11.36.1

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

@@ -0,0 +1,12 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react-native-svg';
+import '@babel/runtime/helpers/defineProperty';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Path from '../_Svg/Path/Path.native.js';
+import Svg from '../_Svg/Svg/Svg.native.js';
+import useIconProps from '../useIconProps/useIconProps.js';
+
+var _excluded=["size","color"];var YoutubeIcon=function YoutubeIcon(_ref){var size=_ref.size,color=_ref.color,styledProps=_objectWithoutProperties(_ref,_excluded);var _useIconProps=useIconProps({size:size,color:color}),height=_useIconProps.height,width=_useIconProps.width,iconColor=_useIconProps.iconColor;return jsxs(Svg,Object.assign({},styledProps,{width:width,height:height,viewBox:"0 0 24 24",fill:"none",children:[jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M10.8047 7.66795C10.4978 7.46338 10.1033 7.44431 9.77814 7.61833C9.45298 7.79235 9.25 8.13121 9.25 8.5V14.5C9.25 14.8688 9.45298 15.2077 9.77814 15.3817C10.1033 15.5557 10.4978 15.5366 10.8047 15.3321L15.3047 12.3321C15.5829 12.1466 15.75 11.8344 15.75 11.5C15.75 11.1656 15.5829 10.8534 15.3047 10.668L10.8047 7.66795ZM12.9472 11.5L11.25 12.6315V10.3685L12.9472 11.5Z",fill:iconColor}),jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M20.4524 4.2413C18.7429 3.58442 16.5394 3.28246 14.8274 3.13814C13.9587 3.0649 13.1916 3.03044 12.6412 3.01425C12.3657 3.00614 12.1437 3.00259 11.9895 3.00107C11.9124 3.00031 11.8521 3.00006 11.8106 3L11.7625 3.00002L11.7507 3.00006L11.7493 3.00006L11.7375 3.00002L11.6894 3C11.6478 3.00006 11.5876 3.00032 11.5105 3.00108C11.3562 3.00261 11.1342 3.00618 10.8587 3.01432C10.3082 3.03059 9.54102 3.06521 8.67222 3.13875C6.96016 3.28368 4.75624 3.58684 3.04634 4.24642L3.03789 4.24976C2.66857 4.39609 2.33944 4.62833 2.07776 4.92723C1.8169 5.22521 1.63056 5.58089 1.5341 5.96497C1.29393 6.90178 1 8.63204 1 11.5001C1 14.3678 1.29385 16.0982 1.53846 17.0423C1.63541 17.4243 1.82128 17.7779 2.08094 18.0744C2.34143 18.3718 2.66871 18.6033 3.03597 18.7497L3.04636 18.7537C4.75626 19.4133 6.96016 19.7165 8.67222 19.8614C9.54102 19.9349 10.3082 19.9696 10.8587 19.9858C11.1342 19.994 11.3562 19.9975 11.5105 19.9991C11.5876 19.9998 11.6478 20.0001 11.6894 20.0001L11.7375 20.0001L11.7493 20.0001H11.7507L11.7625 20.0001L11.8106 20.0001C11.8522 20.0001 11.9124 19.9998 11.9895 19.9991C12.1438 19.9975 12.3658 19.994 12.6413 19.9858C13.1918 19.9696 13.959 19.9349 14.8278 19.8614C16.5398 19.7165 18.7438 19.4133 20.4537 18.7537L20.4612 18.7507C20.8297 18.6052 21.1582 18.3741 21.4198 18.0766C21.6806 17.7801 21.8675 17.426 21.965 17.0433C22.2098 16.1007 22.5037 14.368 22.5037 11.5001C22.5037 8.63345 22.2101 6.90327 21.9656 5.9589C21.869 5.57535 21.6828 5.22017 21.4222 4.92254C21.1606 4.62364 20.8314 4.39136 20.4621 4.24502L20.4524 4.2413ZM11.7418 5.00004L11.7437 5.00013L11.7561 5.00005L11.7582 5.00004L11.7676 5.00001L11.8078 5C11.844 5.00005 11.8985 5.00027 11.9698 5.00097C12.1123 5.00238 12.3212 5.0057 12.5824 5.01338C13.1054 5.02877 13.835 5.06157 14.6594 5.13107C16.3314 5.27202 18.2966 5.5568 19.7291 6.10591C19.8014 6.13525 19.866 6.18115 19.9174 6.23994C19.9698 6.29972 20.007 6.37112 20.0263 6.44821L20.0286 6.45712C20.2226 7.20488 20.5037 8.76262 20.5037 11.5001C20.5037 14.2378 20.2225 15.7971 20.0287 16.5425L20.0272 16.5485C20.0077 16.6253 19.9703 16.6964 19.918 16.7559C19.8663 16.8146 19.8016 16.8604 19.7291 16.8895C18.2969 17.4409 16.3314 17.727 14.6591 17.8685C13.8348 17.9383 13.1052 17.9712 12.5823 17.9867C12.3211 17.9944 12.1122 17.9978 11.9697 17.9992C11.8985 17.9999 11.8439 18.0001 11.8077 18.0001L11.7675 18.0001L11.7582 18.0001L11.7563 18L11.7437 18.0001L11.7418 18.0001L11.7325 18.0001L11.6923 18.0001C11.6561 18.0001 11.6015 17.9999 11.5303 17.9992C11.3878 17.9978 11.1789 17.9944 10.9177 17.9867C10.3948 17.9712 9.66523 17.9383 8.84091 17.8685C7.16922 17.727 5.20462 17.4412 3.77256 16.8902C3.70071 16.8608 3.63666 16.8151 3.5855 16.7567C3.53341 16.6972 3.49618 16.6262 3.47685 16.5496L3.47515 16.543C3.28116 15.7953 3 14.2375 3 11.5001C3 8.76295 3.28111 7.2032 3.47206 6.45934L3.47367 6.45288C3.49291 6.3758 3.53025 6.30441 3.58258 6.24463C3.63415 6.18571 3.69883 6.13975 3.7714 6.11042C5.20355 5.55913 7.16877 5.27317 8.84091 5.13163C9.66523 5.06185 10.3948 5.02891 10.9177 5.01345C11.1789 5.00573 11.3878 5.00239 11.5303 5.00098C11.6015 5.00028 11.6561 5.00005 11.6923 5L11.7325 5.00001L11.7418 5.00004Z",fill:iconColor})]}));};
+
+export { YoutubeIcon as default };
+//# sourceMappingURL=YoutubeIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YoutubeIcon.js","sources":["../../../../../../src/components/Icons/YoutubeIcon/YoutubeIcon.tsx"],"sourcesContent":["import { Svg, Path } from '../_Svg';\nimport type { IconComponent } from '..';\nimport useIconProps from '../useIconProps';\n\nconst YoutubeIcon: IconComponent = ({ size, color, ...styledProps }) => {\n  const { height, width, iconColor } = useIconProps({ size, color });\n\n  return (\n    <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\">\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10.8047 7.66795C10.4978 7.46338 10.1033 7.44431 9.77814 7.61833C9.45298 7.79235 9.25 8.13121 9.25 8.5V14.5C9.25 14.8688 9.45298 15.2077 9.77814 15.3817C10.1033 15.5557 10.4978 15.5366 10.8047 15.3321L15.3047 12.3321C15.5829 12.1466 15.75 11.8344 15.75 11.5C15.75 11.1656 15.5829 10.8534 15.3047 10.668L10.8047 7.66795ZM12.9472 11.5L11.25 12.6315V10.3685L12.9472 11.5Z\"\n        fill={iconColor}\n      />\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M20.4524 4.2413C18.7429 3.58442 16.5394 3.28246 14.8274 3.13814C13.9587 3.0649 13.1916 3.03044 12.6412 3.01425C12.3657 3.00614 12.1437 3.00259 11.9895 3.00107C11.9124 3.00031 11.8521 3.00006 11.8106 3L11.7625 3.00002L11.7507 3.00006L11.7493 3.00006L11.7375 3.00002L11.6894 3C11.6478 3.00006 11.5876 3.00032 11.5105 3.00108C11.3562 3.00261 11.1342 3.00618 10.8587 3.01432C10.3082 3.03059 9.54102 3.06521 8.67222 3.13875C6.96016 3.28368 4.75624 3.58684 3.04634 4.24642L3.03789 4.24976C2.66857 4.39609 2.33944 4.62833 2.07776 4.92723C1.8169 5.22521 1.63056 5.58089 1.5341 5.96497C1.29393 6.90178 1 8.63204 1 11.5001C1 14.3678 1.29385 16.0982 1.53846 17.0423C1.63541 17.4243 1.82128 17.7779 2.08094 18.0744C2.34143 18.3718 2.66871 18.6033 3.03597 18.7497L3.04636 18.7537C4.75626 19.4133 6.96016 19.7165 8.67222 19.8614C9.54102 19.9349 10.3082 19.9696 10.8587 19.9858C11.1342 19.994 11.3562 19.9975 11.5105 19.9991C11.5876 19.9998 11.6478 20.0001 11.6894 20.0001L11.7375 20.0001L11.7493 20.0001H11.7507L11.7625 20.0001L11.8106 20.0001C11.8522 20.0001 11.9124 19.9998 11.9895 19.9991C12.1438 19.9975 12.3658 19.994 12.6413 19.9858C13.1918 19.9696 13.959 19.9349 14.8278 19.8614C16.5398 19.7165 18.7438 19.4133 20.4537 18.7537L20.4612 18.7507C20.8297 18.6052 21.1582 18.3741 21.4198 18.0766C21.6806 17.7801 21.8675 17.426 21.965 17.0433C22.2098 16.1007 22.5037 14.368 22.5037 11.5001C22.5037 8.63345 22.2101 6.90327 21.9656 5.9589C21.869 5.57535 21.6828 5.22017 21.4222 4.92254C21.1606 4.62364 20.8314 4.39136 20.4621 4.24502L20.4524 4.2413ZM11.7418 5.00004L11.7437 5.00013L11.7561 5.00005L11.7582 5.00004L11.7676 5.00001L11.8078 5C11.844 5.00005 11.8985 5.00027 11.9698 5.00097C12.1123 5.00238 12.3212 5.0057 12.5824 5.01338C13.1054 5.02877 13.835 5.06157 14.6594 5.13107C16.3314 5.27202 18.2966 5.5568 19.7291 6.10591C19.8014 6.13525 19.866 6.18115 19.9174 6.23994C19.9698 6.29972 20.007 6.37112 20.0263 6.44821L20.0286 6.45712C20.2226 7.20488 20.5037 8.76262 20.5037 11.5001C20.5037 14.2378 20.2225 15.7971 20.0287 16.5425L20.0272 16.5485C20.0077 16.6253 19.9703 16.6964 19.918 16.7559C19.8663 16.8146 19.8016 16.8604 19.7291 16.8895C18.2969 17.4409 16.3314 17.727 14.6591 17.8685C13.8348 17.9383 13.1052 17.9712 12.5823 17.9867C12.3211 17.9944 12.1122 17.9978 11.9697 17.9992C11.8985 17.9999 11.8439 18.0001 11.8077 18.0001L11.7675 18.0001L11.7582 18.0001L11.7563 18L11.7437 18.0001L11.7418 18.0001L11.7325 18.0001L11.6923 18.0001C11.6561 18.0001 11.6015 17.9999 11.5303 17.9992C11.3878 17.9978 11.1789 17.9944 10.9177 17.9867C10.3948 17.9712 9.66523 17.9383 8.84091 17.8685C7.16922 17.727 5.20462 17.4412 3.77256 16.8902C3.70071 16.8608 3.63666 16.8151 3.5855 16.7567C3.53341 16.6972 3.49618 16.6262 3.47685 16.5496L3.47515 16.543C3.28116 15.7953 3 14.2375 3 11.5001C3 8.76295 3.28111 7.2032 3.47206 6.45934L3.47367 6.45288C3.49291 6.3758 3.53025 6.30441 3.58258 6.24463C3.63415 6.18571 3.69883 6.13975 3.7714 6.11042C5.20355 5.55913 7.16877 5.27317 8.84091 5.13163C9.66523 5.06185 10.3948 5.02891 10.9177 5.01345C11.1789 5.00573 11.3878 5.00239 11.5303 5.00098C11.6015 5.00028 11.6561 5.00005 11.6923 5L11.7325 5.00001L11.7418 5.00004Z\"\n        fill={iconColor}\n      />\n    </Svg>\n  );\n};\n\nexport default YoutubeIcon;\n"],"names":["YoutubeIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useIconProps","useIconProps","height","width","iconColor","_jsxs","Svg","Object","assign","viewBox","fill","children","_jsx","Path","fillRule","clipRule","d"],"mappings":";;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAIM,IAAAA,WAA0B,CAAG,SAA7BA,WAA0BA,CAAAC,IAAA,CAAwC,CAAA,IAAlCC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAAKC,WAAW,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,CAAA,CAC/D,IAAAC,aAAA,CAAqCC,YAAY,CAAC,CAAEN,IAAI,CAAJA,IAAI,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAC,CAA1DM,MAAM,CAAAF,aAAA,CAANE,MAAM,CAAEC,KAAK,CAAAH,aAAA,CAALG,KAAK,CAAEC,SAAS,CAAAJ,aAAA,CAATI,SAAS,CAEhC,OACEC,IAAA,CAACC,GAAG,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKX,WAAW,CAAEM,CAAAA,KAAK,CAAEA,KAAM,CAACD,MAAM,CAAEA,MAAO,CAACO,OAAO,CAAC,WAAW,CAACC,IAAI,CAAC,MAAM,CAAAC,QAAA,CACjFC,CAAAA,GAAA,CAACC,IAAI,CAAA,CACHC,QAAQ,CAAC,SAAS,CAClBC,QAAQ,CAAC,SAAS,CAClBC,CAAC,CAAC,kXAAkX,CACpXN,IAAI,CAAEN,SAAU,CACjB,CAAC,CACFQ,GAAA,CAACC,IAAI,EACHC,QAAQ,CAAC,SAAS,CAClBC,QAAQ,CAAC,SAAS,CAClBC,CAAC,CAAC,gkGAAgkG,CAClkGN,IAAI,CAAEN,SAAU,CACjB,CAAC,GACC,CAAC,CAEV;;;;"}

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

@@ -38,7 +38,7 @@ import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffect
 import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.native.js';
 import { useMergeRefs } from '../../../utils/useMergeRefs.js';
 
-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","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"];var autoCompleteSuggestionTypeValues=['none','on','name','email','username','password','newPassword','oneTimeCode','telephone','postalCode','countryName','creditCardNumber','creditCardCSC','creditCardExpiry','creditCardExpiryMonth','creditCardExpiryYear'];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?void 0:(_tags$activeTagIndex$=_tags$activeTagIndex.props)==null?void 0:_tags$activeTagIndex$.children;if(tagTitle){announce(`Close ${tagTitle} Tag`);}}},[activeTagIndex,tags==null?void 0:tags.length]);var onTagLeft=function onTagLeft(){if(activeTagIndex<0){setActiveTagIndex==null?void 0:setActiveTagIndex(visibleTagsCountRef.current-1);}if(activeTagIndex>0){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex-1);}};var onTagRight=function onTagRight(){if(activeTagIndex<visibleTagsCountRef.current-1){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex+1);}};var onTagRemove=function onTagRemove(){if(activeTagIndex>=0&&activeTagIndex<visibleTagsCountRef.current&&tags){tags[activeTagIndex].props.onDismiss({tagIndex:activeTagIndex});}};var onInputKeydownTagHandler=function onInputKeydownTagHandler(key){if(tags&&tags.length>0){if(key==='ArrowRight'){onTagRight();}if(key==='ArrowLeft'){onTagLeft();}if(key==='Backspace'){onTagRemove();}}};return {onInputKeydownTagHandler:onInputKeydownTagHandler,visibleTagsCountRef:visibleTagsCountRef};};var useInput=function useInput(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,onClick=_ref.onClick,onFocus=_ref.onFocus,onChange=_ref.onChange,onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,onInput=_ref.onInput,onKeyDown=_ref.onKeyDown,onInputKeydownTagHandler=_ref.onInputKeydownTagHandler;if(__DEV__){if(value&&defaultValue){throwBladeError({message:`Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,moduleName:'Input'});}}var _React$useState=React__default.useState(defaultValue!=null?defaultValue:value),_React$useState2=_slicedToArray(_React$useState,2),inputValue=_React$useState2[0],setInputValue=_React$useState2[1];var handleOnFocus=React__default.useCallback(function(_ref2){var name=_ref2.name,value=_ref2.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value;_value=(_value$target$value=value==null?void 0:value.target.value)!=null?_value$target$value:'';}onFocus==null?void 0:onFocus({name:name,value:_value});},[onFocus]);var handleOnClick=React__default.useCallback(function(_ref3){var name=_ref3.name,value=_ref3.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$currentTarget$;_value=(_value$currentTarget$=value==null?void 0:value.currentTarget.value)!=null?_value$currentTarget$:'';}onClick==null?void 0:onClick({name:name,value:_value});},[onClick]);var handleOnSubmit=React__default.useCallback(function(_ref4){var name=_ref4.name,value=_ref4.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value2;_value=(_value$target$value2=value==null?void 0:value.target.value)!=null?_value$target$value2:'';}if(isReactNative()){onSubmit==null?void 0:onSubmit({name:name,value:_value});}},[onSubmit]);var handleOnBlur=React__default.useCallback(function(_ref5){var name=_ref5.name,value=_ref5.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value3;_value=(_value$target$value3=value==null?void 0:value.target.value)!=null?_value$target$value3:'';}onBlur==null?void 0:onBlur({name:name,value:_value});},[onBlur]);var handleOnChange=React__default.useCallback(function(_ref6){var name=_ref6.name,value=_ref6.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value4;_value=(_value$target$value4=value==null?void 0:value.target.value)!=null?_value$target$value4:'';}onChange==null?void 0:onChange({name:name,value:_value});setInputValue(_value);},[onChange]);var handleOnInput=React__default.useCallback(function(_ref7){var name=_ref7.name,value=_ref7.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value5;_value=(_value$target$value5=value==null?void 0:value.target.value)!=null?_value$target$value5:'';}onInput==null?void 0:onInput({name:name,value:_value});},[onInput]);var handleOnKeyDown=React__default.useCallback(function(_ref8){var name=_ref8.name,key=_ref8.key,code=_ref8.code,event=_ref8.event;onInputKeydownTagHandler(key);onKeyDown==null?void 0:onKeyDown({name:name,key:key,code:code,event:event});},[onKeyDown]);return {handleOnFocus:handleOnFocus,handleOnClick:handleOnClick,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,inputValue:inputValue};};var getHintType=function getHintType(_ref9){var validationState=_ref9.validationState,hasHelpText=_ref9.hasHelpText;if(validationState==='error'){return 'error';}if(validationState==='success'){return 'success';}if(hasHelpText){return 'help';}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;if(validationState==='error'&&hasErrorText){return errorTextId;}if(validationState==='success'&&hasSuccessText){return successTextId;}if(hasHelpText){return helpTextId;}return '';};var FocusRingWrapper=styled(BaseBox)(function(_ref11){var theme=_ref11.theme,currentInteraction=_ref11.currentInteraction,isTableInputCell=_ref11.isTableInputCell;return {borderRadius:makeBorderSize(isTableInputCell?theme.border.radius.none:theme.border.radius.medium),width:'100%','&:focus-within':!isTableInputCell?Object.assign({},getFocusRingStyles(),{transitionDuration:castWebType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].duration))),transitionTimingFunction:castWebType(getIn(theme.motion.easing,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].easing))}):{}};});var _BaseInput=function _BaseInput(_ref12,ref){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,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,styledProps=_objectWithoutProperties(_ref12,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var inputRef=React__default.useRef(null);var mergedInputRef=useMergeRefs(ref,inputRef);var inputWrapperRef=React__default.useRef(null);var _useTags=useTags(tags,activeTagIndex,setActiveTagIndex),onInputKeydownTagHandler=_useTags.onInputKeydownTagHandler,visibleTagsCountRef=_useTags.visibleTagsCountRef;var _React$useState3=React__default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),showAllTagsWithAnimation=_React$useState4[0],setShowAllTagsWithAnimation=_React$useState4[1];var isReactNative=getPlatformType()==='react-native';React__default.useEffect(function(){if(showAllTags){setShowAllTagsWithAnimation(true);}else if(maxTagRows!=='expandable'){setShowAllTagsWithAnimation(false);}},[showAllTags,maxTagRows]);var _useInput=useInput({defaultValue:defaultValue,value:value,onFocus:onFocus,onClick:onClick,onChange:onChange,onBlur:onBlur,onSubmit:onSubmit,onInput:onInput,onKeyDown:onKeyDown,onInputKeydownTagHandler:onInputKeydownTagHandler}),handleOnFocus=_useInput.handleOnFocus,handleOnChange=_useInput.handleOnChange,handleOnClick=_useInput.handleOnClick,handleOnBlur=_useInput.handleOnBlur,handleOnSubmit=_useInput.handleOnSubmit,handleOnInput=_useInput.handleOnInput,handleOnKeyDown=_useInput.handleOnKeyDown,inputValue=_useInput.inputValue;var _useFormId=useFormId(id),inputId=_useFormId.inputId,helpTextId=_useFormId.helpTextId,errorTextId=_useFormId.errorTextId,successTextId=_useFormId.successTextId;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isLabelLeftPositioned=labelPosition==='left'&&matchedDeviceType==='desktop';var _useInteraction=useInteraction(),currentInteraction=_useInteraction.currentInteraction,setCurrentInteraction=_useInteraction.setCurrentInteraction;var _isRequired=isRequired||necessityIndicator==='required';var accessibilityProps=makeAccessible({required:Boolean(_isRequired),disabled:Boolean(isDisabled),invalid:Boolean(validationState==='error'),describedBy:getDescribedByElementId({validationState:validationState,hasErrorText:Boolean(errorText),hasSuccessText:Boolean(successText),hasHelpText:Boolean(helpText),errorTextId:errorTextId,successTextId:successTextId,helpTextId:helpTextId}),label:accessibilityLabel,hasPopup:hasPopup,expanded:hasPopup?isPopupExpanded:undefined,controls:hasPopup?popupId:undefined,role:hasPopup?'combobox':undefined,activeDescendant:activeDescendant});var willRenderHintText=Boolean(helpText)||Boolean(successText)||Boolean(errorText);if(__DEV__){if(autoCompleteSuggestionType&&!autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)){throwBladeError({message:`Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(', ')} but received ${autoCompleteSuggestionType}`,moduleName:'Input'});}}var isTextArea=as==='textarea';return jsxs(BaseBox,Object.assign({},metaAttribute({name:componentName,testID:testID}),getStyledProps(styledProps),{children:[jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'row':'column',justifyContent:isLabelLeftPositioned?'center':undefined,alignItems:isLabelLeftPositioned?'center':undefined,position:"relative",width:"100%",children:[!hideLabelText&&!isLabelInsideInput&&label&&jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'column':'row',justifyContent:"space-between",alignSelf:isTextArea?'flex-start':undefined,marginY:isTextArea&&isLabelLeftPositioned?'spacing.3':'spacing.0',children:[jsx(FormLabel,{as:"label",necessityIndicator:necessityIndicator,position:labelPosition,id:labelId,htmlFor:inputId,size:size,children:label}),trailingHeaderSlot==null?void 0:trailingHeaderSlot(value!=null?value:inputValue)]}),jsx(FocusRingWrapper,{currentInteraction:currentInteraction,isTableInputCell:isTableInputCell,children:jsxs(BaseInputWrapper,{isDropdownTrigger:isDropdownTrigger,isTextArea:isTextArea,isDisabled:isDisabled,validationState:validationState,currentInteraction:currentInteraction,isLabelLeftPositioned:isLabelLeftPositioned,showAllTags:showAllTags,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation,ref:function ref(refNode){if(refNode){setInputWrapperRef==null?void 0:setInputWrapperRef(refNode);inputWrapperRef.current=refNode;}},maxTagRows:maxTagRows,size:size,numberOfLines:numberOfLines,onClick:function onClick(){if(!isReactNative){var _inputRef$current;(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus();}},isTableInputCell:isTableInputCell,children:[jsx(BaseInputVisuals,{size:size,leadingIcon:leadingIcon,prefix:prefix,isDisabled:isDisabled,leadingInteractionElement:leadingInteractionElement}),jsx(BaseInputTagSlot,{renderAs:as,tags:tags,isDisabled:isDisabled,showAllTags:showAllTagsWithAnimation,setFocusOnInput:function setFocusOnInput(){if(ref&&!isReactNative&&'current'in ref){var _ref$current;(_ref$current=ref.current)==null?void 0:_ref$current.focus();}},labelPrefix:isLabelInsideInput?label:undefined,isDropdownTrigger:isDropdownTrigger,visibleTagsCountRef:visibleTagsCountRef,handleOnInputClick:function handleOnInputClick(e){handleOnClick({name:name,value:isReactNative?value:e});},setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,maxTagRows:maxTagRows,inputWrapperRef:inputWrapperRef,size:size,numberOfLines:numberOfLines,isTextArea:isTextArea,children:jsx(StyledBaseInput,Object.assign({as:as,id:inputId,ref:mergedInputRef,name:name,type:type,defaultValue:defaultValue,value:value,placeholder:placeholder,isDisabled:isDisabled,validationState:validationState,isRequired:_isRequired,handleOnFocus:handleOnFocus,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,handleOnClick:handleOnClick,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,maxCharacters:maxCharacters,textAlign:textAlign,autoFocus:autoFocus,keyboardReturnKeyType:keyboardReturnKeyType,keyboardType:keyboardType,autoCompleteSuggestionType:autoCompleteSuggestionType,accessibilityProps:accessibilityProps,currentInteraction:currentInteraction,setCurrentInteraction:setCurrentInteraction,numberOfLines:numberOfLines,isTextArea:isTextArea||maxTagRows==='multiple'||maxTagRows==='expandable',hasPopup:hasPopup,hasTags:!!(tags&&tags.length>0),shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,autoCapitalize:autoCapitalize,isDropdownTrigger:isDropdownTrigger,$size:size,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell},metaAttribute({name:MetaConstants.StyledBaseInput})))}),jsx(BaseInputVisuals,{trailingInteractionElement:trailingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isDisabled:isDisabled,validationState:validationState,trailingButton:trailingButton,size:size,errorText:errorText,successText:successText,showHintsAsTooltip:showHintsAsTooltip})]})})]}),hideFormHint||showHintsAsTooltip?null:jsx(BaseBox,{marginLeft:makeSize(isLabelLeftPositioned&&!hideLabelText?formHintLeftLabelMarginLeft[size]:0),children:jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:willRenderHintText?'space-between':'flex-end',children:[jsx(FormHint,{type:getHintType({validationState:validationState,hasHelpText:Boolean(helpText)}),helpText:helpText,errorText:errorText,successText:successText,helpTextId:helpTextId,errorTextId:errorTextId,successTextId:successTextId,size:size}),trailingFooterSlot==null?void 0:trailingFooterSlot(value!=null?value:inputValue)]})})]}));};var BaseInputWithRef=React__default.forwardRef(_BaseInput);var BaseInput=assignWithoutSideEffects(BaseInputWithRef,{displayName:'BaseInput'});
+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"];var autoCompleteSuggestionTypeValues=['none','on','name','email','username','password','newPassword','oneTimeCode','telephone','postalCode','countryName','creditCardNumber','creditCardCSC','creditCardExpiry','creditCardExpiryMonth','creditCardExpiryYear'];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?void 0:(_tags$activeTagIndex$=_tags$activeTagIndex.props)==null?void 0:_tags$activeTagIndex$.children;if(tagTitle){announce(`Close ${tagTitle} Tag`);}}},[activeTagIndex,tags==null?void 0:tags.length]);var onTagLeft=function onTagLeft(){if(activeTagIndex<0){setActiveTagIndex==null?void 0:setActiveTagIndex(visibleTagsCountRef.current-1);}if(activeTagIndex>0){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex-1);}};var onTagRight=function onTagRight(){if(activeTagIndex<visibleTagsCountRef.current-1){setActiveTagIndex==null?void 0:setActiveTagIndex(activeTagIndex+1);}};var onTagRemove=function onTagRemove(){if(activeTagIndex>=0&&activeTagIndex<visibleTagsCountRef.current&&tags){tags[activeTagIndex].props.onDismiss({tagIndex:activeTagIndex});}};var onInputKeydownTagHandler=function onInputKeydownTagHandler(key){if(tags&&tags.length>0){if(key==='ArrowRight'){onTagRight();}if(key==='ArrowLeft'){onTagLeft();}if(key==='Backspace'){onTagRemove();}}};return {onInputKeydownTagHandler:onInputKeydownTagHandler,visibleTagsCountRef:visibleTagsCountRef};};var useInput=function useInput(_ref){var value=_ref.value,defaultValue=_ref.defaultValue,onClick=_ref.onClick,onFocus=_ref.onFocus,onChange=_ref.onChange,onBlur=_ref.onBlur,onSubmit=_ref.onSubmit,onInput=_ref.onInput,onKeyDown=_ref.onKeyDown,onInputKeydownTagHandler=_ref.onInputKeydownTagHandler;if(__DEV__){if(value&&defaultValue){throwBladeError({message:`Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,moduleName:'Input'});}}var _React$useState=React__default.useState(defaultValue!=null?defaultValue:value),_React$useState2=_slicedToArray(_React$useState,2),inputValue=_React$useState2[0],setInputValue=_React$useState2[1];var handleOnFocus=React__default.useCallback(function(_ref2){var name=_ref2.name,value=_ref2.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value;_value=(_value$target$value=value==null?void 0:value.target.value)!=null?_value$target$value:'';}onFocus==null?void 0:onFocus({name:name,value:_value});},[onFocus]);var handleOnClick=React__default.useCallback(function(_ref3){var name=_ref3.name,value=_ref3.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$currentTarget$;_value=(_value$currentTarget$=value==null?void 0:value.currentTarget.value)!=null?_value$currentTarget$:'';}onClick==null?void 0:onClick({name:name,value:_value});},[onClick]);var handleOnSubmit=React__default.useCallback(function(_ref4){var name=_ref4.name,value=_ref4.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value2;_value=(_value$target$value2=value==null?void 0:value.target.value)!=null?_value$target$value2:'';}if(isReactNative()){onSubmit==null?void 0:onSubmit({name:name,value:_value});}},[onSubmit]);var handleOnBlur=React__default.useCallback(function(_ref5){var name=_ref5.name,value=_ref5.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value3;_value=(_value$target$value3=value==null?void 0:value.target.value)!=null?_value$target$value3:'';}onBlur==null?void 0:onBlur({name:name,value:_value});},[onBlur]);var handleOnChange=React__default.useCallback(function(_ref6){var name=_ref6.name,value=_ref6.value;var _value='';if(getPlatformType()==='react-native'&&typeof value==='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value4;_value=(_value$target$value4=value==null?void 0:value.target.value)!=null?_value$target$value4:'';}onChange==null?void 0:onChange({name:name,value:_value});setInputValue(_value);},[onChange]);var handleOnInput=React__default.useCallback(function(_ref7){var name=_ref7.name,value=_ref7.value;var _value='';if(getPlatformType()==='react-native'&&typeof value=='string'){_value=value;}else if(typeof value!=='string'){var _value$target$value5;_value=(_value$target$value5=value==null?void 0:value.target.value)!=null?_value$target$value5:'';}onInput==null?void 0:onInput({name:name,value:_value});},[onInput]);var handleOnKeyDown=React__default.useCallback(function(_ref8){var name=_ref8.name,key=_ref8.key,code=_ref8.code,event=_ref8.event;onInputKeydownTagHandler(key);onKeyDown==null?void 0:onKeyDown({name:name,key:key,code:code,event:event});},[onKeyDown]);return {handleOnFocus:handleOnFocus,handleOnClick:handleOnClick,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,inputValue:inputValue};};var getHintType=function getHintType(_ref9){var validationState=_ref9.validationState,hasHelpText=_ref9.hasHelpText;if(validationState==='error'){return 'error';}if(validationState==='success'){return 'success';}if(hasHelpText){return 'help';}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;if(validationState==='error'&&hasErrorText){return errorTextId;}if(validationState==='success'&&hasSuccessText){return successTextId;}if(hasHelpText){return helpTextId;}return '';};var FocusRingWrapper=styled(BaseBox)(function(_ref11){var theme=_ref11.theme,currentInteraction=_ref11.currentInteraction,isTableInputCell=_ref11.isTableInputCell;return {borderRadius:makeBorderSize(isTableInputCell?theme.border.radius.none:theme.border.radius.medium),width:'100%','&:focus-within':!isTableInputCell?Object.assign({},getFocusRingStyles(),{transitionDuration:castWebType(makeMotionTime(getIn(theme.motion.duration,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].duration))),transitionTimingFunction:castWebType(getIn(theme.motion.easing,baseInputBorderBackgroundMotion[currentInteraction==='focus'?'enter':'exit'].easing))}):{}};});var _BaseInput=function _BaseInput(_ref12,ref){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,styledProps=_objectWithoutProperties(_ref12,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var inputRef=React__default.useRef(null);var mergedInputRef=useMergeRefs(ref,inputRef);var inputWrapperRef=React__default.useRef(null);var _useTags=useTags(tags,activeTagIndex,setActiveTagIndex),onInputKeydownTagHandler=_useTags.onInputKeydownTagHandler,visibleTagsCountRef=_useTags.visibleTagsCountRef;var _React$useState3=React__default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),showAllTagsWithAnimation=_React$useState4[0],setShowAllTagsWithAnimation=_React$useState4[1];var isReactNative=getPlatformType()==='react-native';React__default.useEffect(function(){if(showAllTags){setShowAllTagsWithAnimation(true);}else if(maxTagRows!=='expandable'){setShowAllTagsWithAnimation(false);}},[showAllTags,maxTagRows]);var _useInput=useInput({defaultValue:defaultValue,value:value,onFocus:onFocus,onClick:onClick,onChange:onChange,onBlur:onBlur,onSubmit:onSubmit,onInput:onInput,onKeyDown:onKeyDown,onInputKeydownTagHandler:onInputKeydownTagHandler}),handleOnFocus=_useInput.handleOnFocus,handleOnChange=_useInput.handleOnChange,handleOnClick=_useInput.handleOnClick,handleOnBlur=_useInput.handleOnBlur,handleOnSubmit=_useInput.handleOnSubmit,handleOnInput=_useInput.handleOnInput,handleOnKeyDown=_useInput.handleOnKeyDown,inputValue=_useInput.inputValue;var _useFormId=useFormId(id),inputId=_useFormId.inputId,helpTextId=_useFormId.helpTextId,errorTextId=_useFormId.errorTextId,successTextId=_useFormId.successTextId;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isLabelLeftPositioned=labelPosition==='left'&&matchedDeviceType==='desktop';var _useInteraction=useInteraction(),currentInteraction=_useInteraction.currentInteraction,setCurrentInteraction=_useInteraction.setCurrentInteraction;var _isRequired=isRequired||necessityIndicator==='required';var accessibilityProps=makeAccessible({required:Boolean(_isRequired),disabled:Boolean(isDisabled),invalid:Boolean(validationState==='error'),describedBy:getDescribedByElementId({validationState:validationState,hasErrorText:Boolean(errorText),hasSuccessText:Boolean(successText),hasHelpText:Boolean(helpText),errorTextId:errorTextId,successTextId:successTextId,helpTextId:helpTextId}),label:accessibilityLabel,hasPopup:hasPopup,expanded:hasPopup?isPopupExpanded:undefined,controls:hasPopup?popupId:undefined,role:hasPopup?'combobox':undefined,activeDescendant:activeDescendant});var willRenderHintText=Boolean(helpText)||Boolean(successText)||Boolean(errorText);if(__DEV__){if(autoCompleteSuggestionType&&!autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)){throwBladeError({message:`Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(', ')} but received ${autoCompleteSuggestionType}`,moduleName:'Input'});}}var isTextArea=as==='textarea';return jsxs(BaseBox,Object.assign({},metaAttribute({name:componentName,testID:testID}),getStyledProps(styledProps),{children:[jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'row':'column',justifyContent:isLabelLeftPositioned?'center':undefined,alignItems:isLabelLeftPositioned?'center':undefined,position:"relative",width:"100%",children:[!hideLabelText&&!isLabelInsideInput&&label&&jsxs(BaseBox,{display:"flex",flexDirection:isLabelLeftPositioned?'column':'row',justifyContent:"space-between",alignSelf:isTextArea?'flex-start':undefined,marginY:isTextArea&&isLabelLeftPositioned?'spacing.3':'spacing.0',children:[jsx(FormLabel,{as:"label",necessityIndicator:necessityIndicator,position:labelPosition,id:labelId,htmlFor:inputId,size:size,children:label}),trailingHeaderSlot==null?void 0:trailingHeaderSlot(value!=null?value:inputValue)]}),jsx(FocusRingWrapper,{currentInteraction:currentInteraction,isTableInputCell:isTableInputCell,children:jsxs(BaseInputWrapper,{isDropdownTrigger:isDropdownTrigger,isTextArea:isTextArea,isDisabled:isDisabled,validationState:validationState,currentInteraction:currentInteraction,isLabelLeftPositioned:isLabelLeftPositioned,showAllTags:showAllTags,setShowAllTagsWithAnimation:setShowAllTagsWithAnimation,ref:function ref(refNode){if(refNode){setInputWrapperRef==null?void 0:setInputWrapperRef(refNode);inputWrapperRef.current=refNode;}},maxTagRows:maxTagRows,size:size,numberOfLines:numberOfLines,onClick:function onClick(){if(!isReactNative){var _inputRef$current;(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus();}},isTableInputCell:isTableInputCell,children:[jsx(BaseInputVisuals,{size:size,leadingIcon:leadingIcon,prefix:prefix,isDisabled:isDisabled,leadingInteractionElement:leadingInteractionElement}),jsx(BaseInputTagSlot,{renderAs:as,tags:tags,isDisabled:isDisabled,showAllTags:showAllTagsWithAnimation,setFocusOnInput:function setFocusOnInput(){if(ref&&!isReactNative&&'current'in ref){var _ref$current;(_ref$current=ref.current)==null?void 0:_ref$current.focus();}},labelPrefix:isLabelInsideInput?label:undefined,isDropdownTrigger:isDropdownTrigger,visibleTagsCountRef:visibleTagsCountRef,handleOnInputClick:function handleOnInputClick(e){handleOnClick({name:name,value:isReactNative?value:e});},setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,maxTagRows:maxTagRows,inputWrapperRef:inputWrapperRef,size:size,numberOfLines:numberOfLines,isTextArea:isTextArea,children:jsx(StyledBaseInput,Object.assign({as:as,id:inputId,ref:mergedInputRef,name:name,type:type,defaultValue:defaultValue,value:value,placeholder:placeholder,isDisabled:isDisabled,validationState:validationState,isRequired:_isRequired,handleOnFocus:handleOnFocus,handleOnChange:handleOnChange,handleOnBlur:handleOnBlur,handleOnSubmit:handleOnSubmit,handleOnInput:handleOnInput,handleOnKeyDown:handleOnKeyDown,handleOnClick:handleOnClick,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,maxCharacters:maxCharacters,textAlign:textAlign,autoFocus:autoFocus,keyboardReturnKeyType:keyboardReturnKeyType,keyboardType:keyboardType,autoCompleteSuggestionType:autoCompleteSuggestionType,accessibilityProps:accessibilityProps,currentInteraction:currentInteraction,setCurrentInteraction:setCurrentInteraction,numberOfLines:numberOfLines,isTextArea:isTextArea||maxTagRows==='multiple'||maxTagRows==='expandable',hasPopup:hasPopup,hasTags:!!(tags&&tags.length>0),shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,autoCapitalize:autoCapitalize,isDropdownTrigger:isDropdownTrigger,$size:size,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell},metaAttribute({name:MetaConstants.StyledBaseInput})))}),jsx(BaseInputVisuals,{trailingInteractionElement:trailingInteractionElement,onTrailingInteractionElementClick:onTrailingInteractionElementClick,suffix:suffix,trailingIcon:trailingIcon,isDisabled:isDisabled,validationState:validationState,trailingButton:trailingButton,size:size,errorText:errorText,successText:successText,showHintsAsTooltip:showHintsAsTooltip})]})})]}),hideFormHint||showHintsAsTooltip?null:jsx(BaseBox,{marginLeft:makeSize(isLabelLeftPositioned&&!hideLabelText?formHintLeftLabelMarginLeft[size]:0),children:jsxs(BaseBox,{display:"flex",flexDirection:"row",justifyContent:willRenderHintText?'space-between':'flex-end',children:[jsx(FormHint,{type:getHintType({validationState:validationState,hasHelpText:Boolean(helpText)}),helpText:helpText,errorText:errorText,successText:successText,helpTextId:helpTextId,errorTextId:errorTextId,successTextId:successTextId,size:size}),trailingFooterSlot==null?void 0:trailingFooterSlot(value!=null?value:inputValue)]})})]}));};var BaseInputWithRef=React__default.forwardRef(_BaseInput);var BaseInput=assignWithoutSideEffects(BaseInputWithRef,{displayName:'BaseInput'});
 
 export { BaseInput, getHintType };
 //# sourceMappingURL=BaseInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.js","sources":["../../../../../../src/components/Input/BaseInput/BaseInput.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { ReactNode } from 'react';\nimport styled from 'styled-components';\nimport { StyledBaseInput } from './StyledBaseInput';\nimport { BaseInputVisuals } from './BaseInputVisuals';\nimport { BaseInputWrapper } from './BaseInputWrapper';\nimport { BaseInputTagSlot } from './BaseInputTagSlot';\nimport type { InputWrapperRef } from './types';\nimport { baseInputBorderBackgroundMotion, formHintLeftLabelMarginLeft } from './baseInputTokens';\nimport type {\n  FormInputLabelProps,\n  FormInputValidationProps,\n  FormInputHandleOnEvent,\n  FormInputOnEvent,\n  FormHintProps,\n} from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport type { IconComponent } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport {\n  castWebType,\n  getPlatformType,\n  isReactNative,\n  makeBorderSize,\n  makeMotionTime,\n  useBreakpoint,\n} from '~utils';\nimport type { Platform } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useFormId } from '~components/Form/useFormId';\nimport { useTheme } from '~components/BladeProvider';\nimport useInteraction from '~utils/useInteraction';\nimport type { ActionStates } from '~utils/useInteraction';\nimport type {\n  FormInputHandleOnClickEvent,\n  FormInputHandleOnKeyDownEvent,\n} from '~components/Form/FormTypes';\nimport type { BladeElementRef, ContainerElementType, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport type { AriaAttributes } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport { announce } from '~components/LiveAnnouncer/LiveAnnouncer';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { LinkProps } from '~components/Link';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useMergeRefs } from '~utils/useMergeRefs';\n\ntype CommonAutoCompleteSuggestionTypes =\n  | 'none'\n  | 'name'\n  | 'email'\n  | 'username'\n  | 'password'\n  | 'newPassword'\n  | 'oneTimeCode'\n  | 'telephone'\n  | 'postalCode'\n  | 'countryName'\n  | 'creditCardNumber'\n  | 'creditCardCSC'\n  | 'creditCardExpiry'\n  | 'creditCardExpiryMonth'\n  | 'creditCardExpiryYear';\n\ntype WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes | 'on';\n\ntype BaseInputCommonProps = FormInputLabelProps &\n  FormInputValidationProps & {\n    /**\n     * Determines if it needs to be rendered as input, textarea or button\n     */\n    as?: 'input' | 'textarea' | 'button';\n    /**\n     * ID that will be used for accessibility\n     */\n    id: string;\n    /**\n     * Placeholder text to be displayed inside the input field\n     */\n    placeholder?: string;\n    /**\n     * Type of Input Field to be rendered.\n     *\n     * @default text\n     */\n    type?: 'text' | 'telephone' | 'email' | 'url' | 'number' | 'search' | 'password';\n    /**\n     * Used to set the default value of input field when it's uncontrolled\n     */\n    defaultValue?: string;\n    /**\n     * The name of the input field.\n     *\n     * Useful in form submissions\n     */\n    name?: string;\n    /**\n     * The callback function to be invoked when the input field gets focus\n     */\n    onFocus?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked when the value of the input field changes\n     */\n    onChange?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked when input is clicked\n     */\n    onClick?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked when the value of the input field has any input\n     */\n    onInput?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked whenever there is a keyDown event\n     */\n    onKeyDown?: FormInputHandleOnKeyDownEvent;\n    /**\n     * The callback function to be invoked when the the input field loses focus\n     *\n     * For React Native this will call `onEndEditing` event since we want to get the last value of the input field\n     */\n    onBlur?: FormInputOnEvent;\n    /**\n     * Ignores the blur event animation (Used in Select to ignore blur animation when item in option is clicked)\n     */\n    shouldIgnoreBlurAnimation?: boolean;\n    /**\n     * sets boolean that ignores the blur animations on baseinput\n     */\n    setShouldIgnoreBlurAnimation?: (shouldIgnoreBlurAnimation: boolean) => void;\n    /**\n     * Used to turn the input field to controlled so user can control the value\n     */\n    value?: string;\n    /**\n     * Used to disable the input field\n     */\n    isDisabled?: boolean;\n    /**\n     * If true, the input is marked as required, and `required` attribute will be added\n     */\n    isRequired?: boolean;\n    /**\n     * Icon to be shown at the start of the input field\n     */\n    leadingIcon?: IconComponent;\n    /**\n     * Prefix symbol to be displayed at the beginning of the input field. If leadingIcon is provided it'll be placed after it\n     */\n    prefix?: string;\n    /**\n     * Element to be rendered before suffix. This is decided by the component which is extending BaseInput\n     *\n     * eg: consumers can render a loader or they could render a clear button\n     */\n    trailingInteractionElement?: ReactNode;\n    /**\n     * Element to be rendered before prefix. This is decided by the component which is extending BaseInput\n     *\n     * eg: consumers can render a country selector or button\n     */\n    leadingInteractionElement?: ReactNode;\n    /**\n     * Suffix symbol to be displayed at the end of the input field. If trailingIcon is provided it'll be placed before it\n     */\n    suffix?: string;\n    /**\n     * Icon to be displayed at the end of the input field\n     */\n    trailingIcon?: IconComponent;\n    /**\n     * Displays the character counter under the input field\n     */\n    maxCharacters?: number;\n    /**\n     * alignment of the text inside input field\n     */\n    textAlign?: 'left' | 'center' | 'right';\n    /**\n     * If true, focuses the input field on load\n     *\n     * **Note:**\n     * Automatically focusing a form control can confuse visually-impaired people using screen-reading technology and people with cognitive impairments.\n     * When autofocus is assigned, screen-readers \"teleport\" their user to the form control without warning them beforehand.\n     */\n    autoFocus?: boolean;\n    /**\n     * Hints the platform to display an appropriate virtual keyboard\n     *\n     * **Native:** Passes as is the `keyboardType` attribute\n     *\n     * **Web:** Passes the value to the `inputMode` attribute\n     */\n    keyboardType?: 'text' | 'search' | 'telephone' | 'email' | 'url' | 'decimal';\n    /**\n     * determines what return key to show on the keyboard of mobile devices/virtual keyboard\n     * **Note**: Few values are platform dependent and might not render on all the platforms\n     *\n     * `default` is only available on native. it'll be mapped to `enter` for web\n     * `previous` is only available on native android\n     */\n    keyboardReturnKeyType?: 'default' | 'go' | 'done' | 'next' | 'previous' | 'search' | 'send';\n    /**\n     * Element to be rendered on the trailing slot of input field label\n     */\n    trailingHeaderSlot?: (value?: string) => ReactNode;\n    /**\n     * Element to be rendered on the trailing slot of input field footer\n     */\n    trailingFooterSlot?: (value?: string) => ReactNode;\n    /**\n     * Sets the textarea's number of lines\n     */\n    numberOfLines?: 2 | 3 | 4 | 5;\n    /**\n     * Sets the accessibility label for the input\n     */\n    accessibilityLabel?: string;\n    /**\n     * Sets the id of the label\n     *\n     * (Useful when assigning one label to multiple elements using aria-labelledby)\n     */\n    labelId?: string;\n    /**\n     * Can be used in select to set the id of the active descendant from the listbox\n     */\n    activeDescendant?: string;\n    /**\n     * Hides the label text\n     */\n    hideLabelText?: boolean;\n    /**\n     * Hides the form hint text\n     */\n    hideFormHint?: boolean;\n    /**\n     * componentName prop sets the data-blade-component attribute name\n     * for internal metric collection purposes\n     */\n    componentName?: string;\n    /**\n     * whether the input has a popup\n     */\n    hasPopup?: AriaAttributes['hasPopup'];\n    /**\n     * id of the popup\n     */\n    popupId?: string;\n    /**\n     * true if popup is in expanded state\n     */\n    isPopupExpanded?: boolean;\n    setInputWrapperRef?: (node: ContainerElementType) => void;\n    /**\n     * sets the autocapitalize behavior for the input\n     */\n    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';\n\n    /**\n     * constraints the height of input to given number rows\n     *\n     * When set to expandable, input takes 1 row in the begining and expands to take 3 when active\n     *\n     * @default 'single'\n     */\n    maxTagRows?: 'single' | 'multiple' | 'expandable';\n\n    /**\n     * A slot for adding tags to input\n     */\n    tags?: React.ReactElement[] | null;\n\n    /**\n     * Disables stripping of tags and shows all tags\n     */\n    showAllTags?: boolean;\n\n    /**\n     * State variable of active tag index\n     */\n    activeTagIndex?: number;\n\n    /**\n     * Is this input SelectInput or AutoComplete\n     */\n    isDropdownTrigger?: boolean;\n\n    /**\n     * Is the label expected to be rendered inside input?\n     * Used in AutoComplete and Select when label can't exist outside\n     *\n     */\n    isLabelInsideInput?: boolean;\n\n    /**\n     * State setter for active tag index\n     */\n    setActiveTagIndex?: (activeTagIndex: number) => void;\n    /**\n     * Sets the size of the input field\n     * @default medium\n     */\n    size?: 'medium' | 'large';\n    /**\n     * Link button to be rendered at the end of the input field.\n     * **Note:** `size` of the Link will be set to the same size as the input field, `isDisabled` will follow Input's `isDisabled`, & `variant` will be set to `button`.\n     * Example:\n     * ```tsx\n     * trailingButton={<Link onClick={handleClick}>Apply</Link>}\n     * ```\n     */\n    trailingButton?: React.ReactElement<LinkProps>;\n    /**\n     * Whether to use Text or Heading component for Input text\n     * @default text\n     **/\n    valueComponentType?: 'text' | 'heading';\n    /**\n     * Whether to render the input as a table cell\n     * @default true\n     **/\n    isTableInputCell?: boolean;\n\n    /**\n     * Hides the form hints and shows them as tooltip of trailing\n     */\n    showHintsAsTooltip?: boolean;\n  } & TestID &\n  Platform.Select<{\n    native: {\n      /**\n       * The callback function to be invoked when the value of the input field is submitted.\n       */\n      onSubmit?: FormInputOnEvent;\n      /**\n       * determines what autoComplete suggestion type to show\n       *\n       * Internally it'll render platform specific attributes:\n       *\n       * - web: `autocomplete`\n       * - iOS: `textContentType`\n       * - android: `autoComplete`\n       *\n       */\n      autoCompleteSuggestionType?: CommonAutoCompleteSuggestionTypes;\n    };\n    web: {\n      /**\n       * This is a react-native only prop and has no effect on web.\n       */\n      onSubmit?: undefined;\n      /**\n       * determines what autoComplete suggestion type to show\n       *\n       * Internally it'll render platform specific attributes:\n       *\n       * - web: `autocomplete`\n       * - iOS: `textContentType`\n       * - android: `autoComplete`\n       *\n       */\n      autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;\n    };\n  }> &\n  StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype BaseInputPropsWithA11yLabel = {\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 BaseInputPropsWithLabel = {\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\nexport type BaseInputProps = (BaseInputPropsWithA11yLabel | BaseInputPropsWithLabel) &\n  BaseInputCommonProps;\n\nconst autoCompleteSuggestionTypeValues = [\n  'none',\n  'on',\n  'name',\n  'email',\n  'username',\n  'password',\n  'newPassword',\n  'oneTimeCode',\n  'telephone',\n  'postalCode',\n  'countryName',\n  'creditCardNumber',\n  'creditCardCSC',\n  'creditCardExpiry',\n  'creditCardExpiryMonth',\n  'creditCardExpiryYear',\n];\n\ntype OnInputKeydownTagHandlerType = (key: string | undefined) => void;\nconst useTags = (\n  tags: BaseInputProps['tags'],\n  activeTagIndex: number,\n  setActiveTagIndex?: (activeTagIndex: number) => void,\n): {\n  onInputKeydownTagHandler: OnInputKeydownTagHandlerType;\n  visibleTagsCountRef: React.MutableRefObject<number>;\n} => {\n  const visibleTagsCountRef = React.useRef<number>(0);\n\n  React.useEffect(() => {\n    if (tags && activeTagIndex >= 0 && activeTagIndex < tags.length) {\n      const tagTitle = tags[activeTagIndex]?.props?.children;\n      if (tagTitle) {\n        announce(`Close ${tagTitle} Tag`);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeTagIndex, tags?.length]);\n\n  const onTagLeft = (): void => {\n    if (activeTagIndex < 0) {\n      setActiveTagIndex?.(visibleTagsCountRef.current - 1);\n    }\n\n    if (activeTagIndex > 0) {\n      setActiveTagIndex?.(activeTagIndex - 1);\n    }\n  };\n\n  const onTagRight = (): void => {\n    if (activeTagIndex < visibleTagsCountRef.current - 1) {\n      setActiveTagIndex?.(activeTagIndex + 1);\n    }\n  };\n\n  const onTagRemove = (): void => {\n    if (activeTagIndex >= 0 && activeTagIndex < visibleTagsCountRef.current && tags) {\n      tags[activeTagIndex].props.onDismiss({ tagIndex: activeTagIndex });\n    }\n  };\n\n  const onInputKeydownTagHandler: OnInputKeydownTagHandlerType = (key) => {\n    if (tags && tags.length > 0) {\n      if (key === 'ArrowRight') {\n        onTagRight();\n      }\n\n      if (key === 'ArrowLeft') {\n        onTagLeft();\n      }\n\n      if (key === 'Backspace') {\n        onTagRemove();\n      }\n    }\n  };\n\n  return {\n    onInputKeydownTagHandler,\n    visibleTagsCountRef,\n  };\n};\n\nconst useInput = ({\n  value,\n  defaultValue,\n  onClick,\n  onFocus,\n  onChange,\n  onBlur,\n  onSubmit,\n  onInput,\n  onKeyDown,\n  onInputKeydownTagHandler,\n}: Pick<\n  BaseInputProps,\n  | 'value'\n  | 'defaultValue'\n  | 'onFocus'\n  | 'onChange'\n  | 'onBlur'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'onClick'\n  | 'onSubmit'\n> & {\n  onInputKeydownTagHandler: OnInputKeydownTagHandlerType;\n}): {\n  handleOnFocus: FormInputHandleOnEvent;\n  handleOnClick: FormInputHandleOnClickEvent;\n  handleOnChange: FormInputHandleOnEvent;\n  handleOnBlur: FormInputHandleOnEvent;\n  handleOnSubmit: FormInputHandleOnEvent;\n  handleOnInput: FormInputHandleOnEvent;\n  handleOnKeyDown: FormInputHandleOnKeyDownEvent;\n  inputValue?: string;\n} => {\n  if (__DEV__) {\n    if (value && defaultValue) {\n      throwBladeError({\n        message: `Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,\n        moduleName: 'Input',\n      });\n    }\n  }\n\n  const [inputValue, setInputValue] = React.useState(defaultValue ?? value);\n\n  const handleOnFocus: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onFocus?.({\n        name,\n        value: _value,\n      });\n    },\n    [onFocus],\n  );\n\n  const handleOnClick: FormInputHandleOnClickEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.currentTarget.value ?? '';\n      }\n\n      onClick?.({\n        name,\n        value: _value,\n      });\n    },\n    [onClick],\n  );\n\n  const handleOnSubmit: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n      if (isReactNative()) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n        //@ts-ignore need to ignore this since it will throw a TS error for web but not for native\n        onSubmit?.({\n          name,\n          value: _value,\n        });\n      }\n    },\n    [onSubmit],\n  );\n\n  const handleOnBlur: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n      if (getPlatformType() === 'react-native' && typeof value == 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onBlur?.({\n        name,\n        value: _value,\n      });\n    },\n    [onBlur],\n  );\n\n  const handleOnChange: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onChange?.({\n        name,\n        value: _value,\n      });\n      setInputValue(_value);\n    },\n    [onChange],\n  );\n\n  const handleOnInput: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n      if (getPlatformType() === 'react-native' && typeof value == 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onInput?.({\n        name,\n        value: _value,\n      });\n    },\n    [onInput],\n  );\n\n  const handleOnKeyDown: FormInputHandleOnKeyDownEvent = React.useCallback(\n    ({ name, key, code, event }) => {\n      onInputKeydownTagHandler(key);\n      onKeyDown?.({\n        name,\n        key,\n        code,\n        event,\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [onKeyDown],\n  );\n\n  return {\n    handleOnFocus,\n    handleOnClick,\n    handleOnChange,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    inputValue,\n  };\n};\n\nexport const getHintType = ({\n  validationState,\n  hasHelpText,\n}: {\n  validationState: BaseInputProps['validationState'];\n  hasHelpText: boolean;\n}): FormHintProps['type'] => {\n  if (validationState === 'error') {\n    return 'error';\n  }\n\n  if (validationState === 'success') {\n    return 'success';\n  }\n\n  if (hasHelpText) {\n    return 'help';\n  }\n\n  return 'help';\n};\n\nconst getDescribedByElementId = ({\n  validationState,\n  hasErrorText,\n  hasSuccessText,\n  hasHelpText,\n  errorTextId,\n  successTextId,\n  helpTextId,\n}: {\n  validationState: BaseInputProps['validationState'];\n  hasErrorText: boolean;\n  hasSuccessText: boolean;\n  hasHelpText: boolean;\n  errorTextId: string;\n  successTextId: string;\n  helpTextId: string;\n}): string => {\n  if (validationState === 'error' && hasErrorText) {\n    return errorTextId;\n  }\n\n  if (validationState === 'success' && hasSuccessText) {\n    return successTextId;\n  }\n\n  if (hasHelpText) {\n    return helpTextId;\n  }\n\n  return '';\n};\n\nconst FocusRingWrapper = styled(BaseBox)<{\n  currentInteraction: ActionStates;\n  isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\n}>(({ theme, currentInteraction, isTableInputCell }) => ({\n  borderRadius: makeBorderSize(\n    isTableInputCell ? theme.border.radius.none : theme.border.radius.medium,\n  ),\n  width: '100%',\n  '&:focus-within': !isTableInputCell\n    ? {\n        ...getFocusRingStyles({\n          theme,\n        }),\n        transitionDuration: castWebType(\n          makeMotionTime(\n            getIn(\n              theme.motion.duration,\n              baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit']\n                .duration,\n            ),\n          ),\n        ),\n        transitionTimingFunction: castWebType(\n          getIn(\n            theme.motion.easing,\n            baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit']\n              .easing,\n          ),\n        ),\n      }\n    : {},\n}));\n\nconst _BaseInput: React.ForwardRefRenderFunction<BladeElementRef, BaseInputProps> = (\n  {\n    as = 'input',\n    label,\n    labelPosition = 'top',\n    placeholder,\n    type = 'text',\n    defaultValue,\n    tags,\n    showAllTags = false,\n    activeTagIndex = -1,\n    setActiveTagIndex,\n    name,\n    value,\n    onFocus,\n    onChange,\n    onInput,\n    onBlur,\n    onSubmit,\n    onClick,\n    onKeyDown,\n    isDisabled,\n    necessityIndicator,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    isRequired,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    maxCharacters,\n    textAlign,\n    autoFocus,\n    keyboardReturnKeyType,\n    keyboardType,\n    autoCompleteSuggestionType,\n    trailingHeaderSlot,\n    trailingFooterSlot,\n    numberOfLines,\n    id,\n    componentName,\n    accessibilityLabel,\n    labelId,\n    activeDescendant,\n    hideLabelText,\n    hideFormHint,\n    hasPopup,\n    popupId,\n    isPopupExpanded,\n    maxTagRows,\n    shouldIgnoreBlurAnimation,\n    setShouldIgnoreBlurAnimation,\n    autoCapitalize,\n    setInputWrapperRef,\n    testID,\n    isDropdownTrigger,\n    isLabelInsideInput,\n    size = 'medium',\n    trailingButton,\n    valueComponentType = 'text',\n    isTableInputCell = false,\n    showHintsAsTooltip = false,\n    ...styledProps\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const inputRef = React.useRef<BladeElementRef>(null);\n  const mergedInputRef = useMergeRefs(ref, inputRef);\n  const inputWrapperRef: InputWrapperRef = React.useRef(null);\n  const { onInputKeydownTagHandler, visibleTagsCountRef } = useTags(\n    tags,\n    activeTagIndex,\n    setActiveTagIndex,\n  );\n  const [showAllTagsWithAnimation, setShowAllTagsWithAnimation] = React.useState(false);\n  const isReactNative = getPlatformType() === 'react-native';\n\n  React.useEffect(() => {\n    if (showAllTags) {\n      setShowAllTagsWithAnimation(true);\n    } else if (maxTagRows !== 'expandable') {\n      setShowAllTagsWithAnimation(false);\n    }\n  }, [showAllTags, maxTagRows]);\n\n  const {\n    handleOnFocus,\n    handleOnChange,\n    handleOnClick,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    inputValue,\n  } = useInput({\n    defaultValue,\n    value,\n    onFocus,\n    onClick,\n    onChange,\n    onBlur,\n    onSubmit,\n    onInput,\n    onKeyDown,\n    onInputKeydownTagHandler,\n  });\n  const { inputId, helpTextId, errorTextId, successTextId } = useFormId(id);\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';\n  const { currentInteraction, setCurrentInteraction } = useInteraction();\n  const _isRequired = isRequired || necessityIndicator === 'required';\n\n  const accessibilityProps = makeAccessible({\n    required: Boolean(_isRequired),\n    disabled: Boolean(isDisabled),\n    invalid: Boolean(validationState === 'error'),\n    describedBy: getDescribedByElementId({\n      validationState,\n      hasErrorText: Boolean(errorText),\n      hasSuccessText: Boolean(successText),\n      hasHelpText: Boolean(helpText),\n      errorTextId,\n      successTextId,\n      helpTextId,\n    }),\n    label: accessibilityLabel,\n    hasPopup,\n    expanded: hasPopup ? isPopupExpanded : undefined,\n    controls: hasPopup ? popupId : undefined,\n    role: hasPopup ? 'combobox' : undefined,\n    activeDescendant,\n  });\n\n  const willRenderHintText = Boolean(helpText) || Boolean(successText) || Boolean(errorText);\n\n  if (__DEV__) {\n    if (\n      autoCompleteSuggestionType &&\n      !autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)\n    ) {\n      throwBladeError({\n        message: `Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(\n          ', ',\n        )} but received ${autoCompleteSuggestionType}`,\n        moduleName: 'Input',\n      });\n    }\n  }\n\n  const isTextArea = as === 'textarea';\n  return (\n    <BaseBox {...metaAttribute({ name: componentName, testID })} {...getStyledProps(styledProps)}>\n      <BaseBox\n        display=\"flex\"\n        flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n        justifyContent={isLabelLeftPositioned ? 'center' : undefined}\n        alignItems={isLabelLeftPositioned ? 'center' : undefined}\n        position=\"relative\"\n        width=\"100%\"\n      >\n        {!hideLabelText && !isLabelInsideInput && label && (\n          <BaseBox\n            display=\"flex\"\n            flexDirection={isLabelLeftPositioned ? 'column' : 'row'}\n            justifyContent=\"space-between\"\n            alignSelf={isTextArea ? 'flex-start' : undefined}\n            marginY={isTextArea && isLabelLeftPositioned ? 'spacing.3' : 'spacing.0'}\n          >\n            <FormLabel\n              as=\"label\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={labelId}\n              htmlFor={inputId}\n              size={size}\n            >\n              {label}\n            </FormLabel>\n            {trailingHeaderSlot?.(value ?? inputValue)}\n          </BaseBox>\n        )}\n        <FocusRingWrapper\n          currentInteraction={currentInteraction}\n          isTableInputCell={isTableInputCell}\n        >\n          <BaseInputWrapper\n            isDropdownTrigger={isDropdownTrigger}\n            isTextArea={isTextArea}\n            isDisabled={isDisabled}\n            validationState={validationState}\n            currentInteraction={currentInteraction}\n            isLabelLeftPositioned={isLabelLeftPositioned}\n            showAllTags={showAllTags}\n            setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n            ref={(refNode) => {\n              if (refNode) {\n                setInputWrapperRef?.(refNode);\n                inputWrapperRef.current = refNode;\n              }\n            }}\n            maxTagRows={maxTagRows}\n            size={size}\n            numberOfLines={numberOfLines}\n            onClick={() => {\n              if (!isReactNative) {\n                inputRef.current?.focus();\n              }\n            }}\n            isTableInputCell={isTableInputCell}\n          >\n            <BaseInputVisuals\n              size={size}\n              leadingIcon={leadingIcon}\n              prefix={prefix}\n              isDisabled={isDisabled}\n              leadingInteractionElement={leadingInteractionElement}\n            />\n            <BaseInputTagSlot\n              renderAs={as}\n              tags={tags}\n              isDisabled={isDisabled}\n              showAllTags={showAllTagsWithAnimation}\n              setFocusOnInput={() => {\n                if (ref && !isReactNative && 'current' in ref) {\n                  ref.current?.focus();\n                }\n              }}\n              labelPrefix={isLabelInsideInput ? label : undefined}\n              isDropdownTrigger={isDropdownTrigger}\n              visibleTagsCountRef={visibleTagsCountRef}\n              handleOnInputClick={(e) => {\n                handleOnClick({ name, value: isReactNative ? value : e });\n              }}\n              setShouldIgnoreBlurAnimation={setShouldIgnoreBlurAnimation}\n              maxTagRows={maxTagRows}\n              inputWrapperRef={inputWrapperRef}\n              size={size}\n              numberOfLines={numberOfLines}\n              isTextArea={isTextArea}\n            >\n              <StyledBaseInput\n                as={as}\n                id={inputId}\n                ref={mergedInputRef as any}\n                name={name}\n                type={type}\n                defaultValue={defaultValue}\n                value={value}\n                placeholder={placeholder}\n                isDisabled={isDisabled}\n                validationState={validationState}\n                isRequired={_isRequired}\n                handleOnFocus={handleOnFocus}\n                handleOnChange={handleOnChange}\n                handleOnBlur={handleOnBlur}\n                handleOnSubmit={handleOnSubmit}\n                handleOnInput={handleOnInput}\n                handleOnKeyDown={handleOnKeyDown}\n                handleOnClick={handleOnClick}\n                leadingIcon={leadingIcon}\n                prefix={prefix}\n                trailingInteractionElement={trailingInteractionElement}\n                leadingInteractionElement={leadingInteractionElement}\n                suffix={suffix}\n                trailingIcon={trailingIcon}\n                maxCharacters={maxCharacters}\n                textAlign={textAlign}\n                // eslint-disable-next-line jsx-a11y/no-autofocus\n                autoFocus={autoFocus}\n                keyboardReturnKeyType={keyboardReturnKeyType}\n                keyboardType={keyboardType}\n                autoCompleteSuggestionType={autoCompleteSuggestionType}\n                accessibilityProps={accessibilityProps}\n                currentInteraction={currentInteraction}\n                setCurrentInteraction={setCurrentInteraction}\n                numberOfLines={numberOfLines}\n                isTextArea={isTextArea || maxTagRows === 'multiple' || maxTagRows === 'expandable'}\n                hasPopup={hasPopup}\n                hasTags={!!(tags && tags.length > 0)}\n                shouldIgnoreBlurAnimation={shouldIgnoreBlurAnimation}\n                autoCapitalize={autoCapitalize}\n                isDropdownTrigger={isDropdownTrigger}\n                $size={size}\n                valueComponentType={valueComponentType}\n                isTableInputCell={isTableInputCell}\n                {...metaAttribute({ name: MetaConstants.StyledBaseInput })}\n              />\n            </BaseInputTagSlot>\n            <BaseInputVisuals\n              trailingInteractionElement={trailingInteractionElement}\n              suffix={suffix}\n              trailingIcon={trailingIcon}\n              isDisabled={isDisabled}\n              validationState={validationState}\n              trailingButton={trailingButton}\n              size={size}\n              errorText={errorText}\n              successText={successText}\n              showHintsAsTooltip={showHintsAsTooltip}\n            />\n          </BaseInputWrapper>\n        </FocusRingWrapper>\n      </BaseBox>\n\n      {hideFormHint || showHintsAsTooltip ? null : (\n        <BaseBox\n          marginLeft={makeSize(\n            isLabelLeftPositioned && !hideLabelText ? formHintLeftLabelMarginLeft[size] : 0,\n          )}\n        >\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            justifyContent={willRenderHintText ? 'space-between' : 'flex-end'}\n          >\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            {trailingFooterSlot?.(value ?? inputValue)}\n          </BaseBox>\n        </BaseBox>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BaseInputWithRef = React.forwardRef(_BaseInput);\nconst BaseInput = assignWithoutSideEffects(BaseInputWithRef, { displayName: 'BaseInput' });\n\nexport { BaseInput };\n"],"names":["autoCompleteSuggestionTypeValues","useTags","tags","activeTagIndex","setActiveTagIndex","visibleTagsCountRef","React","useRef","useEffect","length","_tags$activeTagIndex","_tags$activeTagIndex$","tagTitle","props","children","announce","onTagLeft","current","onTagRight","onTagRemove","onDismiss","tagIndex","onInputKeydownTagHandler","key","useInput","_ref","value","defaultValue","onClick","onFocus","onChange","onBlur","onSubmit","onInput","onKeyDown","__DEV__","throwBladeError","message","moduleName","_React$useState","useState","_React$useState2","_slicedToArray","inputValue","setInputValue","handleOnFocus","useCallback","_ref2","name","_value","getPlatformType","_value$target$value","target","handleOnClick","_ref3","_value$currentTarget$","currentTarget","handleOnSubmit","_ref4","_value$target$value2","isReactNative","handleOnBlur","_ref5","_value$target$value3","handleOnChange","_ref6","_value$target$value4","handleOnInput","_ref7","_value$target$value5","handleOnKeyDown","_ref8","code","event","getHintType","_ref9","validationState","hasHelpText","getDescribedByElementId","_ref10","hasErrorText","hasSuccessText","errorTextId","successTextId","helpTextId","FocusRingWrapper","styled","BaseBox","_ref11","theme","currentInteraction","isTableInputCell","borderRadius","makeBorderSize","border","radius","none","medium","width","Object","assign","getFocusRingStyles","transitionDuration","castWebType","makeMotionTime","getIn","motion","duration","baseInputBorderBackgroundMotion","transitionTimingFunction","easing","_BaseInput","_ref12","ref","_ref12$as","as","label","_ref12$labelPosition","labelPosition","placeholder","_ref12$type","type","_ref12$showAllTags","showAllTags","_ref12$activeTagIndex","isDisabled","necessityIndicator","errorText","helpText","successText","isRequired","leadingIcon","prefix","trailingInteractionElement","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","_ref12$size","size","trailingButton","_ref12$valueComponent","valueComponentType","_ref12$isTableInputCe","_ref12$showHintsAsToo","showHintsAsTooltip","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","inputRef","mergedInputRef","useMergeRefs","inputWrapperRef","_useTags","_React$useState3","_React$useState4","showAllTagsWithAnimation","setShowAllTagsWithAnimation","_useInput","_useFormId","useFormId","inputId","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","_useInteraction","useInteraction","setCurrentInteraction","_isRequired","accessibilityProps","makeAccessible","required","Boolean","disabled","invalid","describedBy","expanded","undefined","controls","role","willRenderHintText","includes","join","isTextArea","_jsxs","metaAttribute","getStyledProps","display","flexDirection","justifyContent","alignItems","position","alignSelf","marginY","_jsx","FormLabel","htmlFor","BaseInputWrapper","refNode","_inputRef$current","focus","BaseInputVisuals","BaseInputTagSlot","renderAs","setFocusOnInput","_ref$current","labelPrefix","handleOnInputClick","e","StyledBaseInput","hasTags","$size","MetaConstants","marginLeft","makeSize","formHintLeftLabelMarginLeft","FormHint","BaseInputWithRef","forwardRef","BaseInput","assignWithoutSideEffects","displayName"],"mappings":"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"}
+{"version":3,"file":"BaseInput.js","sources":["../../../../../../src/components/Input/BaseInput/BaseInput.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { ReactNode } from 'react';\nimport styled from 'styled-components';\nimport { StyledBaseInput } from './StyledBaseInput';\nimport { BaseInputVisuals } from './BaseInputVisuals';\nimport { BaseInputWrapper } from './BaseInputWrapper';\nimport { BaseInputTagSlot } from './BaseInputTagSlot';\nimport type { InputWrapperRef } from './types';\nimport { baseInputBorderBackgroundMotion, formHintLeftLabelMarginLeft } from './baseInputTokens';\nimport type {\n  FormInputLabelProps,\n  FormInputValidationProps,\n  FormInputHandleOnEvent,\n  FormInputOnEvent,\n  FormHintProps,\n} from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport type { IconComponent } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport {\n  castWebType,\n  getPlatformType,\n  isReactNative,\n  makeBorderSize,\n  makeMotionTime,\n  useBreakpoint,\n} from '~utils';\nimport type { Platform } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useFormId } from '~components/Form/useFormId';\nimport { useTheme } from '~components/BladeProvider';\nimport useInteraction from '~utils/useInteraction';\nimport type { ActionStates } from '~utils/useInteraction';\nimport type {\n  FormInputHandleOnClickEvent,\n  FormInputHandleOnKeyDownEvent,\n} from '~components/Form/FormTypes';\nimport type { BladeElementRef, ContainerElementType, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport type { AriaAttributes } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport { announce } from '~components/LiveAnnouncer/LiveAnnouncer';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { LinkProps } from '~components/Link';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useMergeRefs } from '~utils/useMergeRefs';\n\ntype CommonAutoCompleteSuggestionTypes =\n  | 'none'\n  | 'name'\n  | 'email'\n  | 'username'\n  | 'password'\n  | 'newPassword'\n  | 'oneTimeCode'\n  | 'telephone'\n  | 'postalCode'\n  | 'countryName'\n  | 'creditCardNumber'\n  | 'creditCardCSC'\n  | 'creditCardExpiry'\n  | 'creditCardExpiryMonth'\n  | 'creditCardExpiryYear';\n\ntype WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes | 'on';\n\ntype BaseInputCommonProps = FormInputLabelProps &\n  FormInputValidationProps & {\n    /**\n     * Determines if it needs to be rendered as input, textarea or button\n     */\n    as?: 'input' | 'textarea' | 'button';\n    /**\n     * ID that will be used for accessibility\n     */\n    id: string;\n    /**\n     * Placeholder text to be displayed inside the input field\n     */\n    placeholder?: string;\n    /**\n     * Type of Input Field to be rendered.\n     *\n     * @default text\n     */\n    type?: 'text' | 'telephone' | 'email' | 'url' | 'number' | 'search' | 'password';\n    /**\n     * Used to set the default value of input field when it's uncontrolled\n     */\n    defaultValue?: string;\n    /**\n     * The name of the input field.\n     *\n     * Useful in form submissions\n     */\n    name?: string;\n    /**\n     * The callback function to be invoked when the input field gets focus\n     */\n    onFocus?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked when the value of the input field changes\n     */\n    onChange?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked when input is clicked\n     */\n    onClick?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked when the value of the input field has any input\n     */\n    onInput?: FormInputOnEvent;\n    /**\n     * The callback function to be invoked whenever there is a keyDown event\n     */\n    onKeyDown?: FormInputHandleOnKeyDownEvent;\n    /**\n     * The callback function to be invoked when the the input field loses focus\n     *\n     * For React Native this will call `onEndEditing` event since we want to get the last value of the input field\n     */\n    onBlur?: FormInputOnEvent;\n    /**\n     * Ignores the blur event animation (Used in Select to ignore blur animation when item in option is clicked)\n     */\n    shouldIgnoreBlurAnimation?: boolean;\n    /**\n     * sets boolean that ignores the blur animations on baseinput\n     */\n    setShouldIgnoreBlurAnimation?: (shouldIgnoreBlurAnimation: boolean) => void;\n    /**\n     * Used to turn the input field to controlled so user can control the value\n     */\n    value?: string;\n    /**\n     * Used to disable the input field\n     */\n    isDisabled?: boolean;\n    /**\n     * If true, the input is marked as required, and `required` attribute will be added\n     */\n    isRequired?: boolean;\n    /**\n     * Icon to be shown at the start of the input field\n     */\n    leadingIcon?: IconComponent;\n    /**\n     * Prefix symbol to be displayed at the beginning of the input field. If leadingIcon is provided it'll be placed after it\n     */\n    prefix?: string;\n    /**\n     * Element to be rendered before suffix. This is decided by the component which is extending BaseInput\n     *\n     * eg: consumers can render a loader or they could render a clear button\n     */\n    trailingInteractionElement?: ReactNode;\n    /**\n     * Callback to be invoked when the TrailingInteractionElement is clicked\n     */\n    onTrailingInteractionElementClick?: () => void;\n    /**\n     * Element to be rendered before prefix. This is decided by the component which is extending BaseInput\n     *\n     * eg: consumers can render a country selector or button\n     */\n    leadingInteractionElement?: ReactNode;\n    /**\n     * Suffix symbol to be displayed at the end of the input field. If trailingIcon is provided it'll be placed before it\n     */\n    suffix?: string;\n    /**\n     * Icon to be displayed at the end of the input field\n     */\n    trailingIcon?: IconComponent;\n    /**\n     * Displays the character counter under the input field\n     */\n    maxCharacters?: number;\n    /**\n     * alignment of the text inside input field\n     */\n    textAlign?: 'left' | 'center' | 'right';\n    /**\n     * If true, focuses the input field on load\n     *\n     * **Note:**\n     * Automatically focusing a form control can confuse visually-impaired people using screen-reading technology and people with cognitive impairments.\n     * When autofocus is assigned, screen-readers \"teleport\" their user to the form control without warning them beforehand.\n     */\n    autoFocus?: boolean;\n    /**\n     * Hints the platform to display an appropriate virtual keyboard\n     *\n     * **Native:** Passes as is the `keyboardType` attribute\n     *\n     * **Web:** Passes the value to the `inputMode` attribute\n     */\n    keyboardType?: 'text' | 'search' | 'telephone' | 'email' | 'url' | 'decimal';\n    /**\n     * determines what return key to show on the keyboard of mobile devices/virtual keyboard\n     * **Note**: Few values are platform dependent and might not render on all the platforms\n     *\n     * `default` is only available on native. it'll be mapped to `enter` for web\n     * `previous` is only available on native android\n     */\n    keyboardReturnKeyType?: 'default' | 'go' | 'done' | 'next' | 'previous' | 'search' | 'send';\n    /**\n     * Element to be rendered on the trailing slot of input field label\n     */\n    trailingHeaderSlot?: (value?: string) => ReactNode;\n    /**\n     * Element to be rendered on the trailing slot of input field footer\n     */\n    trailingFooterSlot?: (value?: string) => ReactNode;\n    /**\n     * Sets the textarea's number of lines\n     */\n    numberOfLines?: 2 | 3 | 4 | 5;\n    /**\n     * Sets the accessibility label for the input\n     */\n    accessibilityLabel?: string;\n    /**\n     * Sets the id of the label\n     *\n     * (Useful when assigning one label to multiple elements using aria-labelledby)\n     */\n    labelId?: string;\n    /**\n     * Can be used in select to set the id of the active descendant from the listbox\n     */\n    activeDescendant?: string;\n    /**\n     * Hides the label text\n     */\n    hideLabelText?: boolean;\n    /**\n     * Hides the form hint text\n     */\n    hideFormHint?: boolean;\n    /**\n     * componentName prop sets the data-blade-component attribute name\n     * for internal metric collection purposes\n     */\n    componentName?: string;\n    /**\n     * whether the input has a popup\n     */\n    hasPopup?: AriaAttributes['hasPopup'];\n    /**\n     * id of the popup\n     */\n    popupId?: string;\n    /**\n     * true if popup is in expanded state\n     */\n    isPopupExpanded?: boolean;\n    setInputWrapperRef?: (node: ContainerElementType) => void;\n    /**\n     * sets the autocapitalize behavior for the input\n     */\n    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';\n\n    /**\n     * constraints the height of input to given number rows\n     *\n     * When set to expandable, input takes 1 row in the begining and expands to take 3 when active\n     *\n     * @default 'single'\n     */\n    maxTagRows?: 'single' | 'multiple' | 'expandable';\n\n    /**\n     * A slot for adding tags to input\n     */\n    tags?: React.ReactElement[] | null;\n\n    /**\n     * Disables stripping of tags and shows all tags\n     */\n    showAllTags?: boolean;\n\n    /**\n     * State variable of active tag index\n     */\n    activeTagIndex?: number;\n\n    /**\n     * Is this input SelectInput or AutoComplete\n     */\n    isDropdownTrigger?: boolean;\n\n    /**\n     * Is the label expected to be rendered inside input?\n     * Used in AutoComplete and Select when label can't exist outside\n     *\n     */\n    isLabelInsideInput?: boolean;\n\n    /**\n     * State setter for active tag index\n     */\n    setActiveTagIndex?: (activeTagIndex: number) => void;\n    /**\n     * Sets the size of the input field\n     * @default medium\n     */\n    size?: 'medium' | 'large';\n    /**\n     * Link button to be rendered at the end of the input field.\n     * **Note:** `size` of the Link will be set to the same size as the input field, `isDisabled` will follow Input's `isDisabled`, & `variant` will be set to `button`.\n     * Example:\n     * ```tsx\n     * trailingButton={<Link onClick={handleClick}>Apply</Link>}\n     * ```\n     */\n    trailingButton?: React.ReactElement<LinkProps>;\n    /**\n     * Whether to use Text or Heading component for Input text\n     * @default text\n     **/\n    valueComponentType?: 'text' | 'heading';\n    /**\n     * Whether to render the input as a table cell\n     * @default true\n     **/\n    isTableInputCell?: boolean;\n    /**\n     * Hides the form hints and shows them as tooltip of trailing\n     */\n    showHintsAsTooltip?: boolean;\n  } & TestID &\n  Platform.Select<{\n    native: {\n      /**\n       * The callback function to be invoked when the value of the input field is submitted.\n       */\n      onSubmit?: FormInputOnEvent;\n      /**\n       * determines what autoComplete suggestion type to show\n       *\n       * Internally it'll render platform specific attributes:\n       *\n       * - web: `autocomplete`\n       * - iOS: `textContentType`\n       * - android: `autoComplete`\n       *\n       */\n      autoCompleteSuggestionType?: CommonAutoCompleteSuggestionTypes;\n    };\n    web: {\n      /**\n       * This is a react-native only prop and has no effect on web.\n       */\n      onSubmit?: undefined;\n      /**\n       * determines what autoComplete suggestion type to show\n       *\n       * Internally it'll render platform specific attributes:\n       *\n       * - web: `autocomplete`\n       * - iOS: `textContentType`\n       * - android: `autoComplete`\n       *\n       */\n      autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;\n    };\n  }> &\n  StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype BaseInputPropsWithA11yLabel = {\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 BaseInputPropsWithLabel = {\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\nexport type BaseInputProps = (BaseInputPropsWithA11yLabel | BaseInputPropsWithLabel) &\n  BaseInputCommonProps;\n\nconst autoCompleteSuggestionTypeValues = [\n  'none',\n  'on',\n  'name',\n  'email',\n  'username',\n  'password',\n  'newPassword',\n  'oneTimeCode',\n  'telephone',\n  'postalCode',\n  'countryName',\n  'creditCardNumber',\n  'creditCardCSC',\n  'creditCardExpiry',\n  'creditCardExpiryMonth',\n  'creditCardExpiryYear',\n];\n\ntype OnInputKeydownTagHandlerType = (key: string | undefined) => void;\nconst useTags = (\n  tags: BaseInputProps['tags'],\n  activeTagIndex: number,\n  setActiveTagIndex?: (activeTagIndex: number) => void,\n): {\n  onInputKeydownTagHandler: OnInputKeydownTagHandlerType;\n  visibleTagsCountRef: React.MutableRefObject<number>;\n} => {\n  const visibleTagsCountRef = React.useRef<number>(0);\n\n  React.useEffect(() => {\n    if (tags && activeTagIndex >= 0 && activeTagIndex < tags.length) {\n      const tagTitle = tags[activeTagIndex]?.props?.children;\n      if (tagTitle) {\n        announce(`Close ${tagTitle} Tag`);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeTagIndex, tags?.length]);\n\n  const onTagLeft = (): void => {\n    if (activeTagIndex < 0) {\n      setActiveTagIndex?.(visibleTagsCountRef.current - 1);\n    }\n\n    if (activeTagIndex > 0) {\n      setActiveTagIndex?.(activeTagIndex - 1);\n    }\n  };\n\n  const onTagRight = (): void => {\n    if (activeTagIndex < visibleTagsCountRef.current - 1) {\n      setActiveTagIndex?.(activeTagIndex + 1);\n    }\n  };\n\n  const onTagRemove = (): void => {\n    if (activeTagIndex >= 0 && activeTagIndex < visibleTagsCountRef.current && tags) {\n      tags[activeTagIndex].props.onDismiss({ tagIndex: activeTagIndex });\n    }\n  };\n\n  const onInputKeydownTagHandler: OnInputKeydownTagHandlerType = (key) => {\n    if (tags && tags.length > 0) {\n      if (key === 'ArrowRight') {\n        onTagRight();\n      }\n\n      if (key === 'ArrowLeft') {\n        onTagLeft();\n      }\n\n      if (key === 'Backspace') {\n        onTagRemove();\n      }\n    }\n  };\n\n  return {\n    onInputKeydownTagHandler,\n    visibleTagsCountRef,\n  };\n};\n\nconst useInput = ({\n  value,\n  defaultValue,\n  onClick,\n  onFocus,\n  onChange,\n  onBlur,\n  onSubmit,\n  onInput,\n  onKeyDown,\n  onInputKeydownTagHandler,\n}: Pick<\n  BaseInputProps,\n  | 'value'\n  | 'defaultValue'\n  | 'onFocus'\n  | 'onChange'\n  | 'onBlur'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'onClick'\n  | 'onSubmit'\n> & {\n  onInputKeydownTagHandler: OnInputKeydownTagHandlerType;\n}): {\n  handleOnFocus: FormInputHandleOnEvent;\n  handleOnClick: FormInputHandleOnClickEvent;\n  handleOnChange: FormInputHandleOnEvent;\n  handleOnBlur: FormInputHandleOnEvent;\n  handleOnSubmit: FormInputHandleOnEvent;\n  handleOnInput: FormInputHandleOnEvent;\n  handleOnKeyDown: FormInputHandleOnKeyDownEvent;\n  inputValue?: string;\n} => {\n  if (__DEV__) {\n    if (value && defaultValue) {\n      throwBladeError({\n        message: `Either 'value' or 'defaultValue' shall be passed. This decides if the input field is controlled or uncontrolled`,\n        moduleName: 'Input',\n      });\n    }\n  }\n\n  const [inputValue, setInputValue] = React.useState(defaultValue ?? value);\n\n  const handleOnFocus: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onFocus?.({\n        name,\n        value: _value,\n      });\n    },\n    [onFocus],\n  );\n\n  const handleOnClick: FormInputHandleOnClickEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.currentTarget.value ?? '';\n      }\n\n      onClick?.({\n        name,\n        value: _value,\n      });\n    },\n    [onClick],\n  );\n\n  const handleOnSubmit: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n      if (isReactNative()) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n        //@ts-ignore need to ignore this since it will throw a TS error for web but not for native\n        onSubmit?.({\n          name,\n          value: _value,\n        });\n      }\n    },\n    [onSubmit],\n  );\n\n  const handleOnBlur: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n      if (getPlatformType() === 'react-native' && typeof value == 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onBlur?.({\n        name,\n        value: _value,\n      });\n    },\n    [onBlur],\n  );\n\n  const handleOnChange: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n\n      if (getPlatformType() === 'react-native' && typeof value === 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onChange?.({\n        name,\n        value: _value,\n      });\n      setInputValue(_value);\n    },\n    [onChange],\n  );\n\n  const handleOnInput: FormInputHandleOnEvent = React.useCallback(\n    ({ name, value }) => {\n      let _value = '';\n      if (getPlatformType() === 'react-native' && typeof value == 'string') {\n        _value = value;\n      } else if (typeof value !== 'string') {\n        // Could have just done \"getPlatformType() === 'react-native' ? value : value?.target.value\" but TS doesn't understands that\n        _value = value?.target.value ?? '';\n      }\n\n      onInput?.({\n        name,\n        value: _value,\n      });\n    },\n    [onInput],\n  );\n\n  const handleOnKeyDown: FormInputHandleOnKeyDownEvent = React.useCallback(\n    ({ name, key, code, event }) => {\n      onInputKeydownTagHandler(key);\n      onKeyDown?.({\n        name,\n        key,\n        code,\n        event,\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [onKeyDown],\n  );\n\n  return {\n    handleOnFocus,\n    handleOnClick,\n    handleOnChange,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    inputValue,\n  };\n};\n\nexport const getHintType = ({\n  validationState,\n  hasHelpText,\n}: {\n  validationState: BaseInputProps['validationState'];\n  hasHelpText: boolean;\n}): FormHintProps['type'] => {\n  if (validationState === 'error') {\n    return 'error';\n  }\n\n  if (validationState === 'success') {\n    return 'success';\n  }\n\n  if (hasHelpText) {\n    return 'help';\n  }\n\n  return 'help';\n};\n\nconst getDescribedByElementId = ({\n  validationState,\n  hasErrorText,\n  hasSuccessText,\n  hasHelpText,\n  errorTextId,\n  successTextId,\n  helpTextId,\n}: {\n  validationState: BaseInputProps['validationState'];\n  hasErrorText: boolean;\n  hasSuccessText: boolean;\n  hasHelpText: boolean;\n  errorTextId: string;\n  successTextId: string;\n  helpTextId: string;\n}): string => {\n  if (validationState === 'error' && hasErrorText) {\n    return errorTextId;\n  }\n\n  if (validationState === 'success' && hasSuccessText) {\n    return successTextId;\n  }\n\n  if (hasHelpText) {\n    return helpTextId;\n  }\n\n  return '';\n};\n\nconst FocusRingWrapper = styled(BaseBox)<{\n  currentInteraction: ActionStates;\n  isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\n}>(({ theme, currentInteraction, isTableInputCell }) => ({\n  borderRadius: makeBorderSize(\n    isTableInputCell ? theme.border.radius.none : theme.border.radius.medium,\n  ),\n  width: '100%',\n  '&:focus-within': !isTableInputCell\n    ? {\n        ...getFocusRingStyles({\n          theme,\n        }),\n        transitionDuration: castWebType(\n          makeMotionTime(\n            getIn(\n              theme.motion.duration,\n              baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit']\n                .duration,\n            ),\n          ),\n        ),\n        transitionTimingFunction: castWebType(\n          getIn(\n            theme.motion.easing,\n            baseInputBorderBackgroundMotion[currentInteraction === 'focus' ? 'enter' : 'exit']\n              .easing,\n          ),\n        ),\n      }\n    : {},\n}));\n\nconst _BaseInput: React.ForwardRefRenderFunction<BladeElementRef, BaseInputProps> = (\n  {\n    as = 'input',\n    label,\n    labelPosition = 'top',\n    placeholder,\n    type = 'text',\n    defaultValue,\n    tags,\n    showAllTags = false,\n    activeTagIndex = -1,\n    setActiveTagIndex,\n    name,\n    value,\n    onFocus,\n    onChange,\n    onInput,\n    onBlur,\n    onSubmit,\n    onClick,\n    onKeyDown,\n    isDisabled,\n    necessityIndicator,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    isRequired,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    onTrailingInteractionElementClick,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    maxCharacters,\n    textAlign,\n    autoFocus,\n    keyboardReturnKeyType,\n    keyboardType,\n    autoCompleteSuggestionType,\n    trailingHeaderSlot,\n    trailingFooterSlot,\n    numberOfLines,\n    id,\n    componentName,\n    accessibilityLabel,\n    labelId,\n    activeDescendant,\n    hideLabelText,\n    hideFormHint,\n    hasPopup,\n    popupId,\n    isPopupExpanded,\n    maxTagRows,\n    shouldIgnoreBlurAnimation,\n    setShouldIgnoreBlurAnimation,\n    autoCapitalize,\n    setInputWrapperRef,\n    testID,\n    isDropdownTrigger,\n    isLabelInsideInput,\n    size = 'medium',\n    trailingButton,\n    valueComponentType = 'text',\n    isTableInputCell = false,\n    showHintsAsTooltip = false,\n    ...styledProps\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const inputRef = React.useRef<BladeElementRef>(null);\n  const mergedInputRef = useMergeRefs(ref, inputRef);\n  const inputWrapperRef: InputWrapperRef = React.useRef(null);\n  const { onInputKeydownTagHandler, visibleTagsCountRef } = useTags(\n    tags,\n    activeTagIndex,\n    setActiveTagIndex,\n  );\n  const [showAllTagsWithAnimation, setShowAllTagsWithAnimation] = React.useState(false);\n  const isReactNative = getPlatformType() === 'react-native';\n\n  React.useEffect(() => {\n    if (showAllTags) {\n      setShowAllTagsWithAnimation(true);\n    } else if (maxTagRows !== 'expandable') {\n      setShowAllTagsWithAnimation(false);\n    }\n  }, [showAllTags, maxTagRows]);\n\n  const {\n    handleOnFocus,\n    handleOnChange,\n    handleOnClick,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    inputValue,\n  } = useInput({\n    defaultValue,\n    value,\n    onFocus,\n    onClick,\n    onChange,\n    onBlur,\n    onSubmit,\n    onInput,\n    onKeyDown,\n    onInputKeydownTagHandler,\n  });\n  const { inputId, helpTextId, errorTextId, successTextId } = useFormId(id);\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';\n  const { currentInteraction, setCurrentInteraction } = useInteraction();\n  const _isRequired = isRequired || necessityIndicator === 'required';\n\n  const accessibilityProps = makeAccessible({\n    required: Boolean(_isRequired),\n    disabled: Boolean(isDisabled),\n    invalid: Boolean(validationState === 'error'),\n    describedBy: getDescribedByElementId({\n      validationState,\n      hasErrorText: Boolean(errorText),\n      hasSuccessText: Boolean(successText),\n      hasHelpText: Boolean(helpText),\n      errorTextId,\n      successTextId,\n      helpTextId,\n    }),\n    label: accessibilityLabel,\n    hasPopup,\n    expanded: hasPopup ? isPopupExpanded : undefined,\n    controls: hasPopup ? popupId : undefined,\n    role: hasPopup ? 'combobox' : undefined,\n    activeDescendant,\n  });\n\n  const willRenderHintText = Boolean(helpText) || Boolean(successText) || Boolean(errorText);\n\n  if (__DEV__) {\n    if (\n      autoCompleteSuggestionType &&\n      !autoCompleteSuggestionTypeValues.includes(autoCompleteSuggestionType)\n    ) {\n      throwBladeError({\n        message: `Expected autoCompleteSuggestionType to be one of ${autoCompleteSuggestionTypeValues.join(\n          ', ',\n        )} but received ${autoCompleteSuggestionType}`,\n        moduleName: 'Input',\n      });\n    }\n  }\n\n  const isTextArea = as === 'textarea';\n  return (\n    <BaseBox {...metaAttribute({ name: componentName, testID })} {...getStyledProps(styledProps)}>\n      <BaseBox\n        display=\"flex\"\n        flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n        justifyContent={isLabelLeftPositioned ? 'center' : undefined}\n        alignItems={isLabelLeftPositioned ? 'center' : undefined}\n        position=\"relative\"\n        width=\"100%\"\n      >\n        {!hideLabelText && !isLabelInsideInput && label && (\n          <BaseBox\n            display=\"flex\"\n            flexDirection={isLabelLeftPositioned ? 'column' : 'row'}\n            justifyContent=\"space-between\"\n            alignSelf={isTextArea ? 'flex-start' : undefined}\n            marginY={isTextArea && isLabelLeftPositioned ? 'spacing.3' : 'spacing.0'}\n          >\n            <FormLabel\n              as=\"label\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={labelId}\n              htmlFor={inputId}\n              size={size}\n            >\n              {label}\n            </FormLabel>\n            {trailingHeaderSlot?.(value ?? inputValue)}\n          </BaseBox>\n        )}\n        <FocusRingWrapper\n          currentInteraction={currentInteraction}\n          isTableInputCell={isTableInputCell}\n        >\n          <BaseInputWrapper\n            isDropdownTrigger={isDropdownTrigger}\n            isTextArea={isTextArea}\n            isDisabled={isDisabled}\n            validationState={validationState}\n            currentInteraction={currentInteraction}\n            isLabelLeftPositioned={isLabelLeftPositioned}\n            showAllTags={showAllTags}\n            setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n            ref={(refNode) => {\n              if (refNode) {\n                setInputWrapperRef?.(refNode);\n                inputWrapperRef.current = refNode;\n              }\n            }}\n            maxTagRows={maxTagRows}\n            size={size}\n            numberOfLines={numberOfLines}\n            onClick={() => {\n              if (!isReactNative) {\n                inputRef.current?.focus();\n              }\n            }}\n            isTableInputCell={isTableInputCell}\n          >\n            <BaseInputVisuals\n              size={size}\n              leadingIcon={leadingIcon}\n              prefix={prefix}\n              isDisabled={isDisabled}\n              leadingInteractionElement={leadingInteractionElement}\n            />\n            <BaseInputTagSlot\n              renderAs={as}\n              tags={tags}\n              isDisabled={isDisabled}\n              showAllTags={showAllTagsWithAnimation}\n              setFocusOnInput={() => {\n                if (ref && !isReactNative && 'current' in ref) {\n                  ref.current?.focus();\n                }\n              }}\n              labelPrefix={isLabelInsideInput ? label : undefined}\n              isDropdownTrigger={isDropdownTrigger}\n              visibleTagsCountRef={visibleTagsCountRef}\n              handleOnInputClick={(e) => {\n                handleOnClick({ name, value: isReactNative ? value : e });\n              }}\n              setShouldIgnoreBlurAnimation={setShouldIgnoreBlurAnimation}\n              maxTagRows={maxTagRows}\n              inputWrapperRef={inputWrapperRef}\n              size={size}\n              numberOfLines={numberOfLines}\n              isTextArea={isTextArea}\n            >\n              <StyledBaseInput\n                as={as}\n                id={inputId}\n                ref={mergedInputRef as any}\n                name={name}\n                type={type}\n                defaultValue={defaultValue}\n                value={value}\n                placeholder={placeholder}\n                isDisabled={isDisabled}\n                validationState={validationState}\n                isRequired={_isRequired}\n                handleOnFocus={handleOnFocus}\n                handleOnChange={handleOnChange}\n                handleOnBlur={handleOnBlur}\n                handleOnSubmit={handleOnSubmit}\n                handleOnInput={handleOnInput}\n                handleOnKeyDown={handleOnKeyDown}\n                handleOnClick={handleOnClick}\n                leadingIcon={leadingIcon}\n                prefix={prefix}\n                trailingInteractionElement={trailingInteractionElement}\n                leadingInteractionElement={leadingInteractionElement}\n                suffix={suffix}\n                trailingIcon={trailingIcon}\n                maxCharacters={maxCharacters}\n                textAlign={textAlign}\n                // eslint-disable-next-line jsx-a11y/no-autofocus\n                autoFocus={autoFocus}\n                keyboardReturnKeyType={keyboardReturnKeyType}\n                keyboardType={keyboardType}\n                autoCompleteSuggestionType={autoCompleteSuggestionType}\n                accessibilityProps={accessibilityProps}\n                currentInteraction={currentInteraction}\n                setCurrentInteraction={setCurrentInteraction}\n                numberOfLines={numberOfLines}\n                isTextArea={isTextArea || maxTagRows === 'multiple' || maxTagRows === 'expandable'}\n                hasPopup={hasPopup}\n                hasTags={!!(tags && tags.length > 0)}\n                shouldIgnoreBlurAnimation={shouldIgnoreBlurAnimation}\n                autoCapitalize={autoCapitalize}\n                isDropdownTrigger={isDropdownTrigger}\n                $size={size}\n                valueComponentType={valueComponentType}\n                isTableInputCell={isTableInputCell}\n                {...metaAttribute({ name: MetaConstants.StyledBaseInput })}\n              />\n            </BaseInputTagSlot>\n            <BaseInputVisuals\n              trailingInteractionElement={trailingInteractionElement}\n              onTrailingInteractionElementClick={onTrailingInteractionElementClick}\n              suffix={suffix}\n              trailingIcon={trailingIcon}\n              isDisabled={isDisabled}\n              validationState={validationState}\n              trailingButton={trailingButton}\n              size={size}\n              errorText={errorText}\n              successText={successText}\n              showHintsAsTooltip={showHintsAsTooltip}\n            />\n          </BaseInputWrapper>\n        </FocusRingWrapper>\n      </BaseBox>\n\n      {hideFormHint || showHintsAsTooltip ? null : (\n        <BaseBox\n          marginLeft={makeSize(\n            isLabelLeftPositioned && !hideLabelText ? formHintLeftLabelMarginLeft[size] : 0,\n          )}\n        >\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            justifyContent={willRenderHintText ? 'space-between' : 'flex-end'}\n          >\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            {trailingFooterSlot?.(value ?? inputValue)}\n          </BaseBox>\n        </BaseBox>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BaseInputWithRef = React.forwardRef(_BaseInput);\nconst BaseInput = assignWithoutSideEffects(BaseInputWithRef, { displayName: 'BaseInput' });\n\nexport { BaseInput };\n"],"names":["autoCompleteSuggestionTypeValues","useTags","tags","activeTagIndex","setActiveTagIndex","visibleTagsCountRef","React","useRef","useEffect","length","_tags$activeTagIndex","_tags$activeTagIndex$","tagTitle","props","children","announce","onTagLeft","current","onTagRight","onTagRemove","onDismiss","tagIndex","onInputKeydownTagHandler","key","useInput","_ref","value","defaultValue","onClick","onFocus","onChange","onBlur","onSubmit","onInput","onKeyDown","__DEV__","throwBladeError","message","moduleName","_React$useState","useState","_React$useState2","_slicedToArray","inputValue","setInputValue","handleOnFocus","useCallback","_ref2","name","_value","getPlatformType","_value$target$value","target","handleOnClick","_ref3","_value$currentTarget$","currentTarget","handleOnSubmit","_ref4","_value$target$value2","isReactNative","handleOnBlur","_ref5","_value$target$value3","handleOnChange","_ref6","_value$target$value4","handleOnInput","_ref7","_value$target$value5","handleOnKeyDown","_ref8","code","event","getHintType","_ref9","validationState","hasHelpText","getDescribedByElementId","_ref10","hasErrorText","hasSuccessText","errorTextId","successTextId","helpTextId","FocusRingWrapper","styled","BaseBox","_ref11","theme","currentInteraction","isTableInputCell","borderRadius","makeBorderSize","border","radius","none","medium","width","Object","assign","getFocusRingStyles","transitionDuration","castWebType","makeMotionTime","getIn","motion","duration","baseInputBorderBackgroundMotion","transitionTimingFunction","easing","_BaseInput","_ref12","ref","_ref12$as","as","label","_ref12$labelPosition","labelPosition","placeholder","_ref12$type","type","_ref12$showAllTags","showAllTags","_ref12$activeTagIndex","isDisabled","necessityIndicator","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","_ref12$size","size","trailingButton","_ref12$valueComponent","valueComponentType","_ref12$isTableInputCe","_ref12$showHintsAsToo","showHintsAsTooltip","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","inputRef","mergedInputRef","useMergeRefs","inputWrapperRef","_useTags","_React$useState3","_React$useState4","showAllTagsWithAnimation","setShowAllTagsWithAnimation","_useInput","_useFormId","useFormId","inputId","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","_useInteraction","useInteraction","setCurrentInteraction","_isRequired","accessibilityProps","makeAccessible","required","Boolean","disabled","invalid","describedBy","expanded","undefined","controls","role","willRenderHintText","includes","join","isTextArea","_jsxs","metaAttribute","getStyledProps","display","flexDirection","justifyContent","alignItems","position","alignSelf","marginY","_jsx","FormLabel","htmlFor","BaseInputWrapper","refNode","_inputRef$current","focus","BaseInputVisuals","BaseInputTagSlot","renderAs","setFocusOnInput","_ref$current","labelPrefix","handleOnInputClick","e","StyledBaseInput","hasTags","$size","MetaConstants","marginLeft","makeSize","formHintLeftLabelMarginLeft","FormHint","BaseInputWithRef","forwardRef","BaseInput","assignWithoutSideEffects","displayName"],"mappings":"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"}

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

@@ -7,6 +7,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import 'react-native';
 import '../../../tokens/global/typography.js';
 import '../../../tokens/global/motion.js';
+import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import '../../BladeProvider/useTheme.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Text } from '../../Typography/Text/Text.js';
@@ -16,7 +17,7 @@ import { Tooltip } from '../../Tooltip/Tooltip.native.js';
 import '../../Tooltip/TooltipInteractiveWrapper.native.js';
 import { Box } from '../../Box/Box.js';
 
-var getVisualContainerStyles=function getVisualContainerStyles(){return {display:'flex',flexDirection:'row',alignItems:'center',alignSelf:'center'};};var trailingIconColor={none:'surface.icon.gray.subtle',error:'feedback.icon.negative.intense',success:'feedback.icon.positive.intense'};var iconSize={medium:'medium',large:'large'};var textSize={medium:'medium',large:'large'};var getPrefixStyles=function getPrefixStyles(_ref){var hasLeadingIcon=_ref.hasLeadingIcon,hasPrefix=_ref.hasPrefix;if(hasPrefix&&hasLeadingIcon){return {paddingLeft:'spacing.3'};}if(hasPrefix&&!hasLeadingIcon){return {paddingLeft:'spacing.4'};}return {paddingLeft:'spacing.0'};};var getInteractionElementStyles=function getInteractionElementStyles(_ref2){var hasTrailingIcon=_ref2.hasTrailingIcon,hasLeadingInteractionElement=_ref2.hasLeadingInteractionElement,hasTrailingInteractionElement=_ref2.hasTrailingInteractionElement,hasSuffix=_ref2.hasSuffix,hasTrailingButton=_ref2.hasTrailingButton;if(hasTrailingInteractionElement&&(hasSuffix||hasTrailingIcon||hasTrailingButton)){return 'spacing.2';}if(hasTrailingInteractionElement&&!hasSuffix&&!hasTrailingIcon&&!hasTrailingButton){return 'spacing.4';}if(hasLeadingInteractionElement){return 'spacing.3';}return 'spacing.0';};var getSuffixStyles=function getSuffixStyles(_ref3){var hasTrailingIcon=_ref3.hasTrailingIcon,hasSuffix=_ref3.hasSuffix,hasTrailingButton=_ref3.hasTrailingButton;if(hasSuffix&&(hasTrailingIcon||hasTrailingButton)){return {paddingRight:'spacing.3'};}if(hasSuffix&&!hasTrailingIcon&&!hasTrailingButton){return {paddingRight:'spacing.4'};}return {paddingRight:'spacing.0'};};var getTrailingIconStyles=function getTrailingIconStyles(_ref4){var hasTrailingIcon=_ref4.hasTrailingIcon,hasTrailingButton=_ref4.hasTrailingButton;if(hasTrailingIcon&&hasTrailingButton){return {paddingRight:'spacing.3'};}if(hasTrailingIcon&&!hasTrailingButton){return {paddingRight:'spacing.4'};}return {paddingRight:'spacing.0'};};var getInputVisualsToBeRendered=function getInputVisualsToBeRendered(_ref5){var leadingIcon=_ref5.leadingIcon,prefix=_ref5.prefix,trailingInteractionElement=_ref5.trailingInteractionElement,leadingInteractionElement=_ref5.leadingInteractionElement,suffix=_ref5.suffix,trailingIcon=_ref5.trailingIcon,trailingButton=_ref5.trailingButton;return {hasLeadingIcon:Boolean(leadingIcon),hasPrefix:Boolean(prefix),hasTrailingInteractionElement:Boolean(trailingInteractionElement),hasLeadingInteractionElement:Boolean(leadingInteractionElement),hasSuffix:Boolean(suffix),hasTrailingIcon:Boolean(trailingIcon),hasTrailingButton:Boolean(trailingButton)};};var getTooltipContent=function getTooltipContent(_ref6){var validationState=_ref6.validationState,errorText=_ref6.errorText,successText=_ref6.successText;if(validationState==='error'&&errorText){return errorText;}if(validationState==='success'&&successText){return successText;}return '';};var ValidationIconTooltip=function ValidationIconTooltip(_ref7){var children=_ref7.children,validationState=_ref7.validationState,errorText=_ref7.errorText,successText=_ref7.successText,showHintsAsTooltip=_ref7.showHintsAsTooltip;if(showHintsAsTooltip&&validationState==='error'&&errorText||validationState==='success'&&successText){return jsx(Tooltip,{content:getTooltipContent({validationState:validationState,errorText:errorText,successText:successText}),children:jsx(Box,{display:"flex",justifyContent:"center",alignItems:"center",children:children})});}return children;};var BaseInputVisuals=function BaseInputVisuals(_ref8){var LeadingIcon=_ref8.leadingIcon,prefix=_ref8.prefix,trailingInteractionElement=_ref8.trailingInteractionElement,leadingInteractionElement=_ref8.leadingInteractionElement,suffix=_ref8.suffix,TrailingIcon=_ref8.trailingIcon,isDisabled=_ref8.isDisabled,_ref8$validationState=_ref8.validationState,validationState=_ref8$validationState===void 0?'none':_ref8$validationState,size=_ref8.size,showHintsAsTooltip=_ref8.showHintsAsTooltip,errorText=_ref8.errorText,successText=_ref8.successText,TrailingButton=_ref8.trailingButton;var _getInputVisualsToBeR=getInputVisualsToBeRendered({leadingIcon:LeadingIcon,prefix:prefix,leadingInteractionElement:leadingInteractionElement,trailingInteractionElement:trailingInteractionElement,suffix:suffix,trailingIcon:TrailingIcon,trailingButton:TrailingButton,size:size}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasSuffix=_getInputVisualsToBeR.hasSuffix,hasTrailingInteractionElement=_getInputVisualsToBeR.hasTrailingInteractionElement,hasLeadingInteractionElement=_getInputVisualsToBeR.hasLeadingInteractionElement,hasTrailingIcon=_getInputVisualsToBeR.hasTrailingIcon,hasTrailingButton=_getInputVisualsToBeR.hasTrailingButton;var hasLeadingVisuals=hasLeadingInteractionElement||hasLeadingIcon||hasPrefix;var hasTrailingVisuals=hasTrailingInteractionElement||hasSuffix||hasTrailingIcon||hasTrailingButton;if(__DEV__){if(hasTrailingButton&&!isValidAllowedChildren(TrailingButton,'Link')){throwBladeError({message:'trailingButton must be a valid Blade Link component',moduleName:'BaseInput'});}}if(hasLeadingVisuals){return jsxs(BaseBox,Object.assign({},getVisualContainerStyles(),{children:[hasLeadingInteractionElement?jsx(BaseBox,{paddingLeft:getInteractionElementStyles({hasTrailingIcon:hasTrailingIcon,hasLeadingInteractionElement:hasLeadingInteractionElement,hasSuffix:hasSuffix,hasTrailingButton:hasTrailingButton}),display:"flex",alignItems:"stretch",alignSelf:"stretch",children:leadingInteractionElement}):null,LeadingIcon?jsx(BaseBox,{paddingLeft:"spacing.4",display:"flex",children:jsx(LeadingIcon,{size:iconSize[size],color:isDisabled?'surface.icon.gray.disabled':'surface.icon.gray.muted'})}):null,hasPrefix?jsx(BaseBox,Object.assign({},getPrefixStyles({hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix}),{children:jsx(Text,{size:textSize[size],variant:"body",weight:"regular",color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',children:prefix})})):null]}));}if(hasTrailingVisuals){return jsxs(BaseBox,Object.assign({alignSelf:"stretch",alignItems:"stretch"},getVisualContainerStyles(),{children:[hasTrailingInteractionElement?jsx(BaseBox,{paddingRight:getInteractionElementStyles({hasTrailingIcon:hasTrailingIcon,hasTrailingInteractionElement:hasTrailingInteractionElement,hasSuffix:hasSuffix,hasTrailingButton:hasTrailingButton}),display:"flex",alignItems:"stretch",alignSelf:"stretch",children:trailingInteractionElement}):null,hasSuffix?jsx(BaseBox,Object.assign({},getSuffixStyles({hasTrailingIcon:hasTrailingIcon,hasSuffix:hasSuffix,hasTrailingButton:hasTrailingButton}),{children:jsx(Text,{size:textSize[size],variant:"body",weight:"regular",color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',children:suffix})})):null,TrailingIcon?jsx(BaseBox,Object.assign({display:"flex",justifyContent:"center",alignItems:"center"},getTrailingIconStyles({hasTrailingIcon:hasTrailingIcon,hasTrailingButton:hasTrailingButton}),{children:jsx(ValidationIconTooltip,{showHintsAsTooltip:showHintsAsTooltip,errorText:errorText,successText:successText,validationState:validationState,children:jsx(TrailingIcon,{size:iconSize[size],color:isDisabled?'interactive.icon.gray.disabled':trailingIconColor[validationState]})})})):null,TrailingButton?jsx(BaseBox,{paddingRight:"spacing.4",display:"flex",children:React__default.cloneElement(TrailingButton,{size:size,variant:'button',isDisabled:isDisabled})}):null]}));}return null;};
+var getVisualContainerStyles=function getVisualContainerStyles(){var _ref=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},shouldStretchTrailingBox=_ref.shouldStretchTrailingBox;return {display:'flex',flexDirection:'row',alignItems:'center',alignSelf:shouldStretchTrailingBox?'stretch':'center'};};var trailingIconColor={none:'surface.icon.gray.subtle',error:'feedback.icon.negative.intense',success:'feedback.icon.positive.intense'};var iconSize={medium:'medium',large:'large'};var textSize={medium:'medium',large:'large'};var getPrefixStyles=function getPrefixStyles(_ref2){var hasLeadingIcon=_ref2.hasLeadingIcon,hasPrefix=_ref2.hasPrefix;if(hasPrefix&&hasLeadingIcon){return {paddingLeft:'spacing.3'};}if(hasPrefix&&!hasLeadingIcon){return {paddingLeft:'spacing.4'};}return {paddingLeft:'spacing.0'};};var getInteractionElementStyles=function getInteractionElementStyles(_ref3){var hasTrailingIcon=_ref3.hasTrailingIcon,hasLeadingInteractionElement=_ref3.hasLeadingInteractionElement,hasTrailingInteractionElement=_ref3.hasTrailingInteractionElement,hasSuffix=_ref3.hasSuffix,hasTrailingButton=_ref3.hasTrailingButton;if(hasTrailingInteractionElement&&(hasSuffix||hasTrailingIcon||hasTrailingButton)){return 'spacing.2';}if(hasTrailingInteractionElement&&!hasSuffix&&!hasTrailingIcon&&!hasTrailingButton){return 'spacing.4';}if(hasLeadingInteractionElement){return 'spacing.3';}return 'spacing.0';};var getSuffixStyles=function getSuffixStyles(_ref4){var hasTrailingIcon=_ref4.hasTrailingIcon,hasSuffix=_ref4.hasSuffix,hasTrailingButton=_ref4.hasTrailingButton;if(hasSuffix&&(hasTrailingIcon||hasTrailingButton)){return {paddingRight:'spacing.3'};}if(hasSuffix&&!hasTrailingIcon&&!hasTrailingButton){return {paddingRight:'spacing.4'};}return {paddingRight:'spacing.0'};};var getTrailingIconStyles=function getTrailingIconStyles(_ref5){var hasTrailingIcon=_ref5.hasTrailingIcon,hasTrailingButton=_ref5.hasTrailingButton;if(hasTrailingIcon&&hasTrailingButton){return {paddingRight:'spacing.3'};}if(hasTrailingIcon&&!hasTrailingButton){return {paddingRight:'spacing.4'};}return {paddingRight:'spacing.0'};};var getInputVisualsToBeRendered=function getInputVisualsToBeRendered(_ref6){var leadingIcon=_ref6.leadingIcon,prefix=_ref6.prefix,trailingInteractionElement=_ref6.trailingInteractionElement,leadingInteractionElement=_ref6.leadingInteractionElement,suffix=_ref6.suffix,trailingIcon=_ref6.trailingIcon,trailingButton=_ref6.trailingButton;return {hasLeadingIcon:Boolean(leadingIcon),hasPrefix:Boolean(prefix),hasTrailingInteractionElement:Boolean(trailingInteractionElement),hasLeadingInteractionElement:Boolean(leadingInteractionElement),hasSuffix:Boolean(suffix),hasTrailingIcon:Boolean(trailingIcon),hasTrailingButton:Boolean(trailingButton)};};var getTooltipContent=function getTooltipContent(_ref7){var validationState=_ref7.validationState,errorText=_ref7.errorText,successText=_ref7.successText;if(validationState==='error'&&errorText){return errorText;}if(validationState==='success'&&successText){return successText;}return '';};var ValidationIconTooltip=function ValidationIconTooltip(_ref8){var children=_ref8.children,validationState=_ref8.validationState,errorText=_ref8.errorText,successText=_ref8.successText,showHintsAsTooltip=_ref8.showHintsAsTooltip;if(showHintsAsTooltip&&validationState==='error'&&errorText||validationState==='success'&&successText){return jsx(Tooltip,{content:getTooltipContent({validationState:validationState,errorText:errorText,successText:successText}),children:jsx(Box,{display:"flex",justifyContent:"center",alignItems:"center",children:children})});}return children;};var BaseInputVisuals=function BaseInputVisuals(_ref9){var LeadingIcon=_ref9.leadingIcon,prefix=_ref9.prefix,trailingInteractionElement=_ref9.trailingInteractionElement,onTrailingInteractionElementClick=_ref9.onTrailingInteractionElementClick,leadingInteractionElement=_ref9.leadingInteractionElement,suffix=_ref9.suffix,TrailingIcon=_ref9.trailingIcon,isDisabled=_ref9.isDisabled,_ref9$validationState=_ref9.validationState,validationState=_ref9$validationState===void 0?'none':_ref9$validationState,size=_ref9.size,showHintsAsTooltip=_ref9.showHintsAsTooltip,errorText=_ref9.errorText,successText=_ref9.successText,TrailingButton=_ref9.trailingButton;var _getInputVisualsToBeR=getInputVisualsToBeRendered({leadingIcon:LeadingIcon,prefix:prefix,leadingInteractionElement:leadingInteractionElement,trailingInteractionElement:trailingInteractionElement,suffix:suffix,trailingIcon:TrailingIcon,trailingButton:TrailingButton,size:size}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasSuffix=_getInputVisualsToBeR.hasSuffix,hasTrailingInteractionElement=_getInputVisualsToBeR.hasTrailingInteractionElement,hasLeadingInteractionElement=_getInputVisualsToBeR.hasLeadingInteractionElement,hasTrailingIcon=_getInputVisualsToBeR.hasTrailingIcon,hasTrailingButton=_getInputVisualsToBeR.hasTrailingButton;var hasLeadingVisuals=hasLeadingInteractionElement||hasLeadingIcon||hasPrefix;var hasTrailingVisuals=hasTrailingInteractionElement||hasSuffix||hasTrailingIcon||hasTrailingButton;if(__DEV__){if(hasTrailingButton&&!isValidAllowedChildren(TrailingButton,'Link')){throwBladeError({message:'trailingButton must be a valid Blade Link component',moduleName:'BaseInput'});}}if(hasLeadingVisuals){return jsxs(BaseBox,Object.assign({},getVisualContainerStyles(),{children:[hasLeadingInteractionElement?jsx(BaseBox,{paddingLeft:getInteractionElementStyles({hasTrailingIcon:hasTrailingIcon,hasLeadingInteractionElement:hasLeadingInteractionElement,hasSuffix:hasSuffix,hasTrailingButton:hasTrailingButton}),display:"flex",alignItems:"stretch",alignSelf:"stretch",children:leadingInteractionElement}):null,LeadingIcon?jsx(BaseBox,{paddingLeft:"spacing.4",display:"flex",children:jsx(LeadingIcon,{size:iconSize[size],color:isDisabled?'surface.icon.gray.disabled':'surface.icon.gray.muted'})}):null,hasPrefix?jsx(BaseBox,Object.assign({},getPrefixStyles({hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix}),{children:jsx(Text,{size:textSize[size],variant:"body",weight:"regular",color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',children:prefix})})):null]}));}if(hasTrailingVisuals){return jsxs(BaseBox,Object.assign({},getVisualContainerStyles({shouldStretchTrailingBox:hasTrailingInteractionElement&&Boolean(onTrailingInteractionElementClick)}),{children:[hasTrailingInteractionElement?jsx(BaseBox,Object.assign({},getVisualContainerStyles({shouldStretchTrailingBox:hasTrailingInteractionElement&&Boolean(onTrailingInteractionElementClick)}),{children:jsx(BaseBox,Object.assign({paddingRight:getInteractionElementStyles({hasTrailingIcon:hasTrailingIcon,hasTrailingInteractionElement:hasTrailingInteractionElement,hasSuffix:hasSuffix,hasTrailingButton:hasTrailingButton}),display:"flex",alignItems:"stretch",alignSelf:"stretch"},!isReactNative()&&{onClick:onTrailingInteractionElementClick},{children:trailingInteractionElement}))})):null,hasSuffix?jsx(BaseBox,Object.assign({},getSuffixStyles({hasTrailingIcon:hasTrailingIcon,hasSuffix:hasSuffix,hasTrailingButton:hasTrailingButton}),{children:jsx(Text,{size:textSize[size],variant:"body",weight:"regular",color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',children:suffix})})):null,TrailingIcon?jsx(BaseBox,Object.assign({display:"flex",justifyContent:"center",alignItems:"center"},getTrailingIconStyles({hasTrailingIcon:hasTrailingIcon,hasTrailingButton:hasTrailingButton}),{children:jsx(ValidationIconTooltip,{showHintsAsTooltip:showHintsAsTooltip,errorText:errorText,successText:successText,validationState:validationState,children:jsx(TrailingIcon,{size:iconSize[size],color:isDisabled?'interactive.icon.gray.disabled':trailingIconColor[validationState]})})})):null,TrailingButton?jsx(BaseBox,{paddingRight:"spacing.4",display:"flex",children:React__default.cloneElement(TrailingButton,{size:size,variant:'button',isDisabled:isDisabled})}):null]}));}return null;};
 
 export { BaseInputVisuals, getInputVisualsToBeRendered };
 //# sourceMappingURL=BaseInputVisuals.js.map