primereact 7.0.1 → 7.1.0

package/core/core.js

@@ -931,7 +931,12 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "isExist",
       value: function isExist(element) {
-        return element !== null && typeof element !== 'undefined' && element.nodeName;
+        return element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode;
+      }
+    }, {
+      key: "hasDOM",
+      value: function hasDOM() {
+        return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
       }
     }, {
       key: "getFocusableElements",
@@ -1057,6 +1062,48 @@ this.primereact.utils = (function (exports, React) {
           }
         }
       }
+      /**
+       * Anytime an inline style is created check environment variable 'process.env.REACT_APP_CSS_NONCE'
+       * to set a CSP NONCE.
+       *
+       * @see https://github.com/primefaces/primereact/issues/2423
+       * @return HtmlStyleElement
+       */
+
+    }, {
+      key: "createInlineStyle",
+      value: function createInlineStyle() {
+        var styleElement = document.createElement('style');
+        var nonce = process.env.REACT_APP_CSS_NONCE;
+
+        if (nonce) {
+          styleElement.setAttribute('nonce', nonce);
+        }
+
+        document.head.appendChild(styleElement);
+        return styleElement;
+      }
+      /**
+       * Remove a style element from the head and attempt to prevent DOM Exception on fast refresh.
+       *
+       * @see https://github.com/primefaces/primereact/issues/2469
+       * @param {HtmlStyleElement} styleElement the element to remove from head
+       */
+
+    }, {
+      key: "removeInlineStyle",
+      value: function removeInlineStyle(styleElement) {
+        if (this.isExist(styleElement)) {
+          try {
+            document.head.removeChild(styleElement);
+          } catch (error) {// style element may have already been removed in a fast refresh
+          }
+
+          styleElement = null;
+        }
+
+        return styleElement;
+      }
     }]);
 
     return DomHandler;
