jb-image-input/react/dist/JBImageInput.umd.js

image input web component

var e,t;e=this,t=function(e,t,r,u){var i=Object.create,n=Object.defineProperty,a=Object.getOwnPropertyDescriptor,c=Object.getOwnPropertyNames,l=Object.getPrototypeOf,o=Object.prototype.hasOwnProperty,f=(e,t,r,u)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var i,l=c(t),f=0,s=l.length;f<s;f++)i=l[f],o.call(e,i)||i===r||n(e,i,{get:(e=>t[e]).bind(null,i),enumerable:!(u=a(t,i))||u.enumerable});return e},s=(e,t,r)=>(r=null!=e?i(l(e)):{},f(!t&&e&&e.__esModule?r:n(r,"default",{value:e,enumerable:!0}),e));function d(e,r){var i,n;let a=(0,t.useRef)(null);(0,t.useImperativeHandle)(r,()=>a?a.current:void 0,[a]);let{acceptTypes:c,bridge:l,config:o,file:f,label:s,maxFileSize:d,message:m,multiple:p,name:b,required:g,validationList:v,value:y,onChange:E,onImageSelected:j,onInit:A,onLoad:I,onMaxSizeExceed:q,uploadType:x,...O}=e;return i={acceptTypes:c,bridge:l,config:o,file:f,label:s,maxFileSize:d,message:m,multiple:p,name:b,required:g,validationList:v,value:y},(0,t.useEffect)(()=>{i.config&&a.current&&(a.current.config=i.config)},[i.config]),(0,t.useEffect)(()=>{i.bridge&&a.current&&(a.current.bridge=i.bridge)},[i.bridge]),(0,t.useEffect)(()=>{i.validationList&&a.current&&(a.current.validation.list=i.validationList)},[i.validationList]),(0,t.useEffect)(()=>{i.multiple?a.current?.setAttribute("multiple","true"):a.current?.removeAttribute("multiple")},[i.multiple]),(0,t.useEffect)(()=>{void 0!==i.value&&a.current&&(a.current.value=i.value)},[i.value]),(0,t.useEffect)(()=>{i.file&&a.current?.selectImageByFile(i.file)},[i.file]),(0,t.useEffect)(()=>{i.acceptTypes&&a.current&&(a.current.acceptTypes=i.acceptTypes)},[i.acceptTypes]),(0,t.useEffect)(()=>{void 0!==i.maxFileSize&&a.current&&(a.current.maxFileSize=i.maxFileSize)},[i.maxFileSize]),(0,t.useEffect)(()=>{i.name?a?.current?.setAttribute("name",i.name||""):a?.current?.removeAttribute("name")},[i.name]),(0,t.useEffect)(()=>{i.label?a?.current?.setAttribute("label",i.label||""):a?.current?.removeAttribute("label")},[i.label]),(0,t.useEffect)(()=>{i.message?a?.current?.setAttribute("message",i.message||""):a?.current?.removeAttribute("message")},[i.message]),(0,t.useEffect)(()=>{"string"==typeof i.required&&a?.current?.setAttribute("required",i.required),"boolean"==typeof i.required&&(i.required?a?.current?.setAttribute("required",""):a?.current?.removeAttribute("required"))},[i.required]),n={onChange:E,onImageSelected:j,onInit:A,onLoad:I,onMaxSizeExceed:q},(0,u.useEvent)(a,"load",n.onLoad,!0),(0,u.useEvent)(a,"init",n.onInit,!0),(0,u.useEvent)(a,"change",n.onChange),(0,u.useEvent)(a,"imageSelected",n.onImageSelected),(0,u.useEvent)(a,"maxSizeExceed",n.onMaxSizeExceed),t.default.createElement("jb-image-input",{ref:a,"upload-type":x||"AUTO",...O},e.children)}t=s(t),u=s(u),d.displayName="JBImageInput",e.JBImageInput=d},"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("jb-image-input"),require("jb-core/react")):"function"==typeof define&&define.amd?define(["exports","react","jb-image-input","jb-core/react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBImageInputReact={},e.React,e.JBImageInput,e.JBCoreReact);
//# sourceMappingURL=JBImageInput.umd.js.map