jb-input
Version:
input web component with built in validation
2 lines • 2.49 kB
JavaScript
;var e=Object.create,t=Object.defineProperty,r=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,n=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty,o=(e,n,o,c)=>{if(n&&"object"==typeof n||"function"==typeof n)for(var a,i=u(n),l=0,f=i.length;l<f;l++)a=i[l],s.call(e,a)||a===o||t(e,a,{get:(e=>n[e]).bind(null,a),enumerable:!(c=r(n,a))||c.enumerable});return e},c=(r,u,s)=>(s=null!=r?e(n(r)):{},o(!u&&r&&r.__esModule?s:t(s,"default",{value:r,enumerable:!0}),r));const a=c(require("react"));require("jb-input");const i=c(require("jb-core/react"));function l(e,t){(0,i.useEvent)(e,"enter",t.onEnter),(0,i.useEvent)(e,"input",t.onInput),(0,i.useEvent)(e,"beforeinput",t.onBeforeinput),(0,i.useEvent)(e,"change",t.onChange),(0,i.useEvent)(e,"keydown",t.onKeydown),(0,i.useEvent)(e,"keyup",t.onKeyup),(0,i.useEvent)(e,"focus",t.onFocus),(0,i.useEvent)(e,"blur",t.onBlur)}function f(e,t){(0,a.useEffect)(()=>{let r=t.value;(null==t.value||void 0===t.value)&&(r=""),e&&e.current&&e.current&&(e.current.value=r?.toString()||"")},[t.value]),(0,a.useEffect)(()=>{t.type&&e?.current?.setAttribute("type",t.type)},[t.type]),(0,a.useEffect)(()=>{e?.current?.setAttribute("name",t.name||"")},[t.name]),(0,a.useEffect)(()=>{e&&e.current&&(e.current.validation.list=t.validationList||[])},[t.validationList]),(0,a.useEffect)(()=>{e?.current?.setAttribute("label",t.label||"")},[t.label]),(0,a.useEffect)(()=>{"boolean"==typeof t.disabled&&e?.current?.setAttribute("disabled",`${t.disabled}`)},[t.disabled]),(0,a.useEffect)(()=>{"boolean"==typeof t.required&&e?.current?.setAttribute("required",`${t.required}`)},[t.required]),(0,a.useEffect)(()=>{t.inputmode?e.current?.setAttribute("inputmode",t.inputmode):e.current?.removeAttribute("inputmode")},[t.inputmode]),(0,a.useEffect)(()=>{e?.current?.setAttribute("message",t.message||"")},[t.message]),(0,a.useEffect)(()=>{e?.current?.setAttribute("placeholder",t.placeholder||"")},[t.placeholder]),(0,a.useEffect)(()=>{t.error?e?.current?.setAttribute("error",t.error):e?.current?.removeAttribute("error")},[t.error])}const p=(0,a.forwardRef)((e,t)=>{let r=(0,a.useRef)(null),[u,n]=(0,a.useState)(0);return(0,a.useImperativeHandle)(t,()=>r?r.current:{},[r]),(0,a.useEffect)(()=>{n(u+1)},[r.current]),l(r,e),f(r,e),a.default.createElement("jb-input",{ref:r,class:e.className},e.children)});p.displayName="JBInput",exports.JBInput=p,exports.useJBInputAttribute=f,exports.useJBInputEvents=l;
//# sourceMappingURL=JBInput.cjs.js.map