primereact 9.2.0 → 9.2.1

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; }
@@ -4258,10 +4274,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 +4288,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 +4325,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 +4548,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 +4564,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 +16489,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 +16553,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 +16563,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 +20641,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 +20812,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 +20979,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 +21561,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 +21569,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 +21811,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 +26855,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);
@@ -28438,7 +28458,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() {
@@ -34285,6 +34306,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 +34443,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 +34540,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;