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

package/esm/renderer/renderPnl.js

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import clsx from 'clsx';
+import { styled } from '@mui/material/styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Value = styled('div')(({
+  theme
+}) => ({
+  width: '100%',
+  fontVariantNumeric: 'tabular-nums',
+  '&.positive': _extends({
+    color: theme.palette.success.light
+  }, theme.applyStyles('light', {
+    color: theme.palette.success.dark
+  })),
+  '&.negative': _extends({
+    color: theme.palette.error.light
+  }, theme.applyStyles('light', {
+    color: theme.palette.error.dark
+  }))
+}));
+function pnlFormatter(value) {
+  return value < 0 ? `(${Math.abs(value).toLocaleString()})` : value.toLocaleString();
+}
+const Pnl = /*#__PURE__*/React.memo(function Pnl(props) {
+  const {
+    value
+  } = props;
+  return /*#__PURE__*/_jsx(Value, {
+    className: clsx(value > 0 && "positive", value < 0 && "negative"),
+    children: pnlFormatter(value)
+  });
+});
+export function renderPnl(params) {
+  if (params.value == null) {
+    return '';
+  }
+  return /*#__PURE__*/_jsx(Pnl, {
+    value: params.value
+  });
+}

package/esm/renderer/renderProgress.d.ts

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

package/{node → esm}/renderer/renderProgress.js

@@ -1,21 +1,13 @@
-"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.renderProgress = renderProgress;
-var React = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _styles = require("@mui/material/styles");
-var _jsxRuntime = require("react/jsx-runtime");
-const Center = (0, _styles.styled)('div')({
+import * as React from 'react';
+import clsx from 'clsx';
+import { styled } from '@mui/material/styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Center = styled('div')({
   height: '100%',
   display: 'flex',
   alignItems: 'center'
 });
