primereact 8.0.0 → 8.1.1

package/fileupload/fileupload.js

@@ -142,18 +142,24 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         focusedState = _React$useState6[0],
         setFocusedState = _React$useState6[1];
 
+    var _React$useState7 = React__namespace.useState(false),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        uploadingState = _React$useState8[0],
+        setUploadingState = _React$useState8[1];
+
     var fileInputRef = React__namespace.useRef(null);
     var messagesRef = React__namespace.useRef(null);
     var contentRef = React__namespace.useRef(null);
     var duplicateIEEvent = React__namespace.useRef(false);
     var uploadedFileCount = React__namespace.useRef(0);
     var hasFiles = utils.ObjectUtils.isNotEmpty(filesState);
+    var disabled = props.disabled || uploadingState;
     var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || api.localeOption('choose');
     var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || api.localeOption('upload');
     var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || api.localeOption('cancel');
-    var chooseDisabled = props.disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
-    var uploadDisabled = props.disabled || !hasFiles;
-    var cancelDisabled = props.disabled || !hasFiles;
+    var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
+    var uploadDisabled = disabled || !hasFiles;
+    var cancelDisabled = disabled || !hasFiles;
 
     var isImage = function isImage(file) {
       return /^image\//.test(file.type);
@@ -208,7 +214,12 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         return;
       }
 
