primereact 8.1.0 → 8.1.1

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);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "8.1.0",
+    "version": "8.1.1",
     "private": false,
     "author": "PrimeTek Informatics",
     "description": "PrimeReact is an open source UI library for React featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 280+ ready to use UI blocks to build spectacular applications in no time.",

package/primereact.all.cjs.js

@@ -3052,9 +3052,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) {
@@ -3088,8 +3104,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 */
@@ -5399,7 +5443,8 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 
   var onOverlayEntering = function onOverlayEntering() {
     if (props.autoHighlight && props.suggestions && props.suggestions.length) {
-      DomHandler.addClass(overlayRef.current.firstChild.firstChild, 'p-highlight');
+      var element = getScrollableElement().firstChild.firstChild;
+      DomHandler.addClass(element, 'p-highlight');
     }
   };
 
@@ -5472,7 +5517,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
             if (nextElement) {
               DomHandler.addClass(nextElement, 'p-highlight');
               DomHandler.removeClass(highlightItem, 'p-highlight');
-              DomHandler.scrollInView(overlayRef.current, nextElement);
+              DomHandler.scrollInView(getScrollableElement(), nextElement);
             }
           } else {
             highlightItem = DomHandler.findSingle(overlayRef.current, 'li');
@@ -5497,7 +5542,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
             if (previousElement) {
               DomHandler.addClass(previousElement, 'p-highlight');
               DomHandler.removeClass(highlightItem, 'p-highlight');
-              DomHandler.scrollInView(overlayRef.current, previousElement);
+              DomHandler.scrollInView(getScrollableElement(), previousElement);
             }
           }
 
@@ -5630,6 +5675,10 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     }) : -1;
   };
 
+  var getScrollableElement = function getScrollableElement() {
+    return virtualScrollerRef.current ? overlayRef.current.firstChild : overlayRef.current;
+  };
+
   var getOptionGroupLabel = function getOptionGroupLabel(optionGroup) {
     return props.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel) : optionGroup;
   };
@@ -9434,7 +9483,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onExit: onOverlayExit,
     onExited: onOverlayExited,
     transitionOptions: props.transitionOptions
-  }, datePicker, timePicker, buttonBar, footer, monthPicker, yearPicker));
+  }, datePicker, timePicker, monthPicker, yearPicker, buttonBar, footer));
 }));
 Calendar.displayName = 'Calendar';
 Calendar.defaultProps = {
@@ -12646,9 +12695,11 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       var icons = ObjectUtils.getJSXElement(props.icons, props);
       var header = ObjectUtils.getJSXElement(props.header, props);
       var headerId = idState + '_header';
+      var headerClassName = classNames('p-dialog-header', props.headerClassName);
       return /*#__PURE__*/React__namespace.createElement("div", {
         ref: headerRef,
-        className: "p-dialog-header",
+        style: props.headerStyle,
+        className: headerClassName,
         onMouseDown: onDragStart
       }, /*#__PURE__*/React__namespace.createElement("div", {
         id: headerId,
@@ -12770,6 +12821,8 @@ Dialog.defaultProps = {
   modal: true,
   onHide: null,
   onShow: null,
+  headerStyle: null,
+  headerClassName: null,
   contentStyle: null,
   contentClassName: null,
   closeOnEscape: true,
@@ -16154,7 +16207,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (highlightItem && highlightItem.scrollIntoView) {
       highlightItem.scrollIntoView({
         block: 'nearest',
-        inline: 'start'
+        inline: 'nearest'
       });
     }
   };
@@ -35451,8 +35504,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       }
 
       animating.current = false;
-    },
-    when: false
+    }
   }),
       _useEventListener2 = _slicedToArray(_useEventListener, 2),
       bindTargetEnterListener = _useEventListener2[0],
@@ -35469,8 +35521,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
 
       unbindTargetLeaveListener();
       animating.current = false;
-    },
-    when: false
+    }
   }),
       _useEventListener4 = _slicedToArray(_useEventListener3, 2),
       bindTargetLeaveListener = _useEventListener4[0],
@@ -35485,7 +35536,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
         leave();
       }
     },
-    when: false
+    when: props.hideOnOutsideClick
   }),
       _useEventListener6 = _slicedToArray(_useEventListener5, 2),
       bindDocumentClickListener = _useEventListener6[0],
@@ -35501,8 +35552,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       } else {
         if (targetRef.current.offsetParent === null) enter();else leave();
       }
-    },
-    when: false
+    }
   }),
       _useEventListener8 = _slicedToArray(_useEventListener7, 2),
       bindClickListener = _useEventListener8[0],
@@ -35528,8 +35578,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
         }
 
         bindTargetEnterListener({
-          target: targetRef.current,
-          when: true
+          target: targetRef.current
         });
       }
     } else {
@@ -35543,8 +35592,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
     }
 
     bindDocumentClickListener({
-      target: elementRef.current && elementRef.current.ownerDocument,
-      when: props.hideOnOutsideClick
+      target: elementRef.current && elementRef.current.ownerDocument
     });
   };
 
@@ -35559,8 +35607,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
         }
 
         bindTargetLeaveListener({
-          target: targetRef.current,
-          when: true
+          target: targetRef.current
         });
       }
     } else {
@@ -35604,8 +35651,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
   var init = function init() {
     elementRef.current = ObjectUtils.getRefElement(props.nodeRef);
     bindClickListener({
-      target: elementRef.current,
-      when: true
+      target: elementRef.current
     });
   };
 
@@ -35627,9 +35673,11 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
     init();
   });
   useUpdateEffect(function () {
-    destroy();
     init();
-  }, [props.nodeRef]);
+    return function () {
+      unbindClickListener();
+    };
+  });
   useUnmountEffect(function () {
     destroy();
   });
@@ -40125,12 +40173,12 @@ var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
 
-  var getColumnProp = function getColumnProp() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+  var getColumnProp = function getColumnProp(column) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
     }
 
-    return props.column ? typeof args[0] === 'string' ? props.column.props[args[0]] : (args[0] || props.column).props[args[1]] : null;
+    return column ? typeof args[0] === 'string' ? column.props[args[0]] : (args[0] || column).props[args[1]] : null;
   };
 
   var createSortIcon = function createSortIcon(column, sorted, sortOrder) {
@@ -40206,7 +40254,7 @@ var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
       var className = classNames(column.props.headerClassName || column.props.className, {
         'p-sortable-column': column.props.sortable,
         'p-highlight': sorted,
-        'p-resizable-column': props.resizableColumns && getColumnProp('resizeable')
+        'p-resizable-column': props.resizableColumns && getColumnProp(column, 'resizeable')
       });
       var resizer = createResizer(column);
       return /*#__PURE__*/React__namespace.createElement("th", {
@@ -41882,11 +41930,13 @@ exports.updateLocaleOption = updateLocaleOption;
 exports.updateLocaleOptions = updateLocaleOptions;
 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;