primereact 9.2.0 → 9.2.2

package/primereact.all.esm.js

@@ -725,7 +725,7 @@ var DomHandler = /*#__PURE__*/function () {
                 _iterator2.f();
               }
             }
-            if (parent.nodeType !== 9 && overflowCheck(parent)) {
+            if (parent.nodeType === 1 && overflowCheck(parent)) {
               scrollableParents.push(parent);
             }
           }
@@ -2331,6 +2331,22 @@ _defineProperty(PrimeReact$1, "filterMatchModeOptions", {
   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; }
@@ -3843,11 +3859,7 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function ()
       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');
@@ -3855,15 +3867,24 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function ()
   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();
     }
   });
@@ -4236,10 +4257,10 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
         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);
       });
     }
   };
@@ -4250,10 +4271,10 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
         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);
       });
     }
   };
@@ -4287,6 +4308,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       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;
@@ -4509,6 +4531,11 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
   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,
@@ -4520,7 +4547,7 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     '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();
@@ -16445,7 +16472,6 @@ RowsPerPageDropdown.displayName = 'RowsPerPageDropdown';
 var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = PaginatorBase.getProps(inProps);
   var elementRef = React.useRef(null);
-  var rppChanged = React.useRef(false);
   var page = Math.floor(props.first / props.rows);
   var pageCount = Math.ceil(props.totalRecords / props.rows);
   var isFirstPage = page === 0;
@@ -16510,7 +16536,6 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   var onRowsChange = function onRowsChange(event) {
     var rows = event.value;
-    rppChanged.current = rows !== props.rows;
     changePage(0, rows);
   };
   React.useImperativeHandle(ref, function () {
@@ -16521,12 +16546,6 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }
     };
   });
-  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);
@@ -20605,7 +20624,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       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                    ");
@@ -20776,7 +20795,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     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");
@@ -20943,9 +20962,10 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   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;
     }
   };
@@ -21524,7 +21544,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     }
     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());
@@ -21532,9 +21552,11 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     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.createElement(TableHeader, {
-      value: processedData,
+      value: data,
       tableProps: props,
       columns: columns,
       tabIndex: props.tabIndex,
@@ -21772,7 +21794,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
           '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.createElement("table", {
@@ -26816,6 +26838,9 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   };
   var createSubmenu = function createSubmenu(submenu) {
+    if (submenu.visible === false) {
+      return null;
+    }
     var className = classNames('p-megamenu-submenu-header', {
       'p-disabled': submenu.disabled
     }, submenu.className);
@@ -27188,14 +27213,8 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     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);
     }
@@ -28416,7 +28435,8 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
       showSelectAll: props.showSelectAll,
       selectAll: props.isAllSelected(),
       onSelectAll: props.onSelectAll,
-      template: props.panelHeaderTemplate
+      template: props.panelHeaderTemplate,
+      resetFilter: props.resetFilter
     });
   };
   var createFooter = function createFooter() {
@@ -33814,9 +33834,9 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     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;
@@ -33874,12 +33894,14 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       className: "p-slider-range",
@@ -34263,6 +34285,12 @@ var SplitButtonBase = {
     buttonProps: null,
     menuButtonProps: null,
     tabIndex: null,
+    severity: null,
+    rounded: false,
+    raised: false,
+    outlined: false,
+    text: false,
+    size: null,
     appendTo: null,
     tooltip: null,
     tooltipOptions: null,
@@ -34394,6 +34422,7 @@ var SplitButtonPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 SplitButtonPanel.displayName = 'SplitButtonPanel';
 
 var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var _classNames;
   var props = SplitButtonBase.getProps(inProps);
   var _React$useState = React.useState(props.id),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -34490,9 +34519,15 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   }
   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;