@mui/x-data-grid 6.7.0 → 6.8.0

package/node/hooks/features/virtualization/useGridVirtualScroller.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.areRenderContextsEqual = void 0;
 exports.binarySearch = binarySearch;
 exports.useGridVirtualScroller = exports.getRenderableIndexes = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -27,8 +28,7 @@ var _gridColumnsUtils = require("../columns/gridColumnsUtils");
 var _gridRowsUtils = require("../rows/gridRowsUtils");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["style"],
-  _excluded2 = ["style"],
-  _excluded3 = ["style"];
+  _excluded2 = ["style"];
 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; }
 // Uses binary search to avoid looping through all possible positions
@@ -67,6 +67,12 @@ const areRenderContextsEqual = (context1, context2) => {
   }
   return context1.firstRowIndex === context2.firstRowIndex && context1.lastRowIndex === context2.lastRowIndex && context1.firstColumnIndex === context2.firstColumnIndex && context1.lastColumnIndex === context2.lastColumnIndex;
 };
+exports.areRenderContextsEqual = areRenderContextsEqual;
+// The `maxSize` is 3 so that reselect caches the `renderedColumns` values for the pinned left,
+// unpinned, and pinned right sections.
+const MEMOIZE_OPTIONS = {
+  maxSize: 3
+};
 const useGridVirtualScroller = props => {
   const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
@@ -106,7 +112,7 @@ const useGridVirtualScroller = props => {
   const prevRootRowStyle = React.useRef();
   const getRenderedColumnsRef = React.useRef((0, _reselect.defaultMemoize)((columns, firstColumnToRender, lastColumnToRender) => {
     return columns.slice(firstColumnToRender, lastColumnToRender);
-  }));
+  }, MEMOIZE_OPTIONS));
   const getNearestIndexToRender = React.useCallback(offset => {
     const lastMeasuredIndexRelativeToAllRows = apiRef.current.getLastMeasuredRowIndex();
     let allRowsMeasured = lastMeasuredIndexRelativeToAllRows === Infinity;
@@ -264,7 +270,7 @@ const useGridVirtualScroller = props => {
     };
     apiRef.current.publishEvent('scrollPositionChange', params);
   }, [apiRef, computeRenderContext, containerDimensions.width, updateRenderContext]);
-  const handleScroll = event => {
+  const handleScroll = (0, _utils.unstable_useEventCallback)(event => {
     const {
       scrollTop,
       scrollLeft
@@ -306,13 +312,13 @@ const useGridVirtualScroller = props => {
       });
       prevTotalWidth.current = columnsTotalWidth;
     }
-  };
-  const handleWheel = event => {
+  });
+  const handleWheel = (0, _utils.unstable_useEventCallback)(event => {
     apiRef.current.publishEvent('virtualScrollerWheel', {}, event);
-  };
-  const handleTouchMove = event => {
+  });
+  const handleTouchMove = (0, _utils.unstable_useEventCallback)(event => {
     apiRef.current.publishEvent('virtualScrollerTouchMove', {}, event);
-  };
+  });
   const getRows = (params = {
     renderContext
   }) => {
@@ -457,22 +463,25 @@ const useGridVirtualScroller = props => {
       height,
       minHeight: shouldExtendContent ? '100%' : 'auto'
     };
+    if (rootProps.autoHeight && currentPage.rows.length === 0) {
+      size.height = (0, _gridRowsUtils.getMinimalContentHeight)(apiRef, rootProps.rowHeight); // Give room to show the overlay when there no rows.
+    }
+
     return size;
-  }, [rootRef, columnsTotalWidth, rowsMeta.currentPageTotalHeight, needsHorizontalScrollbar]);
+  }, [apiRef, rootRef, columnsTotalWidth, rowsMeta.currentPageTotalHeight, needsHorizontalScrollbar, rootProps.autoHeight, rootProps.rowHeight, currentPage.rows.length]);
   React.useEffect(() => {
     apiRef.current.publishEvent('virtualScrollerContentSizeChange');
   }, [apiRef, contentSize]);
