primereact 10.9.5 → 10.9.6

package/datatable/datatable.js

@@ -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);
+      props.onClick(event, getCellCallbackParams(event), isEditable(), editingState, setEditingState, selfClick, props.column, bindDocumentClickListener, overlayEventListener, isOutsideClicked);
     };
     var _onMouseDown = function onMouseDown(event) {
       var params = getCellCallbackParams(event);
@@ -1420,7 +1420,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         field: props.field,
         index: props.rowIndex
       });
-      props.focusOnInit();
+      props.focusOnInit(initFocusTimeout, elementRef);
     };
     React__namespace.useEffect(function () {
       if (props.frozenCol) props.updateStickyPosition(elementRef, props.frozenCol, props.alignFrozenCol, styleObjectState, setStyleObjectState);
@@ -1761,11 +1761,18 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     return utils.ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare);
   });
   RadioCheckCell.displayName = 'RadioCheckCell';
+  var defaultKeysToCompare = ['rowData', 'field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'frozenCol', 'alignFrozenCol'];
   var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     return /*#__PURE__*/React__namespace.createElement(Cell, props);
   }, function (prevProps, nextProps) {
-    var keysToCompare = ['field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'rowData', 'frozenCol', 'alignFrozenCol'];
-    return utils.ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare);
+    if (nextProps.cellMemo === false) return false;
+    var memoProps = nextProps.cellMemoProps;
+    var keysToCompare = Array.isArray(memoProps) && memoProps.every(function (prop) {
+      return typeof prop === 'string';
+    }) ? memoProps : defaultKeysToCompare;
+    var memoPropsDepth = nextProps.cellMemoPropsDepth;
+    var depth = typeof memoPropsDepth === 'number' && memoPropsDepth > 0 ? memoPropsDepth : 1;
+    return utils.ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare, depth);
   });
   BodyCell.displayName = 'BodyCell';
 
