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

package/hooks/useDemoData.js

@@ -1,20 +1,29 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { LRUCache } from 'lru-cache';
-import { getRealGridData } from "../services/real-data-service.js";
-import { getCommodityColumns } from "../columns/commodities.columns.js";
-import { getEmployeeColumns } from "../columns/employees.columns.js";
-import asyncWorker from "../services/asyncWorker.js";
-import { addTreeDataOptionsToDemoData } from "../services/tree-data-generator.js";
-const dataCache = new LRUCache({
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deepFreeze = void 0;
+exports.extrapolateSeed = extrapolateSeed;
+exports.useDemoData = exports.getInitialState = exports.getColumnsFromOptions = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _lruCache = require("lru-cache");
+var _realDataService = require("../services/real-data-service");
+var _commodities = require("../columns/commodities.columns");
+var _employees = require("../columns/employees.columns");
+var _asyncWorker = _interopRequireDefault(require("../services/asyncWorker"));
+var _treeDataGenerator = require("../services/tree-data-generator");
+const dataCache = new _lruCache.LRUCache({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
 });
 // Generate fake data from a seed.
 // It's about x20 faster than getRealData.
-export async function extrapolateSeed(rowLength, data) {
+async function extrapolateSeed(rowLength, data) {
   return new Promise(resolve => {
     const seed = data.rows;
     const rows = data.rows.slice();
@@ -35,16 +44,16 @@ export async function extrapolateSeed(rowLength, data) {
       rows.push(row);
       tasks.current -= 1;
     }
-    asyncWorker({
+    (0, _asyncWorker.default)({
       work,
-      done: () => resolve(_extends({}, data, {
+      done: () => resolve((0, _extends2.default)({}, data, {
         rows
       })),
       tasks
     });
   });
 }
-export const deepFreeze = object => {
+const deepFreeze = object => {
   // Retrieve the property names defined on object
   const propNames = Object.getOwnPropertyNames(object);
 
@@ -58,10 +67,11 @@ export const deepFreeze = object => {
   }
   return Object.freeze(object);
 };
-export const getColumnsFromOptions = options => {
-  let columns = options.dataSet === 'Commodity' ? getCommodityColumns(options.editable) : getEmployeeColumns();
+exports.deepFreeze = deepFreeze;
+const getColumnsFromOptions = options => {
+  let columns = options.dataSet === 'Commodity' ? (0, _commodities.getCommodityColumns)(options.editable) : (0, _employees.getEmployeeColumns)();
   if (options.visibleFields) {
-    columns = columns.map(col => options.visibleFields?.includes(col.field) ? col : _extends({}, col, {
+    columns = columns.map(col => options.visibleFields?.includes(col.field) ? col : (0, _extends2.default)({}, col, {
       hide: true
     }));
   }
@@ -70,7 +80,8 @@ export const getColumnsFromOptions = options => {
   }
   return columns;
 };
-export const getInitialState = (options, columns) => {
+exports.getColumnsFromOptions = getColumnsFromOptions;
+const getInitialState = (options, columns) => {
   const columnVisibilityModel = {};
   columns.forEach(col => {
     if (col.hide) {
@@ -87,7 +98,8 @@ export const getInitialState = (options, columns) => {
     }
   };
 };
-export const useDemoData = options => {
+exports.getInitialState = getInitialState;
+const useDemoData = options => {
   const [rowLength, setRowLength] = React.useState(options.rowLength);
   const [index, setIndex] = React.useState(0);
   const [loading, setLoading] = React.useState(true);
@@ -100,7 +112,7 @@ export const useDemoData = options => {
     });
   }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
   const [data, setData] = React.useState(() => {
-    return addTreeDataOptionsToDemoData({
+    return (0, _treeDataGenerator.addTreeDataOptionsToDemoData)({
       columns,
       rows: [],
       initialState: getInitialState(options, columns)
@@ -122,15 +134,15 @@ export const useDemoData = options => {
       setLoading(true);
       let newData;
       if (rowLength > 1000) {
-        newData = await getRealGridData(1000, columns);
+        newData = await (0, _realDataService.getRealGridData)(1000, columns);
         newData = await extrapolateSeed(rowLength, newData);
       } else {
-        newData = await getRealGridData(rowLength, columns);
+        newData = await (0, _realDataService.getRealGridData)(rowLength, columns);
       }
       if (!active) {
         return;
       }
-      newData = addTreeDataOptionsToDemoData(newData, {
+      newData = (0, _treeDataGenerator.addTreeDataOptionsToDemoData)(newData, {
         maxDepth: options.treeData?.maxDepth,
         groupingField: options.treeData?.groupingField,
         averageChildren: options.treeData?.averageChildren
@@ -156,4 +168,5 @@ export const useDemoData = options => {
       setIndex(oldIndex => oldIndex + 1);
     }
   };
-};
+};
+exports.useDemoData = useDemoData;

package/hooks/useMockServer.d.ts

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

package/hooks/useMockServer.js

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

package/hooks/useMovieData.d.ts

@@ -1,21 +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;
+  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[];
-};
+  rows: Movie[];
+  columns: GridColDef[];
+};

package/hooks/useMovieData.js

@@ -1,3 +1,9 @@
+"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',
@@ -490,11 +496,14 @@ const ROWS = [{
     name: 'Randy Newman'
   }
 }];
-export const getMovieColumns = () => COLUMNS;
-export const getMovieRows = () => ROWS;
-export const useMovieData = () => {
+const getMovieColumns = () => COLUMNS;
+exports.getMovieColumns = getMovieColumns;
+const getMovieRows = () => ROWS;
+exports.getMovieRows = getMovieRows;
+const useMovieData = () => {
   return {
     rows: ROWS,
     columns: COLUMNS
   };
-};
+};
+exports.useMovieData = useMovieData;