primereact 8.0.0-rc.1 → 8.0.1

package/core/core.js

@@ -86,11 +86,17 @@ this.primereact.utils = (function (exports, React) {
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-      return typeof obj;
-    } : function (obj) {
-      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof(obj);
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
   }
 
   function classNames() {
@@ -149,9 +155,6 @@ this.primereact.utils = (function (exports, React) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
-    Object.defineProperty(Constructor, "prototype", {
-      writable: false
-    });
     return Constructor;
   }
 
@@ -2129,9 +2132,6 @@ this.primereact.api = (function (exports, utils) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
-    Object.defineProperty(Constructor, "prototype", {
-      writable: false
-    });
     return Constructor;
   }
 
@@ -2253,8 +2253,8 @@ this.primereact.api = (function (exports, utils) {
       medium: 'Medium',
       strong: 'Strong',
       passwordPrompt: 'Enter a password',
-      emptyFilterMessage: 'No results found',
-      emptyMessage: 'No available options'
+      emptyFilterMessage: 'No available options',
+      emptyMessage: 'No results found'
     }
   };
 
@@ -3175,6 +3175,57 @@ this.primereact.hooks = (function (exports, React, utils) {
     };
     /* 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;
@@ -3213,6 +3264,7 @@ this.primereact.hooks = (function (exports, React, utils) {
     exports.useOverlayScrollListener = useOverlayScrollListener;
     exports.usePrevious = usePrevious;
     exports.useResizeListener = useResizeListener;
+    exports.useStorage = useStorage;
     exports.useTimeout = useTimeout;
     exports.useUnmountEffect = useUnmountEffect;
     exports.useUpdateEffect = useUpdateEffect;
@@ -3314,6 +3366,7 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
         }
       });
       return PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", {
+        role: "presentation",
         ref: inkRef,
         className: "p-ink",
         onAnimationEnd: onAnimationEnd
@@ -3606,112 +3659,165 @@ this.primereact.portal = (function (exports, React, ReactDOM, PrimeReact, hooks,
 
 this.primereact = this.primereact || {};
 this.primereact.keyfilter = (function (exports, utils) {
-    'use strict';
+  'use strict';
 
-    var KeyFilter = {
-      /* eslint-disable */
-      DEFAULT_MASKS: {
-        pint: /[\d]/,
-        "int": /[\d\-]/,
-        pnum: /[\d\.]/,
-        money: /[\d\.\s,]/,
-        num: /[\d\-\.]/,
-        hex: /[0-9a-f]/i,
-        email: /[a-z0-9_\.\-@]/i,
-        alpha: /[a-z_]/i,
-        alphanum: /[a-z0-9_]/i
-      },
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
 
-      /* eslint-enable */
-      KEYS: {
-        TAB: 9,
-        RETURN: 13,
-        ESC: 27,
-        BACKSPACE: 8,
-        DELETE: 46
-      },
-      SAFARI_KEYS: {
-        63234: 37,
-        // left
-        63235: 39,
-        // right
-        63232: 38,
-        // up
-        63233: 40,
-        // down
-        63276: 33,
-        // page up
-        63277: 34,
-        // page down
-        63272: 46,
-        // delete
-        63273: 36,
-        // home
-        63275: 35 // end
+    for (var i = 0, arr2 = new Array(len); i < len; i++) {
+      arr2[i] = arr[i];
+    }
 
-      },
-      isNavKeyPress: function isNavKeyPress(e) {
-        var k = e.keyCode;
-        k = utils.DomHandler.getBrowser().safari ? KeyFilter.SAFARI_KEYS[k] || k : k;
-        return k >= 33 && k <= 40 || k === KeyFilter.KEYS.RETURN || k === KeyFilter.KEYS.TAB || k === KeyFilter.KEYS.ESC;
-      },
-      isSpecialKey: function isSpecialKey(e) {
-        var k = e.keyCode;
-        return k === 9 || k === 13 || k === 27 || k === 16 || k === 17 || k >= 18 && k <= 20 || utils.DomHandler.getBrowser().opera && !e.shiftKey && (k === 8 || k >= 33 && k <= 35 || k >= 36 && k <= 39 || k >= 44 && k <= 45);
-      },
-      getKey: function getKey(e) {
-        var k = e.keyCode || e.charCode;
-        return utils.DomHandler.getBrowser().safari ? KeyFilter.SAFARI_KEYS[k] || k : k;
-      },
-      getCharCode: function getCharCode(e) {
-        return e.charCode || e.keyCode || e.which;
-      },
-      onKeyPress: function onKeyPress(e, keyfilter, validateOnly) {
-        if (validateOnly) {
-          return;
-        }
+    return arr2;
+  }
 
-        var regex = KeyFilter.DEFAULT_MASKS[keyfilter] ? KeyFilter.DEFAULT_MASKS[keyfilter] : keyfilter;
-        var browser = utils.DomHandler.getBrowser();
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
 
-        if (e.ctrlKey || e.altKey) {
-          return;
-        }
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
 
-        var k = this.getKey(e);
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
 
-        if (browser.mozilla && (this.isNavKeyPress(e) || k === KeyFilter.KEYS.BACKSPACE || k === KeyFilter.KEYS.DELETE && e.charCode === 0)) {
-          return;
-        }
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
 
-        var c = this.getCharCode(e);
-        var cc = String.fromCharCode(c);
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
 
-        if (browser.mozilla && (this.isSpecialKey(e) || !cc)) {
-          return;
-        }
+  var KeyFilter = {
+    /* eslint-disable */
+    DEFAULT_MASKS: {
+      pint: /[\d]/,
+      "int": /[\d\-]/,
+      pnum: /[\d\.]/,
+      money: /[\d\.\s,]/,
+      num: /[\d\-\.]/,
+      hex: /[0-9a-f]/i,
+      email: /[a-z0-9_\.\-@]/i,
+      alpha: /[a-z_]/i,
+      alphanum: /[a-z0-9_]/i
+    },
 
-        if (!regex.test(cc)) {
-          e.preventDefault();
-        }
-      },
-      validate: function validate(e, keyfilter) {
-        var value = e.target.value,
-            validatePattern = true;
+    /* eslint-enable */
+    KEYS: {
+      TAB: 9,
+      RETURN: 13,
+      ESC: 27,
+      BACKSPACE: 8,
+      DELETE: 46
+    },
+    SAFARI_KEYS: {
+      63234: 37,
+      // left
+      63235: 39,
+      // right
+      63232: 38,
+      // up
+      63233: 40,
+      // down
+      63276: 33,
+      // page up
+      63277: 34,
+      // page down
+      63272: 46,
+      // delete
+      63273: 36,
+      // home
+      63275: 35 // end
+
+    },
+    isNavKeyPress: function isNavKeyPress(e) {
+      var k = e.keyCode;
+      k = utils.DomHandler.getBrowser().safari ? KeyFilter.SAFARI_KEYS[k] || k : k;
+      return k >= 33 && k <= 40 || k === KeyFilter.KEYS.RETURN || k === KeyFilter.KEYS.TAB || k === KeyFilter.KEYS.ESC;
+    },
+    isSpecialKey: function isSpecialKey(e) {
+      var k = e.keyCode;
+      return k === 9 || k === 13 || k === 27 || k === 16 || k === 17 || k >= 18 && k <= 20 || utils.DomHandler.getBrowser().opera && !e.shiftKey && (k === 8 || k >= 33 && k <= 35 || k >= 36 && k <= 39 || k >= 44 && k <= 45);
+    },
+    getKey: function getKey(e) {
+      var k = e.keyCode || e.charCode;
+      return utils.DomHandler.getBrowser().safari ? KeyFilter.SAFARI_KEYS[k] || k : k;
+    },
+    getCharCode: function getCharCode(e) {
+      return e.charCode || e.keyCode || e.which;
+    },
+    getRegex: function getRegex(keyfilter) {
+      return KeyFilter.DEFAULT_MASKS[keyfilter] ? KeyFilter.DEFAULT_MASKS[keyfilter] : keyfilter;
+    },
+    onKeyPress: function onKeyPress(e, keyfilter, validateOnly) {
+      if (validateOnly) {
+        return;
+      }
+
+      var regex = this.getRegex(keyfilter);
+      var browser = utils.DomHandler.getBrowser();
+
+      if (e.ctrlKey || e.altKey) {
+        return;
+      }
+
+      var k = this.getKey(e);
 
-        if (value && !keyfilter.test(value)) {
-          validatePattern = false;
+      if (browser.mozilla && (this.isNavKeyPress(e) || k === KeyFilter.KEYS.BACKSPACE || k === KeyFilter.KEYS.DELETE && e.charCode === 0)) {
+        return;
+      }
+
+      var c = this.getCharCode(e);
+      var cc = String.fromCharCode(c);
+
+      if (browser.mozilla && (this.isSpecialKey(e) || !cc)) {
+        return;
+      }
+
+      if (!regex.test(cc)) {
+        e.preventDefault();
+      }
+    },
+    onPaste: function onPaste(e, keyfilter, validateOnly) {
+      if (validateOnly) {
+        return;
+      }
+
+      var regex = this.getRegex(keyfilter);
+      var clipboard = e.clipboardData.getData("text"); // loop over each letter pasted and if any fail prevent the paste
+
+      _toConsumableArray(clipboard).forEach(function (c) {
+        if (!regex.test(c)) {
+          e.preventDefault();
+          return false;
         }
+      });
+    },
+    validate: function validate(e, keyfilter) {
+      var value = e.target.value,
+          validatePattern = true;
 
-        return validatePattern;
+      if (value && !keyfilter.test(value)) {
+        validatePattern = false;
       }
-    };
 
-    exports.KeyFilter = KeyFilter;
+      return validatePattern;
+    }
+  };
 
-    Object.defineProperty(exports, '__esModule', { value: true });
+  exports.KeyFilter = KeyFilter;
 
-    return exports;
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+  return exports;
 
 })({}, primereact.utils);
 
@@ -5456,13 +5562,6 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       setFocusedState(false);
     };
 
