primereact 9.2.0 → 9.2.2

package/primereact.all.js

@@ -747,7 +747,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
                   _iterator2.f();
                 }
               }
-              if (parent.nodeType !== 9 && overflowCheck(parent)) {
+              if (parent.nodeType === 1 && overflowCheck(parent)) {
                 scrollableParents.push(parent);
               }
             }
@@ -2353,6 +2353,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
     date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
   });
+  _defineProperty(PrimeReact$1, "changeTheme", function (currentTheme, newTheme, linkElementId, callback) {
+    var _linkElement$parentNo;
+    var linkElement = document.getElementById(linkElementId);
+    var cloneLinkElement = linkElement.cloneNode(true);
+    var newThemeUrl = linkElement.getAttribute('href').replace(currentTheme, newTheme);
+    cloneLinkElement.setAttribute('id', linkElementId + '-clone');
+    cloneLinkElement.setAttribute('href', newThemeUrl);
+    cloneLinkElement.addEventListener('load', function () {
+      linkElement.remove();
+      cloneLinkElement.setAttribute('id', linkElementId);
+      if (callback) {
+        callback();
+      }
+    });
+    (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 ? void 0 : _linkElement$parentNo.insertBefore(cloneLinkElement, linkElement.nextSibling);
+  });
 
   function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -3865,11 +3881,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return;
       }
       DomHandler.removeClass(inkRef.current, 'p-ink-active');
-      if (!DomHandler.getHeight(inkRef.current) && !DomHandler.getWidth(inkRef.current)) {
-        var d = Math.max(DomHandler.getOuterWidth(targetRef.current), DomHandler.getOuterHeight(targetRef.current));
-        inkRef.current.style.height = d + 'px';
-        inkRef.current.style.width = d + 'px';
-      }
+      setDimensions();
       inkRef.current.style.top = offsetY + 'px';
       inkRef.current.style.left = offsetX + 'px';
       DomHandler.addClass(inkRef.current, 'p-ink-active');
@@ -3877,15 +3889,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onAnimationEnd = function onAnimationEnd(event) {
       DomHandler.removeClass(event.currentTarget, 'p-ink-active');
     };
+    var setDimensions = function setDimensions() {
+      if (inkRef.current && !DomHandler.getHeight(inkRef.current) && !DomHandler.getWidth(inkRef.current)) {
+        var d = Math.max(DomHandler.getOuterWidth(targetRef.current), DomHandler.getOuterHeight(targetRef.current));
+        inkRef.current.style.height = d + 'px';
+        inkRef.current.style.width = d + 'px';
+      }
+    };
     useMountEffect(function () {
       if (inkRef.current) {
         targetRef.current = getTarget();
+        setDimensions();
         bindEvents();
       }
     });
     useUpdateEffect(function () {
       if (inkRef.current && !targetRef.current) {
         targetRef.current = getTarget();
+        setDimensions();
         bindEvents();
       }
     });
@@ -4258,10 +4279,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           hideEvents = _getEvents.hideEvents;
         var currentTarget = getTarget(target);
         showEvents.forEach(function (event) {
-          return currentTarget.addEventListener(event, show);
+          return currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.addEventListener(event, show);
         });
         hideEvents.forEach(function (event) {
-          return currentTarget.addEventListener(event, hide);
+          return currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.addEventListener(event, hide);
         });
       }
     };
@@ -4272,10 +4293,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           hideEvents = _getEvents2.hideEvents;
         var currentTarget = getTarget(target);
         showEvents.forEach(function (event) {
-          return currentTarget.removeEventListener(event, show);
+          return currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.removeEventListener(event, show);
         });
         hideEvents.forEach(function (event) {
-          return currentTarget.removeEventListener(event, hide);
+          return currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.removeEventListener(event, hide);
         });
       }
     };
