primereact 8.4.0 → 8.5.0

package/core/core.js

@@ -863,7 +863,7 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "isElement",
       value: function isElement(obj) {
-        return (typeof HTMLElement === "undefined" ? "undefined" : _typeof(HTMLElement)) === "object" ? obj instanceof HTMLElement : obj && _typeof(obj) === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
+        return (typeof HTMLElement === "undefined" ? "undefined" : _typeof(HTMLElement)) === 'object' ? obj instanceof HTMLElement : obj && _typeof(obj) === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';
       }
     }, {
       key: "scrollInView",
@@ -909,8 +909,8 @@ this.primereact.utils = (function (exports, React) {
           return el.offsetWidth - el.clientWidth - parseFloat(style.borderLeftWidth) - parseFloat(style.borderRightWidth);
         } else {
           if (this.calculatedScrollbarWidth != null) return this.calculatedScrollbarWidth;
-          var scrollDiv = document.createElement("div");
-          scrollDiv.className = "p-scrollbar-measure";
+          var scrollDiv = document.createElement('div');
+          scrollDiv.className = 'p-scrollbar-measure';
           document.body.appendChild(scrollDiv);
           var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
           document.body.removeChild(scrollDiv);
@@ -943,10 +943,10 @@ this.primereact.utils = (function (exports, React) {
       key: "resolveUserAgent",
       value: function resolveUserAgent() {
         var ua = navigator.userAgent.toLowerCase();
-        var match = /(chrome)[ ]([\w.]+)/.exec(ua) || /(webkit)[ ]([\w.]+)/.exec(ua) || /(opera)(?:.*version|)[ ]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) || [];
+        var match = /(chrome)[ ]([\w.]+)/.exec(ua) || /(webkit)[ ]([\w.]+)/.exec(ua) || /(opera)(?:.*version|)[ ]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || ua.indexOf('compatible') < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) || [];
         return {
-          browser: match[1] || "",
-          version: match[2] || "0"
+          browser: match[1] || '',
+          version: match[2] || '0'
         };
       }
     }, {
@@ -978,7 +978,7 @@ this.primereact.utils = (function (exports, React) {
         try {
           for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
             var focusableElement = _step3.value;
-            if (getComputedStyle(focusableElement).display !== "none" && getComputedStyle(focusableElement).visibility !== "hidden") visibleFocusableElements.push(focusableElement);
+            if (getComputedStyle(focusableElement).display !== 'none' && getComputedStyle(focusableElement).visibility !== 'hidden') visibleFocusableElements.push(focusableElement);
           }
         } catch (err) {
           _iterator3.e(err);
@@ -1205,7 +1205,7 @@ this.primereact.utils = (function (exports, React) {
         attrs1 = DomHandler.getAttributeNames(elm1);
         attrs2 = DomHandler.getAttributeNames(elm2);
 
-        if (attrs1.join(",") !== attrs2.join(",")) {
+        if (attrs1.join(',') !== attrs2.join(',')) {
           // console.log("Found nodes with different sets of attributes; not equiv");
           return false;
         } // ...and values
@@ -1718,7 +1718,7 @@ this.primereact.utils = (function (exports, React) {
 
         writeBuffer();
 
-        if (pos === options.mask.replace("?", "").length) {
+        if (pos === options.mask.replace('?', '').length) {
           caret(0, pos);
         } else {
           caret(pos);
@@ -1799,8 +1799,8 @@ this.primereact.utils = (function (exports, React) {
       len = options.mask.length;
       firstNonMaskPos = null;
       defs = {
-        '9': '[0-9]',
-        'a': '[A-Za-z]',
+        9: '[0-9]',
+        a: '[A-Za-z]',
         '*': '[A-Za-z0-9]'
       };
       var ua = DomHandler.getUserAgent();
@@ -1855,6 +1855,22 @@ this.primereact.utils = (function (exports, React) {
     };
   }
 
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+
+  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.");
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
+  }
+
   var ObjectUtils = /*#__PURE__*/function () {
     function ObjectUtils() {
       _classCallCheck(this, ObjectUtils);
@@ -2010,7 +2026,13 @@ this.primereact.utils = (function (exports, React) {
           params[_key2 - 1] = arguments[_key2];
         }
 
-        return this.isFunction(obj) ? obj.apply(void 0, params) : obj;
+        var methodParams = params;
+
+        if (params && params.length === 1) {
+          methodParams = params[0];
+        }
+
+        return this.isFunction(obj) ? obj.apply(void 0, _toConsumableArray(methodParams)) : obj;
       }
     }, {
       key: "getRefElement",
@@ -2036,7 +2058,7 @@ this.primereact.utils = (function (exports, React) {
       key: "removeAccents",
       value: function removeAccents(str) {
         if (str && str.search(/[\xC0-\xFF]/g) > -1) {
-          str = str.replace(/[\xC0-\xC5]/g, "A").replace(/[\xC6]/g, "AE").replace(/[\xC7]/g, "C").replace(/[\xC8-\xCB]/g, "E").replace(/[\xCC-\xCF]/g, "I").replace(/[\xD0]/g, "D").replace(/[\xD1]/g, "N").replace(/[\xD2-\xD6\xD8]/g, "O").replace(/[\xD9-\xDC]/g, "U").replace(/[\xDD]/g, "Y").replace(/[\xDE]/g, "P").replace(/[\xE0-\xE5]/g, "a").replace(/[\xE6]/g, "ae").replace(/[\xE7]/g, "c").replace(/[\xE8-\xEB]/g, "e").replace(/[\xEC-\xEF]/g, "i").replace(/[\xF1]/g, "n").replace(/[\xF2-\xF6\xF8]/g, "o").replace(/[\xF9-\xFC]/g, "u").replace(/[\xFE]/g, "p").replace(/[\xFD\xFF]/g, "y");
+          str = str.replace(/[\xC0-\xC5]/g, 'A').replace(/[\xC6]/g, 'AE').replace(/[\xC7]/g, 'C').replace(/[\xC8-\xCB]/g, 'E').replace(/[\xCC-\xCF]/g, 'I').replace(/[\xD0]/g, 'D').replace(/[\xD1]/g, 'N').replace(/[\xD2-\xD6\xD8]/g, 'O').replace(/[\xD9-\xDC]/g, 'U').replace(/[\xDD]/g, 'Y').replace(/[\xDE]/g, 'P').replace(/[\xE0-\xE5]/g, 'a').replace(/[\xE6]/g, 'ae').replace(/[\xE7]/g, 'c').replace(/[\xE8-\xEB]/g, 'e').replace(/[\xEC-\xEF]/g, 'i').replace(/[\xF1]/g, 'n').replace(/[\xF2-\xF6\xF8]/g, 'o').replace(/[\xF9-\xFC]/g, 'u').replace(/[\xFE]/g, 'p').replace(/[\xFD\xFF]/g, 'y');
         }
 
         return str;
@@ -2138,22 +2160,6 @@ this.primereact.utils = (function (exports, React) {
     return "".concat(prefix).concat(lastId);
   }
 
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
-  }
-
-  function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-  }
-
-  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.");
-  }
-
-  function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
-  }
-
   function handler() {
     var zIndexes = [];
 
@@ -2328,7 +2334,7 @@ this.primereact.api = (function (exports, utils) {
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var locales = {
-    'en': {
+    en: {
       startsWith: 'Starts with',
       contains: 'Contains',
       notContains: 'Not contains',
@@ -3841,7 +3847,7 @@ this.primereact.portal = (function (exports, React, ReactDOM, PrimeReact, hooks,
 })({}, React, ReactDOM, primereact.api, primereact.hooks, primereact.utils);
 
 this.primereact = this.primereact || {};
-this.primereact.keyfilter = (function (exports, utils) {
+this.primereact.keyfilter = (function (exports) {
   'use strict';
 
   function _arrayLikeToArray(arr, len) {
@@ -3894,49 +3900,6 @@ this.primereact.keyfilter = (function (exports, utils) {
     },
 
     /* 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;
     },
@@ -3949,17 +3912,9 @@ this.primereact.keyfilter = (function (exports, utils) {
         return;
       }
 
-      var browser = utils.DomHandler.getBrowser();
-      var k = this.getKey(e);
-
-      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);
+      var isPrintableKey = e.key.length === 1;
 
-      if (browser.mozilla && (this.isSpecialKey(e) || !cc)) {
+      if (!isPrintableKey) {
         return;
       }
 
@@ -3975,7 +3930,7 @@ this.primereact.keyfilter = (function (exports, utils) {
       }
 
       var regex = this.getRegex(keyfilter);
-      var clipboard = e.clipboardData.getData("text"); // loop over each letter pasted and if any fail prevent the paste
+      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)) {
@@ -4002,7 +3957,7 @@ this.primereact.keyfilter = (function (exports, utils) {
 
   return exports;
 
-})({}, primereact.utils);
+})({});
 
 this.primereact = this.primereact || {};
 this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal, utils) {
@@ -4218,24 +4173,29 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
     };
 
     var getEvents = function getEvents(target) {
-      var showEvent = getTargetOption(target, 'showevent') || props.showEvent;
-      var hideEvent = getTargetOption(target, 'hideevent') || props.hideEvent;
+      var showEvents = [getTargetOption(target, 'showevent') || props.showEvent];
+      var hideEvents = [getTargetOption(target, 'hideevent') || props.hideEvent];
 
       if (isMouseTrack(target)) {
-        showEvent = 'mousemove';
-        hideEvent = 'mouseleave';
+        showEvents = ['mousemove'];
+        hideEvents = ['mouseleave'];
       } else {
         var event = getTargetOption(target, 'event') || props.event;
 
         if (event === 'focus') {
-          showEvent = 'focus';
-          hideEvent = 'blur';
+          showEvents = ['focus'];
+          hideEvents = ['blur'];
+        }
+
+        if (event === 'both') {
+          showEvents = ['focus', 'mouseenter'];
+          hideEvents = ['blur', 'mouseleave'];
         }
       }
 
       return {
-        showEvent: showEvent,
-        hideEvent: hideEvent
+        showEvents: showEvents,
+        hideEvents: hideEvents
       };
     };
 
@@ -4448,24 +4408,32 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
     var bindTargetEvent = function bindTargetEvent(target) {
       if (target) {
         var _getEvents = getEvents(target),
-            showEvent = _getEvents.showEvent,
-            hideEvent = _getEvents.hideEvent;
+            showEvents = _getEvents.showEvents,
+            hideEvents = _getEvents.hideEvents;
 
         var currentTarget = getTarget(target);
-        currentTarget.addEventListener(showEvent, show);
-        currentTarget.addEventListener(hideEvent, hide);
+        showEvents.forEach(function (event) {
+          return currentTarget.addEventListener(event, show);
+        });
+        hideEvents.forEach(function (event) {
+          return currentTarget.addEventListener(event, hide);
+        });
       }
     };
 
     var unbindTargetEvent = function unbindTargetEvent(target) {
       if (target) {
         var _getEvents2 = getEvents(target),
-            showEvent = _getEvents2.showEvent,
-            hideEvent = _getEvents2.hideEvent;
+            showEvents = _getEvents2.showEvents,
+            hideEvents = _getEvents2.hideEvents;
 
         var currentTarget = getTarget(target);
-        currentTarget.removeEventListener(showEvent, show);
-        currentTarget.removeEventListener(hideEvent, hide);
+        showEvents.forEach(function (event) {
+          return currentTarget.removeEventListener(event, show);
+        });
+        hideEvents.forEach(function (event) {
+          return currentTarget.removeEventListener(event, hide);
+        });
       }
     };
 
@@ -5827,7 +5795,11 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       if (!props.disabled && !props.readOnly && props.onChange) {
         var _checked = isChecked();
 
-        if (inputRef.current.checked === _checked) {
+        var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement;
+        var isInputToggled = event.target === inputRef.current;
+        var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
+
+        if (isInputToggled || isCheckboxToggled) {
           var value = _checked ? props.falseValue : props.trueValue;
           props.onChange({
             originalEvent: event,
@@ -5843,7 +5815,6 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
               checked: value
             }
           });
-          inputRef.current.checked = !_checked;
         }
 
         utils.DomHandler.focus(inputRef.current);
@@ -5859,6 +5830,12 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       setFocusedState(false);
     };
 
+    var onKeyDown = function onKeyDown(event) {
+      if (event.code === 'Space') {
+        onClick(event);
+      }
+    };
+
     var isChecked = function isChecked() {
       return props.checked === props.trueValue;
     };
@@ -5921,6 +5898,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       "aria-label": props['aria-label'],
       onFocus: onFocus,
       onBlur: onBlur,
+      onKeyDown: onKeyDown,
       disabled: props.disabled,
       readOnly: props.readOnly,
       required: props.required
@@ -6029,6 +6007,10 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
       utils.ObjectUtils.combinedRefs(elementRef, ref);
     }, [elementRef, ref]);
 
+    if (props.visible === false) {
+      return null;
+    }
+
     var createIcon = function createIcon() {
       var icon = props.loading ? props.loadingIcon : props.icon;
       var className = utils.classNames('p-button-icon p-c', _defineProperty({
@@ -6051,7 +6033,7 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
       return !props.children && !props.label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-button-label p-c",
         dangerouslySetInnerHTML: {
-          __html: "&nbsp;"
+          __html: '&nbsp;'
         }
       });
     };
@@ -7648,7 +7630,8 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
         detail = _props$message.detail,
         closable = _props$message.closable,
         life = _props$message.life,
-        sticky = _props$message.sticky;
+        sticky = _props$message.sticky,
+        icon = _props$message.icon;
 
     var _useTimeout = hooks.useTimeout(function () {
       onClose(null);
@@ -7686,15 +7669,23 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
 
     var createMessage = function createMessage() {
       if (props.message) {
-        var icon = utils.classNames('p-message-icon pi ', {
-          'pi-info-circle': severity === 'info',
-          'pi-check': severity === 'success',
-          'pi-exclamation-triangle': severity === 'warn',
-          'pi-times-circle': severity === 'error'
+        var iconValue = icon;
+
+        if (!iconValue) {
+          iconValue = utils.classNames('pi', {
+            'pi-info-circle': severity === 'info',
+            'pi-exclamation-triangle': severity === 'warn',
+            'pi-times-circle': severity === 'error',
+            'pi-check': severity === 'success'
+          });
+        }
+
+        var iconContent = utils.IconUtils.getJSXIcon(iconValue, {
+          className: 'p-message-icon'
+        }, {
+          props: props
         });
-        return content || /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", {
-          className: icon
-        }), /*#__PURE__*/React__namespace.createElement("span", {
+        return content || /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, iconContent, /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-message-summary"
         }, summary), /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-message-detail"
@@ -8482,15 +8473,16 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
 
       if (props.onBlur) {
         setTimeout(function () {
+          var currentValue = inputRef.current ? inputRef.current.value : undefined;
           props.onBlur({
             originalEvent: event.originalEvent,
-            value: inputRef.current.value,
+            value: currentValue,
             stopPropagation: function stopPropagation() {},
             preventDefault: function preventDefault() {},
             target: {
               name: props.name,
               id: props.id,
-              value: inputRef.current.value
+              value: currentValue
             }
           });
         }, 200);
@@ -9047,7 +9039,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
         "aria-hidden": "true"
       }, /*#__PURE__*/React__namespace.createElement("option", {
         value: option.value
-      }, option.label), ";"));
+      }, option.label)));
     };
 
     var createKeyboardHelper = function createKeyboardHelper() {
@@ -9471,7 +9463,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
         unbindDocumentDragEndListener = _useEventListener10[1];
 
     var onClose = function onClose(event) {
-      utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
       props.onHide();
       event.preventDefault();
     };
@@ -9696,6 +9687,10 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
       if (props.modal) {
         utils.DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
       }
+
+      if (props.blockScroll) {
+        utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
+      }
     };
 
     var onExited = function onExited() {
@@ -9782,11 +9777,15 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
     };
 
     hooks.useMountEffect(function () {
+      var unqiueId = utils.UniqueComponentId();
+
       if (!idState) {
-        setIdState(utils.UniqueComponentId());
+        setIdState(unqiueId);
       }
 
-      attributeSelector.current = utils.UniqueComponentId();
+      if (!attributeSelector.current) {
+        attributeSelector.current = unqiueId;
+      }
 
       if (props.visible) {
         setMaskVisibleState(true);
@@ -10203,7 +10202,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       rows: props.rows,
       totalRecords: props.totalRecords
     };
-    var text = props.reportTemplate.replace("{currentPage}", report.currentPage).replace("{totalPages}", report.totalPages).replace("{first}", report.first).replace("{last}", report.last).replace("{rows}", report.rows).replace("{totalRecords}", report.totalRecords);
+    var text = props.reportTemplate.replace('{currentPage}', report.currentPage).replace('{totalPages}', report.totalPages).replace('{first}', report.first).replace('{last}', report.last).replace('{rows}', report.rows).replace('{totalRecords}', report.totalRecords);
     var element = /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-paginator-current"
     }, text);
@@ -11456,7 +11455,7 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
     };
 
     var onDragStart = function onDragStart(event) {
-      event.dataTransfer.setData("text", props.dragdropScope);
+      event.dataTransfer.setData('text', props.dragdropScope);
       event.dataTransfer.setData(props.dragdropScope, props.dragdropScope);
 
       if (props.onDragStart) {