@@ -2242,7 +2249,7 @@ 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) {
+    var onCellClick = function onCellClick(event, params, isEditable, editingState, setEditingState, selfClick, column, bindDocumentClickListener, overlayEventListener, isOutsideClicked) {
       if (props.editMode !== 'row' && isEditable && !editingState && (props.selectOnEdit || !props.selectOnEdit && props.isRowSelected)) {
         selfClick.current = true;
         var onBeforeCellEditShow = getColumnProp(column, 'onBeforeCellEditShow');
@@ -2301,6 +2308,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           var cellProps = mergeProps({
             hostName: props.hostName,
             allowCellSelection: props.allowCellSelection,
+            cellMemo: props.cellMemo,
+            cellMemoProps: props.cellMemoProps,
+            cellMemoPropsDepth: props.cellMemoPropsDepth,
             cellClassName: props.cellClassName,
             checkIcon: props.checkIcon,
             collapsedRowIcon: props.collapsedRowIcon,
@@ -2668,9 +2678,6 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       options = options || props.virtualScrollerOptions;
       return options ? options[option] : null;
     };
-    var getProcessedDataIndex = function getProcessedDataIndex(rowIndex) {
-      return props.lazy ? rowIndex - props.first : rowIndex;
-    };
     var findIndex = function findIndex(collection, rowData) {
       return (collection || []).findIndex(function (data) {
         return equals(rowData, data);
@@ -2841,16 +2848,14 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       var rangeStart;
       var rangeEnd;
       var isAllowCellSelection = allowCellSelection();
-      var rangeRowIndexInProcessedData = getProcessedDataIndex(rangeRowIndex.current);
-      var anchorRowIndexInProcessedData = getProcessedDataIndex(anchorRowIndex.current);
-      if (rangeRowIndexInProcessedData > anchorRowIndexInProcessedData) {
-        rangeStart = anchorRowIndexInProcessedData;
-        rangeEnd = rangeRowIndexInProcessedData;
-      } else if (rangeRowIndexInProcessedData < anchorRowIndexInProcessedData) {
-        rangeStart = rangeRowIndexInProcessedData;
-        rangeEnd = anchorRowIndexInProcessedData;
+      if (rangeRowIndex.current > anchorRowIndex.current) {
+        rangeStart = anchorRowIndex.current;
+        rangeEnd = rangeRowIndex.current;
+      } else if (rangeRowIndex.current < anchorRowIndex.current) {
+        rangeStart = rangeRowIndex.current;
+        rangeEnd = anchorRowIndex.current;
       } else {
-        rangeStart = rangeEnd = rangeRowIndexInProcessedData;
+        rangeStart = rangeEnd = rangeRowIndex.current;
       }
       return isAllowCellSelection ? selectRangeOnCell(event, rangeStart, rangeEnd) : selectRangeOnRow(event, rangeStart, rangeEnd);
     };
@@ -2891,7 +2896,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
         var rowData = value[i];
         var columns = props.columns;
-        var rowIndex = props.lazy ? i + props.first : i;
+        var rowIndex = props.paginator ? i + props.first : i;
         for (var j = cellRangeStart; j <= cellRangeEnd; j++) {
           var field = getColumnProp(columns[j], 'field');
           var _value = utils.ObjectUtils.resolveFieldData(rowData, field);
@@ -3090,13 +3095,17 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         onRangeSelection(event, 'row');
       }
     };
+    var expandedRowsRef = React__namespace.useRef(props.expandedRows);
+    React__namespace.useEffect(function () {
+      expandedRowsRef.current = props.expandedRows;
+    }, [props.expandedRows]);
     var onRowToggle = function onRowToggle(event) {
       var expandedRows;
       var dataKey = props.dataKey;
       var hasDataKey = props.groupRowsBy ? dataKey === props.groupRowsBy : !!dataKey;
       if (hasDataKey) {
         var dataKeyValue = String(utils.ObjectUtils.resolveFieldData(event.data, dataKey));
-        expandedRows = props.expandedRows ? _objectSpread$8({}, props.expandedRows) : {};
+        expandedRows = expandedRowsRef.current ? _objectSpread$8({}, expandedRowsRef.current) : {};
         if (expandedRows[dataKeyValue] != null) {
           delete expandedRows[dataKeyValue];
           if (props.onRowCollapse) {
@@ -3115,8 +3124,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           }
         }
       } else {
-        var expandedRowIndex = findIndex(props.expandedRows, event.data);
-        expandedRows = props.expandedRows ? _toConsumableArray(props.expandedRows) : [];
+        var expandedRowIndex = findIndex(expandedRowsRef.current, event.data);
+        expandedRows = expandedRowsRef.current ? _toConsumableArray(expandedRowsRef.current) : [];
         if (expandedRowIndex !== -1) {
           expandedRows = expandedRows.filter(function (_, i) {
             return i !== expandedRowIndex;
@@ -3366,7 +3375,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       return null;
     };
     var createGroupHeader = function createGroupHeader(rowData, rowIndex, expanded, colSpan) {
-      if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, getProcessedDataIndex(rowIndex))) {
+      if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, rowIndex - props.first)) {
         var style = rowGroupHeaderStyle();
         var toggler = props.expandableRowGroups && /*#__PURE__*/React__namespace.createElement(RowTogglerButton, {
           hostName: props.hostName,
@@ -3416,6 +3425,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           hostName: props.hostName,
           allowCellSelection: _allowCellSelection,
           allowRowSelection: _allowRowSelection,
+          cellMemo: props.cellMemo,
+          cellMemoProps: props.cellMemoProps,
+          cellMemoPropsDepth: props.cellMemoPropsDepth,
           cellClassName: props.cellClassName,
           checkIcon: props.checkIcon,
           collapsedRowIcon: props.collapsedRowIcon,
@@ -3808,6 +3820,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     EQUALS: 'equals',
     NOT_EQUALS: 'notEquals',
     IN: 'in',
+    NOT_IN: 'notIn',
     LESS_THAN: 'lt',
     LESS_THAN_OR_EQUAL_TO: 'lte',
     GREATER_THAN: 'gt',
@@ -3896,6 +3909,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       emptySelectionMessage: 'No selected item',
       endsWith: 'Ends with',
       equals: 'Equals',
+      fileChosenMessage: '{0} files',
       fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
       filter: 'Filter',
       firstDayOfWeek: 0,
@@ -3914,6 +3928,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       nextMonth: 'Next Month',
       nextSecond: 'Next Second',
       nextYear: 'Next Year',
+      noFileChosenMessage: 'No file chosen',
       noFilter: 'No Filter',
       notContains: 'Not contains',
       notEquals: 'Not equals',
@@ -3941,8 +3956,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       aria: {
         cancelEdit: 'Cancel Edit',
         close: 'Close',
+        collapseLabel: 'Collapse',
         collapseRow: 'Row Collapsed',
         editRow: 'Edit Row',
+        expandLabel: 'Expand',
         expandRow: 'Row Expanded',
         falseLabel: 'False',
         filterConstraint: 'Filter Constraint',
@@ -3967,18 +3984,20 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         next: 'Next',
         nextPageLabel: 'Next Page',
         nullLabel: 'Not Selected',
-        pageLabel: 'Page {page}',
         otpLabel: 'Please enter one time password character {0}',
+        pageLabel: 'Page {page}',
         passwordHide: 'Hide Password',
         passwordShow: 'Show Password',
         previous: 'Previous',
         prevPageLabel: 'Previous Page',
+        removeLabel: 'Remove',
         rotateLeft: 'Rotate Left',
         rotateRight: 'Rotate Right',
         rowsPerPageLabel: 'Rows per page',
         saveEdit: 'Save Edit',
         scrollTop: 'Scroll Top',
         selectAll: 'All items selected',
+        selectLabel: 'Select',
         selectRow: 'Row Selected',
         showFilterMenu: 'Show Filter Menu',
         slide: 'Slide',
@@ -3987,6 +4006,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         stars: '{star} stars',
         trueLabel: 'True',
         unselectAll: 'All items unselected',
+        unselectLabel: 'Unselect',
         unselectRow: 'Row Unselected',
         zoomImage: 'Zoom Image',
         zoomIn: 'Zoom In',
@@ -6913,58 +6933,60 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     var exportCSV = function exportCSV(options) {
       var data;
       var csv = "\uFEFF";
-      var columns = getColumns();
       if (options && options.selectionOnly) {
         data = props.selection || [];
       } else {
         data = [].concat(_toConsumableArray(props.frozenValue || []), _toConsumableArray(processedData() || []));
       }
 
-      //headers
-      columns.forEach(function (column, i) {
-        var _ref5 = [getColumnProp(column, 'field'), getColumnProp(column, 'header'), getColumnProp(column, 'exportHeader'), getColumnProp(column, 'exportable')],
+      // First build collection of exportable columns
+      var exportableColumns = getColumns().filter(function (column) {
+        var exportable = getColumnProp(column, 'exportable');
+        var field = getColumnProp(column, 'field');
+
+        // Column must be exportable (or undefined/not set) and have a field defined
+        return exportable !== false && field;
+      });
+
+      // headers
+      exportableColumns.forEach(function (column, i) {
+        var _ref5 = [getColumnProp(column, 'field'), getColumnProp(column, 'header'), getColumnProp(column, 'exportHeader')],
           field = _ref5[0],
           header = _ref5[1],
-          exportHeader = _ref5[2],
-          exportable = _ref5[3];
-        if (exportable && field) {
-          var columnHeader = String(exportHeader || header || field).replace(/"/g, '""').replace(/\n/g, "\u2028");
-          csv = csv + ('"' + columnHeader + '"');
-          if (i < columns.length - 1) {
-            csv = csv + props.csvSeparator;
-          }
+          exportHeader = _ref5[2];
+        var columnHeader = String(exportHeader || header || field).replace(/"/g, '""').replace(/\n/g, "\u2028");
+        csv = csv + ('"' + columnHeader + '"');
+        if (i < exportableColumns.length - 1) {
+          csv = csv + props.csvSeparator;
         }
       });
 
-      //body
+      // body
       data.forEach(function (record) {
         csv = csv + '\n';
-        columns.forEach(function (column, i) {
-          var _ref6 = [getColumnProp(column, 'field'), getColumnProp(column, 'exportField'), getColumnProp(column, 'exportable')],
+        exportableColumns.forEach(function (column, i) {
+          var _ref6 = [getColumnProp(column, 'field'), getColumnProp(column, 'exportField')],
             colField = _ref6[0],
-            exportField = _ref6[1],
-            exportable = _ref6[2];
+            exportField = _ref6[1];
           var field = exportField || colField;
-          if (exportable && field) {
-            var cellData = utils.ObjectUtils.resolveFieldData(record, field);
-            if (cellData != null) {
-              if (props.exportFunction) {
-                cellData = props.exportFunction({
-                  data: cellData,
-                  field: field,
-                  rowData: record,
-                  column: column
-                });
-              } else {
-                cellData = String(cellData).replace(/"/g, '""').replace(/\n/g, "\u2028");
-              }
+          var cellData = utils.ObjectUtils.resolveFieldData(record, field);
+          if (cellData != null) {
+            if (props.exportFunction) {
+              cellData = props.exportFunction({
+                data: cellData,
+                field: field,
+                rowData: record,
+                column: column
+              });
             } else {
-              cellData = '';
-            }
-            csv = csv + ('"' + cellData + '"');
-            if (i < columns.length - 1) {
-              csv = csv + props.csvSeparator;
+              cellData = String(cellData).replace(/"/g, '""').replace(/\n/g, "\u2028");
             }
+          } else {
+            cellData = '';
+          }
+          csv = csv + ('"' + cellData + '"');
+          if (i < exportableColumns.length - 1) {
+            csv = csv + props.csvSeparator;
           }
         });
       });
@@ -7229,6 +7251,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       var frozenBody = utils.ObjectUtils.isNotEmpty(props.frozenValue) && /*#__PURE__*/React__namespace.createElement(TableBody, {
         hostName: "DataTable",
         ref: frozenBodyRef,
+        cellMemo: props.cellMemo,
+        cellMemoProps: props.cellMemoProps,
+        cellMemoPropsDepth: props.cellMemoPropsDepth,
         cellClassName: props.cellClassName,
         cellSelection: props.cellSelection,
         checkIcon: props.checkIcon,
@@ -7313,6 +7338,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       var body = /*#__PURE__*/React__namespace.createElement(TableBody, {
         hostName: "DataTable",
         ref: bodyRef,
+        cellMemo: props.cellMemo,
+        cellMemoProps: props.cellMemoProps,
+        cellMemoPropsDepth: props.cellMemoPropsDepth,
         cellClassName: props.cellClassName,
         cellSelection: props.cellSelection,
         checkIcon: props.checkIcon,