primereact 8.1.0 → 8.1.1

package/primereact.all.js

@@ -3047,9 +3047,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   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) {
@@ -3083,8 +3099,36 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
+    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 */
@@ -5394,7 +5438,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     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');
       }
     };
 
@@ -5467,7 +5512,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               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');
@@ -5492,7 +5537,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               if (previousElement) {
                 DomHandler.addClass(previousElement, 'p-highlight');
                 DomHandler.removeClass(highlightItem, 'p-highlight');
-                DomHandler.scrollInView(overlayRef.current, previousElement);
+                DomHandler.scrollInView(getScrollableElement(), previousElement);
               }
             }
 
@@ -5625,6 +5670,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }) : -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;
     };
@@ -9429,7 +9478,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onExit: onOverlayExit,
       onExited: onOverlayExited,
       transitionOptions: props.transitionOptions
-    }, datePicker, timePicker, buttonBar, footer, monthPicker, yearPicker));
+    }, datePicker, timePicker, monthPicker, yearPicker, buttonBar, footer));
   }));
   Calendar.displayName = 'Calendar';
   Calendar.defaultProps = {
@@ -12641,9 +12690,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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,
@@ -12765,6 +12816,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     modal: true,
     onHide: null,
     onShow: null,
+    headerStyle: null,
+    headerClassName: null,
     contentStyle: null,
     contentClassName: null,
     closeOnEscape: true,
@@ -16149,7 +16202,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (highlightItem && highlightItem.scrollIntoView) {
         highlightItem.scrollIntoView({
           block: 'nearest',
-          inline: 'start'
+          inline: 'nearest'
         });
       }
     };
@@ -35446,8 +35499,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
 
         animating.current = false;
-      },
-      when: false
+      }
     }),
         _useEventListener2 = _slicedToArray(_useEventListener, 2),
         bindTargetEnterListener = _useEventListener2[0],
@@ -35464,8 +35516,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         unbindTargetLeaveListener();
         animating.current = false;
-      },
-      when: false
+      }
     }),
         _useEventListener4 = _slicedToArray(_useEventListener3, 2),
         bindTargetLeaveListener = _useEventListener4[0],
@@ -35480,7 +35531,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           leave();
         }
       },
-      when: false
+      when: props.hideOnOutsideClick
     }),
         _useEventListener6 = _slicedToArray(_useEventListener5, 2),
         bindDocumentClickListener = _useEventListener6[0],
@@ -35496,8 +35547,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         } else {
           if (targetRef.current.offsetParent === null) enter();else leave();
         }
-      },
-      when: false
+      }
     }),
         _useEventListener8 = _slicedToArray(_useEventListener7, 2),
         bindClickListener = _useEventListener8[0],
@@ -35523,8 +35573,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
 
           bindTargetEnterListener({
-            target: targetRef.current,
-            when: true
+            target: targetRef.current
           });
         }
       } else {
@@ -35538,8 +35587,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
 
       bindDocumentClickListener({
-        target: elementRef.current && elementRef.current.ownerDocument,
-        when: props.hideOnOutsideClick
+        target: elementRef.current && elementRef.current.ownerDocument
       });
     };
 
@@ -35554,8 +35602,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
 
           bindTargetLeaveListener({
-            target: targetRef.current,
-            when: true
+            target: targetRef.current
           });
         }
       } else {
@@ -35599,8 +35646,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var init = function init() {
       elementRef.current = ObjectUtils.getRefElement(props.nodeRef);
       bindClickListener({
-        target: elementRef.current,
-        when: true
+        target: elementRef.current
       });
     };
 
@@ -35622,9 +35668,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       init();
     });
     useUpdateEffect(function () {
-      destroy();
       init();
-    }, [props.nodeRef]);
+      return function () {
+        unbindClickListener();
+      };
+    });
     useUnmountEffect(function () {
       destroy();
     });
@@ -40120,12 +40168,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
-    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) {
@@ -40201,7 +40249,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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", {
@@ -41877,11 +41925,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   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;