-    var onKeyDown = function onKeyDown(event) {
-      if (event.key === 'Enter') {
-        onClick(event);
-        event.preventDefault();
-      }
-    };
-
     var isChecked = function isChecked() {
       return props.checked === props.trueValue;
     };
@@ -5510,17 +5609,15 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       name: props.name,
       tabIndex: props.tabIndex,
       defaultChecked: checked,
-      "aria-labelledby": props.ariaLabelledBy,
-      onKeyDown: onKeyDown,
+      "aria-labelledby": props['aria-labelledby'],
+      "aria-label": props['aria-label'],
       onFocus: onFocus,
       onBlur: onBlur,
       disabled: props.disabled,
       readOnly: props.readOnly,
       required: props.required
     })), /*#__PURE__*/React__namespace.createElement("div", {
-      className: boxClass,
-      role: "checkbox",
-      "aria-checked": checked
+      className: boxClass
     }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
@@ -5546,7 +5643,8 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     icon: 'pi pi-check',
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
+    'aria-label': null,
+    'aria-labelledby': null,
     onChange: null,
     onMouseDown: null,
     onContextMenu: null
@@ -5674,8 +5772,10 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
     var icon = createIcon();
     var label = createLabel();
     var badge = createBadge();
+    var defaultAriaLabel = props.label ? props.label + (props.badge ? ' ' + props.badge : '') : '';
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("button", _extends({
-      ref: elementRef
+      ref: elementRef,
+      "aria-label": defaultAriaLabel
     }, otherProps, {
       className: className,
       disabled: disabled
@@ -5775,6 +5875,14 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
       }
     };
 
+    var onPaste = function onPaste(event) {
+      props.onPaste && props.onPaste(event);
+
+      if (props.keyfilter) {
+        keyfilter.KeyFilter.onPaste(event, props.keyfilter, props.validateOnly);
+      }
+    };
+
     var isFilled = React__namespace.useMemo(function () {
       return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || elementRef.current && utils.ObjectUtils.isNotEmpty(elementRef.current.value);
     }, [props.value, props.defaultValue]);
@@ -5792,7 +5900,8 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
     }, otherProps, {
       className: className,
       onInput: onInput,
-      onKeyPress: onKeyPress
+      onKeyPress: onKeyPress,
+      onPaste: onPaste
     })), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
