primereact 9.0.0-beta.1 → 9.0.0-rc.1

package/fileupload/fileupload.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{localeOption as t}from"primereact/api";import{Button as n}from"primereact/button";import{Messages as l}from"primereact/messages";import{ProgressBar as a}from"primereact/progressbar";import{Ripple as r}from"primereact/ripple";import{ObjectUtils as o,classNames as i,IconUtils as u,DomHandler as s}from"primereact/utils";function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},c.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function m(e){if(Array.isArray(e))return p(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e){return m(e)||f(e)||d(e)||y()}function b(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r,o,i=[],u=!0,s=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(l=r.call(n)).done)&&(i.push(l.value),i.length!==t);u=!0);}catch(e){s=!0,a=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return b(e)||h(e,t)||d(e,t)||g()}function S(e){throw new TypeError('"'+e+'" is read-only')}function N(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=w(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,a=function(){};return{s:a,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function w(e,t){if(e){if("string"==typeof e)return B(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?B(e,t):void 0}}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}var O=e.memo(e.forwardRef((function(p,m){var f=E(e.useState([]),2),d=f[0],y=f[1],b=E(e.useState(0),2),h=b[0],g=b[1],w=E(e.useState(!1),2),B=w[0],T=w[1],C=E(e.useState(!1),2),F=C[0],z=C[1],D=e.useRef(null),L=e.useRef(null),M=e.useRef(null),I=e.useRef(!1),x=e.useRef(0),U=o.isNotEmpty(d),j=p.disabled||F,A=p.chooseLabel||p.chooseOptions.label||t("choose"),R=p.uploadLabel||p.uploadOptions.label||t("upload"),P=p.cancelLabel||p.cancelOptions.label||t("cancel"),k=j||p.fileLimit&&p.fileLimit<=d.length+x,H=j||!U,X=j||!U,J=function(e){return/^image\//.test(e.type)},_=function(e,t){K();var n=v(d),l=d[t];n.splice(t,1),y(n),p.onRemove&&p.onRemove({originalEvent:e,file:l})},K=function(){D.current&&(D.current.value="")},V=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},W=function(e){if(!p.onBeforeSelect||!1!==p.onBeforeSelect({originalEvent:e,files:d}))if("drop"!==e.type&&$()&&I.current)I.current=!1;else{var t=[];p.multiple&&(t=d?v(d):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,l=0;l<n.length;l++){var a=n[l];!Y(a)&&q(a)&&(J(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}y(t),o.isNotEmpty(t)&&p.auto&&G(t),p.onSelect&&p.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&$()?D.current&&(I.current=!0,D.current.value=""):K(),"basic"===p.mode&&t.length>0&&(D.current.style.display="none")}},Y=function(e){return d.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},$=function(){return!!window.MSInputMethodContext&&!!document.documentMode},q=function(e){if(p.maxFileSize&&e.size>p.maxFileSize){var t={severity:"error",summary:p.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:p.invalidFileSizeMessageDetail.replace("{0}",V(p.maxFileSize)),sticky:!0};return"advanced"===p.mode&&L.current.show(t),p.onValidationFail&&p.onValidationFail(e),!1}return!0},G=function(e){if((e=e||d)&&e.nativeEvent&&(e=d),p.customUpload)p.fileLimit&&S("uploadedFileCount"),p.uploadHandler&&p.uploadHandler({files:e,options:{clear:Z,props:p}});else{z(!0);var t=new XMLHttpRequest,n=new FormData;p.onBeforeUpload&&p.onBeforeUpload({xhr:t,formData:n});var l,a=N(e);try{for(a.s();!(l=a.n()).done;){var r=l.value;n.append(p.name,r,r.name)}}catch(e){a.e(e)}finally{a.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);g(t),p.onProgress&&p.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(g(0),z(!1),t.status>=200&&t.status<300?(p.fileLimit&&S("uploadedFileCount"),p.onUpload&&p.onUpload({xhr:t,files:e})):p.onError&&p.onError({xhr:t,files:e}),Z())},t.open("POST",p.url,!0),p.onBeforeSend&&p.onBeforeSend({xhr:t,formData:n}),t.withCredentials=p.withCredentials,t.send(n)}},Z=function(){y([]),z(!1),p.onClear&&p.onClear(),K()},Q=function(){D.current.click()},ee=function(){T(!0)},te=function(){T(!1)},ne=function(e){13===e.which&&Q()},le=function(e){j||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},ae=function(e){j||(e.dataTransfer.dropEffect="copy",s.addClass(M.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},re=function(e){j||(e.dataTransfer.dropEffect="copy",s.removeClass(M.current,"p-fileupload-highlight"))},oe=function(e){if(!p.disabled&&(s.removeClass(M.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault(),!p.onBeforeDrop||!1!==p.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(p.multiple||o.isEmpty(d)&&t&&1===t.length)&&W(e)}},ie=function(){!j&&U?G():D.current.click()};e.useImperativeHandle(m,(function(){return{props:p,upload:G,clear:Z,formatSize:V,onFileSelect:W,getInput:function(){return D.current},getContent:function(){return M.current},getFiles:function(){return d},setFiles:function(e){return y(e||[])}}}));var ue,se,ce,pe,me,fe,de,ye,ve,be,he=function(t,l){var a=t.name+t.type+t.size,r=J(t)?e.createElement("div",null,e.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:p.previewWidth})):null,i=e.createElement("div",{className:"p-fileupload-filename"},t.name),u=e.createElement("div",null,V(t.size)),s=e.createElement("div",null,e.createElement(n,{type:"button",icon:"pi pi-times",onClick:function(e){return _(e,l)},disabled:j})),c=e.createElement(e.Fragment,null,r,i,u,s);if(p.itemTemplate){var m={onRemove:function(e){return _(e,l)},previewElement:r,fileNameElement:i,sizeElement:u,removeElement:s,formatSize:V(t.size),element:c,index:l,props:p};c=o.getJSXElement(p.itemTemplate,t,m)}return e.createElement("div",{className:"p-fileupload-row",key:a},c)};return"advanced"===p.mode?function(){var t,s,m,f,y,v,b,g,E,S,N,w,T,C,F=o.findDiffKeys(p,O.defaultProps),z=i("p-fileupload p-fileupload-advanced p-component",p.className),I=i("p-fileupload-buttonbar",p.headerClassName),x=i("p-fileupload-content",p.contentClassName),J=(s=(t=p.chooseOptions).style,m=t.icon,y=i("p-button p-fileupload-choose p-component",{"p-disabled":j,"p-focus":B,"p-button-icon-only":f=t.iconOnly},t.className),v="p-button-label p-clickable",b=f?e.createElement("span",{className:v,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:v},A),g=e.createElement("input",{ref:D,type:"file",onChange:W,multiple:p.multiple,accept:p.accept,disabled:k}),E=u.getJSXIcon(m||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:p}),e.createElement("span",{className:y,style:s,onClick:Q,onKeyDown:ne,onFocus:ee,onBlur:te,tabIndex:0},g,E,b,e.createElement(r,null))),_=p.emptyTemplate&&!U?o.getJSXElement(p.emptyTemplate,p):null;if(!p.auto){var K=p.uploadOptions,V=p.cancelOptions,Y=V.iconOnly?"":P;S=e.createElement(n,{type:"button",label:K.iconOnly?"":R,icon:K.icon||"pi pi-upload",onClick:G,disabled:H,style:K.style,className:K.className}),N=e.createElement(n,{type:"button",label:Y,icon:V.icon||"pi pi-times",onClick:Z,disabled:X,style:V.style,className:V.className})}U&&(C=d.map(he),w=e.createElement("div",{className:"p-fileupload-files"},C),T=p.progressBarTemplate?o.getJSXElement(p.progressBarTemplate,p):e.createElement(a,{value:h,showValue:!1}));var $=e.createElement("div",{className:I,style:p.headerStyle},J,S,N);p.headerTemplate&&($=o.getJSXElement(p.headerTemplate,{className:I,chooseButton:J,uploadButton:S,cancelButton:N,element:$,props:p}));return e.createElement("div",c({id:p.id,className:z,style:p.style},F),$,e.createElement("div",{ref:M,className:x,style:p.contentStyle,onDragEnter:le,onDragOver:ae,onDragLeave:re,onDrop:oe},T,e.createElement(l,{ref:L}),w,_))}():"basic"===p.mode?(ue=p.chooseOptions,se=o.findDiffKeys(p,O.defaultProps),ce=i("p-fileupload p-fileupload-basic p-component",p.className),pe=i("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":U,"p-disabled":j,"p-focus":B},ue.className),me=ue.icon||i({"pi pi-plus":!ue.icon&&(!U||p.auto),"pi pi-upload":!ue.icon&&U&&!p.auto}),fe="p-button-label p-clickable",de=ue.iconOnly?e.createElement("span",{className:fe,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:fe},A),ye=p.auto?de:e.createElement("span",{className:fe},U?d[0].name:de),ve=u.getJSXIcon(me,{className:"p-button-icon p-button-icon-left"},{props:p,hasFiles:U}),be=!U&&e.createElement("input",{ref:D,type:"file",accept:p.accept,multiple:p.multiple,disabled:j,onChange:W}),e.createElement("div",c({className:ce,style:p.style},se),e.createElement(l,{ref:L}),e.createElement("span",{className:pe,style:ue.style,onMouseUp:ie,onKeyDown:ne,onFocus:ee,onBlur:te,tabIndex:0},ve,ye,be,e.createElement(r,null)))):void 0})));O.displayName="FileUpload",O.defaultProps={__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null};export{O as FileUpload};
+import*as e from"react";import{localeOption as t}from"primereact/api";import{Button as n}from"primereact/button";import{Messages as l}from"primereact/messages";import{ProgressBar as r}from"primereact/progressbar";import{Ripple as a}from"primereact/ripple";import{ObjectUtils as o,classNames as i,IconUtils as u,DomHandler as s}from"primereact/utils";function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},c.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function m(e){if(Array.isArray(e))return p(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e){return m(e)||f(e)||d(e)||y()}function h(e){throw new TypeError('"'+e+'" is read-only')}function b(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a,o,i=[],u=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(l=a.call(n)).done)&&(i.push(l.value),i.length!==t);u=!0);}catch(e){s=!0,r=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return i}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return b(e)||g(e,t)||d(e,t)||E()}var N={defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},getProps:function(e){return o.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,N.defaultProps)}};function w(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=O(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function O(e,t){if(e){if("string"==typeof e)return B(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?B(e,t):void 0}}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}var T=e.memo(e.forwardRef((function(p,m){var f=N.getProps(p),d=S(e.useState([]),2),y=d[0],b=d[1],g=S(e.useState(0),2),E=g[0],O=g[1],B=S(e.useState(!1),2),T=B[0],C=B[1],F=S(e.useState(!1),2),M=F[0],P=F[1],z=e.useRef(null),L=e.useRef(null),D=e.useRef(null),I=e.useRef(!1),x=e.useRef(0),U=o.isNotEmpty(y),j=f.disabled||M,A=f.chooseLabel||f.chooseOptions.label||t("choose"),R=f.uploadLabel||f.uploadOptions.label||t("upload"),k=f.cancelLabel||f.cancelOptions.label||t("cancel"),H=j||f.fileLimit&&f.fileLimit<=y.length+x,X=j||!U,J=j||!U,_=function(e){return/^image\//.test(e.type)},V=function(e,t){K();var n=v(y),l=y[t];n.splice(t,1),b(n),f.onRemove&&f.onRemove({originalEvent:e,file:l})},K=function(){z.current&&(z.current.value="")},W=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},Y=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:y}))if("drop"!==e.type&&q()&&I.current)I.current=!1;else{var t=[];f.multiple&&(t=y?v(y):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,l=0;l<n.length;l++){var r=n[l];!$(r)&&G(r)&&(_(r)&&(r.objectURL=window.URL.createObjectURL(r)),t.push(r))}b(t),o.isNotEmpty(t)&&f.auto&&Z(t),f.onSelect&&f.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&q()?z.current&&(I.current=!0,z.current.value=""):K(),"basic"===f.mode&&t.length>0&&(z.current.style.display="none")}},$=function(e){return y.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},q=function(){return!!window.MSInputMethodContext&&!!document.documentMode},G=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",W(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&L.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},Z=function(e){if((e=e||y)&&e.nativeEvent&&(e=y),f.customUpload)f.fileLimit&&h("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:Q,props:f}});else{P(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var l,r=w(e);try{for(r.s();!(l=r.n()).done;){var a=l.value;n.append(f.name,a,a.name)}}catch(e){r.e(e)}finally{r.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);O(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(O(0),P(!1),t.status>=200&&t.status<300?(f.fileLimit&&h("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),Q())},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},Q=function(){b([]),P(!1),f.onClear&&f.onClear(),K()},ee=function(){z.current.click()},te=function(){C(!0)},ne=function(){C(!1)},le=function(e){13===e.which&&ee()},re=function(e){j||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},ae=function(e){j||(e.dataTransfer.dropEffect="copy",s.addClass(D.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},oe=function(e){j||(e.dataTransfer.dropEffect="copy",s.removeClass(D.current,"p-fileupload-highlight"))},ie=function(e){if(!f.disabled&&(s.removeClass(D.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||o.isEmpty(y)&&t&&1===t.length)&&Y(e)}},ue=function(){!j&&U?Z():z.current.click()};e.useImperativeHandle(m,(function(){return{props:f,upload:Z,clear:Q,formatSize:W,onFileSelect:Y,getInput:function(){return z.current},getContent:function(){return D.current},getFiles:function(){return y},setFiles:function(e){return b(e||[])}}}));var se,ce,pe,me,fe,de,ye,ve,he,be,ge=function(t,l){var r=t.name+t.type+t.size,a=_(t)?e.createElement("div",null,e.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:f.previewWidth})):null,i=e.createElement("div",{className:"p-fileupload-filename"},t.name),u=e.createElement("div",null,W(t.size)),s=e.createElement("div",null,e.createElement(n,{type:"button",icon:"pi pi-times",onClick:function(e){return V(e,l)},disabled:j})),c=e.createElement(e.Fragment,null,a,i,u,s);if(f.itemTemplate){var p={onRemove:function(e){return V(e,l)},previewElement:a,fileNameElement:i,sizeElement:u,removeElement:s,formatSize:W(t.size),element:c,index:l,props:f};c=o.getJSXElement(f.itemTemplate,t,p)}return e.createElement("div",{className:"p-fileupload-row",key:r},c)};return"advanced"===f.mode?function(){var t,s,p,m,d,v,h,b,g,S,w,O,B,C,F=N.getOtherProps(f),M=i("p-fileupload p-fileupload-advanced p-component",f.className),P=i("p-fileupload-buttonbar",f.headerClassName),I=i("p-fileupload-content",f.contentClassName),x=(s=(t=f.chooseOptions).style,p=t.icon,d=i("p-button p-fileupload-choose p-component",{"p-disabled":j,"p-focus":T,"p-button-icon-only":m=t.iconOnly},t.className),v="p-button-label p-clickable",h=m?e.createElement("span",{className:v,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:v},A),b=e.createElement("input",{ref:z,type:"file",onChange:Y,multiple:f.multiple,accept:f.accept,disabled:H}),g=u.getJSXIcon(p||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:f}),e.createElement("span",{className:d,style:s,onClick:ee,onKeyDown:le,onFocus:te,onBlur:ne,tabIndex:0},b,g,h,e.createElement(a,null))),_=f.emptyTemplate&&!U?o.getJSXElement(f.emptyTemplate,f):null;if(!f.auto){var V=f.uploadOptions,K=f.cancelOptions,W=K.iconOnly?"":k;S=e.createElement(n,{type:"button",label:V.iconOnly?"":R,icon:V.icon||"pi pi-upload",onClick:Z,disabled:X,style:V.style,className:V.className}),w=e.createElement(n,{type:"button",label:W,icon:K.icon||"pi pi-times",onClick:Q,disabled:J,style:K.style,className:K.className})}U&&(C=y.map(ge),O=e.createElement("div",{className:"p-fileupload-files"},C),B=f.progressBarTemplate?o.getJSXElement(f.progressBarTemplate,f):e.createElement(r,{value:E,showValue:!1}));var $=e.createElement("div",{className:P,style:f.headerStyle},x,S,w);f.headerTemplate&&($=o.getJSXElement(f.headerTemplate,{className:P,chooseButton:x,uploadButton:S,cancelButton:w,element:$,props:f}));return e.createElement("div",c({id:f.id,className:M,style:f.style},F),$,e.createElement("div",{ref:D,className:I,style:f.contentStyle,onDragEnter:re,onDragOver:ae,onDragLeave:oe,onDrop:ie},B,e.createElement(l,{ref:L}),O,_))}():"basic"===f.mode?(se=f.chooseOptions,ce=N.getOtherProps(f),pe=i("p-fileupload p-fileupload-basic p-component",f.className),me=i("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":U,"p-disabled":j,"p-focus":T},se.className),fe=se.icon||i({"pi pi-plus":!se.icon&&(!U||f.auto),"pi pi-upload":!se.icon&&U&&!f.auto}),de="p-button-label p-clickable",ye=se.iconOnly?e.createElement("span",{className:de,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:de},A),ve=f.auto?ye:e.createElement("span",{className:de},U?y[0].name:ye),he=u.getJSXIcon(fe,{className:"p-button-icon p-button-icon-left"},{props:f,hasFiles:U}),be=!U&&e.createElement("input",{ref:z,type:"file",accept:f.accept,multiple:f.multiple,disabled:j,onChange:Y}),e.createElement("div",c({className:pe,style:f.style},ce),e.createElement(l,{ref:L}),e.createElement("span",{className:me,style:se.style,onMouseUp:ue,onKeyDown:le,onFocus:te,onBlur:ne,tabIndex:0},he,ve,be,e.createElement(a,null)))):void 0})));T.displayName="FileUpload";export{T as FileUpload};

package/fileupload/fileupload.js

@@ -39,9 +39,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
 
   function _arrayLikeToArray$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -70,6 +68,10 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
   }
 
+  function _readOnlyError(name) {
+    throw new TypeError("\"" + name + "\" is read-only");
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -88,9 +90,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -112,14 +112,84 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
   }
 
-  function _readOnlyError(name) {
-    throw new TypeError("\"" + name + "\" is read-only");
-  }
+  var FileUploadBase = {
+    defaultProps: {
+      __TYPE: 'FileUpload',
+      id: null,
+      name: null,
+      url: null,
+      mode: 'advanced',
+      multiple: false,
+      accept: null,
+      disabled: false,
+      auto: false,
+      maxFileSize: null,
+      invalidFileSizeMessageSummary: '{0}: Invalid file size, ',
+      invalidFileSizeMessageDetail: 'maximum upload size is {0}.',
+      style: null,
+      className: null,
+      widthCredentials: false,
+      previewWidth: 50,
+      chooseLabel: null,
+      uploadLabel: null,
+      cancelLabel: null,
+      chooseOptions: {
+        label: null,
+        icon: null,
+        iconOnly: false,
+        className: null,
+        style: null
+      },
+      uploadOptions: {
+        label: null,
+        icon: null,
+        iconOnly: false,
+        className: null,
+        style: null
+      },
+      cancelOptions: {
+        label: null,
+        icon: null,
+        iconOnly: false,
+        className: null,
+        style: null
+      },
+      customUpload: false,
+      headerClassName: null,
+      headerStyle: null,
+      contentClassName: null,
+      contentStyle: null,
+      headerTemplate: null,
+      itemTemplate: null,
+      emptyTemplate: null,
+      progressBarTemplate: null,
+      onBeforeUpload: null,
+      onBeforeSend: null,
+      onBeforeDrop: null,
+      onBeforeSelect: null,
+      onUpload: null,
+      onError: null,
+      onClear: null,
+      onSelect: null,
+      onProgress: null,
+      onValidationFail: null,
+      uploadHandler: null,
+      onRemove: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, FileUploadBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, FileUploadBase.defaultProps);
+    }
+  };
 
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
   function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-  var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+  var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = FileUploadBase.getProps(inProps);
     var _React$useState = React__namespace.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       filesState = _React$useState2[0],
@@ -529,7 +599,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       });
     };
     var createAdvanced = function createAdvanced() {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, FileUpload.defaultProps);
+      var otherProps = FileUploadBase.getOtherProps(props);
       var className = utils.classNames('p-fileupload p-fileupload-advanced p-component', props.className);
       var headerClassName = utils.classNames('p-fileupload-buttonbar', props.headerClassName);
       var contentClassName = utils.classNames('p-fileupload-content', props.contentClassName);
@@ -597,7 +667,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     };
     var createBasic = function createBasic() {
       var chooseOptions = props.chooseOptions;
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, FileUpload.defaultProps);
+      var otherProps = FileUploadBase.getOtherProps(props);
       var className = utils.classNames('p-fileupload p-fileupload-basic p-component', props.className);
       var buttonClassName = utils.classNames('p-button p-component p-fileupload-choose', {
         'p-fileupload-choose-selected': hasFiles,
@@ -652,69 +722,6 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     if (props.mode === 'advanced') return createAdvanced();else if (props.mode === 'basic') return createBasic();
   }));
   FileUpload.displayName = 'FileUpload';
-  FileUpload.defaultProps = {
-    __TYPE: 'FileUpload',
-    id: null,
-    name: null,
-    url: null,
-    mode: 'advanced',
-    multiple: false,
-    accept: null,
-    disabled: false,
-    auto: false,
-    maxFileSize: null,
-    invalidFileSizeMessageSummary: '{0}: Invalid file size, ',
-    invalidFileSizeMessageDetail: 'maximum upload size is {0}.',
-    style: null,
-    className: null,
-    widthCredentials: false,
-    previewWidth: 50,
-    chooseLabel: null,
-    uploadLabel: null,
-    cancelLabel: null,
-    chooseOptions: {
-      label: null,
-      icon: null,
-      iconOnly: false,
-      className: null,
-      style: null
-    },
-    uploadOptions: {
-      label: null,
-      icon: null,
-      iconOnly: false,
-      className: null,
-      style: null
-    },
-    cancelOptions: {
-      label: null,
-      icon: null,
-      iconOnly: false,
-      className: null,
-      style: null
-    },
-    customUpload: false,
-    headerClassName: null,
-    headerStyle: null,
-    contentClassName: null,
-    contentStyle: null,
-    headerTemplate: null,
-    itemTemplate: null,
-    emptyTemplate: null,
-    progressBarTemplate: null,
-    onBeforeUpload: null,
-    onBeforeSend: null,
-    onBeforeDrop: null,
-    onBeforeSelect: null,
-    onUpload: null,
-    onError: null,
-    onClear: null,
-    onSelect: null,
-    onProgress: null,
-    onValidationFail: null,
-    uploadHandler: null,
-    onRemove: null
-  };
 
   exports.FileUpload = FileUpload;
 

package/fileupload/fileupload.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,l,a,r,o,i){"use strict";function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=s(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},u.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function m(e){if(Array.isArray(e))return p(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){return m(e)||f(e)||d(e)||y()}function v(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r,o,i=[],s=!0,c=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=r.call(n)).done)&&(i.push(l.value),i.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return v(e)||h(e,t)||d(e,t)||g()}function S(e){throw new TypeError('"'+e+'" is read-only')}function O(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=N(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,a=function(){};return{s:a,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function N(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}var B=c.memo(c.forwardRef((function(e,t){var s=E(c.useState([]),2),p=s[0],m=s[1],f=E(c.useState(0),2),d=f[0],y=f[1],v=E(c.useState(!1),2),h=v[0],g=v[1],N=E(c.useState(!1),2),w=N[0],j=N[1],U=c.useRef(null),T=c.useRef(null),C=c.useRef(null),F=c.useRef(!1),D=c.useRef(0),M=i.ObjectUtils.isNotEmpty(p),z=e.disabled||w,I=e.chooseLabel||e.chooseOptions.label||n.localeOption("choose"),L=e.uploadLabel||e.uploadOptions.label||n.localeOption("upload"),R=e.cancelLabel||e.cancelOptions.label||n.localeOption("cancel"),P=z||e.fileLimit&&e.fileLimit<=p.length+D,x=z||!M,A=z||!M,k=function(e){return/^image\//.test(e.type)},H=function(t,n){_();var l=b(p),a=p[n];l.splice(n,1),m(l),e.onRemove&&e.onRemove({originalEvent:t,file:a})},_=function(){U.current&&(U.current.value="")},X=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},J=function(t){if(!e.onBeforeSelect||!1!==e.onBeforeSelect({originalEvent:t,files:p}))if("drop"!==t.type&&V()&&F.current)F.current=!1;else{var n=[];e.multiple&&(n=p?b(p):[]);for(var l=t.dataTransfer?t.dataTransfer.files:t.target.files,a=0;a<l.length;a++){var r=l[a];!K(r)&&W(r)&&(k(r)&&(r.objectURL=window.URL.createObjectURL(r)),n.push(r))}m(n),i.ObjectUtils.isNotEmpty(n)&&e.auto&&Y(n),e.onSelect&&e.onSelect({originalEvent:t,files:l}),"drop"!==t.type&&V()?U.current&&(F.current=!0,U.current.value=""):_(),"basic"===e.mode&&n.length>0&&(U.current.style.display="none")}},K=function(e){return p.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},V=function(){return!!window.MSInputMethodContext&&!!document.documentMode},W=function(t){if(e.maxFileSize&&t.size>e.maxFileSize){var n={severity:"error",summary:e.invalidFileSizeMessageSummary.replace("{0}",t.name),detail:e.invalidFileSizeMessageDetail.replace("{0}",X(e.maxFileSize)),sticky:!0};return"advanced"===e.mode&&T.current.show(n),e.onValidationFail&&e.onValidationFail(t),!1}return!0},Y=function(t){if((t=t||p)&&t.nativeEvent&&(t=p),e.customUpload)e.fileLimit&&S("uploadedFileCount"),e.uploadHandler&&e.uploadHandler({files:t,options:{clear:$,props:e}});else{j(!0);var n=new XMLHttpRequest,l=new FormData;e.onBeforeUpload&&e.onBeforeUpload({xhr:n,formData:l});var a,r=O(t);try{for(r.s();!(a=r.n()).done;){var o=a.value;l.append(e.name,o,o.name)}}catch(e){r.e(e)}finally{r.f()}n.upload.addEventListener("progress",(function(t){if(t.lengthComputable){var n=Math.round(100*t.loaded/t.total);y(n),e.onProgress&&e.onProgress({originalEvent:t,progress:n})}})),n.onreadystatechange=function(){4===n.readyState&&(y(0),j(!1),n.status>=200&&n.status<300?(e.fileLimit&&S("uploadedFileCount"),e.onUpload&&e.onUpload({xhr:n,files:t})):e.onError&&e.onError({xhr:n,files:t}),$())},n.open("POST",e.url,!0),e.onBeforeSend&&e.onBeforeSend({xhr:n,formData:l}),n.withCredentials=e.withCredentials,n.send(l)}},$=function(){m([]),j(!1),e.onClear&&e.onClear(),_()},q=function(){U.current.click()},G=function(){g(!0)},Z=function(){g(!1)},Q=function(e){13===e.which&&q()},ee=function(e){z||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},te=function(e){z||(e.dataTransfer.dropEffect="copy",i.DomHandler.addClass(C.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},ne=function(e){z||(e.dataTransfer.dropEffect="copy",i.DomHandler.removeClass(C.current,"p-fileupload-highlight"))},le=function(t){if(!e.disabled&&(i.DomHandler.removeClass(C.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault(),!e.onBeforeDrop||!1!==e.onBeforeDrop(t))){var n=t.dataTransfer?t.dataTransfer.files:t.target.files;(e.multiple||i.ObjectUtils.isEmpty(p)&&n&&1===n.length)&&J(t)}},ae=function(){!z&&M?Y():U.current.click()};c.useImperativeHandle(t,(function(){return{props:e,upload:Y,clear:$,formatSize:X,onFileSelect:J,getInput:function(){return U.current},getContent:function(){return C.current},getFiles:function(){return p},setFiles:function(e){return m(e||[])}}}));var re,oe,ie,se,ce,ue,pe,me,fe,de,ye=function(t,n){var a=t.name+t.type+t.size,r=k(t)?c.createElement("div",null,c.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:e.previewWidth})):null,o=c.createElement("div",{className:"p-fileupload-filename"},t.name),s=c.createElement("div",null,X(t.size)),u=c.createElement("div",null,c.createElement(l.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return H(e,n)},disabled:z})),p=c.createElement(c.Fragment,null,r,o,s,u);if(e.itemTemplate){var m={onRemove:function(e){return H(e,n)},previewElement:r,fileNameElement:o,sizeElement:s,removeElement:u,formatSize:X(t.size),element:p,index:n,props:e};p=i.ObjectUtils.getJSXElement(e.itemTemplate,t,m)}return c.createElement("div",{className:"p-fileupload-row",key:a},p)};return"advanced"===e.mode?function(){var t,n,s,m,f,y,b,v,g,E,S,O,N,w,j=i.ObjectUtils.findDiffKeys(e,B.defaultProps),F=i.classNames("p-fileupload p-fileupload-advanced p-component",e.className),D=i.classNames("p-fileupload-buttonbar",e.headerClassName),k=i.classNames("p-fileupload-content",e.contentClassName),H=(n=(t=e.chooseOptions).style,s=t.icon,f=i.classNames("p-button p-fileupload-choose p-component",{"p-disabled":z,"p-focus":h,"p-button-icon-only":m=t.iconOnly},t.className),y="p-button-label p-clickable",b=m?c.createElement("span",{className:y,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):c.createElement("span",{className:y},I),v=c.createElement("input",{ref:U,type:"file",onChange:J,multiple:e.multiple,accept:e.accept,disabled:P}),g=i.IconUtils.getJSXIcon(s||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:e}),c.createElement("span",{className:f,style:n,onClick:q,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},v,g,b,c.createElement(o.Ripple,null))),_=e.emptyTemplate&&!M?i.ObjectUtils.getJSXElement(e.emptyTemplate,e):null;if(!e.auto){var X=e.uploadOptions,K=e.cancelOptions,V=K.iconOnly?"":R;E=c.createElement(l.Button,{type:"button",label:X.iconOnly?"":L,icon:X.icon||"pi pi-upload",onClick:Y,disabled:x,style:X.style,className:X.className}),S=c.createElement(l.Button,{type:"button",label:V,icon:K.icon||"pi pi-times",onClick:$,disabled:A,style:K.style,className:K.className})}M&&(w=p.map(ye),O=c.createElement("div",{className:"p-fileupload-files"},w),N=e.progressBarTemplate?i.ObjectUtils.getJSXElement(e.progressBarTemplate,e):c.createElement(r.ProgressBar,{value:d,showValue:!1}));var W=c.createElement("div",{className:D,style:e.headerStyle},H,E,S);e.headerTemplate&&(W=i.ObjectUtils.getJSXElement(e.headerTemplate,{className:D,chooseButton:H,uploadButton:E,cancelButton:S,element:W,props:e}));return c.createElement("div",u({id:e.id,className:F,style:e.style},j),W,c.createElement("div",{ref:C,className:k,style:e.contentStyle,onDragEnter:ee,onDragOver:te,onDragLeave:ne,onDrop:le},N,c.createElement(a.Messages,{ref:T}),O,_))}():"basic"===e.mode?(re=e.chooseOptions,oe=i.ObjectUtils.findDiffKeys(e,B.defaultProps),ie=i.classNames("p-fileupload p-fileupload-basic p-component",e.className),se=i.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":M,"p-disabled":z,"p-focus":h},re.className),ce=re.icon||i.classNames({"pi pi-plus":!re.icon&&(!M||e.auto),"pi pi-upload":!re.icon&&M&&!e.auto}),ue="p-button-label p-clickable",pe=re.iconOnly?c.createElement("span",{className:ue,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):c.createElement("span",{className:ue},I),me=e.auto?pe:c.createElement("span",{className:ue},M?p[0].name:pe),fe=i.IconUtils.getJSXIcon(ce,{className:"p-button-icon p-button-icon-left"},{props:e,hasFiles:M}),de=!M&&c.createElement("input",{ref:U,type:"file",accept:e.accept,multiple:e.multiple,disabled:z,onChange:J}),c.createElement("div",u({className:ie,style:e.style},oe),c.createElement(a.Messages,{ref:T}),c.createElement("span",{className:se,style:re.style,onMouseUp:ae,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},fe,me,de,c.createElement(o.Ripple,null)))):void 0})));return B.displayName="FileUpload",B.defaultProps={__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null},e.FileUpload=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.messages,primereact.progressbar,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,l,a,r,o,i){"use strict";function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=s(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},u.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function m(e){if(Array.isArray(e))return p(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){return m(e)||f(e)||d(e)||y()}function v(e){throw new TypeError('"'+e+'" is read-only')}function h(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r,o,i=[],s=!0,c=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=r.call(n)).done)&&(i.push(l.value),i.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return h(e)||g(e,t)||d(e,t)||E()}var O={defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,O.defaultProps)}};function N(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=w(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,a=function(){};return{s:a,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function w(e,t){if(e){if("string"==typeof e)return B(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?B(e,t):void 0}}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}var j=c.memo(c.forwardRef((function(e,t){var s=O.getProps(e),p=S(c.useState([]),2),m=p[0],f=p[1],d=S(c.useState(0),2),y=d[0],h=d[1],g=S(c.useState(!1),2),E=g[0],w=g[1],B=S(c.useState(!1),2),j=B[0],U=B[1],T=c.useRef(null),C=c.useRef(null),F=c.useRef(null),M=c.useRef(!1),P=c.useRef(0),D=i.ObjectUtils.isNotEmpty(m),z=s.disabled||j,I=s.chooseLabel||s.chooseOptions.label||n.localeOption("choose"),L=s.uploadLabel||s.uploadOptions.label||n.localeOption("upload"),R=s.cancelLabel||s.cancelOptions.label||n.localeOption("cancel"),x=z||s.fileLimit&&s.fileLimit<=m.length+P,A=z||!D,k=z||!D,H=function(e){return/^image\//.test(e.type)},_=function(e,t){X();var n=b(m),l=m[t];n.splice(t,1),f(n),s.onRemove&&s.onRemove({originalEvent:e,file:l})},X=function(){T.current&&(T.current.value="")},J=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},V=function(e){if(!s.onBeforeSelect||!1!==s.onBeforeSelect({originalEvent:e,files:m}))if("drop"!==e.type&&W()&&M.current)M.current=!1;else{var t=[];s.multiple&&(t=m?b(m):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,l=0;l<n.length;l++){var a=n[l];!K(a)&&Y(a)&&(H(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}f(t),i.ObjectUtils.isNotEmpty(t)&&s.auto&&$(t),s.onSelect&&s.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&W()?T.current&&(M.current=!0,T.current.value=""):X(),"basic"===s.mode&&t.length>0&&(T.current.style.display="none")}},K=function(e){return m.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},W=function(){return!!window.MSInputMethodContext&&!!document.documentMode},Y=function(e){if(s.maxFileSize&&e.size>s.maxFileSize){var t={severity:"error",summary:s.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:s.invalidFileSizeMessageDetail.replace("{0}",J(s.maxFileSize)),sticky:!0};return"advanced"===s.mode&&C.current.show(t),s.onValidationFail&&s.onValidationFail(e),!1}return!0},$=function(e){if((e=e||m)&&e.nativeEvent&&(e=m),s.customUpload)s.fileLimit&&v("uploadedFileCount"),s.uploadHandler&&s.uploadHandler({files:e,options:{clear:q,props:s}});else{U(!0);var t=new XMLHttpRequest,n=new FormData;s.onBeforeUpload&&s.onBeforeUpload({xhr:t,formData:n});var l,a=N(e);try{for(a.s();!(l=a.n()).done;){var r=l.value;n.append(s.name,r,r.name)}}catch(e){a.e(e)}finally{a.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);h(t),s.onProgress&&s.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(h(0),U(!1),t.status>=200&&t.status<300?(s.fileLimit&&v("uploadedFileCount"),s.onUpload&&s.onUpload({xhr:t,files:e})):s.onError&&s.onError({xhr:t,files:e}),q())},t.open("POST",s.url,!0),s.onBeforeSend&&s.onBeforeSend({xhr:t,formData:n}),t.withCredentials=s.withCredentials,t.send(n)}},q=function(){f([]),U(!1),s.onClear&&s.onClear(),X()},G=function(){T.current.click()},Z=function(){w(!0)},Q=function(){w(!1)},ee=function(e){13===e.which&&G()},te=function(e){z||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},ne=function(e){z||(e.dataTransfer.dropEffect="copy",i.DomHandler.addClass(F.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},le=function(e){z||(e.dataTransfer.dropEffect="copy",i.DomHandler.removeClass(F.current,"p-fileupload-highlight"))},ae=function(e){if(!s.disabled&&(i.DomHandler.removeClass(F.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault(),!s.onBeforeDrop||!1!==s.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(s.multiple||i.ObjectUtils.isEmpty(m)&&t&&1===t.length)&&V(e)}},re=function(){!z&&D?$():T.current.click()};c.useImperativeHandle(t,(function(){return{props:s,upload:$,clear:q,formatSize:J,onFileSelect:V,getInput:function(){return T.current},getContent:function(){return F.current},getFiles:function(){return m},setFiles:function(e){return f(e||[])}}}));var oe,ie,se,ce,ue,pe,me,fe,de,ye,be=function(e,t){var n=e.name+e.type+e.size,a=H(e)?c.createElement("div",null,c.createElement("img",{alt:e.name,role:"presentation",src:e.objectURL,width:s.previewWidth})):null,r=c.createElement("div",{className:"p-fileupload-filename"},e.name),o=c.createElement("div",null,J(e.size)),u=c.createElement("div",null,c.createElement(l.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return _(e,t)},disabled:z})),p=c.createElement(c.Fragment,null,a,r,o,u);if(s.itemTemplate){var m={onRemove:function(e){return _(e,t)},previewElement:a,fileNameElement:r,sizeElement:o,removeElement:u,formatSize:J(e.size),element:p,index:t,props:s};p=i.ObjectUtils.getJSXElement(s.itemTemplate,e,m)}return c.createElement("div",{className:"p-fileupload-row",key:n},p)};return"advanced"===s.mode?function(){var e,t,n,p,f,d,b,v,h,g,S,N,w,B,j=O.getOtherProps(s),U=i.classNames("p-fileupload p-fileupload-advanced p-component",s.className),M=i.classNames("p-fileupload-buttonbar",s.headerClassName),P=i.classNames("p-fileupload-content",s.contentClassName),H=(t=(e=s.chooseOptions).style,n=e.icon,f=i.classNames("p-button p-fileupload-choose p-component",{"p-disabled":z,"p-focus":E,"p-button-icon-only":p=e.iconOnly},e.className),d="p-button-label p-clickable",b=p?c.createElement("span",{className:d,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):c.createElement("span",{className:d},I),v=c.createElement("input",{ref:T,type:"file",onChange:V,multiple:s.multiple,accept:s.accept,disabled:x}),h=i.IconUtils.getJSXIcon(n||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:s}),c.createElement("span",{className:f,style:t,onClick:G,onKeyDown:ee,onFocus:Z,onBlur:Q,tabIndex:0},v,h,b,c.createElement(o.Ripple,null))),_=s.emptyTemplate&&!D?i.ObjectUtils.getJSXElement(s.emptyTemplate,s):null;if(!s.auto){var X=s.uploadOptions,J=s.cancelOptions,K=J.iconOnly?"":R;g=c.createElement(l.Button,{type:"button",label:X.iconOnly?"":L,icon:X.icon||"pi pi-upload",onClick:$,disabled:A,style:X.style,className:X.className}),S=c.createElement(l.Button,{type:"button",label:K,icon:J.icon||"pi pi-times",onClick:q,disabled:k,style:J.style,className:J.className})}D&&(B=m.map(be),N=c.createElement("div",{className:"p-fileupload-files"},B),w=s.progressBarTemplate?i.ObjectUtils.getJSXElement(s.progressBarTemplate,s):c.createElement(r.ProgressBar,{value:y,showValue:!1}));var W=c.createElement("div",{className:M,style:s.headerStyle},H,g,S);s.headerTemplate&&(W=i.ObjectUtils.getJSXElement(s.headerTemplate,{className:M,chooseButton:H,uploadButton:g,cancelButton:S,element:W,props:s}));return c.createElement("div",u({id:s.id,className:U,style:s.style},j),W,c.createElement("div",{ref:F,className:P,style:s.contentStyle,onDragEnter:te,onDragOver:ne,onDragLeave:le,onDrop:ae},w,c.createElement(a.Messages,{ref:C}),N,_))}():"basic"===s.mode?(oe=s.chooseOptions,ie=O.getOtherProps(s),se=i.classNames("p-fileupload p-fileupload-basic p-component",s.className),ce=i.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":D,"p-disabled":z,"p-focus":E},oe.className),ue=oe.icon||i.classNames({"pi pi-plus":!oe.icon&&(!D||s.auto),"pi pi-upload":!oe.icon&&D&&!s.auto}),pe="p-button-label p-clickable",me=oe.iconOnly?c.createElement("span",{className:pe,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):c.createElement("span",{className:pe},I),fe=s.auto?me:c.createElement("span",{className:pe},D?m[0].name:me),de=i.IconUtils.getJSXIcon(ue,{className:"p-button-icon p-button-icon-left"},{props:s,hasFiles:D}),ye=!D&&c.createElement("input",{ref:T,type:"file",accept:s.accept,multiple:s.multiple,disabled:z,onChange:V}),c.createElement("div",u({className:se,style:s.style},ie),c.createElement(a.Messages,{ref:C}),c.createElement("span",{className:ce,style:oe.style,onMouseUp:re,onKeyDown:ee,onFocus:Z,onBlur:Q,tabIndex:0},de,fe,ye,c.createElement(o.Ripple,null)))):void 0})));return j.displayName="FileUpload",e.FileUpload=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.messages,primereact.progressbar,primereact.ripple,primereact.utils);

package/fileupload/package.json

@@ -2,5 +2,6 @@
     "main": "./fileupload.cjs.js",
     "module": "./fileupload.esm.js",
     "unpkg": "./fileupload.min.js",
-    "types": "./fileupload.d.ts"
+    "types": "./fileupload.d.ts",
+    "sideEffects": false
 }

package/galleria/galleria.cjs.js

@@ -66,9 +66,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -84,9 +82,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -107,6 +103,49 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var GalleriaBase = {
+  defaultProps: {
+    __TYPE: 'Galleria',
+    id: null,
+    value: null,
+    activeIndex: 0,
+    fullScreen: false,
+    item: null,
+    thumbnail: null,
+    indicator: null,
+    caption: null,
+    className: null,
+    style: null,
+    header: null,
+    footer: null,
+    numVisible: 3,
+    responsiveOptions: null,
+    showItemNavigators: false,
+    showThumbnailNavigators: true,
+    showItemNavigatorsOnHover: false,
+    changeItemOnIndicatorHover: false,
+    circular: false,
+    autoPlay: false,
+    transitionInterval: 4000,
+    showThumbnails: true,
+    thumbnailsPosition: 'bottom',
+    verticalThumbnailViewPortHeight: '300px',
+    showIndicators: false,
+    showIndicatorsOnItem: false,
+    indicatorsPosition: 'bottom',
+    baseZIndex: 0,
+    transitionOptions: null,
+    onItemChange: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, GalleriaBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, GalleriaBase.defaultProps);
+  }
+};
+
 var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var next = function next() {
     var nextItemIndex = props.activeItemIndex + 1;
@@ -613,7 +652,8 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
 GalleriaThumbnailItem.displayName = 'GalleriaThumbnailItem';
 GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 
-var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = GalleriaBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -734,7 +774,7 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return null;
   };
   var createElement = function createElement() {
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Galleria.defaultProps);
+    var otherProps = GalleriaBase.getOtherProps(props);
     var thumbnailsPosClassName = props.showThumbnails && getPositionClassName('p-galleria-thumbnails', props.thumbnailsPosition);
     var indicatorPosClassName = props.showIndicators && getPositionClassName('p-galleria-indicators', props.indicatorsPosition);
     var galleriaClassName = utils.classNames('p-galleria p-component', props.className, {
@@ -829,38 +869,5 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   return utils.ObjectUtils.isNotEmpty(props.value) && createGalleria();
 }));
 Galleria.displayName = 'Galleria';
-Galleria.defaultProps = {
-  __TYPE: 'Galleria',
-  id: null,
-  value: null,
-  activeIndex: 0,
-  fullScreen: false,
-  item: null,
-  thumbnail: null,
-  indicator: null,
-  caption: null,
-  className: null,
-  style: null,
-  header: null,
-  footer: null,
-  numVisible: 3,
-  responsiveOptions: null,
-  showItemNavigators: false,
-  showThumbnailNavigators: true,
-  showItemNavigatorsOnHover: false,
-  changeItemOnIndicatorHover: false,
-  circular: false,
-  autoPlay: false,
-  transitionInterval: 4000,
-  showThumbnails: true,
-  thumbnailsPosition: 'bottom',
-  verticalThumbnailViewPortHeight: '300px',
-  showIndicators: false,
-  showIndicatorsOnItem: false,
-  indicatorsPosition: 'bottom',
-  baseZIndex: 0,
-  transitionOptions: null,
-  onItemChange: null
-};
 
 exports.Galleria = Galleria;

package/galleria/galleria.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),a=require("primereact/hooks"),r=require("primereact/portal"),i=require("primereact/ripple"),l=require("primereact/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=c(e),s=o(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},m.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw r}}return o}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function f(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,t){return d(e)||p(e,t)||f(e,t)||h()}var I=u.memo(u.forwardRef((function(e,t){var n=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},r=function(t){n(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),t&&t.cancelable&&t.preventDefault()},o=function(t){n(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),t&&t.cancelable&&t.preventDefault()},c=function(t){n(),e.onActiveItemChange({index:t})},s=function(t){e.changeItemOnIndicatorHover&&(n(),e.onActiveItemChange({index:t}))},m=function(t,a){13===t.which&&(n(),e.onActiveItemChange({index:a}))};a.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var d=function(t){var n="p-galleria-indicator-"+t,a=l.classNames("p-galleria-indicator",{"p-highlight":e.activeItemIndex===t}),r=e.indicator&&e.indicator(t);return r||(r=u.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},u.createElement(i.Ripple,null))),u.createElement("li",{className:a,key:n,tabIndex:0,onClick:function(){return c(t)},onMouseEnter:function(){return s(t)},onKeyDown:function(e){return m(e,t)}},r)},p=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),v=function(){if(e.showItemNavigators){var t=!e.circular&&0===e.activeItemIndex,n=l.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":t});return u.createElement("button",{type:"button",className:n,onClick:r,disabled:t},u.createElement("span",{className:"p-galleria-item-prev-icon pi pi-chevron-left"}),u.createElement(i.Ripple,null))}return null}(),f=function(){if(e.showItemNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1,n=l.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":t});return u.createElement("button",{type:"button",className:n,onClick:o,disabled:t},u.createElement("span",{className:"p-galleria-item-next-icon pi pi-chevron-right"}),u.createElement(i.Ripple,null))}return null}(),h=function(){if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return u.createElement("div",{className:"p-galleria-caption"},t)}return null}(),g=function(){if(e.showIndicators){for(var t=l.classNames("p-galleria-indicators p-reset",e.indicatorsContentClassName),n=[],a=0;a<e.value.length;a++)n.push(d(a));return u.createElement("ul",{className:t},n)}return null}();return u.createElement("div",{ref:t,className:"p-galleria-item-wrapper"},u.createElement("div",{className:"p-galleria-item-container"},v,u.createElement("div",{className:"p-galleria-item"},p),f,h),g)})));function b(e){if(Array.isArray(e))return v(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}I.displayName="GalleriaItem";var w=u.memo((function(e){var t=e.active?0:null,n=e.template&&e.template(e.item),a=l.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":e.current,"p-galleria-thumbnail-item-active":e.active,"p-galleria-thumbnail-item-start":e.start,"p-galleria-thumbnail-item-end":e.end},e.className);return u.createElement("div",{className:a},u.createElement("div",{className:"p-galleria-thumbnail-item-content",tabIndex:t,onClick:function(t){e.onItemClick({originalEvent:t,index:e.index})},onKeyDown:function(t){13===t.which&&e.onItemClick({originalEvent:t,index:e.index})}},n))})),E=u.memo(u.forwardRef((function(e,t){var n=g(u.useState(e.numVisible),2),r=n[0],o=n[1],c=g(u.useState(0),2),m=c[0],d=c[1],p=u.useRef(null),v=u.useRef(null),h=u.useRef(""),I=u.useRef(null),E=u.useRef(null),N=a.usePrevious(r),S=a.usePrevious(e.activeItemIndex),C=g(a.useResizeListener({listener:function(){G()},when:e.responsiveOptions}),1)[0],O=function(t){var n=m+t;t<0&&-1*n+r>e.value.length-1?n=r-e.value.length:t>0&&n>0&&(n=0),e.circular&&(t<0&&e.value.length-1===e.activeItemIndex?n=0:t>0&&0===e.activeItemIndex&&(n=r-e.value.length)),p.current&&(l.DomHandler.removeClass(p.current,"p-items-hidden"),p.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/r),"%, 0)"):"translate3d(".concat(n*(100/r),"%, 0, 0)"),p.current.style.transition="transform 500ms ease 0s"),d(n)},T=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},A=function(){var e=Math.floor(r/2);return r%2?e:e-1},P=function(t){T();var n=0!==e.activeItemIndex?e.activeItemIndex-1:0;r-(n+m)-1>A()&&(-1*m!=0||e.circular)&&O(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:n}),t.cancelable&&t.preventDefault()},k=function(t){T();var n=e.activeItemIndex+1;n+m>A()&&(-1*m<U()-1||e.circular)&&O(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:n}),t.cancelable&&t.preventDefault()},H=function(t){T();var n=t.index;if(n!==e.activeItemIndex){var a=n+m,i=0;n<e.activeItemIndex?(i=r-a-1-A())>0&&-1*m!=0&&O(i):(i=A()-a)<0&&-1*m<U()-1&&O(i),e.onActiveItemChange({index:n})}},V=function(e){p.current&&"transform"===e.propertyName&&(l.DomHandler.addClass(p.current,"p-items-hidden"),p.current.style.transition="")},j=function(e){var t=e.changedTouches[0];v.current={x:t.pageX,y:t.pageY}},R=function(e){e.cancelable&&e.preventDefault()},D=function(t){var n=t.changedTouches[0];M(t,e.isVertical?n.pageY-v.current.y:n.pageX-v.current.x)},M=function(e,t){t<0?k(e):P(e)},U=function(){return e.value.length>r?e.value.length-r+1:0},q=function(){I.current||(I.current=l.DomHandler.createInlineStyle(s.default.nonce));var t,n="\n            .p-galleria-thumbnail-items[".concat(h.current,"] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100/r,"%\n            }\n        ");if(e.responsiveOptions){E.current=b(t=e.responsiveOptions)||x(t)||f(t)||y(),E.current.sort((function(e,t){return l.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,s.default.locale,s.default.nullSortOrder)}));for(var a=0;a<E.current.length;a++){var i=E.current[a];n+="\n                    @media screen and (max-width: ".concat(i.breakpoint,") {\n                        .p-galleria-thumbnail-items[").concat(h.current,"] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100/i.numVisible,"%\n                        }\n                    }\n                ")}}I.current.innerHTML=n},G=function(){if(p.current&&E.current){for(var t=window.innerWidth,n={numVisible:e.numVisible},a=0;a<E.current.length;a++){var i=E.current[a];parseInt(i.breakpoint,10)>=t&&(n=i)}r!==n.numVisible&&o(n.numVisible)}};a.useMountEffect((function(){p.current&&(h.current=l.UniqueComponentId(),p.current.setAttribute(h.current,"")),q(),G(),C()})),a.useUpdateEffect((function(){var t=m;N===r&&S===e.activeItemIndex||((t=e.activeItemIndex<=A()?0:e.value.length-r+A()<e.activeItemIndex?r-e.value.length:e.value.length-r<e.activeItemIndex&&r%2==0?-1*e.activeItemIndex+A()+1:-1*e.activeItemIndex+A())!==m&&d(t),p.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/r),"%, 0)"):"translate3d(".concat(t*(100/r),"%, 0, 0)"),S!==e.activeItemIndex&&(l.DomHandler.removeClass(p.current,"p-items-hidden"),p.current.style.transition="transform 500ms ease 0s"))}));var Z,_,z,K,Y=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=r,n=l.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":t}),a=l.classNames("p-galleria-thumbnail-prev-icon pi",{"pi-chevron-left":!e.isVertical,"pi-chevron-up":e.isVertical});return u.createElement("button",{className:n,onClick:P,disabled:t},u.createElement("span",{className:a}),u.createElement(i.Ripple,null))}return null},L=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=r,n=l.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":t}),a=l.classNames("p-galleria-thumbnail-next-icon pi",{"pi-chevron-right":!e.isVertical,"pi-chevron-down":e.isVertical});return u.createElement("button",{className:n,onClick:k,disabled:t},u.createElement("span",{className:a}),u.createElement(i.Ripple,null))}return null},X=(Z=e.value.map((function(t,n){var a=-1*m,i=a+r-1;return u.createElement(w,{key:n,index:n,template:e.itemTemplate,item:t,active:a<=n&&i>=n,start:a===n,end:i===n,onItemClick:H,current:e.activeItemIndex===n})})),_=e.isVertical?e.contentHeight:"",z=Y(),K=L(),u.createElement("div",{className:"p-galleria-thumbnail-container"},z,u.createElement("div",{className:"p-galleria-thumbnail-items-container",style:{height:_}},u.createElement("div",{ref:p,className:"p-galleria-thumbnail-items",onTransitionEnd:V,onTouchStart:j,onTouchMove:R,onTouchEnd:D},Z)),K));return u.createElement("div",{className:"p-galleria-thumbnail-wrapper"},X)})));w.displayName="GalleriaThumbnailItem",E.displayName="GalleriaThumbnails";var N=u.memo(u.forwardRef((function(e,o){var c=g(u.useState(!1),2),d=c[0],p=c[1],v=g(u.useState(e.numVisible),2),f=v[0],h=v[1],b=g(u.useState(!1),2),x=b[0],y=b[1],w=g(u.useState(e.activeIndex),2),S=w[0],C=w[1],O=u.useRef(null),T=u.useRef(null),A=u.useRef(null),P=e.onItemChange?e.activeIndex:S,k="left"===e.thumbnailsPosition||"right"===e.thumbnailsPosition;a.useInterval((function(){H({index:e.circular&&e.value.length-1===P?0:P+1})}),e.transitionInterval,x);var H=function(t){e.onItemChange?e.onItemChange(t):C(t.index)},V=function(){p(!0)},j=function(){p(!1)},R=function(){l.DomHandler.addClass(document.body,"p-overflow-hidden")},D=function(){l.ZIndexUtils.set("modal",A.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.modal),l.DomHandler.addMultipleClasses(A.current,"p-component-overlay p-component-overlay-enter")},M=function(){e.onShow&&e.onShow()},U=function(){l.DomHandler.removeClass(document.body,"p-overflow-hidden"),l.DomHandler.addClass(A.current,"p-component-overlay-leave")},q=function(){l.ZIndexUtils.clear(A.current),e.onHide&&e.onHide()},G=function(){return x},Z=function(){y(!0)},_=function(){y(!1)},z=function(e,t){var n=["top","left","bottom","right"].find((function(e){return e===t}));return n?"".concat(e,"-").concat(n):""};u.useEffect((function(){e.value&&e.value.length<f&&h(e.value.length)}),[e.value,f]),u.useEffect((function(){h(e.numVisible)}),[e.numVisible]),a.useUnmountEffect((function(){x&&_(),l.ZIndexUtils.clear(A.current)})),u.useImperativeHandle(o,(function(){return{props:e,show:V,hide:j,isAutoPlayActive:G,startSlideShow:Z,stopSlideShow:_,getElement:function(){return O.current},getPreviewContent:function(){return T.current}}}));return l.ObjectUtils.isNotEmpty(e.value)&&function(){var a,o,c,p,v,h,g,b=(a=l.ObjectUtils.findDiffKeys(e,N.defaultProps),o=e.showThumbnails&&z("p-galleria-thumbnails",e.thumbnailsPosition),c=e.showIndicators&&z("p-galleria-indicators",e.indicatorsPosition),p=l.classNames("p-galleria p-component",e.className,{"p-galleria-fullscreen":e.fullScreen,"p-galleria-indicator-onitem":e.showIndicatorsOnItem,"p-galleria-item-nav-onhover":e.showItemNavigatorsOnHover&&!e.fullScreen,"p-input-filled":"filled"===s.default.inputStyle,"p-ripple-disabled":!1===s.default.ripple},o,c),v=e.fullScreen&&u.createElement("button",{type:"button",className:"p-galleria-close p-link","aria-label":t.localeOption("close"),onClick:j},u.createElement("span",{className:"p-galleria-close-icon pi pi-times","aria-hidden":"true"}),u.createElement(i.Ripple,null)),h=e.header?u.createElement("div",{className:"p-galleria-header"},e.header):null,g=e.footer?u.createElement("div",{className:"p-galleria-footer"},e.footer):null,u.createElement("div",m({ref:O,id:e.id,className:p,style:e.style},a),v,h,u.createElement("div",{className:"p-galleria-content"},u.createElement(I,{ref:T,value:e.value,activeItemIndex:P,onActiveItemChange:H,itemTemplate:e.item,circular:e.circular,caption:e.caption,showIndicators:e.showIndicators,changeItemOnIndicatorHover:e.changeItemOnIndicatorHover,indicator:e.indicator,showItemNavigators:e.showItemNavigators,autoPlay:e.autoPlay,slideShowActive:x,startSlideShow:Z,stopSlideShow:_}),e.showThumbnails&&u.createElement(E,{value:e.value,activeItemIndex:P,onActiveItemChange:H,itemTemplate:e.thumbnail,numVisible:f,responsiveOptions:e.responsiveOptions,circular:e.circular,isVertical:k,contentHeight:e.verticalThumbnailViewPortHeight,showThumbnailNavigators:e.showThumbnailNavigators,autoPlay:e.autoPlay,slideShowActive:x,stopSlideShow:_})),g));if(e.fullScreen){var y=l.classNames("p-galleria-mask",{"p-galleria-visible":d});return u.createElement(r.Portal,{element:u.createElement("div",{ref:A,className:y},u.createElement(n.CSSTransition,{nodeRef:O,classNames:"p-galleria",in:d,timeout:{enter:150,exit:150},options:e.transitionOptions,unmountOnExit:!0,onEnter:R,onEntering:D,onEntered:M,onExit:U,onExited:q},b))})}return b}()})));N.displayName="Galleria",N.defaultProps={__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className:null,style:null,header:null,footer:null,numVisible:3,responsiveOptions:null,showItemNavigators:!1,showThumbnailNavigators:!0,showItemNavigatorsOnHover:!1,changeItemOnIndicatorHover:!1,circular:!1,autoPlay:!1,transitionInterval:4e3,showThumbnails:!0,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null},exports.Galleria=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),a=require("primereact/hooks"),r=require("primereact/portal"),i=require("primereact/ripple"),l=require("primereact/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=c(e),s=o(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},m.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw r}}return o}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function f(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,t){return d(e)||p(e,t)||f(e,t)||h()}var I={defaultProps:{__TYPE:"Galleria",id:null,value:null,activeIndex:0,fullScreen:!1,item:null,thumbnail:null,indicator:null,caption:null,className:null,style:null,header:null,footer:null,numVisible:3,responsiveOptions:null,showItemNavigators:!1,showThumbnailNavigators:!0,showItemNavigatorsOnHover:!1,changeItemOnIndicatorHover:!1,circular:!1,autoPlay:!1,transitionInterval:4e3,showThumbnails:!0,thumbnailsPosition:"bottom",verticalThumbnailViewPortHeight:"300px",showIndicators:!1,showIndicatorsOnItem:!1,indicatorsPosition:"bottom",baseZIndex:0,transitionOptions:null,onItemChange:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,I.defaultProps)}},b=u.memo(u.forwardRef((function(e,t){var n=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},r=function(t){n(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),t&&t.cancelable&&t.preventDefault()},o=function(t){n(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),t&&t.cancelable&&t.preventDefault()},c=function(t){n(),e.onActiveItemChange({index:t})},s=function(t){e.changeItemOnIndicatorHover&&(n(),e.onActiveItemChange({index:t}))},m=function(t,a){13===t.which&&(n(),e.onActiveItemChange({index:a}))};a.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var d=function(t){var n="p-galleria-indicator-"+t,a=l.classNames("p-galleria-indicator",{"p-highlight":e.activeItemIndex===t}),r=e.indicator&&e.indicator(t);return r||(r=u.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},u.createElement(i.Ripple,null))),u.createElement("li",{className:a,key:n,tabIndex:0,onClick:function(){return c(t)},onMouseEnter:function(){return s(t)},onKeyDown:function(e){return m(e,t)}},r)},p=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),v=function(){if(e.showItemNavigators){var t=!e.circular&&0===e.activeItemIndex,n=l.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":t});return u.createElement("button",{type:"button",className:n,onClick:r,disabled:t},u.createElement("span",{className:"p-galleria-item-prev-icon pi pi-chevron-left"}),u.createElement(i.Ripple,null))}return null}(),f=function(){if(e.showItemNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1,n=l.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":t});return u.createElement("button",{type:"button",className:n,onClick:o,disabled:t},u.createElement("span",{className:"p-galleria-item-next-icon pi pi-chevron-right"}),u.createElement(i.Ripple,null))}return null}(),h=function(){if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return u.createElement("div",{className:"p-galleria-caption"},t)}return null}(),g=function(){if(e.showIndicators){for(var t=l.classNames("p-galleria-indicators p-reset",e.indicatorsContentClassName),n=[],a=0;a<e.value.length;a++)n.push(d(a));return u.createElement("ul",{className:t},n)}return null}();return u.createElement("div",{ref:t,className:"p-galleria-item-wrapper"},u.createElement("div",{className:"p-galleria-item-container"},v,u.createElement("div",{className:"p-galleria-item"},p),f,h),g)})));function x(e){if(Array.isArray(e))return v(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}b.displayName="GalleriaItem";var E=u.memo((function(e){var t=e.active?0:null,n=e.template&&e.template(e.item),a=l.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":e.current,"p-galleria-thumbnail-item-active":e.active,"p-galleria-thumbnail-item-start":e.start,"p-galleria-thumbnail-item-end":e.end},e.className);return u.createElement("div",{className:a},u.createElement("div",{className:"p-galleria-thumbnail-item-content",tabIndex:t,onClick:function(t){e.onItemClick({originalEvent:t,index:e.index})},onKeyDown:function(t){13===t.which&&e.onItemClick({originalEvent:t,index:e.index})}},n))})),N=u.memo(u.forwardRef((function(e,t){var n=g(u.useState(e.numVisible),2),r=n[0],o=n[1],c=g(u.useState(0),2),m=c[0],d=c[1],p=u.useRef(null),v=u.useRef(null),h=u.useRef(""),I=u.useRef(null),b=u.useRef(null),N=a.usePrevious(r),S=a.usePrevious(e.activeItemIndex),O=g(a.useResizeListener({listener:function(){G()},when:e.responsiveOptions}),1)[0],C=function(t){var n=m+t;t<0&&-1*n+r>e.value.length-1?n=r-e.value.length:t>0&&n>0&&(n=0),e.circular&&(t<0&&e.value.length-1===e.activeItemIndex?n=0:t>0&&0===e.activeItemIndex&&(n=r-e.value.length)),p.current&&(l.DomHandler.removeClass(p.current,"p-items-hidden"),p.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/r),"%, 0)"):"translate3d(".concat(n*(100/r),"%, 0, 0)"),p.current.style.transition="transform 500ms ease 0s"),d(n)},P=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},T=function(){var e=Math.floor(r/2);return r%2?e:e-1},A=function(t){P();var n=0!==e.activeItemIndex?e.activeItemIndex-1:0;r-(n+m)-1>T()&&(-1*m!=0||e.circular)&&C(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:n}),t.cancelable&&t.preventDefault()},k=function(t){P();var n=e.activeItemIndex+1;n+m>T()&&(-1*m<U()-1||e.circular)&&C(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:n}),t.cancelable&&t.preventDefault()},H=function(t){P();var n=t.index;if(n!==e.activeItemIndex){var a=n+m,i=0;n<e.activeItemIndex?(i=r-a-1-T())>0&&-1*m!=0&&C(i):(i=T()-a)<0&&-1*m<U()-1&&C(i),e.onActiveItemChange({index:n})}},V=function(e){p.current&&"transform"===e.propertyName&&(l.DomHandler.addClass(p.current,"p-items-hidden"),p.current.style.transition="")},j=function(e){var t=e.changedTouches[0];v.current={x:t.pageX,y:t.pageY}},R=function(e){e.cancelable&&e.preventDefault()},D=function(t){var n=t.changedTouches[0];M(t,e.isVertical?n.pageY-v.current.y:n.pageX-v.current.x)},M=function(e,t){t<0?k(e):A(e)},U=function(){return e.value.length>r?e.value.length-r+1:0},q=function(){I.current||(I.current=l.DomHandler.createInlineStyle(s.default.nonce));var t,n="\n            .p-galleria-thumbnail-items[".concat(h.current,"] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100/r,"%\n            }\n        ");if(e.responsiveOptions){b.current=x(t=e.responsiveOptions)||y(t)||f(t)||w(),b.current.sort((function(e,t){return l.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,s.default.locale,s.default.nullSortOrder)}));for(var a=0;a<b.current.length;a++){var i=b.current[a];n+="\n                    @media screen and (max-width: ".concat(i.breakpoint,") {\n                        .p-galleria-thumbnail-items[").concat(h.current,"] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100/i.numVisible,"%\n                        }\n                    }\n                ")}}I.current.innerHTML=n},G=function(){if(p.current&&b.current){for(var t=window.innerWidth,n={numVisible:e.numVisible},a=0;a<b.current.length;a++){var i=b.current[a];parseInt(i.breakpoint,10)>=t&&(n=i)}r!==n.numVisible&&o(n.numVisible)}};a.useMountEffect((function(){p.current&&(h.current=l.UniqueComponentId(),p.current.setAttribute(h.current,"")),q(),G(),O()})),a.useUpdateEffect((function(){var t=m;N===r&&S===e.activeItemIndex||((t=e.activeItemIndex<=T()?0:e.value.length-r+T()<e.activeItemIndex?r-e.value.length:e.value.length-r<e.activeItemIndex&&r%2==0?-1*e.activeItemIndex+T()+1:-1*e.activeItemIndex+T())!==m&&d(t),p.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/r),"%, 0)"):"translate3d(".concat(t*(100/r),"%, 0, 0)"),S!==e.activeItemIndex&&(l.DomHandler.removeClass(p.current,"p-items-hidden"),p.current.style.transition="transform 500ms ease 0s"))}));var Z,_,z,Y,K=function(){if(e.showThumbnailNavigators){var t=!e.circular&&0===e.activeItemIndex||e.value.length<=r,n=l.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":t}),a=l.classNames("p-galleria-thumbnail-prev-icon pi",{"pi-chevron-left":!e.isVertical,"pi-chevron-up":e.isVertical});return u.createElement("button",{className:n,onClick:A,disabled:t},u.createElement("span",{className:a}),u.createElement(i.Ripple,null))}return null},L=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=r,n=l.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":t}),a=l.classNames("p-galleria-thumbnail-next-icon pi",{"pi-chevron-right":!e.isVertical,"pi-chevron-down":e.isVertical});return u.createElement("button",{className:n,onClick:k,disabled:t},u.createElement("span",{className:a}),u.createElement(i.Ripple,null))}return null},X=(Z=e.value.map((function(t,n){var a=-1*m,i=a+r-1;return u.createElement(E,{key:n,index:n,template:e.itemTemplate,item:t,active:a<=n&&i>=n,start:a===n,end:i===n,onItemClick:H,current:e.activeItemIndex===n})})),_=e.isVertical?e.contentHeight:"",z=K(),Y=L(),u.createElement("div",{className:"p-galleria-thumbnail-container"},z,u.createElement("div",{className:"p-galleria-thumbnail-items-container",style:{height:_}},u.createElement("div",{ref:p,className:"p-galleria-thumbnail-items",onTransitionEnd:V,onTouchStart:j,onTouchMove:R,onTouchEnd:D},Z)),Y));return u.createElement("div",{className:"p-galleria-thumbnail-wrapper"},X)})));E.displayName="GalleriaThumbnailItem",N.displayName="GalleriaThumbnails";var S=u.memo(u.forwardRef((function(e,o){var c=I.getProps(e),d=g(u.useState(!1),2),p=d[0],v=d[1],f=g(u.useState(c.numVisible),2),h=f[0],x=f[1],y=g(u.useState(!1),2),w=y[0],E=y[1],S=g(u.useState(c.activeIndex),2),O=S[0],C=S[1],P=u.useRef(null),T=u.useRef(null),A=u.useRef(null),k=c.onItemChange?c.activeIndex:O,H="left"===c.thumbnailsPosition||"right"===c.thumbnailsPosition;a.useInterval((function(){V({index:c.circular&&c.value.length-1===k?0:k+1})}),c.transitionInterval,w);var V=function(e){c.onItemChange?c.onItemChange(e):C(e.index)},j=function(){v(!0)},R=function(){v(!1)},D=function(){l.DomHandler.addClass(document.body,"p-overflow-hidden")},M=function(){l.ZIndexUtils.set("modal",A.current,s.default.autoZIndex,c.baseZIndex||s.default.zIndex.modal),l.DomHandler.addMultipleClasses(A.current,"p-component-overlay p-component-overlay-enter")},U=function(){c.onShow&&c.onShow()},q=function(){l.DomHandler.removeClass(document.body,"p-overflow-hidden"),l.DomHandler.addClass(A.current,"p-component-overlay-leave")},G=function(){l.ZIndexUtils.clear(A.current),c.onHide&&c.onHide()},Z=function(){return w},_=function(){E(!0)},z=function(){E(!1)},Y=function(e,t){var n=["top","left","bottom","right"].find((function(e){return e===t}));return n?"".concat(e,"-").concat(n):""};u.useEffect((function(){c.value&&c.value.length<h&&x(c.value.length)}),[c.value,h]),u.useEffect((function(){x(c.numVisible)}),[c.numVisible]),a.useUnmountEffect((function(){w&&z(),l.ZIndexUtils.clear(A.current)})),u.useImperativeHandle(o,(function(){return{props:c,show:j,hide:R,isAutoPlayActive:Z,startSlideShow:_,stopSlideShow:z,getElement:function(){return P.current},getPreviewContent:function(){return T.current}}}));return l.ObjectUtils.isNotEmpty(c.value)&&function(){var e,a,o,d,v,f,g,x=(e=I.getOtherProps(c),a=c.showThumbnails&&Y("p-galleria-thumbnails",c.thumbnailsPosition),o=c.showIndicators&&Y("p-galleria-indicators",c.indicatorsPosition),d=l.classNames("p-galleria p-component",c.className,{"p-galleria-fullscreen":c.fullScreen,"p-galleria-indicator-onitem":c.showIndicatorsOnItem,"p-galleria-item-nav-onhover":c.showItemNavigatorsOnHover&&!c.fullScreen,"p-input-filled":"filled"===s.default.inputStyle,"p-ripple-disabled":!1===s.default.ripple},a,o),v=c.fullScreen&&u.createElement("button",{type:"button",className:"p-galleria-close p-link","aria-label":t.localeOption("close"),onClick:R},u.createElement("span",{className:"p-galleria-close-icon pi pi-times","aria-hidden":"true"}),u.createElement(i.Ripple,null)),f=c.header?u.createElement("div",{className:"p-galleria-header"},c.header):null,g=c.footer?u.createElement("div",{className:"p-galleria-footer"},c.footer):null,u.createElement("div",m({ref:P,id:c.id,className:d,style:c.style},e),v,f,u.createElement("div",{className:"p-galleria-content"},u.createElement(b,{ref:T,value:c.value,activeItemIndex:k,onActiveItemChange:V,itemTemplate:c.item,circular:c.circular,caption:c.caption,showIndicators:c.showIndicators,changeItemOnIndicatorHover:c.changeItemOnIndicatorHover,indicator:c.indicator,showItemNavigators:c.showItemNavigators,autoPlay:c.autoPlay,slideShowActive:w,startSlideShow:_,stopSlideShow:z}),c.showThumbnails&&u.createElement(N,{value:c.value,activeItemIndex:k,onActiveItemChange:V,itemTemplate:c.thumbnail,numVisible:h,responsiveOptions:c.responsiveOptions,circular:c.circular,isVertical:H,contentHeight:c.verticalThumbnailViewPortHeight,showThumbnailNavigators:c.showThumbnailNavigators,autoPlay:c.autoPlay,slideShowActive:w,stopSlideShow:z})),g));if(c.fullScreen){var y=l.classNames("p-galleria-mask",{"p-galleria-visible":p});return u.createElement(r.Portal,{element:u.createElement("div",{ref:A,className:y},u.createElement(n.CSSTransition,{nodeRef:P,classNames:"p-galleria",in:p,timeout:{enter:150,exit:150},options:c.transitionOptions,unmountOnExit:!0,onEnter:D,onEntering:M,onEntered:U,onExit:q,onExited:G},x))})}return x}()})));S.displayName="Galleria",exports.Galleria=S;

package/galleria/galleria.d.ts

@@ -189,7 +189,7 @@ export interface GalleriaProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
  *
  * [Live Demo](https://www.primefaces.org/primereact/galleria/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */