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

package/{node → esm}/columns/commodities.columns.js

@@ -1,39 +1,33 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getCommodityColumns = void 0;
-var _xDataGridPremium = require("@mui/x-data-grid-premium");
-var _services = require("../services");
-var _renderer = require("../renderer");
-var _staticData = require("../services/static-data");
-const getCommodityColumns = (editable = false) => [{
+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: _services.randomId,
+  generateData: randomId,
   hide: true
 }, {
   field: 'desk',
   headerName: 'Desk',
-  generateData: _services.randomDesk,
+  generateData: randomDesk,
   width: 110
 }, {
   field: 'commodity',
   headerName: 'Commodity',
-  generateData: _services.randomCommodity,
+  generateData: randomCommodity,
   width: 180,
   editable
 }, {
   field: 'traderName',
   headerName: 'Trader Name',
-  generateData: _services.randomTraderName,
+  generateData: randomTraderName,
   width: 120,
   editable
 }, {
   field: 'traderEmail',
   headerName: 'Trader Email',
-  generateData: _services.randomEmail,
-  renderCell: _renderer.renderEmail,
+  generateData: randomEmail,
+  renderCell: renderEmail,
   width: 150,
   editable
 }, {
@@ -41,15 +35,15 @@ const getCommodityColumns = (editable = false) => [{
   headerName: 'Quantity',
   type: 'number',
   width: 140,
-  generateData: _services.randomQuantity,
+  generateData: randomQuantity,
   editable,
   valueParser: value => Number(value)
 }, {
   field: 'filledQuantity',
   headerName: 'Filled Quantity',
-  generateData: _services.generateFilledQuantity,
-  renderCell: _renderer.renderProgress,
-  renderEditCell: _renderer.renderEditProgress,
+  generateData: generateFilledQuantity,
+  renderCell: renderProgress,
+  renderEditCell: renderEditProgress,
   availableAggregationFunctions: ['min', 'max', 'avg', 'size'],
   type: 'number',
   width: 120,
@@ -58,34 +52,34 @@ const getCommodityColumns = (editable = false) => [{
   field: 'isFilled',
   headerName: 'Is Filled',
   align: 'center',
-  generateData: _services.generateIsFilled,
+  generateData: generateIsFilled,
   type: 'boolean',
   width: 80,
   editable
 }, {
   field: 'status',
   headerName: 'Status',
-  generateData: _services.randomStatusOptions,
-  renderCell: _renderer.renderStatus,
-  renderEditCell: _renderer.renderEditStatus,
+  generateData: randomStatusOptions,
+  renderCell: renderStatus,
+  renderEditCell: renderEditStatus,
   type: 'singleSelect',
-  valueOptions: _staticData.STATUS_OPTIONS,
+  valueOptions: STATUS_OPTIONS,
   width: 150,
   editable
 }, {
   field: 'unitPrice',
   headerName: 'Unit Price',
-  generateData: _services.randomUnitPrice,
+  generateData: randomUnitPrice,
   type: 'number',
   editable,
   valueParser: value => Number(value)
 }, {
   field: 'unitPriceCurrency',
   headerName: 'Unit Price Currency',
-  generateData: _services.randomUnitPriceCurrency,
-  renderEditCell: _renderer.renderEditCurrency,
+  generateData: randomUnitPriceCurrency,
+  renderEditCell: renderEditCurrency,
   type: 'singleSelect',
-  valueOptions: _staticData.CURRENCY_OPTIONS,
+  valueOptions: CURRENCY_OPTIONS,
   width: 120,
   editable
 }, {
@@ -97,7 +91,7 @@ const getCommodityColumns = (editable = false) => [{
 }, {
   field: 'feeRate',
   headerName: 'Fee Rate',
-  generateData: _services.randomFeeRate,
+  generateData: randomFeeRate,
   type: 'number',
   width: 80,
   editable,
@@ -111,128 +105,127 @@ const getCommodityColumns = (editable = false) => [{
 }, {
   field: 'incoTerm',
   headerName: 'Incoterm',
-  generateData: _services.randomIncoterm,
-  renderCell: _renderer.renderIncoterm,
-  renderEditCell: _renderer.renderEditIncoterm,
+  generateData: randomIncoterm,
+  renderCell: renderIncoterm,
+  renderEditCell: renderEditIncoterm,
   type: 'singleSelect',
-  valueOptions: _staticData.INCOTERM_OPTIONS,
+  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: _renderer.renderTotalPrice,
+  renderCell: renderTotalPrice,
   type: 'number',
   width: 160
 }, {
   field: 'pnl',
   headerName: 'PnL',
-  generateData: _services.randomPnL,
-  renderCell: _renderer.renderPnl,
+  generateData: randomPnL,
+  renderCell: renderPnl,
   type: 'number',
   width: 140
 }, {
   field: 'maturityDate',
   headerName: 'Maturity Date',
-  generateData: _services.randomMaturityDate,
+  generateData: randomMaturityDate,
   type: 'date',
   editable
 }, {
   field: 'tradeDate',
   headerName: 'Trade Date',
-  generateData: _services.randomTradeDate,
+  generateData: randomTradeDate,
   type: 'date',
   editable
 }, {
   field: 'brokerId',
   headerName: 'Broker Id',
-  generateData: _services.randomBrokerId,
+  generateData: randomBrokerId,
   hide: true,
   editable
 }, {
   field: 'brokerName',
   headerName: 'Broker Name',
-  generateData: _services.randomCompanyName,
+  generateData: randomCompanyName,
   width: 140,
   editable
 }, {
   field: 'counterPartyName',
   headerName: 'Counterparty',
-  generateData: _services.randomCompanyName,
+  generateData: randomCompanyName,
   width: 180,
   editable
 }, {
   field: 'counterPartyCountry',
   headerName: 'Counterparty Country',
   type: 'singleSelect',
-  generateData: _services.randomCountry,
-  renderCell: _renderer.renderCountry,
-  valueOptions: _staticData.COUNTRY_ISO_OPTIONS_SORTED,
+  generateData: randomCountry,
+  renderCell: renderCountry,
+  valueOptions: COUNTRY_ISO_OPTIONS_SORTED,
   valueParser: value => {
     if (typeof value === 'string') {
-      return _staticData.COUNTRY_ISO_OPTIONS_SORTED.find(country => country.value === value);
+      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) => (0, _xDataGridPremium.gridStringOrNumberComparator)(v1.label, v2.label, param1, param2),
+  sortComparator: (v1, v2, param1, param2) => gridStringOrNumberComparator(v1.label, v2.label, param1, param2),
   editable,
   width: 120
 }, {
   field: 'counterPartyCurrency',
   headerName: 'Counterparty Currency',
-  generateData: _services.randomCurrency,
-  renderEditCell: _renderer.renderEditCurrency,
+  generateData: randomCurrency,
+  renderEditCell: renderEditCurrency,
   type: 'singleSelect',
-  valueOptions: _staticData.CURRENCY_OPTIONS,
+  valueOptions: CURRENCY_OPTIONS,
   editable
 }, {
   field: 'counterPartyAddress',
   headerName: 'Counterparty Address',
-  generateData: _services.randomAddress,
+  generateData: randomAddress,
   width: 200,
   editable
 }, {
   field: 'counterPartyCity',
   headerName: 'Counterparty City',
-  generateData: _services.randomCity,
+  generateData: randomCity,
   width: 120,
   editable
 }, {
   field: 'taxCode',
   headerName: 'Tax Code',
-  generateData: _services.randomTaxCode,
+  generateData: randomTaxCode,
   type: 'singleSelect',
-  valueOptions: _staticData.TAXCODE_OPTIONS,
+  valueOptions: TAXCODE_OPTIONS,
   editable
 }, {
   field: 'contractType',
   headerName: 'Contract Type',
-  generateData: _services.randomContractType,
+  generateData: randomContractType,
   type: 'singleSelect',
-  valueOptions: _staticData.CONTRACT_TYPE_OPTIONS,
+  valueOptions: CONTRACT_TYPE_OPTIONS,
   editable
 }, {
   field: 'rateType',
   headerName: 'Rate Type',
-  generateData: _services.randomRateType,
+  generateData: randomRateType,
   type: 'singleSelect',
-  valueOptions: _staticData.RATE_TYPE_OPTIONS,
+  valueOptions: RATE_TYPE_OPTIONS,
   editable
 }, {
   field: 'lastUpdated',
   headerName: 'Updated on',
-  generateData: _services.randomUpdatedDate,
+  generateData: randomUpdatedDate,
   type: 'dateTime',
   width: 180,
   editable
 }, {
   field: 'dateCreated',
   headerName: 'Created on',
-  generateData: _services.randomCreatedDate,
+  generateData: randomCreatedDate,
   type: 'date',
   width: 150,
   editable
-}];
-exports.getCommodityColumns = getCommodityColumns;
+}];

package/esm/columns/employees.columns.d.ts

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

package/{node → esm}/columns/employees.columns.js

@@ -1,23 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getEmployeeColumns = void 0;
-var _xDataGridPremium = require("@mui/x-data-grid-premium");
-var _services = require("../services");
-var _renderer = require("../renderer");
-var _staticData = require("../services/static-data");
-const getEmployeeColumns = () => [{
+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: _services.randomId,
+  generateData: randomId,
   hide: true
 }, {
   field: 'avatar',
   headerName: 'Avatar',
-  generateData: _services.randomColor,
+  generateData: randomColor,
   display: 'flex',
-  renderCell: _renderer.renderAvatar,
+  renderCell: renderAvatar,
   valueGetter: (value, row) => row.name == null || row.avatar == null ? null : {
     name: row.name,
     color: row.avatar
@@ -30,7 +24,7 @@ const getEmployeeColumns = () => [{
 }, {
   field: 'name',
   headerName: 'Name',
-  generateData: _services.randomName,
+  generateData: randomName,
   dataGeneratorUniquenessEnabled: true,
   width: 120,
   editable: true,
@@ -39,8 +33,8 @@ const getEmployeeColumns = () => [{
 }, {
   field: 'website',
   headerName: 'Website',
-  generateData: _services.randomUrl,
-  renderCell: _renderer.renderLink,
+  generateData: randomUrl,
+  renderCell: renderLink,
   width: 160,
   editable: true,
   groupable: false,
@@ -48,10 +42,10 @@ const getEmployeeColumns = () => [{
 }, {
   field: 'rating',
   headerName: 'Rating',
-  generateData: _services.randomRating,
+  generateData: randomRating,
   display: 'flex',
-  renderCell: _renderer.renderRating,
-  renderEditCell: _renderer.renderEditRating,
+  renderCell: renderRating,
+  renderEditCell: renderEditRating,
   width: 180,
   type: 'number',
   editable: true,
@@ -59,77 +53,77 @@ const getEmployeeColumns = () => [{
 }, {
   field: 'email',
   headerName: 'Email',
-  generateData: _services.randomEmail,
-  renderCell: _renderer.renderEmail,
+  generateData: randomEmail,
+  renderCell: renderEmail,
   width: 150,
   editable: true
 }, {
   field: 'phone',
   headerName: 'Phone',
-  generateData: _services.randomPhoneNumber,
+  generateData: randomPhoneNumber,
   width: 150,
   editable: true
 }, {
   field: 'username',
   headerName: 'Username',
-  generateData: _services.randomUserName,
+  generateData: randomUserName,
   width: 150,
   editable: true
 }, {
   field: 'city',
   headerName: 'City',
-  generateData: _services.randomCity,
+  generateData: randomCity,
   editable: true
 }, {
   field: 'country',
   headerName: 'Country',
   type: 'singleSelect',
-  valueOptions: _staticData.COUNTRY_ISO_OPTIONS_SORTED,
+  valueOptions: COUNTRY_ISO_OPTIONS_SORTED,
   valueFormatter: value => value?.label,
-  generateData: _services.randomCountry,
-  renderCell: _renderer.renderCountry,
-  renderEditCell: _renderer.renderEditCountry,
-  sortComparator: (v1, v2, param1, param2) => (0, _xDataGridPremium.gridStringOrNumberComparator)(v1.label, v2.label, param1, param2),
+  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: _services.randomCompanyName,
+  generateData: randomCompanyName,
   width: 180,
   editable: true
 }, {
   field: 'position',
   description: 'Job title',
   headerName: 'Position',
-  generateData: _services.randomJobTitle,
+  generateData: randomJobTitle,
   width: 180,
   editable: true
 }, {
   field: 'lastUpdated',
   headerName: 'Updated on',
-  generateData: _services.randomUpdatedDate,
+  generateData: randomUpdatedDate,
   type: 'dateTime',
   width: 180,
   editable: true
 }, {
   field: 'dateCreated',
   headerName: 'Created on',
-  generateData: _services.randomCreatedDate,
+  generateData: randomCreatedDate,
   type: 'date',
   width: 120,
   editable: true
 }, {
   field: 'isAdmin',
   headerName: 'Is admin?',
-  generateData: _services.randomBoolean,
+  generateData: randomBoolean,
   type: 'boolean',
   width: 150,
   editable: true
 }, {
   field: 'salary',
   headerName: 'Salary',
-  generateData: () => (0, _services.randomInt)(30000, 80000),
+  generateData: () => randomInt(30000, 80000),
   type: 'number',
   valueFormatter: value => {
     if (!value || typeof value !== 'number') {
@@ -137,5 +131,4 @@ const getEmployeeColumns = () => [{
     }
     return `$${value.toLocaleString()}`;
   }
-}];
-exports.getEmployeeColumns = getEmployeeColumns;
+}];

package/esm/columns/index.d.ts

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

package/esm/columns/index.js

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

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

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mockPrompts = void 0;
-const mockPrompts = exports.mockPrompts = new Map([['sort by name', {
+export const mockPrompts = new Map([['sort by name', {
   select: -1,
   filters: [],
   aggregation: {},

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

@@ -0,0 +1,6 @@
+export * from "./useDemoData.js";
+export * from "./useBasicDemoData.js";
+export { useMovieData } from "./useMovieData.js";
+export * from "./useQuery.js";
+export * from "./useMockServer.js";
+export { loadServerRows } from "./serverUtils.js";

package/esm/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 {};