primereact 8.0.0-rc.2 → 8.0.0

package/primereact.all.esm.js

@@ -2994,6 +2994,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.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;
@@ -9603,7 +9654,6 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var itemsContainerRef = React.useRef(null);
   var remainingItems = React.useRef(0);
   var allowAutoplay = React.useRef(!!props.autoplayInterval);
-  var circular = React.useRef(props.circular || !!props.autoplayInterval);
   var attributeSelector = React.useRef('');
   var swipeThreshold = React.useRef(20);
   var startPos = React.useRef(null);
@@ -9616,6 +9666,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   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;
@@ -9658,7 +9709,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       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;
@@ -9871,7 +9922,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       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) {
@@ -10084,7 +10135,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   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
     });
@@ -11111,14 +11162,18 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       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);
@@ -26167,7 +26222,6 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     onInput: onInput,
     onPaste: handleInputChange,
     required: props.required,
-    "aria-labelledby": props.ariaLabelledBy,
     tooltip: props.tooltip,
     tooltipOptions: props.tooltipOptions
   }));
@@ -26195,7 +26249,6 @@ InputMask.defaultProps = {
   required: false,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
   onComplete: null,
   onChange: null,
   onFocus: null,
@@ -36856,7 +36909,7 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
 
   var onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Enter') {
+    if (event.keyCode === 32) {
       toggle(event);
       event.preventDefault();
     }
@@ -36898,7 +36951,8 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     onBlur: props.onBlur,
     onKeyDown: onKeyDown,
     tabIndex: tabIndex,
-    "aria-labelledby": props.ariaLabelledBy
+    role: "button",
+    "aria-pressed": props.checked
   }), iconElement, /*#__PURE__*/React.createElement("span", {
     className: "p-button-label"
   }, label), /*#__PURE__*/React.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
@@ -36921,7 +36975,6 @@ ToggleButton.defaultProps = {
   tabIndex: 0,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
   onChange: null,
   onFocus: null,
   onBlur: null
@@ -41488,4 +41541,4 @@ TriStateCheckbox.defaultProps = {
   onChange: null
 };
 
-export { Accordion, AccordionTab, AutoComplete, Avatar, AvatarGroup, Badge, BlockUI, BreadCrumb, Button, CSSTransition, Calendar, Captcha, Card, Carousel, CascadeSelect, Chart, Checkbox, Chip, Chips, ColorPicker, Column, ColumnGroup, ConfirmDialog, ConfirmPopup, ConnectedOverlayScrollHandler, ContextMenu, DataScroller, DataTable, DataView, DataViewItem, DataViewLayoutOptions, DeferredContent, Dialog, Divider, Dock, DomHandler, Dropdown, Editor, EventBus, Fieldset, FileUpload, FilterMatchMode, FilterOperator, FilterService, FullCalendar, GMap, Galleria, IconUtils, Image, Inplace, InplaceContent, InplaceDisplay, InputMask, InputNumber, InputSwitch, InputText, InputTextarea, KeyFilter, Knob, ListBox, MegaMenu, Mention, Menu, Menubar, Message, MessageSeverity, Messages, MultiSelect, MultiStateCheckbox, ObjectUtils, OrderList, OrganizationChart, OverlayPanel, OverlayService, Paginator, Panel, PanelMenu, Password, PickList, Portal, PrimeIcons, ProgressBar, ProgressSpinner, RadioButton, Rating, Ripple, Row, ScrollPanel, ScrollTop, SelectButton, Sidebar, Skeleton, SlideMenu, Slider, SpeedDial, SplitButton, Splitter, SplitterPanel, Steps, StyleClass, TabMenu, TabPanel, TabView, Tag, Terminal, TerminalService, TieredMenu, Timeline, Toast, ToggleButton, Toolbar, Tooltip, Tree, TreeSelect, TreeTable, TriStateCheckbox, UniqueComponentId, VirtualScroller, ZIndexUtils, addLocale, classNames, confirmDialog, confirmPopup, PrimeReact as default, locale, localeOption, localeOptions, mask, updateLocaleOption, updateLocaleOptions, useEventListener, useInterval, useMountEffect, useOverlayListener, useOverlayScrollListener, usePrevious, useResizeListener, useTimeout, useUnmountEffect, useUpdateEffect };
+export { Accordion, AccordionTab, AutoComplete, Avatar, AvatarGroup, Badge, BlockUI, BreadCrumb, Button, CSSTransition, Calendar, Captcha, Card, Carousel, CascadeSelect, Chart, Checkbox, Chip, Chips, ColorPicker, Column, ColumnGroup, ConfirmDialog, ConfirmPopup, ConnectedOverlayScrollHandler, ContextMenu, DataScroller, DataTable, DataView, DataViewItem, DataViewLayoutOptions, DeferredContent, Dialog, Divider, Dock, DomHandler, Dropdown, Editor, EventBus, Fieldset, FileUpload, FilterMatchMode, FilterOperator, FilterService, FullCalendar, GMap, Galleria, IconUtils, Image, Inplace, InplaceContent, InplaceDisplay, InputMask, InputNumber, InputSwitch, InputText, InputTextarea, KeyFilter, Knob, ListBox, MegaMenu, Mention, Menu, Menubar, Message, MessageSeverity, Messages, MultiSelect, MultiStateCheckbox, ObjectUtils, OrderList, OrganizationChart, OverlayPanel, OverlayService, Paginator, Panel, PanelMenu, Password, PickList, Portal, PrimeIcons, ProgressBar, ProgressSpinner, RadioButton, Rating, Ripple, Row, ScrollPanel, ScrollTop, SelectButton, Sidebar, Skeleton, SlideMenu, Slider, SpeedDial, SplitButton, Splitter, SplitterPanel, Steps, StyleClass, TabMenu, TabPanel, TabView, Tag, Terminal, TerminalService, TieredMenu, Timeline, Toast, ToggleButton, Toolbar, Tooltip, Tree, TreeSelect, TreeTable, TriStateCheckbox, UniqueComponentId, VirtualScroller, ZIndexUtils, addLocale, classNames, confirmDialog, confirmPopup, PrimeReact as default, locale, localeOption, localeOptions, mask, updateLocaleOption, updateLocaleOptions, useEventListener, useInterval, useMountEffect, useOverlayListener, useOverlayScrollListener, usePrevious, useResizeListener, useStorage, useTimeout, useUnmountEffect, useUpdateEffect };