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

package/constants/cssVariables.d.ts

@@ -0,0 +1,294 @@
+declare const keys: {
+  readonly spacingUnit: "--DataGrid-t-spacing-unit";
+  readonly colors: {
+    readonly border: {
+      readonly base: "--DataGrid-t-colors-border-base";
+    };
+    readonly foreground: {
+      readonly base: "--DataGrid-t-colors-foreground-base";
+      readonly muted: "--DataGrid-t-colors-foreground-muted";
+      readonly accent: "--DataGrid-t-colors-foreground-accent";
+      readonly disabled: "--DataGrid-t-colors-foreground-disabled";
+    };
+    readonly background: {
+      readonly base: "--DataGrid-t-colors-background-base";
+      readonly overlay: "--DataGrid-t-colors-background-overlay";
+      readonly backdrop: "--DataGrid-t-colors-background-backdrop";
+    };
+    readonly interactive: {
+      readonly hover: "--DataGrid-t-colors-interactive-hover";
+      readonly hoverOpacity: "--DataGrid-t-colors-interactive-hover-opacity";
+      readonly focus: "--DataGrid-t-colors-interactive-focus";
+      readonly focusOpacity: "--DataGrid-t-colors-interactive-focus-opacity";
+      readonly disabled: "--DataGrid-t-colors-interactive-disabled";
+      readonly disabledOpacity: "--DataGrid-t-colors-interactive-disabled-opacity";
+      readonly selected: "--DataGrid-t-colors-interactive-selected";
+      readonly selectedOpacity: "--DataGrid-t-colors-interactive-selected-opacity";
+    };
+  };
+  readonly header: {
+    readonly background: {
+      readonly base: "--DataGrid-t-header-background-base";
+    };
+  };
+  readonly cell: {
+    readonly background: {
+      readonly pinned: "--DataGrid-t-cell-background-pinned";
+    };
+  };
+  readonly radius: {
+    readonly base: "--DataGrid-t-radius-base";
+  };
+  readonly typography: {
+    readonly fontFamily: {
+      readonly base: "--DataGrid-t-typography-font-family-base";
+    };
+    readonly fontWeight: {
+      readonly light: "--DataGrid-t-typography-font-weight-light";
+      readonly regular: "--DataGrid-t-typography-font-weight-regular";
+      readonly medium: "--DataGrid-t-typography-font-weight-medium";
+      readonly bold: "--DataGrid-t-typography-font-weight-bold";
+    };
+    readonly body: {
+      readonly fontFamily: "--DataGrid-t-typography-body-font-family";
+      readonly fontSize: "--DataGrid-t-typography-body-font-size";
+      readonly fontWeight: "--DataGrid-t-typography-body-font-weight";
+      readonly letterSpacing: "--DataGrid-t-typography-body-letter-spacing";
+      readonly lineHeight: "--DataGrid-t-typography-body-line-height";
+    };
+    readonly small: {
+      readonly fontFamily: "--DataGrid-t-typography-small-font-family";
+      readonly fontSize: "--DataGrid-t-typography-small-font-size";
+      readonly fontWeight: "--DataGrid-t-typography-small-font-weight";
+      readonly letterSpacing: "--DataGrid-t-typography-small-letter-spacing";
+      readonly lineHeight: "--DataGrid-t-typography-small-line-height";
+    };
+  };
+  readonly transitions: {
+    readonly easing: {
+      readonly easeIn: "--DataGrid-t-transitions-easing-ease-in";
+      readonly easeOut: "--DataGrid-t-transitions-easing-ease-out";
+      readonly easeInOut: "--DataGrid-t-transitions-easing-ease-in-out";
+    };
+    readonly duration: {
+      readonly short: "--DataGrid-t-transitions-duration-short";
+      readonly base: "--DataGrid-t-transitions-duration-base";
+      readonly long: "--DataGrid-t-transitions-duration-long";
+    };
+  };
+  readonly shadows: {
+    readonly base: "--DataGrid-t-shadows-base";
+    readonly overlay: "--DataGrid-t-shadows-overlay";
+  };
+  readonly zIndex: {
+    readonly panel: "--DataGrid-t-z-index-panel";
+    readonly menu: "--DataGrid-t-z-index-menu";
+  };
+};
+export type GridCSSVariablesInterface = { [E in CreateObjectEntries<typeof keys> as E['value']]: string | number };
+type Entry = {
+  key: string;
+  value: unknown;
+};
+type EmptyEntry<TValue> = {
+  key: '';
+  value: TValue;
+};
+type CreateObjectEntries<TValue, TValueInitial = TValue> = TValue extends object ? { [TKey in keyof TValue]-?: TKey extends string ? OmitItself<TValue[TKey], TValueInitial> extends infer TNestedValue ? TNestedValue extends Entry ? {
+  key: `${TKey}.${TNestedValue['key']}`;
+  value: TNestedValue['value'];
+} : never : never : never }[keyof TValue] : EmptyEntry<TValue>;
+type OmitItself<TValue, TValueInitial> = TValue extends TValueInitial ? EmptyEntry<TValue> : CreateObjectEntries<TValue, TValueInitial>;
+export declare const vars: {
+  spacingUnit: "--DataGrid-t-spacing-unit";
+  colors: {
+    readonly border: {
+      readonly base: "--DataGrid-t-colors-border-base";
+    };
+    readonly foreground: {
+      readonly base: "--DataGrid-t-colors-foreground-base";
+      readonly muted: "--DataGrid-t-colors-foreground-muted";
+      readonly accent: "--DataGrid-t-colors-foreground-accent";
+      readonly disabled: "--DataGrid-t-colors-foreground-disabled";
+    };
+    readonly background: {
+      readonly base: "--DataGrid-t-colors-background-base";
+      readonly overlay: "--DataGrid-t-colors-background-overlay";
+      readonly backdrop: "--DataGrid-t-colors-background-backdrop";
+    };
+    readonly interactive: {
+      readonly hover: "--DataGrid-t-colors-interactive-hover";
+      readonly hoverOpacity: "--DataGrid-t-colors-interactive-hover-opacity";
+      readonly focus: "--DataGrid-t-colors-interactive-focus";
+      readonly focusOpacity: "--DataGrid-t-colors-interactive-focus-opacity";
+      readonly disabled: "--DataGrid-t-colors-interactive-disabled";
+      readonly disabledOpacity: "--DataGrid-t-colors-interactive-disabled-opacity";
+      readonly selected: "--DataGrid-t-colors-interactive-selected";
+      readonly selectedOpacity: "--DataGrid-t-colors-interactive-selected-opacity";
+    };
+  };
+  header: {
+    readonly background: {
+      readonly base: "--DataGrid-t-header-background-base";
+    };
+  };
+  cell: {
+    readonly background: {
+      readonly pinned: "--DataGrid-t-cell-background-pinned";
+    };
+  };
+  radius: {
+    readonly base: "--DataGrid-t-radius-base";
+  };
+  typography: {
+    readonly fontFamily: {
+      readonly base: "--DataGrid-t-typography-font-family-base";
+    };
+    readonly fontWeight: {
+      readonly light: "--DataGrid-t-typography-font-weight-light";
+      readonly regular: "--DataGrid-t-typography-font-weight-regular";
+      readonly medium: "--DataGrid-t-typography-font-weight-medium";
+      readonly bold: "--DataGrid-t-typography-font-weight-bold";
+    };
+    readonly body: {
+      readonly fontFamily: "--DataGrid-t-typography-body-font-family";
+      readonly fontSize: "--DataGrid-t-typography-body-font-size";
+      readonly fontWeight: "--DataGrid-t-typography-body-font-weight";
+      readonly letterSpacing: "--DataGrid-t-typography-body-letter-spacing";
+      readonly lineHeight: "--DataGrid-t-typography-body-line-height";
+    };
+    readonly small: {
+      readonly fontFamily: "--DataGrid-t-typography-small-font-family";
+      readonly fontSize: "--DataGrid-t-typography-small-font-size";
+      readonly fontWeight: "--DataGrid-t-typography-small-font-weight";
+      readonly letterSpacing: "--DataGrid-t-typography-small-letter-spacing";
+      readonly lineHeight: "--DataGrid-t-typography-small-line-height";
+    };
+  };
+  transitions: {
+    readonly easing: {
+      readonly easeIn: "--DataGrid-t-transitions-easing-ease-in";
+      readonly easeOut: "--DataGrid-t-transitions-easing-ease-out";
+      readonly easeInOut: "--DataGrid-t-transitions-easing-ease-in-out";
+    };
+    readonly duration: {
+      readonly short: "--DataGrid-t-transitions-duration-short";
+      readonly base: "--DataGrid-t-transitions-duration-base";
+      readonly long: "--DataGrid-t-transitions-duration-long";
+    };
+  };
+  shadows: {
+    readonly base: "--DataGrid-t-shadows-base";
+    readonly overlay: "--DataGrid-t-shadows-overlay";
+  };
+  zIndex: {
+    readonly panel: "--DataGrid-t-z-index-panel";
+    readonly menu: "--DataGrid-t-z-index-menu";
+  };
+  breakpoints: {
+    values: {
+      xs: number;
+      sm: number;
+      md: number;
+      lg: number;
+      xl: number;
+    };
+    up: (key: any) => string;
+  };
+  spacing: typeof spacing;
+  transition: typeof transition;
+  keys: {
+    readonly spacingUnit: "--DataGrid-t-spacing-unit";
+    readonly colors: {
+      readonly border: {
+        readonly base: "--DataGrid-t-colors-border-base";
+      };
+      readonly foreground: {
+        readonly base: "--DataGrid-t-colors-foreground-base";
+        readonly muted: "--DataGrid-t-colors-foreground-muted";
+        readonly accent: "--DataGrid-t-colors-foreground-accent";
+        readonly disabled: "--DataGrid-t-colors-foreground-disabled";
+      };
+      readonly background: {
+        readonly base: "--DataGrid-t-colors-background-base";
+        readonly overlay: "--DataGrid-t-colors-background-overlay";
+        readonly backdrop: "--DataGrid-t-colors-background-backdrop";
+      };
+      readonly interactive: {
+        readonly hover: "--DataGrid-t-colors-interactive-hover";
+        readonly hoverOpacity: "--DataGrid-t-colors-interactive-hover-opacity";
+        readonly focus: "--DataGrid-t-colors-interactive-focus";
+        readonly focusOpacity: "--DataGrid-t-colors-interactive-focus-opacity";
+        readonly disabled: "--DataGrid-t-colors-interactive-disabled";
+        readonly disabledOpacity: "--DataGrid-t-colors-interactive-disabled-opacity";
+        readonly selected: "--DataGrid-t-colors-interactive-selected";
+        readonly selectedOpacity: "--DataGrid-t-colors-interactive-selected-opacity";
+      };
+    };
+    readonly header: {
+      readonly background: {
+        readonly base: "--DataGrid-t-header-background-base";
+      };
+    };
+    readonly cell: {
+      readonly background: {
+        readonly pinned: "--DataGrid-t-cell-background-pinned";
+      };
+    };
+    readonly radius: {
+      readonly base: "--DataGrid-t-radius-base";
+    };
+    readonly typography: {
+      readonly fontFamily: {
+        readonly base: "--DataGrid-t-typography-font-family-base";
+      };
+      readonly fontWeight: {
+        readonly light: "--DataGrid-t-typography-font-weight-light";
+        readonly regular: "--DataGrid-t-typography-font-weight-regular";
+        readonly medium: "--DataGrid-t-typography-font-weight-medium";
+        readonly bold: "--DataGrid-t-typography-font-weight-bold";
+      };
+      readonly body: {
+        readonly fontFamily: "--DataGrid-t-typography-body-font-family";
+        readonly fontSize: "--DataGrid-t-typography-body-font-size";
+        readonly fontWeight: "--DataGrid-t-typography-body-font-weight";
+        readonly letterSpacing: "--DataGrid-t-typography-body-letter-spacing";
+        readonly lineHeight: "--DataGrid-t-typography-body-line-height";
+      };
+      readonly small: {
+        readonly fontFamily: "--DataGrid-t-typography-small-font-family";
+        readonly fontSize: "--DataGrid-t-typography-small-font-size";
+        readonly fontWeight: "--DataGrid-t-typography-small-font-weight";
+        readonly letterSpacing: "--DataGrid-t-typography-small-letter-spacing";
+        readonly lineHeight: "--DataGrid-t-typography-small-line-height";
+      };
+    };
+    readonly transitions: {
+      readonly easing: {
+        readonly easeIn: "--DataGrid-t-transitions-easing-ease-in";
+        readonly easeOut: "--DataGrid-t-transitions-easing-ease-out";
+        readonly easeInOut: "--DataGrid-t-transitions-easing-ease-in-out";
+      };
+      readonly duration: {
+        readonly short: "--DataGrid-t-transitions-duration-short";
+        readonly base: "--DataGrid-t-transitions-duration-base";
+        readonly long: "--DataGrid-t-transitions-duration-long";
+      };
+    };
+    readonly shadows: {
+      readonly base: "--DataGrid-t-shadows-base";
+      readonly overlay: "--DataGrid-t-shadows-overlay";
+    };
+    readonly zIndex: {
+      readonly panel: "--DataGrid-t-z-index-panel";
+      readonly menu: "--DataGrid-t-z-index-menu";
+    };
+  };
+};
+declare function spacing(a?: number, b?: number, c?: number, d?: number): string;
+declare function transition(props: string[], options?: {
+  duration?: string;
+  easing?: string;
+  delay?: number;
+}): string;
+export {};