@@ -4309,6 +4330,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (isShowOnDisabled(target)) {
           if (!target.hasWrapper) {
             var wrapper = document.createElement('span');
+            DomHandler.addClass(wrapper, 'p-tooltip-target-wrapper');
             target.parentNode.insertBefore(wrapper, target);
             wrapper.appendChild(target);
             target.hasWrapper = true;
@@ -4531,6 +4553,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var showTooltip = !disabled || props.tooltipOptions && props.tooltipOptions.showOnDisabled;
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip) && showTooltip;
     var otherProps = ButtonBase.getOtherProps(props);
+    var sizeMapping = {
+      large: 'lg',
+      small: 'sm'
+    };
+    var size = sizeMapping[props.size];
     var className = classNames('p-button p-component', props.className, (_classNames2 = {
       'p-button-icon-only': (props.icon || props.loading && props.loadingIcon) && !props.label && !props.children,
       'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
@@ -4542,7 +4569,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'p-button-text': props.text,
       'p-button-rounded': props.rounded,
       'p-button-loading-label-only': props.loading && !props.icon && props.label
-    }, _defineProperty(_classNames2, "p-button-loading-".concat(props.iconPos), props.loading && props.loadingIcon && props.label), _defineProperty(_classNames2, "p-button-".concat(props.size), props.size), _defineProperty(_classNames2, "p-button-".concat(props.severity), props.severity), _classNames2));
+    }, _defineProperty(_classNames2, "p-button-loading-".concat(props.iconPos), props.loading && props.loadingIcon && props.label), _defineProperty(_classNames2, "p-button-".concat(size), size), _defineProperty(_classNames2, "p-button-".concat(props.severity), props.severity), _classNames2));
     var icon = createIcon();
     var label = createLabel();
     var badge = createBadge();
@@ -16467,7 +16494,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = PaginatorBase.getProps(inProps);
     var elementRef = React__namespace.useRef(null);
-    var rppChanged = React__namespace.useRef(false);
     var page = Math.floor(props.first / props.rows);
     var pageCount = Math.ceil(props.totalRecords / props.rows);
     var isFirstPage = page === 0;
@@ -16532,7 +16558,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onRowsChange = function onRowsChange(event) {
       var rows = event.value;
-      rppChanged.current = rows !== props.rows;
       changePage(0, rows);
     };
     React__namespace.useImperativeHandle(ref, function () {
@@ -16543,12 +16568,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       };
     });
