@mui/x-data-grid-generator 7.0.0-beta.2 → 7.0.0-beta.4

package/legacy/columns/commodities.columns.js

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

package/legacy/columns/employees.columns.js

@@ -1,141 +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';
-import { renderAvatar, renderCountry, renderEmail, renderLink, renderRating, renderEditRating, renderEditCountry } from '../renderer';
-import { COUNTRY_ISO_OPTIONS_SORTED } from '../services/static-data';
-export var getEmployeeColumns = function getEmployeeColumns() {
-  return [{
-    field: 'id',
-    generateData: randomId,
-    hide: true
-  }, {
-    field: 'avatar',
-    headerName: 'Avatar',
-    generateData: randomColor,
-    renderCell: renderAvatar,
-    valueGetter: function valueGetter(value, row) {
-      return 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,
-    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: function valueFormatter(value) {
-      return value == null ? void 0 : value.label;
-    },
-    generateData: randomCountry,
-    renderCell: renderCountry,
-    renderEditCell: renderEditCountry,
-    sortComparator: function sortComparator(v1, v2, param1, param2) {
-      return gridStringOrNumberComparator(v1.label, v2.label, param1, param2);
-    },
-    width: 150,
-    editable: true
-  }, {
-    field: 'company',
-    headerName: 'Company',
-    generateData: randomCompanyName,
-    width: 180,
-    editable: true
-  }, {
-    field: 'position',
-    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: function generateData() {
-      return randomInt(30000, 80000);
-    },
-    type: 'number',
-    valueFormatter: function valueFormatter(value) {
-      if (!value || typeof value !== 'number') {
-        return value;
-      }
-      return "".concat(value.toLocaleString(), "$");
-    }
-  }];
-};

package/legacy/columns/index.js

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

package/legacy/hooks/index.js

@@ -1,4 +0,0 @@
-export * from './useDemoData';
-export * from './useBasicDemoData';
-export * from './useMovieData';
-export * from './useQuery';

package/legacy/hooks/useBasicDemoData.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { getBasicGridData } from '../services';
-export var useBasicDemoData = function useBasicDemoData(nbRows, nbCols) {
-  return React.useMemo(function () {
-    return getBasicGridData(nbRows, nbCols);
-  }, [nbRows, nbCols]);
-};

package/legacy/hooks/useDemoData.js

@@ -1,235 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import * as React from 'react';
-import LRUCache from 'lru-cache';
-import { getRealGridData } from '../services/real-data-service';
-import { getCommodityColumns } from '../columns/commodities.columns';
-import { getEmployeeColumns } from '../columns/employees.columns';
-import asyncWorker from '../services/asyncWorker';
-import { addTreeDataOptionsToDemoData } from '../services/tree-data-generator';
-var dataCache = new LRUCache({
-  max: 10,
-  ttl: 60 * 5 * 1e3 // 5 minutes
-});
-// Generate fake data from a seed.
-// It's about x20 faster than getRealData.
-function extrapolateSeed(_x, _x2) {
-  return _extrapolateSeed.apply(this, arguments);
-}
-function _extrapolateSeed() {
-  _extrapolateSeed = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(rowLength, data) {
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          return _context2.abrupt("return", new Promise(function (resolve) {
-            var seed = data.rows;
-            var rows = data.rows.slice();
-            var tasks = {
-              current: rowLength - seed.length
-            };
-            function work() {
-              var row = {};
-              for (var j = 0; j < data.columns.length; j += 1) {
-                var column = data.columns[j];
-                var index = Math.round(Math.random() * (seed.length - 1));
-                if (column.field === 'id') {
-                  row.id = "id-".concat(tasks.current + seed.length);
-                } else {
-                  row[column.field] = seed[index][column.field];
-                }
-              }
-              rows.push(row);
-              tasks.current -= 1;
-            }
-            asyncWorker({
-              work: work,
-              done: function done() {
-                return resolve(_extends({}, data, {
-                  rows: rows
-                }));
-              },
-              tasks: tasks
-            });
-          }));
-        case 1:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  }));
-  return _extrapolateSeed.apply(this, arguments);
-}
-var deepFreeze = function deepFreeze(object) {
-  // Retrieve the property names defined on object
-  var propNames = Object.getOwnPropertyNames(object);
-
-  // Freeze properties before freezing self
-
-  // eslint-disable-next-line no-restricted-syntax
-  var _iterator = _createForOfIteratorHelper(propNames),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var name = _step.value;
-      var value = object[name];
-      if (value && _typeof(value) === 'object') {
-        deepFreeze(value);
-      }
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return Object.freeze(object);
-};
-export var getColumnsFromOptions = function getColumnsFromOptions(options) {
-  var columns = options.dataSet === 'Commodity' ? getCommodityColumns(options.editable) : getEmployeeColumns();
-  if (options.visibleFields) {
-    columns = columns.map(function (col) {
-      var _options$visibleField;
-      return (_options$visibleField = options.visibleFields) != null && _options$visibleField.includes(col.field) ? col : _extends({}, col, {
-        hide: true
-      });
-    });
-  }
-  if (options.maxColumns) {
-    columns = columns.slice(0, options.maxColumns);
-  }
-  return columns;
-};
-export var getInitialState = function getInitialState(options, columns) {
-  var _options$treeData;
-  var columnVisibilityModel = {};
-  columns.forEach(function (col) {
-    if (col.hide) {
-      columnVisibilityModel[col.field] = false;
-    }
-  });
-  var groupingField = (_options$treeData = options.treeData) == null ? void 0 : _options$treeData.groupingField;
-  if (groupingField) {
-    columnVisibilityModel[groupingField] = false;
-  }
-  return {
-    columns: {
-      columnVisibilityModel: columnVisibilityModel
-    }
-  };
-};
-export var useDemoData = function useDemoData(options) {
-  var _options$treeData5, _options$treeData6, _options$treeData7;
-  var _React$useState = React.useState(options.rowLength),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    rowLength = _React$useState2[0],
-    setRowLength = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    index = _React$useState4[0],
-    setIndex = _React$useState4[1];
-  var _React$useState5 = React.useState(true),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    loading = _React$useState6[0],
-    setLoading = _React$useState6[1];
-  var columns = React.useMemo(function () {
-    return getColumnsFromOptions({
-      dataSet: options.dataSet,
-      editable: options.editable,
-      maxColumns: options.maxColumns,
-      visibleFields: options.visibleFields
-    });
-  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
-  var _React$useState7 = React.useState(function () {
-      return addTreeDataOptionsToDemoData({
-        columns: columns,
-        rows: [],
-        initialState: getInitialState(options, columns)
-      }, options.treeData);
-    }),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    data = _React$useState8[0],
-    setData = _React$useState8[1];
-  React.useEffect(function () {
-    var cacheKey = "".concat(options.dataSet, "-").concat(rowLength, "-").concat(index, "-").concat(options.maxColumns);
-
-    // Cache to allow fast switch between the JavaScript and TypeScript version
-    // of the demos.
-    if (dataCache.has(cacheKey)) {
-      var newData = dataCache.get(cacheKey);
-      setData(newData);
-      setLoading(false);
-      return undefined;
-    }
-    var active = true;
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _options$treeData2, _options$treeData3, _options$treeData4;
-      var newData;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setLoading(true);
-            if (!(rowLength > 1000)) {
-              _context.next = 10;
-              break;
-            }
-            _context.next = 4;
-            return getRealGridData(1000, columns);
-          case 4:
-            newData = _context.sent;
-            _context.next = 7;
-            return extrapolateSeed(rowLength, newData);
-          case 7:
-            newData = _context.sent;
-            _context.next = 13;
-            break;
-          case 10:
-            _context.next = 12;
-            return getRealGridData(rowLength, columns);
-          case 12:
-            newData = _context.sent;
-          case 13:
-            if (active) {
-              _context.next = 15;
-              break;
-            }
-            return _context.abrupt("return");
-          case 15:
-            newData = addTreeDataOptionsToDemoData(newData, {
-              maxDepth: (_options$treeData2 = options.treeData) == null ? void 0 : _options$treeData2.maxDepth,
-              groupingField: (_options$treeData3 = options.treeData) == null ? void 0 : _options$treeData3.groupingField,
-              averageChildren: (_options$treeData4 = options.treeData) == null ? void 0 : _options$treeData4.averageChildren
-            });
-
-            // It's quite slow. No need for it in production.
-            if (process.env.NODE_ENV !== 'production') {
-              deepFreeze(newData);
-            }
-            dataCache.set(cacheKey, newData);
-            setData(newData);
-            setLoading(false);
-          case 20:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }))();
-    return function () {
-      active = false;
-    };
-  }, [rowLength, options.dataSet, options.maxColumns, (_options$treeData5 = options.treeData) == null ? void 0 : _options$treeData5.maxDepth, (_options$treeData6 = options.treeData) == null ? void 0 : _options$treeData6.groupingField, (_options$treeData7 = options.treeData) == null ? void 0 : _options$treeData7.averageChildren, index, columns]);
-  return {
-    data: data,
-    loading: loading,
-    setRowLength: setRowLength,
-    loadNewData: function loadNewData() {
-      setIndex(function (oldIndex) {
-        return oldIndex + 1;
-      });
-    }
-  };
-};