@mui/x-data-grid-generator 8.0.0-alpha.10 → 8.0.0-alpha.12

package/{node → esm}/hooks/useMockServer.js

@@ -1,51 +1,44 @@
-"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.useMockServer = exports.BASE_URL = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _lruCache = require("lru-cache");
-var _xDataGridPremium = require("@mui/x-data-grid-premium");
-var _useDemoData = require("./useDemoData");
-var _commodities = require("../columns/commodities.columns");
-var _employees = require("../columns/employees.columns");
-var _realDataService = require("../services/real-data-service");
-var _treeDataGenerator = require("../services/tree-data-generator");
-var _serverUtils = require("./serverUtils");
-var _services = require("../services");
-var _useMovieData = require("./useMovieData");
-const dataCache = new _lruCache.LRUCache({
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { LRUCache } from 'lru-cache';
+import { getGridDefaultColumnTypes } from '@mui/x-data-grid-premium';
+import { extrapolateSeed, deepFreeze } from "./useDemoData.js";
+import { getCommodityColumns } from "../columns/commodities.columns.js";
+import { getEmployeeColumns } from "../columns/employees.columns.js";
+import { getRealGridData } from "../services/real-data-service.js";
+import { addTreeDataOptionsToDemoData } from "../services/tree-data-generator.js";
+import { loadServerRows, processTreeDataRows, processRowGroupingRows, DEFAULT_SERVER_OPTIONS } from "./serverUtils.js";
+import { randomInt } from "../services/index.js";
+import { getMovieRows, getMovieColumns } from "./useMovieData.js";
+const dataCache = new LRUCache({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
 });
-const BASE_URL = exports.BASE_URL = 'https://mui.com/x/api/data-grid';
+export const BASE_URL = 'https://mui.com/x/api/data-grid';
 const GET_DEFAULT_DATASET_OPTIONS = isRowGrouping => ({
   dataSet: isRowGrouping ? 'Movies' : 'Commodity',
-  rowLength: isRowGrouping ? (0, _useMovieData.getMovieRows)().length : 100,
+  rowLength: isRowGrouping ? getMovieRows().length : 100,
   maxColumns: 6
 });
 const getColumnsFromOptions = options => {
   let columns;
   switch (options.dataSet) {
     case 'Commodity':
-      columns = (0, _commodities.getCommodityColumns)(options.editable);
+      columns = getCommodityColumns(options.editable);
       break;
     case 'Employee':
-      columns = (0, _employees.getEmployeeColumns)();
+      columns = getEmployeeColumns();
       break;
     case 'Movies':
-      columns = (0, _useMovieData.getMovieColumns)();
+      columns = getMovieColumns();
       break;
     default:
       throw new Error('Unknown dataset');
   }
   if (options.visibleFields) {
-    columns = columns.map(col => options.visibleFields?.includes(col.field) ? col : (0, _extends2.default)({}, col, {
+    columns = columns.map(col => options.visibleFields?.includes(col.field) ? col : _extends({}, col, {
       hide: true
     }));
   }
@@ -83,7 +76,7 @@ const getInitialState = (columns, groupingField) => {
     }
   };
 };
-const defaultColDef = (0, _xDataGridPremium.getGridDefaultColumnTypes)();
+const defaultColDef = getGridDefaultColumnTypes();
 function sendEmptyResponse() {
   return new Promise(resolve => {
     resolve({
@@ -92,7 +85,7 @@ function sendEmptyResponse() {
     });
   });
 }
-const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
+export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
   const [data, setData] = React.useState();
   const [index, setIndex] = React.useState(0);
   const shouldRequestsFailRef = React.useRef(shouldRequestsFail ?? false);
@@ -102,7 +95,7 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
     }
   }, [shouldRequestsFail]);
   const isRowGrouping = dataSetOptions?.rowGrouping ?? false;
-  const options = (0, _extends2.default)({}, GET_DEFAULT_DATASET_OPTIONS(isRowGrouping), dataSetOptions);
+  const options = _extends({}, GET_DEFAULT_DATASET_OPTIONS(isRowGrouping), dataSetOptions);
   const isTreeData = options.treeData?.groupingField != null;
   const columns = React.useMemo(() => {
     return getColumnsFromOptions({
@@ -113,7 +106,7 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
     });
   }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
   const initialState = React.useMemo(() => getInitialState(columns, options.treeData?.groupingField), [columns, options.treeData?.groupingField]);
-  const columnsWithDefaultColDef = React.useMemo(() => columns.map(column => (0, _extends2.default)({}, defaultColDef[column.type || 'string'], column)), [columns]);
+  const columnsWithDefaultColDef = React.useMemo(() => columns.map(column => _extends({}, defaultColDef[column.type || 'string'], column)), [columns]);
   const getGroupKey = React.useMemo(() => {
     if (isTreeData) {
       return row => row[options.treeData.groupingField];
@@ -139,7 +132,7 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
     }
     if (options.dataSet === 'Movies') {
       const rowsData = {
-        rows: (0, _useMovieData.getMovieRows)(),
+        rows: getMovieRows(),
         columns
       };
       setData(rowsData);
@@ -151,23 +144,23 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
       let rowData;
       const rowLength = options.rowLength;
       if (rowLength > 1000) {
-        rowData = await (0, _realDataService.getRealGridData)(1000, columns);
-        rowData = await (0, _useDemoData.extrapolateSeed)(rowLength, rowData);
+        rowData = await getRealGridData(1000, columns);
+        rowData = await extrapolateSeed(rowLength, rowData);
       } else {
-        rowData = await (0, _realDataService.getRealGridData)(rowLength, columns);
+        rowData = await getRealGridData(rowLength, columns);
       }
       if (!active) {
         return;
       }
       if (isTreeData) {
-        rowData = (0, _treeDataGenerator.addTreeDataOptionsToDemoData)(rowData, {
+        rowData = addTreeDataOptionsToDemoData(rowData, {
           maxDepth: options.treeData?.maxDepth,
           groupingField: options.treeData?.groupingField,
           averageChildren: options.treeData?.averageChildren
         });
       }
       if (process.env.NODE_ENV !== 'production') {
-        (0, _useDemoData.deepFreeze)(rowData);
+        deepFreeze(rowData);
       }
       dataCache.set(cacheKey, rowData);
       setData(rowData);
@@ -189,16 +182,16 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
     }
     let getRowsResponse;
     const serverOptionsWithDefault = {
-      minDelay: serverOptions?.minDelay ?? _serverUtils.DEFAULT_SERVER_OPTIONS.minDelay,
-      maxDelay: serverOptions?.maxDelay ?? _serverUtils.DEFAULT_SERVER_OPTIONS.maxDelay,
-      useCursorPagination: serverOptions?.useCursorPagination ?? _serverUtils.DEFAULT_SERVER_OPTIONS.useCursorPagination
+      minDelay: serverOptions?.minDelay ?? DEFAULT_SERVER_OPTIONS.minDelay,
+      maxDelay: serverOptions?.maxDelay ?? DEFAULT_SERVER_OPTIONS.maxDelay,
+      useCursorPagination: serverOptions?.useCursorPagination ?? DEFAULT_SERVER_OPTIONS.useCursorPagination
     };
     if (shouldRequestsFailRef.current) {
       const {
         minDelay,
         maxDelay
       } = serverOptionsWithDefault;
-      const delay = (0, _services.randomInt)(minDelay, maxDelay);
+      const delay = randomInt(minDelay, maxDelay);
       return new Promise((_, reject) => {
         if (verbose) {
           print('MUI X: DATASOURCE REQUEST FAILURE', params);
@@ -211,9 +204,9 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
         rows,
         rootRowCount,
         aggregateRow
-      } = await (0, _serverUtils.processTreeDataRows)(data?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
-      getRowsResponse = (0, _extends2.default)({
-        rows: rows.slice().map(row => (0, _extends2.default)({}, row, {
+      } = await processTreeDataRows(data?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
+      getRowsResponse = _extends({
+        rows: rows.slice().map(row => _extends({}, row, {
           path: undefined
         })),
         rowCount: rootRowCount
@@ -225,9 +218,9 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
         rows,
         rootRowCount,
         aggregateRow
-      } = await (0, _serverUtils.processRowGroupingRows)(data?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
-      getRowsResponse = (0, _extends2.default)({
-        rows: rows.slice().map(row => (0, _extends2.default)({}, row, {
+      } = await processRowGroupingRows(data?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
+      getRowsResponse = _extends({
+        rows: rows.slice().map(row => _extends({}, row, {
           path: undefined
         })),
         rowCount: rootRowCount
@@ -240,8 +233,8 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
         nextCursor,
         totalRowCount,
         aggregateRow
-      } = await (0, _serverUtils.loadServerRows)(data?.rows ?? [], (0, _extends2.default)({}, params, params.paginationModel), serverOptionsWithDefault, columnsWithDefaultColDef);
-      getRowsResponse = (0, _extends2.default)({
+      } = await loadServerRows(data?.rows ?? [], _extends({}, params, params.paginationModel), serverOptionsWithDefault, columnsWithDefaultColDef);
+      getRowsResponse = _extends({
         rows: returnedRows,
         rowCount: totalRowCount,
         pageInfo: {
@@ -269,5 +262,4 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
     },
     isReady: Boolean(data?.rows?.length)
   };
-};
-exports.useMockServer = useMockServer;
+};

package/esm/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/{node → esm}/hooks/useMovieData.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMovieData = exports.getMovieRows = exports.getMovieColumns = void 0;
 const currencyFormatter = new Intl.NumberFormat('en-US', {
   style: 'currency',
   currency: 'USD',
@@ -496,14 +490,11 @@ const ROWS = [{
     name: 'Randy Newman'
   }
 }];
-const getMovieColumns = () => COLUMNS;
-exports.getMovieColumns = getMovieColumns;
-const getMovieRows = () => ROWS;
-exports.getMovieRows = getMovieRows;
-const useMovieData = () => {
+export const getMovieColumns = () => COLUMNS;
+export const getMovieRows = () => ROWS;
+export const useMovieData = () => {
   return {
     rows: ROWS,
     columns: COLUMNS
   };
-};
-exports.useMovieData = useMovieData;
+};

package/esm/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/esm/hooks/useQuery.js

@@ -0,0 +1,84 @@
+'use client';
+
+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";
+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 useQuery = queryOptions => {
+    const {
+      data: {
+        rows
+      },
+      loading: dataGenerationIsLoading
+    } = useDemoData(dataSetOptionsWithDefault);
+    const queryOptionsRef = React.useRef(queryOptions);
+    const [response, setResponse] = React.useState({
+      pageInfo: {},
+      rows: []
+    });
+    const [isLoading, setIsLoading] = React.useState(dataGenerationIsLoading);
+    React.useEffect(() => {
+      if (dataGenerationIsLoading) {
+        // dataset is not ready
+        return () => {};
+      }
+      queryOptionsRef.current = queryOptions;
+      let active = true;
+      setIsLoading(true);
+      setResponse(prev => Object.keys(prev.pageInfo).length === 0 ? prev : _extends({}, prev, {
+        pageInfo: {}
+      }));
+      (async function fetchData() {
+        const {
+          returnedRows,
+          nextCursor,
+          totalRowCount,
+          hasNextPage
+        } = await loadServerRows(rows, queryOptions, serverOptionsWithDefault, columnsWithDefaultColDef);
+        if (!active) {
+          return;
+        }
+        const newRep = {
+          rows: returnedRows,
+          pageInfo: {
+            totalRowCount,
+            nextCursor,
+            hasNextPage,
+            pageSize: returnedRows.length
+          }
+        };
+        setResponse(prev => isDeepEqual(prev, newRep) ? prev : newRep);
+        setIsLoading(false);
+      })();
+      return () => {
+        active = false;
+      };
+    }, [dataGenerationIsLoading, queryOptions, rows]);
+
+    // We use queryOptions pointer to be sure that isLoading===true as soon as the options change
+    const effectShouldStart = queryOptionsRef.current !== queryOptions;
+    return _extends({
+      isLoading: isLoading || effectShouldStart
+    }, response);
+  };
+  return {
+    columns,
+    columnsWithDefaultColDef,
+    initialState,
+    useQuery
+  };
+};

package/esm/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/esm/index.js

@@ -0,0 +1,11 @@
+/**
+ * @mui/x-data-grid-generator v8.0.0-alpha.12
+ *
+ * @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";

package/esm/package.json

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

package/esm/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/esm/renderer/index.js

@@ -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/esm/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/esm/renderer/renderAvatar.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import Avatar from '@mui/material/Avatar';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function renderAvatar(params) {
+  if (params.value == null) {
+    return '';
+  }
+  return /*#__PURE__*/_jsx(Avatar, {
+    style: {
+      backgroundColor: params.value.color
+    },
+    children: params.value.name.toUpperCase().substring(0, 1)
+  });
+}

package/esm/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/{node → esm}/renderer/renderCountry.js

@@ -1,19 +1,11 @@
-"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.renderCountry = renderCountry;
-var React = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _jsxRuntime = require("react/jsx-runtime");
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Country = /*#__PURE__*/React.memo(function Country(props) {
   const {
     value
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+  return /*#__PURE__*/_jsxs(Box, {
     sx: {
       width: '100%',
       display: 'flex',
@@ -24,13 +16,13 @@ const Country = /*#__PURE__*/React.memo(function Country(props) {
         width: '20px'
       }
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+    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`,
       alt: ""
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    }), /*#__PURE__*/_jsx(Box, {
       component: "span",
       sx: {
         overflow: 'hidden',
@@ -40,7 +32,7 @@ const Country = /*#__PURE__*/React.memo(function Country(props) {
     })]
   });
 });
-function renderCountry(params) {
+export function renderCountry(params) {
   if (params.value == null) {
     return '';
   }
@@ -50,7 +42,7 @@ function renderCountry(params) {
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Country, {
+  return /*#__PURE__*/_jsx(Country, {
     value: params.value
   });
 }