@mui/x-data-grid-generator 8.0.0-alpha.8 → 8.0.0-beta.0

package/hooks/useQuery.js

@@ -1,28 +1,37 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { getGridDefaultColumnTypes } from '@mui/x-data-grid-pro';
-import { isDeepEqual } from '@mui/x-data-grid/internals';
-import { useDemoData, getColumnsFromOptions, getInitialState } from "./useDemoData.js";
-import { DEFAULT_SERVER_OPTIONS, loadServerRows } from "./serverUtils.js";
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createFakeServer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _xDataGridPro = require("@mui/x-data-grid-pro");
+var _internals = require("@mui/x-data-grid/internals");
+var _useDemoData = require("./useDemoData");
+var _serverUtils = require("./serverUtils");
 const DEFAULT_DATASET_OPTIONS = {
   dataSet: 'Commodity',
   rowLength: 100,
   maxColumns: 6
 };
-export const createFakeServer = (dataSetOptions, serverOptions) => {
-  const dataSetOptionsWithDefault = _extends({}, DEFAULT_DATASET_OPTIONS, dataSetOptions);
-  const serverOptionsWithDefault = _extends({}, DEFAULT_SERVER_OPTIONS, serverOptions);
-  const columns = getColumnsFromOptions(dataSetOptionsWithDefault);
-  const initialState = getInitialState(dataSetOptionsWithDefault, columns);
-  const defaultColDef = getGridDefaultColumnTypes();
-  const columnsWithDefaultColDef = columns.map(column => _extends({}, defaultColDef[column.type || 'string'], column));
+const createFakeServer = (dataSetOptions, serverOptions) => {
+  const dataSetOptionsWithDefault = (0, _extends2.default)({}, DEFAULT_DATASET_OPTIONS, dataSetOptions);
+  const serverOptionsWithDefault = (0, _extends2.default)({}, _serverUtils.DEFAULT_SERVER_OPTIONS, serverOptions);
+  const columns = (0, _useDemoData.getColumnsFromOptions)(dataSetOptionsWithDefault);
+  const initialState = (0, _useDemoData.getInitialState)(dataSetOptionsWithDefault, columns);
+  const defaultColDef = (0, _xDataGridPro.getGridDefaultColumnTypes)();
+  const columnsWithDefaultColDef = columns.map(column => (0, _extends2.default)({}, defaultColDef[column.type || 'string'], column));
   const useQuery = queryOptions => {
     const {
       data: {
         rows
       },
       loading: dataGenerationIsLoading
-    } = useDemoData(dataSetOptionsWithDefault);
+    } = (0, _useDemoData.useDemoData)(dataSetOptionsWithDefault);
     const queryOptionsRef = React.useRef(queryOptions);
     const [response, setResponse] = React.useState({
       pageInfo: {},
@@ -37,7 +46,7 @@ export const createFakeServer = (dataSetOptions, serverOptions) => {
       queryOptionsRef.current = queryOptions;
       let active = true;
       setIsLoading(true);
-      setResponse(prev => Object.keys(prev.pageInfo).length === 0 ? prev : _extends({}, prev, {
+      setResponse(prev => Object.keys(prev.pageInfo).length === 0 ? prev : (0, _extends2.default)({}, prev, {
         pageInfo: {}
       }));
       (async function fetchData() {
@@ -46,7 +55,7 @@ export const createFakeServer = (dataSetOptions, serverOptions) => {
           nextCursor,
           totalRowCount,
           hasNextPage
-        } = await loadServerRows(rows, queryOptions, serverOptionsWithDefault, columnsWithDefaultColDef);
+        } = await (0, _serverUtils.loadServerRows)(rows, queryOptions, serverOptionsWithDefault, columnsWithDefaultColDef);
         if (!active) {
           return;
         }
@@ -59,7 +68,7 @@ export const createFakeServer = (dataSetOptions, serverOptions) => {
             pageSize: returnedRows.length
           }
         };
-        setResponse(prev => isDeepEqual(prev, newRep) ? prev : newRep);
+        setResponse(prev => (0, _internals.isDeepEqual)(prev, newRep) ? prev : newRep);
         setIsLoading(false);
       })();
       return () => {
@@ -69,7 +78,7 @@ export const createFakeServer = (dataSetOptions, serverOptions) => {
 
     // We use queryOptions pointer to be sure that isLoading===true as soon as the options change
     const effectShouldStart = queryOptionsRef.current !== queryOptions;
-    return _extends({
+    return (0, _extends2.default)({
       isLoading: isLoading || effectShouldStart
     }, response);
   };
@@ -79,4 +88,5 @@ export const createFakeServer = (dataSetOptions, serverOptions) => {
     initialState,
     useQuery
   };
-};
+};
+exports.createFakeServer = createFakeServer;

package/index.d.ts

@@ -1,4 +1,4 @@
-export * from './renderer';
-export * from './services';
-export * from './columns';
-export * from './hooks';
+export * from "./renderer/index.js";
+export * from "./services/index.js";
+export * from "./columns/index.js";
+export * from "./hooks/index.js";

package/index.js

@@ -1,11 +1,56 @@
 /**
- * @mui/x-data-grid-generator v8.0.0-alpha.8
+ * @mui/x-data-grid-generator v8.0.0-beta.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export * from "./renderer/index.js";
-export * from "./services/index.js";
-export * from "./columns/index.js";
-export * from "./hooks/index.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _renderer = require("./renderer");
+Object.keys(_renderer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _renderer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _renderer[key];
+    }
+  });
+});
+var _services = require("./services");
+Object.keys(_services).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _services[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _services[key];
+    }
+  });
+});
+var _columns = require("./columns");
+Object.keys(_columns).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _columns[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _columns[key];
+    }
+  });
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});

package/modern/columns/commodities.columns.d.ts

@@ -0,0 +1,2 @@
+import { GridColDefGenerator } from "../services/gridColDefGenerator.js";
+export declare const getCommodityColumns: (editable?: boolean) => GridColDefGenerator[];

package/modern/columns/employees.columns.d.ts

@@ -0,0 +1,2 @@
+import { GridColDefGenerator } from "../services/gridColDefGenerator.js";
+export declare const getEmployeeColumns: () => GridColDefGenerator[];

package/modern/columns/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./commodities.columns.js";
+export * from "./employees.columns.js";

package/modern/constants/prompts.d.ts

@@ -0,0 +1,2 @@
+import { unstable_PromptResponse as PromptResponse } from '@mui/x-data-grid-premium';
+export declare const mockPrompts: Map<string, PromptResponse>;

package/modern/hooks/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./useDemoData.js";
+export * from "./useBasicDemoData.js";
+export { useMovieData } from "./useMovieData.js";
+export type { Movie } from './useMovieData';
+export * from "./useQuery.js";
+export * from "./useMockServer.js";
+export { loadServerRows } from "./serverUtils.js";
+export type { QueryOptions } from './serverUtils';

package/modern/hooks/serverUtils.d.ts

@@ -0,0 +1,61 @@
+import { GridRowModel, GridFilterModel, GridSortModel, GridColDef, GridRowId, GridPaginationModel, GridValidRowModel, GridAggregationModel } from '@mui/x-data-grid-premium';
+export interface FakeServerResponse {
+  returnedRows: GridRowModel[];
+  aggregateRow?: GridValidRowModel;
+  nextCursor?: string;
+  hasNextPage?: boolean;
+  totalRowCount: number;
+}
+export interface PageInfo {
+  totalRowCount?: number;
+  nextCursor?: string;
+  hasNextPage?: boolean;
+  pageSize?: number;
+}
+export interface DefaultServerOptions {
+  minDelay: number;
+  maxDelay: number;
+  useCursorPagination?: boolean;
+}
+export type ServerOptions = Partial<DefaultServerOptions>;
+export interface QueryOptions {
+  cursor?: GridRowId;
+  page?: number;
+  pageSize?: number;
+  filterModel?: GridFilterModel;
+  aggregationModel?: GridAggregationModel;
+  sortModel?: GridSortModel;
+  start?: number;
+  end?: number;
+}
+export interface ServerSideQueryOptions {
+  cursor?: GridRowId;
+  paginationModel?: GridPaginationModel;
+  groupKeys?: string[];
+  filterModel?: GridFilterModel;
+  sortModel?: GridSortModel;
+  aggregationModel?: GridAggregationModel;
+  start?: number;
+  end?: number;
+  groupFields?: string[];
+}
+export declare const disableDelay: any;
+export declare const DEFAULT_SERVER_OPTIONS: DefaultServerOptions;
+/**
+ * Simulates server data loading
+ */
+export declare const loadServerRows: (rows: GridRowModel[], queryOptions: QueryOptions, serverOptions: ServerOptions, columnsWithDefaultColDef: GridColDef[]) => Promise<FakeServerResponse>;
+interface NestedDataRowsResponse {
+  rows: GridRowModel[];
+  rootRowCount: number;
+  aggregateRow?: GridRowModel;
+}
+/**
+ * Simulates server data for tree-data feature
+ */
+export declare const processTreeDataRows: (rows: GridRowModel[], queryOptions: ServerSideQueryOptions, serverOptions: ServerOptions, columnsWithDefaultColDef: GridColDef[]) => Promise<NestedDataRowsResponse>;
+/**
+ * Simulates server data for row grouping feature
+ */
+export declare const processRowGroupingRows: (rows: GridValidRowModel[], queryOptions: ServerSideQueryOptions, serverOptions: ServerOptions, columnsWithDefaultColDef: GridColDef[]) => Promise<NestedDataRowsResponse>;
+export {};

package/modern/hooks/useBasicDemoData.d.ts

@@ -0,0 +1,2 @@
+import { GridBasicData } from "../services/index.js";
+export declare const useBasicDemoData: (nbRows: number, nbCols: number) => GridBasicData;

package/modern/hooks/useDemoData.d.ts

@@ -0,0 +1,30 @@
+import { GridColumnVisibilityModel } from '@mui/x-data-grid-premium';
+import { GridDemoData } from "../services/real-data-service.js";
+import { GridColDefGenerator } from "../services/gridColDefGenerator.js";
+import { AddPathToDemoDataOptions, DemoTreeDataValue } from "../services/tree-data-generator.js";
+export type DemoDataReturnType = {
+  data: DemoTreeDataValue;
+  loading: boolean;
+  setRowLength: (count: number) => void;
+  loadNewData: () => void;
+};
+type DataSet = 'Commodity' | 'Employee';
+export interface UseDemoDataOptions {
+  dataSet: DataSet;
+  rowLength: number;
+  maxColumns?: number;
+  visibleFields?: string[];
+  editable?: boolean;
+  treeData?: AddPathToDemoDataOptions;
+}
+export declare function extrapolateSeed(rowLength: number, data: GridDemoData): Promise<GridDemoData>;
+export declare const deepFreeze: <T>(object: T) => T;
+export interface ColumnsOptions extends Pick<UseDemoDataOptions, 'dataSet' | 'editable' | 'maxColumns' | 'visibleFields'> {}
+export declare const getColumnsFromOptions: (options: ColumnsOptions) => GridColDefGenerator[];
+export declare const getInitialState: (options: UseDemoDataOptions, columns: GridColDefGenerator[]) => {
+  columns: {
+    columnVisibilityModel: GridColumnVisibilityModel;
+  };
+};
+export declare const useDemoData: (options: UseDemoDataOptions) => DemoDataReturnType;
+export {};

package/modern/hooks/useDemoData.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { LRUCache } from 'lru-cache';

package/modern/hooks/useMockServer.d.ts

@@ -0,0 +1,31 @@
+import type { GridGetRowsResponse } from '@mui/x-data-grid';
+import { type GridRowModel, type GridColDef, type GridInitialState } from '@mui/x-data-grid-premium';
+import { AddPathToDemoDataOptions } from "../services/tree-data-generator.js";
+import type { ServerOptions } from './serverUtils';
+export declare const BASE_URL = "https://mui.com/x/api/data-grid";
+type UseMockServerResponse<T> = {
+  columns: GridColDef[];
+  initialState: GridInitialState;
+  getGroupKey?: (row: GridRowModel) => string;
+  getChildrenCount?: (row: GridRowModel) => number;
+  fetchRows: (url: string) => Promise<T>;
+  loadNewData: () => void;
+  isReady: boolean;
+};
+type DataSet = 'Commodity' | 'Employee' | 'Movies';
+interface UseMockServerOptions {
+  dataSet: DataSet;
+  /**
+   * Has no effect when DataSet='Movies'
+   */
+  rowLength: number;
+  maxColumns?: number;
+  visibleFields?: string[];
+  editable?: boolean;
+  treeData?: AddPathToDemoDataOptions;
+  rowGrouping?: boolean;
+}
+export declare const useMockServer: <T extends GridGetRowsResponse>(dataSetOptions?: Partial<UseMockServerOptions>, serverOptions?: ServerOptions & {
+  verbose?: boolean;
+}, shouldRequestsFail?: boolean) => UseMockServerResponse<T>;
+export {};

package/modern/hooks/useMockServer.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { LRUCache } from 'lru-cache';
@@ -257,6 +259,7 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail)
     fetchRows,
     loadNewData: () => {
       setIndex(oldIndex => oldIndex + 1);
-    }
+    },
+    isReady: Boolean(data?.rows?.length)
   };
 };

package/modern/hooks/useMovieData.d.ts

@@ -0,0 +1,21 @@
+import { GridColDef, GridRowModel } from '@mui/x-data-grid-premium';
+export type Movie = {
+  id: number;
+  title: string;
+  gross: number;
+  budget: number;
+  director: string;
+  company: string;
+  year: number;
+  imdbRating: number;
+  composer: {
+    name: string;
+  };
+  cinematicUniverse?: string;
+};
+export declare const getMovieColumns: () => GridColDef[];
+export declare const getMovieRows: () => GridRowModel<Movie>[];
+export declare const useMovieData: () => {
+  rows: Movie[];
+  columns: GridColDef[];
+};

package/modern/hooks/useQuery.d.ts

@@ -0,0 +1,169 @@
+import * as React from 'react';
+import { GridRowModel } from '@mui/x-data-grid-pro';
+import { UseDemoDataOptions } from "./useDemoData.js";
+import type { ServerOptions, QueryOptions, PageInfo } from './serverUtils';
+export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOptions>, serverOptions?: ServerOptions) => {
+  columns: import("..").GridColDefGenerator[];
+  columnsWithDefaultColDef: ({
+    field: string;
+    headerName?: string;
+    description?: string;
+    width?: number;
+    flex?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    hideable?: boolean;
+    sortable?: boolean;
+    sortingOrder?: readonly import("@mui/x-data-grid").GridSortDirection[];
+    resizable?: boolean;
+    editable?: boolean;
+    groupable?: boolean;
+    pinnable?: boolean;
+    sortComparator?: import("@mui/x-data-grid").GridComparatorFn<any> | undefined;
+    getSortComparator?: ((sortDirection: import("@mui/x-data-grid").GridSortDirection) => import("@mui/x-data-grid").GridComparatorFn<any> | undefined) | undefined;
+    type?: import("@mui/x-data-grid").GridColType;
+    align?: import("@mui/x-data-grid").GridAlignment;
+    valueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    rowSpanValueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    valueSetter?: import("@mui/x-data-grid").GridValueSetter<any, any, any> | undefined;
+    valueFormatter?: import("@mui/x-data-grid").GridValueFormatter<any, any, any, never> | undefined;
+    valueParser?: import("@mui/x-data-grid").GridValueParser<any, any, any> | undefined;
+    cellClassName?: import("@mui/x-data-grid").GridCellClassNamePropType<any, any> | undefined;
+    display?: "text" | "flex";
+    renderCell?: ((params: import("@mui/x-data-grid").GridRenderCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    renderEditCell?: ((params: import("@mui/x-data-grid").GridRenderEditCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    preProcessEditCellProps?: ((params: import("@mui/x-data-grid").GridPreProcessEditCellProps) => import("@mui/x-data-grid").GridEditCellProps | Promise<import("@mui/x-data-grid").GridEditCellProps>) | undefined;
+    headerClassName?: import("@mui/x-data-grid").GridColumnHeaderClassNamePropType;
+    renderHeader?: ((params: import("@mui/x-data-grid").GridColumnHeaderParams<any, any, any>) => React.ReactNode) | undefined;
+    headerAlign?: import("@mui/x-data-grid").GridAlignment;
+    hideSortIcons?: boolean;
+    disableColumnMenu?: boolean;
+    filterable?: boolean;
+    filterOperators?: readonly import("@mui/x-data-grid").GridFilterOperator<any, any, any, any>[] | undefined;
+    getApplyQuickFilterFn?: import("@mui/x-data-grid").GetApplyQuickFilterFn<any, any> | undefined;
+    disableReorder?: boolean;
+    disableExport?: boolean;
+    colSpan?: number | import("@mui/x-data-grid").GridColSpanFn<any, any, any> | undefined;
+    unstable_examples?: any[] | undefined;
+    renderHeaderFilter?: (params: import("@mui/x-data-grid-pro").GridRenderHeaderFilterProps) => React.ReactNode;
+    aggregable?: boolean;
+    availableAggregationFunctions?: string[];
+    groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
+    pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
+    generateData?: (row: any, context: import("..").GridDataGeneratorContext) => any;
+    dataGeneratorUniquenessEnabled?: boolean;
+    hide?: boolean;
+  } | {
+    type: "actions";
+    getActions: (params: import("@mui/x-data-grid").GridRowParams<any>) => readonly React.ReactElement<import("@mui/x-data-grid").GridActionsCellItemProps>[];
+    field: string;
+    headerName?: string;
+    description?: string;
+    width?: number;
+    flex?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    hideable?: boolean;
+    sortable?: boolean;
+    sortingOrder?: readonly import("@mui/x-data-grid").GridSortDirection[];
+    resizable?: boolean;
+    editable?: boolean;
+    groupable?: boolean;
+    pinnable?: boolean;
+    sortComparator?: import("@mui/x-data-grid").GridComparatorFn<any> | undefined;
+    getSortComparator?: ((sortDirection: import("@mui/x-data-grid").GridSortDirection) => import("@mui/x-data-grid").GridComparatorFn<any> | undefined) | undefined;
+    align?: import("@mui/x-data-grid").GridAlignment;
+    valueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    rowSpanValueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    valueSetter?: import("@mui/x-data-grid").GridValueSetter<any, any, any> | undefined;
+    valueFormatter?: import("@mui/x-data-grid").GridValueFormatter<any, any, any, never> | undefined;
+    valueParser?: import("@mui/x-data-grid").GridValueParser<any, any, any> | undefined;
+    cellClassName?: import("@mui/x-data-grid").GridCellClassNamePropType<any, any> | undefined;
+    display?: "text" | "flex";
+    renderCell?: ((params: import("@mui/x-data-grid").GridRenderCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    renderEditCell?: ((params: import("@mui/x-data-grid").GridRenderEditCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    preProcessEditCellProps?: ((params: import("@mui/x-data-grid").GridPreProcessEditCellProps) => import("@mui/x-data-grid").GridEditCellProps | Promise<import("@mui/x-data-grid").GridEditCellProps>) | undefined;
+    headerClassName?: import("@mui/x-data-grid").GridColumnHeaderClassNamePropType;
+    renderHeader?: ((params: import("@mui/x-data-grid").GridColumnHeaderParams<any, any, any>) => React.ReactNode) | undefined;
+    headerAlign?: import("@mui/x-data-grid").GridAlignment;
+    hideSortIcons?: boolean;
+    disableColumnMenu?: boolean;
+    filterable?: boolean;
+    filterOperators?: readonly import("@mui/x-data-grid").GridFilterOperator<any, any, any, any>[] | undefined;
+    getApplyQuickFilterFn?: import("@mui/x-data-grid").GetApplyQuickFilterFn<any, any> | undefined;
+    disableReorder?: boolean;
+    disableExport?: boolean;
+    colSpan?: number | import("@mui/x-data-grid").GridColSpanFn<any, any, any> | undefined;
+    unstable_examples?: any[] | undefined;
+    renderHeaderFilter?: (params: import("@mui/x-data-grid-pro").GridRenderHeaderFilterProps) => React.ReactNode;
+    aggregable?: boolean;
+    availableAggregationFunctions?: string[];
+    groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
+    pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
+    generateData?: (row: any, context: import("..").GridDataGeneratorContext) => any;
+    dataGeneratorUniquenessEnabled?: boolean;
+    hide?: boolean;
+  } | {
+    type: "singleSelect";
+    valueOptions?: import("@mui/x-data-grid").ValueOptions[] | ((params: import("@mui/x-data-grid").GridValueOptionsParams<any>) => Array<import("@mui/x-data-grid").ValueOptions>) | undefined;
+    getOptionLabel?: (value: import("@mui/x-data-grid").ValueOptions) => string;
+    getOptionValue?: (value: import("@mui/x-data-grid").ValueOptions) => any;
+    field: string;
+    headerName?: string;
+    description?: string;
+    width?: number;
+    flex?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    hideable?: boolean;
+    sortable?: boolean;
+    sortingOrder?: readonly import("@mui/x-data-grid").GridSortDirection[];
+    resizable?: boolean;
+    editable?: boolean;
+    groupable?: boolean;
+    pinnable?: boolean;
+    sortComparator?: import("@mui/x-data-grid").GridComparatorFn<any> | undefined;
+    getSortComparator?: ((sortDirection: import("@mui/x-data-grid").GridSortDirection) => import("@mui/x-data-grid").GridComparatorFn<any> | undefined) | undefined;
+    align?: import("@mui/x-data-grid").GridAlignment;
+    valueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    rowSpanValueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    valueSetter?: import("@mui/x-data-grid").GridValueSetter<any, any, any> | undefined;
+    valueFormatter?: import("@mui/x-data-grid").GridValueFormatter<any, any, any, never> | undefined;
+    valueParser?: import("@mui/x-data-grid").GridValueParser<any, any, any> | undefined;
+    cellClassName?: import("@mui/x-data-grid").GridCellClassNamePropType<any, any> | undefined;
+    display?: "text" | "flex";
+    renderCell?: ((params: import("@mui/x-data-grid").GridRenderCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    renderEditCell?: ((params: import("@mui/x-data-grid").GridRenderEditCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    preProcessEditCellProps?: ((params: import("@mui/x-data-grid").GridPreProcessEditCellProps) => import("@mui/x-data-grid").GridEditCellProps | Promise<import("@mui/x-data-grid").GridEditCellProps>) | undefined;
+    headerClassName?: import("@mui/x-data-grid").GridColumnHeaderClassNamePropType;
+    renderHeader?: ((params: import("@mui/x-data-grid").GridColumnHeaderParams<any, any, any>) => React.ReactNode) | undefined;
+    headerAlign?: import("@mui/x-data-grid").GridAlignment;
+    hideSortIcons?: boolean;
+    disableColumnMenu?: boolean;
+    filterable?: boolean;
+    filterOperators?: readonly import("@mui/x-data-grid").GridFilterOperator<any, any, any, any>[] | undefined;
+    getApplyQuickFilterFn?: import("@mui/x-data-grid").GetApplyQuickFilterFn<any, any> | undefined;
+    disableReorder?: boolean;
+    disableExport?: boolean;
+    colSpan?: number | import("@mui/x-data-grid").GridColSpanFn<any, any, any> | undefined;
+    unstable_examples?: any[] | undefined;
+    renderHeaderFilter?: (params: import("@mui/x-data-grid-pro").GridRenderHeaderFilterProps) => React.ReactNode;
+    aggregable?: boolean;
+    availableAggregationFunctions?: string[];
+    groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
+    pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
+    generateData?: (row: any, context: import("..").GridDataGeneratorContext) => any;
+    dataGeneratorUniquenessEnabled?: boolean;
+    hide?: boolean;
+  })[];
+  initialState: {
+    columns: {
+      columnVisibilityModel: import("@mui/x-data-grid").GridColumnVisibilityModel;
+    };
+  };
+  useQuery: (queryOptions: QueryOptions) => {
+    pageInfo: PageInfo;
+    rows: GridRowModel[];
+    isLoading: boolean;
+  };
+};

package/modern/hooks/useQuery.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getGridDefaultColumnTypes } from '@mui/x-data-grid-pro';

package/modern/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./renderer/index.js";
+export * from "./services/index.js";
+export * from "./columns/index.js";
+export * from "./hooks/index.js";

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v8.0.0-alpha.8
+ * @mui/x-data-grid-generator v8.0.0-beta.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/package.json

@@ -0,0 +1 @@
+{"type":"module","sideEffects":false}

package/modern/renderer/index.d.ts

@@ -0,0 +1,16 @@
+export * from "./renderAvatar.js";
+export * from "./renderCountry.js";
+export * from "./renderEmail.js";
+export * from "./renderIncoterm.js";
+export * from "./renderLink.js";
+export * from "./renderPnl.js";
+export * from "./renderProgress.js";
+export * from "./renderRating.js";
+export * from "./renderStatus.js";
+export * from "./renderTotalPrice.js";
+export * from "./renderEditCurrency.js";
+export * from "./renderEditProgress.js";
+export * from "./renderEditStatus.js";
+export * from "./renderEditIncoterm.js";
+export * from "./renderEditRating.js";
+export * from "./renderEditCountry.js";

package/modern/renderer/renderAvatar.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { GridRenderCellParams } from '@mui/x-data-grid-premium';
+export declare function renderAvatar(params: GridRenderCellParams<{
+  name: string;
+  color: string;
+}, any, any>): "" | React.JSX.Element;

package/modern/renderer/renderCountry.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { GridRenderCellParams } from '@mui/x-data-grid-premium';
+import { CountryIsoOption } from "../services/static-data.js";
+export declare function renderCountry(params: GridRenderCellParams<CountryIsoOption, any, any>): "" | React.JSX.Element | null;

package/modern/renderer/renderCountry.js

@@ -1,6 +1,15 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStaticFlag = typeof DISABLE_CHANCE_RANDOM !== 'undefined' && DISABLE_CHANCE_RANDOM;
+const laosFlag = `
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
+  <path fill="#ce1126" d="M0 0h900v600H0z" />
+  <path fill="#002868" d="M0 150h900v300H0z" />
+  <circle r="120" cy="300" cx="450" fill="#fff" />
+</svg>
+`;
+const staticFlagURI = `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(laosFlag)}`;
 const Country = /*#__PURE__*/React.memo(function Country(props) {
   const {
     value
@@ -19,8 +28,8 @@ const Country = /*#__PURE__*/React.memo(function Country(props) {
     children: [/*#__PURE__*/_jsx("img", {
       loading: "lazy",
       width: "20",
-      src: `https://flagcdn.com/w20/${value.code.toLowerCase()}.png`,
-      srcSet: `https://flagcdn.com/w40/${value.code.toLowerCase()}.png 2x`,
+      src: useStaticFlag ? staticFlagURI : `https://flagcdn.com/w20/${value.code.toLowerCase()}.png`,
+      srcSet: useStaticFlag ? undefined : `https://flagcdn.com/w40/${value.code.toLowerCase()}.png 2x`,
       alt: ""
     }), /*#__PURE__*/_jsx(Box, {
       component: "span",

package/modern/renderer/renderEditCountry.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
+import { CountryIsoOption } from "../services/static-data.js";
+export declare function renderEditCountry(params: GridRenderEditCellParams<CountryIsoOption>): React.JSX.Element;

package/modern/renderer/renderEditCurrency.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
+export declare function renderEditCurrency(params: GridRenderEditCellParams<any, string>): React.JSX.Element;

package/modern/renderer/renderEditIncoterm.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
+export declare function renderEditIncoterm(params: GridRenderEditCellParams<any, string | null>): React.JSX.Element;

package/modern/renderer/renderEditProgress.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GridRenderEditCellParams } from '@mui/x-data-grid-premium';
+export declare function renderEditProgress(params: GridRenderEditCellParams<any, number>): React.JSX.Element;