primereact 8.0.0-rc.2 → 8.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "8.0.0-rc.2",
+    "version": "8.0.0",
     "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.",
@@ -33,7 +33,8 @@
     "peerDependencies": {
         "@types/react": "^17.0.0 || ^18.0.0",
         "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
+        "react-dom": "^17.0.0 || ^18.0.0",
+        "primeicons": "^5.0.0"
     },
     "peerDependenciesMeta": {
         "@types/react": {
@@ -42,8 +43,7 @@
     },
     "dependencies": {
         "@types/react-transition-group": "^4.4.1",
-        "react-transition-group": "^4.4.1",
-        "primeicons": "^5.0.0"
+        "react-transition-group": "^4.4.1"
     },
     "sideEffects": false,
     "unpkg": "primereact.all.min.js",

package/primereact.all.cjs.js

@@ -3021,6 +3021,57 @@ var useInterval = function useInterval(fn) {
 };
 /* 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;
@@ -9630,7 +9681,6 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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);
@@ -9643,6 +9693,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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;
@@ -9685,7 +9736,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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;
@@ -9898,7 +9949,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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) {
@@ -10111,7 +10162,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
   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
     });
@@ -11138,14 +11189,18 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       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);
@@ -26194,7 +26249,6 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     onInput: onInput,
     onPaste: handleInputChange,
     required: props.required,
-    "aria-labelledby": props.ariaLabelledBy,
     tooltip: props.tooltip,
     tooltipOptions: props.tooltipOptions
   }));
@@ -26222,7 +26276,6 @@ InputMask.defaultProps = {
   required: false,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
   onComplete: null,
   onChange: null,
   onFocus: null,
@@ -36883,7 +36936,7 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
 
   var onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Enter') {
+    if (event.keyCode === 32) {
       toggle(event);
       event.preventDefault();
     }
@@ -36925,7 +36978,8 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     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({
@@ -36948,7 +37002,6 @@ ToggleButton.defaultProps = {
   tabIndex: 0,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
   onChange: null,
   onFocus: null,
   onBlur: null
@@ -41652,6 +41705,7 @@ exports.useOverlayListener = useOverlayListener;
 exports.useOverlayScrollListener = useOverlayScrollListener;
 exports.usePrevious = usePrevious;
 exports.useResizeListener = useResizeListener;
+exports.useStorage = useStorage;
 exports.useTimeout = useTimeout;
 exports.useUnmountEffect = useUnmountEffect;
 exports.useUpdateEffect = useUpdateEffect;