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

image input web component

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