-    useUpdateEffect(function () {
-      if (!rppChanged.current) {
-        changePage(props.first, props.rows);
-      }
-      rppChanged.current = false;
-    }, [props.rows]);
     useUpdateEffect(function () {
       if (page > 0 && props.first >= props.totalRecords) {
         changePage((pageCount - 1) * props.rows, props.rows);
@@ -20627,7 +20646,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (ObjectUtils.isNotEmpty(widths)) {
           createStyleElement();
           var innerHTML = '';
-          var selector = ".p-datatable[".concat(attributeSelectorState, "] > .p-datatable-wrapper > .p-datatable-table");
+          var selector = ".p-datatable[".concat(attributeSelectorState, "] > .p-datatable-wrapper ").concat(isVirtualScrollerDisabled() ? '' : '> .p-virtualscroller', " > .p-datatable-table");
           widths.forEach(function (width, index) {
             var style = "width: ".concat(width, "px !important; max-width: ").concat(width, "px !important");
             innerHTML += "\n                        ".concat(selector, " > .p-datatable-thead > tr > th:nth-child(").concat(index + 1, "),\n                        ").concat(selector, " > .p-datatable-tbody > tr > td:nth-child(").concat(index + 1, "),\n                        ").concat(selector, " > .p-datatable-tfoot > tr > td:nth-child(").concat(index + 1, ") {\n                            ").concat(style, "\n                        }\n                    ");
@@ -20798,7 +20817,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       destroyStyleElement();
       createStyleElement();
       var innerHTML = '';
-      var selector = ".p-datatable[".concat(attributeSelectorState, "] > .p-datatable-wrapper > .p-datatable-table");
+      var selector = ".p-datatable[".concat(attributeSelectorState, "] > .p-datatable-wrapper ").concat(isVirtualScrollerDisabled() ? '' : '> .p-virtualscroller', " > .p-datatable-table");
       widths.forEach(function (width, index) {
         var colWidth = index === colIndex ? newColumnWidth : nextColumnWidth && index === colIndex + 1 ? nextColumnWidth : width;
         var style = "width: ".concat(colWidth, "px !important; max-width: ").concat(colWidth, "px !important");
@@ -20965,9 +20984,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createResponsiveStyle = function createResponsiveStyle() {
       if (!responsiveStyleElement.current) {
         responsiveStyleElement.current = DomHandler.createInlineStyle(PrimeReact.nonce);
-        var selector = ".p-datatable[".concat(attributeSelectorState, "] > .p-datatable-wrapper > .p-datatable-table");
-        var gridLinesSelector = ".p-datatable[".concat(attributeSelectorState, "].p-datatable-gridlines > .p-datatable-wrapper > .p-datatable-table");
-        var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    ").concat(selector, " > .p-datatable-thead > tr > th,\n    ").concat(selector, " > .p-datatable-tfoot > tr > td {\n        display: none !important;\n    }\n\n    ").concat(selector, " > .p-datatable-tbody > tr > td {\n        display: flex;\n        width: 100% !important;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    ").concat(selector, " > .p-datatable-tbody > tr > td:not(:last-child) {\n        border: 0 none;\n    }\n\n    ").concat(gridLinesSelector, "] > .p-datatable-tbody > tr > td:last-child {\n        border-top: 0;\n        border-right: 0;\n        border-left: 0;\n    }\n\n    ").concat(selector, " > .p-datatable-tbody > tr > td > .p-column-title {\n        display: block;\n    }\n}\n");
+        var tableSelector = ".p-datatable-wrapper ".concat(isVirtualScrollerDisabled() ? '' : '> .p-virtualscroller', " > .p-datatable-table");
+        var selector = ".p-datatable[".concat(attributeSelectorState, "] > ").concat(tableSelector);
+        var gridLinesSelector = ".p-datatable[".concat(attributeSelectorState, "].p-datatable-gridlines > ").concat(tableSelector);
+        var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    ").concat(selector, " > .p-datatable-thead > tr > th,\n    ").concat(selector, " > .p-datatable-tfoot > tr > td {\n        display: none !important;\n    }\n\n    ").concat(selector, " > .p-datatable-tbody > tr > td {\n        display: flex;\n        width: 100% !important;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    ").concat(selector, " > .p-datatable-tbody > tr > td:not(:last-child) {\n        border: 0 none;\n    }\n\n    ").concat(gridLinesSelector, " > .p-datatable-tbody > tr > td:last-child {\n        border-top: 0;\n        border-right: 0;\n        border-left: 0;\n    }\n\n    ").concat(selector, " > .p-datatable-tbody > tr > td > .p-column-title {\n        display: block;\n    }\n}\n");
         responsiveStyleElement.current.innerHTML = innerHTML;
       }
     };
@@ -21546,7 +21566,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       return null;
     };
-    var createTableHeader = function createTableHeader(options, empty) {
+    var createTableHeader = function createTableHeader(options, empty, _isVirtualScrollerDisabled) {
       var sortField = getSortField();
       var sortOrder = getSortOrder();
       var multiSortMeta = _toConsumableArray(getMultiSortMeta());
@@ -21554,9 +21574,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var filters = d_filtersState;
       var filtersStore = !props.onFilter && props.filters || getFilters();
       var processedData = options.items,
+        virtualScrollerProps = options.props,
         columns = options.columns;
+      var data = _isVirtualScrollerDisabled || virtualScrollerProps.lazy ? processedData : virtualScrollerProps.items;
       return /*#__PURE__*/React__namespace.createElement(TableHeader, {
-        value: processedData,
+        value: data,
         tableProps: props,
         columns: columns,
         tabIndex: props.tabIndex,
@@ -21794,7 +21816,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             'p-datatable-resizable-table': props.resizableColumns,
             'p-datatable-resizable-table-fit': props.resizableColumns && props.columnResizeMode === 'fit'
           }, props.tableClassName);
-          var tableHeader = createTableHeader(options, empty);
+          var tableHeader = createTableHeader(options, empty, _isVirtualScrollerDisabled);
           var tableBody = createTableBody(options, selectionModeInColumn, empty, _isVirtualScrollerDisabled);
           var tableFooter = createTableFooter(options);
           return /*#__PURE__*/React__namespace.createElement("table", {
@@ -26838,6 +26860,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var createSubmenu = function createSubmenu(submenu) {
+      if (submenu.visible === false) {
+        return null;
+      }
       var className = classNames('p-megamenu-submenu-header', {
         'p-disabled': submenu.disabled
       }, submenu.className);
@@ -27210,14 +27235,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var currentText = value.substring(triggerState.index, spaceIndex > -1 ? spaceIndex : selectionStart);
       var selectedText = formatValue(suggestion).replace(/\s+/g, '');
       if (currentText.trim() !== selectedText) {
-        var diff = 0;
-        while (diff < selectedText.length) {
-          var s_c = selectedText.charAt(diff);
-          var c_c = currentText.charAt(diff);
-          if (s_c === c_c || c_c === ' ') diff++;else break;
-        }
         var prevText = value.substring(0, triggerState.index);
-        var nextText = value.substring(triggerState.index + diff);
+        var nextText = value.substring(triggerState.index + currentText.length);
         inputRef.current.value = "".concat(prevText).concat(selectedText, " ").concat(nextText);
         props.onChange && props.onChange(event);
       }
@@ -28438,7 +28457,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         showSelectAll: props.showSelectAll,
         selectAll: props.isAllSelected(),
         onSelectAll: props.onSelectAll,
-        template: props.panelHeaderTemplate
+        template: props.panelHeaderTemplate,
+        resetFilter: props.resetFilter
       });
     };
     var createFooter = function createFooter() {
@@ -33836,9 +33856,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var newValue = parsedValue;
       if (props.range) {
         if (handleIndex.current === 0) {
-          if (parsedValue < props.min) parsedValue = props.min;else if (parsedValue > value[1]) parsedValue = value[1];
+          if (parsedValue < props.min) parsedValue = props.min;else if (parsedValue > props.max) parsedValue = props.max;
         } else {
-          if (parsedValue > props.max) parsedValue = props.max;else if (parsedValue < value[0]) parsedValue = value[0];
+          if (parsedValue > props.max) parsedValue = props.max;else if (parsedValue < props.min) parsedValue = props.min;
         }
         newValue = _toConsumableArray(value);
         newValue[handleIndex.current] = parsedValue;
@@ -33896,12 +33916,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var handleValueEnd = (value[1] > props.max ? props.max : value[1] - props.min) * 100 / (props.max - props.min);
       var rangeStartHandle = horizontal ? createHandle(handleValueStart, null, 0) : createHandle(null, handleValueStart, 0);
       var rangeEndHandle = horizontal ? createHandle(handleValueEnd, null, 1) : createHandle(null, handleValueEnd, 1);
+      var rangeSliderWidth = handleValueEnd > handleValueStart ? handleValueEnd - handleValueStart : handleValueStart - handleValueEnd;
+      var rangeSliderPosition = handleValueEnd > handleValueStart ? handleValueStart : handleValueEnd;
       var rangeStyle = horizontal ? {
-        left: handleValueStart + '%',
-        width: handleValueEnd - handleValueStart + '%'
+        left: rangeSliderPosition + '%',
+        width: rangeSliderWidth + '%'
       } : {
-        bottom: handleValueStart + '%',
-        height: handleValueEnd - handleValueStart + '%'
+        bottom: rangeSliderPosition + '%',
+        height: rangeSliderWidth + '%'
       };
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-slider-range",
@@ -34285,6 +34307,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       buttonProps: null,
       menuButtonProps: null,
       tabIndex: null,
+      severity: null,
+      rounded: false,
+      raised: false,
+      outlined: false,
+      text: false,
+      size: null,
       appendTo: null,
       tooltip: null,
       tooltipOptions: null,
@@ -34416,6 +34444,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   SplitButtonPanel.displayName = 'SplitButtonPanel';
 
   var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var _classNames;
     var props = SplitButtonBase.getProps(inProps);
     var _React$useState = React__namespace.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -34512,9 +34541,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = SplitButtonBase.getOtherProps(props);
-    var className = classNames('p-splitbutton p-component', props.className, {
-      'p-disabled': props.disabled
-    });
+    var sizeMapping = {
+      large: 'lg',
+      small: 'sm'
+    };
+    var size = sizeMapping[props.size];
+    var className = classNames('p-splitbutton p-component', props.className, (_classNames = {
+      'p-disabled': props.disabled,
+      'p-button-loading-label-only': props.loading && !props.icon && props.label
+    }, _defineProperty(_classNames, "p-button-".concat(props.severity), props.severity), _defineProperty(_classNames, 'p-button-raised', props.raised), _defineProperty(_classNames, 'p-button-rounded', props.rounded), _defineProperty(_classNames, 'p-button-text', props.text), _defineProperty(_classNames, 'p-button-outlined', props.outlined), _defineProperty(_classNames, "p-button-".concat(size), size), _classNames));
     var buttonClassName = classNames('p-splitbutton-defaultbutton', props.buttonClassName);
     var menuButtonClassName = classNames('p-splitbutton-menubutton', props.menuButtonClassName);
     var buttonContent = props.buttonTemplate ? ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;