primereact 10.9.6 → 10.9.7

package/datatable/datatable.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.datatable = (function (exports, React, PrimeReact$1, componentbase, utils, hooks, arrowdown, arrowup, spinner, paginator, virtualscroller, bars, check, chevrondown, chevronright, pencil, times, overlayservice, ripple, tooltip, button, csstransition, dropdown, filter, filterslash, plus, trash, inputtext, portal, sortalt, sortamountdown, sortamountupalt) {
+this.primereact.datatable = (function (exports, React, PrimeReact$1, componentbase, utils, hooks, arrowdown, arrowup, spinner, paginator, virtualscroller, bars, check, chevrondown, chevronright, pencil, times, ripple, tooltip, button, csstransition, dropdown, filter, filterslash, plus, trash, inputtext, overlayservice, portal, sortalt, sortamountdown, sortamountupalt) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -456,6 +456,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       alwaysShowPaginator: true,
       breakpoint: '960px',
       cellClassName: null,
+      cellMemo: true,
+      cellMemoProps: ['rowData', 'field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'frozenCol', 'alignFrozenCol'],
+      cellMemoPropsDepth: 1,
       cellSelection: false,
       checkIcon: null,
       className: null,
@@ -1158,8 +1161,6 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       setStyleObjectState = _React$useState6[1];
     var elementRef = React__namespace.useRef(null);
     var keyHelperRef = React__namespace.useRef(null);
-    var overlayEventListener = React__namespace.useRef(null);
-    var selfClick = React__namespace.useRef(false);
     var focusTimeout = React__namespace.useRef(null);
     var initFocusTimeout = React__namespace.useRef(null);
     var editingRowDataStateRef = React__namespace.useRef(null);
@@ -1196,17 +1197,20 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     var cellEditValidateOnClose = function cellEditValidateOnClose() {
       return getColumnProp('cellEditValidateOnClose');
     };
+    var isIgnoredElement = function isIgnoredElement(element) {
+      var isOverlay = function isOverlay(el) {
+        return el.getAttribute && el.getAttribute('data-pr-is-overlay');
+      };
+      return isOverlay(element) || utils.DomHandler.getParents(element).find(function (el) {
+        return isOverlay(el);
+      });
+    };
     var _useEventListener = hooks.useEventListener({
         type: 'click',
         listener: function listener(e) {
-          setTimeout(function () {
-            if (!selfClick.current && isOutsideClicked(e.target)) {
-              // #2666 for overlay components and outside is clicked
-
-              switchCellToViewMode(e, true);
-            }
-          }, 0);
-          selfClick.current = false;
+          if (!isIgnoredElement(e.target) && isOutsideClicked(e.target)) {
+            switchCellToViewMode(e, true);
+          }
         },
         options: true,
         when: isEditable()
@@ -1251,10 +1255,6 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       setTimeout(function () {
         setEditingState(false);
         unbindDocumentClickListener();
-        overlayservice.OverlayService.off('overlay-click', overlayEventListener.current);
-        overlayEventListener.current = null;
-        editingRowDataStateRef.current = null;
-        selfClick.current = false;
       }, 1);
     };
     var switchCellToViewMode = function switchCellToViewMode(event, submit) {
@@ -1298,7 +1298,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       editingRowDataStateRef.current = editingRowData;
     };
     var _onClick = function onClick(event) {
-      props.onClick(event, getCellCallbackParams(event), isEditable(), editingState, setEditingState, selfClick, props.column, bindDocumentClickListener, overlayEventListener, isOutsideClicked);
+      props.onClick(event, getCellCallbackParams(event), isEditable(), editingState, setEditingState, props.column, bindDocumentClickListener);
     };
     var _onMouseDown = function onMouseDown(event) {
       var params = getCellCallbackParams(event);
@@ -1370,7 +1370,6 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       }
     };
     var _onBlur = function onBlur(event) {
-      selfClick.current = false;
       if (props.editMode !== 'row' && editingState && getColumnProp('cellEditValidatorEvent') === 'blur') {
         switchCellToViewMode(event, true);
       }
@@ -1451,9 +1450,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [editingState]);
     hooks.useUnmountEffect(function () {
-      if (overlayEventListener.current) {
-        overlayservice.OverlayService.off('overlay-click', overlayEventListener.current);
-        overlayEventListener.current = null;
+      if (editingRowDataStateRef.current) {
+        editingRowDataStateRef.current = null;
       }
     });
     var createLoading = function createLoading() {
@@ -1757,6 +1755,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   var RadioCheckCell = /*#__PURE__*/React__namespace.memo(function (props) {
     return /*#__PURE__*/React__namespace.createElement(Cell, props);
   }, function (prevProps, nextProps) {
+    if (nextProps.cellMemo === false) return false;
     var keysToCompare = ['isRowSelected', 'field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'rowData'];
     return utils.ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare);
   });
@@ -2240,8 +2239,13 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         } else {
           var left = 0;
           var prev = elementRef.current && elementRef.current.previousElementSibling;
-          if (prev && prev.classList.contains('p-frozen-column')) {
-            left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+          while (prev) {
+            if (prev.classList.contains('p-frozen-column')) {
+              left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+              elementRef.current.style.left = left + 'px';
+              break;
+            }
+            prev = prev.previousElementSibling;
           }
           styleObject.left = left + 'px';
         }
@@ -2249,9 +2253,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         !isSameStyle && setStyleObjectState(styleObject);
       }
     }, []);
-    var onCellClick = function onCellClick(event, params, isEditable, editingState, setEditingState, selfClick, column, bindDocumentClickListener, overlayEventListener, isOutsideClicked) {
+    var onCellClick = function onCellClick(event, params, isEditable, editingState, setEditingState, column, bindDocumentClickListener) {
       if (props.editMode !== 'row' && isEditable && !editingState && (props.selectOnEdit || !props.selectOnEdit && props.isRowSelected)) {
-        selfClick.current = true;
         var onBeforeCellEditShow = getColumnProp(column, 'onBeforeCellEditShow');
         var onCellEditInit = getColumnProp(column, 'onCellEditInit');
         var cellEditValidatorEvent = getColumnProp(column, 'cellEditValidatorEvent');
@@ -2282,12 +2285,6 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           }
           if (cellEditValidatorEvent === 'click') {
             bindDocumentClickListener();
-            overlayEventListener.current = function (e) {
-              if (!isOutsideClicked(e.target)) {
-                selfClick.current = true;
-              }
-            };
-            overlayservice.OverlayService.on('overlay-click', overlayEventListener.current);
           }
         }, 1);
       }
@@ -3647,16 +3644,21 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         var _align = getColumnProp('alignFrozen');
         if (_align === 'right') {
           var right = 0;
-          var next = elementRef.current.nextElementSibling;
+          var next = elementRef.current && elementRef.current.nextElementSibling;
           if (next && next.classList.contains('p-frozen-column')) {
             right = utils.DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
           }
           styleObject.right = right + 'px';
         } else {
           var left = 0;
-          var prev = elementRef.current.previousElementSibling;
-          if (prev && prev.classList.contains('p-frozen-column')) {
-            left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+          var prev = elementRef.current && elementRef.current.previousElementSibling;
+          while (prev) {
+            if (prev && prev.classList.contains('p-frozen-column')) {
+              left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+              elementRef.current.style.left = left + 'px';
+              break;
+            }
+            prev = prev.previousElementSibling;
           }
           styleObject.left = left + 'px';
         }
@@ -4339,7 +4341,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         };
       } else {
         filters[field].value = null;
-        filters[field].matchMode = defaultConstraint.matchMode;
+        filters[field].matchMode = defaultConstraint ? defaultConstraint.matchMode : filters[field].matchMode;
       }
       filterClearCallback && filterClearCallback();
       props.onFilterChange(filters);
@@ -4406,6 +4408,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       }
     };
     var onRowMatchModeChange = function onRowMatchModeChange(matchMode) {
+      var _iconRef$current;
       var filterMatchModeChangeCallback = getColumnProp('onFilterMatchModeChange');
       var filters = _objectSpread$4({}, props.filters);
       filters[field].matchMode = matchMode;
@@ -4416,6 +4419,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       props.onFilterChange(filters);
       props.onFilterApply();
       hide();
+      (_iconRef$current = iconRef.current) === null || _iconRef$current === void 0 || _iconRef$current.focus();
     };
     var onRowMatchModeKeyDown = function onRowMatchModeKeyDown(event, matchMode, clear) {
       var item = event.target;
@@ -5175,16 +5179,21 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         var align = getColumnProp('alignFrozen');
         if (align === 'right') {
           var right = 0;
-          var next = elementRef.current.nextElementSibling;
+          var next = elementRef.current && elementRef.current.nextElementSibling;
           if (next && next.classList.contains('p-frozen-column')) {
             right = utils.DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
           }
           styleObject.right = right + 'px';
         } else {
           var left = 0;
-          var prev = elementRef.current.previousElementSibling;
-          if (prev && prev.classList.contains('p-frozen-column')) {
-            left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+          var prev = elementRef.current && elementRef.current.previousElementSibling;
+          while (prev) {
+            if (prev && prev.classList.contains('p-frozen-column')) {
+              left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+              elementRef.current.style.left = left + 'px';
+              break;
+            }
+            prev = prev.previousElementSibling;
           }
           styleObject.left = left + 'px';
         }
@@ -6035,6 +6044,20 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
               multiSortMeta: restoredState.multiSortMeta
             }));
           } else {
+            var lastMeta = restoredState.multiSortMeta[restoredState.multiSortMeta.length - 1];
+            var field = lastMeta && lastMeta.field ? lastMeta.field : null;
+            if (field) {
+              var sortColumn = findColumnByKey(getColumns(), field);
+              if (sortColumn) {
+                var sortFunction = getColumnProp(sortColumn, 'sortFunction');
+                var sortable = getColumnProp(sortColumn, 'sortable');
+                if (sortFunction && sortable) {
+                  columnSortFunction.current = sortFunction;
+                  columnSortable.current = sortable;
+                  columnField.current = field;
+                }
+              }
+            }
             setMultiSortMetaState(restoredState.multiSortMeta);
           }
         }
