primereact 9.3.0 → 9.3.1

package/datatable/datatable.d.ts

@@ -10,8 +10,8 @@
 import * as React from 'react';
 import { Column, ColumnProps } from '../column';
 import { PaginatorTemplate } from '../paginator';
-import { VirtualScroller, VirtualScrollerProps } from '../virtualscroller/virtualscroller';
 import { IconType } from '../utils/utils';
+import { VirtualScroller, VirtualScrollerProps } from '../virtualscroller/virtualscroller';
 
 type DataTableHeaderTemplateType<TValue extends DataTableValueArray> = React.ReactNode | ((options: DataTableHeaderTemplateOptions<TValue>) => React.ReactNode);
 
@@ -277,9 +277,25 @@ interface DataTableDataSelectableEvent<TValue extends DataTableValueArray> {
     index: number;
 }
 
+/**
+ * Custom selection change event for context menu.
+ * @see {@link DataTableProps.onContextMenuSelectionChange}
+ * @event
+ */
+interface DataTableContextMenuSelectionChangeEvent<TValue extends DataTableValueArray> {
+    /**
+     * Browser event.
+     */
+    originalEvent: React.SyntheticEvent;
+    /**
+     * Selection object.
+     */
+    value: DataTableSelection<TValue>;
+}
+
 /**
  * Custom selection change event.
- * @see {@link DataTableProps.onContextMenuSelectionChange}, {@link DataTableProps.onSelectionChange}
+ * @see {@link DataTableProps.onSelectionChange}
  * @event
  */
 interface DataTableSelectionChangeEvent<TValue extends DataTableValueArray> {
@@ -1183,7 +1199,7 @@ export interface DataTableProps<TValue extends DataTableValueArray> extends Omit
      * Callback to invoke when a row selected with right click.
      * @param {DataTableRowEvent} event - Custom row event.
      */
-    onContextMenuSelectionChange?(event: DataTableSelectionChangeEvent<TValue>): void;
+    onContextMenuSelectionChange?(event: DataTableContextMenuSelectionChangeEvent<TValue>): void;
     /**
      * Callback to invoke on filtering.
      * @param {DataTableStateEvent} event - Custom state event.

package/datatable/datatable.esm.js

@@ -2,6 +2,9 @@ import * as React from 'react';
 import PrimeReact, { FilterMatchMode, ariaLabel, localeOption, FilterOperator, FilterService } from 'primereact/api';
 import { ObjectUtils, classNames, IconUtils, DomHandler, ZIndexUtils, UniqueComponentId } from 'primereact/utils';
 import { useEventListener, useUpdateEffect, useUnmountEffect, useOverlayListener, usePrevious, useMountEffect } from 'primereact/hooks';
+import { ArrowDownIcon } from 'primereact/icons/arrowdown';
+import { ArrowUpIcon } from 'primereact/icons/arrowup';
+import { SpinnerIcon } from 'primereact/icons/spinner';
 import { Paginator } from 'primereact/paginator';
 import { VirtualScroller } from 'primereact/virtualscroller';
 import { OverlayService } from 'primereact/overlayservice';
@@ -25,9 +28,6 @@ import { Tooltip } from 'primereact/tooltip';
 import { SortAltIcon } from 'primereact/icons/sortalt';
 import { SortAmountDownIcon } from 'primereact/icons/sortamountdown';
 import { SortAmountUpAltIcon } from 'primereact/icons/sortamountupalt';
-import { SpinnerIcon } from 'primereact/icons/spinner';
-import { ArrowDownIcon } from 'primereact/icons/arrowdown';
-import { ArrowUpIcon } from 'primereact/icons/arrowup';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -268,7 +268,7 @@ var DataTableBase = {
     dataKey: null,
     defaultSortOrder: 1,
     dragSelection: false,
-    editMode: 'cell',
+    editMode: null,
     editingRows: null,
     emptyMessage: null,
     expandableRowGroups: false,
@@ -948,7 +948,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     }
   }, [props.editingMeta]);
   React.useEffect(function () {
-    if (props.editMode === 'cell' || props.editMode === 'row') {
+    if (props.editMode === 'row') {
       var callbackParams = getCellCallbackParams();
       var params = _objectSpread$8(_objectSpread$8({}, callbackParams), {}, {
         editing: editingState,
@@ -1508,7 +1508,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
   var createContent = function createContent() {
     return props.columns.map(function (col, i) {
       if (shouldRenderBodyCell(props.value, col, props.index)) {
-        var key = "".concat(getColumnProp(col, 'columnKey') || getColumnProp(col, 'field'), "_").concat(i);
+        var key = "".concat(props.rowIndex, "_").concat(getColumnProp(col, 'columnKey') || getColumnProp(col, 'field'), "_").concat(i);
         var rowSpan = props.rowGroupMode === 'rowspan' ? calculateRowGroupSize(props.value, col, props.index) : null;
         return /*#__PURE__*/React.createElement(BodyCell, {
           key: key,
@@ -4302,7 +4302,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       var _data = props.selectionPageOnly ? dataToRender(processedData) : processedData;
       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 ObjectUtils.isNotEmpty(selectableVal) && props.selection && selectableVal.every(function (sv) {
         return props.selection.some(function (s) {
           return isEquals(s, sv);
         });
@@ -4762,6 +4762,9 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     return value;
   };
   var multisortField = function multisortField(data1, data2, multiSortMeta, index) {
+    if (!multiSortMeta || !multiSortMeta[index]) {
+      return;
+    }
     var value1 = ObjectUtils.resolveFieldData(data1, multiSortMeta[index].field);
     var value2 = ObjectUtils.resolveFieldData(data2, multiSortMeta[index].field);
 
@@ -5073,7 +5076,8 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   useMountEffect(function () {
     !attributeSelectorState && setAttributeSelectorState(UniqueComponentId());
-    setFiltersState(cloneFilters(props.filters));
+
+    //setFiltersState(cloneFilters(props.filters)); // Github #4248
     setD_filtersState(cloneFilters(props.filters));
     if (isStateful()) {
       restoreState();