@mui/x-data-grid-generator 8.0.0-beta.3 → 8.0.0

package/hooks/useMockServer.js

@@ -45,8 +45,8 @@ const getColumnsFromOptions = options => {
       throw new Error('Unknown dataset');
   }
   if (options.visibleFields) {
-    columns = columns.map(col => options.visibleFields?.includes(col.field) ? col : (0, _extends2.default)({}, col, {
-      hide: true
+    columns = columns.map(col => (0, _extends2.default)({}, col, {
+      hide: !options.visibleFields?.includes(col.field)
     }));
   }
   if (options.maxColumns) {
@@ -93,7 +93,8 @@ function sendEmptyResponse() {
   });
 }
 const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
-  const [data, setData] = React.useState();
+  const dataRef = React.useRef(null);
+  const [isDataReady, setDataReady] = React.useState(false);
   const [index, setIndex] = React.useState(0);
   const shouldRequestsFailRef = React.useRef(shouldRequestsFail ?? false);
   React.useEffect(() => {
@@ -134,7 +135,8 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
     // of the demos.
     if (dataCache.has(cacheKey)) {
       const newData = dataCache.get(cacheKey);
-      setData(newData);
+      dataRef.current = newData;
+      setDataReady(true);
       return undefined;
     }
     if (options.dataSet === 'Movies') {
@@ -142,7 +144,8 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
         rows: (0, _useMovieData.getMovieRows)(),
         columns
       };
-      setData(rowsData);
+      dataRef.current = rowsData;
+      setDataReady(true);
       dataCache.set(cacheKey, rowsData);
       return undefined;
     }
@@ -170,14 +173,15 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
         (0, _useDemoData.deepFreeze)(rowData);
       }
       dataCache.set(cacheKey, rowData);
-      setData(rowData);
+      dataRef.current = rowData;
+      setDataReady(true);
     })();
     return () => {
       active = false;
     };
   }, [columns, isTreeData, options.rowLength, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.dataSet, options.maxColumns, index]);
   const fetchRows = React.useCallback(async requestUrl => {
-    if (!requestUrl || !data?.rows) {
+    if (!requestUrl || !isDataReady) {
       return sendEmptyResponse();
     }
     const params = decodeParams(requestUrl);
@@ -211,7 +215,7 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
         rows,
         rootRowCount,
         aggregateRow
-      } = await (0, _serverUtils.processTreeDataRows)(data?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
+      } = await (0, _serverUtils.processTreeDataRows)(dataRef.current?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
       getRowsResponse = (0, _extends2.default)({
         rows: rows.slice().map(row => (0, _extends2.default)({}, row, {
           path: undefined
@@ -225,7 +229,7 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
         rows,
         rootRowCount,
         aggregateRow
-      } = await (0, _serverUtils.processRowGroupingRows)(data?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
+      } = await (0, _serverUtils.processRowGroupingRows)(dataRef.current?.rows ?? [], params, serverOptionsWithDefault, columnsWithDefaultColDef);
       getRowsResponse = (0, _extends2.default)({
         rows: rows.slice().map(row => (0, _extends2.default)({}, row, {
           path: undefined
@@ -240,7 +244,7 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
         nextCursor,
         totalRowCount,
         aggregateRow
-      } = await (0, _serverUtils.loadServerRows)(data?.rows ?? [], (0, _extends2.default)({}, params, params.paginationModel), serverOptionsWithDefault, columnsWithDefaultColDef);
+      } = await (0, _serverUtils.loadServerRows)(dataRef.current?.rows ?? [], (0, _extends2.default)({}, params, params.paginationModel), serverOptionsWithDefault, columnsWithDefaultColDef);
       getRowsResponse = (0, _extends2.default)({
         rows: returnedRows,
         rowCount: totalRowCount,
@@ -257,17 +261,65 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail) => {
       }
       resolve(getRowsResponse);
     });
-  }, [data, serverOptions?.verbose, serverOptions?.minDelay, serverOptions?.maxDelay, serverOptions?.useCursorPagination, isTreeData, columnsWithDefaultColDef, isRowGrouping]);
+  }, [dataRef, isDataReady, serverOptions?.verbose, serverOptions?.minDelay, serverOptions?.maxDelay, serverOptions?.useCursorPagination, isTreeData, columnsWithDefaultColDef, isRowGrouping]);
+  const editRow = React.useCallback(async (rowId, updatedRow) => {
+    return new Promise((resolve, reject) => {
+      const minDelay = serverOptions?.minDelay ?? _serverUtils.DEFAULT_SERVER_OPTIONS.minDelay;
+      const maxDelay = serverOptions?.maxDelay ?? _serverUtils.DEFAULT_SERVER_OPTIONS.maxDelay;
+      const delay = (0, _services.randomInt)(minDelay, maxDelay);
+      const verbose = serverOptions?.verbose ?? true;
+      // eslint-disable-next-line no-console
+      const print = console.info;
+      if (verbose) {
+        print('MUI X: DATASOURCE EDIT ROW REQUEST', {
+          rowId,
+          updatedRow
+        });
+      }
+      if (shouldRequestsFailRef.current) {
+        setTimeout(() => reject(new Error(`Could not update the row with the id ${rowId}`)), delay);
+        if (verbose) {
+          print('MUI X: DATASOURCE EDIT ROW FAILURE', {
+            rowId,
+            updatedRow
+          });
+        }
+        return;
+      }
+      const newRows = [...(dataRef.current?.rows || [])];
+      const rowIndex = newRows.findIndex(row => row.id === rowId) ?? -1;
+      if (rowIndex === -1) {
+        return;
+      }
+      newRows[rowIndex] = updatedRow;
+      const newData = (0, _extends2.default)({}, dataRef.current, {
+        rows: newRows
+      });
+      const cacheKey = `${options.dataSet}-${options.rowLength}-${index}-${options.maxColumns}`;
+      dataCache.set(cacheKey, newData);
+      setTimeout(() => {
+        if (verbose) {
+          print('MUI X: DATASOURCE EDIT ROW SUCCESS', {
+            rowId,
+            updatedRow
+          });
+        }
+        resolve(updatedRow);
+      }, delay);
+      dataRef.current = newData;
+    });
+  }, [index, options.dataSet, options.maxColumns, options.rowLength, serverOptions?.maxDelay, serverOptions?.minDelay, serverOptions?.verbose]);
   return {
     columns: columnsWithDefaultColDef,
     initialState: options.dataSet === 'Movies' ? {} : initialState,
     getGroupKey,
     getChildrenCount,
     fetchRows,
+    editRow,
     loadNewData: () => {
       setIndex(oldIndex => oldIndex + 1);
     },
-    isReady: Boolean(data?.rows?.length)
+    isReady: isDataReady
   };
 };
 exports.useMockServer = useMockServer;

package/hooks/useQuery.d.ts

@@ -44,12 +44,13 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
     disableReorder?: boolean;
     disableExport?: boolean;
     colSpan?: number | import("@mui/x-data-grid").GridColSpanFn<any, any, any> | undefined;
-    unstable_examples?: any[] | undefined;
+    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;
+    pivotable?: boolean;
     generateData?: (row: any, context: import("..").GridDataGeneratorContext) => any;
     dataGeneratorUniquenessEnabled?: boolean;
     hide?: boolean;
@@ -94,12 +95,13 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
     disableReorder?: boolean;
     disableExport?: boolean;
     colSpan?: number | import("@mui/x-data-grid").GridColSpanFn<any, any, any> | undefined;
-    unstable_examples?: any[] | undefined;
+    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;
+    pivotable?: boolean;
     generateData?: (row: any, context: import("..").GridDataGeneratorContext) => any;
     dataGeneratorUniquenessEnabled?: boolean;
     hide?: boolean;
@@ -146,12 +148,13 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
     disableReorder?: boolean;
     disableExport?: boolean;
     colSpan?: number | import("@mui/x-data-grid").GridColSpanFn<any, any, any> | undefined;
-    unstable_examples?: any[] | undefined;
+    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;
+    pivotable?: boolean;
     generateData?: (row: any, context: import("..").GridDataGeneratorContext) => any;
     dataGeneratorUniquenessEnabled?: boolean;
     hide?: boolean;

package/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "8.0.0-beta.3",
+  "version": "8.0.0",
   "description": "Generate fake data for demo purposes only.",
   "author": "MUI Team",
   "main": "./index.js",
@@ -27,7 +27,10 @@
     "chance": "^1.1.12",
     "clsx": "^2.1.1",
     "lru-cache": "^11.1.0",
-    "@mui/x-data-grid-premium": "8.0.0-beta.3"
+    "@mui/x-data-grid": "8.0.0",
+    "@mui/x-data-grid-pro": "8.0.0",
+    "@mui/x-data-grid-premium": "8.0.0",
+    "@mui/x-internals": "8.0.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -54,10 +57,6 @@
       "import": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/index.d.ts",
-        "default": "./modern/index.js"
       }
     },
     "./*": {
@@ -68,10 +67,6 @@
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/*/index.d.ts",
-        "default": "./modern/*/index.js"
       }
     },
     "./esm": null,
@@ -84,10 +79,6 @@
       "import": {
         "types": "./esm/services/static-data.d.ts",
         "default": "./esm/services/static-data.js"
-      },
-      "mui-modern": {
-        "types": "./modern/services/static-data.d.ts",
-        "default": "./modern/services/static-data.js"
       }
     }
   },

