primereact 8.7.3 → 9.0.0-beta.1

package/datatable/datatable.js

@@ -203,7 +203,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       }
     };
     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();
       }
@@ -257,7 +258,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       }
     };
     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();
       }
@@ -324,7 +326,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       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 = hooks.useEventListener({
         type: 'click',
         listener: function listener(e) {
@@ -351,7 +353,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       return props.compareSelectionBy === 'equals' ? data === props.rowData : utils.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));
@@ -486,14 +488,14 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
         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 = utils.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 = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
           }
@@ -509,7 +511,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       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);
@@ -1476,7 +1481,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       return null;
     };
     var getRowKey = function getRowKey(rowData, index) {
-      return props.dataKey ? utils.ObjectUtils.resolveFieldData(rowData, props.dataKey) + '_' + index : index;
+      return props.dataKey ? utils.ObjectUtils.resolveFieldData(rowData, props.dataKey) : index;
     };
     var shouldRenderRowGroupHeader = function shouldRenderRowGroupHeader(value, rowData, i) {
       var currentRowFieldData = utils.ObjectUtils.resolveFieldData(rowData, props.groupRowsBy);
@@ -1953,14 +1958,14 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       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);
         utils.ObjectUtils.reorderArray(val, draggedRowIndex.current, dropIndex);
         if (props.onRowReorder) {
           props.onRowReorder({
             originalEvent: event,
             value: val,
             dragIndex: draggedRowIndex.current,
-            dropIndex: droppedRowIndex.current
+            dropIndex: dropIndex
           });
         }
       }
@@ -3086,7 +3091,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       }
     };
     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();
       }
@@ -3968,7 +3974,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
         return props.selectAll;
       } else {
         var _data = props.selectionPageOnly ? dataToRender(processedData) : processedData;
-        var val = props.frozenValue ? [].concat(_toConsumableArray(props.frozenValue), _toConsumableArray(_data)) : _data;
+        var val = utils.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) {
@@ -4129,7 +4135,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
           });
         }) : [];
         if (checked) {
-          selection = props.frozenValue ? [].concat(_toConsumableArray(selection), _toConsumableArray(props.frozenValue), _toConsumableArray(_data2)) : [].concat(_toConsumableArray(selection), _toConsumableArray(_data2));
+          selection = utils.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,
@@ -4477,6 +4483,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
         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;
@@ -4768,8 +4777,11 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
     hooks.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]);
     hooks.useUnmountEffect(function () {
       unbindColumnResizeEvents();
       destroyStyleElement();
@@ -4873,7 +4885,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
         contentRef = options.contentRef,
         className = options.className;
         options.itemSize;
-      var frozenBody = props.frozenValue && /*#__PURE__*/React__namespace.createElement(TableBody, {
+      var frozenBody = utils.ObjectUtils.isNotEmpty(props.frozenValue) && /*#__PURE__*/React__namespace.createElement(TableBody, {
         ref: frozenBodyRef,
         value: props.frozenValue,
         className: "p-datatable-frozen-tbody",