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

package/node/renderer/renderProgress.js

@@ -11,7 +11,12 @@ var _styles = require("@mui/material/styles");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Root = (0, _styles.styled)('div')(({
+const Center = (0, _styles.styled)('div')({
+  height: '100%',
+  display: 'flex',
+  alignItems: 'center'
+});
+const Element = (0, _styles.styled)('div')(({
   theme
 }) => ({
   border: `1px solid ${(theme.vars || theme).palette.divider}`,
@@ -45,7 +50,7 @@ const ProgressBar = /*#__PURE__*/React.memo(function ProgressBar(props) {
     value
   } = props;
   const valueInPercent = value * 100;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Element, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Value, {
       children: `${valueInPercent.toLocaleString()} %`
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, {
@@ -66,7 +71,9 @@ function renderProgress(params) {
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressBar, {
-    value: params.value
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Center, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressBar, {
+      value: params.value
+    })
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "7.0.0-beta.3",
+  "version": "7.0.0-beta.5",
   "description": "Generate fake data for demo purposes only.",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -24,7 +24,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "@mui/base": "^5.0.0-beta.36",
-    "@mui/x-data-grid-premium": "7.0.0-beta.3",
+    "@mui/x-data-grid-premium": "7.0.0-beta.5",
     "chance": "^1.1.11",
     "clsx": "^2.1.0",
     "lru-cache": "^7.18.3"

package/renderer/renderProgress.js

@@ -3,7 +3,12 @@ import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const Root = styled('div')(({
+const Center = styled('div')({
+  height: '100%',
+  display: 'flex',
+  alignItems: 'center'
+});
+const Element = styled('div')(({
   theme
 }) => ({
   border: `1px solid ${(theme.vars || theme).palette.divider}`,
@@ -37,7 +42,7 @@ const ProgressBar = /*#__PURE__*/React.memo(function ProgressBar(props) {
     value
   } = props;
   const valueInPercent = value * 100;
-  return /*#__PURE__*/_jsxs(Root, {
+  return /*#__PURE__*/_jsxs(Element, {
     children: [/*#__PURE__*/_jsx(Value, {
       children: `${valueInPercent.toLocaleString()} %`
     }), /*#__PURE__*/_jsx(Bar, {
@@ -58,7 +63,9 @@ export function renderProgress(params) {
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
-  return /*#__PURE__*/_jsx(ProgressBar, {
-    value: params.value
+  return /*#__PURE__*/_jsx(Center, {
+    children: /*#__PURE__*/_jsx(ProgressBar, {
+      value: params.value
+    })
   });
 }

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]);
-};