primereact 8.6.0 → 8.7.0

package/core/core.js

@@ -2315,14 +2315,23 @@ this.primereact.api = (function (exports, utils) {
       filter: function filter(value, fields, filterValue, filterMatchMode, filterLocale) {
         var filteredItems = [];
 
-        if (value) {
-          var _iterator = _createForOfIteratorHelper(value),
-              _step;
+        if (!value) {
+          return filteredItems;
+        }
 
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              var item = _step.value;
+        var _iterator = _createForOfIteratorHelper(value),
+            _step;
 
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var item = _step.value;
+
+            if (typeof item === 'string') {
+              if (this.filters[filterMatchMode](item, filterValue, filterLocale)) {
+                filteredItems.push(item);
+                continue;
+              }
+            } else {
               var _iterator2 = _createForOfIteratorHelper(fields),
                   _step2;
 
@@ -2342,11 +2351,11 @@ this.primereact.api = (function (exports, utils) {
                 _iterator2.f();
               }
             }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
           }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
 
         return filteredItems;
@@ -3560,15 +3569,22 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
       var bindEvents = function bindEvents() {
         if (targetRef.current) {
           targetRef.current.addEventListener('mousedown', onMouseDown);
+          utils.DomHandler.isTouchDevice() && targetRef.current.addEventListener('touchstart', onTouchStart);
         }
       };
 
       var unbindEvents = function unbindEvents() {
         if (targetRef.current) {
           targetRef.current.removeEventListener('mousedown', onMouseDown);
+          utils.DomHandler.isTouchDevice() && targetRef.current.removeEventListener('touchstart', onTouchStart);
         }
       };
 
+      var onTouchStart = function onTouchStart(event) {
+        onMouseDown(event);
+        event.preventDefault();
+      };
+
       var onMouseDown = function onMouseDown(event) {
         if (!inkRef.current || getComputedStyle(inkRef.current, null).display === 'none') {
           return;
@@ -4646,6 +4662,8 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         updateTargetEvents: updateTargetEvents,
         loadTargetEvents: loadTargetEvents,
         unloadTargetEvents: unloadTargetEvents,
+        show: show,
+        hide: hide,
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -5915,7 +5933,6 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     var checked = isChecked();
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Checkbox.defaultProps);
-    var dataProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.DATA_PROPS);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-checkbox p-component', {
       'p-checkbox-checked': checked,
@@ -5957,7 +5974,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       disabled: props.disabled,
       readOnly: props.readOnly,
       required: props.required
-    }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("div", {
+    }, ariaProps))), /*#__PURE__*/React__namespace.createElement("div", {
       className: boxClass
     }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
@@ -6105,7 +6122,7 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
     var disabled = props.disabled || props.loading;
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Button.defaultProps);
     var className = utils.classNames('p-button p-component', props.className, _defineProperty({
-      'p-button-icon-only': (props.icon || props.loading && props.loadingIcon) && !props.label,
+      '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,
       'p-disabled': disabled,
       'p-button-loading': props.loading,
@@ -6842,7 +6859,7 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
                 _decimal.current.lastIndex = 0;
 
                 if (_decimalLength) {
-                  $refs.input.$el.setSelectionRange(selectionStart + 1, selectionStart + 1);
+                  inputRef.current.setSelectionRange(selectionStart + 1, selectionStart + 1);
                 } else {
                   newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1);
                 }
@@ -7168,7 +7185,15 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
     };
 
     var validateValue = function validateValue(value) {
-      if (value === '-' || value == null) {
+      if (value === '-') {
+        return null;
+      }
+
+      return validateValueByLimit(value);
+    };
+
+    var validateValueByLimit = function validateValueByLimit(value) {
+      if (utils.ObjectUtils.isEmpty(value)) {
         return null;
       }
 
@@ -7334,8 +7359,8 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
     };
 
     var changeValue = function changeValue() {
+      updateInputValue(validateValueByLimit(props.value));
       var newValue = validateValue(props.value);
-      updateInputValue(newValue);
 
       if (props.value !== null && props.value !== newValue) {
         updateModel(null, newValue);
@@ -7934,9 +7959,7 @@ this.primereact.progressbar = (function (exports, React, utils) {
     var createLabel = function createLabel() {
       if (props.showValue && props.value != null) {
         var label = props.displayValueTemplate ? props.displayValueTemplate(props.value) : props.value + props.unit;
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-progressbar-label"
-        }, label);
+        return label;
       }
 
       return null;
@@ -7959,10 +7982,12 @@ this.primereact.progressbar = (function (exports, React, utils) {
         className: "p-progressbar-value p-progressbar-value-animate",
         style: {
           width: props.value + '%',
-          display: 'block',
+          display: 'flex',
           backgroundColor: props.color
         }
-      }), label);
+      }, props.value != null && props.value !== 0 && props.showValue && /*#__PURE__*/React__namespace.createElement("div", {
+        className: "p-progressbar-label"
+      }, label)));
     };
 
     var createIndeterminate = function createIndeterminate() {
@@ -9104,14 +9129,14 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
 
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-hidden-accessible p-dropdown-hidden-select"
-      }, /*#__PURE__*/React__namespace.createElement("select", _extends({
+      }, /*#__PURE__*/React__namespace.createElement("select", {
         ref: inputRef,
         required: props.required,
         defaultValue: option.value,
         name: props.name,
         tabIndex: -1,
         "aria-hidden": "true"
-      }, dataProps), /*#__PURE__*/React__namespace.createElement("option", {
+      }, /*#__PURE__*/React__namespace.createElement("option", {
         value: option.value
       }, option.label)));
     };
@@ -9194,7 +9219,6 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
     var selectedOption = getSelectedOption();
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Dropdown.defaultProps);
-    var dataProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.DATA_PROPS);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-dropdown p-component p-inputwrapper', {
       'p-disabled': props.disabled,
