primereact 8.7.3 → 9.0.0-beta.1

package/datatable/datatable.esm.js

@@ -191,7 +191,8 @@ var RowCheckbox = /*#__PURE__*/React.memo(function (props) {
     }
   };
   var onKeyDown = function onKeyDown(event) {
-    if (event.code === 'Space') {
+    if (event.code === 'Space' || event.key === ' ') {
+      // event.key is for Android support
       onClick(event);
       event.preventDefault();
     }
@@ -245,7 +246,8 @@ var RowRadioButton = /*#__PURE__*/React.memo(function (props) {
     }
   };
   var onKeyDown = function onKeyDown(event) {
-    if (event.code === 'Space') {
+    if (event.code === 'Space' || event.key === ' ') {
+      // event.key is for Android support
       onClick(event);
       event.preventDefault();
     }
@@ -312,7 +314,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     return props.column ? props.column.props[prop] : null;
   };
   var field = getColumnProp('field') || "field_".concat(props.index);
-  var editingKey = props.dataKey ? props.rowData[props.dataKey] || props.rowIndex : props.rowIndex;
+  var editingKey = props.dataKey ? props.rowData && props.rowData[props.dataKey] || props.rowIndex : props.rowIndex;
   var _useEventListener = useEventListener({
       type: 'click',
       listener: function listener(e) {
@@ -339,7 +341,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     return props.compareSelectionBy === 'equals' ? data === props.rowData : ObjectUtils.equals(data, props.rowData, props.dataKey);
   };
   var equals = function equals(selectedCell) {
-    return (selectedCell.rowIndex === props.rowIndex || equalsData(selectedCell.rowData)) && (selectedCell.field === field || selectedCell.cellIndex === props.index);
+    return selectedCell && (selectedCell.rowIndex === props.rowIndex || equalsData(selectedCell.rowData)) && (selectedCell.field === field || selectedCell.cellIndex === props.index);
   };
   var isOutsideClicked = function isOutsideClicked(target) {
     return elementRef.current && !(elementRef.current.isSameNode(target) || elementRef.current.contains(target));
@@ -474,14 +476,14 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
       var align = getColumnProp('alignFrozen');
       if (align === 'right') {
         var right = 0;
-        var next = elementRef.current.nextElementSibling;
+        var next = elementRef.current && elementRef.current.nextElementSibling;
         if (next) {
           right = DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
         }
         styleObject['right'] = right + 'px';
       } else {
         var left = 0;
-        var prev = elementRef.current.previousElementSibling;
+        var prev = elementRef.current && elementRef.current.previousElementSibling;
         if (prev) {
           left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
         }
@@ -497,7 +499,10 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     setEditingRowDataState(editingRowData);
 
     // update editing meta for complete methods on row mode
-    props.editingMeta[editingKey].data[field] = val;
+    var currentData = getEditingRowData();
+    if (currentData) {
+      currentData[field] = val;
+    }
   };
   var onClick = function onClick(event) {
     var params = getCellCallbackParams(event);
@@ -1464,7 +1469,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     return null;
   };
   var getRowKey = function getRowKey(rowData, index) {
-    return props.dataKey ? ObjectUtils.resolveFieldData(rowData, props.dataKey) + '_' + index : index;
+    return props.dataKey ? ObjectUtils.resolveFieldData(rowData, props.dataKey) : index;
   };
   var shouldRenderRowGroupHeader = function shouldRenderRowGroupHeader(value, rowData, i) {
     var currentRowFieldData = ObjectUtils.resolveFieldData(rowData, props.groupRowsBy);
@@ -1941,14 +1946,14 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var event = e.originalEvent;
     if (droppedRowIndex.current != null) {
       var dropIndex = draggedRowIndex.current > droppedRowIndex.current ? droppedRowIndex.current : droppedRowIndex.current === 0 ? 0 : droppedRowIndex.current - 1;
-      var val = _toConsumableArray(props.value);
+      var val = _toConsumableArray(props.tableProps.value);
       ObjectUtils.reorderArray(val, draggedRowIndex.current, dropIndex);
       if (props.onRowReorder) {
         props.onRowReorder({
           originalEvent: event,
           value: val,
           dragIndex: draggedRowIndex.current,
-          dropIndex: droppedRowIndex.current
+          dropIndex: dropIndex
         });
       }
     }
@@ -3074,7 +3079,8 @@ var HeaderCheckbox = /*#__PURE__*/React.memo(function (props) {
     }
   };
   var onKeyDown = function onKeyDown(event) {
-    if (event.code === 'Space') {
+    if (event.code === 'Space' || event.key === ' ') {
+      // event.key is for Android support
       onClick(event);
       event.preventDefault();
     }
@@ -3956,7 +3962,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return props.selectAll;
     } else {
       var _data = props.selectionPageOnly ? dataToRender(processedData) : processedData;
-      var val = props.frozenValue ? [].concat(_toConsumableArray(props.frozenValue), _toConsumableArray(_data)) : _data;
+      var val = ObjectUtils.isNotEmpty(props.frozenValue) ? [].concat(_toConsumableArray(props.frozenValue), _toConsumableArray(_data)) : _data;
       var selectableVal = getSelectableData(val);
       return selectableVal && props.selection && selectableVal.every(function (sv) {
         return props.selection.some(function (s) {
@@ -4117,7 +4123,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
         });
       }) : [];
       if (checked) {
-        selection = props.frozenValue ? [].concat(_toConsumableArray(selection), _toConsumableArray(props.frozenValue), _toConsumableArray(_data2)) : [].concat(_toConsumableArray(selection), _toConsumableArray(_data2));
+        selection = ObjectUtils.isNotEmpty(props.frozenValue) ? [].concat(_toConsumableArray(selection), _toConsumableArray(props.frozenValue), _toConsumableArray(_data2)) : [].concat(_toConsumableArray(selection), _toConsumableArray(_data2));
         selection = getSelectableData(selection);
         props.onAllRowsSelect && props.onAllRowsSelect({
           originalEvent: originalEvent,
@@ -4465,6 +4471,9 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var globalMatch = false;
       var localFiltered = false;
       for (var prop in filters) {
+        if (prop === 'null') {
+          continue;
+        }
         if (Object.prototype.hasOwnProperty.call(filters, prop) && prop !== 'global') {
           localFiltered = true;
           var filterField = prop;
@@ -4756,8 +4765,11 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   useUpdateEffect(function () {
     if (props.globalFilter) {
       filter(props.globalFilter, 'global', props.globalFilterMatchMode);
+    } else {
+      // #3819 was filtering but now reset filter state
+      setFiltersState(props.filters);
     }
-  }, [props.globalFilter]);
+  }, [props.globalFilter, props.globalFilterMatchMode]);
   useUnmountEffect(function () {
     unbindColumnResizeEvents();
     destroyStyleElement();
@@ -4861,7 +4873,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
       contentRef = options.contentRef,
       className = options.className;
       options.itemSize;
-    var frozenBody = props.frozenValue && /*#__PURE__*/React.createElement(TableBody, {
+    var frozenBody = ObjectUtils.isNotEmpty(props.frozenValue) && /*#__PURE__*/React.createElement(TableBody, {
       ref: frozenBodyRef,
       value: props.frozenValue,
       className: "p-datatable-frozen-tbody",