jb-input/react/dist/JBInput.umd.js

input web component with built in validation

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