@feathery/react 2.11.0 → 2.11.2

package/umd/FileUploadField.11dcf999a3604cdf4ea0.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[710],{5289:(t,e,n)=>{n.r(e),n.d(e,{default:()=>y});var r=n(5944),i=n(7294),o=n(2943),a=n(1407),l=n(5467),c=n(1211),u=n(2988),s=n(9479),f=function(){return f=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},f.apply(this,arguments)},p=function(t,e,n,r){return new(n||(n=Promise))((function(i,o){function a(t){try{c(r.next(t))}catch(t){o(t)}}function l(t){try{c(r.throw(t))}catch(t){o(t)}}function c(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,l)}c((r=r.apply(t,e||[])).next())}))},d=function(t,e){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(o){return function(l){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(i=2&o[0]?r.return:o[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;switch(r=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,r=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(6===o[0]&&a.label<i[1]){a.label=i[1],i=o;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(o);break}i[2]&&a.ops.pop(),a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t],r=0}finally{n=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,l])}}},h=function(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,i,o=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(t){i={error:t}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},v=function(t,e,n){if(n||2===arguments.length)for(var r,i=0,o=e.length;i<o;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return t.concat(r||Array.prototype.slice.call(e))};const y=function(t){var e=this,n=t.element,y=t.responsiveStyles,g=t.required,m=void 0!==g&&g,b=t.disabled,w=void 0!==b&&b,x=t.editMode,k=t.onChange,C=void 0===k?function(){}:k,S=t.initialFiles,Z=void 0===S?[]:S,E=t.elementProps,_=void 0===E?{}:E,j=t.children,z=n.servar,A=""!==z.name,B=z.metadata.multiple,D=(0,i.useRef)(null),F=h((0,i.useState)([]),2),P=F[0],T=F[1],I=h((0,i.useState)(-1),2),M=I[0],H=I[1];(0,i.useEffect)((function(){(0,a.yD)(P)&&(0,a.yD)(Z)||T((0,a.zZ)(Z).filter(Boolean))}),[Z]);var L=(0,o.hP)(P),O=P.length>0,R=B||!O,V=n.styles.hide_file_preview,W=v([],h(z.metadata.file_types),!1);z.metadata.custom_file_types&&W.push.apply(W,v([],h(z.metadata.custom_file_types.map((function(t){return".".concat(t)}))),!1));var X=z.max_length?1024*z.max_length:10485760,q=function(t){return p(e,void 0,void 0,(function(){var e,n,r,i,o,a,l,c;return d(this,(function(u){if(w)return[2];e=Array.from(t),B||(e=[e[0]]);try{if(e.some((function(t){return!t||!(t instanceof File)||t.size<=0})))throw new Error("Some files are invalid");!function(t){if(0!==W.length){var e=W.flatMap((function(t){return t.split(",").map((function(t){return t.trim()}))})),n=t.filter((function(t){return!e.some((function(e){return function(t,e){var n;if(e.endsWith("/*")){var r=e.split("/")[0];return t.type.startsWith(r+"/")}if(e.includes("/"))return t.type===e;var i="."+(null===(n=t.name.split(".").pop())||void 0===n?void 0:n.toLowerCase());return e.toLowerCase()===i}(t,e)}))}));if(n.length>0)throw new Error("Invalid file type. Allowed types: ".concat(W.join(", ")))}}(e),function(t){if(t.some((function(t){return t.size>X}))){var e="";if(X<1024)e="".concat(X," bytes");else if(X<=1048576){var n=Math.floor(X/1024);e="".concat(n," kb")}else{var r=Math.floor(X/1048576);e="".concat(r," mb")}throw new Error("File exceeds max size of ".concat(e))}}(e),n=V?0:P.length,e.length+n>20&&e.splice(20-n),r=e.map((function(t){return Promise.resolve(t)})),i=void 0,V?(i=r,o=0):(i=v(v([],h(P),!1),h(r),!1),o=n),T(i),C(i,o),null===(a=D.current)||void 0===a||a.setCustomValidity(""),D.current&&(D.current.value="")}catch(t){null===(l=D.current)||void 0===l||l.setCustomValidity(t.message),null===(c=D.current)||void 0===c||c.reportValidity()}return[2]}))}))},G=f(f({},c.lH),y.getTarget("img")),J=n.properties.icon?(0,r.tZ)("img",{src:n.properties.icon,style:f(f({},G),{maxWidth:"100%",height:"auto"}),alt:""}):(0,r.tZ)(l.HC,{width:G.width&&"px"!==G.width?G.width:void 0,style:{maxHeight:"100%"}});return(0,r.BX)("div",f({css:f({display:"flex",flexWrap:"wrap",position:"relative",pointerEvents:x?"none":"auto",width:"100%",height:"100%"},y.getTarget("fc"))},_,{onDragOver:function(t){t.preventDefault(),t.stopPropagation()},onDrop:w?void 0:function(t){t.preventDefault(),t.stopPropagation();var e=t.dataTransfer.files;R&&q(e)}},{children:[j,!V&&L.map((function(t,n){var i=t.filename,o=t.thumbnail;return n<P.length?(0,r.BX)("div",f({css:f(f({position:"relative",width:"100%",maxHeight:"100%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center",boxSizing:"border-box"},o?{}:{paddingLeft:"20px",paddingRight:"20px"}),y.getTarget("field")),onMouseEnter:function(){return H(n)},onMouseLeave:function(){return H(-1)}},{children:[M===n&&(0,r.tZ)("div",f({css:{position:"absolute",margin:"auto",left:0,right:0,top:0,bottom:0,width:"48px",height:"48px",borderRadius:"8px",backgroundColor:"#3E414D80",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},onClick:function(){return p(e,void 0,void 0,(function(){var t;return d(this,(function(e){switch(e.label){case 0:return t=s.Sv,[4,P[n]];case 1:return[2,t.apply(void 0,[e.sent()])]}}))}))}},{children:(0,r.tZ)(l._8,{})})),o?(0,r.tZ)("img",{src:o,style:{width:"100%",height:"100%",objectFit:"contain"},alt:i||""}):(0,r.tZ)("span",f({style:{color:"black",height:"100%",width:"100%",wordBreak:"break-all",fontSize:"small",display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center"}},{children:i||"File"})),(0,r.tZ)("div",f({css:{position:"absolute",top:"4px",right:"4px",color:"white",background:"#AAA",height:"16px",width:"16px",borderRadius:"50%",pointerEvents:w?"none":"auto",cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center",transition:"0.2s ease all","&:hover":{backgroundColor:"#BBB"}},role:"button","aria-label":"Clear file",onClick:function(t){var e;t.stopPropagation(),null===(e=D.current)||void 0===e||e.setCustomValidity(""),function(t){return function(){var e=(0,a.iZ)(P,t);T(e),C(e,-1)}}(n)()}},{children:(0,r.tZ)(l.Tw,{fill:"white",width:12,height:12})}))]}),n):null})),(R||V)&&(0,r.BX)("div",f({onClick:function(){var t;(R||V)&&(w||null===(t=D.current)||void 0===t||t.click())},css:f({position:"relative",pointerEvents:w?"none":"auto",cursor:"pointer",maxHeight:"100%",display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",overflow:"hidden",boxSizing:"border-box",width:"100%"},y.getTarget("ac"))},{children:[J,A&&(0,r.tZ)("div",f({css:y.getTarget("add")},{children:z.name}))]})),(0,r.tZ)("input",{id:z.key,name:z.key,ref:D,type:"file",onChange:function(t){var e=t.target.files;e&&R&&q(e)},required:m&&!O,accept:W.join(",")||void 0,disabled:w,"aria-label":n.properties.aria_label,multiple:B,onFocus:s.ms,style:{position:"absolute",pointerEvents:"none",opacity:0,top:0,left:0,width:"100%",height:"100%",zIndex:u.rM-2}})]}))}}}]);