primereact 8.1.1 → 8.4.0

package/fieldset/fieldset.js

@@ -113,6 +113,7 @@ this.primereact.fieldset = (function (exports, React, csstransition, hooks, ripp
         setCollapsedState = _React$useState4[1];
 
     var collapsed = props.toggleable ? props.onToggle ? props.collapsed : collapsedState : false;
+    var elementRef = React__namespace.useRef(null);
     var contentRef = React__namespace.useRef(null);
     var headerId = idState + '_header';
     var contentId = idState + '_content';
@@ -222,6 +223,17 @@ this.primereact.fieldset = (function (exports, React, csstransition, hooks, ripp
       }
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getContent: function getContent() {
+          return contentRef.current;
+        }
+      };
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Fieldset.defaultProps);
     var className = utils.classNames('p-fieldset p-component', {
       'p-fieldset-toggleable': props.toggleable
@@ -230,6 +242,7 @@ this.primereact.fieldset = (function (exports, React, csstransition, hooks, ripp
     var content = createContent();
     return /*#__PURE__*/React__namespace.createElement("fieldset", _extends({
       id: idState,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps, {

package/fieldset/fieldset.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.fieldset=function(e,t,n,l,r,a){"use strict";function o(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 i=o(t);function s(){return s=Object.assign||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},s.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function f(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 p(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function d(){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 c(e)||u(e,t)||p(e,t)||d()}var m=i.forwardRef((function(e,t){var o=g(i.useState(e.id),2),c=o[0],u=o[1],f=g(i.useState(e.collapsed),2),p=f[1],d=!!e.toggleable&&(e.onToggle?e.collapsed:f[0]),b=i.useRef(null),y=c+"_header",v=c+"_content",h=function(t){e.toggleable&&(d?E(t):O(t),e.onToggle&&e.onToggle({originalEvent:t,value:!d})),t.preventDefault()},E=function(t){e.onToggle||p(!1),e.onExpand&&e.onExpand(t)},O=function(t){e.onToggle||p(!0),e.onCollapse&&e.onCollapse(t)};l.useMountEffect((function(){e.id||u(a.UniqueComponentId())}));var N=function(){if(e.toggleable){var t=a.classNames("p-fieldset-toggler pi",{"pi-plus":d,"pi-minus":!d});return i.createElement("span",{className:t})}return null},j=function(){if(e.toggleable){var t=N();return i.createElement("a",{href:"#"+v,"aria-controls":v,id:y,"aria-expanded":!d,tabIndex:e.toggleable?null:-1},t,i.createElement("span",{className:"p-fieldset-legend-text"},e.legend),i.createElement(r.Ripple,null))}return i.createElement("span",{className:"p-fieldset-legend-text",id:y},e.legend)},x=a.ObjectUtils.findDiffKeys(e,m.defaultProps),C=a.classNames("p-fieldset p-component",{"p-fieldset-toggleable":e.toggleable},e.className),S=function(){if(null!=e.legend||e.toggleable){var t=j();return i.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:h},t)}}(),T=i.createElement(n.CSSTransition,{nodeRef:b,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!d,unmountOnExit:!0,options:e.transitionOptions},i.createElement("div",{ref:b,id:v,className:"p-toggleable-content","aria-hidden":d,role:"region","aria-labelledby":y},i.createElement("div",{className:"p-fieldset-content"},e.children)));return i.createElement("fieldset",s({id:c,className:C,style:e.style},x,{onClick:e.onClick}),S,T)}));return m.displayName="Fieldset",m.defaultProps={__TYPE:"Fieldset",id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null},e.Fieldset=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.fieldset=function(e,t,n,l,r,a){"use strict";function o(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 i=o(t);function u(){return u=Object.assign||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 s(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function f(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 p(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function d(){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 s(e)||c(e,t)||p(e,t)||d()}var m=i.forwardRef((function(e,t){var o=g(i.useState(e.id),2),s=o[0],c=o[1],f=g(i.useState(e.collapsed),2),p=f[1],d=!!e.toggleable&&(e.onToggle?e.collapsed:f[0]),b=i.useRef(null),y=i.useRef(null),v=s+"_header",h=s+"_content",E=function(t){e.toggleable&&(d?O(t):N(t),e.onToggle&&e.onToggle({originalEvent:t,value:!d})),t.preventDefault()},O=function(t){e.onToggle||p(!1),e.onExpand&&e.onExpand(t)},N=function(t){e.onToggle||p(!0),e.onCollapse&&e.onCollapse(t)};l.useMountEffect((function(){e.id||c(a.UniqueComponentId())}));var j=function(){if(e.toggleable){var t=a.classNames("p-fieldset-toggler pi",{"pi-plus":d,"pi-minus":!d});return i.createElement("span",{className:t})}return null},x=function(){if(e.toggleable){var t=j();return i.createElement("a",{href:"#"+h,"aria-controls":h,id:v,"aria-expanded":!d,tabIndex:e.toggleable?null:-1},t,i.createElement("span",{className:"p-fieldset-legend-text"},e.legend),i.createElement(r.Ripple,null))}return i.createElement("span",{className:"p-fieldset-legend-text",id:v},e.legend)};i.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return b.current},getContent:function(){return y.current}}}));var C=a.ObjectUtils.findDiffKeys(e,m.defaultProps),S=a.classNames("p-fieldset p-component",{"p-fieldset-toggleable":e.toggleable},e.className),T=function(){if(null!=e.legend||e.toggleable){var t=x();return i.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:E},t)}}(),_=i.createElement(n.CSSTransition,{nodeRef:y,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!d,unmountOnExit:!0,options:e.transitionOptions},i.createElement("div",{ref:y,id:h,className:"p-toggleable-content","aria-hidden":d,role:"region","aria-labelledby":v},i.createElement("div",{className:"p-fieldset-content"},e.children)));return i.createElement("fieldset",u({id:s,ref:b,className:S,style:e.style},C,{onClick:e.onClick}),T,_)}));return m.displayName="Fieldset",m.defaultProps={__TYPE:"Fieldset",id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null},e.Fieldset=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.ripple,primereact.utils);

package/fileupload/fileupload.cjs.js

@@ -217,6 +217,11 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
 
   var onFileSelect = function onFileSelect(event) {
+    // give caller a chance to stop the selection
+    if (props.onBeforeSelect && props.onBeforeSelect(event) === false) {
+      return;
+    }
+
     if (event.type !== 'drop' && isIE11() && duplicateIEEvent.current) {
       duplicateIEEvent.current = false;
       return;
@@ -474,9 +479,17 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
 
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       upload: upload,
       clear: clear,
-      formatSize: formatSize
+      formatSize: formatSize,
+      onFileSelect: onFileSelect,
+      getInput: function getInput() {
+        return fileInputRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      }
     };
   });
 
@@ -774,6 +787,7 @@ FileUpload.defaultProps = {
   onBeforeUpload: null,
   onBeforeSend: null,
   onBeforeDrop: null,
+  onBeforeSelect: null,
   onUpload: null,
   onError: null,
   onClear: null,

package/fileupload/fileupload.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),l=require("primereact/messages"),a=require("primereact/progressbar"),r=require("primereact/ripple"),o=require("primereact/utils");function i(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 s=i(e);function u(){return u=Object.assign||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 c(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 p(e){if(Array.isArray(e))return c(e)}function m(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 c(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)?c(e,t):void 0}}function f(){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 y(e){return p(e)||m(e)||d(e)||f()}function b(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}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 b(e)||v(e,t)||d(e,t)||h()}function E(e){throw new TypeError('"'+e+'" is read-only')}function S(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,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 O(e,t){if(e){if("string"==typeof e)return N(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)?N(e,t):void 0}}function N(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 w=s.memo(s.forwardRef((function(e,i){var c=g(s.useState([]),2),p=c[0],m=c[1],d=g(s.useState(0),2),f=d[0],b=d[1],v=g(s.useState(!1),2),h=v[0],O=v[1],N=g(s.useState(!1),2),B=N[0],U=N[1],T=s.useRef(null),j=s.useRef(null),C=s.useRef(null),D=s.useRef(!1),F=s.useRef(0),M=o.ObjectUtils.isNotEmpty(p),z=e.disabled||B,I=e.chooseLabel||e.chooseOptions.label||t.localeOption("choose"),L=e.uploadLabel||e.uploadOptions.label||t.localeOption("upload"),x=e.cancelLabel||e.cancelOptions.label||t.localeOption("cancel"),P=z||e.fileLimit&&e.fileLimit<=p.length+F,R=z||!M,A=z||!M,k=function(e){return/^image\//.test(e.type)},H=function(t,n){_();var l=y(p),a=p[n];l.splice(n,1),m(l),e.onRemove&&e.onRemove({originalEvent:t,file:a})},_=function(){T.current&&(T.current.value="")},q=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]},X=function(t){if("drop"!==t.type&&K()&&D.current)D.current=!1;else{var n=[];e.multiple&&(n=p?y(p):[]);for(var l=t.dataTransfer?t.dataTransfer.files:t.target.files,a=0;a<l.length;a++){var r=l[a];!J(r)&&V(r)&&(k(r)&&(r.objectURL=window.URL.createObjectURL(r)),n.push(r))}m(n),o.ObjectUtils.isNotEmpty(n)&&e.auto&&W(n),e.onSelect&&e.onSelect({originalEvent:t,files:l}),"drop"!==t.type&&K()?T.current&&(D.current=!0,T.current.value=""):_(),"basic"===e.mode&&n.length>0&&(T.current.style.display="none")}},J=function(e){return p.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},K=function(){return!!window.MSInputMethodContext&&!!document.documentMode},V=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}",q(e.maxFileSize)),sticky:!0};return"advanced"===e.mode&&j.current.show(n),e.onValidationFail&&e.onValidationFail(t),!1}return!0},W=function(t){if((t=t||p)&&t.nativeEvent&&(t=p),e.customUpload)e.fileLimit&&E("uploadedFileCount"),e.uploadHandler&&e.uploadHandler({files:t,options:{clear:Y,props:e}});else{U(!0);var n=new XMLHttpRequest,l=new FormData;e.onBeforeUpload&&e.onBeforeUpload({xhr:n,formData:l});var a,r=S(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);b(n),e.onProgress&&e.onProgress({originalEvent:t,progress:n})}})),n.onreadystatechange=function(){4===n.readyState&&(b(0),U(!1),n.status>=200&&n.status<300?(e.fileLimit&&E("uploadedFileCount"),e.onUpload&&e.onUpload({xhr:n,files:t})):e.onError&&e.onError({xhr:n,files:t}),Y())},n.open("POST",e.url,!0),e.onBeforeSend&&e.onBeforeSend({xhr:n,formData:l}),n.withCredentials=e.withCredentials,n.send(l)}},Y=function(){m([]),U(!1),e.onClear&&e.onClear(),_()},$=function(){T.current.click()},G=function(){O(!0)},Z=function(){O(!1)},Q=function(e){13===e.which&&$()},ee=function(e){z||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},te=function(e){z||(e.dataTransfer.dropEffect="copy",o.DomHandler.addClass(C.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},ne=function(e){z||(e.dataTransfer.dropEffect="copy",o.DomHandler.removeClass(C.current,"p-fileupload-highlight"))},le=function(t){if(!e.disabled&&(o.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||o.ObjectUtils.isEmpty(p)&&n&&1===n.length)&&X(t)}},ae=function(){!z&&M?W():T.current.click()};s.useImperativeHandle(i,(function(){return{upload:W,clear:Y,formatSize:q}}));var re,oe,ie,se,ue,ce,pe,me,de,fe,ye=function(t,l){var a=t.name+t.type+t.size,r=k(t)?s.createElement("div",null,s.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:e.previewWidth})):null,i=s.createElement("div",{className:"p-fileupload-filename"},t.name),u=s.createElement("div",null,q(t.size)),c=s.createElement("div",null,s.createElement(n.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return H(e,l)},disabled:z})),p=s.createElement(s.Fragment,null,r,i,u,c);if(e.itemTemplate){var m={onRemove:function(e){return H(e,l)},previewElement:r,fileNameElement:i,sizeElement:u,removeElement:c,formatSize:q(t.size),element:p,props:e};p=o.ObjectUtils.getJSXElement(e.itemTemplate,t,m)}return s.createElement("div",{className:"p-fileupload-row",key:a},p)};return"advanced"===e.mode?function(){var t,i,c,m,d,y,b,v,g,E,S,O,N,B,U=o.ObjectUtils.findDiffKeys(e,w.defaultProps),D=o.classNames("p-fileupload p-fileupload-advanced p-component",e.className),F=o.classNames("p-fileupload-buttonbar",e.headerClassName),k=o.classNames("p-fileupload-content",e.contentClassName),H=(i=(t=e.chooseOptions).style,c=t.icon,d=o.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?s.createElement("span",{className:y,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):s.createElement("span",{className:y},I),v=s.createElement("input",{ref:T,type:"file",onChange:X,multiple:e.multiple,accept:e.accept,disabled:P}),g=o.IconUtils.getJSXIcon(c||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:e}),s.createElement("span",{className:d,style:i,onClick:$,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},v,g,b,s.createElement(r.Ripple,null))),_=e.emptyTemplate&&!M?o.ObjectUtils.getJSXElement(e.emptyTemplate,e):null;if(!e.auto){var q=e.uploadOptions,J=e.cancelOptions,K=J.iconOnly?"":x;E=s.createElement(n.Button,{type:"button",label:q.iconOnly?"":L,icon:q.icon||"pi pi-upload",onClick:W,disabled:R,style:q.style,className:q.className}),S=s.createElement(n.Button,{type:"button",label:K,icon:J.icon||"pi pi-times",onClick:Y,disabled:A,style:J.style,className:J.className})}M&&(B=p.map(ye),O=s.createElement("div",{className:"p-fileupload-files"},B),N=e.progressBarTemplate?o.ObjectUtils.getJSXElement(e.progressBarTemplate,e):s.createElement(a.ProgressBar,{value:f,showValue:!1}));var V=s.createElement("div",{className:F,style:e.headerStyle},H,E,S);e.headerTemplate&&(V=o.ObjectUtils.getJSXElement(e.headerTemplate,{className:F,chooseButton:H,uploadButton:E,cancelButton:S,element:V,props:e}));return s.createElement("div",u({id:e.id,className:D,style:e.style},U),V,s.createElement("div",{ref:C,className:k,style:e.contentStyle,onDragEnter:ee,onDragOver:te,onDragLeave:ne,onDrop:le},N,s.createElement(l.Messages,{ref:j}),O,_))}():"basic"===e.mode?(re=e.chooseOptions,oe=o.ObjectUtils.findDiffKeys(e,w.defaultProps),ie=o.classNames("p-fileupload p-fileupload-basic p-component",e.className),se=o.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":M,"p-disabled":z,"p-focus":h},re.className),ue=re.icon||o.classNames({"pi pi-plus":!re.icon&&(!M||e.auto),"pi pi-upload":!re.icon&&M&&!e.auto}),ce="p-button-label p-clickable",pe=re.iconOnly?s.createElement("span",{className:ce,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):s.createElement("span",{className:ce},I),me=e.auto?pe:s.createElement("span",{className:ce},M?p[0].name:pe),de=o.IconUtils.getJSXIcon(ue,{className:"p-button-icon p-button-icon-left"},{props:e,hasFiles:M}),fe=!M&&s.createElement("input",{ref:T,type:"file",accept:e.accept,multiple:e.multiple,disabled:z,onChange:X}),s.createElement("div",u({className:ie,style:e.style},oe),s.createElement(l.Messages,{ref:j}),s.createElement("span",{className:se,style:re.style,onMouseUp:ae,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},de,me,fe,s.createElement(r.Ripple,null)))):void 0})));w.displayName="FileUpload",w.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,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null},exports.FileUpload=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),l=require("primereact/messages"),a=require("primereact/progressbar"),r=require("primereact/ripple"),o=require("primereact/utils");function i(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 s=i(e);function u(){return u=Object.assign||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 c(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 p(e){if(Array.isArray(e))return c(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function d(){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 y(e){return p(e)||m(e)||f(e)||d()}function b(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}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 b(e)||v(e,t)||f(e,t)||h()}function E(e){throw new TypeError('"'+e+'" is read-only')}function S(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,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 O(e,t){if(e){if("string"==typeof e)return N(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)?N(e,t):void 0}}function N(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 w=s.memo(s.forwardRef((function(e,i){var c=g(s.useState([]),2),p=c[0],m=c[1],f=g(s.useState(0),2),d=f[0],b=f[1],v=g(s.useState(!1),2),h=v[0],O=v[1],N=g(s.useState(!1),2),B=N[0],U=N[1],T=s.useRef(null),j=s.useRef(null),C=s.useRef(null),F=s.useRef(!1),D=s.useRef(0),M=o.ObjectUtils.isNotEmpty(p),z=e.disabled||B,I=e.chooseLabel||e.chooseOptions.label||t.localeOption("choose"),L=e.uploadLabel||e.uploadOptions.label||t.localeOption("upload"),x=e.cancelLabel||e.cancelOptions.label||t.localeOption("cancel"),P=z||e.fileLimit&&e.fileLimit<=p.length+D,R=z||!M,A=z||!M,k=function(e){return/^image\//.test(e.type)},H=function(t,n){_();var l=y(p),a=p[n];l.splice(n,1),m(l),e.onRemove&&e.onRemove({originalEvent:t,file:a})},_=function(){T.current&&(T.current.value="")},q=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]},X=function(t){if(!e.onBeforeSelect||!1!==e.onBeforeSelect(t))if("drop"!==t.type&&K()&&F.current)F.current=!1;else{var n=[];e.multiple&&(n=p?y(p):[]);for(var l=t.dataTransfer?t.dataTransfer.files:t.target.files,a=0;a<l.length;a++){var r=l[a];!J(r)&&V(r)&&(k(r)&&(r.objectURL=window.URL.createObjectURL(r)),n.push(r))}m(n),o.ObjectUtils.isNotEmpty(n)&&e.auto&&W(n),e.onSelect&&e.onSelect({originalEvent:t,files:l}),"drop"!==t.type&&K()?T.current&&(F.current=!0,T.current.value=""):_(),"basic"===e.mode&&n.length>0&&(T.current.style.display="none")}},J=function(e){return p.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},K=function(){return!!window.MSInputMethodContext&&!!document.documentMode},V=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}",q(e.maxFileSize)),sticky:!0};return"advanced"===e.mode&&j.current.show(n),e.onValidationFail&&e.onValidationFail(t),!1}return!0},W=function(t){if((t=t||p)&&t.nativeEvent&&(t=p),e.customUpload)e.fileLimit&&E("uploadedFileCount"),e.uploadHandler&&e.uploadHandler({files:t,options:{clear:Y,props:e}});else{U(!0);var n=new XMLHttpRequest,l=new FormData;e.onBeforeUpload&&e.onBeforeUpload({xhr:n,formData:l});var a,r=S(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);b(n),e.onProgress&&e.onProgress({originalEvent:t,progress:n})}})),n.onreadystatechange=function(){4===n.readyState&&(b(0),U(!1),n.status>=200&&n.status<300?(e.fileLimit&&E("uploadedFileCount"),e.onUpload&&e.onUpload({xhr:n,files:t})):e.onError&&e.onError({xhr:n,files:t}),Y())},n.open("POST",e.url,!0),e.onBeforeSend&&e.onBeforeSend({xhr:n,formData:l}),n.withCredentials=e.withCredentials,n.send(l)}},Y=function(){m([]),U(!1),e.onClear&&e.onClear(),_()},$=function(){T.current.click()},G=function(){O(!0)},Z=function(){O(!1)},Q=function(e){13===e.which&&$()},ee=function(e){z||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},te=function(e){z||(e.dataTransfer.dropEffect="copy",o.DomHandler.addClass(C.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},ne=function(e){z||(e.dataTransfer.dropEffect="copy",o.DomHandler.removeClass(C.current,"p-fileupload-highlight"))},le=function(t){if(!e.disabled&&(o.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||o.ObjectUtils.isEmpty(p)&&n&&1===n.length)&&X(t)}},ae=function(){!z&&M?W():T.current.click()};s.useImperativeHandle(i,(function(){return{props:e,upload:W,clear:Y,formatSize:q,onFileSelect:X,getInput:function(){return T.current},getContent:function(){return C.current}}}));var re,oe,ie,se,ue,ce,pe,me,fe,de,ye=function(t,l){var a=t.name+t.type+t.size,r=k(t)?s.createElement("div",null,s.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:e.previewWidth})):null,i=s.createElement("div",{className:"p-fileupload-filename"},t.name),u=s.createElement("div",null,q(t.size)),c=s.createElement("div",null,s.createElement(n.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return H(e,l)},disabled:z})),p=s.createElement(s.Fragment,null,r,i,u,c);if(e.itemTemplate){var m={onRemove:function(e){return H(e,l)},previewElement:r,fileNameElement:i,sizeElement:u,removeElement:c,formatSize:q(t.size),element:p,props:e};p=o.ObjectUtils.getJSXElement(e.itemTemplate,t,m)}return s.createElement("div",{className:"p-fileupload-row",key:a},p)};return"advanced"===e.mode?function(){var t,i,c,m,f,y,b,v,g,E,S,O,N,B,U=o.ObjectUtils.findDiffKeys(e,w.defaultProps),F=o.classNames("p-fileupload p-fileupload-advanced p-component",e.className),D=o.classNames("p-fileupload-buttonbar",e.headerClassName),k=o.classNames("p-fileupload-content",e.contentClassName),H=(i=(t=e.chooseOptions).style,c=t.icon,f=o.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?s.createElement("span",{className:y,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):s.createElement("span",{className:y},I),v=s.createElement("input",{ref:T,type:"file",onChange:X,multiple:e.multiple,accept:e.accept,disabled:P}),g=o.IconUtils.getJSXIcon(c||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:e}),s.createElement("span",{className:f,style:i,onClick:$,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},v,g,b,s.createElement(r.Ripple,null))),_=e.emptyTemplate&&!M?o.ObjectUtils.getJSXElement(e.emptyTemplate,e):null;if(!e.auto){var q=e.uploadOptions,J=e.cancelOptions,K=J.iconOnly?"":x;E=s.createElement(n.Button,{type:"button",label:q.iconOnly?"":L,icon:q.icon||"pi pi-upload",onClick:W,disabled:R,style:q.style,className:q.className}),S=s.createElement(n.Button,{type:"button",label:K,icon:J.icon||"pi pi-times",onClick:Y,disabled:A,style:J.style,className:J.className})}M&&(B=p.map(ye),O=s.createElement("div",{className:"p-fileupload-files"},B),N=e.progressBarTemplate?o.ObjectUtils.getJSXElement(e.progressBarTemplate,e):s.createElement(a.ProgressBar,{value:d,showValue:!1}));var V=s.createElement("div",{className:D,style:e.headerStyle},H,E,S);e.headerTemplate&&(V=o.ObjectUtils.getJSXElement(e.headerTemplate,{className:D,chooseButton:H,uploadButton:E,cancelButton:S,element:V,props:e}));return s.createElement("div",u({id:e.id,className:F,style:e.style},U),V,s.createElement("div",{ref:C,className:k,style:e.contentStyle,onDragEnter:ee,onDragOver:te,onDragLeave:ne,onDrop:le},N,s.createElement(l.Messages,{ref:j}),O,_))}():"basic"===e.mode?(re=e.chooseOptions,oe=o.ObjectUtils.findDiffKeys(e,w.defaultProps),ie=o.classNames("p-fileupload p-fileupload-basic p-component",e.className),se=o.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":M,"p-disabled":z,"p-focus":h},re.className),ue=re.icon||o.classNames({"pi pi-plus":!re.icon&&(!M||e.auto),"pi pi-upload":!re.icon&&M&&!e.auto}),ce="p-button-label p-clickable",pe=re.iconOnly?s.createElement("span",{className:ce,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):s.createElement("span",{className:ce},I),me=e.auto?pe:s.createElement("span",{className:ce},M?p[0].name:pe),fe=o.IconUtils.getJSXIcon(ue,{className:"p-button-icon p-button-icon-left"},{props:e,hasFiles:M}),de=!M&&s.createElement("input",{ref:T,type:"file",accept:e.accept,multiple:e.multiple,disabled:z,onChange:X}),s.createElement("div",u({className:ie,style:e.style},oe),s.createElement(l.Messages,{ref:j}),s.createElement("span",{className:se,style:re.style,onMouseUp:ae,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},fe,me,de,s.createElement(r.Ripple,null)))):void 0})));w.displayName="FileUpload",w.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},exports.FileUpload=w;

package/fileupload/fileupload.d.ts

@@ -115,6 +115,7 @@ interface FileUploadProps {
     onBeforeUpload?(e: FileUploadBeforeUploadParams): void;
     onBeforeSend?(e: FileUploadBeforeSendParams): void;
     onBeforeDrop?(e: DragEvent): void;
+    onBeforeSelect?(e: FileUploadSelectParams): void;
     onUpload?(e: FileUploadUploadParams): void;
     onError?(e: FileUploadErrorParams): void;
     onClear?(): void;
@@ -130,4 +131,7 @@ export declare class FileUpload extends React.Component<FileUploadProps, any> {
     public upload(): void;
     public clear(): void;
     public formatSize(bytes: number): number;
+    public onFileSelect(event: FileUploadSelectParams): void;
+    public getElement(): HTMLElement;
+    public getInput(): HTMLInputElement;
 }

package/fileupload/fileupload.esm.js

@@ -193,6 +193,11 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var onFileSelect = function onFileSelect(event) {
+    // give caller a chance to stop the selection
+    if (props.onBeforeSelect && props.onBeforeSelect(event) === false) {
+      return;
+    }
+
     if (event.type !== 'drop' && isIE11() && duplicateIEEvent.current) {
       duplicateIEEvent.current = false;
       return;
@@ -450,9 +455,17 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       upload: upload,
       clear: clear,
-      formatSize: formatSize
+      formatSize: formatSize,
+      onFileSelect: onFileSelect,
+      getInput: function getInput() {
+        return fileInputRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      }
     };
   });
 
@@ -750,6 +763,7 @@ FileUpload.defaultProps = {
   onBeforeUpload: null,
   onBeforeSend: null,
   onBeforeDrop: null,
+  onBeforeSelect: null,
   onUpload: null,
   onError: null,
   onClear: null,

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 s,DomHandler as u}from"primereact/utils";function c(){return c=Object.assign||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){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}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 h(e)||b(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 T(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)?T(e,t):void 0}}function T(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=e.memo(e.forwardRef((function(p,m){var f=E(e.useState([]),2),d=f[0],y=f[1],h=E(e.useState(0),2),b=h[0],g=h[1],w=E(e.useState(!1),2),T=w[0],O=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),U=e.useRef(0),x=o.isNotEmpty(d),A=p.disabled||F,R=p.chooseLabel||p.chooseOptions.label||t("choose"),P=p.uploadLabel||p.uploadOptions.label||t("upload"),j=p.cancelLabel||p.cancelOptions.label||t("cancel"),k=A||p.fileLimit&&p.fileLimit<=d.length+U,H=A||!x,X=A||!x,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("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(){O(!0)},te=function(){O(!1)},ne=function(e){13===e.which&&Q()},le=function(e){A||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},ae=function(e){A||(e.dataTransfer.dropEffect="copy",u.addClass(M.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},re=function(e){A||(e.dataTransfer.dropEffect="copy",u.removeClass(M.current,"p-fileupload-highlight"))},oe=function(e){if(!p.disabled&&(u.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(){!A&&x?G():D.current.click()};e.useImperativeHandle(m,(function(){return{upload:G,clear:Z,formatSize:V}}));var se,ue,ce,pe,me,fe,de,ye,ve,he,be=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),s=e.createElement("div",null,V(t.size)),u=e.createElement("div",null,e.createElement(n,{type:"button",icon:"pi pi-times",onClick:function(e){return _(e,l)},disabled:A})),c=e.createElement(e.Fragment,null,r,i,s,u);if(p.itemTemplate){var m={onRemove:function(e){return _(e,l)},previewElement:r,fileNameElement:i,sizeElement:s,removeElement:u,formatSize:V(t.size),element:c,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,u,m,f,y,v,h,g,E,S,N,w,O,C,F=o.findDiffKeys(p,B.defaultProps),z=i("p-fileupload p-fileupload-advanced p-component",p.className),I=i("p-fileupload-buttonbar",p.headerClassName),U=i("p-fileupload-content",p.contentClassName),J=(u=(t=p.chooseOptions).style,m=t.icon,y=i("p-button p-fileupload-choose p-component",{"p-disabled":A,"p-focus":T,"p-button-icon-only":f=t.iconOnly},t.className),v="p-button-label p-clickable",h=f?e.createElement("span",{className:v,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:v},R),g=e.createElement("input",{ref:D,type:"file",onChange:W,multiple:p.multiple,accept:p.accept,disabled:k}),E=s.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:u,onClick:Q,onKeyDown:ne,onFocus:ee,onBlur:te,tabIndex:0},g,E,h,e.createElement(r,null))),_=p.emptyTemplate&&!x?o.getJSXElement(p.emptyTemplate,p):null;if(!p.auto){var K=p.uploadOptions,V=p.cancelOptions,Y=V.iconOnly?"":j;S=e.createElement(n,{type:"button",label:K.iconOnly?"":P,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})}x&&(C=d.map(be),w=e.createElement("div",{className:"p-fileupload-files"},C),O=p.progressBarTemplate?o.getJSXElement(p.progressBarTemplate,p):e.createElement(a,{value:b,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:U,style:p.contentStyle,onDragEnter:le,onDragOver:ae,onDragLeave:re,onDrop:oe},O,e.createElement(l,{ref:L}),w,_))}():"basic"===p.mode?(se=p.chooseOptions,ue=o.findDiffKeys(p,B.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":x,"p-disabled":A,"p-focus":T},se.className),me=se.icon||i({"pi pi-plus":!se.icon&&(!x||p.auto),"pi pi-upload":!se.icon&&x&&!p.auto}),fe="p-button-label p-clickable",de=se.iconOnly?e.createElement("span",{className:fe,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:fe},R),ye=p.auto?de:e.createElement("span",{className:fe},x?d[0].name:de),ve=s.getJSXIcon(me,{className:"p-button-icon p-button-icon-left"},{props:p,hasFiles:x}),he=!x&&e.createElement("input",{ref:D,type:"file",accept:p.accept,multiple:p.multiple,disabled:A,onChange:W}),e.createElement("div",c({className:ce,style:p.style},ue),e.createElement(l,{ref:L}),e.createElement("span",{className:pe,style:se.style,onMouseUp:ie,onKeyDown:ne,onFocus:ee,onBlur:te,tabIndex:0},ve,ye,he,e.createElement(r,null)))):void 0})));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,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null};export{B 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 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||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){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}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 h(e)||b(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 T=e.memo(e.forwardRef((function(p,m){var f=E(e.useState([]),2),d=f[0],y=f[1],h=E(e.useState(0),2),b=h[0],g=h[1],w=E(e.useState(!1),2),B=w[0],O=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),U=e.useRef(0),x=o.isNotEmpty(d),A=p.disabled||F,R=p.chooseLabel||p.chooseOptions.label||t("choose"),P=p.uploadLabel||p.uploadOptions.label||t("upload"),j=p.cancelLabel||p.cancelOptions.label||t("cancel"),k=A||p.fileLimit&&p.fileLimit<=d.length+U,H=A||!x,X=A||!x,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(e))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(){O(!0)},te=function(){O(!1)},ne=function(e){13===e.which&&Q()},le=function(e){A||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},ae=function(e){A||(e.dataTransfer.dropEffect="copy",s.addClass(M.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},re=function(e){A||(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(){!A&&x?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}}}));var ue,se,ce,pe,me,fe,de,ye,ve,he,be=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:A})),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,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,h,g,E,S,N,w,O,C,F=o.findDiffKeys(p,T.defaultProps),z=i("p-fileupload p-fileupload-advanced p-component",p.className),I=i("p-fileupload-buttonbar",p.headerClassName),U=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":A,"p-focus":B,"p-button-icon-only":f=t.iconOnly},t.className),v="p-button-label p-clickable",h=f?e.createElement("span",{className:v,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:v},R),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,h,e.createElement(r,null))),_=p.emptyTemplate&&!x?o.getJSXElement(p.emptyTemplate,p):null;if(!p.auto){var K=p.uploadOptions,V=p.cancelOptions,Y=V.iconOnly?"":j;S=e.createElement(n,{type:"button",label:K.iconOnly?"":P,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})}x&&(C=d.map(be),w=e.createElement("div",{className:"p-fileupload-files"},C),O=p.progressBarTemplate?o.getJSXElement(p.progressBarTemplate,p):e.createElement(a,{value:b,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:U,style:p.contentStyle,onDragEnter:le,onDragOver:ae,onDragLeave:re,onDrop:oe},O,e.createElement(l,{ref:L}),w,_))}():"basic"===p.mode?(ue=p.chooseOptions,se=o.findDiffKeys(p,T.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":x,"p-disabled":A,"p-focus":B},ue.className),me=ue.icon||i({"pi pi-plus":!ue.icon&&(!x||p.auto),"pi pi-upload":!ue.icon&&x&&!p.auto}),fe="p-button-label p-clickable",de=ue.iconOnly?e.createElement("span",{className:fe,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:fe},R),ye=p.auto?de:e.createElement("span",{className:fe},x?d[0].name:de),ve=u.getJSXIcon(me,{className:"p-button-icon p-button-icon-left"},{props:p,hasFiles:x}),he=!x&&e.createElement("input",{ref:D,type:"file",accept:p.accept,multiple:p.multiple,disabled:A,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,he,e.createElement(r,null)))):void 0})));T.displayName="FileUpload",T.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{T as FileUpload};

package/fileupload/fileupload.js

@@ -209,6 +209,11 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     };
 
     var onFileSelect = function onFileSelect(event) {
+      // give caller a chance to stop the selection
+      if (props.onBeforeSelect && props.onBeforeSelect(event) === false) {
+        return;
+      }
+
       if (event.type !== 'drop' && isIE11() && duplicateIEEvent.current) {
         duplicateIEEvent.current = false;
         return;
@@ -466,9 +471,17 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
 
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         upload: upload,
         clear: clear,
-        formatSize: formatSize
+        formatSize: formatSize,
+        onFileSelect: onFileSelect,
+        getInput: function getInput() {
+          return fileInputRef.current;
+        },
+        getContent: function getContent() {
+          return contentRef.current;
+        }
       };
     });
 
@@ -766,6 +779,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     onBeforeUpload: null,
     onBeforeSend: null,
     onBeforeDrop: null,
+    onBeforeSelect: null,
     onUpload: null,
     onError: null,
     onClear: null,

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||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 d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(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)||d(e)||f(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=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}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)||f(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],d=E(c.useState(0),2),f=d[0],y=d[1],v=E(c.useState(!1),2),h=v[0],g=v[1],N=E(c.useState(!1),2),w=N[0],U=N[1],T=c.useRef(null),j=c.useRef(null),C=c.useRef(null),D=c.useRef(!1),F=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+F,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(){T.current&&(T.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("drop"!==t.type&&V()&&D.current)D.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()?T.current&&(D.current=!0,T.current.value=""):_(),"basic"===e.mode&&n.length>0&&(T.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&&j.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{U(!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),U(!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([]),U(!1),e.onClear&&e.onClear(),_()},q=function(){T.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():T.current.click()};c.useImperativeHandle(t,(function(){return{upload:Y,clear:$,formatSize:X}}));var re,oe,ie,se,ce,ue,pe,me,de,fe,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,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,d,y,b,v,g,E,S,O,N,w,U=i.ObjectUtils.findDiffKeys(e,B.defaultProps),D=i.classNames("p-fileupload p-fileupload-advanced p-component",e.className),F=i.classNames("p-fileupload-buttonbar",e.headerClassName),k=i.classNames("p-fileupload-content",e.contentClassName),H=(n=(t=e.chooseOptions).style,s=t.icon,d=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:T,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:d,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:f,showValue:!1}));var W=c.createElement("div",{className:F,style:e.headerStyle},H,E,S);e.headerTemplate&&(W=i.ObjectUtils.getJSXElement(e.headerTemplate,{className:F,chooseButton:H,uploadButton:E,cancelButton:S,element:W,props:e}));return c.createElement("div",u({id:e.id,className:D,style:e.style},U),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:j}),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),de=i.IconUtils.getJSXIcon(ce,{className:"p-button-icon p-button-icon-left"},{props:e,hasFiles:M}),fe=!M&&c.createElement("input",{ref:T,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:j}),c.createElement("span",{className:se,style:re.style,onMouseUp:ae,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},de,me,fe,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,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||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=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}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],U=N[1],T=c.useRef(null),j=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(){T.current&&(T.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(t))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()?T.current&&(F.current=!0,T.current.value=""):_(),"basic"===e.mode&&n.length>0&&(T.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&&j.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{U(!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),U(!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([]),U(!1),e.onClear&&e.onClear(),_()},q=function(){T.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():T.current.click()};c.useImperativeHandle(t,(function(){return{props:e,upload:Y,clear:$,formatSize:X,onFileSelect:J,getInput:function(){return T.current},getContent:function(){return C.current}}}));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,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,U=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:T,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},U),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:j}),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:T,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:j}),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);