@@ -2052,6 +2099,8 @@ this.primereact.api = (function (exports, utils) {
 
   _defineProperty(PrimeReact, "appendTo", null);
 
+  _defineProperty(PrimeReact, "cssTransition", true);
+
   _defineProperty(PrimeReact, "autoZIndex", true);
 
   _defineProperty(PrimeReact, "zIndex", {
@@ -2875,12 +2924,13 @@ this.primereact.ripple = (function (exports, React, utils, PrimeReact) {
 })({}, React, primereact.utils, primereact.api);
 
 this.primereact = this.primereact || {};
-this.primereact.csstransition = (function (exports, React, reactTransitionGroup) {
+this.primereact.csstransition = (function (exports, React, reactTransitionGroup, PrimeReact, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
   function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -3012,6 +3062,11 @@ this.primereact.csstransition = (function (exports, React, reactTransitionGroup)
     }
 
     _createClass(CSSTransition, [{
+      key: "disabled",
+      get: function get() {
+        return this.props.disabled || this.props.options && this.props.options.disabled || !PrimeReact__default["default"].cssTransition;
+      }
+    }, {
       key: "onEnter",
       value: function onEnter(node, isAppearing) {
         this.props.onEnter && this.props.onEnter(node, isAppearing); // component
@@ -3053,28 +3108,50 @@ this.primereact.csstransition = (function (exports, React, reactTransitionGroup)
 
         this.props.options && this.props.options.onExited && this.props.options.onExited(node); // user option
       }
+    }, {
+      key: "componentDidUpdate",
+      value: function componentDidUpdate(prevProps) {
+        if (this.props.in !== prevProps.in && this.disabled) {
+          // no animation
+          var node = utils.ObjectUtils.getRefElement(this.props.nodeRef);
+
+          if (this.props.in) {
+            this.onEnter(node, true);
+            this.onEntering(node, true);
+            this.onEntered(node, true);
+          } else {
+            this.onExit(node);
+            this.onExiting(node);
+            this.onExited(node);
+          }
+        }
+      }
     }, {
       key: "render",
       value: function render() {
-        var immutableProps = {
-          nodeRef: this.props.nodeRef,
-          in: this.props.in,
-          onEnter: this.onEnter,
-          onEntering: this.onEntering,
-          onEntered: this.onEntered,
-          onExit: this.onExit,
-          onExiting: this.onExiting,
-          onExited: this.onExited
-        };
-        var mutableProps = {
-          classNames: this.props.classNames,
-          timeout: this.props.timeout,
-          unmountOnExit: this.props.unmountOnExit
-        };
+        if (this.disabled) {
+          return this.props.in ? this.props.children : null;
+        } else {
+          var immutableProps = {
+            nodeRef: this.props.nodeRef,
+            in: this.props.in,
+            onEnter: this.onEnter,
+            onEntering: this.onEntering,
+            onEntered: this.onEntered,
+            onExit: this.onExit,
+            onExiting: this.onExiting,
+            onExited: this.onExited
+          };
+          var mutableProps = {
+            classNames: this.props.classNames,
+            timeout: this.props.timeout,
+            unmountOnExit: this.props.unmountOnExit
+          };
 
-        var props = _objectSpread(_objectSpread(_objectSpread({}, mutableProps), this.props.options || {}), immutableProps);
+          var props = _objectSpread(_objectSpread(_objectSpread({}, mutableProps), this.props.options || {}), immutableProps);
 
-        return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, props, this.props.children);
+          return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, props, this.props.children);
+        }
       }
     }]);
 
@@ -3087,10 +3164,10 @@ this.primereact.csstransition = (function (exports, React, reactTransitionGroup)
 
   return exports;
 
-})({}, React, ReactTransitionGroup);
+})({}, React, ReactTransitionGroup, primereact.api, primereact.utils);
 
 this.primereact = this.primereact || {};
-this.primereact.portal = (function (exports, react, ReactDOM, PrimeReact) {
+this.primereact.portal = (function (exports, react, ReactDOM, PrimeReact, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -3221,14 +3298,9 @@ this.primereact.portal = (function (exports, react, ReactDOM, PrimeReact) {
     }
 
     _createClass(Portal, [{
-      key: "hasDOM",
-      value: function hasDOM() {
-        return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-      }
-    }, {
       key: "componentDidMount",
       value: function componentDidMount() {
-        if (this.hasDOM() && !this.state.mounted) {
+        if (utils.DomHandler.hasDOM() && !this.state.mounted) {
           this.setState({
             mounted: true
           }, this.props.onMounted);
@@ -3270,7 +3342,7 @@ this.primereact.portal = (function (exports, react, ReactDOM, PrimeReact) {
 
   return exports;
 
-})({}, React, ReactDOM, primereact.api);
+})({}, React, ReactDOM, primereact.api, primereact.utils);
 
 this.primereact = this.primereact || {};
 this.primereact.keyfilter = (function (exports, utils) {
@@ -3632,6 +3704,11 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, utils, portal, Pr
       value: function isDisabled(target) {
         return this.getTargetOption(target, 'disabled') === 'true' || this.hasTargetOption(target, 'disabled') || this.props.disabled;
       }
+    }, {
+      key: "isShowOnDisabled",
+      value: function isShowOnDisabled(target) {
+        return this.getTargetOption(target, 'showondisabled') || this.props.showOnDisabled;
+      }
     }, {
       key: "isAutoHide",
       value: function isAutoHide() {
@@ -3711,8 +3788,10 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, utils, portal, Pr
         var _this2 = this;
 
         this.currentTarget = e.currentTarget;
+        var disabled = this.isDisabled(this.currentTarget);
+        var empty = this.isContentEmpty(this.isShowOnDisabled(this.currentTarget) && disabled ? this.currentTarget.firstChild : this.currentTarget);
 
-        if (this.isContentEmpty(this.currentTarget) || this.isDisabled(this.currentTarget)) {
+        if (empty || disabled) {
           return;
         }
 
@@ -3917,7 +3996,7 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, utils, portal, Pr
         var _this5 = this;
 
         this.documentResizeListener = function (e) {
-          if (!utils.DomHandler.isAndroid()) {
+          if (!utils.DomHandler.isTouchDevice()) {
             _this5.hide(e);
           }
         };
@@ -3962,8 +4041,9 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, utils, portal, Pr
               showEvent = _this$getEvents.showEvent,
               hideEvent = _this$getEvents.hideEvent;
 
-          target.addEventListener(showEvent, this.show);
-          target.addEventListener(hideEvent, this.hide);
+          var currentTarget = this.getTarget(target);
+          currentTarget.addEventListener(showEvent, this.show);
+          currentTarget.addEventListener(hideEvent, this.hide);
         }
       }
     }, {
@@ -3974,8 +4054,9 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, utils, portal, Pr
               showEvent = _this$getEvents2.showEvent,
               hideEvent = _this$getEvents2.hideEvent;
 
-          target.removeEventListener(showEvent, this.show);
-          target.removeEventListener(hideEvent, this.hide);
+          var currentTarget = this.getTarget(target);
+          currentTarget.removeEventListener(showEvent, this.show);
+          currentTarget.removeEventListener(hideEvent, this.hide);
         }
       }
     }, {
@@ -4010,6 +4091,22 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, utils, portal, Pr
         clearTimeout(this.updateDelayTimeout);
         clearTimeout(this.hideDelayTimeout);
       }
+    }, {
+      key: "getTarget",
+      value: function getTarget(target) {
+        if (target) {
+          if (this.isShowOnDisabled(target)) {
+            var wrapper = document.createElement('span');
+            target.parentNode.insertBefore(wrapper, target);
+            wrapper.appendChild(target);
+            return wrapper;
+          }
+
+          return target;
+        }
+
+        return null;
+      }
     }, {
       key: "updateTargetEvents",
       value: function updateTargetEvents(target) {
@@ -4166,6 +4263,7 @@ this.primereact.tooltip = (function (exports, React, ReactDOM, utils, portal, Pr
     updateDelay: 0,
     hideDelay: 0,
     autoHide: true,
+    showOnDisabled: false,
     onBeforeShow: null,
     onBeforeHide: null,
     onShow: null,
@@ -4757,7 +4855,7 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
         };
 
         var calculateFirst = function calculateFirst(_currentIndex, _triggerIndex, _first, _last, _num, _numT, _isScrollDownOrRight) {
-          if (_currentIndex <= _numT) return 0;else return _isScrollDownOrRight ? _currentIndex < _triggerIndex ? _first : _currentIndex - _numT : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT;
+          if (_currentIndex <= _numT) return 0;else return Math.max(0, _isScrollDownOrRight ? _currentIndex < _triggerIndex ? _first : _currentIndex - _numT : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT);
         };
 
         var calculateLast = function calculateLast(_currentIndex, _first, _last, _num, _numT, _isCols) {
@@ -4929,6 +5027,16 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
 
         return [];
       }
+    }, {
+      key: "isPropChanged",
+      value: function isPropChanged(prevProps) {
+        var _this12 = this;
+
+        var props = ['itemSize', 'scrollHeight'];
+        return props.some(function (p) {
+          return !utils.ObjectUtils.equals(prevProps[p], _this12.props[p]);
+        });
+      }
     }, {
       key: "init",
       value: function init() {
@@ -4944,7 +5052,7 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
     }, {
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps, prevState) {
-        if (!utils.ObjectUtils.equals(prevProps.itemSize, this.props.itemSize) || !prevProps.items || prevProps.items.length !== (this.props.items || []).length) {
+        if (!prevProps.items || prevProps.items.length !== (this.props.items || []).length || this.isPropChanged(prevProps)) {
           this.init();
         }
 
@@ -4974,7 +5082,7 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
     }, {
       key: "renderLoader",
       value: function renderLoader() {
-        var _this12 = this;
+        var _this13 = this;
 
         if (!this.props.loaderDisabled && this.props.showLoader && this.state.loading) {
           var className = utils.classNames('p-virtualscroller-loader', {
@@ -4988,7 +5096,7 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
             var isBoth = this.isBoth();
             var numItemsInViewport = this.state.numItemsInViewport;
             content = this.state.loaderArr.map(function (_, index) {
-              return _this12.renderLoaderItem(index, isBoth && {
+              return _this13.renderLoaderItem(index, isBoth && {
                 numCols: numItemsInViewport.cols
               });
             });
@@ -5004,12 +5112,12 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
     }, {
       key: "renderSpacer",
       value: function renderSpacer() {
-        var _this13 = this;
+        var _this14 = this;
 
         if (this.props.showSpacer) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
             ref: function ref(el) {
-              return _this13.spacer = el;
+              return _this14.spacer = el;
             },
             className: "p-virtualscroller-spacer"
           });
@@ -5029,16 +5137,16 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
     }, {
       key: "renderItems",
       value: function renderItems(loadedItems) {
-        var _this14 = this;
+        var _this15 = this;
 
         return loadedItems.map(function (item, index) {
-          return _this14.renderItem(item, index);
+          return _this15.renderItem(item, index);
         });
       }
     }, {
       key: "renderContent",
       value: function renderContent() {
-        var _this15 = this;
+        var _this16 = this;
 
         var loadedItems = this.loadedItems();
         var items = this.renderItems(loadedItems);
@@ -5048,7 +5156,7 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
         var content = /*#__PURE__*/React__default["default"].createElement("div", {
           className: className,
           ref: function ref(el) {
-            return _this15.content = el;
+            return _this16.content = el;
           }
         }, items);
 
@@ -5056,24 +5164,24 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
           var defaultOptions = {
             className: className,
             contentRef: function contentRef(el) {
-              return _this15.content = el;
+              return _this16.content = el;
             },
             spacerRef: function spacerRef(el) {
-              return _this15.spacer = el;
+              return _this16.spacer = el;
             },
             stickyRef: function stickyRef(el) {
-              return _this15.sticky = el;
+              return _this16.sticky = el;
             },
             items: loadedItems,
             getItemOptions: function getItemOptions(index) {
-              return _this15.getOptions(index);
+              return _this16.getOptions(index);
             },
             children: items,
             element: content,
             props: this.props,
             loading: this.state.loading,
             getLoaderOptions: function getLoaderOptions(index, ext) {
-              return _this15.loaderOptions(index, ext);
+              return _this16.loaderOptions(index, ext);
             },
             loadingTemplate: this.props.loadingTemplate,
             itemSize: this.props.itemSize,
@@ -5091,7 +5199,7 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
     }, {
       key: "render",
       value: function render() {
-        var _this16 = this;
+        var _this17 = this;
 
         if (this.props.disabled) {
           var content = utils.ObjectUtils.getJSXElement(this.props.contentTemplate, {
@@ -5114,7 +5222,7 @@ this.primereact.virtualscroller = (function (exports, React, utils) {
           var spacer = this.renderSpacer();
           return /*#__PURE__*/React__default["default"].createElement("div", {
             ref: function ref(el) {
-              return _this16.el = el;
+              return _this17.el = el;
             },
             className: className,
             tabIndex: 0,
@@ -6995,11 +7103,16 @@ this.primereact.inputnumber = (function (exports, React, inputtext, utils, toolt
 
         if (valueStr != null) {
           newValue = this.parseValue(valueStr);
-          newValue = !newValue && !this.props.allowEmpty ? 0 : newValue;
+          newValue = this.evaluateEmpty(newValue);
           this.updateInput(newValue, insertedValueStr, operation, valueStr);
           this.handleOnChange(event, currentValue, newValue);
         }
       }
+    }, {
+      key: "evaluateEmpty",
+      value: function evaluateEmpty(newValue) {
+        return !newValue && !this.props.allowEmpty ? this.props.min || 0 : newValue;
+      }
     }, {
       key: "handleOnChange",
       value: function handleOnChange(event, currentValue, newValue) {
@@ -7113,7 +7226,7 @@ this.primereact.inputnumber = (function (exports, React, inputtext, utils, toolt
     }, {
       key: "updateInputValue",
       value: function updateInputValue(newValue) {
-        newValue = !newValue && !this.props.allowEmpty ? 0 : newValue;
+        newValue = this.evaluateEmpty(newValue);
         var inputEl = this.inputRef.current;
         var value = inputEl.value;
         var formattedValue = this.formattedValue(newValue);
@@ -7126,8 +7239,8 @@ this.primereact.inputnumber = (function (exports, React, inputtext, utils, toolt
     }, {
       key: "formattedValue",
       value: function formattedValue(val) {
-        var newVal = !val && !this.props.allowEmpty ? 0 : val;
-        return this.formatValue(newVal);
+        var newValue = this.evaluateEmpty(val);
+        return this.formatValue(newValue);
       }
     }, {
       key: "concatValues",
@@ -7335,7 +7448,7 @@ this.primereact.inputnumber = (function (exports, React, inputtext, utils, toolt
           size: this.props.size,
           tabIndex: this.props.tabIndex,
           inputMode: this.getInputMode(),
-          maxLength: this.props.maxlength,
+          maxLength: this.props.maxLength,
           disabled: this.props.disabled,
           required: this.props.required,
           pattern: this.props.pattern,
@@ -9189,10 +9302,10 @@ this.primereact.dropdown = (function (exports, React, utils, ripple, csstransiti
     }, {
       key: "onOverlayEntered",
       value: function onOverlayEntered(callback) {
+        callback && callback();
         this.bindDocumentClickListener();
         this.bindScrollListener();
         this.bindResizeListener();
-        callback && callback();
         this.props.onShow && this.props.onShow();
       }
     }, {
@@ -9361,7 +9474,11 @@ this.primereact.dropdown = (function (exports, React, utils, ripple, csstransiti
     }, {
       key: "checkValidity",
       value: function checkValidity() {
-        return this.inputRef.current.checkValidity();
+        if (this.inputRef.current) {
+          return this.inputRef.current.checkValidity();
+        }
+
+        return false;
       }
     }, {
       key: "isLazy",
@@ -9443,7 +9560,10 @@ this.primereact.dropdown = (function (exports, React, utils, ripple, csstransiti
         }
 
         this.updateInputField();
-        this.inputRef.current.selectedIndex = 1;
+
+        if (this.inputRef.current) {
+          this.inputRef.current.selectedIndex = 1;
+        }
       }
     }, {
       key: "componentWillUnmount",
@@ -9494,7 +9614,10 @@ this.primereact.dropdown = (function (exports, React, utils, ripple, csstransiti
         }
 
         this.updateInputField();
-        this.inputRef.current.selectedIndex = 1;
+
+        if (this.inputRef.current) {
+          this.inputRef.current.selectedIndex = 1;
+        }
       }
     }, {
       key: "renderHiddenSelect",
@@ -10330,8 +10453,7 @@ this.primereact.dialog = (function (exports, React, utils, csstransition, ripple
       key: "createStyle",
       value: function createStyle() {
         if (!this.styleElement) {
-          this.styleElement = document.createElement('style');
-          document.head.appendChild(this.styleElement);
+          this.styleElement = utils.DomHandler.createInlineStyle();
           var innerHTML = '';
 
           for (var breakpoint in this.props.breakpoints) {
@@ -10399,12 +10521,7 @@ this.primereact.dialog = (function (exports, React, utils, csstransition, ripple
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
         this.disableDocumentSettings();
-
-        if (this.styleElement) {
-          document.head.removeChild(this.styleElement);
-          this.styleElement = null;
-        }
-
+        this.styleElement = utils.DomHandler.removeInlineStyle(this.styleElement);
         utils.ZIndexUtils.clear(this.mask);
       }
     }, {