package/constants/cssVariables.js

@@ -0,0 +1,168 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.vars = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+// NOTE: Breakpoints can't come from the theme because we need access to them at
+// initialization time and media-queries can't use CSS variables. For users with
+// custom breakpoints, we might want to provide a way to configure them globally
+// instead of through the theme.
+const breakpoints = {
+  values: {
+    xs: 0,
+    // phone
+    sm: 600,
+    // tablet
+    md: 900,
+    // small laptop
+    lg: 1200,
+    // desktop
+    xl: 1536 // large screen
+  },
+  up: key => {
+    const values = breakpoints.values;
+    const value = typeof values[key] === 'number' ? values[key] : key;
+    return `@media (min-width:${value}px)`;
+  }
+};
+const keys = {
+  spacingUnit: '--DataGrid-t-spacing-unit',
+  /* Variables */
+  colors: {
+    border: {
+      base: '--DataGrid-t-colors-border-base'
+    },
+    foreground: {
+      base: '--DataGrid-t-colors-foreground-base',
+      muted: '--DataGrid-t-colors-foreground-muted',
+      accent: '--DataGrid-t-colors-foreground-accent',
+      disabled: '--DataGrid-t-colors-foreground-disabled'
+    },
+    background: {
+      base: '--DataGrid-t-colors-background-base',
+      overlay: '--DataGrid-t-colors-background-overlay',
+      backdrop: '--DataGrid-t-colors-background-backdrop'
+    },
+    interactive: {
+      hover: '--DataGrid-t-colors-interactive-hover',
+      hoverOpacity: '--DataGrid-t-colors-interactive-hover-opacity',
+      focus: '--DataGrid-t-colors-interactive-focus',
+      focusOpacity: '--DataGrid-t-colors-interactive-focus-opacity',
+      disabled: '--DataGrid-t-colors-interactive-disabled',
+      disabledOpacity: '--DataGrid-t-colors-interactive-disabled-opacity',
+      selected: '--DataGrid-t-colors-interactive-selected',
+      selectedOpacity: '--DataGrid-t-colors-interactive-selected-opacity'
+    }
+  },
+  header: {
+    background: {
+      base: '--DataGrid-t-header-background-base'
+    }
+  },
+  cell: {
+    background: {
+      pinned: '--DataGrid-t-cell-background-pinned'
+    }
+  },
+  radius: {
+    base: '--DataGrid-t-radius-base'
+  },
+  typography: {
+    fontFamily: {
+      base: '--DataGrid-t-typography-font-family-base'
+    },
+    fontWeight: {
+      light: '--DataGrid-t-typography-font-weight-light',
+      regular: '--DataGrid-t-typography-font-weight-regular',
+      medium: '--DataGrid-t-typography-font-weight-medium',
+      bold: '--DataGrid-t-typography-font-weight-bold'
+    },
+    body: {
+      fontFamily: '--DataGrid-t-typography-body-font-family',
+      fontSize: '--DataGrid-t-typography-body-font-size',
+      fontWeight: '--DataGrid-t-typography-body-font-weight',
+      letterSpacing: '--DataGrid-t-typography-body-letter-spacing',
+      lineHeight: '--DataGrid-t-typography-body-line-height'
+    },
+    small: {
+      fontFamily: '--DataGrid-t-typography-small-font-family',
+      fontSize: '--DataGrid-t-typography-small-font-size',
+      fontWeight: '--DataGrid-t-typography-small-font-weight',
+      letterSpacing: '--DataGrid-t-typography-small-letter-spacing',
+      lineHeight: '--DataGrid-t-typography-small-line-height'
+    }
+  },
+  transitions: {
+    easing: {
+      easeIn: '--DataGrid-t-transitions-easing-ease-in',
+      easeOut: '--DataGrid-t-transitions-easing-ease-out',
+      easeInOut: '--DataGrid-t-transitions-easing-ease-in-out'
+    },
+    duration: {
+      short: '--DataGrid-t-transitions-duration-short',
+      base: '--DataGrid-t-transitions-duration-base',
+      long: '--DataGrid-t-transitions-duration-long'
+    }
+  },
+  shadows: {
+    base: '--DataGrid-t-shadows-base',
+    overlay: '--DataGrid-t-shadows-overlay'
+  },
+  zIndex: {
+    panel: '--DataGrid-t-z-index-panel',
+    menu: '--DataGrid-t-z-index-menu'
+  }
+};
+const values = wrap(keys);
+const vars = exports.vars = (0, _extends2.default)({
+  breakpoints,
+  spacing,
+  transition,
+  keys
+}, values);
+function spacing(a, b, c, d) {
+  /* eslint-disable prefer-template */
+  if (a === undefined) {
+    return spacingString(1);
+  }
+  if (b === undefined) {
+    return spacingString(a);
+  }
+  if (c === undefined) {
+    return spacingString(a) + ' ' + spacingString(b);
+  }
+  if (d === undefined) {
+    return spacingString(a) + ' ' + spacingString(b) + ' ' + spacingString(c);
+  }
+  return spacingString(a) + ' ' + spacingString(b) + ' ' + spacingString(c) + ' ' + spacingString(d);
+  /* eslint-enable prefer-template */
+}
+function spacingString(value) {
+  if (value === 0) {
+    return '0';
+  }
+  return `calc(var(--DataGrid-t-spacing-unit) * ${value})`;
+}
+function transition(props, options) {
+  const {
+    duration = vars.transitions.duration.base,
+    easing = vars.transitions.easing.easeInOut,
+    delay = 0
+  } = options ?? {};
+  return props.map(prop => `${prop} ${duration} ${easing} ${delay}ms`).join(', ');
+}
+function wrap(input) {
+  if (typeof input === 'string') {
+    return `var(${input})`;
+  }
+  const result = {};
+  for (const key in input) {
+    if (Object.hasOwn(input, key)) {
+      result[key] = wrap(input[key]);
+    }
+  }
+  return result;
+}