package/fullcalendar/fullcalendar.cjs.js

@@ -65,6 +65,14 @@ var FullCalendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     });
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   hooks.useMountEffect(function () {
     // eslint-disable-next-line no-console
     console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package.");

package/fullcalendar/fullcalendar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var u=n(e);function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}var l=u.memo(u.forwardRef((function(e,a){var s=u.useRef(null),c=u.useRef({}),i=u.useRef(null),f=r.usePrevious(e.events),d=r.usePrevious(e.options),p=function(){Promise.resolve().then((function(){return n(require("@fullcalendar/core"))})).then((function(r){r&&r.Calendar&&(i.current=new r.Calendar(s.current,c.current),i.current.render(),e.events&&(i.current.removeAllEventSources(),i.current.addEventSource(e.events)))}))};r.useMountEffect((function(){if(console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package."),c.current={theme:!0},e.options)for(var r in e.options)c.current[r]=e.options[r];p()})),r.useUpdateEffect((function(){if(i.current){if(t.ObjectUtils.equals(f,e.events)||(i.current.removeAllEventSources(),i.addEventSource(e.events)),!t.ObjectUtils.equals(d,e.options))for(var r in e.options){var n=e.options[r];c.current[r]=n,i.current.setOption(r,n)}}else p()})),r.useUnmountEffect((function(){i.current&&i.current.destroy()}));var v=t.ObjectUtils.findDiffKeys(e,l.defaultProps);return u.createElement("div",o({ref:s,id:e.id,style:e.style,className:e.className},v))})));l.displayName="FullCalendar",l.defaultProps={__TYPE:"FullCalendar",id:null,events:[],style:null,className:null,options:null},exports.FullCalendar=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var u=n(e);function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}var l=u.memo(u.forwardRef((function(e,a){var c=u.useRef(null),s=u.useRef({}),i=u.useRef(null),f=r.usePrevious(e.events),d=r.usePrevious(e.options),p=function(){Promise.resolve().then((function(){return n(require("@fullcalendar/core"))})).then((function(r){r&&r.Calendar&&(i.current=new r.Calendar(c.current,s.current),i.current.render(),e.events&&(i.current.removeAllEventSources(),i.current.addEventSource(e.events)))}))};u.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return c.current}}})),r.useMountEffect((function(){if(console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package."),s.current={theme:!0},e.options)for(var r in e.options)s.current[r]=e.options[r];p()})),r.useUpdateEffect((function(){if(i.current){if(t.ObjectUtils.equals(f,e.events)||(i.current.removeAllEventSources(),i.addEventSource(e.events)),!t.ObjectUtils.equals(d,e.options))for(var r in e.options){var n=e.options[r];s.current[r]=n,i.current.setOption(r,n)}}else p()})),r.useUnmountEffect((function(){i.current&&i.current.destroy()}));var v=t.ObjectUtils.findDiffKeys(e,l.defaultProps);return u.createElement("div",o({ref:c,id:e.id,style:e.style,className:e.className},v))})));l.displayName="FullCalendar",l.defaultProps={__TYPE:"FullCalendar",id:null,events:[],style:null,className:null,options:null},exports.FullCalendar=l;