package/renderer/renderCountry.d.ts

@@ -1,4 +1,3 @@
-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;
+export declare function renderCountry(params: GridRenderCellParams<CountryIsoOption, any, any>): any;

package/renderer/renderCountry.js

@@ -59,6 +59,9 @@ function renderCountry(params) {
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
+  if (params.rowNode.type === 'group') {
+    return params.value;
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Country, {
     value: params.value
   });

package/services/prompt-resolver.d.ts

@@ -1,2 +1,2 @@
-import { unstable_PromptResponse as PromptResponse } from '@mui/x-data-grid-premium';
-export declare const mockPromptResolver: (_: string, query: string) => Promise<PromptResponse>;
+import { PromptResponse } from '@mui/x-data-grid-premium';
+export declare const mockPromptResolver: (query: string, _: string) => Promise<PromptResponse>;

package/services/prompt-resolver.js

@@ -5,14 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mockPromptResolver = void 0;
 var _prompts = require("../constants/prompts");
-const mockPromptResolver = (_, query) => {
+const mockPromptResolver = (query, _) => {
   const resolved = _prompts.mockPrompts.get(query.toLowerCase().trim());
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       if (resolved) {
         resolve(resolved);
       } else {
-        reject(new Error('Unknown query'));
+        console.error(`Unsupported query: ${query}`);
+        reject(new Error('Could not process prompt'));
       }
     }, 1000);
   });

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

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