package/constants/dataGridPropsDefaultValues.d.ts

@@ -2,4 +2,4 @@ import type { DataGridPropsWithDefaultValues } from '../models/props/DataGridPro
 /**
  * The default values of `DataGridPropsWithDefaultValues` to inject in the props of DataGrid.
  */
-export declare const DATA_GRID_PROPS_DEFAULT_VALUES: DataGridPropsWithDefaultValues;
+export declare const DATA_GRID_PROPS_DEFAULT_VALUES: DataGridPropsWithDefaultValues;

package/constants/dataGridPropsDefaultValues.js

@@ -1,8 +1,14 @@
-import { GridEditModes } from "../models/gridEditRowModel.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DATA_GRID_PROPS_DEFAULT_VALUES = void 0;
+var _gridEditRowModel = require("../models/gridEditRowModel");
 /**
  * The default values of `DataGridPropsWithDefaultValues` to inject in the props of DataGrid.
  */
-export const DATA_GRID_PROPS_DEFAULT_VALUES = {
+const DATA_GRID_PROPS_DEFAULT_VALUES = exports.DATA_GRID_PROPS_DEFAULT_VALUES = {
   autoHeight: false,
   autoPageSize: false,
   autosizeOnMount: false,
@@ -25,7 +31,7 @@ export const DATA_GRID_PROPS_DEFAULT_VALUES = {
   disableMultipleRowSelection: false,
   disableRowSelectionOnClick: false,
   disableVirtualization: false,
-  editMode: GridEditModes.Cell,
+  editMode: _gridEditRowModel.GridEditModes.Cell,
   filterDebounceMs: 150,
   filterMode: 'client',
   hideFooter: false,
@@ -51,6 +57,7 @@ export const DATA_GRID_PROPS_DEFAULT_VALUES = {
   rowSpanning: false,
   showCellVerticalBorder: false,
   showColumnVerticalBorder: false,
+  showToolbar: false,
   sortingMode: 'client',
   sortingOrder: ['asc', 'desc', null],
   throttleRowsMs: 0,

package/constants/defaultGridSlotsComponents.d.ts

@@ -1,2 +1,2 @@
-import { GridSlotsComponent } from '../models';
-export declare const DATA_GRID_DEFAULT_SLOTS_COMPONENTS: GridSlotsComponent;
+import { GridSlotsComponent } from "../models/index.js";
+export declare const DATA_GRID_DEFAULT_SLOTS_COMPONENTS: GridSlotsComponent;

package/constants/defaultGridSlotsComponents.js

@@ -1,34 +1,43 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { GridSkeletonCell, GridColumnsPanel, GridFilterPanel, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPanel, GridRow, GridColumnHeaderFilterIconButton, GridRowCount, GridColumnsManagement, GridColumnHeaderSortIcon } from "../components/index.js";
-import { GridCell } from "../components/cell/GridCell.js";
-import { GridColumnHeaders } from "../components/GridColumnHeaders.js";
-import { GridColumnMenu } from "../components/menu/columnMenu/GridColumnMenu.js";
-import { GridDetailPanels } from "../components/GridDetailPanels.js";
-import { GridPinnedRows } from "../components/GridPinnedRows.js";
-import { GridNoResultsOverlay } from "../components/GridNoResultsOverlay.js";
-import materialSlots from "../material/index.js";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DATA_GRID_DEFAULT_SLOTS_COMPONENTS = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _components = require("../components");
+var _GridCell = require("../components/cell/GridCell");
+var _GridColumnHeaders = require("../components/GridColumnHeaders");
+var _GridColumnMenu = require("../components/menu/columnMenu/GridColumnMenu");
+var _GridDetailPanels = require("../components/GridDetailPanels");
+var _GridPinnedRows = require("../components/GridPinnedRows");
+var _GridNoResultsOverlay = require("../components/GridNoResultsOverlay");
+var _material = _interopRequireDefault(require("../material"));
+var _GridBottomContainer = require("../components/virtualization/GridBottomContainer");
 // TODO: camelCase these key. It's a private helper now.
 // Remove then need to call `uncapitalizeObjectKeys`.
-export const DATA_GRID_DEFAULT_SLOTS_COMPONENTS = _extends({}, materialSlots, {
-  cell: GridCell,
-  skeletonCell: GridSkeletonCell,
-  columnHeaderFilterIconButton: GridColumnHeaderFilterIconButton,
-  columnHeaderSortIcon: GridColumnHeaderSortIcon,
-  columnMenu: GridColumnMenu,
-  columnHeaders: GridColumnHeaders,
-  detailPanels: GridDetailPanels,
-  footer: GridFooter,
-  footerRowCount: GridRowCount,
-  toolbar: null,
-  pinnedRows: GridPinnedRows,
-  loadingOverlay: GridLoadingOverlay,
-  noResultsOverlay: GridNoResultsOverlay,
-  noRowsOverlay: GridNoRowsOverlay,
-  pagination: GridPagination,
-  filterPanel: GridFilterPanel,
-  columnsPanel: GridColumnsPanel,
-  columnsManagement: GridColumnsManagement,
-  panel: GridPanel,
-  row: GridRow
+const DATA_GRID_DEFAULT_SLOTS_COMPONENTS = exports.DATA_GRID_DEFAULT_SLOTS_COMPONENTS = (0, _extends2.default)({}, _material.default, {
+  cell: _GridCell.GridCell,
+  skeletonCell: _components.GridSkeletonCell,
+  columnHeaderFilterIconButton: _components.GridColumnHeaderFilterIconButton,
+  columnHeaderSortIcon: _components.GridColumnHeaderSortIcon,
+  columnMenu: _GridColumnMenu.GridColumnMenu,
+  columnHeaders: _GridColumnHeaders.GridColumnHeaders,
+  detailPanels: _GridDetailPanels.GridDetailPanels,
+  bottomContainer: _GridBottomContainer.GridBottomContainer,
+  footer: _components.GridFooter,
+  footerRowCount: _components.GridRowCount,
+  toolbar: _components.GridToolbar,
+  pinnedRows: _GridPinnedRows.GridPinnedRows,
+  loadingOverlay: _components.GridLoadingOverlay,
+  noResultsOverlay: _GridNoResultsOverlay.GridNoResultsOverlay,
+  noRowsOverlay: _components.GridNoRowsOverlay,
+  noColumnsOverlay: _components.GridNoColumnsOverlay,
+  pagination: _components.GridPagination,
+  filterPanel: _components.GridFilterPanel,
+  columnsPanel: _components.GridColumnsPanel,
+  columnsManagement: _components.GridColumnsManagement,
+  panel: _components.GridPanel,
+  row: _components.GridRow
 });

package/constants/envConstants.d.ts

@@ -1 +1 @@
-export declare const GRID_EXPERIMENTAL_ENABLED = false;
+export declare const GRID_EXPERIMENTAL_ENABLED = false;

package/constants/envConstants.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_EXPERIMENTAL_ENABLED = void 0;
 // A guide to feature toggling (deprecated)
 //
 // The feature toggle is:
@@ -16,4 +22,4 @@
 // Developers (users) are discouraged to enable the experimental feature by setting the GRID_EXPERIMENTAL_ENABLED env.
 // Instead, prefer exposing experimental APIs, for instance, a prop or a new `unstable_` module.
 
-export const GRID_EXPERIMENTAL_ENABLED = false;
+const GRID_EXPERIMENTAL_ENABLED = exports.GRID_EXPERIMENTAL_ENABLED = false;