@mui/x-data-grid-generator 5.16.0 → 5.17.0

package/CHANGELOG.md

@@ -3,6 +3,83 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.0
+
+_Sep 2, 2022_
+
+🎉 We are excited to finally introduce a stable release (v5.0.0) for the `@mui/x-date-pickers` and  `@mui/x-date-pickers-pro` packages!
+
+If you are still using picker components from the `lab`, take a look at the [migration guide](https://mui.com/x/react-date-pickers/migration-lab/).
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Implement Lazy loading (#5214) @DanailH
+
+  Pro users now can try the experimental lazy loading feature.
+  In a few steps, you can load your data on demand, as the rows are displayed.
+
+  To enable this feature, add `experimentalFeatures={{ lazyLoading: true }}`.
+  Lazy Loading requires a few other settings.
+  See the [documentation](https://mui.com/x/react-data-grid/row-updates/#lazy-loading) to explore the example in detail.
+
+- 🚀 Improve `pickers` focus management (#5820) @alexfauquette
+- 🎉 Enable disabling `day` on date range picker depending on `position` (#5773) @alexfauquette
+- ✨ Various improvements
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.0` / `@mui/x-data-grid-pro@v5.17.0` / `@mui/x-data-grid-premium@v5.17.0`
+
+#### Changes
+
+- [DataGrid] Add `sort` prop to columns panel slot (#5888) @gavbrennan
+- [DataGrid] Do not throw if `fieldToFocus` cannot be found (#5871) @cherniavskii
+- [DataGrid] Support `getRowId` in the `replaceRows` method (#5988) @flaviendelangle
+- [DataGridPro] Add class name to row with open detail panel (#5924) @m4theushw
+- [DataGridPro] Fix crash when using `pinnedRows` + `getRowClassName` props and `rows=[]` (#5851) @cherniavskii
+- [DataGridPro] Fix filtering with inactive filter items (#5993) @alexfauquette
+- [DataGridPro] Implement Lazy loading (#5214) @DanailH
+- [DataGridPro] Support pinned columns and dynamic row height (#5782) @m4theushw
+- [DataGridPremium] Add state initializer for column groups (#5963) @alexfauquette
+- [DataGridPremium] Update grouping when `groupingValueGetter` changes (#5919) @flaviendelangle
+- [DataGridPremium] Use the aggregated value on tree data real groups (#5953) @flaviendelangle
+
+### `@mui/x-date-pickers@v5.0.0` / `@mui/x-date-pickers-pro@v5.0.0`
+
+#### Changes
+
+- [DatePicker] Improve focus management (#5820) @alexfauquette
+- [DateRangePicker] Enable disabling `day` depending on `position` (#5773) @alexfauquette
+- [DateTimePicker] Create a new `tabs` component slot (#5972) @LukasTy
+- [pickers] Do not forward validation props to the DOM on field components (#5971) @flaviendelangle
+- [pickers] Do not hardcode `date-fns` elements in field components (#5975) @flaviendelangle
+- [pickers] Do not require `date-fns` in `@mui/x-date-pickers-pro` (#5941) @flaviendelangle
+- [pickers] Fix mobile picker not opening on label click (#5651) @LukasTy
+- [pickers] Improve DOM event management on `useField` (#5901) @flaviendelangle
+- [pickers] Include `community` package `themeAugmentation` in `pro` package types (#5969) @LukasTy
+- [pickers] Rename `DateRangeField` into `SingleInputDateRangeField` (#5961) @flaviendelangle
+- [pickers] Support `isSameError` on field components (#5984) @flaviendelangle
+
+### Docs
+
+- [docs] Add `description` and `default` to pickers slots (#5893) @alexfauquette
+- [docs] Fix typo (#5945) @wettopa
+- [docs] Fix typo `onYearPicker` to `onYearChange` (#5954) @alexfauquette
+- [docs] Update `GridCellParams`'s `value` description (#5849) @cherniavskii
+- [docs] Update `README.md` to match Introduction section of the docs (#5754) @samuelsycamore
+
+### Core
+
+- [core] Fix typo (#5990) @flaviendelangle
+- [core] Remove old babel resolve rule (#5939) @oliviertassinari
+- [core] Remove outdated TODO (#5956) @flaviendelangle
+- [core] Upgrade monorepo (#5960) @cherniavskii
+- [core] Fix statics (#5986) @DanailH
+- [core] Remove unused dependencies (#5937) @oliviertassinari
+- [license] Remove CLI (#5757) @flaviendelangle
+- [test] Fix time zone sensitive test (#5955) @LukasTy
+- [test] Use `userEvent.mousePress` instead of `fireClickEvent` (#5920) @cherniavskii
+
 ## 5.16.0
 
 _Aug 25, 2022_
@@ -585,7 +662,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
 
   **MonthPicker**: The prop `onMonthChange` has been removed, you can use `onChange` instead since every change is a month change
 
-  **YearPicker**: The prop `onYearPicker` has been removed, you can use `onChange` instead since every change is a year change
+  **YearPicker**: The prop `onYearChange` has been removed, you can use `onChange` instead since every change is a year change
 
   **DayPicker**: The prop `isDateDisabled` has been removed, you can now use the same validation props as for the other components (`maxDate`, `minDate`, `shouldDisableDate`, `disableFuture` and `disablePast`)
 

package/hooks/useQuery.d.ts

@@ -1,24 +1,83 @@
-import { GridRowModel, GridFilterModel, GridSortModel, GridRowId } from '@mui/x-data-grid-pro';
+import * as React from 'react';
+import { GridRowModel, GridFilterModel, GridSortModel, GridRowId, GridFilterOperator, GridColDef } from '@mui/x-data-grid-pro';
 import { UseDemoDataOptions } from './useDemoData';
+/**
+ * Simulates server data loading
+ */
+export declare const loadServerRows: (rows: GridRowModel[], queryOptions: QueryOptions, serverOptions: ServerOptions, columnsWithDefaultColDef: GridColDef[]) => Promise<FakeServerResponse>;
+interface FakeServerResponse {
+    returnedRows: GridRowModel[];
+    nextCursor?: string;
+    totalRowCount: number;
+}
 interface PageInfo {
     totalRowCount?: number;
     nextCursor?: string;
     pageSize?: number;
 }
-export interface ServerOptions {
+interface DefaultServerOptions {
     minDelay: number;
     maxDelay: number;
     useCursorPagination?: boolean;
 }
+declare type ServerOptions = Partial<DefaultServerOptions>;
 export interface QueryOptions {
     cursor?: GridRowId;
     page?: number;
     pageSize?: number;
     filterModel?: GridFilterModel;
     sortModel?: GridSortModel;
+    firstRowToRender?: number;
+    lastRowToRender?: number;
 }
-export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOptions>, serverOptions?: Partial<ServerOptions>) => {
+export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOptions>, serverOptions?: ServerOptions) => {
     columns: import("..").GridColDefGenerator[];
+    columnsWithDefaultColDef: {
+        generateData?: ((row: any, context: import("..").GridDataGeneratorContext) => any) | undefined;
+        dataGeneratorUniquenessEnabled?: boolean | undefined;
+        field: string;
+        headerName?: string | undefined;
+        description?: string | undefined;
+        width?: number | undefined;
+        flex?: number | undefined;
+        minWidth?: number | undefined;
+        maxWidth?: number | undefined;
+        hide?: boolean | undefined;
+        hideable?: boolean | undefined;
+        sortable?: boolean | undefined;
+        sortingOrder?: import("@mui/x-data-grid-pro").GridSortDirection[] | undefined;
+        resizable?: boolean | undefined;
+        editable?: boolean | undefined;
+        groupable?: boolean | undefined;
+        pinnable?: boolean | undefined;
+        sortComparator?: import("@mui/x-data-grid-pro").GridComparatorFn<any> | undefined;
+        type?: string | undefined;
+        valueOptions?: import("@mui/x-data-grid-pro").ValueOptions[] | ((params: import("@mui/x-data-grid-pro").GridValueOptionsParams<any>) => import("@mui/x-data-grid-pro").ValueOptions[]) | undefined;
+        align?: import("@mui/x-data-grid-pro").GridAlignment | undefined;
+        valueGetter?: ((params: import("@mui/x-data-grid-pro").GridValueGetterParams<any, any>) => any) | undefined;
+        valueSetter?: ((params: import("@mui/x-data-grid-pro").GridValueSetterParams<any, any>) => any) | undefined;
+        valueFormatter?: ((params: import("@mui/x-data-grid-pro").GridValueFormatterParams<any>) => any) | undefined;
+        valueParser?: ((value: any, params?: import("@mui/x-data-grid-pro").GridCellParams<any, any, any> | undefined) => any) | undefined;
+        cellClassName?: import("@mui/x-data-grid-pro").GridCellClassNamePropType | undefined;
+        renderCell?: ((params: import("@mui/x-data-grid-pro").GridRenderCellParams<any, any, any>) => React.ReactNode) | undefined;
+        renderEditCell?: ((params: import("@mui/x-data-grid-pro").GridRenderEditCellParams<any, any, any>) => React.ReactNode) | undefined;
+        preProcessEditCellProps?: ((params: import("@mui/x-data-grid-pro").GridPreProcessEditCellProps<any, any>) => import("@mui/x-data-grid-pro").GridEditCellProps<any> | Promise<import("@mui/x-data-grid-pro").GridEditCellProps<any>>) | undefined;
+        headerClassName?: import("@mui/x-data-grid-pro").GridColumnHeaderClassNamePropType | undefined;
+        renderHeader?: ((params: import("@mui/x-data-grid-pro").GridColumnHeaderParams<any, any, any>) => React.ReactNode) | undefined;
+        headerAlign?: import("@mui/x-data-grid-pro").GridAlignment | undefined;
+        hideSortIcons?: boolean | undefined;
+        disableColumnMenu?: boolean | undefined;
+        filterable?: boolean | undefined;
+        filterOperators?: GridFilterOperator<any, any, any>[] | undefined;
+        getApplyQuickFilterFn?: ((value: any, colDef: import("@mui/x-data-grid-pro").GridStateColDef<any, any, any>, apiRef: React.MutableRefObject<import("@mui/x-data-grid/internals").GridApiCommunity>) => ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any>) => boolean) | null) | undefined;
+        disableReorder?: boolean | undefined;
+        disableExport?: boolean | undefined;
+        colSpan?: number | ((params: import("@mui/x-data-grid-pro").GridCellParams<any, any, any>) => number | undefined) | undefined;
+        aggregable?: boolean | undefined;
+        availableAggregationFunctions?: string[] | undefined;
+        groupingValueGetter?: ((params: import("@mui/x-data-grid-premium").GridGroupingValueGetterParams<any, any>) => import("@mui/x-data-grid-pro").GridKeyValue | null | undefined) | undefined;
+        extendType?: import("@mui/x-data-grid-pro").GridNativeColTypes | undefined;
+    }[];
     initialState: {
         columns: {
             columnVisibilityModel: import("@mui/x-data-grid-pro").GridColumnVisibilityModel;

package/hooks/useQuery.js

@@ -109,7 +109,7 @@ const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
  */
 
 
-const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultColDef) => {
+export const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultColDef) => {
   const {
     minDelay = 100,
     maxDelay = 300,
@@ -161,7 +161,6 @@ const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultCol
     }, delay); // simulate network latency
   });
 };
-
 const DEFAULT_DATASET_OPTIONS = {
   dataSet: 'Commodity',
   rowLength: 100,
@@ -245,6 +244,7 @@ export const createFakeServer = (dataSetOptions, serverOptions) => {
 
   return {
     columns,
+    columnsWithDefaultColDef,
     initialState,
     useQuery
   };

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.16.0
+/** @license MUI v5.17.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/hooks/useQuery.js

@@ -128,7 +128,7 @@ var getFilteredRows = function getFilteredRows(rows, filterModel, columnsWithDef
  */
 
 
-var loadServerRows = function loadServerRows(rows, queryOptions, serverOptions, columnsWithDefaultColDef) {
+export var loadServerRows = function loadServerRows(rows, queryOptions, serverOptions, columnsWithDefaultColDef) {
   var _serverOptions$minDel = serverOptions.minDelay,
       minDelay = _serverOptions$minDel === void 0 ? 100 : _serverOptions$minDel,
       _serverOptions$maxDel = serverOptions.maxDelay,
@@ -180,7 +180,6 @@ var loadServerRows = function loadServerRows(rows, queryOptions, serverOptions,
     }, delay); // simulate network latency
   });
 };
-
 var DEFAULT_DATASET_OPTIONS = {
   dataSet: 'Commodity',
   rowLength: 100,
@@ -303,6 +302,7 @@ export var createFakeServer = function createFakeServer(dataSetOptions, serverOp
 
   return {
     columns: columns,
+    columnsWithDefaultColDef: columnsWithDefaultColDef,
     initialState: initialState,
     useQuery: useQuery
   };

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.16.0
+/** @license MUI v5.17.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/hooks/useQuery.js

@@ -105,7 +105,7 @@ const getFilteredRows = (rows, filterModel, columnsWithDefaultColDef) => {
  */
 
 
-const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultColDef) => {
+export const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultColDef) => {
   const {
     minDelay = 100,
     maxDelay = 300,
@@ -157,7 +157,6 @@ const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultCol
     }, delay); // simulate network latency
   });
 };
-
 const DEFAULT_DATASET_OPTIONS = {
   dataSet: 'Commodity',
   rowLength: 100,
@@ -241,6 +240,7 @@ export const createFakeServer = (dataSetOptions, serverOptions) => {
 
   return {
     columns,
+    columnsWithDefaultColDef,
     initialState,
     useQuery
   };

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.16.0
+/** @license MUI v5.17.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/hooks/useQuery.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createFakeServer = void 0;
+exports.loadServerRows = exports.createFakeServer = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -179,6 +179,7 @@ const loadServerRows = (rows, queryOptions, serverOptions, columnsWithDefaultCol
   });
 };
 
+exports.loadServerRows = loadServerRows;
 const DEFAULT_DATASET_OPTIONS = {
   dataSet: 'Commodity',
   rowLength: 100,
@@ -261,6 +262,7 @@ const createFakeServer = (dataSetOptions, serverOptions) => {
 
   return {
     columns,
+    columnsWithDefaultColDef,
     initialState,
     useQuery
   };

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.16.0
+/** @license MUI v5.17.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "5.16.0",
+  "version": "5.17.0",
   "description": "Generate fake data for demo purposes only.",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@babel/runtime": "^7.18.9",
     "@mui/base": "^5.0.0-alpha.94",
-    "@mui/x-data-grid-premium": "5.16.0",
+    "@mui/x-data-grid-premium": "5.17.0",
     "chance": "^1.1.8",
     "clsx": "^1.2.1",
     "lru-cache": "^7.14.0"