-  if (rootProps.autoHeight && currentPage.rows.length === 0) {
-    contentSize.height = (0, _gridRowsUtils.getMinimalContentHeight)(apiRef, rootProps.rowHeight); // Give room to show the overlay when there no rows.
-  }
-
-  const rootStyle = {};
-  if (!needsHorizontalScrollbar) {
-    rootStyle.overflowX = 'hidden';
-  }
-  if (rootProps.autoHeight) {
-    rootStyle.overflowY = 'hidden';
-  }
+  const rootStyle = React.useMemo(() => {
+    const style = {};
+    if (!needsHorizontalScrollbar) {
+      style.overflowX = 'hidden';
+    }
+    if (rootProps.autoHeight) {
+      style.overflowY = 'hidden';
+    }
+    return style;
+  }, [needsHorizontalScrollbar, rootProps.autoHeight]);
   const getRenderContext = React.useCallback(() => {
     return prevRenderContext.current;
   }, []);
@@ -483,23 +492,18 @@ const useGridVirtualScroller = props => {
     renderContext,
     updateRenderZonePosition,
     getRows,
-    getRootProps: (_ref3 = {}) => {
-      let {
-          style = {}
-        } = _ref3,
-        other = (0, _objectWithoutPropertiesLoose2.default)(_ref3, _excluded3);
-      return (0, _extends2.default)({
-        ref: handleRef,
-        onScroll: handleScroll,
-        onWheel: handleWheel,
-        onTouchMove: handleTouchMove,
-        style: (0, _extends2.default)({}, style, rootStyle)
-      }, other);
-    },
+    getRootProps: (inputProps = {}) => (0, _extends2.default)({
+      ref: handleRef,
+      onScroll: handleScroll,
+      onWheel: handleWheel,
+      onTouchMove: handleTouchMove
+    }, inputProps, {
+      style: inputProps.style ? (0, _extends2.default)({}, inputProps.style, rootStyle) : rootStyle
+    }),
     getContentProps: ({
-      style = {}
+      style
     } = {}) => ({
-      style: (0, _extends2.default)({}, style, contentSize)
+      style: style ? (0, _extends2.default)({}, style, contentSize) : contentSize
     }),
     getRenderZoneProps: () => ({
       ref: renderZoneRef

package/node/hooks/utils/index.js

@@ -3,9 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  useGridSelector: true
+};
+Object.defineProperty(exports, "useGridSelector", {
+  enumerable: true,
+  get: function () {
+    return _useGridSelector.useGridSelector;
+  }
+});
 var _useGridApiEventHandler = require("./useGridApiEventHandler");
 Object.keys(_useGridApiEventHandler).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useGridApiEventHandler[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -17,6 +27,7 @@ Object.keys(_useGridApiEventHandler).forEach(function (key) {
 var _useGridApiMethod = require("./useGridApiMethod");
 Object.keys(_useGridApiMethod).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useGridApiMethod[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -28,6 +39,7 @@ Object.keys(_useGridApiMethod).forEach(function (key) {
 var _useGridLogger = require("./useGridLogger");
 Object.keys(_useGridLogger).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useGridLogger[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -37,19 +49,10 @@ Object.keys(_useGridLogger).forEach(function (key) {
   });
 });
 var _useGridSelector = require("./useGridSelector");
-Object.keys(_useGridSelector).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useGridSelector[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useGridSelector[key];
-    }
-  });
-});
 var _useGridNativeEventListener = require("./useGridNativeEventListener");
 Object.keys(_useGridNativeEventListener).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useGridNativeEventListener[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -61,6 +64,7 @@ Object.keys(_useGridNativeEventListener).forEach(function (key) {
 var _useFirstRender = require("./useFirstRender");
 Object.keys(_useFirstRender).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _useFirstRender[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,

package/node/hooks/utils/useGridSelector.js

@@ -3,21 +3,55 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridSelector = void 0;
+exports.useGridSelector = exports.objectShallowCompare = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _useLazyRef = require("./useLazyRef");
+var _useOnMount = require("./useOnMount");
 var _warning = require("../../utils/warning");
+var _fastObjectShallowCompare = require("../../utils/fastObjectShallowCompare");
+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; }
+const stateNotInitializedWarning = (0, _warning.buildWarning)(['MUI: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
 function isOutputSelector(selector) {
   return selector.acceptsApiRef;
 }
-const stateNotInitializedWarning = (0, _warning.buildWarning)(['MUI: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
-const useGridSelector = (apiRef, selector) => {
+function applySelector(apiRef, selector) {
+  if (isOutputSelector(selector)) {
+    return selector(apiRef);
+  }
+  return selector(apiRef.current.state);
+}
+const defaultCompare = Object.is;
+const objectShallowCompare = _fastObjectShallowCompare.fastObjectShallowCompare;
+exports.objectShallowCompare = objectShallowCompare;
+const createRefs = () => ({
+  state: null,
+  equals: null,
+  selector: null
+});
+const useGridSelector = (apiRef, selector, equals = defaultCompare) => {
   if (process.env.NODE_ENV !== 'production') {
     if (!apiRef.current.state) {
       stateNotInitializedWarning();
     }
   }
-  if (isOutputSelector(selector)) {
-    return selector(apiRef);
-  }
-  return selector(apiRef.current.state);
+  const refs = (0, _useLazyRef.useLazyRef)(createRefs);
+  const didInit = refs.current.selector !== null;
+  const [state, setState] = React.useState(
+  // We don't use an initialization function to avoid allocations
+  didInit ? null : applySelector(apiRef, selector));
+  refs.current.state = state;
+  refs.current.equals = equals;
+  refs.current.selector = selector;
+  (0, _useOnMount.useOnMount)(() => {
+    return apiRef.current.store.subscribe(() => {
+      const newState = applySelector(apiRef, refs.current.selector);
+      if (!refs.current.equals(refs.current.state, newState)) {
+        refs.current.state = newState;
+        setState(newState);
+      }
+    });
+  });
+  return state;
 };
 exports.useGridSelector = useGridSelector;

package/node/hooks/utils/useLazyRef.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLazyRef = useLazyRef;
+var React = _interopRequireWildcard(require("react"));
+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; }
+const UNINITIALIZED = {};
+function useLazyRef(init, initArg) {
+  const ref = React.useRef(UNINITIALIZED);
+  if (ref.current === UNINITIALIZED) {
+    ref.current = init(initArg);
+  }
+  return ref;
+}

package/node/hooks/utils/useOnMount.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnMount = useOnMount;
+var React = _interopRequireWildcard(require("react"));
+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; }
+const EMPTY = [];
+function useOnMount(fn) {
+  /* eslint-disable react-hooks/exhaustive-deps */
+  React.useEffect(fn, EMPTY);
+  /* eslint-enable react-hooks/exhaustive-deps */
+}

package/node/index.js

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

package/node/locales/elGR.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.elGR = void 0;
+var _locale = require("@mui/material/locale");
 var _getGridLocalization = require("../utils/getGridLocalization");
 const elGRGrid = {
   // Root
@@ -25,17 +26,15 @@ const elGRGrid = {
   toolbarFiltersTooltipShow: 'Εμφάνιση φίλτρων',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} ενεργά φίλτρα` : `${count} ενεργό φίλτρο`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
-
+  toolbarQuickFilterPlaceholder: 'Αναζήτηση…',
+  toolbarQuickFilterLabel: 'Αναζήτηση',
+  toolbarQuickFilterDeleteIconLabel: 'Καθαρισμός',
   // Export selector toolbar button text
   toolbarExport: 'Εξαγωγή',
   toolbarExportLabel: 'Εξαγωγή',
   toolbarExportCSV: 'Λήψη ως CSV',
-  // toolbarExportPrint: 'Print',
-  // toolbarExportExcel: 'Download as Excel',
-
+  toolbarExportPrint: 'Εκτύπωση',
+  toolbarExportExcel: 'Λήψη ως Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Εύρεση στήλης',
   columnsPanelTextFieldPlaceholder: 'Επικεφαλίδα στήλης',
@@ -44,9 +43,9 @@ const elGRGrid = {
   columnsPanelHideAllButton: 'Απόκρυψη όλων',
   // Filter panel text
   filterPanelAddFilter: 'Προσθήκη φίλτρου',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Αφαίρεση όλων',
   filterPanelDeleteIconLabel: 'Διαγραφή',
-  // filterPanelLogicOperator: 'Logic operator',
+  filterPanelLogicOperator: 'Λογικός τελεστής',
   filterPanelOperator: 'Τελεστές',
   filterPanelOperatorAnd: 'Καί',
   filterPanelOperatorOr: 'Ή',
@@ -66,44 +65,41 @@ const elGRGrid = {
   filterOperatorOnOrBefore: 'είναι ίσο ή πριν',
   filterOperatorIsEmpty: 'είναι κενό',
   filterOperatorIsNotEmpty: 'δεν είναι κενό',
-  // filterOperatorIsAnyOf: 'is any of',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  filterOperatorIsAnyOf: 'είναι οποιοδήποτε από',
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
   // Header filter operators text
-  // headerFilterOperatorContains: 'Contains',
-  // headerFilterOperatorEquals: 'Equals',
-  // headerFilterOperatorStartsWith: 'Starts with',
-  // headerFilterOperatorEndsWith: 'Ends with',
-  // headerFilterOperatorIs: 'Is',
-  // headerFilterOperatorNot: 'Is not',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
-  // 'headerFilterOperator=': 'Equals',
-  // 'headerFilterOperator!=': 'Not equals',
-  // 'headerFilterOperator>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  headerFilterOperatorContains: 'Περιέχει',
+  headerFilterOperatorEquals: 'Ισούται',
+  headerFilterOperatorStartsWith: 'Ξεκινάει με',
+  headerFilterOperatorEndsWith: 'Τελειώνει με',
+  headerFilterOperatorIs: 'Είναι',
+  headerFilterOperatorNot: 'Δεν είναι',
+  headerFilterOperatorAfter: 'Είναι μετά',
+  headerFilterOperatorOnOrAfter: 'Είναι ίσο ή μετά',
+  headerFilterOperatorBefore: 'Είναι πριν',
+  headerFilterOperatorOnOrBefore: 'Είναι ίσο ή πριν',
+  headerFilterOperatorIsEmpty: 'Είναι κενό',
+  headerFilterOperatorIsNotEmpty: 'Δεν είναι κενό',
+  headerFilterOperatorIsAnyOf: 'Είναι οποιοδήποτε από',
+  'headerFilterOperator=': 'Ισούται',
+  'headerFilterOperator!=': 'Δεν ισούται',
+  'headerFilterOperator>': 'Μεγαλύτερο από',
+  'headerFilterOperator>=': 'Μεγαλύτερο ή ίσο με',
+  'headerFilterOperator<': 'Μικρότερο από',
+  'headerFilterOperator<=': 'Μικρότερο ή ίσο με',
   // Filter values text
-  // filterValueAny: 'any',
-  // filterValueTrue: 'true',
-  // filterValueFalse: 'false',
-
+  filterValueAny: 'οποιοδήποτε',
+  filterValueTrue: 'αληθές',
+  filterValueFalse: 'ψευδές',
   // Column menu text
   columnMenuLabel: 'Μενού',
   columnMenuShowColumns: 'Εμφάνιση στηλών',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Διαχείριση στηλών',
   columnMenuFilter: 'Φίλτρο',
   columnMenuHideColumn: 'Απόκρυψη',
   columnMenuUnsort: 'Απενεργοποίηση ταξινόμησης',
@@ -120,50 +116,41 @@ const elGRGrid = {
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} από ${totalCount.toLocaleString()}`,
   // Checkbox selection text
-  // checkboxSelectionHeaderName: 'Checkbox selection',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
-
+  checkboxSelectionHeaderName: 'Επιλογή πλαισίου ελέγχου',
+  checkboxSelectionSelectAllRows: 'Επιλέξτε όλες τις σειρές',
+  checkboxSelectionUnselectAllRows: 'Καταργήση επιλογής όλων των σειρών',
+  checkboxSelectionSelectRow: 'Επιλογή γραμμής',
+  checkboxSelectionUnselectRow: 'Καταργήση επιλογής γραμμής',
   // Boolean cell text
-  // booleanCellTrueLabel: 'yes',
-  // booleanCellFalseLabel: 'no',
-
+  booleanCellTrueLabel: 'ναί',
+  booleanCellFalseLabel: 'όχι',
   // Actions cell more text
-  actionsCellMore: 'περισσότερα'
-
+  actionsCellMore: 'περισσότερα',
   // Column pinning text
-  // pinToLeft: 'Pin to left',
-  // pinToRight: 'Pin to right',
-  // unpin: 'Unpin',
-
+  pinToLeft: 'Καρφιτσώμα στα αριστερά',
+  pinToRight: 'Καρφιτσώμα στα δεξιά',
+  unpin: 'Ξεκαρφίτσωμα',
   // Tree Data
-  // treeDataGroupingHeaderName: 'Group',
-  // treeDataExpand: 'see children',
-  // treeDataCollapse: 'hide children',
-
+  treeDataGroupingHeaderName: 'Ομαδοποίηση',
+  treeDataExpand: 'εμφάνιση περιεχομένων',
+  treeDataCollapse: 'απόκρυψη περιεχομένων',
   // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
-
+  groupingColumnHeaderName: 'Ομαδοποίηση',
+  groupColumn: name => `Ομαδοποίηση κατά ${name}`,
+  unGroupColumn: name => `Διακοπή ομαδοποίησης κατά ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
-
+  detailPanelToggle: 'Εναλλαγή πίνακα λεπτομερειών',
+  expandDetailPanel: 'Ανάπτυξη',
+  collapseDetailPanel: 'Σύμπτυξη',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-
+  rowReorderingHeaderName: 'Αναδιάταξη γραμμών',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Συσσωμάτωση',
+  aggregationFunctionLabelSum: 'άθροισμα',
+  aggregationFunctionLabelAvg: 'μέση τιμή',
+  aggregationFunctionLabelMin: 'ελάχιστο',
+  aggregationFunctionLabelMax: 'μέγιστο',
+  aggregationFunctionLabelSize: 'μέγεθος'
 };
-
-const elGR = (0, _getGridLocalization.getGridLocalization)(elGRGrid);
+const elGR = (0, _getGridLocalization.getGridLocalization)(elGRGrid, _locale.elGR);
 exports.elGR = elGR;

package/node/utils/Store.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Store = void 0;
+class Store {
+  static create(value) {
+    return new Store(value);
+  }
+  constructor(_value) {
+    this.value = void 0;
+    this.listeners = void 0;
+    this.subscribe = fn => {
+      this.listeners.add(fn);
+      return () => {
+        this.listeners.delete(fn);
+      };
+    };
+    this.getSnapshot = () => {
+      return this.value;
+    };
+    this.update = value => {
+      this.value = value;
+      this.listeners.forEach(l => l(value));
+    };
+    this.value = _value;
+    this.listeners = new Set();
+  }
+}
+exports.Store = Store;

package/node/utils/doesSupportPreventScroll.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.doesSupportPreventScroll = doesSupportPreventScroll;
+// Based on https://stackoverflow.com/a/59518678
+let cachedSupportsPreventScroll;
+function doesSupportPreventScroll() {
+  if (cachedSupportsPreventScroll === undefined) {
+    document.createElement('div').focus({
+      get preventScroll() {
+        cachedSupportsPreventScroll = true;
+        return false;
+      }
+    });
+  }
+  return cachedSupportsPreventScroll;
+}

package/node/utils/fastMemo.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fastMemo = fastMemo;
+var React = _interopRequireWildcard(require("react"));
+var _fastObjectShallowCompare = require("./fastObjectShallowCompare");
+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 fastMemo(component) {
+  return /*#__PURE__*/React.memo(component, _fastObjectShallowCompare.fastObjectShallowCompare);
+}

package/node/utils/fastObjectShallowCompare.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fastObjectShallowCompare = fastObjectShallowCompare;
+const is = Object.is;
+function fastObjectShallowCompare(a, b) {
+  if (a === b) {
+    return true;
+  }
+  if (!(a instanceof Object) || !(b instanceof Object)) {
+    return false;
+  }
+  let aLength = 0;
+  let bLength = 0;
+
+  /* eslint-disable no-restricted-syntax */
+  /* eslint-disable guard-for-in */
+  for (const key in a) {
+    aLength += 1;
+    if (!is(a[key], b[key])) {
+      return false;
+    }
+    if (!(key in b)) {
+      return false;
+    }
+  }
+
+  /* eslint-disable-next-line @typescript-eslint/naming-convention, @typescript-eslint/no-unused-vars */
+  for (const _ in b) {
+    bLength += 1;
+  }
+  /* eslint-enable no-restricted-syntax */
+  /* eslint-enable guard-for-in */
+
+  return aLength === bLength;
+}

package/node/utils/keyboardUtils.js

@@ -24,12 +24,14 @@ const isDeleteKeys = key => key === 'Delete' || key === 'Backspace';
 
 // Non printable keys have a name, e.g. "ArrowRight", see the whole list:
 // https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
-// We need to ignore shortcuts, for example: select all:
+// So event.key.length === 1 is often enough.
+//
+// However, we also need to ignore shortcuts, for example: select all:
 // - Windows: Ctrl+A, event.ctrlKey is true
 // - macOS: ⌘ Command+A, event.metaKey is true
 exports.isDeleteKeys = isDeleteKeys;
 function isPrintableKey(event) {
-  return event.key.length === 1 && event.ctrlKey === false && event.metaKey === false;
+  return event.key.length === 1 && !event.ctrlKey && !event.metaKey;
 }
 const GRID_MULTIPLE_SELECTION_KEYS = ['Meta', 'Control', 'Shift'];
 exports.GRID_MULTIPLE_SELECTION_KEYS = GRID_MULTIPLE_SELECTION_KEYS;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "6.7.0",
+  "version": "6.8.0",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",