@@ -5806,7 +5915,8 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
     tooltip: null,
     tooltipOptions: null,
     onInput: null,
-    onKeyPress: null
+    onKeyPress: null,
+    onPaste: null
   };
 
   exports.InputText = InputText;
@@ -6831,12 +6941,15 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
 
     var onInputBlur = function onInputBlur(event) {
       setFocusedState(false);
-      var currentValue = inputRef.current.value;
 
-      if (isValueChanged(currentValue, props.value)) {
-        var newValue = validateValue(parseValue(currentValue));
-        updateInputValue(newValue);
-        updateModel(event, newValue);
+      if (inputRef.current) {
+        var currentValue = inputRef.current.value;
+
+        if (isValueChanged(currentValue, props.value)) {
+          var newValue = validateValue(parseValue(currentValue));
+          updateInputValue(newValue);
+          updateModel(event, newValue);
+        }
       }
 
       props.onBlur && props.onBlur(event);
@@ -7509,10 +7622,6 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
     return _extends.apply(this, arguments);
   }
 
-  function _readOnlyError(name) {
-    throw new TypeError("\"" + name + "\" is read-only");
-  }
-
   function _defineProperty(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
@@ -7603,7 +7712,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       'p-highlight': props.selected,
       'p-disabled': props.disabled,
       'p-dropdown-item-empty': !props.label || props.label.length === 0
-    }, props.option.className);
+    }, props.option && props.option.className);
     var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
     return /*#__PURE__*/React__namespace.createElement("li", {
       className: className,
@@ -8117,7 +8226,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
 
       if (searchValue.current) {
         var searchIndex = getSelectedOptionIndex();
-        var newOption = props.optionGroupLabel ? searchOptionInGroup(searchIndex) : searchOption((_readOnlyError("searchIndex")));
+        var newOption = props.optionGroupLabel ? searchOptionInGroup(searchIndex) : searchOption(searchIndex + 1);
 
         if (newOption) {
           selectItem({
@@ -9555,11 +9664,17 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-      return typeof obj;
-    } : function (obj) {
-      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof(obj);
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
   }
 
   function _defineProperty(obj, key, value) {