package/modern/columns/commodities.columns.js

@@ -1,231 +0,0 @@
-import { gridStringOrNumberComparator } from '@mui/x-data-grid-premium';
-import { randomCommodity, randomDesk, randomEmail, randomFeeRate, generateFilledQuantity, randomId, randomIncoterm, generateIsFilled, randomQuantity, randomTraderName, randomUnitPrice, randomUnitPriceCurrency, randomStatusOptions, randomPnL, randomTradeDate, randomMaturityDate, randomBrokerId, randomCompanyName, randomCountry, randomCurrency, randomAddress, randomCity, randomUpdatedDate, randomCreatedDate, randomRateType, randomContractType, randomTaxCode } from "../services/index.js";
-import { renderCountry, renderEmail, renderIncoterm, renderPnl, renderProgress, renderStatus, renderTotalPrice, renderEditCurrency, renderEditProgress, renderEditStatus, renderEditIncoterm } from "../renderer/index.js";
-import { CONTRACT_TYPE_OPTIONS, COUNTRY_ISO_OPTIONS_SORTED, CURRENCY_OPTIONS, INCOTERM_OPTIONS, RATE_TYPE_OPTIONS, STATUS_OPTIONS, TAXCODE_OPTIONS } from "../services/static-data.js";
-export const getCommodityColumns = (editable = false) => [{
-  field: 'id',
-  generateData: randomId,
-  hide: true
-}, {
-  field: 'desk',
-  headerName: 'Desk',
-  generateData: randomDesk,
-  width: 110
-}, {
-  field: 'commodity',
-  headerName: 'Commodity',
-  generateData: randomCommodity,
-  width: 180,
-  editable
-}, {
-  field: 'traderName',
-  headerName: 'Trader Name',
-  generateData: randomTraderName,
-  width: 120,
-  editable
-}, {
-  field: 'traderEmail',
-  headerName: 'Trader Email',
-  generateData: randomEmail,
-  renderCell: renderEmail,
-  width: 150,
-  editable
-}, {
-  field: 'quantity',
-  headerName: 'Quantity',
-  type: 'number',
-  width: 140,
-  generateData: randomQuantity,
-  editable,
-  valueParser: value => Number(value)
-}, {
-  field: 'filledQuantity',
-  headerName: 'Filled Quantity',
-  generateData: generateFilledQuantity,
-  renderCell: renderProgress,
-  renderEditCell: renderEditProgress,
-  availableAggregationFunctions: ['min', 'max', 'avg', 'size'],
-  type: 'number',
-  width: 120,
-  editable
-}, {
-  field: 'isFilled',
-  headerName: 'Is Filled',
-  align: 'center',
-  generateData: generateIsFilled,
-  type: 'boolean',
-  width: 80,
-  editable
-}, {
-  field: 'status',
-  headerName: 'Status',
-  generateData: randomStatusOptions,
-  renderCell: renderStatus,
-  renderEditCell: renderEditStatus,
-  type: 'singleSelect',
-  valueOptions: STATUS_OPTIONS,
-  width: 150,
-  editable
-}, {
-  field: 'unitPrice',
-  headerName: 'Unit Price',
-  generateData: randomUnitPrice,
-  type: 'number',
-  editable,
-  valueParser: value => Number(value)
-}, {
-  field: 'unitPriceCurrency',
-  headerName: 'Unit Price Currency',
-  generateData: randomUnitPriceCurrency,
-  renderEditCell: renderEditCurrency,
-  type: 'singleSelect',
-  valueOptions: CURRENCY_OPTIONS,
-  width: 120,
-  editable
-}, {
-  field: 'subTotal',
-  headerName: 'Sub Total',
-  valueGetter: (value, row) => row.quantity == null || row.unitPrice == null ? null : row.quantity * row.unitPrice,
-  type: 'number',
-  width: 120
-}, {
-  field: 'feeRate',
-  headerName: 'Fee Rate',
-  generateData: randomFeeRate,
-  type: 'number',
-  width: 80,
-  editable,
-  valueParser: value => Number(value)
-}, {
-  field: 'feeAmount',
-  headerName: 'Fee Amount',
-  valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate * row.quantity * row.unitPrice,
-  type: 'number',
-  width: 120
-}, {
-  field: 'incoTerm',
-  headerName: 'Incoterm',
-  generateData: randomIncoterm,
-  renderCell: renderIncoterm,
-  renderEditCell: renderEditIncoterm,
-  type: 'singleSelect',
-  valueOptions: INCOTERM_OPTIONS,
-  editable
-}, {
-  field: 'totalPrice',
-  headerName: 'Total in USD',
-  valueGetter: (value, row) => row.feeRate == null || row.quantity == null || row.unitPrice == null ? null : row.feeRate + row.quantity * row.unitPrice,
-  renderCell: renderTotalPrice,
-  type: 'number',
-  width: 160
-}, {
-  field: 'pnl',
-  headerName: 'PnL',
-  generateData: randomPnL,
-  renderCell: renderPnl,
-  type: 'number',
-  width: 140
-}, {
-  field: 'maturityDate',
-  headerName: 'Maturity Date',
-  generateData: randomMaturityDate,
-  type: 'date',
-  editable
-}, {
-  field: 'tradeDate',
-  headerName: 'Trade Date',
-  generateData: randomTradeDate,
-  type: 'date',
-  editable
-}, {
-  field: 'brokerId',
-  headerName: 'Broker Id',
-  generateData: randomBrokerId,
-  hide: true,
-  editable
-}, {
-  field: 'brokerName',
-  headerName: 'Broker Name',
-  generateData: randomCompanyName,
-  width: 140,
-  editable
-}, {
-  field: 'counterPartyName',
-  headerName: 'Counterparty',
-  generateData: randomCompanyName,
-  width: 180,
-  editable
-}, {
-  field: 'counterPartyCountry',
-  headerName: 'Counterparty Country',
-  type: 'singleSelect',
-  generateData: randomCountry,
-  renderCell: renderCountry,
-  valueOptions: COUNTRY_ISO_OPTIONS_SORTED,
-  valueParser: value => {
-    if (typeof value === 'string') {
-      return COUNTRY_ISO_OPTIONS_SORTED.find(country => country.value === value);
-    }
-    return value;
-  },
-  valueFormatter: value => value?.label,
-  groupingValueGetter: value => value.code,
-  sortComparator: (v1, v2, param1, param2) => gridStringOrNumberComparator(v1.label, v2.label, param1, param2),
-  editable,
-  width: 120
-}, {
-  field: 'counterPartyCurrency',
-  headerName: 'Counterparty Currency',
-  generateData: randomCurrency,
-  renderEditCell: renderEditCurrency,
-  type: 'singleSelect',
-  valueOptions: CURRENCY_OPTIONS,
-  editable
-}, {
-  field: 'counterPartyAddress',
-  headerName: 'Counterparty Address',
-  generateData: randomAddress,
-  width: 200,
-  editable
-}, {
-  field: 'counterPartyCity',
-  headerName: 'Counterparty City',
-  generateData: randomCity,
-  width: 120,
-  editable
-}, {
-  field: 'taxCode',
-  headerName: 'Tax Code',
-  generateData: randomTaxCode,
-  type: 'singleSelect',
-  valueOptions: TAXCODE_OPTIONS,
-  editable
-}, {
-  field: 'contractType',
-  headerName: 'Contract Type',
-  generateData: randomContractType,
-  type: 'singleSelect',
-  valueOptions: CONTRACT_TYPE_OPTIONS,
-  editable
-}, {
-  field: 'rateType',
-  headerName: 'Rate Type',
-  generateData: randomRateType,
-  type: 'singleSelect',
-  valueOptions: RATE_TYPE_OPTIONS,
-  editable
-}, {
-  field: 'lastUpdated',
-  headerName: 'Updated on',
-  generateData: randomUpdatedDate,
-  type: 'dateTime',
-  width: 180,
-  editable
-}, {
-  field: 'dateCreated',
-  headerName: 'Created on',
-  generateData: randomCreatedDate,
-  type: 'date',
-  width: 150,
-  editable
-}];

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

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