@@ -9787,16 +9811,17 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
 
     var disableDocumentSettings = function disableDocumentSettings() {
       unbindGlobalListeners();
+      var isMaximized = props.maximizable && maximized;
 
       if (props.modal) {
         var hasBlockScroll = document.primeDialogParams && document.primeDialogParams.some(function (param) {
           return param.hasBlockScroll;
         });
 
-        if (hasBlockScroll) {
+        if (hasBlockScroll || isMaximized) {
           utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
         }
-      } else if (props.blockScroll || props.maximizable && maximized) {
+      } else if (props.blockScroll || isMaximized) {
         utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
       }
     };
@@ -10078,51 +10103,51 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
   Dialog.displayName = 'Dialog';
   Dialog.defaultProps = {
     __TYPE: 'Dialog',
-    id: null,
-    header: null,
-    footer: null,
-    visible: false,
-    position: 'center',
-    draggable: true,
-    resizable: true,
-    modal: true,
-    onHide: null,
-    onShow: null,
-    headerStyle: null,
-    headerClassName: null,
-    contentStyle: null,
-    contentClassName: null,
-    closeOnEscape: true,
-    dismissableMask: false,
-    rtl: false,
-    closable: true,
-    style: null,
-    className: null,
-    maskStyle: null,
-    maskClassName: null,
-    showHeader: true,
     appendTo: null,
+    ariaCloseIconLabel: null,
     baseZIndex: 0,
-    maximizable: false,
     blockScroll: false,
-    icons: null,
-    ariaCloseIconLabel: null,
+    breakpoints: null,
+    className: null,
+    closable: true,
+    closeOnEscape: true,
+    contentClassName: null,
+    contentStyle: null,
+    dismissableMask: false,
+    draggable: true,
     focusOnShow: true,
-    minX: 0,
-    minY: 0,
+    footer: null,
+    header: null,
+    headerClassName: null,
+    headerStyle: null,
+    icons: null,
+    id: null,
     keepInViewport: true,
+    maskClassName: null,
+    maskStyle: null,
+    maximizable: false,
     maximized: false,
-    breakpoints: null,
-    transitionOptions: null,
-    onMaximize: null,
-    onDragStart: null,
+    minX: 0,
+    minY: 0,
+    modal: true,
+    onClick: null,
     onDrag: null,
     onDragEnd: null,
-    onResizeStart: null,
+    onDragStart: null,
+    onHide: null,
+    onMaskClick: null,
+    onMaximize: null,
     onResize: null,
     onResizeEnd: null,
-    onClick: null,
-    onMaskClick: null
+    onResizeStart: null,
+    onShow: null,
+    position: 'center',
+    resizable: true,
+    rtl: false,
+    showHeader: true,
+    style: null,
+    transitionOptions: null,
+    visible: false
   };
 
   exports.Dialog = Dialog;
@@ -10134,7 +10159,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
 })({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.portal, primereact.ripple, primereact.utils);
 
 this.primereact = this.primereact || {};
-this.primereact.paginator = (function (exports, React, hooks, utils, api, button, inputnumber, dropdown) {
+this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple, inputnumber, dropdown) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -10306,14 +10331,15 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-double-left';
-    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+    var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
-      icon: iconClassName,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": api.ariaLabel('firstPageLabel')
-    });
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClassName
+    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
     if (props.template) {
       var defaultOptions = {
@@ -10382,14 +10408,15 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-double-right';
-    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+    var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
-      icon: iconClassName,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": api.ariaLabel('lastPageLabel')
-    });
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClassName
+    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
     if (props.template) {
       var defaultOptions = {
@@ -10418,14 +10445,15 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-right';
-    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+    var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
-      icon: iconClassName,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": api.ariaLabel('nextPageLabel')
-    });
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClassName
+    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
     if (props.template) {
       var defaultOptions = {
@@ -10472,14 +10500,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
           'p-paginator-page-end': pageLink === endPageInView,
           'p-highlight': pageLink - 1 === props.page
         });
-        var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+        var element = /*#__PURE__*/React__namespace.createElement("button", {
           type: "button",
           className: className,
           onClick: function onClick(e) {
             return onPageLinkClick(e, pageLink);
           },
           "aria-label": "".concat(api.ariaLabel('pageLabel'), " ").concat(pageLink + 1)
-        }, pageLink);
+        }, pageLink, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
         if (props.template) {
           var defaultOptions = {
@@ -10526,14 +10554,15 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-left';
-    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+    var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
-      icon: iconClassName,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": api.ariaLabel('previousPageLabel')
-    });
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClassName
+    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
     if (props.template) {
       var defaultOptions = {
@@ -10573,7 +10602,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       appendTo: props.appendTo,
       disabled: props.disabled,
       placeholder: ariaLabel,
-      ariaLabel: ariaLabel
+      "aria-label": ariaLabel
     }) : null;
 
     if (props.template) {
@@ -10700,7 +10729,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
     });
     hooks.useUpdateEffect(function () {
       if (!rppChanged.current) {
-        changePage(0, props.rows);
+        changePage(props.first, props.rows);
       }
 
       rppChanged.current = false;
@@ -10882,7 +10911,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.utils, primereact.api, primereact.button, primereact.inputnumber, primereact.dropdown);
+})({}, React, primereact.hooks, primereact.utils, primereact.api, primereact.ripple, primereact.inputnumber, primereact.dropdown);
 
 this.primereact = this.primereact || {};
 this.primereact.tree = (function (exports, React, utils, api, ripple) {