@mui/x-data-grid 8.0.0-alpha.1 → 8.0.0-alpha.11

package/node/locales/zhCN.js

@@ -30,17 +30,15 @@ const zhCNGrid = {
   toolbarQuickFilterLabel: '搜索',
   toolbarQuickFilterDeleteIconLabel: '清除',
   // Prompt toolbar field
-  // toolbarPromptControlPlaceholder: 'Type a prompt…',
-  // toolbarPromptControlWithRecordingPlaceholder: 'Type or record a prompt…',
-  // toolbarPromptControlRecordingPlaceholder: 'Listening for prompt…',
-  // toolbarPromptControlLabel: 'Prompt input',
-  // toolbarPromptControlDeleteIconLabel: 'Clear',
-  // toolbarPromptControlRecordButtonDefaultLabel: 'Record',
-  // toolbarPromptControlRecordButtonActiveLabel: 'Stop recording',
-  // toolbarPromptControlSendActionLabel: 'Send',
-  // toolbarPromptControlSendActionAriaLabel: 'Send prompt',
-  // toolbarPromptControlErrorMessage: 'An error occurred while processing the request. Please try again with a different prompt.',
-
+  toolbarPromptControlPlaceholder: '输入提示词',
+  toolbarPromptControlWithRecordingPlaceholder: '输入提示词或点击录音',
+  toolbarPromptControlRecordingPlaceholder: '正在录音…',
+  toolbarPromptControlLabel: '提示词输入',
+  toolbarPromptControlRecordButtonDefaultLabel: '录音',
+  toolbarPromptControlRecordButtonActiveLabel: '停止录音',
+  toolbarPromptControlSendActionLabel: '发送',
+  toolbarPromptControlSendActionAriaLabel: '发送提示词',
+  toolbarPromptControlErrorMessage: '处理请求时出现错误。请使用其他提示词再试。',
   // Export selector toolbar button text
   toolbarExport: '导出',
   toolbarExportLabel: '导出',
@@ -52,8 +50,7 @@ const zhCNGrid = {
   columnsManagementNoColumns: '没有列',
   columnsManagementShowHideAllText: '显示/隐藏所有',
   columnsManagementReset: '重置',
-  // columnsManagementDeleteIconLabel: 'Clear',
-
+  columnsManagementDeleteIconLabel: '清除',
   // Filter panel text
   filterPanelAddFilter: '添加筛选器',
   filterPanelRemoveAll: '清除全部',
@@ -109,6 +106,8 @@ const zhCNGrid = {
   'headerFilterOperator>=': '大于或等于',
   'headerFilterOperator<': '小于',
   'headerFilterOperator<=': '小于或等于',
+  // headerFilterClear: 'Clear filter',
+
   // Filter values text
   filterValueAny: '任何',
   filterValueTrue: '真',

package/node/locales/zhHK.js

@@ -34,7 +34,6 @@ const zhHKGrid = {
   // toolbarPromptControlWithRecordingPlaceholder: 'Type or record a prompt…',
   // toolbarPromptControlRecordingPlaceholder: 'Listening for prompt…',
   // toolbarPromptControlLabel: 'Prompt input',
-  // toolbarPromptControlDeleteIconLabel: 'Clear',
   // toolbarPromptControlRecordButtonDefaultLabel: 'Record',
   // toolbarPromptControlRecordButtonActiveLabel: 'Stop recording',
   // toolbarPromptControlSendActionLabel: 'Send',
@@ -109,6 +108,8 @@ const zhHKGrid = {
   'headerFilterOperator>=': '大於或等於',
   'headerFilterOperator<': '少於',
   'headerFilterOperator<=': '小於或等於',
+  // headerFilterClear: 'Clear filter',
+
   // Filter values text
   filterValueAny: '任何',
   filterValueTrue: '真的',

package/node/locales/zhTW.js

@@ -34,7 +34,6 @@ const zhTWGrid = {
   // toolbarPromptControlWithRecordingPlaceholder: 'Type or record a prompt…',
   // toolbarPromptControlRecordingPlaceholder: 'Listening for prompt…',
   // toolbarPromptControlLabel: 'Prompt input',
-  // toolbarPromptControlDeleteIconLabel: 'Clear',
   // toolbarPromptControlRecordButtonDefaultLabel: 'Record',
   // toolbarPromptControlRecordButtonActiveLabel: 'Stop recording',
   // toolbarPromptControlSendActionLabel: 'Send',
@@ -109,6 +108,8 @@ const zhTWGrid = {
   'headerFilterOperator>=': '大於或等於',
   'headerFilterOperator<': '小於',
   'headerFilterOperator<=': '小於或等於',
+  // headerFilterClear: 'Clear filter',
+
   // Filter values text
   filterValueAny: '任何值',
   filterValueTrue: '真',

package/node/material/index.js

@@ -1,14 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
 var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
 var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
+var _LinearProgress = _interopRequireDefault(require("@mui/material/LinearProgress"));
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
 var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
@@ -20,10 +28,13 @@ var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornme
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
 var _GridColumnUnsortedIcon = require("./icons/GridColumnUnsortedIcon");
 var _icons = require("./icons");
 var _MUISelectOption = _interopRequireDefault(require("./components/MUISelectOption"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["inert", "iconStart", "iconEnd", "children"],
+  _excluded2 = ["slotProps"];
 const iconSlots = {
   booleanCellTrueIcon: _icons.GridCheckIcon,
   booleanCellFalseIcon: _icons.GridCloseIcon,
@@ -59,15 +70,18 @@ const iconSlots = {
   loadIcon: _icons.GridLoadIcon,
   filterPanelAddIcon: _icons.GridAddIcon,
   filterPanelRemoveAllIcon: _icons.GridDeleteForeverIcon,
-  columnReorderIcon: _icons.GridDragIcon
+  columnReorderIcon: _icons.GridDragIcon,
+  menuItemCheckIcon: _icons.GridCheckIcon
 };
-const materialSlots = (0, _extends2.default)({}, iconSlots, {
+const baseSlots = {
   baseBadge: _Badge.default,
   baseCheckbox: _Checkbox.default,
+  baseCircularProgress: _CircularProgress.default,
   baseDivider: _Divider.default,
+  baseLinearProgress: _LinearProgress.default,
   baseMenuList: _MenuList.default,
-  baseMenuItem: _MenuItem.default,
-  baseTextField: _TextField.default,
+  baseMenuItem: BaseMenuItem,
+  baseTextField: BaseTextField,
   baseFormControl: _FormControl.default,
   baseSelect: _Select.default,
   baseButton: _Button.default,
@@ -77,6 +91,44 @@ const materialSlots = (0, _extends2.default)({}, iconSlots, {
   basePopper: _Popper.default,
   baseInputLabel: _InputLabel.default,
   baseSelectOption: _MUISelectOption.default,
+  baseSkeleton: _Skeleton.default,
   baseChip: _Chip.default
-});
-var _default = exports.default = materialSlots;
+};
+const materialSlots = (0, _extends2.default)({}, baseSlots, iconSlots);
+var _default = exports.default = materialSlots;
+function BaseMenuItem(props) {
+  const {
+      inert,
+      iconStart,
+      iconEnd,
+      children
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  if (inert) {
+    other.disableRipple = true;
+  }
+  return /*#__PURE__*/React.createElement(_MenuItem.default, other, [iconStart && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
+    children: iconStart
+  }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+    children: children
+  }, "2"), iconEnd && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
+    children: iconEnd
+  }, "3")]);
+}
+function BaseTextField(props) {
+  // MaterialUI v5 doesn't support slotProps, until we drop v5 support we need to
+  // translate the pattern.
+  const {
+      slotProps
+    } = props,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, (0, _extends2.default)({
+    variant: "outlined"
+  }, rest, {
+    inputProps: slotProps?.htmlInput,
+    InputProps: slotProps?.input,
+    InputLabelProps: (0, _extends2.default)({
+      shrink: true
+    }, slotProps?.inputLabel)
+  }));
+}

package/node/models/api/index.js

@@ -3,17 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _gridParamsApi = require("./gridParamsApi");
-Object.keys(_gridParamsApi).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _gridParamsApi[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridParamsApi[key];
-    }
-  });
-});
 var _gridColumnApi = require("./gridColumnApi");
 Object.keys(_gridColumnApi).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/models/gridFilterInputComponent.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/utils/assert.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotRendered = NotRendered;
+function NotRendered(_props) {
+  throw new Error('Failed assertion: should not be rendered');
+}

package/node/utils/cellBorderUtils.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shouldCellShowRightBorder = exports.shouldCellShowLeftBorder = void 0;
-var _gridColumnsInterfaces = require("../hooks/features/columns/gridColumnsInterfaces");
+var _constants = require("../internals/constants");
 const shouldCellShowRightBorder = (pinnedPosition, indexInSection, sectionLength, showCellVerticalBorderRootProp, gridHasFiller) => {
   const isSectionLastCell = indexInSection === sectionLength - 1;
-  if (pinnedPosition === _gridColumnsInterfaces.GridPinnedColumnPosition.LEFT && isSectionLastCell) {
+  if (pinnedPosition === _constants.PinnedColumnPosition.LEFT && isSectionLastCell) {
     return true;
   }
   if (showCellVerticalBorderRootProp) {
-    if (pinnedPosition === _gridColumnsInterfaces.GridPinnedColumnPosition.LEFT) {
+    if (pinnedPosition === _constants.PinnedColumnPosition.LEFT) {
       return true;
     }
-    if (pinnedPosition === _gridColumnsInterfaces.GridPinnedColumnPosition.RIGHT) {
+    if (pinnedPosition === _constants.PinnedColumnPosition.RIGHT) {
       return !isSectionLastCell;
     }
     // pinnedPosition === undefined, middle section
@@ -24,6 +24,6 @@ const shouldCellShowRightBorder = (pinnedPosition, indexInSection, sectionLength
 };
 exports.shouldCellShowRightBorder = shouldCellShowRightBorder;
 const shouldCellShowLeftBorder = (pinnedPosition, indexInSection) => {
-  return pinnedPosition === _gridColumnsInterfaces.GridPinnedColumnPosition.RIGHT && indexInSection === 0;
+  return pinnedPosition === _constants.PinnedColumnPosition.RIGHT && indexInSection === 0;
 };
 exports.shouldCellShowLeftBorder = shouldCellShowLeftBorder;

package/node/utils/createSelector.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createSelectorV8 = exports.createSelectorMemoizedV8 = exports.createSelectorMemoized = exports.createSelector = void 0;
+exports.createSelectorMemoized = exports.createSelector = void 0;
 var _reselect = require("reselect");
 var _warning = require("@mui/x-internals/warning");
 var _useGridSelector = require("../hooks/utils/useGridSelector");
@@ -14,19 +14,6 @@ const reselectCreateSelector = (0, _reselect.createSelectorCreator)({
     equalityCheck: Object.is
   }
 });
-
-// TODO v8: Remove this type
-
-// TODO v8: Rename this type to `OutputSelector`
-
-// TODO v8: Remove this type
-
-// TODO v8: Rename this type to `SelectorArgs`
-
-// TODO v8: Remove this type
-
-// TODO v8: Rename this type to `CreateSelectorFunction`
-
 const cache = new WeakMap();
 function checkIsAPIRef(value) {
   return 'current' in value && 'instanceId' in value.current;
@@ -34,84 +21,12 @@ function checkIsAPIRef(value) {
 const DEFAULT_INSTANCE_ID = {
   id: 'default'
 };
-
-// TODO v8: Remove this function
 const createSelector = (a, b, c, d, e, f, ...other) => {
   if (other.length > 0) {
     throw new Error('Unsupported number of selectors');
   }
   let selector;
 
-  // eslint-disable-next-line id-denylist
-  if (a && b && c && d && e && f) {
-    selector = (stateOrApiRef, instanceIdParam) => {
-      const isAPIRef = checkIsAPIRef(stateOrApiRef);
-      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
-      const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
-      const va = a(state, instanceId);
-      const vb = b(state, instanceId);
-      const vc = c(state, instanceId);
-      const vd = d(state, instanceId);
-      const ve = e(state, instanceId);
-      return f(va, vb, vc, vd, ve);
-    };
-    // eslint-disable-next-line id-denylist
-  } else if (a && b && c && d && e) {
-    selector = (stateOrApiRef, instanceIdParam) => {
-      const isAPIRef = checkIsAPIRef(stateOrApiRef);
-      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
-      const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
-      const va = a(state, instanceId);
-      const vb = b(state, instanceId);
-      const vc = c(state, instanceId);
-      const vd = d(state, instanceId);
-      return e(va, vb, vc, vd);
-    };
-  } else if (a && b && c && d) {
-    selector = (stateOrApiRef, instanceIdParam) => {
-      const isAPIRef = checkIsAPIRef(stateOrApiRef);
-      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
-      const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
-      const va = a(state, instanceId);
-      const vb = b(state, instanceId);
-      const vc = c(state, instanceId);
-      return d(va, vb, vc);
-    };
-  } else if (a && b && c) {
-    selector = (stateOrApiRef, instanceIdParam) => {
-      const isAPIRef = checkIsAPIRef(stateOrApiRef);
-      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
-      const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
-      const va = a(state, instanceId);
-      const vb = b(state, instanceId);
-      return c(va, vb);
-    };
-  } else if (a && b) {
-    selector = (stateOrApiRef, instanceIdParam) => {
-      const isAPIRef = checkIsAPIRef(stateOrApiRef);
-      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
-      const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
-      const va = a(state, instanceId);
-      return b(va);
-    };
-  } else {
-    throw new Error('Missing arguments');
-  }
-
-  // We use this property to detect if the selector was created with createSelector
-  // or it's only a simple function the receives the state and returns part of it.
-  selector.acceptsApiRef = true;
-  return selector;
-};
-
-// TODO v8: Rename this function to `createSelector`
-exports.createSelector = createSelector;
-const createSelectorV8 = (a, b, c, d, e, f, ...other) => {
-  if (other.length > 0) {
-    throw new Error('Unsupported number of selectors');
-  }
-  let selector;
-
   // eslint-disable-next-line id-denylist
   if (a && b && c && d && e && f) {
     selector = (stateOrApiRef, args, instanceIdParam) => {
@@ -173,51 +88,15 @@ const createSelectorV8 = (a, b, c, d, e, f, ...other) => {
   selector.acceptsApiRef = true;
   return selector;
 };
-
-// TODO v8: Remove this function
-exports.createSelectorV8 = createSelectorV8;
+exports.createSelector = createSelector;
 const createSelectorMemoized = (...args) => {
-  const selector = (stateOrApiRef, instanceId) => {
-    const isAPIRef = checkIsAPIRef(stateOrApiRef);
-    const cacheKey = isAPIRef ? stateOrApiRef.current.instanceId : instanceId ?? DEFAULT_INSTANCE_ID;
-    const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
-    if (process.env.NODE_ENV !== 'production') {
-      if (cacheKey.id === 'default') {
-        (0, _warning.warnOnce)(['MUI X: A selector was called without passing the instance ID, which may impact the performance of the grid.', 'To fix, call it with `apiRef`, for example `mySelector(apiRef)`, or pass the instance ID explicitly, for example `mySelector(state, apiRef.current.instanceId)`.']);
-      }
-    }
-    const cacheArgsInit = cache.get(cacheKey);
-    const cacheArgs = cacheArgsInit ?? new Map();
-    const cacheFn = cacheArgs?.get(args);
-    if (cacheArgs && cacheFn) {
-      // We pass the cache key because the called selector might have as
-      // dependency another selector created with this `createSelector`.
-      return cacheFn(state, cacheKey);
-    }
-    const fn = reselectCreateSelector(...args);
-    if (!cacheArgsInit) {
-      cache.set(cacheKey, cacheArgs);
-    }
-    cacheArgs.set(args, fn);
-    return fn(state, cacheKey);
-  };
-
-  // We use this property to detect if the selector was created with createSelector
-  // or it's only a simple function the receives the state and returns part of it.
-  selector.acceptsApiRef = true;
-  return selector;
-};
-
-// TODO v8: Rename this function to `createSelectorMemoized`
-exports.createSelectorMemoized = createSelectorMemoized;
-const createSelectorMemoizedV8 = (...args) => {
   const selector = (stateOrApiRef, selectorArgs, instanceId) => {
     const isAPIRef = checkIsAPIRef(stateOrApiRef);
     const cacheKey = isAPIRef ? stateOrApiRef.current.instanceId : instanceId ?? DEFAULT_INSTANCE_ID;
     const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
     if (process.env.NODE_ENV !== 'production') {
       if (cacheKey.id === 'default') {
-        (0, _warning.warnOnce)(['MUI X: A selector was called without passing the instance ID, which may impact the performance of the grid.', 'To fix, call it with `apiRef`, for example `mySelector(apiRef)`, or pass the instance ID explicitly, for example `mySelector(state, apiRef.current.instanceId)`.']);
+        (0, _warning.warnOnce)(['MUI X: A selector was called without passing the instance ID, which may impact the performance of the grid.', 'To fix, call it with `apiRef`, for example `mySelector(apiRef)`, or pass the instance ID explicitly, for example `mySelector(state, args, apiRef.current.instanceId)`.']);
       }
     }
     const cacheArgsInit = cache.get(cacheKey);
@@ -250,4 +129,4 @@ const createSelectorMemoizedV8 = (...args) => {
   selector.acceptsApiRef = true;
   return selector;
 };
-exports.createSelectorMemoizedV8 = createSelectorMemoizedV8;
+exports.createSelectorMemoized = createSelectorMemoized;

package/node/utils/domUtils.js

@@ -179,7 +179,7 @@ const findPinnedHeaders = ({
   const elements = [];
   api.columnHeadersContainerRef.current.querySelectorAll(`.${_gridClasses.gridClasses[position === 'left' ? 'columnHeader--pinnedLeft' : 'columnHeader--pinnedRight']}`).forEach(element => {
     const currentColIndex = parseCellColIndex(element);
-    if (currentColIndex !== null && filterFn(currentColIndex)) {
+    if (currentColIndex !== null && filterFn(currentColIndex, element)) {
       elements.push(element);
     }
   });
@@ -200,7 +200,12 @@ function findRightPinnedHeadersBeforeCol(api, col, isRtl) {
     api,
     position: isRtl ? 'left' : 'right',
     colIndex,
-    filterFn: index => isRtl ? index > colIndex : index < colIndex
+    filterFn: (index, element) => {
+      if (element.classList.contains(_gridClasses.gridClasses['columnHeader--last'])) {
+        return false;
+      }
+      return isRtl ? index > colIndex : index < colIndex;
+    }
   });
 }
 function findGridHeader(api, field) {

package/node/utils/isJSDOM.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isJSDOM = void 0;
+const isJSDOM = exports.isJSDOM = typeof window !== 'undefined' && /jsdom|HappyDOM/.test(window.navigator.userAgent);

package/node/utils/roundToDecimalPlaces.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.roundToDecimalPlaces = roundToDecimalPlaces;
+function roundToDecimalPlaces(value, decimals) {
+  return Math.round(value * 10 ** decimals) / 10 ** decimals;
+}

package/node/utils/rtlFlipSide.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rtlFlipSide = void 0;
+var _constants = require("../internals/constants");
+const rtlFlipSide = (position, isRtl) => {
+  if (!position) {
+    return undefined;
+  }
+  if (!isRtl) {
+    if (position === _constants.PinnedColumnPosition.LEFT) {
+      return 'left';
+    }
+    if (position === _constants.PinnedColumnPosition.RIGHT) {
+      return 'right';
+    }
+  } else {
+    if (position === _constants.PinnedColumnPosition.LEFT) {
+      return 'right';
+    }
+    if (position === _constants.PinnedColumnPosition.RIGHT) {
+      return 'left';
+    }
+  }
+  return undefined;
+};
+exports.rtlFlipSide = rtlFlipSide;

package/node/utils/utils.js

@@ -14,6 +14,7 @@ exports.isNumber = isNumber;
 exports.isObject = isObject;
 exports.localStorageAvailable = localStorageAvailable;
 exports.range = range;
+exports.runIf = void 0;
 function isNumber(value) {
   return typeof value === 'number' && !Number.isNaN(value);
 }
@@ -213,4 +214,10 @@ function deepClone(obj) {
  * of a `eslint-disable-next-line react-hooks/exhaustive-deps` because
  * that hint disables checks on all values instead of just one.
  */
-function eslintUseValue(_) {}
+function eslintUseValue(_) {}
+const runIf = (condition, fn) => params => {
+  if (condition) {
+    fn(params);
+  }
+};
+exports.runIf = runIf;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.0.0-alpha.1",
+  "version": "8.0.0-alpha.11",
   "description": "The Community plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -37,12 +37,13 @@
     "directory": "packages/x-data-grid"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.0",
+    "@babel/runtime": "^7.26.7",
     "@mui/utils": "^5.16.6 || ^6.0.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
-    "@mui/x-internals": "8.0.0-alpha.1"
+    "use-sync-external-store": "^1.0.0",
+    "@mui/x-internals": "8.0.0-alpha.11"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/themeAugmentation/overrides.d.ts

@@ -5,10 +5,15 @@ export interface DataGridComponentNameToClassKey {
 declare module '@mui/material/styles' {
     interface ComponentNameToClassKey extends DataGridComponentNameToClassKey {
     }
-    interface Mixins {
-        MuiDataGrid?: {
-            containerBackground?: string;
-            pinnedBackground?: string;
-        };
+    interface PaletteDataGrid {
+        bg?: string;
+        headerBg?: string;
+        pinnedBg?: string;
+    }
+    interface CssVarsPalette {
+        DataGrid: PaletteDataGrid;
+    }
+    interface PaletteOptions {
+        DataGrid?: Partial<PaletteDataGrid>;
     }
 }

package/utils/assert.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function NotRendered<T>(_props: T): React.ReactNode;

package/utils/assert.js

@@ -0,0 +1,3 @@
+export function NotRendered(_props) {
+  throw new Error('Failed assertion: should not be rendered');
+}

package/utils/cellBorderUtils.d.ts

@@ -1,3 +1,3 @@
-import { GridPinnedColumnPosition } from '../hooks/features/columns/gridColumnsInterfaces';
-export declare const shouldCellShowRightBorder: (pinnedPosition: GridPinnedColumnPosition | undefined, indexInSection: number, sectionLength: number, showCellVerticalBorderRootProp: boolean, gridHasFiller: boolean) => boolean;
-export declare const shouldCellShowLeftBorder: (pinnedPosition: GridPinnedColumnPosition | undefined, indexInSection: number) => boolean;
+import { PinnedColumnPosition } from '../internals/constants';
+export declare const shouldCellShowRightBorder: (pinnedPosition: PinnedColumnPosition | undefined, indexInSection: number, sectionLength: number, showCellVerticalBorderRootProp: boolean, gridHasFiller: boolean) => boolean;
+export declare const shouldCellShowLeftBorder: (pinnedPosition: PinnedColumnPosition | undefined, indexInSection: number) => boolean;

package/utils/cellBorderUtils.js

@@ -1,14 +1,14 @@
-import { GridPinnedColumnPosition } from "../hooks/features/columns/gridColumnsInterfaces.js";
+import { PinnedColumnPosition } from "../internals/constants.js";
 export const shouldCellShowRightBorder = (pinnedPosition, indexInSection, sectionLength, showCellVerticalBorderRootProp, gridHasFiller) => {
   const isSectionLastCell = indexInSection === sectionLength - 1;
-  if (pinnedPosition === GridPinnedColumnPosition.LEFT && isSectionLastCell) {
+  if (pinnedPosition === PinnedColumnPosition.LEFT && isSectionLastCell) {
     return true;
   }
   if (showCellVerticalBorderRootProp) {
-    if (pinnedPosition === GridPinnedColumnPosition.LEFT) {
+    if (pinnedPosition === PinnedColumnPosition.LEFT) {
       return true;
     }
-    if (pinnedPosition === GridPinnedColumnPosition.RIGHT) {
+    if (pinnedPosition === PinnedColumnPosition.RIGHT) {
       return !isSectionLastCell;
     }
     // pinnedPosition === undefined, middle section
@@ -17,5 +17,5 @@ export const shouldCellShowRightBorder = (pinnedPosition, indexInSection, sectio
   return false;
 };
 export const shouldCellShowLeftBorder = (pinnedPosition, indexInSection) => {
-  return pinnedPosition === GridPinnedColumnPosition.RIGHT && indexInSection === 0;
+  return pinnedPosition === PinnedColumnPosition.RIGHT && indexInSection === 0;
 };