@mui/x-data-grid 6.3.1 → 6.4.0

package/node/hooks/features/export/serializers/csvSerializer.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildCSV = buildCSV;
+exports.serializeCellValue = void 0;
 var _colDef = require("../../../../colDef");
 var _warning = require("../../../../utils/warning");
-const serializeCellValue = (value, delimiterCharacter) => {
+function sanitizeCellValue(value, delimiterCharacter) {
   if (typeof value === 'string') {
     const formattedValue = value.replace(/"/g, '""');
 
@@ -17,16 +18,48 @@ const serializeCellValue = (value, delimiterCharacter) => {
     return formattedValue;
   }
   return value;
+}
+const serializeCellValue = (cellParams, options) => {
+  const {
+    delimiterCharacter,
+    ignoreValueFormatter
+  } = options;
+  let value;
+  if (ignoreValueFormatter) {
+    const columnType = cellParams.colDef.type;
+    if (columnType === 'number') {
+      value = String(cellParams.value);
+    } else if (columnType === 'date' || columnType === 'dateTime') {
+      value = cellParams.value?.toISOString();
+    } else if (typeof cellParams.value?.toString === 'function') {
+      value = cellParams.value.toString();
+    } else {
+      value = cellParams.value;
+    }
+  } else {
+    value = cellParams.formattedValue;
+  }
+  return sanitizeCellValue(value, delimiterCharacter);
 };
+exports.serializeCellValue = serializeCellValue;
 const objectFormattedValueWarning = (0, _warning.buildWarning)(['MUI: When the value of a field is an object or a `renderCell` is provided, the CSV export might not display the value correctly.', 'You can provide a `valueFormatter` with a string representation to be used.']);
-const serializeRow = (id, columns, getCellParams, delimiterCharacter) => columns.map(column => {
+const serializeRow = ({
+  id,
+  columns,
+  getCellParams,
+  delimiterCharacter,
+  ignoreValueFormatter
+}) => columns.map(column => {
   const cellParams = getCellParams(id, column.field);
   if (process.env.NODE_ENV !== 'production') {
     if (String(cellParams.formattedValue) === '[object Object]') {
       objectFormattedValueWarning();
     }
   }
-  return serializeCellValue(cellParams.formattedValue, delimiterCharacter);
+  return serializeCellValue(cellParams, {
+    delimiterCharacter,
+    ignoreValueFormatter
+  });
 });
 function buildCSV(options) {
   const {
@@ -34,12 +67,19 @@ function buildCSV(options) {
     rowIds,
     getCellParams,
     delimiterCharacter,
-    includeHeaders
+    includeHeaders,
+    ignoreValueFormatter
   } = options;
-  const CSVBody = rowIds.reduce((acc, id) => `${acc}${serializeRow(id, columns, getCellParams, delimiterCharacter).join(delimiterCharacter)}\r\n`, '').trim();
+  const CSVBody = rowIds.reduce((acc, id) => `${acc}${serializeRow({
+    id,
+    columns,
+    getCellParams,
+    delimiterCharacter,
+    ignoreValueFormatter
+  }).join(delimiterCharacter)}\r\n`, '').trim();
   if (!includeHeaders) {
     return CSVBody;
   }
-  const CSVHead = `${columns.filter(column => column.field !== _colDef.GRID_CHECKBOX_SELECTION_COL_DEF.field).map(column => serializeCellValue(column.headerName || column.field, delimiterCharacter)).join(delimiterCharacter)}\r\n`;
+  const CSVHead = `${columns.filter(column => column.field !== _colDef.GRID_CHECKBOX_SELECTION_COL_DEF.field).map(column => sanitizeCellValue(column.headerName || column.field, delimiterCharacter)).join(delimiterCharacter)}\r\n`;
   return `${CSVHead}${CSVBody}`.trim();
 }

package/node/hooks/features/export/useGridCsvExport.js

@@ -22,8 +22,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @requires useGridSelection (state)
  * @requires useGridParamsApi (method)
  */
-const useGridCsvExport = apiRef => {
+const useGridCsvExport = (apiRef, props) => {
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridCsvExport');
+  const ignoreValueFormatterProp = props.unstable_ignoreValueFormatterDuringExport;
+  const ignoreValueFormatter = (typeof ignoreValueFormatterProp === 'object' ? ignoreValueFormatterProp?.csvExport : ignoreValueFormatterProp) || false;
   const getDataAsCsv = React.useCallback((options = {}) => {
     logger.debug(`Get data as CSV`);
     const exportedColumns = (0, _utils.getColumnsToExport)({
@@ -39,9 +41,10 @@ const useGridCsvExport = apiRef => {
       rowIds: exportedRowIds,
       getCellParams: apiRef.current.getCellParams,
       delimiterCharacter: options.delimiter || ',',
-      includeHeaders: options.includeHeaders ?? true
+      includeHeaders: options.includeHeaders ?? true,
+      ignoreValueFormatter
     });
-  }, [logger, apiRef]);
+  }, [logger, apiRef, ignoreValueFormatter]);
   const exportDataAsCsv = React.useCallback(options => {
     logger.debug(`Export data as CSV`);
     const csv = getDataAsCsv(options);

package/node/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js

@@ -20,6 +20,7 @@ var _gridRowsSelector = require("../rows/gridRowsSelector");
 var _focus = require("../focus");
 var _gridColumnGroupsSelector = require("../columnGrouping/gridColumnGroupsSelector");
 var _useGridSelector = require("../../utils/useGridSelector");
+var _pipeProcessing = require("../../core/pipeProcessing");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function enrichPageRowsWithPinnedRows(apiRef, rows) {
@@ -458,6 +459,16 @@ const useGridKeyboardNavigation = (apiRef, props) => {
       event.preventDefault();
     }
   }, [apiRef, currentPageRows, theme.direction, getRowIdFromIndex, goToCell, goToHeader]);
+  const checkIfCanStartEditing = React.useCallback((initialValue, {
+    event
+  }) => {
+    if (event.key === ' ') {
+      // Space scrolls to the last row
+      return false;
+    }
+    return initialValue;
+  }, []);
+  (0, _pipeProcessing.useGridRegisterPipeProcessor)(apiRef, 'canStartEditing', checkIfCanStartEditing);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnHeaderKeyDown', handleColumnHeaderKeyDown);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnGroupHeaderKeyDown', handleColumnGroupHeaderKeyDown);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'cellKeyDown', handleCellKeyDown);

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.3.1
+ * @mui/x-data-grid v6.4.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/index.js

@@ -65,12 +65,14 @@ var _exportNames = {
   useGridVirtualScroller: true,
   getRenderableIndexes: true,
   useGridVisibleRows: true,
+  getVisibleRows: true,
   useGridInitializeState: true,
   getColumnsToExport: true,
   defaultGetRowsToExport: true,
   createSelector: true,
   unstable_resetCreateSelectorCache: true,
   findParentElementFromClassName: true,
+  getActiveElement: true,
   isNavigationKey: true,
   clamp: true,
   isDeepEqual: true,
@@ -79,7 +81,8 @@ var _exportNames = {
   isObject: true,
   buildWarning: true,
   exportAs: true,
-  useGridPrivateApiContext: true
+  useGridPrivateApiContext: true,
+  serializeCellValue: true
 };
 Object.defineProperty(exports, "DATA_GRID_DEFAULT_SLOTS_COMPONENTS", {
   enumerable: true,
@@ -213,6 +216,12 @@ Object.defineProperty(exports, "focusStateInitializer", {
     return _useGridFocus.focusStateInitializer;
   }
 });
+Object.defineProperty(exports, "getActiveElement", {
+  enumerable: true,
+  get: function () {
+    return _domUtils.getActiveElement;
+  }
+});
 Object.defineProperty(exports, "getColumnsToExport", {
   enumerable: true,
   get: function () {
@@ -237,6 +246,12 @@ Object.defineProperty(exports, "getTreeNodeDescendants", {
     return _gridRowsUtils.getTreeNodeDescendants;
   }
 });
+Object.defineProperty(exports, "getVisibleRows", {
+  enumerable: true,
+  get: function () {
+    return _useGridVisibleRows.getVisibleRows;
+  }
+});
 Object.defineProperty(exports, "gridAdditionalRowGroupsSelector", {
   enumerable: true,
   get: function () {
@@ -327,6 +342,12 @@ Object.defineProperty(exports, "rowsStateInitializer", {
     return _useGridRows.rowsStateInitializer;
   }
 });
+Object.defineProperty(exports, "serializeCellValue", {
+  enumerable: true,
+  get: function () {
+    return _csvSerializer.serializeCellValue;
+  }
+});
 Object.defineProperty(exports, "sortingStateInitializer", {
   enumerable: true,
   get: function () {
@@ -588,6 +609,7 @@ var _utils2 = require("../utils/utils");
 var _warning = require("../utils/warning");
 var _exportAs = require("../utils/exportAs");
 var _useGridPrivateApiContext = require("../hooks/utils/useGridPrivateApiContext");
+var _csvSerializer = require("../hooks/features/export/serializers/csvSerializer");
 var _utils3 = require("./utils");
 Object.keys(_utils3).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;