@adyen/adyen-web/dist/es/components/internal/FormFields/InputBase.js

[](https://www.npmjs.com/package/@adyen/adyen-web)

import{createElement as e}from"../../../external/preact/dist/preact.js";import{useCallback as o}from"../../../external/preact/hooks/dist/hooks.js";import r from"../../../_virtual/index.js";import{ARIA_ERROR_SUFFIX as a,ARIA_CONTEXT_SUFFIX as n}from"../../../core/Errors/constants.js";function t({setRef:t,...s}){const{autoCorrect:l,classNameModifiers:i,isInvalid:u,isValid:c,readonly:d=null,spellcheck:p,type:y,uniqueId:m,disabled:h}=s,f=s.className;Object.prototype.hasOwnProperty.call(s,"onChange")&&console.error("Error: Form fields that rely on InputBase may not have an onChange property");const _=o(e=>{s.onInput(e)},[s.onInput]),k=o(e=>{s?.onKeyPress&&s.onKeyPress(e)},[s?.onKeyPress]),v=o(e=>{s?.onKeyUp&&s.onKeyUp(e)},[s?.onKeyUp]),I=o(e=>{s?.onBlurHandler?.(e),s.trimOnBlur&&(e.target.value=e.target.value.trim()),s?.onBlur?.(e)},[s.onBlur,s.onBlurHandler]),K=o(e=>{s?.onFocusHandler?.(e)},[s.onFocusHandler]),B=r("adyen-checkout__input",[`adyen-checkout__input--${y}`],f,{"adyen-checkout__input--invalid":u,"adyen-checkout__input--valid":c},i.map(e=>`adyen-checkout__input--${e}`)),{classNameModifiers:b,uniqueId:x,isInvalid:C,isValid:P,addContextualElement:j,autocomplete:N,...g}=s;return e("input",{id:m,...g,autocomplete:N,"aria-required":g.required,type:y,className:B,readOnly:d,spellcheck:p,autoCorrect:l,"aria-describedby":`${m}${u?a:n}`,"aria-invalid":u,onInput:_,onBlur:I,onFocus:K,onKeyUp:v,onKeyPress:k,disabled:h,ref:t})}t.defaultProps={type:"text",classNameModifiers:[]};export{t as default};
//# sourceMappingURL=InputBase.js.map