primereact 8.0.0-rc.2 → 8.0.0

package/primereact.all.js

@@ -3016,6 +3016,57 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* eslint-enable */
 
+  /**
+   * Hook to wrap around useState that stores the value in the browser local/session storage.
+   *
+   * @param {any} initialValue the initial value to store
+   * @param {string} key the key to store the value in local/session storage
+   * @param {string} storage either 'local' or 'session' for what type of storage
+   * @returns a stateful value, and a function to update it.
+   */
+
+  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, 
+    // we check that typeof window !== 'undefined' to make SSR and SSG work properly.
+    var storageAvailable = typeof window !== 'undefined';
+
+    var _React$useState = React__namespace.useState(function () {
+      if (!storageAvailable) {
+        return initialValue;
+      }
+
+      try {
+        var item = storage === 'local' ? window.localStorage.getItem(key) : window.sessionStorage.getItem(key);
+        return item ? JSON.parse(item) : initialValue;
+      } catch (error) {
+        // If error also return initialValue
+        return initialValue;
+      }
+    }),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        storedValue = _React$useState2[0],
+        setStoredValue = _React$useState2[1];
+
+    var setValue = function setValue(value) {
+      try {
+        // Allow value to be a function so we have same API as useState
+        var valueToStore = value instanceof Function ? value(storedValue) : value;
+        setStoredValue(valueToStore);
+
+        if (storageAvailable) {
+          var serializedValue = JSON.stringify(valueToStore);
+          storage === 'local' ? window.localStorage.setItem(key, serializedValue) : window.sessionStorage.setItem(key, serializedValue);
+        }
+      } catch (error) {
+        throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(key));
+      }
+    };
+
+    return [storedValue, setValue];
+  };
+  /* eslint-enable */
+
   /* eslint-disable */
   var useTimeout = function useTimeout(fn) {
     var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -9625,7 +9676,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var itemsContainerRef = React__namespace.useRef(null);
     var remainingItems = React__namespace.useRef(0);
     var allowAutoplay = React__namespace.useRef(!!props.autoplayInterval);
-    var circular = React__namespace.useRef(props.circular || !!props.autoplayInterval);
     var attributeSelector = React__namespace.useRef('');
     var swipeThreshold = React__namespace.useRef(20);
     var startPos = React__namespace.useRef(null);
@@ -9638,6 +9688,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var prevValue = usePrevious(props.value);
     var prevPage = usePrevious(props.page);
     var isVertical = props.orientation === 'vertical';
+    var circular = props.circular || !!props.autoplayInterval;
     var isCircular = circular && props.value.length >= numVisibleState;
     var isAutoplay = props.autoplayInterval && allowAutoplay.current;
     var currentPage = props.onPageChange ? props.page : pageState;
@@ -9680,7 +9731,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         page = 0;
       } else if (isCircular && pageState === 0 && dir === 1) {
         totalShiftedItems = 0;
-        page = totalShiftedItems - 1;
+        page = totalIndicators - 1;
       } else if (page === totalIndicators - 1 && remainingItems.current > 0) {
         totalShiftedItems += remainingItems.current * -1 - numScrollState * dir;
         isRemainingItemsAdded.current = true;
@@ -9893,7 +9944,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         remainingItems.current = (props.value.length - numVisibleState) % numScrollState;
         var page = currentPage;
 
-        if (totalIndicators !== 0 && pageState >= totalIndicators) {
+        if (totalIndicators !== 0 && page >= totalIndicators) {
           page = totalIndicators - 1;
 
           if (props.onPageChange) {
@@ -10106,7 +10157,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createIndicator = function createIndicator(index) {
       var isActive = currentPage === index;
-      var key = 'p-carousel-indicator-' + index;
+      var key = 'carousel-indicator-' + index;
       var className = classNames('p-carousel-indicator', {
         'p-highlight': isActive
       });
@@ -11133,14 +11184,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var values = props.value ? _toConsumableArray(props.value) : [];
 
         if (props.allowDuplicate || values.indexOf(item) === -1) {
-          values.push(item);
+          var allowAddition = true;
 
           if (props.onAdd) {
-            props.onAdd({
+            allowAddition = props.onAdd({
               originalEvent: event,
               value: item
             });
           }
+
+          if (allowAddition !== false) {
+            values.push(item);
+          }
         }
 
         updateInput(event, values, preventDefault);
@@ -26189,7 +26244,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onInput: onInput,
       onPaste: handleInputChange,
       required: props.required,
-      "aria-labelledby": props.ariaLabelledBy,
       tooltip: props.tooltip,
       tooltipOptions: props.tooltipOptions
     }));
@@ -26217,7 +26271,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     required: false,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     onComplete: null,
     onChange: null,
     onFocus: null,
@@ -36878,7 +36931,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onKeyDown = function onKeyDown(event) {
-      if (event.key === 'Enter') {
+      if (event.keyCode === 32) {
         toggle(event);
         event.preventDefault();
       }
@@ -36920,7 +36973,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onBlur: props.onBlur,
       onKeyDown: onKeyDown,
       tabIndex: tabIndex,
-      "aria-labelledby": props.ariaLabelledBy
+      role: "button",
+      "aria-pressed": props.checked
     }), iconElement, /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-button-label"
     }, label), /*#__PURE__*/React__namespace.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
@@ -36943,7 +36997,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     tabIndex: 0,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     onChange: null,
     onFocus: null,
     onBlur: null
@@ -41647,6 +41700,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   exports.useOverlayScrollListener = useOverlayScrollListener;
   exports.usePrevious = usePrevious;
   exports.useResizeListener = useResizeListener;
+  exports.useStorage = useStorage;
   exports.useTimeout = useTimeout;
   exports.useUnmountEffect = useUnmountEffect;
   exports.useUpdateEffect = useUpdateEffect;