-const Element = (0, _styles.styled)('div')(({
+const Element = styled('div')(({
   theme
 }) => ({
   border: `1px solid ${(theme.vars || theme).palette.divider}`,
@@ -25,14 +17,14 @@ const Element = (0, _styles.styled)('div')(({
   height: 26,
   borderRadius: 2
 }));
-const Value = (0, _styles.styled)('div')({
+const Value = styled('div')({
   position: 'absolute',
   lineHeight: '24px',
   width: '100%',
   display: 'flex',
   justifyContent: 'center'
 });
-const Bar = (0, _styles.styled)('div')({
+const Bar = styled('div')({
   height: '100%',
   '&.low': {
     backgroundColor: '#f44336'
@@ -49,18 +41,18 @@ const ProgressBar = /*#__PURE__*/React.memo(function ProgressBar(props) {
     value
   } = props;
   const valueInPercent = value * 100;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Element, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Value, {
+  return /*#__PURE__*/_jsxs(Element, {
+    children: [/*#__PURE__*/_jsx(Value, {
       children: `${valueInPercent.toLocaleString()} %`
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, {
-      className: (0, _clsx.default)(valueInPercent < 30 && "low", valueInPercent >= 30 && valueInPercent <= 70 && "medium", valueInPercent > 70 && "high"),
+    }), /*#__PURE__*/_jsx(Bar, {
+      className: clsx(valueInPercent < 30 && "low", valueInPercent >= 30 && valueInPercent <= 70 && "medium", valueInPercent > 70 && "high"),
       style: {
         maxWidth: `${valueInPercent}%`
       }
     })]
   });
 });
-function renderProgress(params) {
+export function renderProgress(params) {
   if (params.value == null) {
     return '';
   }
@@ -70,8 +62,8 @@ function renderProgress(params) {
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Center, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressBar, {
+  return /*#__PURE__*/_jsx(Center, {
+    children: /*#__PURE__*/_jsx(ProgressBar, {
       value: params.value
     })
   });

package/esm/renderer/renderRating.d.ts

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

package/esm/renderer/renderRating.js

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Rating from '@mui/material/Rating';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const RatingValue = /*#__PURE__*/React.memo(function RatingValue(props) {
+  const {
+    value
+  } = props;
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      display: 'flex',
+      alignItems: 'center',
+      lineHeight: '24px',
+      color: 'text.secondary'
+    },
+    children: [/*#__PURE__*/_jsx(Rating, {
+      value: value,
+      sx: {
+        mr: 1
+      },
+      readOnly: true
+    }), " ", Math.round(Number(value) * 10) / 10]
+  });
+});
+export function renderRating(params) {
+  if (params.value == null) {
+    return '';
+  }
+
+  // If the aggregated value does not have the same unit as the other cell
+  // Then we fall back to the default rendering based on `valueGetter` instead of rendering the total price UI.
+  if (params.aggregation && !params.aggregation.hasCellUnit) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(RatingValue, {
+    value: params.value
+  });
+}

package/esm/renderer/renderStatus.d.ts

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

package/{node → esm}/renderer/renderStatus.js

@@ -1,20 +1,12 @@
-"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.renderStatus = renderStatus;
-var React = _interopRequireWildcard(require("react"));
-var _ReportProblem = _interopRequireDefault(require("@mui/icons-material/ReportProblem"));
-var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
-var _Autorenew = _interopRequireDefault(require("@mui/icons-material/Autorenew"));
-var _Done = _interopRequireDefault(require("@mui/icons-material/Done"));
-var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
-var _styles = require("@mui/material/styles");
-var _jsxRuntime = require("react/jsx-runtime");
-const StyledChip = (0, _styles.styled)(_Chip.default)(({
+import * as React from 'react';
+import ReportProblemIcon from '@mui/icons-material/ReportProblem';
+import InfoIcon from '@mui/icons-material/Info';
+import AutorenewIcon from '@mui/icons-material/Autorenew';
+import DoneIcon from '@mui/icons-material/Done';
+import Chip from '@mui/material/Chip';
+import { styled } from '@mui/material/styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledChip = styled(Chip)(({
   theme
 }) => ({
   justifyContent: 'left',
@@ -44,19 +36,19 @@ const Status = /*#__PURE__*/React.memo(props => {
   } = props;
   let icon = null;
   if (status === 'Rejected') {
-    icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReportProblem.default, {
+    icon = /*#__PURE__*/_jsx(ReportProblemIcon, {
       className: "icon"
     });
   } else if (status === 'Open') {
-    icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Info.default, {
+    icon = /*#__PURE__*/_jsx(InfoIcon, {
       className: "icon"
     });
   } else if (status === 'PartiallyFilled') {
-    icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autorenew.default, {
+    icon = /*#__PURE__*/_jsx(AutorenewIcon, {
       className: "icon"
     });
   } else if (status === 'Filled') {
-    icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Done.default, {
+    icon = /*#__PURE__*/_jsx(DoneIcon, {
       className: "icon"
     });
   }
@@ -64,7 +56,7 @@ const Status = /*#__PURE__*/React.memo(props => {
   if (status === 'PartiallyFilled') {
     label = 'Partially Filled';
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, {
+  return /*#__PURE__*/_jsx(StyledChip, {
     className: status,
     icon: icon,
     size: "small",
@@ -72,11 +64,11 @@ const Status = /*#__PURE__*/React.memo(props => {
     variant: "outlined"
   });
 });
-function renderStatus(params) {
+export function renderStatus(params) {
   if (params.value == null) {
     return '';
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Status, {
+  return /*#__PURE__*/_jsx(Status, {
     status: params.value
   });
 }

package/esm/renderer/renderTotalPrice.d.ts

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

package/{node → esm}/renderer/renderTotalPrice.js

@@ -1,16 +1,8 @@
-"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.renderTotalPrice = renderTotalPrice;
-var React = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _styles = require("@mui/material/styles");
-var _jsxRuntime = require("react/jsx-runtime");
-const Value = (0, _styles.styled)('div')(({
+import * as React from 'react';
+import clsx from 'clsx';
+import { alpha, styled } from '@mui/material/styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Value = styled('div')(({
   theme
 }) => ({
   width: '100%',
@@ -22,10 +14,10 @@ const Value = (0, _styles.styled)('div')(({
   alignItems: 'center',
   justifyContent: 'flex-end',
   '&.good': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.success.mainChannel} /  0.3)` : (0, _styles.alpha)(theme.palette.success.main, 0.3)
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.success.mainChannel} /  0.3)` : alpha(theme.palette.success.main, 0.3)
   },
   '&.bad': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.error.mainChannel} /  0.3)` : (0, _styles.alpha)(theme.palette.error.main, 0.3)
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.error.mainChannel} /  0.3)` : alpha(theme.palette.error.main, 0.3)
   }
 }));
 const currencyFormatter = new Intl.NumberFormat('en-US', {
@@ -36,12 +28,12 @@ const TotalPrice = /*#__PURE__*/React.memo(function TotalPrice(props) {
   const {
     value
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Value, {
-    className: (0, _clsx.default)(value > 1000000 && "good", value < 1000000 && "bad"),
+  return /*#__PURE__*/_jsx(Value, {
+    className: clsx(value > 1000000 && "good", value < 1000000 && "bad"),
     children: currencyFormatter.format(value)
   });
 });
-function renderTotalPrice(params) {
+export function renderTotalPrice(params) {
   if (params.value == null) {
     return '';
   }
@@ -51,7 +43,7 @@ function renderTotalPrice(params) {
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TotalPrice, {
+  return /*#__PURE__*/_jsx(TotalPrice, {
     value: params.value
   });
 }

package/esm/services/asyncWorker.d.ts

@@ -0,0 +1,11 @@
+export default function asyncWorker({
+  work,
+  tasks,
+  done
+}: {
+  work: () => void;
+  tasks: {
+    current: number;
+  };
+  done: () => void;
+}): void;

package/{node → esm}/services/asyncWorker.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = asyncWorker;
-function asyncWorker({
+export default function asyncWorker({
   work,
   tasks,
   done

package/esm/services/basic-data-service.d.ts

@@ -0,0 +1,13 @@
+import { GridColDef, GridRowId } from '@mui/x-data-grid';
+export declare const currencyPairs: string[];
+interface GridBasicRowModel {
+  id: GridRowId;
+  currencyPair: string;
+  [price: string]: number | string;
+}
+export interface GridBasicData {
+  columns: GridColDef[];
+  rows: GridBasicRowModel[];
+}
+export declare const getBasicGridData: (rowLength: number, colLength: number) => GridBasicData;
+export {};

package/esm/services/basic-data-service.js

@@ -0,0 +1,37 @@
+export const currencyPairs = ['USDGBP', 'USDEUR', 'GBPEUR', 'JPYUSD', 'MXNUSD', 'BTCUSD', 'USDCAD', 'EURJPY', 'EURUSD', 'EURCHF', 'USDCHF', 'EURGBP', 'GBPUSD', 'AUDCAD', 'NZDUSD', 'GBPCHF', 'AUDUSD', 'GBPJPY', 'USDJPY', 'CHFJPY', 'EURCAD', 'AUDJPY', 'EURAUD', 'AUDNZD', 'CADEUR', 'CHFMXN', 'ETHUSD', 'BCHUSD', 'ETHBTC', 'XRPUSD', 'XRPBTC', 'USDLTC', 'USDXRP', 'USDDSH', 'USDBCH', 'JPYEUR', 'JPYUSD', 'JPYGBP', 'JPYCAD', 'JPYCHF', 'JPYAUD', 'JPYNZD', 'JPYSGD', 'JPYNOK', 'JPYRUB', 'JPYSEK', 'JPYTRY', 'JPYZAR', 'JPYHKD', 'JPYCNH', 'JPYDKK', 'JPYMXN', 'JPYPLN', 'JPYXAG', 'JPYXAU', 'JPYBTC', 'JPYETH', 'JPYLTC', 'JPYXRP', 'JPYDSH', 'JPYBCH', 'GBPEUR', 'GBPRUB', 'GBPTRY'];
+export const getBasicGridData = (rowLength, colLength) => {
+  const data = [];
+  const pricesColLength = colLength - 2;
+  for (let i = 0; i < rowLength; i += 1) {
+    const idx = i >= currencyPairs.length ? i % currencyPairs.length : i;
+    const model = {
+      id: i,
+      currencyPair: currencyPairs[idx]
+    };
+    for (let j = 1; j <= pricesColLength; j += 1) {
+      model[`price${j}M`] = Number(`${i.toString()}${j}`); // randomPrice(0.7, 2);
+    }
+    data.push(model);
+  }
+  const columns = [{
+    field: 'id',
+    headerName: 'id',
+    type: 'number'
+  }, {
+    field: 'currencyPair',
+    headerName: 'Currency Pair'
+  }];
+  for (let j = 1; j <= pricesColLength; j += 1) {
+    // const y = Math.floor(j / 12);
+    columns.push({
+      field: `price${j}M`,
+      headerName: `${j}M`,
+      type: 'number'
+    }); // (y > 0 ? `${y}Y` : '') + `${j - y * 12}M`
+  }
+  columns.length = colLength; // we cut the array in case < 2;
+  return {
+    columns,
+    rows: data
+  };
+};

package/esm/services/gridColDefGenerator.d.ts

@@ -0,0 +1,23 @@
+import { GridColDef } from '@mui/x-data-grid-pro';
+export interface GridDataGeneratorContext {
+  /**
+   * Values already attributed to this column.
+   * Only defined if the column has the uniqueness mode activated.
+   * The keys represent the random value and the value represents the amount of rows that already have this value.
+   * This allows to data generators to add a suffix to the returned value to force the uniqueness.
+   */
+  values?: Record<string, number>;
+}
+export type GridColDefGenerator = GridColDef & {
+  generateData?: (row: any, context: GridDataGeneratorContext) => any;
+  /**
+   * If `true`, each row will have a distinct value
+   * If several rows are generated with the same value, then a suffix will be added to the 2nd, 3rd, ...
+   * @default false
+   */
+  dataGeneratorUniquenessEnabled?: boolean;
+  /**
+   * If `true`, the column will be marked as hidden in the `columnVisibilityModel`.
+   */
+  hide?: boolean;
+};

package/esm/services/gridColDefGenerator.js

@@ -0,0 +1 @@
+export {};

package/esm/services/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./gridColDefGenerator.js";
+export * from "./random-generator.js";
+export * from "./real-data-service.js";
+export * from "./basic-data-service.js";
+export * from "./prompt-resolver.js";

package/esm/services/index.js

@@ -0,0 +1,5 @@
+export * from "./gridColDefGenerator.js";
+export * from "./random-generator.js";
+export * from "./real-data-service.js";
+export * from "./basic-data-service.js";
+export * from "./prompt-resolver.js";

package/esm/services/prompt-resolver.d.ts

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

package/esm/services/prompt-resolver.js

@@ -0,0 +1,13 @@
+import { mockPrompts } from "../constants/prompts.js";
+export const mockPromptResolver = (_, query) => {
+  const resolved = mockPrompts.get(query.toLowerCase().trim());
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      if (resolved) {
+        resolve(resolved);
+      } else {
+        reject(new Error('Unknown query'));
+      }
+    }, 1000);
+  });
+};

package/esm/services/random-generator.d.ts

@@ -0,0 +1,49 @@
+import { GridDataGeneratorContext } from "./gridColDefGenerator.js";
+type ColumnDataGenerator<Value> = (data: any, context: GridDataGeneratorContext) => Value;
+export declare const random: (min: number, max: number) => number;
+export declare const randomInt: (min: number, max: number) => number;
+export declare const randomPrice: (min?: number, max?: number) => number;
+export declare const randomRate: () => number;
+export declare const randomDate: (start: Date, end: Date) => Date;
+export declare const randomArrayItem: <T>(arr: T[]) => T;
+export declare const randomBoolean: () => boolean;
+export declare const randomColor: () => "#2196f3" | "#4caf50" | "#03a9f4" | "#ff9800" | "#e91e63" | "#9c27b0" | "#f44336";
+export declare const randomId: () => string;
+export declare const randomDesk: () => string;
+export declare const randomCommodity: () => string;
+export declare const randomTraderName: () => string;
+export declare const randomUserName: () => string;
+export declare const randomEmail: () => string;
+export declare const randomUrl: () => string;
+export declare const randomPhoneNumber: () => string;
+export declare const randomUnitPrice: () => number;
+export declare const randomUnitPriceCurrency: () => string;
+export declare const randomQuantity: () => number;
+export declare const randomFeeRate: () => number;
+export declare const randomIncoterm: () => string;
+export declare const randomStatusOptions: () => string;
+export declare const randomPnL: () => number;
+export declare const randomMaturityDate: () => Date;
+export declare const randomTradeDate: () => Date;
+export declare const randomBrokerId: () => string;
+export declare const randomCompanyName: () => string;
+export declare const randomCountry: () => import("./static-data").CountryIsoOption;
+export declare const randomCurrency: () => string;
+export declare const randomAddress: () => string;
+export declare const randomCity: () => string;
+export declare const randomTaxCode: () => string;
+export declare const randomContractType: () => string;
+export declare const randomRateType: () => string;
+export declare const randomCreatedDate: () => Date;
+export declare const randomUpdatedDate: () => Date;
+export declare const randomJobTitle: () => string;
+export declare const randomRating: () => number;
+export declare const randomName: ColumnDataGenerator<string>;
+export declare const generateFilledQuantity: (data: {
+  quantity: number;
+}) => number;
+export declare const generateIsFilled: (data: {
+  quantity: number;
+  filledQuantity: number;
+}) => boolean;
+export {};

package/esm/services/random-generator.js

@@ -0,0 +1,124 @@
+import { Chance } from 'chance';
+import { COLORS, COMMODITY_OPTIONS, CONTRACT_TYPE_OPTIONS, COUNTRY_ISO_OPTIONS, CURRENCY_OPTIONS, INCOTERM_OPTIONS, RATE_TYPE_OPTIONS, STATUS_OPTIONS, TAXCODE_OPTIONS } from "./static-data.js";
+let chance;
+let chanceGuid;
+if (typeof DISABLE_CHANCE_RANDOM !== 'undefined' && DISABLE_CHANCE_RANDOM) {
+  chance = new Chance(() => 0.5);
+  chanceGuid = new Chance(42);
+} else {
+  chance = new Chance();
+  chanceGuid = chance;
+}
+/**
+ * Wrap a data generator that returns a string and add a prefix if the value generated has already been given
+ */
+const uniquenessHandler = generator => (data, context) => {
+  const rawValue = generator(data, context);
+  if (!context.values) {
+    return rawValue;
+  }
+  const valueCount = (context.values[rawValue] ?? 0) + 1;
+  context.values[rawValue] = valueCount + 1;
+  if (valueCount > 1) {
+    return `${rawValue} ${valueCount}`;
+  }
+  return rawValue;
+};
+function dateFuture(years, refDate) {
+  let date = new Date();
+  if (typeof refDate !== 'undefined') {
+    date = new Date(Date.parse(refDate));
+  }
+  const range = {
+    min: 1000,
+    max: (years || 1) * 365 * 24 * 3600 * 1000
+  };
+
+  // some time from now to N years later, in milliseconds
+  const past = date.getTime() + chance.integer(range);
+  date.setTime(past);
+  return date;
+}
+function dateRecent(days, refDate) {
+  let date = new Date();
+  if (typeof refDate !== 'undefined') {
+    date = new Date(Date.parse(refDate));
+  }
+  const range = {
+    min: 1000,
+    max: (days || 1) * 24 * 3600 * 1000
+  };
+
+  // some time from now to N days ago, in milliseconds
+  const past = date.getTime() - chance.integer(range);
+  date.setTime(past);
+  return date;
+}
+function datePast(years, refDate) {
+  let date = new Date();
+  if (typeof refDate !== 'undefined') {
+    date = new Date(Date.parse(refDate));
+  }
+  const range = {
+    min: 1000,
+    max: (years || 1) * 365 * 24 * 3600 * 1000
+  };
+
+  // some time from now to N years ago, in milliseconds
+  const past = date.getTime() - chance.integer(range);
+  date.setTime(past);
+  return date;
+}
+export const random = (min, max) => chance.floating({
+  min,
+  max
+});
+export const randomInt = (min, max) => chance.integer({
+  min,
+  max
+});
+export const randomPrice = (min = 0, max = 100000) => Number(random(min, max).toFixed(2));
+export const randomRate = () => random(0, 1);
+export const randomDate = (start, end) => new Date(start.getTime() + chance.floating({
+  min: 0,
+  max: 1
+}) * (end.getTime() - start.getTime()));
+export const randomArrayItem = arr => arr[randomInt(0, arr.length - 1)];
+export const randomBoolean = () => randomArrayItem([true, false]);
+export const randomColor = () => randomArrayItem(COLORS);
+export const randomId = () => chanceGuid.guid();
+export const randomDesk = () => `D-${chance.integer({
+  min: 0,
+  max: 10000
+})}`;
+export const randomCommodity = () => randomArrayItem(COMMODITY_OPTIONS);
+export const randomTraderName = () => chance.name();
+export const randomUserName = () => chance.twitter();
+export const randomEmail = () => chance.email();
+export const randomUrl = () => chance.url();
+export const randomPhoneNumber = () => chance.phone();
+export const randomUnitPrice = () => randomPrice(1, 100);
+export const randomUnitPriceCurrency = () => randomArrayItem(CURRENCY_OPTIONS);
+export const randomQuantity = () => randomInt(1000, 100000);
+export const randomFeeRate = () => Number(random(0.1, 0.4).toFixed(3));
+export const randomIncoterm = () => randomArrayItem(INCOTERM_OPTIONS);
+export const randomStatusOptions = () => randomArrayItem(STATUS_OPTIONS);
+export const randomPnL = () => random(-100000000, 100000000);
+export const randomMaturityDate = () => dateFuture();
+export const randomTradeDate = () => dateRecent();
+export const randomBrokerId = () => chance.guid();
+export const randomCompanyName = () => chance.company();
+export const randomCountry = () => randomArrayItem(COUNTRY_ISO_OPTIONS);
+export const randomCurrency = () => randomArrayItem(CURRENCY_OPTIONS);
+export const randomAddress = () => chance.address();
+export const randomCity = () => chance.city();
+export const randomTaxCode = () => randomArrayItem(TAXCODE_OPTIONS);
+export const randomContractType = () => randomArrayItem(CONTRACT_TYPE_OPTIONS);
+export const randomRateType = () => randomArrayItem(RATE_TYPE_OPTIONS);
+export const randomCreatedDate = () => datePast();
+export const randomUpdatedDate = () => dateRecent();
+export const randomJobTitle = () => chance.profession();
+export const randomRating = () => randomInt(1, 5);
+export const randomName = uniquenessHandler(() => chance.name());
+export const generateFilledQuantity = data => Number((data.quantity * randomRate()).toFixed()) / data.quantity;
+export const generateIsFilled = data => data.quantity === data.filledQuantity;

package/esm/services/real-data-service.d.ts

@@ -0,0 +1,8 @@
+import { GridRowModel, GridInitialState } from '@mui/x-data-grid-premium';
+import { GridColDefGenerator } from "./gridColDefGenerator.js";
+export interface GridDemoData {
+  rows: GridRowModel[];
+  columns: GridColDefGenerator[];
+  initialState?: GridInitialState;
+}
+export declare function getRealGridData(rowLength: number, columns: GridColDefGenerator[]): Promise<GridDemoData>;