Files
react-test/docs/src/components/home/AdvancedShowcase.tsx
how2ice 005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
init project
2025-12-12 14:26:25 +09:00

1737 lines
44 KiB
TypeScript

import * as React from 'react';
import { DataGrid, GridCellParams, GridRenderEditCellParams, GridColDef } from '@mui/x-data-grid';
import { alpha } from '@mui/material/styles';
import Box from '@mui/material/Box';
import Paper from '@mui/material/Paper';
import Typography from '@mui/material/Typography';
import Divider from '@mui/material/Divider';
import ShowcaseContainer, { ShowcaseCodeWrapper } from 'docs/src/components/home/ShowcaseContainer';
import { HighlightedCode } from '@mui/docs/HighlightedCode';
import XGridGlobalStyles from 'docs/src/components/home/XGridGlobalStyles';
import MoreInfoBox from 'docs/src/components/action/MoreInfoBox';
import ProgressBar from 'docs/src/components/x-grid/ProgressBar';
import EditProgress from 'docs/src/components/x-grid/EditProgress';
import Status from 'docs/src/components/x-grid/Status';
import EditStatus from 'docs/src/components/x-grid/EditStatus';
import ROUTES from 'docs/src/route';
const columns: Array<GridColDef> = [
{
field: 'desk',
headerName: 'desk',
width: 72,
sortable: false,
editable: true,
},
{ field: 'commodity', headerName: 'Commodity', width: 132, editable: true },
{ field: 'traderName', headerName: 'Trader Name', width: 143, editable: true },
{
field: 'filledQuantity',
headerName: 'Filled',
width: 85,
sortable: false,
editable: true,
renderCell: (params: GridCellParams) => {
return <ProgressBar value={Number(params.value)!} />;
},
renderEditCell: (params: GridRenderEditCellParams) => {
return <EditProgress {...params} />;
},
},
{
field: 'status',
headerName: 'Status',
width: 78,
sortable: false,
editable: true,
renderCell: (params: GridCellParams) => {
return <Status status={(params.value || '').toString()} />;
},
renderEditCell: (params: GridRenderEditCellParams) => {
return <EditStatus {...params} />;
},
},
];
const code = `<DataGrid
density="compact"
hideFooter
rows={[
{
desk: 'D-985',
commodity: 'Adzuki bean',
traderName: 'Roy Green',
quantity: '83,996',
filledQuantity: 1,
status: 'PartiallyFilled',
},
]}
columns={[ // column definition example
{
field: 'filledQuantity',
headerName: 'Filled',
editable: true,
renderCell: (params) => <ProgressBar value={Number(params.value)} />,
renderEditCell: (params) => <EditProgress {...params} />,
},
]}
/>`;
const rows = [
{
id: 'c7c5977f-efc6-58a3-a20d-669c636da015',
desk: 'D-4716',
commodity: 'Oats',
traderName: 'Gabriel Cummings',
filledQuantity: 0.0479549532825939,
status: 'Open',
},
{
id: '4636d35f-3ec4-5e7b-90e0-30120d5d83d2',
desk: 'D-4580',
commodity: 'Milk',
traderName: 'Martha Waters',
filledQuantity: 0.2534935430195403,
status: 'Open',
},
{
id: 'dd07fa31-e355-5b4c-ad8d-8ae97f56a716',
desk: 'D-6196',
commodity: 'Wheat',
traderName: 'Jimmy Malone',
filledQuantity: 0.6676395476103612,
status: 'PartiallyFilled',
},
{
id: 'b85fda59-5ca0-578c-830b-4fdb47df1099',
desk: 'D-996',
commodity: 'Wheat',
traderName: 'Lenora Olson',
filledQuantity: 0.7537063736024592,
status: 'Filled',
},
{
id: '363b4295-c82d-5f67-8ef4-bb34bf37d059',
desk: 'D-6860',
commodity: 'Rough Rice',
traderName: 'Carolyn Massey',
filledQuantity: 0.7031953975185417,
status: 'PartiallyFilled',
},
{
id: 'bae95560-8148-5026-a436-807f24600557',
desk: 'D-4685',
commodity: 'Soybean Oil',
traderName: 'Agnes Silva',
filledQuantity: 0.8838178308032056,
status: 'PartiallyFilled',
},
{
id: '38a84161-6f0b-5ca5-a5b1-d613532e4fa6',
desk: 'D-1123',
commodity: 'Coffee C',
traderName: 'Zachary Clark',
filledQuantity: 0.7112560229799851,
status: 'PartiallyFilled',
},
{
id: 'f7d8861d-3561-5c4c-ab02-631899d93310',
desk: 'D-7941',
commodity: 'Robusta coffee',
traderName: 'Jeff Jimenez',
filledQuantity: 0.6904698699230156,
status: 'PartiallyFilled',
},
{
id: 'd2ca5413-edf7-5292-8b30-69fb1b49d1ee',
desk: 'D-1361',
commodity: 'Adzuki bean',
traderName: 'Wesley Marshall',
filledQuantity: 0.36190808841874156,
status: 'PartiallyFilled',
},
{
id: '39764aea-bb06-5857-a0a3-ff1dc42e4f9b',
desk: 'D-9230',
commodity: 'Rough Rice',
traderName: 'Maud Simmons',
filledQuantity: 0.7662438958220293,
status: 'Filled',
},
{
id: 'b0a6e433-4227-5d75-a2ab-80e40a2eec55',
desk: 'D-7688',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Lelia Torres',
filledQuantity: 0.28704903185867087,
status: 'Filled',
},
{
id: 'a1351174-8a1d-5638-810e-2b671030b2e9',
desk: 'D-1790',
commodity: 'Coffee C',
traderName: 'Edna Bryan',
filledQuantity: 0.3989893401202464,
status: 'Filled',
},
{
id: 'c4c22dd0-948d-531d-bde8-9040633e9bd4',
desk: 'D-4897',
commodity: 'Cotton No.2',
traderName: 'Carolyn Nichols',
filledQuantity: 0.10424570183227057,
status: 'Open',
},
{
id: '5210de80-8dcb-5d80-847c-6178d6c0260b',
desk: 'D-65',
commodity: 'Robusta coffee',
traderName: 'Ricardo Wright',
filledQuantity: 0.8049823113207547,
status: 'PartiallyFilled',
},
{
id: 'f86fa451-471e-55da-b441-5e20915a2122',
desk: 'D-8769',
commodity: 'Wheat',
traderName: 'Ruby Nelson',
filledQuantity: 0.11215377033021193,
status: 'Rejected',
},
{
id: '35353401-e788-51bd-a716-b861f2820be4',
desk: 'D-525',
commodity: 'Wheat',
traderName: 'Troy Wong',
filledQuantity: 0.4741861465653234,
status: 'PartiallyFilled',
},
{
id: '98872efb-af7f-5345-bae6-03dec13cd3fa',
desk: 'D-518',
commodity: 'Sugar No.11',
traderName: 'Louis Crawford',
filledQuantity: 0.524862693663415,
status: 'PartiallyFilled',
},
{
id: 'f0378708-fd92-51d5-8121-f01ef1045ff1',
desk: 'D-5497',
commodity: 'Soybean Oil',
traderName: 'Evelyn Morrison',
filledQuantity: 0.5463434089508225,
status: 'PartiallyFilled',
},
{
id: 'f52fe7ae-9418-50c1-9407-120ff96781c6',
desk: 'D-2293',
commodity: 'Soybean Oil',
traderName: 'Melvin Lawson',
filledQuantity: 0.2514770194052941,
status: 'PartiallyFilled',
},
{
id: '742e140a-6344-57de-bcdd-33bb4989a5dd',
desk: 'D-663',
commodity: 'Robusta coffee',
traderName: 'Glen Gilbert',
filledQuantity: 0.314012076348458,
status: 'Filled',
},
{
id: '1e36b0d9-1b51-5234-8ff6-d2a4c28b32ea',
desk: 'D-2531',
commodity: 'Rough Rice',
traderName: 'Francisco Norton',
filledQuantity: 0.1836575339319753,
status: 'PartiallyFilled',
},
{
id: '6ac4d048-c24f-5322-bf67-ec6f8bea3b93',
desk: 'D-3787',
commodity: 'Milk',
traderName: 'Thomas Salazar',
filledQuantity: 0.37326607818411095,
status: 'Rejected',
},
{
id: 'c81331d3-8de6-5df5-858e-5d5ed119c1fd',
desk: 'D-8858',
commodity: 'Cotton No.2',
traderName: 'Lucille Wise',
filledQuantity: 0.869984727152646,
status: 'Rejected',
},
{
id: 'dc26c4c7-30ed-588d-bcb2-44cd25ed2943',
desk: 'D-579',
commodity: 'Sugar No.14',
traderName: 'Lena Garza',
filledQuantity: 0.9933732864916994,
status: 'Filled',
},
{
id: '66bc0b77-e9f7-59f2-9315-c16232f6f5f8',
desk: 'D-7370',
commodity: 'Sugar No.14',
traderName: 'Rodney Douglas',
filledQuantity: 0.049633779588669,
status: 'Filled',
},
{
id: '6f04f0b6-18fa-56fd-aa9a-de6508854152',
desk: 'D-1193',
commodity: 'Sugar No.11',
traderName: 'Eliza Erickson',
filledQuantity: 0.9258048289738431,
status: 'PartiallyFilled',
},
{
id: '837da291-6130-5c81-806a-67589dbf3f50',
desk: 'D-5989',
commodity: 'Rough Rice',
traderName: 'Marie Gregory',
filledQuantity: 0.45995529450930966,
status: 'PartiallyFilled',
},
{
id: '8b0c9f9e-c004-50ef-9c7f-d1c022ca976b',
desk: 'D-117',
commodity: 'Cocoa',
traderName: 'Jeanette Hicks',
filledQuantity: 0.4722404161047968,
status: 'Filled',
},
{
id: '46fcb561-3de8-5485-b9cd-5da9f9f01628',
desk: 'D-4659',
commodity: 'Oats',
traderName: 'Eugene Moran',
filledQuantity: 0.28724322458139134,
status: 'Open',
},
{
id: 'ad75196d-724f-52d5-a353-6a5797e08310',
desk: 'D-6831',
commodity: 'Wheat',
traderName: 'Norman Hodges',
filledQuantity: 0.5609013580062677,
status: 'Rejected',
},
{
id: '5ae02b20-964e-5760-9a4d-7f6f299df30a',
desk: 'D-8135',
commodity: 'Rough Rice',
traderName: 'Josephine Lamb',
filledQuantity: 0.689861075157477,
status: 'PartiallyFilled',
},
{
id: 'c9c06672-638e-585a-996a-32f8682d2f54',
desk: 'D-3385',
commodity: 'Wheat',
traderName: 'Nina Christensen',
filledQuantity: 0.06040954363014717,
status: 'PartiallyFilled',
},
{
id: '5a1946ea-589f-55fa-9117-64caad3a37d9',
desk: 'D-9036',
commodity: 'Cocoa',
traderName: 'Stanley Munoz',
filledQuantity: 0.1275418120563109,
status: 'Rejected',
},
{
id: 'ab237f11-ac6a-50f1-b9a6-a9c9f9f4e24d',
desk: 'D-7682',
commodity: 'Soybean Oil',
traderName: 'Oscar Lambert',
filledQuantity: 0.9839746183854833,
status: 'Filled',
},
{
id: '5c51439b-1591-522e-96cf-076bdae40655',
desk: 'D-4502',
commodity: 'Cocoa',
traderName: 'Kenneth Miles',
filledQuantity: 0.25830009205277693,
status: 'Open',
},
{
id: '64bfe805-6632-59fe-9835-18e2c7ef7df3',
desk: 'D-2325',
commodity: 'Soybean Meal',
traderName: 'Ray Greene',
filledQuantity: 0.0014699524427150886,
status: 'Rejected',
},
{
id: 'a8bcf050-34ad-52ec-a9f1-845ccfa943bb',
desk: 'D-2013',
commodity: 'Soybeans',
traderName: 'Georgia McDaniel',
filledQuantity: 0.7551895272190895,
status: 'PartiallyFilled',
},
{
id: '74c6c7eb-591d-5ce9-9a8b-3880d95ed5fb',
desk: 'D-7267',
commodity: 'Corn',
traderName: 'Jordan Anderson',
filledQuantity: 0.801270122581598,
status: 'Rejected',
},
{
id: 'c2410927-00b9-5fea-b2f7-04a45c1f1586',
desk: 'D-5965',
commodity: 'Sugar No.11',
traderName: 'Keith Harvey',
filledQuantity: 0.9677904122626859,
status: 'Filled',
},
{
id: '42f6796a-429a-5be4-9ea3-b03dd850db06',
desk: 'D-9929',
commodity: 'Sugar No.11',
traderName: 'Millie Burke',
filledQuantity: 0.8673800259403373,
status: 'Filled',
},
{
id: '08cbdea1-a9e2-55b4-ab89-95b92a8430f9',
desk: 'D-786',
commodity: 'Sugar No.11',
traderName: 'Wesley Davis',
filledQuantity: 0.2330411076067782,
status: 'Open',
},
{
id: '156d7091-eea4-5df0-81d3-1634871595f8',
desk: 'D-4467',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Carolyn Robertson',
filledQuantity: 0.0968306776396428,
status: 'Filled',
},
{
id: '3cb30764-f296-5ba0-a788-2e6006b1b2e2',
desk: 'D-7832',
commodity: 'Sugar No.14',
traderName: 'Adele Tucker',
filledQuantity: 0.9380997258396162,
status: 'Rejected',
},
{
id: 'a266c8d7-83ac-53ce-8916-da103c501901',
desk: 'D-5677',
commodity: 'Wheat',
traderName: 'Emma Rodriguez',
filledQuantity: 0.9924235750154171,
status: 'PartiallyFilled',
},
{
id: '38727ca2-b64c-5de6-94df-20827d4ed4ce',
desk: 'D-6863',
commodity: 'Adzuki bean',
traderName: 'Iva Rose',
filledQuantity: 0.6088916817217814,
status: 'PartiallyFilled',
},
{
id: 'e60dee5b-e105-5261-9e21-72f1ab2bb4a4',
desk: 'D-2036',
commodity: 'Coffee C',
traderName: 'Hattie Castro',
filledQuantity: 0.8496925185809324,
status: 'PartiallyFilled',
},
{
id: '79aefe4e-1bf5-553d-9a03-1901d8378567',
desk: 'D-2946',
commodity: 'Adzuki bean',
traderName: 'Mario Harris',
filledQuantity: 0.2892613962645957,
status: 'PartiallyFilled',
},
{
id: '5197d9a8-fddd-5961-aafc-ac9324f7bab0',
desk: 'D-7605',
commodity: 'Sugar No.14',
traderName: 'Juan Reyes',
filledQuantity: 0.1377354863514033,
status: 'Open',
},
{
id: '3145255d-b4ff-595a-bdfa-f78c781991cc',
desk: 'D-5400',
commodity: 'Rapeseed',
traderName: 'Adele Gray',
filledQuantity: 0.13151126174851566,
status: 'Rejected',
},
{
id: 'b4028076-e520-519f-ab47-aca99595d668',
desk: 'D-5526',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Estelle May',
filledQuantity: 0.025332033435087664,
status: 'PartiallyFilled',
},
{
id: 'eeb80b26-46a0-5ce2-8aec-b26aeb05ad05',
desk: 'D-9779',
commodity: 'Cocoa',
traderName: 'Cordelia Barnett',
filledQuantity: 0.3473095737246681,
status: 'Open',
},
{
id: 'ae3d7416-c90e-56c2-826c-8de629a90efa',
desk: 'D-4769',
commodity: 'Coffee C',
traderName: 'Caroline Garza',
filledQuantity: 0.6020121274752663,
status: 'PartiallyFilled',
},
{
id: 'bd17e936-515f-5756-823b-25108c95140d',
desk: 'D-2882',
commodity: 'Soybeans',
traderName: 'Rosetta Perkins',
filledQuantity: 0.1712309429700734,
status: 'Filled',
},
{
id: 'bc069177-a127-585e-ab85-04608552c83a',
desk: 'D-9733',
commodity: 'Soybean Oil',
traderName: 'Jason Cain',
filledQuantity: 0.7983991064780342,
status: 'Rejected',
},
{
id: '11a484c3-9163-549b-b04a-eb73af890281',
desk: 'D-5408',
commodity: 'Coffee C',
traderName: 'Steven Ortega',
filledQuantity: 0.6365814973893513,
status: 'PartiallyFilled',
},
{
id: '2f034401-c06f-5e11-ba70-ea067750ca4c',
desk: 'D-8614',
commodity: 'Oats',
traderName: 'Allie Brewer',
filledQuantity: 0.7054064048517121,
status: 'Filled',
},
{
id: 'f62c6b11-7ca2-5b13-9a93-863af76f9ab7',
desk: 'D-1461',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Johanna Harvey',
filledQuantity: 0.11258119476094133,
status: 'PartiallyFilled',
},
{
id: 'dc80dd21-15cd-5d33-b84b-e75e401407ef',
desk: 'D-6751',
commodity: 'Milk',
traderName: 'Willie Castro',
filledQuantity: 0.385713952348727,
status: 'PartiallyFilled',
},
{
id: '81ea4524-9723-5736-9abd-103ca0497c5f',
desk: 'D-9687',
commodity: 'Soybean Meal',
traderName: 'Mable Wilkins',
filledQuantity: 0.6218296665060757,
status: 'PartiallyFilled',
},
{
id: '99539ac3-c87b-55f6-91d4-c442022107b8',
desk: 'D-8260',
commodity: 'Soybeans',
traderName: 'Lora Chandler',
filledQuantity: 0.3371109755034435,
status: 'Open',
},
{
id: '0d2f8123-129c-5c0b-99fc-aa6856667ba1',
desk: 'D-8306',
commodity: 'Rough Rice',
traderName: 'Jeffery Reynolds',
filledQuantity: 0.17820411392405064,
status: 'Open',
},
{
id: '6cad0de2-1c11-59b2-aa02-037fa2bb1326',
desk: 'D-6616',
commodity: 'Robusta coffee',
traderName: 'Sean Daniels',
filledQuantity: 0.8600548380114005,
status: 'Filled',
},
{
id: '357c2bf3-9580-52f7-8205-28376bc23a7a',
desk: 'D-9068',
commodity: 'Milk',
traderName: 'Tom Cruz',
filledQuantity: 0.24869715688444435,
status: 'PartiallyFilled',
},
{
id: '3b21e23d-035c-5292-b601-331759a7ba2a',
desk: 'D-928',
commodity: 'Cotton No.2',
traderName: 'Sallie Reed',
filledQuantity: 0.3883119527591122,
status: 'Rejected',
},
{
id: 'eee5f670-0a9c-5682-b356-f37eb1624650',
desk: 'D-2278',
commodity: 'Oats',
traderName: 'Eddie Collier',
filledQuantity: 0.4391332611050921,
status: 'PartiallyFilled',
},
{
id: 'ade4fc5f-143c-57d3-9aff-bb73e0c4cb91',
desk: 'D-8088',
commodity: 'Cotton No.2',
traderName: 'Randy Horton',
filledQuantity: 0.4539785604900459,
status: 'PartiallyFilled',
},
{
id: '40a5bf58-9314-5046-99b2-f5c0ef42e598',
desk: 'D-1523',
commodity: 'Cotton No.2',
traderName: 'Virginia Douglas',
filledQuantity: 0.9567493226044831,
status: 'PartiallyFilled',
},
{
id: '561b4d4c-70ab-5f4b-b26e-e87339728293',
desk: 'D-1429',
commodity: 'Sugar No.14',
traderName: 'Lela Cunningham',
filledQuantity: 0.18127620545073375,
status: 'Rejected',
},
{
id: '93859c37-d158-5cb4-a9eb-a2b2d6bdb28b',
desk: 'D-4687',
commodity: 'Sugar No.14',
traderName: 'Ian Norton',
filledQuantity: 0.6055132227700583,
status: 'Rejected',
},
{
id: 'aa703f8e-4a96-5655-98cb-3ea5b798ad72',
desk: 'D-1889',
commodity: 'Sugar No.14',
traderName: 'Evan Morris',
filledQuantity: 0.407198982888347,
status: 'Open',
},
{
id: '94534799-c911-5aeb-a0f8-b17aebd93936',
desk: 'D-3509',
commodity: 'Coffee C',
traderName: 'Steve Hart',
filledQuantity: 0.5375611152711095,
status: 'PartiallyFilled',
},
{
id: '8fffed75-63cc-556e-baf5-eee7ca12d48f',
desk: 'D-474',
commodity: 'Wheat',
traderName: 'Marvin Rios',
filledQuantity: 0.9431855233126833,
status: 'PartiallyFilled',
},
{
id: 'adbec39c-5481-500e-b813-d03094bb96c0',
desk: 'D-1294',
commodity: 'Sugar No.11',
traderName: 'Adam Anderson',
filledQuantity: 0.6335130816856401,
status: 'Rejected',
},
{
id: 'fc1e7f6a-e235-53ae-ab41-7c6130caa085',
desk: 'D-2391',
commodity: 'Cocoa',
traderName: 'Austin Chambers',
filledQuantity: 0.8607138605948271,
status: 'PartiallyFilled',
},
{
id: 'b4cf5197-f388-55fe-8933-e4a019121b6a',
desk: 'D-3444',
commodity: 'Adzuki bean',
traderName: 'Virgie Massey',
filledQuantity: 0.40006891798759475,
status: 'PartiallyFilled',
},
{
id: '667b4761-b263-5c4c-bbff-6c3c073a3ca5',
desk: 'D-1223',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Mark Cortez',
filledQuantity: 0.4825927576150357,
status: 'Rejected',
},
{
id: '9398a9d6-4665-5efa-a58a-b9c8006b8161',
desk: 'D-1192',
commodity: 'Soybeans',
traderName: 'Alex Mack',
filledQuantity: 0.7543978871607951,
status: 'Filled',
},
{
id: '93b61d8b-e5c7-5bd3-9a2c-8d54d65f0234',
desk: 'D-594',
commodity: 'Oats',
traderName: 'Viola Page',
filledQuantity: 0.7671992174763612,
status: 'Filled',
},
{
id: '082ee086-4ca4-5435-9b00-5a1ee84e1b3f',
desk: 'D-5247',
commodity: 'Rapeseed',
traderName: 'Jean Craig',
filledQuantity: 0.6694073624595469,
status: 'PartiallyFilled',
},
{
id: 'e75b260d-fd17-5a95-96d9-e05c67d4fa2a',
desk: 'D-7971',
commodity: 'Rough Rice',
traderName: 'Virgie Barker',
filledQuantity: 0.8371273314730504,
status: 'Filled',
},
{
id: '697310a4-12e5-5617-9267-faf19cd26a33',
desk: 'D-5387',
commodity: 'Sugar No.11',
traderName: 'Bill Joseph',
filledQuantity: 0.6125830428946863,
status: 'Rejected',
},
{
id: '7b2dc8e6-273f-5701-aa37-993800bc9ef1',
desk: 'D-8059',
commodity: 'Rapeseed',
traderName: 'John Anderson',
filledQuantity: 0.4437171966656375,
status: 'Rejected',
},
{
id: '45ded38a-3ac2-5f3e-b334-e1bb6221b212',
desk: 'D-2321',
commodity: 'Oats',
traderName: 'Leon Jacobs',
filledQuantity: 0.11606812487445951,
status: 'Filled',
},
{
id: '4b04aa91-4921-5bdd-91c8-40bce5d678b6',
desk: 'D-2730',
commodity: 'Milk',
traderName: 'Ada Rowe',
filledQuantity: 0.4711698320946876,
status: 'Filled',
},
{
id: 'f8a9562d-02e4-5a5e-9800-3f2e84926701',
desk: 'D-8605',
commodity: 'Wheat',
traderName: 'Harry Garrett',
filledQuantity: 0.5865080647022175,
status: 'PartiallyFilled',
},
{
id: 'e5a3cc2b-4ce9-5418-9697-2b1deaced5d6',
desk: 'D-9428',
commodity: 'Sugar No.14',
traderName: 'Vernon Bowen',
filledQuantity: 0.09028256374913853,
status: 'PartiallyFilled',
},
{
id: '356b87c5-b3ea-54bb-a62b-28a0a8793770',
desk: 'D-7083',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Frank Weber',
filledQuantity: 0.57327852004111,
status: 'Filled',
},
{
id: '961d891a-70d4-5725-80c6-459f710db02b',
desk: 'D-5408',
commodity: 'Rough Rice',
traderName: 'Lenora Lamb',
filledQuantity: 0.07783614413418118,
status: 'Open',
},
{
id: '9fa93762-095f-500a-a059-b91e6cc4ea98',
desk: 'D-4924',
commodity: 'Sugar No.14',
traderName: 'Christian Abbott',
filledQuantity: 0.9482298048155008,
status: 'Filled',
},
{
id: '561c34bd-fa2a-5303-8973-1994b2a15ad9',
desk: 'D-6663',
commodity: 'Corn',
traderName: 'Lena Hill',
filledQuantity: 0.8127893980520517,
status: 'Filled',
},
{
id: '55293c3f-94e2-5ce3-b965-e35c5f0639a2',
desk: 'D-1114',
commodity: 'Sugar No.11',
traderName: 'Cecilia Mason',
filledQuantity: 0.9393481316466439,
status: 'Open',
},
{
id: '02eb1442-1902-50ca-a9a3-c2b048878290',
desk: 'D-1749',
commodity: 'Adzuki bean',
traderName: 'Julia Maldonado',
filledQuantity: 0.3119066455696203,
status: 'Filled',
},
{
id: '5c193801-1d91-5afa-a339-9c1d8f416e92',
desk: 'D-7306',
commodity: 'Wheat',
traderName: 'Jane Shaw',
filledQuantity: 0.5279746470757707,
status: 'PartiallyFilled',
},
{
id: '5e3c9e2f-6401-5a4c-afdf-4e89266c9017',
desk: 'D-7077',
commodity: 'Rough Rice',
traderName: 'Claudia Harmon',
filledQuantity: 0.54239663629993,
status: 'PartiallyFilled',
},
{
id: 'd8ee32ee-d611-501f-b21b-b916c254d0e7',
desk: 'D-101',
commodity: 'Soybeans',
traderName: 'Glenn Allison',
filledQuantity: 0.8814050759417142,
status: 'Open',
},
{
id: '00c0882e-07d1-5c62-8a5d-69ec49084f38',
desk: 'D-7110',
commodity: 'Sugar No.11',
traderName: 'Henrietta Curtis',
filledQuantity: 0.4624904028771164,
status: 'Filled',
},
{
id: 'ac7688eb-3365-5e34-8d1b-f79c5aaf0b81',
desk: 'D-677',
commodity: 'Robusta coffee',
traderName: 'Elmer Bryan',
filledQuantity: 0.40958857531451887,
status: 'PartiallyFilled',
},
{
id: '4c2836fa-c51c-569b-8ad7-9140c3e7d63b',
desk: 'D-9920',
commodity: 'Milk',
traderName: 'Elizabeth Clark',
filledQuantity: 0.4049911026306198,
status: 'Open',
},
{
id: '6109f3ed-e043-5979-af12-3875c79aa79f',
desk: 'D-7787',
commodity: 'Adzuki bean',
traderName: 'Edgar Evans',
filledQuantity: 0.7634387200489934,
status: 'Filled',
},
{
id: 'f18a2566-c372-5638-8092-d2848a65a16c',
desk: 'D-6303',
commodity: 'Sugar No.14',
traderName: 'Lina Todd',
filledQuantity: 0.16883514465023725,
status: 'Filled',
},
{
id: '8bc49cb4-acdf-5a8b-be1c-95f3c593deef',
desk: 'D-73',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Gordon Baldwin',
filledQuantity: 0.6484654135505205,
status: 'PartiallyFilled',
},
{
id: 'a476668c-dabb-5aa2-b530-428c731d7b3c',
desk: 'D-3452',
commodity: 'Oats',
traderName: 'Gussie Reynolds',
filledQuantity: 0.6928500781673739,
status: 'Open',
},
{
id: '30057e00-ec9d-5a37-82ff-dd6137399957',
desk: 'D-827',
commodity: 'Rapeseed',
traderName: 'Mitchell Matthews',
filledQuantity: 0.22168627332385762,
status: 'PartiallyFilled',
},
{
id: '1383a9a2-56fc-55e8-99d3-c457fc9fa2c5',
desk: 'D-1633',
commodity: 'Soybeans',
traderName: 'Jane Hammond',
filledQuantity: 0.2868775280153836,
status: 'Filled',
},
{
id: '7f7cc9da-bbf7-5aee-b68f-1ee94f5f89c2',
desk: 'D-1622',
commodity: 'Robusta coffee',
traderName: 'Georgie Tate',
filledQuantity: 0.9259330388579476,
status: 'PartiallyFilled',
},
{
id: '9584996b-09b8-5abf-8a20-71fbc617995e',
desk: 'D-696',
commodity: 'Oats',
traderName: 'Ethel Armstrong',
filledQuantity: 0.6007850088630033,
status: 'PartiallyFilled',
},
{
id: 'ed0c3d0d-6cc2-5732-858f-6352178575ac',
desk: 'D-9020',
commodity: 'Soybean Meal',
traderName: 'Jack Santos',
filledQuantity: 0.6486944952602695,
status: 'PartiallyFilled',
},
{
id: '60d91d44-247a-5131-9388-f1d65db16e8c',
desk: 'D-5260',
commodity: 'Soybeans',
traderName: 'Charlotte Cunningham',
filledQuantity: 0.09144508891824116,
status: 'Filled',
},
{
id: '6cf3566d-5a3f-52d8-97a4-73dd58918142',
desk: 'D-5319',
commodity: 'Oats',
traderName: 'Hannah Wolfe',
filledQuantity: 0.8605679898648648,
status: 'Filled',
},
{
id: 'e6d2b6b1-fb2b-546e-a259-721dfc1a0a7c',
desk: 'D-2444',
commodity: 'Soybean Meal',
traderName: 'Willie Patrick',
filledQuantity: 0.5127380856706582,
status: 'Open',
},
{
id: 'b6d6ac58-8d0e-55b3-b8f9-d2adb0b3faa8',
desk: 'D-6901',
commodity: 'Sugar No.11',
traderName: 'Daisy Porter',
filledQuantity: 0.8720827421709538,
status: 'PartiallyFilled',
},
{
id: '8030ac87-ac3e-55fa-baa3-587249085cc8',
desk: 'D-6814',
commodity: 'Sugar No.11',
traderName: 'Patrick Ferguson',
filledQuantity: 0.19896190022105673,
status: 'Filled',
},
{
id: '1a418179-f135-5817-a6dc-1763d4f7ebb2',
desk: 'D-8029',
commodity: 'Adzuki bean',
traderName: 'Jose Buchanan',
filledQuantity: 0.13700966458214894,
status: 'Open',
},
{
id: 'f7864a66-0ac8-5ade-ac9c-8191d1aa3846',
desk: 'D-5221',
commodity: 'Robusta coffee',
traderName: 'Jordan Henry',
filledQuantity: 0.13788405524758057,
status: 'PartiallyFilled',
},
{
id: '020f45bb-c953-5e2a-b2f3-df651c2b44f8',
desk: 'D-7174',
commodity: 'Coffee C',
traderName: 'Connor Floyd',
filledQuantity: 0.9599152968005539,
status: 'Open',
},
{
id: 'ca47b7b8-98d5-547b-a187-b37616befdec',
desk: 'D-6977',
commodity: 'Soybean Oil',
traderName: 'Caleb Miles',
filledQuantity: 0.46562702352687246,
status: 'Filled',
},
{
id: '673d5d84-c70a-5469-a5f6-fed183257bf8',
desk: 'D-6344',
commodity: 'Wheat',
traderName: 'Elizabeth Dixon',
filledQuantity: 0.8978073507452912,
status: 'Open',
},
{
id: '6df57e0d-e389-5d06-942f-7179300a34ec',
desk: 'D-4484',
commodity: 'Cocoa',
traderName: 'Nina Ortiz',
filledQuantity: 0.8820417417592,
status: 'Filled',
},
{
id: '9a9b6eb7-05e5-5794-aa2f-acd817f30d7d',
desk: 'D-854',
commodity: 'Soybeans',
traderName: 'Lewis McBride',
filledQuantity: 0.8699638788552375,
status: 'PartiallyFilled',
},
{
id: '2abea9d1-218b-50fe-94da-576364d08282',
desk: 'D-1529',
commodity: 'Rough Rice',
traderName: 'Arthur Russell',
filledQuantity: 0.18258313641865023,
status: 'PartiallyFilled',
},
{
id: '65762dc4-fdf5-5d7b-90ef-a0be20efbd7e',
desk: 'D-4896',
commodity: 'Rapeseed',
traderName: 'Lucile Gill',
filledQuantity: 0.836220733018946,
status: 'PartiallyFilled',
},
{
id: 'f8e7bff4-2294-5aa9-80ee-430766164909',
desk: 'D-4359',
commodity: 'Soybeans',
traderName: 'Rosalie Shaw',
filledQuantity: 0.20641564516980004,
status: 'Filled',
},
{
id: '947d2e1e-fd87-5df1-a2e4-dcd620956af3',
desk: 'D-2992',
commodity: 'Sugar No.14',
traderName: 'Leon Cortez',
filledQuantity: 0.27640399225383583,
status: 'Rejected',
},
{
id: 'b8010891-3c6c-5681-bb63-cc47703cddf3',
desk: 'D-4954',
commodity: 'Soybeans',
traderName: 'Jennie Clayton',
filledQuantity: 0.2528291641470548,
status: 'Filled',
},
{
id: '9318f3b7-8861-5d38-b79e-a03423f28ff5',
desk: 'D-1917',
commodity: 'Soybeans',
traderName: 'Evan Yates',
filledQuantity: 0.327082368678294,
status: 'Rejected',
},
{
id: 'ff3bea9e-3846-5ed6-a09e-26173880e81a',
desk: 'D-8926',
commodity: 'Oats',
traderName: 'Augusta Carpenter',
filledQuantity: 0.5060205712227949,
status: 'Filled',
},
{
id: 'a579acb0-4caf-524b-a972-628d6d8e9421',
desk: 'D-9265',
commodity: 'Sugar No.14',
traderName: 'Gerald McKenzie',
filledQuantity: 0.753277076847452,
status: 'PartiallyFilled',
},
{
id: '7a4bc79d-60bf-5038-87f4-a478edecdf43',
desk: 'D-6801',
commodity: 'Sugar No.14',
traderName: 'Dennis Frazier',
filledQuantity: 0.14595478458694724,
status: 'Filled',
},
{
id: '99e56777-0ee3-5771-9439-f37177e2b3bb',
desk: 'D-6846',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Thomas Smith',
filledQuantity: 0.5260112245194685,
status: 'Filled',
},
{
id: '63d1d1fb-7c1c-525f-b214-5a91d42e4bd0',
desk: 'D-1835',
commodity: 'Soybeans',
traderName: 'Warren Gardner',
filledQuantity: 0.6412226973304056,
status: 'PartiallyFilled',
},
{
id: 'd0f5ddcb-4273-52fc-b376-c2b7891cb4a4',
desk: 'D-2494',
commodity: 'Cotton No.2',
traderName: 'Albert Griffith',
filledQuantity: 0.6776469588132784,
status: 'Rejected',
},
{
id: 'c41dc863-f609-5bc6-81b5-212d7a094e01',
desk: 'D-3989',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Irene Wolfe',
filledQuantity: 0.759032379047381,
status: 'PartiallyFilled',
},
{
id: '8e48d92f-09f8-57ad-9e8a-d4d313a9068e',
desk: 'D-3263',
commodity: 'Cotton No.2',
traderName: 'Eddie Glover',
filledQuantity: 0.401577299568026,
status: 'PartiallyFilled',
},
{
id: '67d0abcd-49fd-51dd-aebf-7c3cd1e8a741',
desk: 'D-5366',
commodity: 'Rough Rice',
traderName: 'Etta Greer',
filledQuantity: 0.9780777362172711,
status: 'Open',
},
{
id: 'fec31b73-d18b-50bd-b19f-5789d212ff47',
desk: 'D-4258',
commodity: 'Soybeans',
traderName: 'Nettie Dixon',
filledQuantity: 0.4353044106738688,
status: 'PartiallyFilled',
},
{
id: '982c7284-8af4-5c4e-b5fd-0be67f3974b5',
desk: 'D-1185',
commodity: 'Oats',
traderName: 'Emma Gomez',
filledQuantity: 0.5668686723372116,
status: 'Filled',
},
{
id: '81503a18-b7c8-5bdb-b0fa-2d98a46871ef',
desk: 'D-8891',
commodity: 'Soybean Oil',
traderName: 'Eric Parks',
filledQuantity: 0.7137033140452393,
status: 'Filled',
},
{
id: '239c90d5-b6ec-54f9-9dd2-fe73f5b9489e',
desk: 'D-1669',
commodity: 'Cocoa',
traderName: 'Mario Morgan',
filledQuantity: 0.716187147082549,
status: 'PartiallyFilled',
},
{
id: '984495dd-7ffb-5360-b7ed-c8f92d0cb761',
desk: 'D-9520',
commodity: 'Sugar No.11',
traderName: 'Clifford Diaz',
filledQuantity: 0.5322128851540616,
status: 'Rejected',
},
{
id: '4c7c8a62-a6ae-51d3-a7df-39579f1461b8',
desk: 'D-335',
commodity: 'Cotton No.2',
traderName: 'Melvin Fisher',
filledQuantity: 0.21332400769365273,
status: 'Filled',
},
{
id: 'a6ba9e40-2ce7-5f6d-abda-75a9c7ae8abd',
desk: 'D-4901',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Tillie Potter',
filledQuantity: 0.11376253790529507,
status: 'PartiallyFilled',
},
{
id: '56a78fa3-7033-5be1-9f07-2c57c69af0f4',
desk: 'D-7948',
commodity: 'Milk',
traderName: 'Mina Jackson',
filledQuantity: 0.021882794620586798,
status: 'Open',
},
{
id: '36f4e5c8-c466-54ab-adca-698da7fca3ac',
desk: 'D-3160',
commodity: 'Cotton No.2',
traderName: 'Sadie Lynch',
filledQuantity: 0.5820230368406618,
status: 'Filled',
},
{
id: '0a63ebb1-2ff7-5396-af2e-f3e7ddf70db9',
desk: 'D-6388',
commodity: 'Soybeans',
traderName: 'Augusta Boone',
filledQuantity: 0.20745885550354823,
status: 'Open',
},
{
id: '9119f66b-aade-5490-942d-bef561942b12',
desk: 'D-6395',
commodity: 'Rapeseed',
traderName: 'Anthony Grant',
filledQuantity: 0.18759469696969697,
status: 'Open',
},
{
id: '601d9704-ff32-5f84-a635-8085af7ea9d4',
desk: 'D-8527',
commodity: 'Soybeans',
traderName: 'Sarah Stokes',
filledQuantity: 0.9958730977559969,
status: 'Filled',
},
{
id: 'f4270e8b-7eec-5053-9657-16faa4c77108',
desk: 'D-2447',
commodity: 'Wheat',
traderName: 'Kenneth Thompson',
filledQuantity: 0.7215147684174232,
status: 'Filled',
},
{
id: '49e18fdd-0ea3-5ae0-adc8-05e96eb424f7',
desk: 'D-8272',
commodity: 'Rough Rice',
traderName: 'Tom Richardson',
filledQuantity: 0.10178603875629282,
status: 'PartiallyFilled',
},
{
id: '65511ff7-d830-5de3-9b92-61660297fb67',
desk: 'D-6016',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Rebecca Allen',
filledQuantity: 0.3697001407281781,
status: 'Filled',
},
{
id: 'dfe37aaa-e284-5f5b-97df-7a69250aa64b',
desk: 'D-1813',
commodity: 'Rough Rice',
traderName: 'Lucas Ray',
filledQuantity: 0.007795966356154472,
status: 'PartiallyFilled',
},
{
id: '6f00155c-8f99-5691-b87b-ef23bff14eef',
desk: 'D-804',
commodity: 'Sugar No.11',
traderName: 'Ruby Barber',
filledQuantity: 0.6615372187891272,
status: 'Filled',
},
{
id: '614c5f20-6a1d-5031-9fc8-d4a60df78d1a',
desk: 'D-3998',
commodity: 'Soybeans',
traderName: 'Hunter Swanson',
filledQuantity: 0.8843857331571995,
status: 'Rejected',
},
{
id: '62fff371-d80d-5654-a364-b849a0ae4a19',
desk: 'D-6260',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Cornelia Robinson',
filledQuantity: 0.4125294968409835,
status: 'Filled',
},
{
id: '5b6a0f2f-2ec3-5a70-b006-f4e930fa7ca4',
desk: 'D-5767',
commodity: 'Cotton No.2',
traderName: 'Ricardo Hernandez',
filledQuantity: 0.17815980105957402,
status: 'Filled',
},
{
id: '219369d4-18e5-57f1-9761-f32a9ae19e0b',
desk: 'D-1216',
commodity: 'Wheat',
traderName: 'Myrtie Massey',
filledQuantity: 0.9622784887078635,
status: 'Rejected',
},
{
id: 'e7a2d636-36dd-560b-aaea-1d4c0f2bc6b8',
desk: 'D-7374',
commodity: 'Wheat',
traderName: 'Gordon Sparks',
filledQuantity: 0.5062003179650238,
status: 'Open',
},
{
id: 'b6e1298c-922b-53f2-a434-cd99d50b08cc',
desk: 'D-9051',
commodity: 'Cotton No.2',
traderName: 'Steven Wilkerson',
filledQuantity: 0.08907510322119824,
status: 'Filled',
},
{
id: 'ca9c6a4f-5f79-59f3-9783-4fe9272225f6',
desk: 'D-9018',
commodity: 'Soybean Meal',
traderName: 'Bertha Robbins',
filledQuantity: 0.5928485931520475,
status: 'Filled',
},
{
id: 'd0b50e9d-242b-5e81-92af-2889e7a39cd5',
desk: 'D-600',
commodity: 'Cotton No.2',
traderName: 'Theresa Santiago',
filledQuantity: 0.44335126825518834,
status: 'Open',
},
{
id: '1bcc00a4-3afb-5c70-be8f-0afea02e811e',
desk: 'D-5711',
commodity: 'Soybeans',
traderName: 'Gene Weber',
filledQuantity: 0.42178051673755174,
status: 'Filled',
},
{
id: '25f0e17a-ab67-5075-945c-e67ad4f86c8f',
desk: 'D-8972',
commodity: 'Oats',
traderName: 'Helena Curry',
filledQuantity: 0.6762161395546731,
status: 'Open',
},
{
id: 'b9bf4be8-6299-58a6-bcd7-fc4685295ba4',
desk: 'D-6672',
commodity: 'Milk',
traderName: 'Lula Freeman',
filledQuantity: 0.5764499121265377,
status: 'PartiallyFilled',
},
{
id: 'aab692c8-2094-5340-98f9-0baf69a36fe2',
desk: 'D-9971',
commodity: 'Soybeans',
traderName: 'Dominic Anderson',
filledQuantity: 0.4093620026681315,
status: 'Open',
},
{
id: '470a6aaa-7376-56c7-94be-a57bd65eb62d',
desk: 'D-981',
commodity: 'Coffee C',
traderName: 'Joseph Hicks',
filledQuantity: 0.9378176338494267,
status: 'PartiallyFilled',
},
{
id: '9db28b56-c269-5e6b-a4d8-d05afcf26627',
desk: 'D-3204',
commodity: 'Robusta coffee',
traderName: 'Isabel Ramsey',
filledQuantity: 0.8009162579120328,
status: 'Filled',
},
{
id: 'be6a547b-7330-54f5-8779-a89087e8bcdd',
desk: 'D-282',
commodity: 'Cocoa',
traderName: 'Amanda Garza',
filledQuantity: 0.06479994862243915,
status: 'PartiallyFilled',
},
{
id: '43466317-5930-5d4a-93b7-4a227a3e30fe',
desk: 'D-1035',
commodity: 'Sugar No.14',
traderName: 'Elmer Jacobs',
filledQuantity: 0.5697795836832906,
status: 'Filled',
},
{
id: '4eb1caa8-696d-58fe-bcab-138daec5814e',
desk: 'D-511',
commodity: 'Oats',
traderName: 'Alvin Phelps',
filledQuantity: 0.34110178169158306,
status: 'Filled',
},
{
id: 'c2b861af-eec9-56f6-90f3-f9388b7f6eaa',
desk: 'D-8137',
commodity: 'Soybeans',
traderName: 'Ina Willis',
filledQuantity: 0.7466206741825117,
status: 'Open',
},
{
id: 'c0637e33-1336-546e-b5e1-5a2ce426ec3a',
desk: 'D-8018',
commodity: 'Cotton No.2',
traderName: 'Estella Collins',
filledQuantity: 0.6232984752000935,
status: 'PartiallyFilled',
},
{
id: '13fcb1aa-c567-5c82-afd9-a3e04f71466a',
desk: 'D-7772',
commodity: 'Coffee C',
traderName: 'Lola Mann',
filledQuantity: 0.5522795010486808,
status: 'Open',
},
{
id: '3d0aad20-72a9-540d-bc41-7a310f91b5d9',
desk: 'D-630',
commodity: 'Soybean Oil',
traderName: 'Franklin Thornton',
filledQuantity: 0.28935298136039816,
status: 'Open',
},
{
id: 'f4f55b77-c9c0-5bed-8cdf-2b68aadacf6f',
desk: 'D-4613',
commodity: 'Milk',
traderName: 'Lela McBride',
filledQuantity: 0.2257077625570776,
status: 'PartiallyFilled',
},
{
id: 'bdd212d2-a280-5942-87fc-e5a728edf171',
desk: 'D-3035',
commodity: 'Sugar No.11',
traderName: 'Edward McBride',
filledQuantity: 0.8091825099481069,
status: 'PartiallyFilled',
},
{
id: '6ece3ed1-90e4-55ef-8d7e-8222d2f0b1f2',
desk: 'D-9833',
commodity: 'Robusta coffee',
traderName: 'Joel Robertson',
filledQuantity: 0.8882958085944389,
status: 'Filled',
},
{
id: 'e10fe986-becd-5b39-8412-1d8826394a6d',
desk: 'D-8533',
commodity: 'Cotton No.2',
traderName: 'Rodney May',
filledQuantity: 0.28414283296666104,
status: 'PartiallyFilled',
},
{
id: 'a0aed756-d08f-573b-a517-6d2d4bab9170',
desk: 'D-9899',
commodity: 'Adzuki bean',
traderName: 'Virginia Brady',
filledQuantity: 0.5070655441972339,
status: 'PartiallyFilled',
},
{
id: 'e87a5504-3322-5d38-b952-e8d52463ed62',
desk: 'D-4518',
commodity: 'Soybeans',
traderName: 'Maria White',
filledQuantity: 0.5472522029302883,
status: 'PartiallyFilled',
},
{
id: '0e254661-cdfc-564a-836a-d0fd0980d0f0',
desk: 'D-2069',
commodity: 'Coffee C',
traderName: 'Essie Howard',
filledQuantity: 0.048437863714109325,
status: 'Rejected',
},
{
id: '10a70a63-eeaa-5132-ac98-0cec025913ea',
desk: 'D-9776',
commodity: 'Adzuki bean',
traderName: 'Lela Barnett',
filledQuantity: 0.4080142764438676,
status: 'Rejected',
},
{
id: 'd947d50c-00e6-52ac-894a-bfa47226b63d',
desk: 'D-4801',
commodity: 'Sugar No.14',
traderName: 'Mina Waters',
filledQuantity: 0.6062576958292551,
status: 'Filled',
},
{
id: '849330f7-418e-51af-aae4-ea0cdb1a85b1',
desk: 'D-9358',
commodity: 'Soybeans',
traderName: 'Chase Zimmerman',
filledQuantity: 0.7944031698860822,
status: 'Open',
},
{
id: '93d37354-ace3-54ab-a53f-f87db5b6fafd',
desk: 'D-7626',
commodity: 'Soybeans',
traderName: 'Estella Newton',
filledQuantity: 0.01828448110209451,
status: 'Filled',
},
{
id: '610d92e0-c078-5b83-b24a-a0f8bf9a0d37',
desk: 'D-3212',
commodity: 'Soybean Oil',
traderName: 'Ronald Zimmerman',
filledQuantity: 0.21670483307219476,
status: 'PartiallyFilled',
},
{
id: '9cf7794f-e8fd-5d61-a493-b83be5b3221f',
desk: 'D-2748',
commodity: 'Rough Rice',
traderName: 'Bobby Wagner',
filledQuantity: 0.5886395309721755,
status: 'Filled',
},
{
id: '9232fa2f-6f8e-58f7-951e-a5d7c25ddf7d',
desk: 'D-3854',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Derrick Wood',
filledQuantity: 0.6387955125349317,
status: 'Rejected',
},
{
id: 'ce533c5f-de65-5fb0-9086-c6d3c2b2abda',
desk: 'D-832',
commodity: 'Soybean Meal',
traderName: 'Justin Nguyen',
filledQuantity: 0.7956241780389076,
status: 'Open',
},
{
id: '385ce0d1-9881-5b92-a1ce-3c0486a5dc22',
desk: 'D-5726',
commodity: 'Rough Rice',
traderName: 'Isabelle Harvey',
filledQuantity: 0.06558734069995766,
status: 'PartiallyFilled',
},
{
id: '80aeab16-b8f2-57ad-afe9-07f9deaa2c84',
desk: 'D-3402',
commodity: 'Adzuki bean',
traderName: 'Lydia Maxwell',
filledQuantity: 0.9934729398966549,
status: 'Rejected',
},
{
id: '858285fd-8f21-5615-a90e-098487658c54',
desk: 'D-7330',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'Caleb Stokes',
filledQuantity: 0.09865810327354424,
status: 'Filled',
},
{
id: '7493d12e-74c5-5b23-bb7b-a2ff9379244b',
desk: 'D-6008',
commodity: 'Milk',
traderName: 'Manuel Sanchez',
filledQuantity: 0.26201065232068416,
status: 'PartiallyFilled',
},
{
id: 'd9a9170a-effd-5bea-a04a-bf51a7661324',
desk: 'D-4277',
commodity: 'Soybeans',
traderName: 'Mark Cannon',
filledQuantity: 0.3274965735620776,
status: 'Open',
},
{
id: '53ac954a-52ad-591e-82d5-99d63d3fd701',
desk: 'D-167',
commodity: 'Adzuki bean',
traderName: 'Amanda Thompson',
filledQuantity: 0.717225368461782,
status: 'PartiallyFilled',
},
{
id: 'c6f4698b-c900-5ff1-8687-78dd717b0ac6',
desk: 'D-7217',
commodity: 'Soybean Oil',
traderName: 'Timothy Wagner',
filledQuantity: 0.8917463495460665,
status: 'PartiallyFilled',
},
{
id: 'd8741891-6de1-5537-b976-ce268cb3c2c8',
desk: 'D-2963',
commodity: 'Frozen Concentrated Orange Juice',
traderName: 'May Fowler',
filledQuantity: 0.29648334241897495,
status: 'PartiallyFilled',
},
{
id: '34770bfe-5bce-5161-bdbb-b082601c561f',
desk: 'D-2896',
commodity: 'Rapeseed',
traderName: 'Ida Allison',
filledQuantity: 0.8602341005847483,
status: 'Open',
},
{
id: '8d239da8-d6ec-5c80-ae00-a76433034c6d',
desk: 'D-7200',
commodity: 'Adzuki bean',
traderName: 'Ricardo Burke',
filledQuantity: 0.939605184959121,
status: 'PartiallyFilled',
},
{
id: 'db0b6030-4f8d-5056-9b1d-07b496b2a68a',
desk: 'D-2292',
commodity: 'Coffee C',
traderName: 'Luis Wallace',
filledQuantity: 0.44027139812062804,
status: 'Rejected',
},
{
id: '1473141a-806f-5128-83e7-c6d9059fd69d',
desk: 'D-6626',
commodity: 'Soybeans',
traderName: 'Lottie Salazar',
filledQuantity: 0.476674027577333,
status: 'PartiallyFilled',
},
{
id: '9b4788f8-2fff-5a28-bfd1-6e67e5dd90c5',
desk: 'D-4592',
commodity: 'Cotton No.2',
traderName: 'Tillie Dean',
filledQuantity: 0.9632860040567951,
status: 'Open',
},
];
export default function DataTable() {
return (
<ShowcaseContainer
preview={
<Paper
variant="outlined"
sx={(theme) => ({
overflow: 'hidden',
width: '100%',
boxShadow: `0 4px 8px ${alpha(theme.palette.primaryDark[300], 0.3)}`,
bgcolor: '#fff',
border: '1px solid',
borderColor: 'grey.200',
...theme.applyDarkStyles({
bgcolor: 'primaryDark.800',
boxShadow: `0 4px 8px ${alpha(theme.palette.common.black, 0.3)}`,
}),
})}
>
<XGridGlobalStyles />
<Typography
variant="body2"
sx={{
color: 'text.primary',
fontWeight: 'semiBold',
position: 'relative',
textAlign: 'center',
py: 1.5,
}}
>
Trades, October 2020
</Typography>
<Divider />
<Box sx={{ height: 200 }}>
<DataGrid rows={rows} columns={columns} hideFooter density="compact" />
</Box>
</Paper>
}
code={
<React.Fragment>
<ShowcaseCodeWrapper maxHeight={280}>
<HighlightedCode copyButtonHidden code={code} language="jsx" plainStyle />
</ShowcaseCodeWrapper>
<MoreInfoBox
primaryBtnLabel="Start with the Data Grid"
primaryBtnHref={ROUTES.dataGridOverview}
secondaryBtnLabel="Learn more about MUI X"
secondaryBtnHref={ROUTES.productAdvanced}
/>
</React.Fragment>
}
/>
);
}