package/modern/columns/employees.columns.js

@@ -1,134 +0,0 @@
-import { gridStringOrNumberComparator } from '@mui/x-data-grid-premium';
-import { randomCity, randomCompanyName, randomCountry, randomCreatedDate, randomEmail, randomId, randomJobTitle, randomPhoneNumber, randomRating, randomUpdatedDate, randomUrl, randomUserName, randomBoolean, randomName, randomColor, randomInt } from "../services/index.js";
-import { renderAvatar, renderCountry, renderEmail, renderLink, renderRating, renderEditRating, renderEditCountry } from "../renderer/index.js";
-import { COUNTRY_ISO_OPTIONS_SORTED } from "../services/static-data.js";
-export const getEmployeeColumns = () => [{
-  field: 'id',
-  generateData: randomId,
-  hide: true
-}, {
-  field: 'avatar',
-  headerName: 'Avatar',
-  generateData: randomColor,
-  display: 'flex',
-  renderCell: renderAvatar,
-  valueGetter: (value, row) => row.name == null || row.avatar == null ? null : {
-    name: row.name,
-    color: row.avatar
-  },
-  sortable: false,
-  filterable: false,
-  groupable: false,
-  aggregable: false,
-  disableExport: true
-}, {
-  field: 'name',
-  headerName: 'Name',
-  generateData: randomName,
-  dataGeneratorUniquenessEnabled: true,
-  width: 120,
-  editable: true,
-  groupable: false,
-  aggregable: false
-}, {
-  field: 'website',
-  headerName: 'Website',
-  generateData: randomUrl,
-  renderCell: renderLink,
-  width: 160,
-  editable: true,
-  groupable: false,
-  aggregable: false
-}, {
-  field: 'rating',
-  headerName: 'Rating',
-  generateData: randomRating,
-  display: 'flex',
-  renderCell: renderRating,
-  renderEditCell: renderEditRating,
-  width: 180,
-  type: 'number',
-  editable: true,
-  availableAggregationFunctions: ['avg', 'min', 'max', 'size']
-}, {
-  field: 'email',
-  headerName: 'Email',
-  generateData: randomEmail,
-  renderCell: renderEmail,
-  width: 150,
-  editable: true
-}, {
-  field: 'phone',
-  headerName: 'Phone',
-  generateData: randomPhoneNumber,
-  width: 150,
-  editable: true
-}, {
-  field: 'username',
-  headerName: 'Username',
-  generateData: randomUserName,
-  width: 150,
-  editable: true
-}, {
-  field: 'city',
-  headerName: 'City',
-  generateData: randomCity,
-  editable: true
-}, {
-  field: 'country',
-  headerName: 'Country',
-  type: 'singleSelect',
-  valueOptions: COUNTRY_ISO_OPTIONS_SORTED,
-  valueFormatter: value => value?.label,
-  generateData: randomCountry,
-  renderCell: renderCountry,
-  renderEditCell: renderEditCountry,
-  sortComparator: (v1, v2, param1, param2) => gridStringOrNumberComparator(v1.label, v2.label, param1, param2),
-  width: 150,
-  editable: true
-}, {
-  field: 'company',
-  headerName: 'Company',
-  generateData: randomCompanyName,
-  width: 180,
-  editable: true
-}, {
-  field: 'position',
-  description: 'Job title',
-  headerName: 'Position',
-  generateData: randomJobTitle,
-  width: 180,
-  editable: true
-}, {
-  field: 'lastUpdated',
-  headerName: 'Updated on',
-  generateData: randomUpdatedDate,
-  type: 'dateTime',
-  width: 180,
-  editable: true
-}, {
-  field: 'dateCreated',
-  headerName: 'Created on',
-  generateData: randomCreatedDate,
-  type: 'date',
-  width: 120,
-  editable: true
-}, {
-  field: 'isAdmin',
-  headerName: 'Is admin?',
-  generateData: randomBoolean,
-  type: 'boolean',
-  width: 150,
-  editable: true
-}, {
-  field: 'salary',
-  headerName: 'Salary',
-  generateData: () => randomInt(30000, 80000),
-  type: 'number',
-  valueFormatter: value => {
-    if (!value || typeof value !== 'number') {
-      return value;
-    }
-    return `$${value.toLocaleString()}`;
-  }
-}];

package/modern/columns/index.d.ts

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

package/modern/columns/index.js

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

package/modern/constants/prompts.d.ts

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