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

package/CHANGELOG.md

@@ -5,7 +5,167 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## **8.0.0-alpha.11**
+## 8.0.0-alpha.12
+
+_Feb 17, 2025_
+
+We'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
+
+- 📦 Data Grid [data source](https://next.mui.com/x/react-data-grid/server-side-data/) is now available in the Community plan
+- ⚡ Improve Data Grid Excel export serialization performance
+- 🚫 Add ["No columns" overlay](https://next.mui.com/x/react-data-grid/overlays/#no-columns-overlay) to Data Grid
+- 🌍 Improve Polish (pl-PL) and Ukrainian (uk-UA) locales on the Data Grid
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@Neonin, @nusr, and @pawelkula.
+Following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @romgrk, and @mapache-salvaje.
+
+### Data Grid
+
+#### Breaking changes
+
+- The `main--hasSkeletonLoadingOverlay` class has been renamed to `main--hiddenContent` and is now also applied when the "No columns" overlay is displayed.
+
+- The `apiRef.current.forceUpdate()` method was removed. Use selectors combined with `useGridSelector()` hook to react to changes in the state.
+
+- The selectors signature has been updated. They are only accepting `apiRef` as a first argument and `instanceId` is no longer the third argument.
+
+  ```diff
+  -mySelector(state, arguments, instanceId)
+  +mySelector(apiRef, arguments)
+  ```
+
+#### `@mui/x-data-grid@8.0.0-alpha.12`
+
+- [DataGrid] Add "No columns" overlay (#16543) @KenanYusuf
+- [DataGrid] All selectors accept only `apiRef` as first argument (#16198) @arminmeh
+- [DataGrid] Avoid `undefined` value for pagination `rowCount` (#16488) @cherniavskii
+- [DataGrid] Create the base Checkbox slot (#16445) @romgrk
+- [DataGrid] Create the base Input slot (#16443) @romgrk
+- [DataGrid] Create the base MenuList slot (#16481) @romgrk
+- [DataGrid] Create the base Popper slot (#16362) @romgrk
+- [DataGrid] Create the base Select slot (#16394) @romgrk
+- [DataGrid] Create the base Switch slot (#16527) @romgrk
+- [DataGrid] Extract `getRowId()` API method as a selector (#16487) @MBilalShafi
+- [DataGrid] Fix the `onClock` prop of the base Select slot (#16557) @romgrk
+- [DataGrid] Go to the first page when sorting/filtering is applied (#16447) @arminmeh
+- [DataGrid] Make base data source available in the Community plan (#16359) @MBilalShafi
+- [DataGrid] Remove `apiRef.current.forceUpdate()` method (#16560) @MBilalShafi
+- [DataGrid] Fix the unexpected behavior of the pagination when using `-1` for "All" rows per page (#16485) @nusr
+- [l10n] Improve Polish (pl-PL) locale (#16123) @pawelkula
+- [l10n] Improve Ukrainian (uk-UA) locale (#16463) @Neonin
+
+#### `@mui/x-data-grid-pro@8.0.0-alpha.12` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.0.0-alpha.12`.
+
+#### `@mui/x-data-grid-premium@8.0.0-alpha.12` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.0.0-alpha.12`, plus:
+
+- [DataGridPremium] Fix Excel export Web Worker demo not working in dev mode (#16517) @cherniavskii
+- [DataGridPremium] Fix loading issue + add skeleton overlay (#16282) @MBilalShafi
+- [DataGridPremium] Improve Excel export serialization performance (#16526) @cherniavskii
+- [DataGridPremium] Namespace Excel export worker (#16020) @oliviertassinari
+
+### Date and Time Pickers
+
+#### Breaking changes
+
+- The `aria-label` on the `<Clock />` component and Time Picker opening button has been fixed to rely on the set `ampm` property instead of defaulting to the user's locale.
+
+- The following unused formats have been removed from the adapters and can no longer be overridden via the `dateFormats` prop on the `<LocalizationProvider />` component:
+
+  - `fullTime` - please use `fullTime12h` and `fullTime24h` instead:
+    ```diff
+      <LocalizationProvider
+        dateFormats={{
+    -     fullTime: 'LT',
+    +     fullTime12h: 'hh:mm A',
+    +     fullTime24h: 'hh:mm',
+        }}
+      >
+    ```
+  - `keyboardDateTime` - please use `keyboardDateTime12h` and `keyboardDateTime24h` instead:
+    ```diff
+      <LocalizationProvider
+        dateFormats={{
+    -     keyboardDateTime: 'DD.MM.YYYY | LT',
+    +     keyboardDateTime12h: 'DD.MM.YYYY | hh:mm A',
+    +     keyboardDateTime24h: 'DD.MM.YYYY | hh:mm',
+        }}
+      >
+    ```
+
+#### `@mui/x-date-pickers@8.0.0-alpha.12`
+
+- [pickers] Fix time related aria labels to depend on `ampm` flag value (#16572) @LukasTy
+- [pickers] Remove unused adapter formats (#16522) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.0.0-alpha.12` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.0.0-alpha.12`, plus:
+
+- [DateRangePicker] Avoid unnecessary field section focusing (#16474) @LukasTy
+
+### Charts
+
+#### Breaking changes
+
+- The `useSeries` hook family has been stabilized and renamed accordingly — [Learn more](https://next.mui.com/x/migration/migration-charts-v7/#stabilize-useseries-and-usexxxseries-hooks-✅)
+
+#### `@mui/x-charts@8.0.0-alpha.12`
+
+- [charts] Add docs for scatter "Size" section (#16556) @bernardobelchior
+- [charts] Add `test:performance:browser` script #16600 @bernardobelchior
+- [charts] Add warning when using unknown ids in `useXxxSeries` hooks (#16552) @JCQuintas
+- [charts] Divide the logic for `useXxxSeries` into `useXxxSeriesContext` (#16546) @JCQuintas
+- [charts] Document plugins for internal use (#16504) @JCQuintas
+- [charts] Fix internal typo (#16524) @alexfauquette
+- [charts] Fix type overloads (#16581) @JCQuintas
+- [charts] Fix zoom filter regression (#16507) @alexfauquette
+- [charts] Improve tooltip placement in mobile (#16553) @bernardobelchior
+- [charts] Let the `useXxxSeries` support array of ids and document them (#15545) @JCQuintas
+- [charts] Memoize some tooltip internals (#16564) @alexfauquette
+- [charts] Move Voronoi handler in a dedicated plugin (#16470) @alexfauquette
+- [charts] Performance tests: set license on setup. Update vitest minor version. (#16525) @bernardobelchior
+- [charts] Propagate the axis scale to the `valueFormatter` (#16555) @alexfauquette
+- [charts] Remove `colors` prop from `SparkLineChart`. (#16494) @bernardobelchior
+- [charts] Stabilize series hooks (`useSeries`, `usePieSeries`, etc.) (#16459) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.0.0-alpha.12` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.0.0-alpha.12`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.0.0-alpha.12`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.0.0-alpha.12` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.0.0-alpha.12`.
+
+### Docs
+
+- [docs] Add demo for Scatter Chart with linked points (#16505) @bernardobelchior
+- [docs] Improve license installation page (#16403) @michelengelen
+- [docs] Standardize getting started docs across all packages (#16302) @mapache-salvaje
+
+### Core
+
+- [core] Update charts folder structure (#16471) @alexfauquette
+- [code-infra] Bump @mui/monorepo (#16422) @LukasTy
+- [code-infra] Fix lock file (#16562) @LukasTy
+- [code-infra] Fix root package version (#16503) @JCQuintas
+- [code-infra] Update internal packages to `next` releases (#16423) @LukasTy
+- [code-infra] Update package layout for better ESM support (#14386) @Janpot
+- [code-infra] Update peer dependencies for v8 (#16563) @Janpot
+
+## 8.0.0-alpha.11
 
 _Feb 7, 2025_
 

package/columns/commodities.columns.d.ts

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

package/columns/commodities.columns.js

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

package/columns/employees.columns.d.ts

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

package/columns/employees.columns.js

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

package/columns/index.d.ts

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

package/columns/index.js

@@ -1,2 +1,27 @@
-export * from "./commodities.columns.js";
-export * from "./employees.columns.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _commodities = require("./commodities.columns");
+Object.keys(_commodities).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _commodities[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _commodities[key];
+    }
+  });
+});
+var _employees = require("./employees.columns");
+Object.keys(_employees).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _employees[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _employees[key];
+    }
+  });
+});

package/constants/prompts.d.ts

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