primereact 8.6.1 → 8.7.1

package/column/column.js

@@ -6,80 +6,82 @@ this.primereact.column = (function (exports) {
     Column.displayName = 'Column';
     Column.defaultProps = {
       __TYPE: 'Column',
-      columnKey: null,
-      field: null,
-      sortField: null,
-      filterField: null,
-      exportField: null,
-      header: null,
+      align: null,
+      alignFrozen: 'left',
+      alignHeader: null,
       body: null,
-      footer: null,
-      sortable: false,
-      sortableDisabled: false,
-      sortFunction: null,
+      bodyClassName: null,
+      bodyStyle: null,
+      cellEditValidator: null,
+      cellEditValidatorEvent: 'click',
+      className: null,
+      colSpan: null,
+      columnKey: null,
       dataType: 'text',
+      editor: null,
+      excludeGlobalFilter: false,
+      expander: false,
+      exportField: null,
+      exportable: true,
+      field: null,
       filter: false,
-      filterMatchMode: null,
-      filterPlaceholder: null,
-      filterType: 'text',
-      filterMaxLength: null,
+      filterApply: null,
+      filterClear: null,
       filterElement: null,
+      filterField: null,
+      filterFooter: null,
       filterFunction: null,
-      filterHeaderStyle: null,
+      filterHeader: null,
       filterHeaderClassName: null,
-      showFilterMenu: true,
-      showFilterOperator: true,
-      showClearButton: true,
-      showApplyButton: true,
-      showFilterMatchModes: true,
-      showFilterMenuOptions: true,
-      showAddButton: true,
+      filterHeaderStyle: null,
+      filterMatchMode: null,
       filterMatchModeOptions: null,
-      maxConstraints: 2,
+      filterMaxLength: null,
       filterMenuClassName: null,
       filterMenuStyle: null,
-      align: null,
-      alignHeader: null,
-      alignFrozen: 'left',
-      hidden: false,
-      onFilterClear: null,
-      onFilterApplyClick: null,
-      onFilterMatchModeChange: null,
-      onFilterOperatorChange: null,
-      onFilterConstraintAdd: null,
-      onFilterConstraintRemove: null,
-      filterClear: null,
-      filterApply: null,
-      filterHeader: null,
-      filterFooter: null,
-      style: null,
-      className: null,
-      headerStyle: null,
-      headerClassName: null,
-      bodyStyle: null,
-      bodyClassName: null,
-      footerStyle: null,
+      filterPlaceholder: null,
+      filterType: 'text',
+      footer: null,
       footerClassName: null,
-      expander: false,
+      footerStyle: null,
       frozen: false,
-      selectionMode: null,
-      colSpan: null,
-      rowSpan: null,
-      editor: null,
-      cellEditValidator: null,
-      cellEditValidatorEvent: 'click',
+      header: null,
+      headerClassName: null,
+      headerStyle: null,
+      headerTooltip: null,
+      headerTooltipOptions: null,
+      hidden: false,
+      maxConstraints: 2,
       onBeforeCellEditHide: null,
       onBeforeCellEditShow: null,
-      onCellEditInit: null,
-      onCellEditComplete: null,
       onCellEditCancel: null,
-      excludeGlobalFilter: false,
+      onCellEditComplete: null,
+      onCellEditInit: null,
+      onFilterApplyClick: null,
+      onFilterClear: null,
+      onFilterConstraintAdd: null,
+      onFilterConstraintRemove: null,
+      onFilterMatchModeChange: null,
+      onFilterOperatorChange: null,
+      reorderable: true,
+      resizeable: true,
+      rowEditor: false,
       rowReorder: false,
       rowReorderIcon: 'pi pi-bars',
-      rowEditor: false,
-      exportable: true,
-      reorderable: true,
-      resizeable: true
+      rowSpan: null,
+      selectionMode: null,
+      showAddButton: true,
+      showApplyButton: true,
+      showClearButton: true,
+      showFilterMatchModes: true,
+      showFilterMenu: true,
+      showFilterMenuOptions: true,
+      showFilterOperator: true,
+      sortField: null,
+      sortFunction: null,
+      sortable: false,
+      sortableDisabled: false,
+      style: null
     };
 
     exports.Column = Column;

package/column/column.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.column=function(l){"use strict";var e=function(){};return e.displayName="Column",e.defaultProps={__TYPE:"Column",columnKey:null,field:null,sortField:null,filterField:null,exportField:null,header:null,body:null,footer:null,sortable:!1,sortableDisabled:!1,sortFunction:null,dataType:"text",filter:!1,filterMatchMode:null,filterPlaceholder:null,filterType:"text",filterMaxLength:null,filterElement:null,filterFunction:null,filterHeaderStyle:null,filterHeaderClassName:null,showFilterMenu:!0,showFilterOperator:!0,showClearButton:!0,showApplyButton:!0,showFilterMatchModes:!0,showFilterMenuOptions:!0,showAddButton:!0,filterMatchModeOptions:null,maxConstraints:2,filterMenuClassName:null,filterMenuStyle:null,align:null,alignHeader:null,alignFrozen:"left",hidden:!1,onFilterClear:null,onFilterApplyClick:null,onFilterMatchModeChange:null,onFilterOperatorChange:null,onFilterConstraintAdd:null,onFilterConstraintRemove:null,filterClear:null,filterApply:null,filterHeader:null,filterFooter:null,style:null,className:null,headerStyle:null,headerClassName:null,bodyStyle:null,bodyClassName:null,footerStyle:null,footerClassName:null,expander:!1,frozen:!1,selectionMode:null,colSpan:null,rowSpan:null,editor:null,cellEditValidator:null,cellEditValidatorEvent:"click",onBeforeCellEditHide:null,onBeforeCellEditShow:null,onCellEditInit:null,onCellEditComplete:null,onCellEditCancel:null,excludeGlobalFilter:!1,rowReorder:!1,rowReorderIcon:"pi pi-bars",rowEditor:!1,exportable:!0,reorderable:!0,resizeable:!0},l.Column=e,Object.defineProperty(l,"__esModule",{value:!0}),l}({});
+this.primereact=this.primereact||{},this.primereact.column=function(l){"use strict";var e=function(){};return e.displayName="Column",e.defaultProps={__TYPE:"Column",align:null,alignFrozen:"left",alignHeader:null,body:null,bodyClassName:null,bodyStyle:null,cellEditValidator:null,cellEditValidatorEvent:"click",className:null,colSpan:null,columnKey:null,dataType:"text",editor:null,excludeGlobalFilter:!1,expander:!1,exportField:null,exportable:!0,field:null,filter:!1,filterApply:null,filterClear:null,filterElement:null,filterField:null,filterFooter:null,filterFunction:null,filterHeader:null,filterHeaderClassName:null,filterHeaderStyle:null,filterMatchMode:null,filterMatchModeOptions:null,filterMaxLength:null,filterMenuClassName:null,filterMenuStyle:null,filterPlaceholder:null,filterType:"text",footer:null,footerClassName:null,footerStyle:null,frozen:!1,header:null,headerClassName:null,headerStyle:null,headerTooltip:null,headerTooltipOptions:null,hidden:!1,maxConstraints:2,onBeforeCellEditHide:null,onBeforeCellEditShow:null,onCellEditCancel:null,onCellEditComplete:null,onCellEditInit:null,onFilterApplyClick:null,onFilterClear:null,onFilterConstraintAdd:null,onFilterConstraintRemove:null,onFilterMatchModeChange:null,onFilterOperatorChange:null,reorderable:!0,resizeable:!0,rowEditor:!1,rowReorder:!1,rowReorderIcon:"pi pi-bars",rowSpan:null,selectionMode:null,showAddButton:!0,showApplyButton:!0,showClearButton:!0,showFilterMatchModes:!0,showFilterMenu:!0,showFilterMenuOptions:!0,showFilterOperator:!0,sortField:null,sortFunction:null,sortable:!1,sortableDisabled:!1,style:null},l.Column=e,Object.defineProperty(l,"__esModule",{value:!0}),l}({});

package/confirmpopup/confirmpopup.d.ts

@@ -32,7 +32,7 @@ export interface ConfirmPopupProps {
     rejectClassName?: string;
     acceptClassName?: string;
     className?: string;
-    style?: object;
+    style?: React.CSSProperties;
     appendTo?: ConfirmPopupAppendToType;
     dismissable?: boolean;
     footer?: ConfirmPopupTemplateType;

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,16 +3569,38 @@ 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) {
+        isTouching.current = true;
+        var offset = utils.DomHandler.getOffset(targetRef.current);
+        var offsetX = event.targetTouches[0].pageX - offset.left + document.body.scrollTop - utils.DomHandler.getWidth(inkRef.current) / 2;
+        var offsetY = event.targetTouches[0].pageY - offset.top + document.body.scrollLeft - utils.DomHandler.getHeight(inkRef.current) / 2;
+        activateRipple(offsetX, offsetY);
+      };
+
       var onMouseDown = function onMouseDown(event) {
+        if (utils.DomHandler.isTouchDevice()) {
+          // already started ripple with onTouchStart
+          return;
+        }
+
+        var offset = utils.DomHandler.getOffset(targetRef.current);
+        var offsetX = event.pageX - offset.left + document.body.scrollTop - utils.DomHandler.getWidth(inkRef.current) / 2;
+        var offsetY = event.pageY - offset.top + document.body.scrollLeft - utils.DomHandler.getHeight(inkRef.current) / 2;
+        activateRipple(offsetX, offsetY);
+      };
+
+      var activateRipple = function activateRipple(offsetX, offsetY) {
         if (!inkRef.current || getComputedStyle(inkRef.current, null).display === 'none') {
           return;
         }
@@ -3582,11 +3613,8 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
           inkRef.current.style.width = d + 'px';
         }
 
-        var offset = utils.DomHandler.getOffset(targetRef.current);
-        var x = event.pageX - offset.left + document.body.scrollTop - utils.DomHandler.getWidth(inkRef.current) / 2;
-        var y = event.pageY - offset.top + document.body.scrollLeft - utils.DomHandler.getHeight(inkRef.current) / 2;
-        inkRef.current.style.top = y + 'px';
-        inkRef.current.style.left = x + 'px';
+        inkRef.current.style.top = offsetY + 'px';
+        inkRef.current.style.left = offsetX + 'px';
         utils.DomHandler.addClass(inkRef.current, 'p-ink-active');
       };
 
@@ -4646,6 +4674,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 +5945,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 +5986,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 +6134,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 +6871,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 +7197,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 +7371,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 +7971,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 +7994,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 +9141,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 +9231,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 +9823,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 +10115,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;
@@ -10577,7 +10614,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       appendTo: props.appendTo,
       disabled: props.disabled,
       placeholder: ariaLabel,
-      ariaLabel: ariaLabel
+      "aria-label": ariaLabel
     }) : null;
 
     if (props.template) {
@@ -10704,7 +10741,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     });
     hooks.useUpdateEffect(function () {
       if (!rppChanged.current) {
-        changePage(0, props.rows);
+        changePage(props.first, props.rows);
       }
 
       rppChanged.current = false;