@mui/x-data-grid-generator 9.4.0 → 9.5.0

package/CHANGELOG.md

@@ -1,5 +1,105 @@
 # Changelog
 
+## 9.5.0
+
+_Jun 11, 2026_
+
+We'd like to extend a big thank you to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 New [`multiSelect` column type for Data Grid Pro](https://mui.com/x/react-data-grid/column-definition/#MultiSelectColumn)
+- 🚀 New [renderer="svg-progressive"](https://mui.com/x/react-charts/scatter/#progressive-renderer) paints scatter points in batched frames so large datasets render smoothly without blocking the main thread.
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to community members @mustafajw07 and @Anexus5919 for their valuable contribution.
+
+The following team members contributed to this release:
+@alexfauquette, @JCQuintas, @rita-codes, @rluzists1, @sai6855, @siriwatknp, @arminmeh, @brijeshb42
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.5.0`
+
+- [DataGrid] Restrict warning messages to non-production environments in various components (#22461) @sai6855
+- [DataGrid] Prevent React state update before mount (#22374) @arminmeh
+
+#### `@mui/x-data-grid-pro@9.5.0` [![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@9.5.0`, plus:
+
+- [DataGridPro] Add new `multiSelect` column type (#21157) @siriwatknp
+
+#### `@mui/x-data-grid-premium@9.5.0` [![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@9.5.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.5.0`
+
+- [pickers] Fix missing export of `th-TH` (#22703) @alexfauquette
+
+#### `@mui/x-date-pickers-pro@9.5.0` [![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@9.5.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.5.0`
+
+- [charts] Add `FocusedBar` component to `BarScatterComposition` demo (#22704) @sai6855
+- [charts] Add dedicated Bubble Chart documentation page (#22688) @mustafajw07
+- [charts] Add progressive scatter renderer (#22518) @JCQuintas
+- [charts] Avoid full axis pipeline rebuild on resize (#22695) @JCQuintas
+- [charts] Document focus indicator in composition page (#22712) @JCQuintas
+- [charts] Fix `ChartsTooltip` `container` and `disablePortal` props being ignored (#22690) @JCQuintas
+- [charts] Make ordinal scales O(1) to copy and re-range (#22691) @JCQuintas
+- [charts] Stabilize WebGL bar rendering at sub-pixel widths (#22678) @JCQuintas
+- [charts] Use the series config to define value types (#22693) @sai6855
+- [charts] Decouple interaction hook from the cartesian zoom (#22708) @alexfauquette
+
+#### `@mui/x-charts-pro@9.5.0` [![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@9.5.0`, plus:
+
+- [charts-pro] Add missing focus highlight (#22689) @alexfauquette
+
+#### `@mui/x-charts-premium@9.5.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.5.0`, plus:
+
+- [charts-premium] Set `Heatmap` WebGL render as stable (#22665) @alexfauquette
+- [charts-premium] Stabilize candlestick charts (#22666) @alexfauquette
+- [charts-premium] Stabilize the radial charts (#22655) @alexfauquette
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.1`
+
+Internal changes.
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.1`, plus:
+
+- [scheduler] Remove dead CSS variable writes in `EventTimelinePremiumContent` (#22720) @rita-codes
+- [scheduler] Show scope dialog when deleting a recurring event (#22552) @Anexus5919
+
+### Core
+
+- [docs-infra] Fix immutable cache headers for `/\_next/static` assets (#22747) @brijeshb42
+- [docs-infra] Prefix `/\_next/static` cache header rule with `/x` basePath (#22748) @brijeshb42
+- [code-infra] Update dependencies to resolve Dependabot security alerts (#22714) @Janpot
+
+### Docs
+
+- [docs] Fix broken links checker crashing on 404 known-targets fetch (#22707) @sai6855
+- [docs] Fix country data (#22716) @alexfauquette
+
+### Miscellaneous
+
+- [legal] Update EULA links in docs (#22717) @rluzists1
+
 ## 9.4.0
 
 <!-- generated comparing v9.3.0..master -->

package/columns/commodities.columns.js

@@ -23,6 +23,14 @@ const getCommodityColumns = (editable = false) => [{
   generateData: _services.randomCommodity,
   width: 180,
   editable
+}, {
+  field: 'tags',
+  headerName: 'Tags',
+  generateData: _services.randomTradeTags,
+  type: 'multiSelect',
+  valueOptions: _staticData.TRADE_TAG_OPTIONS,
+  width: 220,
+  editable
 }, {
   field: 'traderName',
   headerName: 'Trader Name',
@@ -238,5 +246,13 @@ const getCommodityColumns = (editable = false) => [{
   type: 'date',
   width: 150,
   editable
+}, {
+  field: 'certifications',
+  headerName: 'Certifications',
+  generateData: _services.randomCertifications,
+  type: 'multiSelect',
+  valueOptions: _staticData.CERTIFICATION_OPTIONS,
+  width: 200,
+  editable
 }];
 exports.getCommodityColumns = getCommodityColumns;

package/columns/commodities.columns.mjs

@@ -1,7 +1,7 @@
 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.mjs";
+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, randomTradeTags, randomCertifications } from "../services/index.mjs";
 import { renderCountry, renderEmail, renderIncoterm, renderPnl, renderProgress, renderStatus, renderTotalPrice, renderEditCurrency, renderEditProgress, renderEditStatus, renderEditIncoterm, renderEditBoolean, renderEditCountry } from "../renderer/index.mjs";
-import { CONTRACT_TYPE_OPTIONS, COUNTRY_ISO_OPTIONS_SORTED, CURRENCY_OPTIONS, INCOTERM_OPTIONS, RATE_TYPE_OPTIONS, STATUS_OPTIONS, TAXCODE_OPTIONS } from "../services/static-data.mjs";
+import { CONTRACT_TYPE_OPTIONS, COUNTRY_ISO_OPTIONS_SORTED, CURRENCY_OPTIONS, INCOTERM_OPTIONS, RATE_TYPE_OPTIONS, STATUS_OPTIONS, TAXCODE_OPTIONS, TRADE_TAG_OPTIONS, CERTIFICATION_OPTIONS } from "../services/static-data.mjs";
 export const getCommodityColumns = (editable = false) => [{
   field: 'id',
   generateData: randomId,
@@ -17,6 +17,14 @@ export const getCommodityColumns = (editable = false) => [{
   generateData: randomCommodity,
   width: 180,
   editable
+}, {
+  field: 'tags',
+  headerName: 'Tags',
+  generateData: randomTradeTags,
+  type: 'multiSelect',
+  valueOptions: TRADE_TAG_OPTIONS,
+  width: 220,
+  editable
 }, {
   field: 'traderName',
   headerName: 'Trader Name',
@@ -232,4 +240,12 @@ export const getCommodityColumns = (editable = false) => [{
   type: 'date',
   width: 150,
   editable
+}, {
+  field: 'certifications',
+  headerName: 'Certifications',
+  generateData: randomCertifications,
+  type: 'multiSelect',
+  valueOptions: CERTIFICATION_OPTIONS,
+  width: 200,
+  editable
 }];

package/hooks/serverUtils.js

@@ -207,12 +207,11 @@ const applyAggregation = (aggregationModel, colDefs, rows, groupId = 'root') =>
   return aggregateValues;
 };
 const generateParentRows = pathsToAutogenerate => {
-  return Array.from(pathsToAutogenerate).map(path => {
-    const pathArray = path.split(',');
+  return Array.from(pathsToAutogenerate).map(pathArray => {
     return {
       id: `auto-generated-parent-${pathArray.join('-')}`,
-      path: pathArray.slice(0, pathArray.length),
-      group: pathArray.slice(-1)[0]
+      path: pathArray.slice(),
+      group: pathArray[pathArray.length - 1]
     };
   });
 };
@@ -488,7 +487,7 @@ const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDe
     throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.groupFields must be defined to compute row grouping data' : (0, _formatErrorMessage2.default)(103));
   }
   const delay = (0, _randomGenerator.randomInt)(minDelay, maxDelay);
-  const pathsToAutogenerate = new Set();
+  const pathsToAutogenerate = new Map();
   let rowsWithPaths = rows;
   const rowsWithMissingGroups = [];
 
@@ -500,13 +499,22 @@ const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDe
         const colDef = columnsWithDefaultColDef.find(({
           field: f
         }) => f === field);
+        const rawValue = row[field];
+        // multiSelect (array) grouping: empty → missing group, non-empty → sorted-joined
+        // key so `['A','B']` and `['B','A']` collapse to one group (matches client).
+        if (Array.isArray(rawValue)) {
+          if (rawValue.length === 0) {
+            return undefined;
+          }
+          return [...rawValue].sort().join(',');
+        }
         if (colDef?.groupingValueGetter) {
-          return String(colDef.groupingValueGetter(row[field], row, colDef, apiRef));
+          return String(colDef.groupingValueGetter(rawValue, row, colDef, apiRef));
         }
         if (colDef?.valueGetter) {
-          return String(colDef.valueGetter(row[field], row, colDef, apiRef));
+          return String(colDef.valueGetter(rawValue, row, colDef, apiRef));
         }
-        return String(row[field]);
+        return String(rawValue);
       });
       for (let index = 0; index < partialPath.length; index += 1) {
         const value = partialPath[index];
@@ -519,9 +527,9 @@ const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDe
           return acc;
         }
         const parentPath = partialPath.slice(0, index + 1);
-        const strigifiedPath = parentPath.join(',');
-        if (!pathsToAutogenerate.has(strigifiedPath)) {
-          pathsToAutogenerate.add(strigifiedPath);
+        const key = JSON.stringify(parentPath);
+        if (!pathsToAutogenerate.has(key)) {
+          pathsToAutogenerate.set(key, parentPath);
         }
       }
       acc.push((0, _extends2.default)({}, row, {
@@ -534,7 +542,7 @@ const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDe
       path: ['']
     }));
   }
-  const autogeneratedRows = generateParentRows(pathsToAutogenerate);
+  const autogeneratedRows = generateParentRows(pathsToAutogenerate.values());
 
   // apply plain filtering
   const filteredRows = getTreeDataFilteredRows([...autogeneratedRows, ...rowsWithPaths, ...rowsWithMissingGroups], queryOptions.filterModel, columnsWithDefaultColDef);
@@ -742,7 +750,7 @@ const processPivotingRows = (rows, queryOptions, serverOptions, columnsWithDefau
   const pivotColumnKeys = Array.from(uniqueColumnGroups.keys());
 
   // Add paths and generate parent rows based on `visibleRows` (pivot row fields)
-  const pathsToAutogenerate = new Set();
+  const pathsToAutogenerate = new Map();
   let rowsWithPaths = filteredRows;
   const rowsWithMissingGroups = [];
   if (visibleRows.length > 0) {
@@ -769,9 +777,9 @@ const processPivotingRows = (rows, queryOptions, serverOptions, columnsWithDefau
           return acc;
         }
         const parentPath = partialPath.slice(0, index + 1);
-        const stringifiedPath = parentPath.join(',');
-        if (!pathsToAutogenerate.has(stringifiedPath)) {
-          pathsToAutogenerate.add(stringifiedPath);
+        const key = JSON.stringify(parentPath);
+        if (!pathsToAutogenerate.has(key)) {
+          pathsToAutogenerate.set(key, parentPath);
         }
       }
       acc.push((0, _extends2.default)({}, row, {
@@ -784,7 +792,7 @@ const processPivotingRows = (rows, queryOptions, serverOptions, columnsWithDefau
       path: ['']
     }));
   }
-  const autogeneratedRows = generateParentRows(pathsToAutogenerate);
+  const autogeneratedRows = generateParentRows(pathsToAutogenerate.values());
 
   // Apply tree data filtering to include missing parents and children
   const filteredRowsWithGroups = getTreeDataFilteredRows([...autogeneratedRows, ...rowsWithPaths, ...rowsWithMissingGroups], queryOptions.filterModel, columnsWithDefaultColDef);

package/hooks/serverUtils.mjs

@@ -200,12 +200,11 @@ const applyAggregation = (aggregationModel, colDefs, rows, groupId = 'root') =>
   return aggregateValues;
 };
 const generateParentRows = pathsToAutogenerate => {
-  return Array.from(pathsToAutogenerate).map(path => {
-    const pathArray = path.split(',');
+  return Array.from(pathsToAutogenerate).map(pathArray => {
     return {
       id: `auto-generated-parent-${pathArray.join('-')}`,
-      path: pathArray.slice(0, pathArray.length),
-      group: pathArray.slice(-1)[0]
+      path: pathArray.slice(),
+      group: pathArray[pathArray.length - 1]
     };
   });
 };
@@ -479,7 +478,7 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
     throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: serverOptions.groupFields must be defined to compute row grouping data' : _formatErrorMessage(103));
   }
   const delay = randomInt(minDelay, maxDelay);
-  const pathsToAutogenerate = new Set();
+  const pathsToAutogenerate = new Map();
   let rowsWithPaths = rows;
   const rowsWithMissingGroups = [];
 
@@ -491,13 +490,22 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
         const colDef = columnsWithDefaultColDef.find(({
           field: f
         }) => f === field);
+        const rawValue = row[field];
+        // multiSelect (array) grouping: empty → missing group, non-empty → sorted-joined
+        // key so `['A','B']` and `['B','A']` collapse to one group (matches client).
+        if (Array.isArray(rawValue)) {
+          if (rawValue.length === 0) {
+            return undefined;
+          }
+          return [...rawValue].sort().join(',');
+        }
         if (colDef?.groupingValueGetter) {
-          return String(colDef.groupingValueGetter(row[field], row, colDef, apiRef));
+          return String(colDef.groupingValueGetter(rawValue, row, colDef, apiRef));
         }
         if (colDef?.valueGetter) {
-          return String(colDef.valueGetter(row[field], row, colDef, apiRef));
+          return String(colDef.valueGetter(rawValue, row, colDef, apiRef));
         }
-        return String(row[field]);
+        return String(rawValue);
       });
       for (let index = 0; index < partialPath.length; index += 1) {
         const value = partialPath[index];
@@ -510,9 +518,9 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
           return acc;
         }
         const parentPath = partialPath.slice(0, index + 1);
-        const strigifiedPath = parentPath.join(',');
-        if (!pathsToAutogenerate.has(strigifiedPath)) {
-          pathsToAutogenerate.add(strigifiedPath);
+        const key = JSON.stringify(parentPath);
+        if (!pathsToAutogenerate.has(key)) {
+          pathsToAutogenerate.set(key, parentPath);
         }
       }
       acc.push(_extends({}, row, {
@@ -525,7 +533,7 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
       path: ['']
     }));
   }
-  const autogeneratedRows = generateParentRows(pathsToAutogenerate);
+  const autogeneratedRows = generateParentRows(pathsToAutogenerate.values());
 
   // apply plain filtering
   const filteredRows = getTreeDataFilteredRows([...autogeneratedRows, ...rowsWithPaths, ...rowsWithMissingGroups], queryOptions.filterModel, columnsWithDefaultColDef);
@@ -732,7 +740,7 @@ export const processPivotingRows = (rows, queryOptions, serverOptions, columnsWi
   const pivotColumnKeys = Array.from(uniqueColumnGroups.keys());
 
   // Add paths and generate parent rows based on `visibleRows` (pivot row fields)
-  const pathsToAutogenerate = new Set();
+  const pathsToAutogenerate = new Map();
   let rowsWithPaths = filteredRows;
   const rowsWithMissingGroups = [];
   if (visibleRows.length > 0) {
@@ -759,9 +767,9 @@ export const processPivotingRows = (rows, queryOptions, serverOptions, columnsWi
           return acc;
         }
         const parentPath = partialPath.slice(0, index + 1);
-        const stringifiedPath = parentPath.join(',');
-        if (!pathsToAutogenerate.has(stringifiedPath)) {
-          pathsToAutogenerate.add(stringifiedPath);
+        const key = JSON.stringify(parentPath);
+        if (!pathsToAutogenerate.has(key)) {
+          pathsToAutogenerate.set(key, parentPath);
         }
       }
       acc.push(_extends({}, row, {
@@ -774,7 +782,7 @@ export const processPivotingRows = (rows, queryOptions, serverOptions, columnsWi
       path: ['']
     }));
   }
-  const autogeneratedRows = generateParentRows(pathsToAutogenerate);
+  const autogeneratedRows = generateParentRows(pathsToAutogenerate.values());
 
   // Apply tree data filtering to include missing parents and children
   const filteredRowsWithGroups = getTreeDataFilteredRows([...autogeneratedRows, ...rowsWithPaths, ...rowsWithMissingGroups], queryOptions.filterModel, columnsWithDefaultColDef);

package/hooks/useDemoData.d.mts

@@ -15,11 +15,12 @@ export interface UseDemoDataOptions {
   maxColumns?: number;
   visibleFields?: string[];
   editable?: boolean;
+  multiSelect?: boolean;
   treeData?: AddPathToDemoDataOptions;
 }
 export declare function extrapolateSeed(rowLength: number, data: GridDemoData): Promise<GridDemoData>;
 export declare const deepFreeze: <T>(object: T) => T;
-export interface ColumnsOptions extends Pick<UseDemoDataOptions, 'dataSet' | 'editable' | 'maxColumns' | 'visibleFields'> {}
+export interface ColumnsOptions extends Pick<UseDemoDataOptions, 'dataSet' | 'editable' | 'maxColumns' | 'visibleFields' | 'multiSelect'> {}
 export declare const getColumnsFromOptions: (options: ColumnsOptions) => GridColDefGenerator[];
 export declare const getInitialState: (options: UseDemoDataOptions, columns: GridColDefGenerator[]) => {
   columns: {

package/hooks/useDemoData.d.ts

@@ -15,11 +15,12 @@ export interface UseDemoDataOptions {
   maxColumns?: number;
   visibleFields?: string[];
   editable?: boolean;
+  multiSelect?: boolean;
   treeData?: AddPathToDemoDataOptions;
 }
 export declare function extrapolateSeed(rowLength: number, data: GridDemoData): Promise<GridDemoData>;
 export declare const deepFreeze: <T>(object: T) => T;
-export interface ColumnsOptions extends Pick<UseDemoDataOptions, 'dataSet' | 'editable' | 'maxColumns' | 'visibleFields'> {}
+export interface ColumnsOptions extends Pick<UseDemoDataOptions, 'dataSet' | 'editable' | 'maxColumns' | 'visibleFields' | 'multiSelect'> {}
 export declare const getColumnsFromOptions: (options: ColumnsOptions) => GridColDefGenerator[];
 export declare const getInitialState: (options: UseDemoDataOptions, columns: GridColDefGenerator[]) => {
   columns: {

package/hooks/useDemoData.js

@@ -70,6 +70,9 @@ const deepFreeze = object => {
 exports.deepFreeze = deepFreeze;
 const getColumnsFromOptions = options => {
   let columns = options.dataSet === 'Commodity' ? (0, _commodities.getCommodityColumns)(options.editable) : (0, _employees.getEmployeeColumns)();
+  if (!options.multiSelect) {
+    columns = columns.filter(col => col.type !== 'multiSelect');
+  }
   if (options.visibleFields) {
     columns = columns.map(col => (0, _extends2.default)({}, col, {
       hide: !options.visibleFields?.includes(col.field)
@@ -108,9 +111,10 @@ const useDemoData = options => {
       dataSet: options.dataSet,
       editable: options.editable,
       maxColumns: options.maxColumns,
-      visibleFields: options.visibleFields
+      visibleFields: options.visibleFields,
+      multiSelect: options.multiSelect
     });
-  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
+  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields, options.multiSelect]);
   const [data, setData] = React.useState(() => {
     return (0, _treeDataGenerator.addTreeDataOptionsToDemoData)({
       columns,
@@ -120,7 +124,7 @@ const useDemoData = options => {
   });
   React.useEffect(() => {
     const treeDataKey = (options.treeData?.maxDepth ?? 1) > 1 ? `${options.treeData?.maxDepth}-${options.treeData?.averageChildren ?? 2}-${options.treeData?.groupingField ?? ''}` : 'false';
-    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}-treeData:${treeDataKey}`;
+    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}-multiSelect:${options.multiSelect ? 'true' : 'false'}-treeData:${treeDataKey}`;
 
     // Cache to allow fast switch between the JavaScript and TypeScript version
     // of the demos.
@@ -160,7 +164,7 @@ const useDemoData = options => {
     return () => {
       active = false;
     };
-  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, index, columns]);
+  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.multiSelect, index, columns]);
   return {
     data,
     loading,

package/hooks/useDemoData.mjs

@@ -60,6 +60,9 @@ export const deepFreeze = object => {
 };
 export const getColumnsFromOptions = options => {
   let columns = options.dataSet === 'Commodity' ? getCommodityColumns(options.editable) : getEmployeeColumns();
+  if (!options.multiSelect) {
+    columns = columns.filter(col => col.type !== 'multiSelect');
+  }
   if (options.visibleFields) {
     columns = columns.map(col => _extends({}, col, {
       hide: !options.visibleFields?.includes(col.field)
@@ -96,9 +99,10 @@ export const useDemoData = options => {
       dataSet: options.dataSet,
       editable: options.editable,
       maxColumns: options.maxColumns,
-      visibleFields: options.visibleFields
+      visibleFields: options.visibleFields,
+      multiSelect: options.multiSelect
     });
-  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
+  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields, options.multiSelect]);
   const [data, setData] = React.useState(() => {
     return addTreeDataOptionsToDemoData({
       columns,
@@ -108,7 +112,7 @@ export const useDemoData = options => {
   });
   React.useEffect(() => {
     const treeDataKey = (options.treeData?.maxDepth ?? 1) > 1 ? `${options.treeData?.maxDepth}-${options.treeData?.averageChildren ?? 2}-${options.treeData?.groupingField ?? ''}` : 'false';
-    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}-treeData:${treeDataKey}`;
+    const cacheKey = `${options.dataSet}-${rowLength}-${index}-${options.maxColumns}-multiSelect:${options.multiSelect ? 'true' : 'false'}-treeData:${treeDataKey}`;
 
     // Cache to allow fast switch between the JavaScript and TypeScript version
     // of the demos.
@@ -148,7 +152,7 @@ export const useDemoData = options => {
     return () => {
       active = false;
     };
-  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, index, columns]);
+  }, [rowLength, options.dataSet, options.maxColumns, options.treeData?.maxDepth, options.treeData?.groupingField, options.treeData?.averageChildren, options.multiSelect, index, columns]);
   return {
     data,
     loading,

package/hooks/useMockServer.d.mts

@@ -22,6 +22,7 @@ interface UseMockServerOptions {
   maxColumns?: number;
   visibleFields?: string[];
   editable?: boolean;
+  multiSelect?: boolean;
   treeData?: AddPathToDemoDataOptions;
   derivedColumns?: boolean;
 }

package/hooks/useMockServer.d.ts

@@ -22,6 +22,7 @@ interface UseMockServerOptions {
   maxColumns?: number;
   visibleFields?: string[];
   editable?: boolean;
+  multiSelect?: boolean;
   treeData?: AddPathToDemoDataOptions;
   derivedColumns?: boolean;
 }

package/hooks/useMockServer.js

@@ -45,6 +45,9 @@ const getColumnsFromOptions = options => {
     default:
       throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Unknown dataset' : (0, _formatErrorMessage2.default)(106));
   }
+  if (!options.multiSelect) {
+    columns = columns.filter(col => col.type !== 'multiSelect');
+  }
   if (options.visibleFields) {
     columns = columns.map(col => (0, _extends2.default)({}, col, {
       hide: !options.visibleFields?.includes(col.field)
@@ -133,9 +136,10 @@ const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail, nested
       editable: options.editable,
       maxColumns: options.maxColumns,
       visibleFields: options.visibleFields,
-      derivedColumns: options.derivedColumns
+      derivedColumns: options.derivedColumns,
+      multiSelect: options.multiSelect
     });
-  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields, options.derivedColumns]);
+  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields, options.derivedColumns, options.multiSelect]);
   const initialState = React.useMemo(() => getInitialState(columns, options.treeData?.groupingField), [columns, options.treeData?.groupingField]);
   const columnsWithDerivedColDef = React.useMemo(() => columns.map(column => (0, _extends2.default)({}, defaultColDef[column.type || 'string'], column)), [columns]);
   const columnsWithDefaultColDef = React.useMemo(() => columnsWithDerivedColDef.filter(column => !column.derivedFrom), [columnsWithDerivedColDef]);

package/hooks/useMockServer.mjs

@@ -38,6 +38,9 @@ const getColumnsFromOptions = options => {
     default:
       throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: Unknown dataset' : _formatErrorMessage(106));
   }
+  if (!options.multiSelect) {
+    columns = columns.filter(col => col.type !== 'multiSelect');
+  }
   if (options.visibleFields) {
     columns = columns.map(col => _extends({}, col, {
       hide: !options.visibleFields?.includes(col.field)
@@ -126,9 +129,10 @@ export const useMockServer = (dataSetOptions, serverOptions, shouldRequestsFail,
       editable: options.editable,
       maxColumns: options.maxColumns,
       visibleFields: options.visibleFields,
-      derivedColumns: options.derivedColumns
+      derivedColumns: options.derivedColumns,
+      multiSelect: options.multiSelect
     });
-  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields, options.derivedColumns]);
+  }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields, options.derivedColumns, options.multiSelect]);
   const initialState = React.useMemo(() => getInitialState(columns, options.treeData?.groupingField), [columns, options.treeData?.groupingField]);
   const columnsWithDerivedColDef = React.useMemo(() => columns.map(column => _extends({}, defaultColDef[column.type || 'string'], column)), [columns]);
   const columnsWithDefaultColDef = React.useMemo(() => columnsWithDerivedColDef.filter(column => !column.derivedFrom), [columnsWithDerivedColDef]);

package/hooks/useQuery.d.mts

@@ -167,6 +167,63 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
     dataGeneratorUniquenessEnabled?: boolean;
     hide?: boolean;
     derivedFrom?: string;
+  } | {
+    type: "multiSelect";
+    valueOptions?: import("@mui/x-data-grid").ValueOptions[] | ((params: import("@mui/x-data-grid").GridValueOptionsParams<any>) => Array<import("@mui/x-data-grid").ValueOptions>) | undefined;
+    getOptionLabel: (value: import("@mui/x-data-grid").ValueOptions) => string;
+    getOptionValue: (value: import("@mui/x-data-grid").ValueOptions) => string | number;
+    separator?: string;
+    field: string;
+    headerName?: string;
+    description?: string;
+    width?: number;
+    flex?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    hideable?: boolean;
+    sortable?: boolean;
+    sortingOrder?: readonly import("@mui/x-data-grid").GridSortDirection[];
+    resizable?: boolean;
+    editable?: boolean;
+    groupable?: boolean;
+    pinnable?: boolean;
+    sortComparator?: import("@mui/x-data-grid").GridComparatorFn<any> | undefined;
+    getSortComparator?: ((sortDirection: import("@mui/x-data-grid").GridSortDirection) => import("@mui/x-data-grid").GridComparatorFn<any> | undefined) | undefined;
+    align?: import("@mui/x-data-grid").GridAlignment;
+    valueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    rowSpanValueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    valueSetter?: import("@mui/x-data-grid").GridValueSetter<any, any, any> | undefined;
+    valueFormatter?: import("@mui/x-data-grid").GridValueFormatter<any, any, any, never> | undefined;
+    valueParser?: import("@mui/x-data-grid").GridValueParser<any, any, any> | undefined;
+    cellClassName?: import("@mui/x-data-grid").GridCellClassNamePropType<any, any> | undefined;
+    display?: "text" | "flex";
+    renderCell?: ((params: import("@mui/x-data-grid").GridRenderCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    renderEditCell?: ((params: import("@mui/x-data-grid").GridRenderEditCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    preProcessEditCellProps?: ((params: import("@mui/x-data-grid").GridPreProcessEditCellProps) => import("@mui/x-data-grid").GridEditCellProps | Promise<import("@mui/x-data-grid").GridEditCellProps>) | undefined;
+    headerClassName?: import("@mui/x-data-grid").GridColumnHeaderClassNamePropType;
+    renderHeader?: ((params: import("@mui/x-data-grid").GridColumnHeaderParams<any, any, any>) => React.ReactNode) | undefined;
+    headerAlign?: import("@mui/x-data-grid").GridAlignment;
+    hideSortIcons?: boolean;
+    disableColumnMenu?: boolean;
+    filterable?: boolean;
+    filterOperators?: readonly import("@mui/x-data-grid").GridFilterOperator<any, any, any, any>[] | undefined;
+    getApplyQuickFilterFn?: import("@mui/x-data-grid").GetApplyQuickFilterFn<any, any> | undefined;
+    disableReorder?: boolean;
+    disableExport?: boolean;
+    colSpan?: number | import("@mui/x-data-grid").GridColSpanFn<any, any, any> | undefined;
+    examples?: any[] | undefined;
+    renderHeaderFilter?: (params: import("@mui/x-data-grid-pro").GridRenderHeaderFilterProps) => React.ReactNode;
+    aggregable?: boolean;
+    availableAggregationFunctions?: string[];
+    groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
+    groupingValueSetter?: import("@mui/x-data-grid-premium").GridGroupingValueSetter<any> | undefined;
+    pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
+    pivotable?: boolean;
+    chartable?: boolean;
+    generateData?: (row: any, context: import("../index.mjs").GridDataGeneratorContext) => any;
+    dataGeneratorUniquenessEnabled?: boolean;
+    hide?: boolean;
+    derivedFrom?: string;
   })[];
   initialState: {
     columns: {

package/hooks/useQuery.d.ts

@@ -167,6 +167,63 @@ export declare const createFakeServer: (dataSetOptions?: Partial<UseDemoDataOpti
     dataGeneratorUniquenessEnabled?: boolean;
     hide?: boolean;
     derivedFrom?: string;
+  } | {
+    type: "multiSelect";
+    valueOptions?: import("@mui/x-data-grid").ValueOptions[] | ((params: import("@mui/x-data-grid").GridValueOptionsParams<any>) => Array<import("@mui/x-data-grid").ValueOptions>) | undefined;
+    getOptionLabel: (value: import("@mui/x-data-grid").ValueOptions) => string;
+    getOptionValue: (value: import("@mui/x-data-grid").ValueOptions) => string | number;
+    separator?: string;
+    field: string;
+    headerName?: string;
+    description?: string;
+    width?: number;
+    flex?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    hideable?: boolean;
+    sortable?: boolean;
+    sortingOrder?: readonly import("@mui/x-data-grid").GridSortDirection[];
+    resizable?: boolean;
+    editable?: boolean;
+    groupable?: boolean;
+    pinnable?: boolean;
+    sortComparator?: import("@mui/x-data-grid").GridComparatorFn<any> | undefined;
+    getSortComparator?: ((sortDirection: import("@mui/x-data-grid").GridSortDirection) => import("@mui/x-data-grid").GridComparatorFn<any> | undefined) | undefined;
+    align?: import("@mui/x-data-grid").GridAlignment;
+    valueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    rowSpanValueGetter?: import("@mui/x-data-grid").GridValueGetter<any, any, any, never> | undefined;
+    valueSetter?: import("@mui/x-data-grid").GridValueSetter<any, any, any> | undefined;
+    valueFormatter?: import("@mui/x-data-grid").GridValueFormatter<any, any, any, never> | undefined;
+    valueParser?: import("@mui/x-data-grid").GridValueParser<any, any, any> | undefined;
+    cellClassName?: import("@mui/x-data-grid").GridCellClassNamePropType<any, any> | undefined;
+    display?: "text" | "flex";
+    renderCell?: ((params: import("@mui/x-data-grid").GridRenderCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    renderEditCell?: ((params: import("@mui/x-data-grid").GridRenderEditCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => React.ReactNode) | undefined;
+    preProcessEditCellProps?: ((params: import("@mui/x-data-grid").GridPreProcessEditCellProps) => import("@mui/x-data-grid").GridEditCellProps | Promise<import("@mui/x-data-grid").GridEditCellProps>) | undefined;
+    headerClassName?: import("@mui/x-data-grid").GridColumnHeaderClassNamePropType;
+    renderHeader?: ((params: import("@mui/x-data-grid").GridColumnHeaderParams<any, any, any>) => React.ReactNode) | undefined;
+    headerAlign?: import("@mui/x-data-grid").GridAlignment;
+    hideSortIcons?: boolean;
+    disableColumnMenu?: boolean;
+    filterable?: boolean;
+    filterOperators?: readonly import("@mui/x-data-grid").GridFilterOperator<any, any, any, any>[] | undefined;
+    getApplyQuickFilterFn?: import("@mui/x-data-grid").GetApplyQuickFilterFn<any, any> | undefined;
+    disableReorder?: boolean;
+    disableExport?: boolean;
+    colSpan?: number | import("@mui/x-data-grid").GridColSpanFn<any, any, any> | undefined;
+    examples?: any[] | undefined;
+    renderHeaderFilter?: (params: import("@mui/x-data-grid-pro").GridRenderHeaderFilterProps) => React.ReactNode;
+    aggregable?: boolean;
+    availableAggregationFunctions?: string[];
+    groupingValueGetter?: import("@mui/x-data-grid-premium").GridGroupingValueGetter<any> | undefined;
+    groupingValueSetter?: import("@mui/x-data-grid-premium").GridGroupingValueSetter<any> | undefined;
+    pastedValueParser?: import("@mui/x-data-grid-premium").GridPastedValueParser<any, any, any> | undefined;
+    pivotable?: boolean;
+    chartable?: boolean;
+    generateData?: (row: any, context: import("../index.js").GridDataGeneratorContext) => any;
+    dataGeneratorUniquenessEnabled?: boolean;
+    hide?: boolean;
+    derivedFrom?: string;
   })[];
   initialState: {
     columns: {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v9.4.0
+ * @mui/x-data-grid-generator v9.5.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-generator v9.4.0
+ * @mui/x-data-grid-generator v9.5.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "9.4.0",
+  "version": "9.5.0",
   "author": "MUI Team",
   "description": "Generate fake data for demo purposes only.",
   "license": "MIT",
@@ -25,10 +25,10 @@
     "chance": "^1.1.13",
     "clsx": "^2.1.1",
     "lru-cache": "^11.5.1",
-    "@mui/x-data-grid": "^9.4.0",
-    "@mui/x-data-grid-pro": "^9.4.0",
+    "@mui/x-data-grid": "^9.5.0",
+    "@mui/x-data-grid-pro": "^9.5.0",
     "@mui/x-internals": "^9.1.0",
-    "@mui/x-data-grid-premium": "^9.4.0"
+    "@mui/x-data-grid-premium": "^9.5.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/services/random-generator.d.mts

@@ -8,6 +8,7 @@ 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 randomSubarray: <T>(arr: T[], min?: number, max?: number) => T[];
 export declare const randomColor: () => "#e91e63" | "#2196f3" | "#ff9800" | "#f44336" | "#4caf50" | "#03a9f4" | "#9c27b0";
 export declare const randomId: () => string;
 export declare const randomDesk: () => string;
@@ -40,6 +41,8 @@ export declare const randomUpdatedDate: () => Date;
 export declare const randomJobTitle: () => string;
 export declare const randomRating: () => number;
 export declare const randomName: ColumnDataGenerator<string>;
+export declare const randomTradeTags: () => string[];
+export declare const randomCertifications: () => string[];
 export declare const generateFilledQuantity: (data: {
   quantity: number;
 }) => number;

package/services/random-generator.d.ts

@@ -8,6 +8,7 @@ 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 randomSubarray: <T>(arr: T[], min?: number, max?: number) => T[];
 export declare const randomColor: () => "#e91e63" | "#2196f3" | "#ff9800" | "#f44336" | "#4caf50" | "#03a9f4" | "#9c27b0";
 export declare const randomId: () => string;
 export declare const randomDesk: () => string;
@@ -40,6 +41,8 @@ export declare const randomUpdatedDate: () => Date;
 export declare const randomJobTitle: () => string;
 export declare const randomRating: () => number;
 export declare const randomName: ColumnDataGenerator<string>;
+export declare const randomTradeTags: () => string[];
+export declare const randomCertifications: () => string[];
 export declare const generateFilledQuantity: (data: {
   quantity: number;
 }) => number;

package/services/random-generator.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.randomUserName = exports.randomUrl = exports.randomUpdatedDate = exports.randomUnitPriceCurrency = exports.randomUnitPrice = exports.randomTraderName = exports.randomTradeDate = exports.randomTaxCode = exports.randomStatusOptions = exports.randomRating = exports.randomRateType = exports.randomRate = exports.randomQuantity = exports.randomPrice = exports.randomPnL = exports.randomPhoneNumber = exports.randomName = exports.randomMaturityDate = exports.randomJobTitle = exports.randomInt = exports.randomIncoterm = exports.randomId = exports.randomFeeRate = exports.randomEmail = exports.randomDesk = exports.randomDate = exports.randomCurrency = exports.randomCreatedDate = exports.randomCountry = exports.randomContractType = exports.randomCompanyName = exports.randomCommodity = exports.randomColor = exports.randomCity = exports.randomBrokerId = exports.randomBoolean = exports.randomArrayItem = exports.randomAddress = exports.random = exports.generateIsFilled = exports.generateFilledQuantity = void 0;
+exports.randomUserName = exports.randomUrl = exports.randomUpdatedDate = exports.randomUnitPriceCurrency = exports.randomUnitPrice = exports.randomTraderName = exports.randomTradeTags = exports.randomTradeDate = exports.randomTaxCode = exports.randomSubarray = exports.randomStatusOptions = exports.randomRating = exports.randomRateType = exports.randomRate = exports.randomQuantity = exports.randomPrice = exports.randomPnL = exports.randomPhoneNumber = exports.randomName = exports.randomMaturityDate = exports.randomJobTitle = exports.randomInt = exports.randomIncoterm = exports.randomId = exports.randomFeeRate = exports.randomEmail = exports.randomDesk = exports.randomDate = exports.randomCurrency = exports.randomCreatedDate = exports.randomCountry = exports.randomContractType = exports.randomCompanyName = exports.randomCommodity = exports.randomColor = exports.randomCity = exports.randomCertifications = exports.randomBrokerId = exports.randomBoolean = exports.randomArrayItem = exports.randomAddress = exports.random = exports.generateIsFilled = exports.generateFilledQuantity = void 0;
 exports.resetRandomGenerators = resetRandomGenerators;
 var _chance = require("chance");
 var _staticData = require("./static-data");
@@ -105,6 +105,15 @@ const randomArrayItem = arr => arr[randomInt(0, arr.length - 1)];
 exports.randomArrayItem = randomArrayItem;
 const randomBoolean = () => randomArrayItem([true, false]);
 exports.randomBoolean = randomBoolean;
+const randomSubarray = (arr, min = 0, max) => {
+  const count = randomInt(min, max ?? arr.length);
+  const shuffled = [...arr].sort(() => chance.floating({
+    min: -1,
+    max: 1
+  }));
+  return shuffled.slice(0, count);
+};
+exports.randomSubarray = randomSubarray;
 const randomColor = () => randomArrayItem(_staticData.COLORS);
 exports.randomColor = randomColor;
 const randomId = () => chanceGuid.guid();
@@ -171,6 +180,10 @@ exports.randomJobTitle = randomJobTitle;
 const randomRating = () => randomInt(1, 5);
 exports.randomRating = randomRating;
 const randomName = exports.randomName = uniquenessHandler(() => chance.name());
+const randomTradeTags = () => randomSubarray(_staticData.TRADE_TAG_OPTIONS, 1, 4);
+exports.randomTradeTags = randomTradeTags;
+const randomCertifications = () => randomSubarray(_staticData.CERTIFICATION_OPTIONS, 0, 3);
+exports.randomCertifications = randomCertifications;
 const generateFilledQuantity = data => Number((data.quantity * randomRate()).toFixed()) / data.quantity;
 exports.generateFilledQuantity = generateFilledQuantity;
 const generateIsFilled = data => data.quantity === data.filledQuantity;

package/services/random-generator.mjs

@@ -1,5 +1,5 @@
 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.mjs";
+import { CERTIFICATION_OPTIONS, COLORS, COMMODITY_OPTIONS, CONTRACT_TYPE_OPTIONS, COUNTRY_ISO_OPTIONS, CURRENCY_OPTIONS, INCOTERM_OPTIONS, RATE_TYPE_OPTIONS, STATUS_OPTIONS, TAXCODE_OPTIONS, TRADE_TAG_OPTIONS } from "./static-data.mjs";
 let chance;
 let chanceGuid;
 
@@ -91,6 +91,14 @@ export const randomDate = (start, end) => new Date(start.getTime() + chance.floa
 }) * (end.getTime() - start.getTime()));
 export const randomArrayItem = arr => arr[randomInt(0, arr.length - 1)];
 export const randomBoolean = () => randomArrayItem([true, false]);
+export const randomSubarray = (arr, min = 0, max) => {
+  const count = randomInt(min, max ?? arr.length);
+  const shuffled = [...arr].sort(() => chance.floating({
+    min: -1,
+    max: 1
+  }));
+  return shuffled.slice(0, count);
+};
 export const randomColor = () => randomArrayItem(COLORS);
 export const randomId = () => chanceGuid.guid();
 export const randomDesk = () => `D-${chance.integer({
@@ -126,5 +134,7 @@ export const randomUpdatedDate = () => dateRecent();
 export const randomJobTitle = () => chance.profession();
 export const randomRating = () => randomInt(1, 5);
 export const randomName = uniquenessHandler(() => chance.name());
+export const randomTradeTags = () => randomSubarray(TRADE_TAG_OPTIONS, 1, 4);
+export const randomCertifications = () => randomSubarray(CERTIFICATION_OPTIONS, 0, 3);
 export const generateFilledQuantity = data => Number((data.quantity * randomRate()).toFixed()) / data.quantity;
 export const generateIsFilled = data => data.quantity === data.filledQuantity;

package/services/static-data.d.mts

@@ -5,6 +5,8 @@ export declare const RATE_TYPE_OPTIONS: string[];
 export declare const CONTRACT_TYPE_OPTIONS: string[];
 export declare const INCOTERM_OPTIONS: string[];
 export declare const COMMODITY_OPTIONS: string[];
+export declare const TRADE_TAG_OPTIONS: string[];
+export declare const CERTIFICATION_OPTIONS: string[];
 export declare const CURRENCY_OPTIONS: string[];
 export declare const COUNTRY_OPTIONS: string[];
 export interface CountryIsoOption {

package/services/static-data.d.ts

@@ -5,6 +5,8 @@ export declare const RATE_TYPE_OPTIONS: string[];
 export declare const CONTRACT_TYPE_OPTIONS: string[];
 export declare const INCOTERM_OPTIONS: string[];
 export declare const COMMODITY_OPTIONS: string[];
+export declare const TRADE_TAG_OPTIONS: string[];
+export declare const CERTIFICATION_OPTIONS: string[];
 export declare const CURRENCY_OPTIONS: string[];
 export declare const COUNTRY_OPTIONS: string[];
 export interface CountryIsoOption {

package/services/static-data.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TAXCODE_OPTIONS = exports.STATUS_OPTIONS = exports.RATE_TYPE_OPTIONS = exports.INCOTERM_OPTIONS = exports.CURRENCY_OPTIONS = exports.COUNTRY_OPTIONS = exports.COUNTRY_ISO_OPTIONS_SORTED = exports.COUNTRY_ISO_OPTIONS = exports.CONTRACT_TYPE_OPTIONS = exports.COMMODITY_OPTIONS = exports.COLORS = void 0;
+exports.TRADE_TAG_OPTIONS = exports.TAXCODE_OPTIONS = exports.STATUS_OPTIONS = exports.RATE_TYPE_OPTIONS = exports.INCOTERM_OPTIONS = exports.CURRENCY_OPTIONS = exports.COUNTRY_OPTIONS = exports.COUNTRY_ISO_OPTIONS_SORTED = exports.COUNTRY_ISO_OPTIONS = exports.CONTRACT_TYPE_OPTIONS = exports.COMMODITY_OPTIONS = exports.COLORS = exports.CERTIFICATION_OPTIONS = void 0;
 var _colors = require("@mui/material/colors");
 const COLORS = exports.COLORS = [_colors.pink[500], _colors.blue[500], _colors.orange[500], _colors.red[500], _colors.green[500], _colors.lightBlue[500], _colors.purple[500]];
 const STATUS_OPTIONS = exports.STATUS_OPTIONS = ['Open', 'Partially Filled', 'Filled', 'Rejected'];
@@ -12,6 +12,8 @@ const RATE_TYPE_OPTIONS = exports.RATE_TYPE_OPTIONS = ['Fixed', 'Floating'];
 const CONTRACT_TYPE_OPTIONS = exports.CONTRACT_TYPE_OPTIONS = ['FP', 'TM', 'CR'];
 const INCOTERM_OPTIONS = exports.INCOTERM_OPTIONS = ['EXW (Ex Works)', 'FAS (Free Alongside Ship)', 'FCA (Free Carrier)', 'CPT (Carriage Paid To)', 'DAP (Delivered at Place)', 'DPU (Delivered at Place Unloaded)', 'DDP (Delivered Duty Paid)'];
 const COMMODITY_OPTIONS = exports.COMMODITY_OPTIONS = ['Corn', 'Oats', 'Rough Rice', 'Soybeans', 'Rapeseed', 'Soybeans', 'Soybean Meal', 'Soybean Oil', 'Wheat', 'Milk', 'Cocoa', 'Coffee C', 'Cotton No.2', 'Sugar No.11', 'Sugar No.14', 'Frozen Concentrated Orange Juice', 'Adzuki bean', 'Robusta coffee'];
+const TRADE_TAG_OPTIONS = exports.TRADE_TAG_OPTIONS = ['Hedge', 'Speculative', 'Arbitrage', 'Spot', 'Forward', 'Option', 'Swap', 'Futures', 'Derivative', 'Leveraged', 'Short', 'Long', 'Day Trade', 'Swing', 'Scalping', 'Algorithmic', 'OTC', 'Exchange', 'Institutional', 'Retail'];
+const CERTIFICATION_OPTIONS = exports.CERTIFICATION_OPTIONS = ['Fair Trade', 'Organic', 'Rainforest Alliance', 'UTZ', 'Non-GMO'];
 const CURRENCY_OPTIONS = exports.CURRENCY_OPTIONS = ['USD', 'GBP', 'JPY', 'EUR', 'BRL', 'MXN', 'AUD', 'CAD', 'NZD', 'ARS', 'CHF', 'THB', 'HKD', 'TRY'];
 const COUNTRY_OPTIONS = exports.COUNTRY_OPTIONS = ['United States', 'United Kingdom', 'Japan', 'France', 'Brazil', 'Mexico', 'Australia', 'Canada', 'New Zealand', 'Argentina', 'Switzerland', 'Thailand', 'Hong Kong', 'Turkey'];
 const COUNTRY_ISO_OPTIONS = exports.COUNTRY_ISO_OPTIONS = [{

package/services/static-data.mjs

@@ -6,6 +6,8 @@ export const RATE_TYPE_OPTIONS = ['Fixed', 'Floating'];
 export const CONTRACT_TYPE_OPTIONS = ['FP', 'TM', 'CR'];
 export const INCOTERM_OPTIONS = ['EXW (Ex Works)', 'FAS (Free Alongside Ship)', 'FCA (Free Carrier)', 'CPT (Carriage Paid To)', 'DAP (Delivered at Place)', 'DPU (Delivered at Place Unloaded)', 'DDP (Delivered Duty Paid)'];
 export const COMMODITY_OPTIONS = ['Corn', 'Oats', 'Rough Rice', 'Soybeans', 'Rapeseed', 'Soybeans', 'Soybean Meal', 'Soybean Oil', 'Wheat', 'Milk', 'Cocoa', 'Coffee C', 'Cotton No.2', 'Sugar No.11', 'Sugar No.14', 'Frozen Concentrated Orange Juice', 'Adzuki bean', 'Robusta coffee'];
+export const TRADE_TAG_OPTIONS = ['Hedge', 'Speculative', 'Arbitrage', 'Spot', 'Forward', 'Option', 'Swap', 'Futures', 'Derivative', 'Leveraged', 'Short', 'Long', 'Day Trade', 'Swing', 'Scalping', 'Algorithmic', 'OTC', 'Exchange', 'Institutional', 'Retail'];
+export const CERTIFICATION_OPTIONS = ['Fair Trade', 'Organic', 'Rainforest Alliance', 'UTZ', 'Non-GMO'];
 export const CURRENCY_OPTIONS = ['USD', 'GBP', 'JPY', 'EUR', 'BRL', 'MXN', 'AUD', 'CAD', 'NZD', 'ARS', 'CHF', 'THB', 'HKD', 'TRY'];
 export const COUNTRY_OPTIONS = ['United States', 'United Kingdom', 'Japan', 'France', 'Brazil', 'Mexico', 'Australia', 'Canada', 'New Zealand', 'Argentina', 'Switzerland', 'Thailand', 'Hong Kong', 'Turkey'];
 export const COUNTRY_ISO_OPTIONS = [{