-      var currentFiles = filesState ? _toConsumableArray(filesState) : [];
+      var currentFiles = [];
+
+      if (props.multiple) {
+        currentFiles = filesState ? _toConsumableArray(filesState) : [];
+      }
+
       var selectedFiles = event.dataTransfer ? event.dataTransfer.files : event.target.files;
 
       for (var i = 0; i < selectedFiles.length; i++) {
@@ -280,6 +291,10 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     var upload = function upload(files) {
       files = files || filesState;
 
+      if (files && files.nativeEvent) {
+        files = filesState;
+      }
+
       if (props.customUpload) {
         if (props.fileLimit) {
           uploadedFileCount + files.length, _readOnlyError("uploadedFileCount");
@@ -295,6 +310,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
           });
         }
       } else {
+        setUploadingState(true);
         var xhr = new XMLHttpRequest();
         var formData = new FormData();
 
@@ -336,6 +352,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         xhr.onreadystatechange = function () {
           if (xhr.readyState === 4) {
             setProgressState(0);
+            setUploadingState(false);
 
             if (xhr.status >= 200 && xhr.status < 300) {
               if (props.fileLimit) {
@@ -377,6 +394,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
 
     var clear = function clear() {
       setFilesState([]);
+      setUploadingState(false);
       props.onClear && props.onClear();
       clearInput();
     };
@@ -401,7 +419,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     };
 
     var onDragEnter = function onDragEnter(event) {
-      if (!props.disabled) {
+      if (!disabled) {
         event.dataTransfer.dropEffect = 'copy';
         event.stopPropagation();
         event.preventDefault();
@@ -409,7 +427,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     };
 
     var onDragOver = function onDragOver(event) {
-      if (!props.disabled) {
+      if (!disabled) {
         event.dataTransfer.dropEffect = 'copy';
         utils.DomHandler.addClass(contentRef.current, 'p-fileupload-highlight');
         event.stopPropagation();
@@ -418,25 +436,32 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     };
 
     var onDragLeave = function onDragLeave(event) {
-      if (!props.disabled) {
+      if (!disabled) {
         event.dataTransfer.dropEffect = 'copy';
         utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
       }
     };
 
     var onDrop = function onDrop(event) {
-      if (!props.disabled) {
-        utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
-        event.stopPropagation();
-        event.preventDefault();
-        var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
-        var allowDrop = props.multiple || files && files.length === 0;
-        allowDrop && onFileSelect(event);
+      if (props.disabled) {
+        return;
+      }
+
+      utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
+      event.stopPropagation();
+      event.preventDefault(); // give caller a chance to stop the drop
+
+      if (props.onBeforeDrop && props.onBeforeDrop(event) === false) {
+        return;
       }
+
+      var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
+      var allowDrop = props.multiple || utils.ObjectUtils.isEmpty(filesState) && files && files.length === 1;
+      allowDrop && onFileSelect(event);
     };
 
     var onSimpleUploaderClick = function onSimpleUploaderClick() {
-      hasFiles ? upload() : fileInputRef.current.click();
+      !disabled && hasFiles ? upload() : fileInputRef.current.click();
     };
 
     React__namespace.useImperativeHandle(ref, function () {
@@ -454,7 +479,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
           _icon = _props$chooseOptions.icon,
           iconOnly = _props$chooseOptions.iconOnly;
       var chooseClassName = utils.classNames('p-button p-fileupload-choose p-component', {
-        'p-disabled': props.disabled,
+        'p-disabled': disabled,
         'p-focus': focusedState,
         'p-button-icon-only': iconOnly
       }, className);
@@ -508,7 +533,8 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         icon: "pi pi-times",
         onClick: function onClick(e) {
           return remove(e, index);
-        }
+        },
+        disabled: disabled
       }));
       var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, preview, fileName, size, removeButton);
 
@@ -635,7 +661,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       var className = utils.classNames('p-fileupload p-fileupload-basic p-component', props.className);
       var buttonClassName = utils.classNames('p-button p-component p-fileupload-choose', {
         'p-fileupload-choose-selected': hasFiles,
-        'p-disabled': props.disabled,
+        'p-disabled': disabled,
         'p-focus': focusedState
       }, chooseOptions.className);
       var chooseIcon = chooseOptions.icon || utils.classNames({
@@ -665,7 +691,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         type: "file",
         accept: props.accept,
         multiple: props.multiple,
-        disabled: props.disabled,
+        disabled: disabled,
         onChange: onFileSelect
       });
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -739,6 +765,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     progressBarTemplate: null,
     onBeforeUpload: null,
     onBeforeSend: null,
+    onBeforeDrop: 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 d(e){if(Array.isArray(e))return p(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 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 d(e)||m(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],d=s[1],m=E(c.useState(0),2),f=m[0],y=m[1],v=E(c.useState(!1),2),h=v[0],g=v[1],N=c.useRef(null),w=c.useRef(null),T=c.useRef(null),U=c.useRef(!1),j=c.useRef(0),C=i.ObjectUtils.isNotEmpty(p),F=e.chooseLabel||e.chooseOptions.label||n.localeOption("choose"),M=e.uploadLabel||e.uploadOptions.label||n.localeOption("upload"),z=e.cancelLabel||e.cancelOptions.label||n.localeOption("cancel"),D=e.disabled||e.fileLimit&&e.fileLimit<=p.length+j,I=e.disabled||!C,L=e.disabled||!C,R=function(e){return/^image\//.test(e.type)},P=function(t,n){x();var l=b(p),a=p[n];l.splice(n,1),d(l),e.onRemove&&e.onRemove({originalEvent:t,file:a})},x=function(){N.current&&(N.current.value="")},A=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]},k=function(t){if("drop"!==t.type&&_()&&U.current)U.current=!1;else{for(var n=p?b(p):[],l=t.dataTransfer?t.dataTransfer.files:t.target.files,a=0;a<l.length;a++){var r=l[a];!H(r)&&X(r)&&(R(r)&&(r.objectURL=window.URL.createObjectURL(r)),n.push(r))}d(n),i.ObjectUtils.isNotEmpty(n)&&e.auto&&J(n),e.onSelect&&e.onSelect({originalEvent:t,files:l}),"drop"!==t.type&&_()?N.current&&(U.current=!0,N.current.value=""):x(),"basic"===e.mode&&n.length>0&&(N.current.style.display="none")}},H=function(e){return p.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},_=function(){return!!window.MSInputMethodContext&&!!document.documentMode},X=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}",A(e.maxFileSize)),sticky:!0};return"advanced"===e.mode&&w.current.show(n),e.onValidationFail&&e.onValidationFail(t),!1}return!0},J=function(t){if(t=t||p,e.customUpload)e.fileLimit&&S("uploadedFileCount"),e.uploadHandler&&e.uploadHandler({files:t,options:{clear:K,props:e}});else{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),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}),K())},n.open("POST",e.url,!0),e.onBeforeSend&&e.onBeforeSend({xhr:n,formData:l}),n.withCredentials=e.withCredentials,n.send(l)}},K=function(){d([]),e.onClear&&e.onClear(),x()},V=function(){N.current.click()},W=function(){g(!0)},Y=function(){g(!1)},$=function(e){13===e.which&&V()},q=function(t){e.disabled||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault())},G=function(t){e.disabled||(t.dataTransfer.dropEffect="copy",i.DomHandler.addClass(T.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault())},Z=function(t){e.disabled||(t.dataTransfer.dropEffect="copy",i.DomHandler.removeClass(T.current,"p-fileupload-highlight"))},Q=function(t){if(!e.disabled){i.DomHandler.removeClass(T.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault();var n=t.dataTransfer?t.dataTransfer.files:t.target.files;(e.multiple||n&&0===n.length)&&k(t)}},ee=function(){C?J():N.current.click()};c.useImperativeHandle(t,(function(){return{upload:J,clear:K,formatSize:A}}));var te,ne,le,ae,re,oe,ie,se,ce,ue,pe=function(t,n){var a=t.name+t.type+t.size,r=R(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,A(t.size)),u=c.createElement("div",null,c.createElement(l.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return P(e,n)}})),p=c.createElement(c.Fragment,null,r,o,s,u);if(e.itemTemplate){var d={onRemove:function(e){return P(e,n)},previewElement:r,fileNameElement:o,sizeElement:s,removeElement:u,formatSize:A(t.size),element:p,props:e};p=i.ObjectUtils.getJSXElement(e.itemTemplate,t,d)}return c.createElement("div",{className:"p-fileupload-row",key:a},p)};return"advanced"===e.mode?function(){var t,n,s,d,m,y,b,v,g,E,S,O,U,j,R=i.ObjectUtils.findDiffKeys(e,B.defaultProps),P=i.classNames("p-fileupload p-fileupload-advanced p-component",e.className),x=i.classNames("p-fileupload-buttonbar",e.headerClassName),A=i.classNames("p-fileupload-content",e.contentClassName),H=(n=(t=e.chooseOptions).style,s=t.icon,m=i.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":h,"p-button-icon-only":d=t.iconOnly},t.className),y="p-button-label p-clickable",b=d?c.createElement("span",{className:y,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):c.createElement("span",{className:y},F),v=c.createElement("input",{ref:N,type:"file",onChange:k,multiple:e.multiple,accept:e.accept,disabled:D}),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:m,style:n,onClick:V,onKeyDown:$,onFocus:W,onBlur:Y,tabIndex:0},v,g,b,c.createElement(o.Ripple,null))),_=e.emptyTemplate&&!C?i.ObjectUtils.getJSXElement(e.emptyTemplate,e):null;if(!e.auto){var X=e.uploadOptions,ee=e.cancelOptions,te=ee.iconOnly?"":z;E=c.createElement(l.Button,{type:"button",label:X.iconOnly?"":M,icon:X.icon||"pi pi-upload",onClick:J,disabled:I,style:X.style,className:X.className}),S=c.createElement(l.Button,{type:"button",label:te,icon:ee.icon||"pi pi-times",onClick:K,disabled:L,style:ee.style,className:ee.className})}C&&(j=p.map(pe),O=c.createElement("div",{className:"p-fileupload-files"},j),U=e.progressBarTemplate?i.ObjectUtils.getJSXElement(e.progressBarTemplate,e):c.createElement(r.ProgressBar,{value:f,showValue:!1}));var ne=c.createElement("div",{className:x,style:e.headerStyle},H,E,S);e.headerTemplate&&(ne=i.ObjectUtils.getJSXElement(e.headerTemplate,{className:x,chooseButton:H,uploadButton:E,cancelButton:S,element:ne,props:e}));return c.createElement("div",u({id:e.id,className:P,style:e.style},R),ne,c.createElement("div",{ref:T,className:A,style:e.contentStyle,onDragEnter:q,onDragOver:G,onDragLeave:Z,onDrop:Q},U,c.createElement(a.Messages,{ref:w}),O,_))}():"basic"===e.mode?(te=e.chooseOptions,ne=i.ObjectUtils.findDiffKeys(e,B.defaultProps),le=i.classNames("p-fileupload p-fileupload-basic p-component",e.className),ae=i.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":C,"p-disabled":e.disabled,"p-focus":h},te.className),re=te.icon||i.classNames({"pi pi-plus":!te.icon&&(!C||e.auto),"pi pi-upload":!te.icon&&C&&!e.auto}),oe="p-button-label p-clickable",ie=te.iconOnly?c.createElement("span",{className:oe,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):c.createElement("span",{className:oe},F),se=e.auto?ie:c.createElement("span",{className:oe},C?p[0].name:ie),ce=i.IconUtils.getJSXIcon(re,{className:"p-button-icon p-button-icon-left"},{props:e,hasFiles:C}),ue=!C&&c.createElement("input",{ref:N,type:"file",accept:e.accept,multiple:e.multiple,disabled:e.disabled,onChange:k}),c.createElement("div",u({className:le,style:e.style},ne),c.createElement(a.Messages,{ref:w}),c.createElement("span",{className:ae,style:te.style,onMouseUp:ee,onKeyDown:$,onFocus:W,onBlur:Y,tabIndex:0},ce,se,ue,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,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 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);

package/fullcalendar/fullcalendar.cjs.js

@@ -66,6 +66,7 @@ var FullCalendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
 
   hooks.useMountEffect(function () {
+    // eslint-disable-next-line no-console
     console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package.");
     config.current = {
       theme: true

package/fullcalendar/fullcalendar.esm.js

@@ -42,6 +42,7 @@ var FullCalendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
 
   useMountEffect(function () {
+    // eslint-disable-next-line no-console
     console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package.");
     config.current = {
       theme: true

package/fullcalendar/fullcalendar.js

@@ -62,6 +62,7 @@ this.primereact.fullcalendar = (function (exports, React, hooks, utils) {
     };
 
     hooks.useMountEffect(function () {
+      // eslint-disable-next-line no-console
       console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package.");
       config.current = {
         theme: true

package/hooks/hooks.cjs.js

@@ -383,9 +383,25 @@ var useInterval = function useInterval(fn) {
 
 var useStorage = function useStorage(initialValue, key) {
   var storage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'local';
-  // Since the local storage API isn't available in server-rendering environments, 
+  // Since the local storage API isn't available in server-rendering environments,
   // we check that typeof window !== 'undefined' to make SSR and SSG work properly.
-  var storageAvailable = typeof window !== 'undefined';
+  var storageAvailable = typeof window !== 'undefined'; // subscribe to window storage event so changes in one tab to a stored value
+  // are properly reflected in all tabs
+
+  var _useEventListener = useEventListener({
+    target: 'window',
+    type: 'storage',
+    listener: function listener(event) {
+      var area = storage === 'local' ? window.localStorage : window.sessionStorage;
+
+      if (event.storageArea === area && event.key === key) {
+        setStoredValue(event.newValue || undefined);
+      }
+    }
+  }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindWindowStorageListener = _useEventListener2[0],
+      unbindWindowStorageListener = _useEventListener2[1];
 
   var _React$useState = React__namespace.useState(function () {
     if (!storageAvailable) {
@@ -419,8 +435,36 @@ var useStorage = function useStorage(initialValue, key) {
     }
   };
 
+  React__namespace.useEffect(function () {
+    bindWindowStorageListener();
+    return function () {
+      return unbindWindowStorageListener();
+    };
+  }, []);
   return [storedValue, setValue];
 };
+/**
+ * Hook to wrap around useState that stores the value in the browser local storage.
+ *
+ * @param {any} initialValue the initial value to store
+ * @param {string} key the key to store the value in local storage
+ * @returns a stateful value, and a function to update it.
+ */
+
+var useLocalStorage = function useLocalStorage(initialValue, key) {
+  return useStorage(initialValue, key, 'local');
+};
+/**
+ * Hook to wrap around useState that stores the value in the browser session storage.
+ *
+ * @param {any} initialValue the initial value to store
+ * @param {string} key the key to store the value in session storage
+ * @returns a stateful value, and a function to update it.
+ */
+
+var useSessionStorage = function useSessionStorage(initialValue, key) {
+  return useStorage(initialValue, key, 'session');
+};
 /* eslint-enable */
 
 /* eslint-disable */
@@ -456,11 +500,13 @@ var useTimeout = function useTimeout(fn) {
 
 exports.useEventListener = useEventListener;
 exports.useInterval = useInterval;
+exports.useLocalStorage = useLocalStorage;
 exports.useMountEffect = useMountEffect;
 exports.useOverlayListener = useOverlayListener;
 exports.useOverlayScrollListener = useOverlayScrollListener;
 exports.usePrevious = usePrevious;
 exports.useResizeListener = useResizeListener;
+exports.useSessionStorage = useSessionStorage;
 exports.useStorage = useStorage;
 exports.useTimeout = useTimeout;
 exports.useUnmountEffect = useUnmountEffect;

package/hooks/hooks.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e),u=function(e){var t=n.useRef(void 0);return n.useEffect((function(){t.current=e})),t.current},c=function(e){return n.useEffect((function(){return e}),[])},o=function(e){var r=e.target,o=void 0===r?"document":r,i=e.type,l=e.listener,f=e.options,a=e.when,s=void 0===a||a,v=n.useRef(null),d=n.useRef(null),g=u(f),m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.ObjectUtils.isNotEmpty(e.target)&&(p(),(e.when||s)&&(v.current=t.DomHandler.getTargetElement(e.target))),!d.current&&v.current&&(d.current=function(e){return l&&l(e)},v.current.addEventListener(i,d.current,f))},p=function(){d.current&&(v.current.removeEventListener(i,d.current,f),d.current=null)};return n.useEffect((function(){s?v.current=t.DomHandler.getTargetElement(o):(p(),v.current=null)}),[o,s]),n.useEffect((function(){!d.current||d.current===l&&g===f||(p(),s&&m())}),[l,f]),c((function(){p()})),[m,p]};function i(e){if(Array.isArray(e))return e}function l(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,c=[],o=!0,i=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(c.push(n.value),!t||c.length!==t);o=!0);}catch(e){i=!0,u=e}finally{try{o||null==r.return||r.return()}finally{if(i)throw u}}return c}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function a(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function s(){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 v(e,t){return i(e)||l(e,t)||a(e,t)||s()}var d=function(e){var r=e.target,o=e.listener,i=e.options,l=e.when,f=void 0===l||l,a=n.useRef(null),s=n.useRef(null),v=n.useRef([]),d=u(i),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(t.ObjectUtils.isNotEmpty(e.target)&&(m(),(e.when||f)&&(a.current=t.DomHandler.getTargetElement(e.target))),!s.current&&a.current){var r=v.current=t.DomHandler.getScrollableParents(a.current);s.current=function(e){return o&&o(e)},r.forEach((function(e){return e.addEventListener("scroll",s.current,i)}))}},m=function(){s.current&&(v.current.forEach((function(e){return e.removeEventListener("scroll",s.current,i)})),s.current=null)};return n.useEffect((function(){f?a.current=t.DomHandler.getTargetElement(r):(m(),a.current=null)}),[r,f]),n.useEffect((function(){!s.current||s.current===o&&d===i||(m(),f&&g())}),[o,i]),c((function(){m()})),[g,m]},g=function(e){return o({target:"window",type:"resize",listener:e.listener})};exports.useEventListener=o,exports.useInterval=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=n.useRef(null),o=n.useRef(null),i=n.useCallback((function(){return clearInterval(u.current)}),[u.current]);return n.useEffect((function(){o.current=e})),n.useEffect((function(){if(r)return u.current=setInterval((function(){o.current()}),t),i;i()}),[t,r]),c((function(){i()})),[i]},exports.useMountEffect=function(e){return n.useEffect(e,[])},exports.useOverlayListener=function(e){var r=e.target,u=e.overlay,i=e.listener,l=e.when,f=void 0===l||l,a=n.useRef(null),s=n.useRef(null),m=v(o({type:"click",listener:function(e){i&&i(e,{type:"outside",valid:3!==e.which&&R(e)})}}),2),p=m[0],y=m[1],E=v(g({listener:function(e){i&&i(e,{type:"resize",valid:!t.DomHandler.isTouchDevice()})}}),2),h=E[0],w=E[1],b=v(d({target:a,listener:function(e){i&&i(e,{type:"scroll",valid:!0})}}),2),S=b[0],O=b[1],R=function(e){return a.current&&!(a.current.isSameNode(e.target)||a.current.contains(e.target)||s.current&&s.current.contains(e.target))},x=function(){y(),w(),O()};return n.useEffect((function(){f?(a.current=t.DomHandler.getTargetElement(r),s.current=t.DomHandler.getTargetElement(u)):(x(),a.current=s.current=null)}),[r,u,f]),n.useEffect((function(){x()}),[f]),c((function(){x()})),[function(){p(),h(),S()},x]},exports.useOverlayScrollListener=d,exports.usePrevious=u,exports.useResizeListener=g,exports.useStorage=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",u="undefined"!=typeof window,c=n.useState((function(){if(!u)return e;try{var n="local"===r?window.localStorage.getItem(t):window.sessionStorage.getItem(t);return n?JSON.parse(n):e}catch(t){return e}})),o=v(c,2),i=o[0],l=o[1],f=function(e){try{var n=e instanceof Function?e(i):e;if(l(n),u){var c=JSON.stringify(n);"local"===r?window.localStorage.setItem(t,c):window.sessionStorage.setItem(t,c)}}catch(e){throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(t))}};return[i,f]},exports.useTimeout=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=n.useRef(null),o=n.useRef(null),i=n.useCallback((function(){return clearTimeout(u.current)}),[u.current]);return n.useEffect((function(){o.current=e})),n.useEffect((function(){if(r)return u.current=setTimeout((function(){o.current()}),t),i;i()}),[t,r]),c((function(){i()})),[i]},exports.useUnmountEffect=c,exports.useUpdateEffect=function(e,t){var r=n.useRef(!1);return n.useEffect((function(){if(r.current)return e&&e();r.current=!0}),t)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e),u=function(e){var t=n.useRef(void 0);return n.useEffect((function(){t.current=e})),t.current},o=function(e){return n.useEffect((function(){return e}),[])},c=function(e){var r=e.target,c=void 0===r?"document":r,i=e.type,l=e.listener,f=e.options,a=e.when,s=void 0===a||a,v=n.useRef(null),d=n.useRef(null),g=u(f),p=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.ObjectUtils.isNotEmpty(e.target)&&(m(),(e.when||s)&&(v.current=t.DomHandler.getTargetElement(e.target))),!d.current&&v.current&&(d.current=function(e){return l&&l(e)},v.current.addEventListener(i,d.current,f))},m=function(){d.current&&(v.current.removeEventListener(i,d.current,f),d.current=null)};return n.useEffect((function(){s?v.current=t.DomHandler.getTargetElement(c):(m(),v.current=null)}),[c,s]),n.useEffect((function(){!d.current||d.current===l&&g===f||(m(),s&&p())}),[l,f]),o((function(){m()})),[p,m]};function i(e){if(Array.isArray(e))return e}function l(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,o=[],c=!0,i=!1;try{for(r=r.call(e);!(c=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);c=!0);}catch(e){i=!0,u=e}finally{try{c||null==r.return||r.return()}finally{if(i)throw u}}return o}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function a(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function s(){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 v(e,t){return i(e)||l(e,t)||a(e,t)||s()}var d=function(e){var r=e.target,c=e.listener,i=e.options,l=e.when,f=void 0===l||l,a=n.useRef(null),s=n.useRef(null),v=n.useRef([]),d=u(i),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(t.ObjectUtils.isNotEmpty(e.target)&&(p(),(e.when||f)&&(a.current=t.DomHandler.getTargetElement(e.target))),!s.current&&a.current){var r=v.current=t.DomHandler.getScrollableParents(a.current);s.current=function(e){return c&&c(e)},r.forEach((function(e){return e.addEventListener("scroll",s.current,i)}))}},p=function(){s.current&&(v.current.forEach((function(e){return e.removeEventListener("scroll",s.current,i)})),s.current=null)};return n.useEffect((function(){f?a.current=t.DomHandler.getTargetElement(r):(p(),a.current=null)}),[r,f]),n.useEffect((function(){!s.current||s.current===c&&d===i||(p(),f&&g())}),[c,i]),o((function(){p()})),[g,p]},g=function(e){return c({target:"window",type:"resize",listener:e.listener})},p=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",u="undefined"!=typeof window,o=c({target:"window",type:"storage",listener:function(e){var n="local"===r?window.localStorage:window.sessionStorage;e.storageArea===n&&e.key===t&&g(e.newValue||void 0)}}),i=v(o,2),l=i[0],f=i[1],a=n.useState((function(){if(!u)return e;try{var n="local"===r?window.localStorage.getItem(t):window.sessionStorage.getItem(t);return n?JSON.parse(n):e}catch(t){return e}})),s=v(a,2),d=s[0],g=s[1],p=function(e){try{var n=e instanceof Function?e(d):e;if(g(n),u){var o=JSON.stringify(n);"local"===r?window.localStorage.setItem(t,o):window.sessionStorage.setItem(t,o)}}catch(e){throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(t))}};return n.useEffect((function(){return l(),function(){return f()}}),[]),[d,p]};exports.useEventListener=c,exports.useInterval=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=n.useRef(null),c=n.useRef(null),i=n.useCallback((function(){return clearInterval(u.current)}),[u.current]);return n.useEffect((function(){c.current=e})),n.useEffect((function(){if(r)return u.current=setInterval((function(){c.current()}),t),i;i()}),[t,r]),o((function(){i()})),[i]},exports.useLocalStorage=function(e,t){return p(e,t,"local")},exports.useMountEffect=function(e){return n.useEffect(e,[])},exports.useOverlayListener=function(e){var r=e.target,u=e.overlay,i=e.listener,l=e.when,f=void 0===l||l,a=n.useRef(null),s=n.useRef(null),p=v(c({type:"click",listener:function(e){i&&i(e,{type:"outside",valid:3!==e.which&&O(e)})}}),2),m=p[0],y=p[1],E=v(g({listener:function(e){i&&i(e,{type:"resize",valid:!t.DomHandler.isTouchDevice()})}}),2),w=E[0],h=E[1],S=v(d({target:a,listener:function(e){i&&i(e,{type:"scroll",valid:!0})}}),2),b=S[0],x=S[1],O=function(e){return a.current&&!(a.current.isSameNode(e.target)||a.current.contains(e.target)||s.current&&s.current.contains(e.target))},R=function(){y(),h(),x()};return n.useEffect((function(){f?(a.current=t.DomHandler.getTargetElement(r),s.current=t.DomHandler.getTargetElement(u)):(R(),a.current=s.current=null)}),[r,u,f]),n.useEffect((function(){R()}),[f]),o((function(){R()})),[function(){m(),w(),b()},R]},exports.useOverlayScrollListener=d,exports.usePrevious=u,exports.useResizeListener=g,exports.useSessionStorage=function(e,t){return p(e,t,"session")},exports.useStorage=p,exports.useTimeout=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=n.useRef(null),c=n.useRef(null),i=n.useCallback((function(){return clearTimeout(u.current)}),[u.current]);return n.useEffect((function(){c.current=e})),n.useEffect((function(){if(r)return u.current=setTimeout((function(){c.current()}),t),i;i()}),[t,r]),o((function(){i()})),[i]},exports.useUnmountEffect=o,exports.useUpdateEffect=function(e,t){var r=n.useRef(!1);return n.useEffect((function(){if(r.current)return e&&e();r.current=!0}),t)};

package/hooks/hooks.d.ts

@@ -32,4 +32,6 @@ export declare function useOverlayScrollListener(options: EventOptions): any[];
 export declare function useResizeListener(options: ResizeEventOptions): any[];
 export declare function useInterval(fn: any, delay?: number, when?: boolean): any[];
 export declare function useTimeout(fn: any, delay?: number, when?: boolean): any[];
-export declare function useStorage<S>(initialValue: S, key: string, storage?: StorageType): [S, React.Dispatch<React.SetStateAction<S>>];
+export declare function useStorage<S, K extends string = string>(initialValue: S, key: K, storage?: StorageType): [S, React.Dispatch<React.SetStateAction<S>>];
+export declare function useLocalStorage<S, K extends string = string>(initialValue: S, key: K): [S, React.Dispatch<React.SetStateAction<S>>];
+export declare function useSessionStorage<S, K extends string = string>(initialValue: S, key: K): [S, React.Dispatch<React.SetStateAction<S>>];

package/hooks/hooks.esm.js

@@ -359,9 +359,25 @@ var useInterval = function useInterval(fn) {
 
 var useStorage = function useStorage(initialValue, key) {
   var storage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'local';
-  // Since the local storage API isn't available in server-rendering environments, 
+  // Since the local storage API isn't available in server-rendering environments,
   // we check that typeof window !== 'undefined' to make SSR and SSG work properly.
-  var storageAvailable = typeof window !== 'undefined';
+  var storageAvailable = typeof window !== 'undefined'; // subscribe to window storage event so changes in one tab to a stored value
+  // are properly reflected in all tabs
+
+  var _useEventListener = useEventListener({
+    target: 'window',
+    type: 'storage',
+    listener: function listener(event) {
+      var area = storage === 'local' ? window.localStorage : window.sessionStorage;
+
+      if (event.storageArea === area && event.key === key) {
+        setStoredValue(event.newValue || undefined);
+      }
+    }
+  }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindWindowStorageListener = _useEventListener2[0],
+      unbindWindowStorageListener = _useEventListener2[1];
 
   var _React$useState = React.useState(function () {
     if (!storageAvailable) {
@@ -395,8 +411,36 @@ var useStorage = function useStorage(initialValue, key) {
     }
   };
 
+  React.useEffect(function () {
+    bindWindowStorageListener();
+    return function () {
+      return unbindWindowStorageListener();
+    };
+  }, []);
   return [storedValue, setValue];
 };
+/**
+ * Hook to wrap around useState that stores the value in the browser local storage.
+ *
+ * @param {any} initialValue the initial value to store
+ * @param {string} key the key to store the value in local storage
+ * @returns a stateful value, and a function to update it.
+ */
+
+var useLocalStorage = function useLocalStorage(initialValue, key) {
+  return useStorage(initialValue, key, 'local');
+};
+/**
+ * Hook to wrap around useState that stores the value in the browser session storage.
+ *
+ * @param {any} initialValue the initial value to store
+ * @param {string} key the key to store the value in session storage
+ * @returns a stateful value, and a function to update it.
+ */
+
+var useSessionStorage = function useSessionStorage(initialValue, key) {
+  return useStorage(initialValue, key, 'session');
+};
 /* eslint-enable */
 
 /* eslint-disable */
@@ -430,4 +474,4 @@ var useTimeout = function useTimeout(fn) {
 };
 /* eslint-enable */
 
-export { useEventListener, useInterval, useMountEffect, useOverlayListener, useOverlayScrollListener, usePrevious, useResizeListener, useStorage, useTimeout, useUnmountEffect, useUpdateEffect };
+export { useEventListener, useInterval, useLocalStorage, useMountEffect, useOverlayListener, useOverlayScrollListener, usePrevious, useResizeListener, useSessionStorage, useStorage, useTimeout, useUnmountEffect, useUpdateEffect };

package/hooks/hooks.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import{DomHandler as e,ObjectUtils as n}from"primereact/utils";var r=function(e){var n=t.useRef(void 0);return t.useEffect((function(){n.current=e})),n.current},u=function(e){return t.useEffect(e,[])},c=function(e,n){var r=t.useRef(!1);return t.useEffect((function(){if(r.current)return e&&e();r.current=!0}),n)},o=function(e){return t.useEffect((function(){return e}),[])},i=function(u){var c=u.target,i=void 0===c?"document":c,f=u.type,l=u.listener,a=u.options,s=u.when,v=void 0===s||s,g=t.useRef(null),d=t.useRef(null),m=r(a),y=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.isNotEmpty(t.target)&&(h(),(t.when||v)&&(g.current=e.getTargetElement(t.target))),!d.current&&g.current&&(d.current=function(t){return l&&l(t)},g.current.addEventListener(f,d.current,a))},h=function(){d.current&&(g.current.removeEventListener(f,d.current,a),d.current=null)};return t.useEffect((function(){v?g.current=e.getTargetElement(i):(h(),g.current=null)}),[i,v]),t.useEffect((function(){!d.current||d.current===l&&m===a||(h(),v&&y())}),[l,a]),o((function(){h()})),[y,h]};function f(t){if(Array.isArray(t))return t}function l(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,u,c=[],o=!0,i=!1;try{for(n=n.call(t);!(o=(r=n.next()).done)&&(c.push(r.value),!e||c.length!==e);o=!0);}catch(t){i=!0,u=t}finally{try{o||null==n.return||n.return()}finally{if(i)throw u}}return c}}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function s(t,e){if(t){if("string"==typeof t)return a(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(t,e):void 0}}function v(){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(t,e){return f(t)||l(t,e)||s(t,e)||v()}var d=function(u){var c=u.target,i=u.listener,f=u.options,l=u.when,a=void 0===l||l,s=t.useRef(null),v=t.useRef(null),g=t.useRef([]),d=r(f),m=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(n.isNotEmpty(t.target)&&(y(),(t.when||a)&&(s.current=e.getTargetElement(t.target))),!v.current&&s.current){var r=g.current=e.getScrollableParents(s.current);v.current=function(t){return i&&i(t)},r.forEach((function(t){return t.addEventListener("scroll",v.current,f)}))}},y=function(){v.current&&(g.current.forEach((function(t){return t.removeEventListener("scroll",v.current,f)})),v.current=null)};return t.useEffect((function(){a?s.current=e.getTargetElement(c):(y(),s.current=null)}),[c,a]),t.useEffect((function(){!v.current||v.current===i&&d===f||(y(),a&&m())}),[i,f]),o((function(){y()})),[m,y]},m=function(t){return i({target:"window",type:"resize",listener:t.listener})},y=function(n){var r=n.target,u=n.overlay,c=n.listener,f=n.when,l=void 0===f||f,a=t.useRef(null),s=t.useRef(null),v=g(i({type:"click",listener:function(t){c&&c(t,{type:"outside",valid:3!==t.which&&T(t)})}}),2),y=v[0],h=v[1],E=g(m({listener:function(t){c&&c(t,{type:"resize",valid:!e.isTouchDevice()})}}),2),p=E[0],w=E[1],S=g(d({target:a,listener:function(t){c&&c(t,{type:"scroll",valid:!0})}}),2),R=S[0],b=S[1],T=function(t){return a.current&&!(a.current.isSameNode(t.target)||a.current.contains(t.target)||s.current&&s.current.contains(t.target))},I=function(){h(),w(),b()};return t.useEffect((function(){l?(a.current=e.getTargetElement(r),s.current=e.getTargetElement(u)):(I(),a.current=s.current=null)}),[r,u,l]),t.useEffect((function(){I()}),[l]),o((function(){I()})),[function(){y(),p(),R()},I]},h=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=t.useRef(null),c=t.useRef(null),i=t.useCallback((function(){return clearInterval(u.current)}),[u.current]);return t.useEffect((function(){c.current=e})),t.useEffect((function(){if(r)return u.current=setInterval((function(){c.current()}),n),i;i()}),[n,r]),o((function(){i()})),[i]},E=function(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",u="undefined"!=typeof window,c=t.useState((function(){if(!u)return e;try{var t="local"===r?window.localStorage.getItem(n):window.sessionStorage.getItem(n);return t?JSON.parse(t):e}catch(t){return e}})),o=g(c,2),i=o[0],f=o[1],l=function(t){try{var e=t instanceof Function?t(i):t;if(f(e),u){var c=JSON.stringify(e);"local"===r?window.localStorage.setItem(n,c):window.sessionStorage.setItem(n,c)}}catch(t){throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(n))}};return[i,l]},p=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=t.useRef(null),c=t.useRef(null),i=t.useCallback((function(){return clearTimeout(u.current)}),[u.current]);return t.useEffect((function(){c.current=e})),t.useEffect((function(){if(r)return u.current=setTimeout((function(){c.current()}),n),i;i()}),[n,r]),o((function(){i()})),[i]};export{i as useEventListener,h as useInterval,u as useMountEffect,y as useOverlayListener,d as useOverlayScrollListener,r as usePrevious,m as useResizeListener,E as useStorage,p as useTimeout,o as useUnmountEffect,c as useUpdateEffect};
+import*as e from"react";import{DomHandler as t,ObjectUtils as n}from"primereact/utils";var r=function(t){var n=e.useRef(void 0);return e.useEffect((function(){n.current=t})),n.current},u=function(t){return e.useEffect(t,[])},c=function(t,n){var r=e.useRef(!1);return e.useEffect((function(){if(r.current)return t&&t();r.current=!0}),n)},o=function(t){return e.useEffect((function(){return t}),[])},i=function(u){var c=u.target,i=void 0===c?"document":c,f=u.type,l=u.listener,a=u.options,s=u.when,v=void 0===s||s,g=e.useRef(null),d=e.useRef(null),m=r(a),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.isNotEmpty(e.target)&&(w(),(e.when||v)&&(g.current=t.getTargetElement(e.target))),!d.current&&g.current&&(d.current=function(e){return l&&l(e)},g.current.addEventListener(f,d.current,a))},w=function(){d.current&&(g.current.removeEventListener(f,d.current,a),d.current=null)};return e.useEffect((function(){v?g.current=t.getTargetElement(i):(w(),g.current=null)}),[i,v]),e.useEffect((function(){!d.current||d.current===l&&m===a||(w(),v&&y())}),[l,a]),o((function(){w()})),[y,w]};function f(e){if(Array.isArray(e))return e}function l(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,u,c=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(c.push(r.value),!t||c.length!==t);o=!0);}catch(e){i=!0,u=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw u}}return c}}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t){if(e){if("string"==typeof e)return a(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)?a(e,t):void 0}}function v(){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 f(e)||l(e,t)||s(e,t)||v()}var d=function(u){var c=u.target,i=u.listener,f=u.options,l=u.when,a=void 0===l||l,s=e.useRef(null),v=e.useRef(null),g=e.useRef([]),d=r(f),m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(n.isNotEmpty(e.target)&&(y(),(e.when||a)&&(s.current=t.getTargetElement(e.target))),!v.current&&s.current){var r=g.current=t.getScrollableParents(s.current);v.current=function(e){return i&&i(e)},r.forEach((function(e){return e.addEventListener("scroll",v.current,f)}))}},y=function(){v.current&&(g.current.forEach((function(e){return e.removeEventListener("scroll",v.current,f)})),v.current=null)};return e.useEffect((function(){a?s.current=t.getTargetElement(c):(y(),s.current=null)}),[c,a]),e.useEffect((function(){!v.current||v.current===i&&d===f||(y(),a&&m())}),[i,f]),o((function(){y()})),[m,y]},m=function(e){return i({target:"window",type:"resize",listener:e.listener})},y=function(n){var r=n.target,u=n.overlay,c=n.listener,f=n.when,l=void 0===f||f,a=e.useRef(null),s=e.useRef(null),v=g(i({type:"click",listener:function(e){c&&c(e,{type:"outside",valid:3!==e.which&&T(e)})}}),2),y=v[0],w=v[1],E=g(m({listener:function(e){c&&c(e,{type:"resize",valid:!t.isTouchDevice()})}}),2),h=E[0],p=E[1],S=g(d({target:a,listener:function(e){c&&c(e,{type:"scroll",valid:!0})}}),2),R=S[0],b=S[1],T=function(e){return a.current&&!(a.current.isSameNode(e.target)||a.current.contains(e.target)||s.current&&s.current.contains(e.target))},I=function(){w(),p(),b()};return e.useEffect((function(){l?(a.current=t.getTargetElement(r),s.current=t.getTargetElement(u)):(I(),a.current=s.current=null)}),[r,u,l]),e.useEffect((function(){I()}),[l]),o((function(){I()})),[function(){y(),h(),R()},I]},w=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=e.useRef(null),c=e.useRef(null),i=e.useCallback((function(){return clearInterval(u.current)}),[u.current]);return e.useEffect((function(){c.current=t})),e.useEffect((function(){if(r)return u.current=setInterval((function(){c.current()}),n),i;i()}),[n,r]),o((function(){i()})),[i]},E=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",u="undefined"!=typeof window,c=i({target:"window",type:"storage",listener:function(e){var t="local"===r?window.localStorage:window.sessionStorage;e.storageArea===t&&e.key===n&&d(e.newValue||void 0)}}),o=g(c,2),f=o[0],l=o[1],a=e.useState((function(){if(!u)return t;try{var e="local"===r?window.localStorage.getItem(n):window.sessionStorage.getItem(n);return e?JSON.parse(e):t}catch(e){return t}})),s=g(a,2),v=s[0],d=s[1],m=function(e){try{var t=e instanceof Function?e(v):e;if(d(t),u){var c=JSON.stringify(t);"local"===r?window.localStorage.setItem(n,c):window.sessionStorage.setItem(n,c)}}catch(e){throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(n))}};return e.useEffect((function(){return f(),function(){return l()}}),[]),[v,m]},h=function(e,t){return E(e,t,"local")},p=function(e,t){return E(e,t,"session")},S=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=e.useRef(null),c=e.useRef(null),i=e.useCallback((function(){return clearTimeout(u.current)}),[u.current]);return e.useEffect((function(){c.current=t})),e.useEffect((function(){if(r)return u.current=setTimeout((function(){c.current()}),n),i;i()}),[n,r]),o((function(){i()})),[i]};export{i as useEventListener,w as useInterval,h as useLocalStorage,u as useMountEffect,y as useOverlayListener,d as useOverlayScrollListener,r as usePrevious,m as useResizeListener,p as useSessionStorage,E as useStorage,S as useTimeout,o as useUnmountEffect,c as useUpdateEffect};

package/hooks/hooks.js

@@ -380,9 +380,25 @@ this.primereact.hooks = (function (exports, React, utils) {
 
     var useStorage = function useStorage(initialValue, key) {
       var storage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'local';
-      // Since the local storage API isn't available in server-rendering environments, 
+      // Since the local storage API isn't available in server-rendering environments,
       // we check that typeof window !== 'undefined' to make SSR and SSG work properly.
-      var storageAvailable = typeof window !== 'undefined';
+      var storageAvailable = typeof window !== 'undefined'; // subscribe to window storage event so changes in one tab to a stored value
+      // are properly reflected in all tabs
+
+      var _useEventListener = useEventListener({
+        target: 'window',
+        type: 'storage',
+        listener: function listener(event) {
+          var area = storage === 'local' ? window.localStorage : window.sessionStorage;
+
+          if (event.storageArea === area && event.key === key) {
+            setStoredValue(event.newValue || undefined);
+          }
+        }
+      }),
+          _useEventListener2 = _slicedToArray(_useEventListener, 2),
+          bindWindowStorageListener = _useEventListener2[0],
+          unbindWindowStorageListener = _useEventListener2[1];
 
       var _React$useState = React__namespace.useState(function () {
         if (!storageAvailable) {
@@ -416,8 +432,36 @@ this.primereact.hooks = (function (exports, React, utils) {
         }
       };
 
+      React__namespace.useEffect(function () {
+        bindWindowStorageListener();
+        return function () {
+          return unbindWindowStorageListener();
+        };
+      }, []);
       return [storedValue, setValue];
     };
+    /**
+     * Hook to wrap around useState that stores the value in the browser local storage.
+     *
+     * @param {any} initialValue the initial value to store
+     * @param {string} key the key to store the value in local storage
+     * @returns a stateful value, and a function to update it.
+     */
+
+    var useLocalStorage = function useLocalStorage(initialValue, key) {
+      return useStorage(initialValue, key, 'local');
+    };
+    /**
+     * Hook to wrap around useState that stores the value in the browser session storage.
+     *
+     * @param {any} initialValue the initial value to store
+     * @param {string} key the key to store the value in session storage
+     * @returns a stateful value, and a function to update it.
+     */
+
+    var useSessionStorage = function useSessionStorage(initialValue, key) {
+      return useStorage(initialValue, key, 'session');
+    };
     /* eslint-enable */
 
     /* eslint-disable */
@@ -453,11 +497,13 @@ this.primereact.hooks = (function (exports, React, utils) {
 
     exports.useEventListener = useEventListener;
     exports.useInterval = useInterval;
+    exports.useLocalStorage = useLocalStorage;
     exports.useMountEffect = useMountEffect;
     exports.useOverlayListener = useOverlayListener;
     exports.useOverlayScrollListener = useOverlayScrollListener;
     exports.usePrevious = usePrevious;
     exports.useResizeListener = useResizeListener;
+    exports.useSessionStorage = useSessionStorage;
     exports.useStorage = useStorage;
     exports.useTimeout = useTimeout;
     exports.useUnmountEffect = useUnmountEffect;

package/hooks/hooks.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.hooks=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=n(t),c=function(e){var t=u.useRef(void 0);return u.useEffect((function(){t.current=e})),t.current},o=function(e){return u.useEffect((function(){return e}),[])},i=function(e){var t=e.target,n=void 0===t?"document":t,i=e.type,l=e.listener,f=e.options,a=e.when,s=void 0===a||a,v=u.useRef(null),d=u.useRef(null),g=c(f),m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};r.ObjectUtils.isNotEmpty(e.target)&&(y(),(e.when||s)&&(v.current=r.DomHandler.getTargetElement(e.target))),!d.current&&v.current&&(d.current=function(e){return l&&l(e)},v.current.addEventListener(i,d.current,f))},y=function(){d.current&&(v.current.removeEventListener(i,d.current,f),d.current=null)};return u.useEffect((function(){s?v.current=r.DomHandler.getTargetElement(n):(y(),v.current=null)}),[n,s]),u.useEffect((function(){!d.current||d.current===l&&g===f||(y(),s&&m())}),[l,f]),o((function(){y()})),[m,y]};function l(e){if(Array.isArray(e))return e}function f(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,c=[],o=!0,i=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(c.push(n.value),!t||c.length!==t);o=!0);}catch(e){i=!0,u=e}finally{try{o||null==r.return||r.return()}finally{if(i)throw u}}return c}}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function v(){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 d(e,t){return l(e)||f(e,t)||s(e,t)||v()}var g=function(e){var t=e.target,n=e.listener,i=e.options,l=e.when,f=void 0===l||l,a=u.useRef(null),s=u.useRef(null),v=u.useRef([]),d=c(i),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(r.ObjectUtils.isNotEmpty(e.target)&&(m(),(e.when||f)&&(a.current=r.DomHandler.getTargetElement(e.target))),!s.current&&a.current){var t=v.current=r.DomHandler.getScrollableParents(a.current);s.current=function(e){return n&&n(e)},t.forEach((function(e){return e.addEventListener("scroll",s.current,i)}))}},m=function(){s.current&&(v.current.forEach((function(e){return e.removeEventListener("scroll",s.current,i)})),s.current=null)};return u.useEffect((function(){f?a.current=r.DomHandler.getTargetElement(t):(m(),a.current=null)}),[t,f]),u.useEffect((function(){!s.current||s.current===n&&d===i||(m(),f&&g())}),[n,i]),o((function(){m()})),[g,m]},m=function(e){return i({target:"window",type:"resize",listener:e.listener})};return e.useEventListener=i,e.useInterval=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=u.useRef(null),c=u.useRef(null),i=u.useCallback((function(){return clearInterval(n.current)}),[n.current]);return u.useEffect((function(){c.current=e})),u.useEffect((function(){if(r)return n.current=setInterval((function(){c.current()}),t),i;i()}),[t,r]),o((function(){i()})),[i]},e.useMountEffect=function(e){return u.useEffect(e,[])},e.useOverlayListener=function(e){var t=e.target,n=e.overlay,c=e.listener,l=e.when,f=void 0===l||l,a=u.useRef(null),s=u.useRef(null),v=d(i({type:"click",listener:function(e){c&&c(e,{type:"outside",valid:3!==e.which&&O(e)})}}),2),y=v[0],h=v[1],E=d(m({listener:function(e){c&&c(e,{type:"resize",valid:!r.DomHandler.isTouchDevice()})}}),2),p=E[0],w=E[1],b=d(g({target:a,listener:function(e){c&&c(e,{type:"scroll",valid:!0})}}),2),S=b[0],R=b[1],O=function(e){return a.current&&!(a.current.isSameNode(e.target)||a.current.contains(e.target)||s.current&&s.current.contains(e.target))},j=function(){h(),w(),R()};return u.useEffect((function(){f?(a.current=r.DomHandler.getTargetElement(t),s.current=r.DomHandler.getTargetElement(n)):(j(),a.current=s.current=null)}),[t,n,f]),u.useEffect((function(){j()}),[f]),o((function(){j()})),[function(){y(),p(),S()},j]},e.useOverlayScrollListener=g,e.usePrevious=c,e.useResizeListener=m,e.useStorage=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",n="undefined"!=typeof window,c=u.useState((function(){if(!n)return e;try{var u="local"===r?window.localStorage.getItem(t):window.sessionStorage.getItem(t);return u?JSON.parse(u):e}catch(t){return e}})),o=d(c,2),i=o[0],l=o[1],f=function(e){try{var u=e instanceof Function?e(i):e;if(l(u),n){var c=JSON.stringify(u);"local"===r?window.localStorage.setItem(t,c):window.sessionStorage.setItem(t,c)}}catch(e){throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(t))}};return[i,f]},e.useTimeout=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=u.useRef(null),c=u.useRef(null),i=u.useCallback((function(){return clearTimeout(n.current)}),[n.current]);return u.useEffect((function(){c.current=e})),u.useEffect((function(){if(r)return n.current=setTimeout((function(){c.current()}),t),i;i()}),[t,r]),o((function(){i()})),[i]},e.useUnmountEffect=o,e.useUpdateEffect=function(e,t){var r=u.useRef(!1);return u.useEffect((function(){if(r.current)return e&&e();r.current=!0}),t)},Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.hooks=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=n(t),c=function(e){var t=u.useRef(void 0);return u.useEffect((function(){t.current=e})),t.current},o=function(e){return u.useEffect((function(){return e}),[])},i=function(e){var t=e.target,n=void 0===t?"document":t,i=e.type,l=e.listener,a=e.options,f=e.when,s=void 0===f||f,v=u.useRef(null),d=u.useRef(null),g=c(a),m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};r.ObjectUtils.isNotEmpty(e.target)&&(y(),(e.when||s)&&(v.current=r.DomHandler.getTargetElement(e.target))),!d.current&&v.current&&(d.current=function(e){return l&&l(e)},v.current.addEventListener(i,d.current,a))},y=function(){d.current&&(v.current.removeEventListener(i,d.current,a),d.current=null)};return u.useEffect((function(){s?v.current=r.DomHandler.getTargetElement(n):(y(),v.current=null)}),[n,s]),u.useEffect((function(){!d.current||d.current===l&&g===a||(y(),s&&m())}),[l,a]),o((function(){y()})),[m,y]};function l(e){if(Array.isArray(e))return e}function a(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,c=[],o=!0,i=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(c.push(n.value),!t||c.length!==t);o=!0);}catch(e){i=!0,u=e}finally{try{o||null==r.return||r.return()}finally{if(i)throw u}}return c}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function v(){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 d(e,t){return l(e)||a(e,t)||s(e,t)||v()}var g=function(e){var t=e.target,n=e.listener,i=e.options,l=e.when,a=void 0===l||l,f=u.useRef(null),s=u.useRef(null),v=u.useRef([]),d=c(i),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(r.ObjectUtils.isNotEmpty(e.target)&&(m(),(e.when||a)&&(f.current=r.DomHandler.getTargetElement(e.target))),!s.current&&f.current){var t=v.current=r.DomHandler.getScrollableParents(f.current);s.current=function(e){return n&&n(e)},t.forEach((function(e){return e.addEventListener("scroll",s.current,i)}))}},m=function(){s.current&&(v.current.forEach((function(e){return e.removeEventListener("scroll",s.current,i)})),s.current=null)};return u.useEffect((function(){a?f.current=r.DomHandler.getTargetElement(t):(m(),f.current=null)}),[t,a]),u.useEffect((function(){!s.current||s.current===n&&d===i||(m(),a&&g())}),[n,i]),o((function(){m()})),[g,m]},m=function(e){return i({target:"window",type:"resize",listener:e.listener})},y=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"local",n="undefined"!=typeof window,c=i({target:"window",type:"storage",listener:function(e){var n="local"===r?window.localStorage:window.sessionStorage;e.storageArea===n&&e.key===t&&g(e.newValue||void 0)}}),o=d(c,2),l=o[0],a=o[1],f=u.useState((function(){if(!n)return e;try{var u="local"===r?window.localStorage.getItem(t):window.sessionStorage.getItem(t);return u?JSON.parse(u):e}catch(t){return e}})),s=d(f,2),v=s[0],g=s[1],m=function(e){try{var u=e instanceof Function?e(v):e;if(g(u),n){var c=JSON.stringify(u);"local"===r?window.localStorage.setItem(t,c):window.sessionStorage.setItem(t,c)}}catch(e){throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(t))}};return u.useEffect((function(){return l(),function(){return a()}}),[]),[v,m]};return e.useEventListener=i,e.useInterval=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=u.useRef(null),c=u.useRef(null),i=u.useCallback((function(){return clearInterval(n.current)}),[n.current]);return u.useEffect((function(){c.current=e})),u.useEffect((function(){if(r)return n.current=setInterval((function(){c.current()}),t),i;i()}),[t,r]),o((function(){i()})),[i]},e.useLocalStorage=function(e,t){return y(e,t,"local")},e.useMountEffect=function(e){return u.useEffect(e,[])},e.useOverlayListener=function(e){var t=e.target,n=e.overlay,c=e.listener,l=e.when,a=void 0===l||l,f=u.useRef(null),s=u.useRef(null),v=d(i({type:"click",listener:function(e){c&&c(e,{type:"outside",valid:3!==e.which&&O(e)})}}),2),y=v[0],E=v[1],h=d(m({listener:function(e){c&&c(e,{type:"resize",valid:!r.DomHandler.isTouchDevice()})}}),2),w=h[0],p=h[1],S=d(g({target:f,listener:function(e){c&&c(e,{type:"scroll",valid:!0})}}),2),b=S[0],R=S[1],O=function(e){return f.current&&!(f.current.isSameNode(e.target)||f.current.contains(e.target)||s.current&&s.current.contains(e.target))},j=function(){E(),p(),R()};return u.useEffect((function(){a?(f.current=r.DomHandler.getTargetElement(t),s.current=r.DomHandler.getTargetElement(n)):(j(),f.current=s.current=null)}),[t,n,a]),u.useEffect((function(){j()}),[a]),o((function(){j()})),[function(){y(),w(),b()},j]},e.useOverlayScrollListener=g,e.usePrevious=c,e.useResizeListener=m,e.useSessionStorage=function(e,t){return y(e,t,"session")},e.useStorage=y,e.useTimeout=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=u.useRef(null),c=u.useRef(null),i=u.useCallback((function(){return clearTimeout(n.current)}),[n.current]);return u.useEffect((function(){c.current=e})),u.useEffect((function(){if(r)return n.current=setTimeout((function(){c.current()}),t),i;i()}),[t,r]),o((function(){i()})),[i]},e.useUnmountEffect=o,e.useUpdateEffect=function(e,t){var r=u.useRef(!1);return u.useEffect((function(){if(r.current)return e&&e();r.current=!0}),t)},Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);