@@ -7150,6 +7173,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         },
         getVirtualScroller: function getVirtualScroller() {
           return virtualScrollerRef.current;
+        },
+        getProcessedData: function getProcessedData() {
+          return processedData();
         }
       };
     });
@@ -7630,4 +7656,4 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.utils, primereact.hooks, primereact.icons.arrowdown, primereact.icons.arrowup, primereact.icons.spinner, primereact.paginator, primereact.virtualscroller, primereact.icons.bars, primereact.icons.check, primereact.icons.chevrondown, primereact.icons.chevronright, primereact.icons.pencil, primereact.icons.times, primereact.overlayservice, primereact.ripple, primereact.tooltip, primereact.button, primereact.csstransition, primereact.dropdown, primereact.icons.filter, primereact.icons.filterslash, primereact.icons.plus, primereact.icons.trash, primereact.inputtext, primereact.portal, primereact.icons.sortalt, primereact.icons.sortamountdown, primereact.icons.sortamountupalt);
+})({}, React, primereact.api, primereact.componentbase, primereact.utils, primereact.hooks, primereact.icons.arrowdown, primereact.icons.arrowup, primereact.icons.spinner, primereact.paginator, primereact.virtualscroller, primereact.icons.bars, primereact.icons.check, primereact.icons.chevrondown, primereact.icons.chevronright, primereact.icons.pencil, primereact.icons.times, primereact.ripple, primereact.tooltip, primereact.button, primereact.csstransition, primereact.dropdown, primereact.icons.filter, primereact.icons.filterslash, primereact.icons.plus, primereact.icons.trash, primereact.inputtext, primereact.overlayservice, primereact.portal, primereact.icons.sortalt, primereact.icons.sortamountdown, primereact.icons.sortamountupalt);