package/fullcalendar/fullcalendar.d.ts

@@ -9,4 +9,6 @@ export interface FullCalendarProps {
     children?: React.ReactNode;
 }
 
-export declare class FullCalendar extends React.Component<FullCalendarProps, any> { }
+export declare class FullCalendar extends React.Component<FullCalendarProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/fullcalendar/fullcalendar.esm.js

@@ -41,6 +41,14 @@ var FullCalendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     });
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   useMountEffect(function () {
     // eslint-disable-next-line no-console
     console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package.");

package/fullcalendar/fullcalendar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{usePrevious as r,useMountEffect as n,useUpdateEffect as t,useUnmountEffect as o}from"primereact/hooks";import{ObjectUtils as l}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},a.apply(this,arguments)}var u=e.memo(e.forwardRef((function(s,c){var i=e.useRef(null),f=e.useRef({}),p=e.useRef(null),d=r(s.events),v=r(s.options),m=function(){import("@fullcalendar/core").then((function(e){e&&e.Calendar&&(p.current=new e.Calendar(i.current,f.current),p.current.render(),s.events&&(p.current.removeAllEventSources(),p.current.addEventSource(s.events)))}))};n((function(){if(console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package."),f.current={theme:!0},s.options)for(var e in s.options)f.current[e]=s.options[e];m()})),t((function(){if(p.current){if(l.equals(d,s.events)||(p.current.removeAllEventSources(),p.addEventSource(s.events)),!l.equals(v,s.options))for(var e in s.options){var r=s.options[e];f.current[e]=r,p.current.setOption(e,r)}}else m()})),o((function(){p.current&&p.current.destroy()}));var y=l.findDiffKeys(s,u.defaultProps);return e.createElement("div",a({ref:i,id:s.id,style:s.style,className:s.className},y))})));u.displayName="FullCalendar",u.defaultProps={__TYPE:"FullCalendar",id:null,events:[],style:null,className:null,options:null};export{u as FullCalendar};
+import*as e from"react";import{usePrevious as r,useMountEffect as n,useUpdateEffect as t,useUnmountEffect as o}from"primereact/hooks";import{ObjectUtils as l}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},a.apply(this,arguments)}var u=e.memo(e.forwardRef((function(s,c){var i=e.useRef(null),f=e.useRef({}),p=e.useRef(null),d=r(s.events),m=r(s.options),v=function(){import("@fullcalendar/core").then((function(e){e&&e.Calendar&&(p.current=new e.Calendar(i.current,f.current),p.current.render(),s.events&&(p.current.removeAllEventSources(),p.current.addEventSource(s.events)))}))};e.useImperativeHandle(c,(function(){return{props:s,getElement:function(){return i.current}}})),n((function(){if(console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package."),f.current={theme:!0},s.options)for(var e in s.options)f.current[e]=s.options[e];v()})),t((function(){if(p.current){if(l.equals(d,s.events)||(p.current.removeAllEventSources(),p.addEventSource(s.events)),!l.equals(m,s.options))for(var e in s.options){var r=s.options[e];f.current[e]=r,p.current.setOption(e,r)}}else v()})),o((function(){p.current&&p.current.destroy()}));var y=l.findDiffKeys(s,u.defaultProps);return e.createElement("div",a({ref:i,id:s.id,style:s.style,className:s.className},y))})));u.displayName="FullCalendar",u.defaultProps={__TYPE:"FullCalendar",id:null,events:[],style:null,className:null,options:null};export{u as FullCalendar};

package/fullcalendar/fullcalendar.js

@@ -61,6 +61,14 @@ this.primereact.fullcalendar = (function (exports, React, hooks, utils) {
       });
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     hooks.useMountEffect(function () {
       // eslint-disable-next-line no-console
       console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package.");

package/fullcalendar/fullcalendar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.fullcalendar=function(e,r,t,n){"use strict";function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=u(r);function a(){return a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},a.apply(this,arguments)}var c=l.memo(l.forwardRef((function(e,r){var u=l.useRef(null),o=l.useRef({}),s=l.useRef(null),i=t.usePrevious(e.events),f=t.usePrevious(e.options),d=function(){import("@fullcalendar/core").then((function(r){r&&r.Calendar&&(s.current=new r.Calendar(u.current,o.current),s.current.render(),e.events&&(s.current.removeAllEventSources(),s.current.addEventSource(e.events)))}))};t.useMountEffect((function(){if(console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package."),o.current={theme:!0},e.options)for(var r in e.options)o.current[r]=e.options[r];d()})),t.useUpdateEffect((function(){if(s.current){if(n.ObjectUtils.equals(i,e.events)||(s.current.removeAllEventSources(),s.addEventSource(e.events)),!n.ObjectUtils.equals(f,e.options))for(var r in e.options){var t=e.options[r];o.current[r]=t,s.current.setOption(r,t)}}else d()})),t.useUnmountEffect((function(){s.current&&s.current.destroy()}));var p=n.ObjectUtils.findDiffKeys(e,c.defaultProps);return l.createElement("div",a({ref:u,id:e.id,style:e.style,className:e.className},p))})));return c.displayName="FullCalendar",c.defaultProps={__TYPE:"FullCalendar",id:null,events:[],style:null,className:null,options:null},e.FullCalendar=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.fullcalendar=function(e,r,t,n){"use strict";function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=u(r);function a(){return a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},a.apply(this,arguments)}var c=l.memo(l.forwardRef((function(e,r){var u=l.useRef(null),o=l.useRef({}),s=l.useRef(null),i=t.usePrevious(e.events),f=t.usePrevious(e.options),d=function(){import("@fullcalendar/core").then((function(r){r&&r.Calendar&&(s.current=new r.Calendar(u.current,o.current),s.current.render(),e.events&&(s.current.removeAllEventSources(),s.current.addEventSource(e.events)))}))};l.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return u.current}}})),t.useMountEffect((function(){if(console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package."),o.current={theme:!0},e.options)for(var r in e.options)o.current[r]=e.options[r];d()})),t.useUpdateEffect((function(){if(s.current){if(n.ObjectUtils.equals(i,e.events)||(s.current.removeAllEventSources(),s.addEventSource(e.events)),!n.ObjectUtils.equals(f,e.options))for(var r in e.options){var t=e.options[r];o.current[r]=t,s.current.setOption(r,t)}}else d()})),t.useUnmountEffect((function(){s.current&&s.current.destroy()}));var p=n.ObjectUtils.findDiffKeys(e,c.defaultProps);return l.createElement("div",a({ref:u,id:e.id,style:e.style,className:e.className},p))})));return c.displayName="FullCalendar",c.defaultProps={__TYPE:"FullCalendar",id:null,events:[],style:null,className:null,options:null},e.FullCalendar=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);

package/galleria/galleria.cjs.js

@@ -532,7 +532,7 @@ var GalleriaThumbnails = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
       responsiveOptions.current.sort(function (data1, data2) {
         var value1 = data1.breakpoint;
         var value2 = data2.breakpoint;
-        return utils.ObjectUtils.sort(value1, value2, -1, PrimeReact__default["default"].locale);
+        return utils.ObjectUtils.sort(value1, value2, -1, PrimeReact__default["default"].locale, PrimeReact__default["default"].nullSortOrder);
       });
 
       for (var i = 0; i < responsiveOptions.current.length; i++) {
@@ -806,11 +806,18 @@ var Galleria = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       show: show,
       hide: hide,
       isAutoPlayActive: isAutoPlayActive,
       startSlideShow: startSlideShow,
-      stopSlideShow: stopSlideShow
+      stopSlideShow: stopSlideShow,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getPreviewContent: function getPreviewContent() {
+        return previewContentRef.current;
+      }
     };
   });
 

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"),i=require("primereact/portal"),r=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||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 v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,i,r=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);l=!0);}catch(e){o=!0,i=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw i}}return r}}function p(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 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 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 I(e,t){return d(e)||v(e,t)||f(e,t)||h()}var g=u.memo(u.forwardRef((function(e,t){var n=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},i=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}),i=e.indicator&&e.indicator(t);return i||(i=u.createElement("button",{type:"button",tabIndex:-1,className:"p-link"},u.createElement(r.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)}},i)},v=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),p=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:i,disabled:t},u.createElement("span",{className:"p-galleria-item-prev-icon pi pi-chevron-left"}),u.createElement(r.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(r.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}(),I=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"},p,u.createElement("div",{className:"p-galleria-item"},v),f,h),I)})));function b(e){if(Array.isArray(e))return p(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.")}g.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))})),N=u.memo(u.forwardRef((function(e,t){var n=I(u.useState(e.numVisible),2),i=n[0],o=n[1],c=I(u.useState(0),2),m=c[0],d=c[1],v=u.useRef(null),p=u.useRef(null),h=u.useRef(""),g=u.useRef(null),N=u.useRef(null),E=a.usePrevious(i),S=a.usePrevious(e.activeItemIndex),C=I(a.useResizeListener({listener:function(){G()},when:e.responsiveOptions}),1)[0],O=function(t){var n=m+t;t<0&&-1*n+i>e.value.length-1?n=i-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=i-e.value.length)),v.current&&(l.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/i),"%, 0)"):"translate3d(".concat(n*(100/i),"%, 0, 0)"),v.current.style.transition="transform 500ms ease 0s"),d(n)},T=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},A=function(){var e=Math.floor(i/2);return i%2?e:e-1},k=function(t){T();var n=0!==e.activeItemIndex?e.activeItemIndex-1:0;i-(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()},P=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,r=0;n<e.activeItemIndex?(r=i-a-1-A())>0&&-1*m!=0&&O(r):(r=A()-a)<0&&-1*m<U()-1&&O(r),e.onActiveItemChange({index:n})}},V=function(e){v.current&&"transform"===e.propertyName&&(l.DomHandler.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},R=function(e){var t=e.changedTouches[0];p.current={x:t.pageX,y:t.pageY}},D=function(e){e.cancelable&&e.preventDefault()},j=function(t){var n=t.changedTouches[0];M(t,e.isVertical?n.pageY-p.current.y:n.pageX-p.current.x)},M=function(e,t){t<0?P(e):k(e)},U=function(){return e.value.length>i?e.value.length-i+1:0},q=function(){g.current||(g.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/i,"%\n            }\n        ");if(e.responsiveOptions){N.current=b(t=e.responsiveOptions)||x(t)||f(t)||y(),N.current.sort((function(e,t){return l.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,s.default.locale)}));for(var a=0;a<N.current.length;a++){var r=N.current[a];n+="\n                    @media screen and (max-width: ".concat(r.breakpoint,") {\n                        .p-galleria-thumbnail-items[").concat(h.current,"] .p-galleria-thumbnail-item {\n                            flex: 1 0 ").concat(100/r.numVisible,"%\n                        }\n                    }\n                ")}}g.current.innerHTML=n},G=function(){if(v.current&&N.current){for(var t=window.innerWidth,n={numVisible:e.numVisible},a=0;a<N.current.length;a++){var r=N.current[a];parseInt(r.breakpoint,10)>=t&&(n=r)}i!==n.numVisible&&o(n.numVisible)}};a.useMountEffect((function(){v.current&&(h.current=l.UniqueComponentId(),v.current.setAttribute(h.current,"")),q(),G(),C()})),a.useUpdateEffect((function(){var t=m;E===i&&S===e.activeItemIndex||((t=e.activeItemIndex<=A()?0:e.value.length-i+A()<e.activeItemIndex?i-e.value.length:e.value.length-i<e.activeItemIndex&&i%2==0?-1*e.activeItemIndex+A()+1:-1*e.activeItemIndex+A())!==m&&d(t),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/i),"%, 0)"):"translate3d(".concat(t*(100/i),"%, 0, 0)"),S!==e.activeItemIndex&&(l.DomHandler.removeClass(v.current,"p-items-hidden"),v.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<=i,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:k,disabled:t},u.createElement("span",{className:a}),u.createElement(r.Ripple,null))}return null},L=function(){if(e.showThumbnailNavigators){var t=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=i,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:P,disabled:t},u.createElement("span",{className:a}),u.createElement(r.Ripple,null))}return null},X=(Z=e.value.map((function(t,n){var a=-1*m,r=a+i-1;return u.createElement(w,{key:n,index:n,template:e.itemTemplate,item:t,active:a<=n&&r>=n,start:a===n,end:r===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:v,className:"p-galleria-thumbnail-items",onTransitionEnd:V,onTouchStart:R,onTouchMove:D,onTouchEnd:j},Z)),K));return u.createElement("div",{className:"p-galleria-thumbnail-wrapper"},X)})));w.displayName="GalleriaThumbnailItem",N.displayName="GalleriaThumbnails";var E=u.memo(u.forwardRef((function(e,t){var o=I(u.useState(!1),2),c=o[0],d=o[1],v=I(u.useState(e.numVisible),2),p=v[0],f=v[1],h=I(u.useState(!1),2),b=h[0],x=h[1],y=I(u.useState(e.activeIndex),2),w=y[0],S=y[1],C=u.useRef(null),O=u.useRef(null),T=u.useRef(null),A=e.onItemChange?e.activeIndex:w,k="left"===e.thumbnailsPosition||"right"===e.thumbnailsPosition;a.useInterval((function(){P({index:e.circular&&e.value.length-1===A?0:A+1})}),e.transitionInterval,b);var P=function(t){e.onItemChange?e.onItemChange(t):S(t.index)},H=function(){d(!0)},V=function(){d(!1)},R=function(){l.DomHandler.addClass(document.body,"p-overflow-hidden")},D=function(){l.ZIndexUtils.set("modal",T.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.modal),l.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},j=function(){e.onShow&&e.onShow()},M=function(){l.DomHandler.removeClass(document.body,"p-overflow-hidden"),l.DomHandler.addClass(T.current,"p-component-overlay-leave")},U=function(){l.ZIndexUtils.clear(T.current),e.onHide&&e.onHide()},q=function(){return b},G=function(){x(!0)},Z=function(){x(!1)},_=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<p&&f(e.value.length)}),[e.value,p]),u.useEffect((function(){f(e.numVisible)}),[e.numVisible]),a.useUnmountEffect((function(){b&&Z(),l.ZIndexUtils.clear(T.current)})),u.useImperativeHandle(t,(function(){return{show:H,hide:V,isAutoPlayActive:q,startSlideShow:G,stopSlideShow:Z}}));return l.ObjectUtils.isNotEmpty(e.value)&&function(){var t,a,o,s,d,v,f,h=(t=l.ObjectUtils.findDiffKeys(e,E.defaultProps),a=e.showThumbnails&&_("p-galleria-thumbnails",e.thumbnailsPosition),o=e.showIndicators&&_("p-galleria-indicators",e.indicatorsPosition),s=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},a,o),d=e.fullScreen&&u.createElement("button",{type:"button",className:"p-galleria-close p-link",onClick:V},u.createElement("span",{className:"p-galleria-close-icon pi pi-times"}),u.createElement(r.Ripple,null)),v=e.header?u.createElement("div",{className:"p-galleria-header"},e.header):null,f=e.footer?u.createElement("div",{className:"p-galleria-footer"},e.footer):null,u.createElement("div",m({ref:C,id:e.id,className:s,style:e.style},t),d,v,u.createElement("div",{className:"p-galleria-content"},u.createElement(g,{ref:O,value:e.value,activeItemIndex:A,onActiveItemChange:P,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:b,startSlideShow:G,stopSlideShow:Z}),e.showThumbnails&&u.createElement(N,{value:e.value,activeItemIndex:A,onActiveItemChange:P,itemTemplate:e.thumbnail,numVisible:p,responsiveOptions:e.responsiveOptions,circular:e.circular,isVertical:k,contentHeight:e.verticalThumbnailViewPortHeight,showThumbnailNavigators:e.showThumbnailNavigators,autoPlay:e.autoPlay,slideShowActive:b,stopSlideShow:Z})),f));if(e.fullScreen){var I=l.classNames("p-galleria-mask",{"p-galleria-visible":c});return u.createElement(i.Portal,{element:u.createElement("div",{ref:T,className:I},u.createElement(n.CSSTransition,{nodeRef:C,classNames:"p-galleria",in:c,timeout:{enter:150,exit:150},options:e.transitionOptions,unmountOnExit:!0,onEnter:R,onEntering:D,onEntered:j,onExit:M,onExited:U},h))})}return h}()})));E.displayName="Galleria",E.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=E;
+"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||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 v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(i.push(a.value),!t||i.length!==t);l=!0);}catch(e){o=!0,r=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw r}}return i}}function p(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 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 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 I(e,t){return d(e)||v(e,t)||f(e,t)||h()}var g=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)},v=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),p=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}(),I=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"},p,u.createElement("div",{className:"p-galleria-item"},v),f,h),I)})));function b(e){if(Array.isArray(e))return p(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.")}g.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=I(u.useState(e.numVisible),2),r=n[0],o=n[1],c=I(u.useState(0),2),m=c[0],d=c[1],v=u.useRef(null),p=u.useRef(null),h=u.useRef(""),g=u.useRef(null),E=u.useRef(null),N=a.usePrevious(r),S=a.usePrevious(e.activeItemIndex),C=I(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)),v.current&&(l.DomHandler.removeClass(v.current,"p-items-hidden"),v.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/r),"%, 0)"):"translate3d(".concat(n*(100/r),"%, 0, 0)"),v.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){v.current&&"transform"===e.propertyName&&(l.DomHandler.addClass(v.current,"p-items-hidden"),v.current.style.transition="")},R=function(e){var t=e.changedTouches[0];p.current={x:t.pageX,y:t.pageY}},D=function(e){e.cancelable&&e.preventDefault()},j=function(t){var n=t.changedTouches[0];M(t,e.isVertical?n.pageY-p.current.y:n.pageX-p.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(){g.current||(g.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                ")}}g.current.innerHTML=n},G=function(){if(v.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(){v.current&&(h.current=l.UniqueComponentId(),v.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),v.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(v.current,"p-items-hidden"),v.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:v,className:"p-galleria-thumbnail-items",onTransitionEnd:V,onTouchStart:R,onTouchMove:D,onTouchEnd:j},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,t){var o=I(u.useState(!1),2),c=o[0],d=o[1],v=I(u.useState(e.numVisible),2),p=v[0],f=v[1],h=I(u.useState(!1),2),b=h[0],x=h[1],y=I(u.useState(e.activeIndex),2),w=y[0],S=y[1],C=u.useRef(null),O=u.useRef(null),T=u.useRef(null),A=e.onItemChange?e.activeIndex:w,P="left"===e.thumbnailsPosition||"right"===e.thumbnailsPosition;a.useInterval((function(){k({index:e.circular&&e.value.length-1===A?0:A+1})}),e.transitionInterval,b);var k=function(t){e.onItemChange?e.onItemChange(t):S(t.index)},H=function(){d(!0)},V=function(){d(!1)},R=function(){l.DomHandler.addClass(document.body,"p-overflow-hidden")},D=function(){l.ZIndexUtils.set("modal",T.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.modal),l.DomHandler.addMultipleClasses(T.current,"p-component-overlay p-component-overlay-enter")},j=function(){e.onShow&&e.onShow()},M=function(){l.DomHandler.removeClass(document.body,"p-overflow-hidden"),l.DomHandler.addClass(T.current,"p-component-overlay-leave")},U=function(){l.ZIndexUtils.clear(T.current),e.onHide&&e.onHide()},q=function(){return b},G=function(){x(!0)},Z=function(){x(!1)},_=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<p&&f(e.value.length)}),[e.value,p]),u.useEffect((function(){f(e.numVisible)}),[e.numVisible]),a.useUnmountEffect((function(){b&&Z(),l.ZIndexUtils.clear(T.current)})),u.useImperativeHandle(t,(function(){return{props:e,show:H,hide:V,isAutoPlayActive:q,startSlideShow:G,stopSlideShow:Z,getElement:function(){return C.current},getPreviewContent:function(){return O.current}}}));return l.ObjectUtils.isNotEmpty(e.value)&&function(){var t,a,o,s,d,v,f,h=(t=l.ObjectUtils.findDiffKeys(e,N.defaultProps),a=e.showThumbnails&&_("p-galleria-thumbnails",e.thumbnailsPosition),o=e.showIndicators&&_("p-galleria-indicators",e.indicatorsPosition),s=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},a,o),d=e.fullScreen&&u.createElement("button",{type:"button",className:"p-galleria-close p-link",onClick:V},u.createElement("span",{className:"p-galleria-close-icon pi pi-times"}),u.createElement(i.Ripple,null)),v=e.header?u.createElement("div",{className:"p-galleria-header"},e.header):null,f=e.footer?u.createElement("div",{className:"p-galleria-footer"},e.footer):null,u.createElement("div",m({ref:C,id:e.id,className:s,style:e.style},t),d,v,u.createElement("div",{className:"p-galleria-content"},u.createElement(g,{ref:O,value:e.value,activeItemIndex:A,onActiveItemChange:k,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:b,startSlideShow:G,stopSlideShow:Z}),e.showThumbnails&&u.createElement(E,{value:e.value,activeItemIndex:A,onActiveItemChange:k,itemTemplate:e.thumbnail,numVisible:p,responsiveOptions:e.responsiveOptions,circular:e.circular,isVertical:P,contentHeight:e.verticalThumbnailViewPortHeight,showThumbnailNavigators:e.showThumbnailNavigators,autoPlay:e.autoPlay,slideShowActive:b,stopSlideShow:Z})),f));if(e.fullScreen){var I=l.classNames("p-galleria-mask",{"p-galleria-visible":c});return u.createElement(r.Portal,{element:u.createElement("div",{ref:T,className:I},u.createElement(n.CSSTransition,{nodeRef:C,classNames:"p-galleria",in:c,timeout:{enter:150,exit:150},options:e.transitionOptions,unmountOnExit:!0,onEnter:R,onEntering:D,onEntered:j,onExit:M,onExited:U},h))})}return h}()})));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;

package/galleria/galleria.d.ts

@@ -12,16 +12,13 @@ interface GalleriaItemChangeParams {
     index: number;
 }
 
-export interface GalleriaProps {
-    id?: string;
+export interface GalleriaProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     value?: any[];
     activeIndex?: number;
     fullScreen?: boolean;
     item?(item: any): React.ReactNode;
     thumbnail?(item: any): React.ReactNode;
     indicator?(index: number): React.ReactNode;
-    className?: string;
-    style?: object;
     header?: React.ReactNode;
     footer?: React.ReactNode;
     numVisible?: number;
@@ -53,4 +50,5 @@ export declare class Galleria extends React.Component<GalleriaProps, any> {
     public isAutoPlayActive(): boolean;
     public startSlideShow(): void;
     public stopSlideShow(): void;
+    public getElement(): HTMLDivElement;
 }