@mui/x-data-grid-generator 9.0.0-beta.0 → 9.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,271 @@
1
1
  # Changelog
2
2
 
3
+ ## 9.0.0
4
+
5
+ <!-- generated comparing v9.0.0-rc.0..master -->
6
+
7
+ _Apr 8, 2026_
8
+
9
+ 🥳 We're excited to announce the stable release of MUI X v9!
10
+ This major release includes many new features and improvements. Here are some highlights ✨:
11
+
12
+ - Data Grid – [Charts integration](https://mui.com/x/react-data-grid/charts-integration/) [Premium]
13
+ - Data Grid – [AI Assistant](https://mui.com/x/react-data-grid/ai-assistant/) [Premium]
14
+ - Data Grid – [Undo and redo](https://mui.com/x/react-data-grid/undo-redo/) [Premium]
15
+ - Data Grid – [Drag fill](https://mui.com/x/react-data-grid/clipboard/#drag-to-fill) [Premium]
16
+ - Data Grid – [longText column type](https://mui.com/x/react-data-grid/column-definition/#column-types)
17
+ - Charts – [Interaction and accessibility](https://mui.com/x/react-charts/accessibility/)
18
+ - Charts – [Candlestick](https://mui.com/x/react-charts/candlestick/) [Premium]
19
+ - Charts – [Range bar charts](https://mui.com/x/react-charts/range-bar/) [Premium]
20
+ - Charts – [WebGL Heatmap renderer](https://mui.com/x/react-charts/heatmap/#webgl-renderer) [Premium]
21
+ - Tree View – [Virtualization](https://mui.com/x/react-tree-view/rich-tree-view/virtualization/) [Pro]
22
+ - New [Scheduler](https://mui.com/x/react-scheduler/) packages [Alpha]
23
+
24
+ We'd like to extend a big thank you to the 5 contributors who made this release possible.
25
+ The following team members contributed to this release:
26
+ @DanailH, @LukasTy, @MBilalShafi, @oliviertassinari, @siriwatknp
27
+
28
+ ### Data Grid
29
+
30
+ #### `@mui/x-data-grid@9.0.0`
31
+
32
+ Internal changes.
33
+
34
+ #### `@mui/x-data-grid-pro@9.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
35
+
36
+ Same changes as in `@mui/x-data-grid@9.0.0`, plus:
37
+
38
+ - [DataGridPro] Preserve parent selection for non-selectable children (#21132) @MBilalShafi
39
+
40
+ #### `@mui/x-data-grid-premium@9.0.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
41
+
42
+ Same changes as in `@mui/x-data-grid-pro@9.0.0`, plus:
43
+
44
+ - [DataGridPremium] Drag fill (#21717) @MBilalShafi
45
+
46
+ ### Date and Time Pickers
47
+
48
+ #### Breaking changes
49
+
50
+ - Removed the legacy Pickers and Field TextField props (for example: `InputProps`) in favor of the nested `slotProps`. [Read more](https://mui.com/x/migration/migration-pickers-v8/#drop-deprecated-pickerstextfield-props)
51
+ - The `utils` field in `PickersAdapterContextValue` has been removed in favor of the `adapter` field.
52
+ This should no longer affect you, as the context export has also been removed.
53
+ - `MuiPickersAdapterContext` export has been removed.
54
+ Prefer using the `usePickerAdapter` hook. [Read more](https://mui.com/x/migration/migration-pickers-v8/#localizationprovider-breaking-changes).
55
+
56
+ #### `@mui/x-date-pickers@9.0.0`
57
+
58
+ - [pickers] Refactor `PickersTextField` to use `slotProps` approach (#22002) @LukasTy
59
+ - [pickers] Remove deprecated LocalizationProvider legacy API (#22010) @LukasTy
60
+
61
+ #### `@mui/x-date-pickers-pro@9.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
62
+
63
+ Same changes as in `@mui/x-date-pickers@9.0.0`.
64
+
65
+ ### Charts
66
+
67
+ #### `@mui/x-charts@9.0.0`
68
+
69
+ Internal changes.
70
+
71
+ #### `@mui/x-charts-pro@9.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
72
+
73
+ Same changes as in `@mui/x-charts@9.0.0`.
74
+
75
+ #### `@mui/x-charts-premium@9.0.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
76
+
77
+ Same changes as in `@mui/x-charts-pro@9.0.0`.
78
+
79
+ ### Tree View
80
+
81
+ #### `@mui/x-tree-view@9.0.0`
82
+
83
+ Internal changes.
84
+
85
+ #### `@mui/x-tree-view-pro@9.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
86
+
87
+ Same changes as in `@mui/x-tree-view@9.0.0`.
88
+
89
+ ### Scheduler
90
+
91
+ #### `@mui/x-scheduler@9.0.0-alpha.0`
92
+
93
+ Internal changes.
94
+
95
+ #### `@mui/x-scheduler-premium@9.0.0-alpha.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
96
+
97
+ Same changes as in `@mui/x-scheduler-pro@9.0.0-alpha.0`.
98
+
99
+ ### Codemod
100
+
101
+ #### `@mui/x-codemod@9.0.0`
102
+
103
+ Internal changes.
104
+
105
+ ### Docs
106
+
107
+ - [docs] Add explanation for v8 -> v9 license migration (#22004) @DanailH
108
+
109
+ ### Core
110
+
111
+ - [code-infra] Optimize dependency definition (#22006) @LukasTy
112
+ - [internal] Prepare v9 stable (#22018) @siriwatknp
113
+ - [internal] Remove 'conf' from codebase (#21989) @oliviertassinari
114
+
115
+ ## 9.0.0-rc.0
116
+
117
+ <!-- generated comparing v9.0.0-beta.0..master -->
118
+
119
+ _Apr 7, 2026_
120
+
121
+ We'd like to extend a big thank you to the 18 contributors who made this release possible.
122
+
123
+ Special thanks go out to these community members for their valuable contributions:
124
+ @mixelburg, @sibananda485, @youjin-hong
125
+
126
+ The following team members contributed to this release:
127
+ @aemartos, @alexfauquette, @arminmeh, @brijeshb42, @flaviendelangle, @JCQuintas, @LukasTy, @mapache-salvaje, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes, @romgrk, @siriwatknp, @ZeeshanTamboli
128
+
129
+ ### Data Grid
130
+
131
+ #### `@mui/x-data-grid@9.0.0-rc.0`
132
+
133
+ - [DataGrid] Rename filter panel `Columns` label to singular `Column` (#21935) @youjin-hong
134
+ - [DataGrid] Export `GridColumnUnsortedIconProps` for custom column icon slots (#21658) @mixelburg
135
+ - [DataGrid] Remove `x-virtualizer`'s `virtualScroller` from public API (#21936) @romgrk
136
+ - [DataGrid][virtualizer] Scrolling without render gaps (#21616) @romgrk
137
+
138
+ #### `@mui/x-data-grid-pro@9.0.0-rc.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
139
+
140
+ Same changes as in `@mui/x-data-grid@9.0.0-rc.0`, plus:
141
+
142
+ - [DataGridPro] Improve trigger for nested row reordering (#21642) @MBilalShafi
143
+ - [DataGridPro] Undeprecate `onRowsScrollEnd` prop (#21912) @MBilalShafi
144
+
145
+ #### `@mui/x-data-grid-premium@9.0.0-rc.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
146
+
147
+ Same changes as in `@mui/x-data-grid-pro@9.0.0-rc.0`, plus:
148
+
149
+ - [DataGridPremium] Fix clipboard paste issue in portal (#21931) @sibananda485
150
+
151
+ ### Date and Time Pickers
152
+
153
+ #### Breaking changes
154
+
155
+ - Accessible DOM structure is now the only default. [Read more](https://mui.com/x/migration/migration-pickers-v8/#accessible-dom-structure-is-now-the-default)
156
+ - The `PickerDay2` and `DateRangePickerDay2` components were propagated to stable while removing the previous defaults. [Read more](https://mui.com/x/migration/migration-pickers-v8/#day-slot)
157
+
158
+ #### `@mui/x-date-pickers@9.0.0-rc.0`
159
+
160
+ - [pickers] Remove `PickersDay` and `DateRangePickerDay` and promote their `2` versions as replacements (#21739) @michelengelen
161
+
162
+ #### `@mui/x-date-pickers-pro@9.0.0-rc.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
163
+
164
+ Same changes as in `@mui/x-date-pickers@9.0.0-rc.0`.
165
+
166
+ ### Charts
167
+
168
+ #### `@mui/x-charts@9.0.0-rc.0.0`
169
+
170
+ - [charts] Make line visibility toggle start from the baseline (#21893) @alexfauquette
171
+ - [charts] Remove the container overflow (#21955) @alexfauquette
172
+ - [charts] Revert `theme.alpha` for non-channel token (#21965) @siriwatknp
173
+
174
+ #### `@mui/x-charts-pro@9.0.0-rc.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
175
+
176
+ Same changes as in `@mui/x-charts@9.0.0-rc.0.0`, plus:
177
+
178
+ - [charts-pro] Zoom slider touch improvements (#21832) @JCQuintas
179
+ - [charts-pro] Add `seriesIds` filter to zoom slider preview (#21933) @JCQuintas
180
+ - [charts-pro] Fix zoom slider preview with discard filter mode (#21883) @JCQuintas
181
+
182
+ #### `@mui/x-charts-premium@9.0.0-rc.0.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
183
+
184
+ Same changes as in `@mui/x-charts-pro@9.0.0-rc.0.0`, plus:
185
+
186
+ - [charts-premium] Add series `valueFormatter` to candlestick chart (#21905) @JCQuintas
187
+ - [charts-premium] Add zoom slider preview support for candlestick charts (#21914) @JCQuintas
188
+ - [charts-premium] Allow color customization in `Candlestick` chart (#21838) @JCQuintas
189
+ - [charts-premium] Support hide/show for OHLC (candlestick) series (#21807) @Copilot
190
+ - [charts-premium] Add `dataset` support to `Candlestick` chart (#21872) @JCQuintas
191
+ - [charts-premium] Add candlestick page to sidebar navigation (#21834) @JCQuintas
192
+
193
+ ### Tree View
194
+
195
+ #### `@mui/x-tree-view@9.0.0-rc.0`
196
+
197
+ Internal changes.
198
+
199
+ #### `@mui/x-tree-view-pro@9.0.0-rc.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
200
+
201
+ Same changes as in `@mui/x-tree-view@9.0.0-rc.0`, plus:
202
+
203
+ - [RichTreeViewPro] Allow to auto-expand lazy loaded items (#21759) @flaviendelangle
204
+
205
+ ### Scheduler
206
+
207
+ #### `@mui/x-scheduler@9.0.0-alpha.0`
208
+
209
+ - [scheduler] Add locale files, adapt l10n scripts, and add localization table to docs (#21870) @rita-codes
210
+ - [scheduler] Add planned features to the docs (#21705) @rita-codes
211
+ - [scheduler] Add scheduler to docs introduction (#21845) @rita-codes
212
+ - [scheduler] Add wide docs to scheduler (#21860) @noraleonte
213
+ - [scheduler] All day event bugfixes (#21884) @noraleonte
214
+ - [scheduler] Autofocus title field (#21947) @noraleonte
215
+ - [scheduler] Change default event creation trigger to single click (#21979) @rita-codes
216
+ - [scheduler] Change order of the views on the view selector (#21904) @rita-codes
217
+ - [scheduler] Disabled border color for the repeat day picker in dark mode (#21987) @rita-codes
218
+ - [scheduler] Drop unused dependency (#21956) @flaviendelangle
219
+ - [scheduler] Fix all-day event shifting to previous day in negative UTC offsets (#21994) @rita-codes
220
+ - [scheduler] Fix dark theme localization demos (#21992) @noraleonte
221
+ - [scheduler] Fix licensing confusion in docs (#21939) @rita-codes
222
+ - [scheduler] Fix preferences menu width shift when toggling options + Improve preferences menu accessibility (#21902) @rita-codes
223
+ - [scheduler] Prepare for the alpha launch (#21859) @rita-codes
224
+ - [scheduler] Sync Base UI internals and apply good practices (#21946) @flaviendelangle
225
+ - [scheduler] Update close modal aria label translation (#21940) @rita-codes
226
+ - [scheduler] Add Spanish (es-ES) locale (#21900) @rita-codes
227
+ - [scheduler] Improve French (fr-FR) locale (#21941) @rita-codes
228
+ - [scheduler] Improve Romanian (ro-RO) locale (#21942) @rita-codes
229
+
230
+ #### `@mui/x-scheduler-premium@9.0.0-alpha.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
231
+
232
+ Same changes as in `@mui/x-scheduler@9.0.0-alpha.0`.
233
+
234
+ ### Codemod
235
+
236
+ #### `@mui/x-codemod@9.0.0-rc.0`
237
+
238
+ Internal changes.
239
+
240
+ ### Docs
241
+
242
+ - [docs] Fix JSDOM → jsdom casing (#21907) @JCQuintas
243
+ - [docs] Remove Joy UI references and dependency (#21937) @siriwatknp
244
+ - [docs] Remove none generated files (#21886) @alexfauquette
245
+ - [docs] Remove unused interactive demo code (#21945) @LukasTy
246
+ - [docs] Revise the Funnel doc (#21677) @mapache-salvaje
247
+ - [docs] Revise the Line chart docs (#21554) @mapache-salvaje
248
+ - [docs] Revise the Radar doc (#21674) @mapache-salvaje
249
+ - [docs] Revise the Sankey doc (#21678) @mapache-salvaje
250
+ - [docs] Revise the Scatter chart docs (#21564) @mapache-salvaje
251
+
252
+ ### Core
253
+
254
+ - [docs-infra] Update to the latest monorepo (#21971) @brijeshb42
255
+ - [internal] Remove checks for `materialVersion >= 6` (#21975) @LukasTy
256
+
257
+ ### Miscellaneous
258
+
259
+ - [core] Bump @mui/material to v9.0.0-beta.1 (#21858) @siriwatknp
260
+ - [core] Update browserslistrc (#21974) @siriwatknp
261
+ - [deps] Bump minimum core packages to 7.3.0 to adopt theme color manipulator (#21892) @siriwatknp
262
+ - [telemetry] Prefer upstream remote over origin for `projectId` (#21882) @aemartos
263
+ - [telemetry] Send `repoHash`, `[x]packageNameHash`, and `rootPathHash` alongside `projectId` (#21896) @aemartos
264
+ - [test] Exclude flaky `DataGrid` argos test (#21977) @MBilalShafi
265
+ - [test] Fix flaky `DataGrid` test (#22000) @arminmeh
266
+ - [test] Remove `componentsProp` test from `describeConformance` (#21897) @ZeeshanTamboli
267
+ - [x-license] Change `orderId` type from `number` to `string` (#21885) @aemartos
268
+
3
269
  ## 9.0.0-beta.0
4
270
 
5
271
  <!-- generated comparing v9.0.0-alpha.4..master -->
@@ -313,7 +579,7 @@ Same changes as in `@mui/x-charts-pro@9.0.0-alpha.3`, plus:
313
579
  - Remove deprecated CSS state classes from `treeItemClasses`: `expanded`, `selected`, `focused`, `disabled`, `editable`, `editing` (use `[data-expanded]`, `[data-selected]`, etc.)
314
580
  - The `<RichTreeViewPro />` component has now virtualization enabled by default.
315
581
  - The items used inside the `<RichTreeViewPro />` now have a default height of `32px`.
316
- - The events of the `<RichTreeViewPro />` are now rendered as a flat list instead of a nested tree.
582
+ - The items of the `<RichTreeViewPro />` are now rendered as a flat list instead of a nested tree.
317
583
 
318
584
  #### `@mui/x-tree-view@9.0.0-alpha.3`
319
585
 
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-generator v9.0.0-beta.0
2
+ * @mui/x-data-grid-generator v9.0.0
3
3
  *
4
4
  * @license UNLICENSED
5
5
  * This source code is licensed under the UNLICENSED license found in the
package/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-generator v9.0.0-beta.0
2
+ * @mui/x-data-grid-generator v9.0.0
3
3
  *
4
4
  * @license UNLICENSED
5
5
  * This source code is licensed under the UNLICENSED license found in the
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid-generator",
3
- "version": "9.0.0-beta.0",
3
+ "version": "9.0.0",
4
4
  "author": "MUI Team",
5
5
  "description": "Generate fake data for demo purposes only.",
6
6
  "license": "UNLICENSED",
@@ -25,16 +25,16 @@
25
25
  "chance": "^1.1.13",
26
26
  "clsx": "^2.1.1",
27
27
  "lru-cache": "^11.2.2",
28
- "@mui/x-data-grid": "9.0.0-beta.0",
29
- "@mui/x-data-grid-pro": "9.0.0-beta.0",
30
- "@mui/x-data-grid-premium": "9.0.0-beta.0",
31
- "@mui/x-internals": "9.0.0-alpha.4"
28
+ "@mui/x-data-grid-premium": "^9.0.0",
29
+ "@mui/x-internals": "^9.0.0",
30
+ "@mui/x-data-grid": "^9.0.0",
31
+ "@mui/x-data-grid-pro": "^9.0.0"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "@emotion/react": "^11.9.0",
35
35
  "@emotion/styled": "^11.8.1",
36
- "@mui/icons-material": "^5.4.1 || ^6.0.0 || ^7.0.0",
37
- "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
36
+ "@mui/icons-material": "^7.3.0 || ^9.0.0",
37
+ "@mui/material": "^7.3.0 || ^9.0.0",
38
38
  "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
39
39
  },
40
40
  "peerDependenciesMeta": {
@@ -58,7 +58,7 @@ function renderCountry(params) {
58
58
  return '';
59
59
  }
60
60
  if (params.aggregation || params.rowNode.type === 'group' || (0, _xDataGridPremium.isAutogeneratedRow)(params.row)) {
61
- return params.value;
61
+ return params.formattedValue ?? params.value;
62
62
  }
63
63
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Country, {
64
64
  value: params.value
@@ -50,7 +50,7 @@ export function renderCountry(params) {
50
50
  return '';
51
51
  }
52
52
  if (params.aggregation || params.rowNode.type === 'group' || isAutogeneratedRow(params.row)) {
53
- return params.value;
53
+ return params.formattedValue ?? params.value;
54
54
  }
55
55
  return /*#__PURE__*/_jsx(Country, {
56
56
  value: params.value
@@ -94,10 +94,10 @@ function EditCountry(props) {
94
94
  id: params.id,
95
95
  inputRef: inputRef,
96
96
  onKeyDown: handleAutocompleteInputKeyDown,
97
- inputProps: (0, _extends2.default)({}, params.inputProps, {
97
+ inputProps: (0, _extends2.default)({}, params.slotProps.htmlInput, {
98
98
  autoComplete: 'new-password' // disable autocomplete and autofill
99
99
  })
100
- }, params.InputProps))
100
+ }, params.slotProps.input))
101
101
  })
102
102
  })
103
103
  );
@@ -87,10 +87,10 @@ function EditCountry(props) {
87
87
  id: params.id,
88
88
  inputRef: inputRef,
89
89
  onKeyDown: handleAutocompleteInputKeyDown,
90
- inputProps: _extends({}, params.inputProps, {
90
+ inputProps: _extends({}, params.slotProps.htmlInput, {
91
91
  autoComplete: 'new-password' // disable autocomplete and autofill
92
92
  })
93
- }, params.InputProps))
93
+ }, params.slotProps.input))
94
94
  })
95
95
  })
96
96
  );
@@ -92,10 +92,10 @@ function EditCurrency(props) {
92
92
  id: params.id,
93
93
  inputRef: inputRef,
94
94
  onKeyDown: handleAutocompleteInputKeyDown,
95
- inputProps: (0, _extends2.default)({}, params.inputProps, {
95
+ inputProps: (0, _extends2.default)({}, params.slotProps.htmlInput, {
96
96
  autoComplete: 'new-password' // disable autocomplete and autofill
97
97
  })
98
- }, params.InputProps))
98
+ }, params.slotProps.input))
99
99
  })
100
100
  })
101
101
  );
@@ -85,10 +85,10 @@ function EditCurrency(props) {
85
85
  id: params.id,
86
86
  inputRef: inputRef,
87
87
  onKeyDown: handleAutocompleteInputKeyDown,
88
- inputProps: _extends({}, params.inputProps, {
88
+ inputProps: _extends({}, params.slotProps.htmlInput, {
89
89
  autoComplete: 'new-password' // disable autocomplete and autofill
90
90
  })
91
- }, params.InputProps))
91
+ }, params.slotProps.input))
92
92
  })
93
93
  })
94
94
  );
@@ -46,8 +46,10 @@ function EditIncoterm(props) {
46
46
  inputRef: inputRef,
47
47
  MenuProps: {
48
48
  onClose: handleSelectMenuClose,
49
- MenuListProps: {
50
- onKeyDown: handleSelectMenuListKeyDown
49
+ slotProps: {
50
+ list: {
51
+ onKeyDown: handleSelectMenuListKeyDown
52
+ }
51
53
  }
52
54
  },
53
55
  sx: {
@@ -39,8 +39,10 @@ function EditIncoterm(props) {
39
39
  inputRef: inputRef,
40
40
  MenuProps: {
41
41
  onClose: handleSelectMenuClose,
42
- MenuListProps: {
43
- onKeyDown: handleSelectMenuListKeyDown
42
+ slotProps: {
43
+ list: {
44
+ onKeyDown: handleSelectMenuListKeyDown
45
+ }
44
46
  }
45
47
  },
46
48
  sx: {
@@ -50,8 +50,10 @@ function EditStatus(props) {
50
50
  inputRef: inputRef,
51
51
  MenuProps: {
52
52
  onClose: handleSelectMenuClose,
53
- MenuListProps: {
54
- onKeyDown: handleSelectMenuListKeyDown
53
+ slotProps: {
54
+ list: {
55
+ onKeyDown: handleSelectMenuListKeyDown
56
+ }
55
57
  }
56
58
  },
57
59
  sx: {
@@ -43,8 +43,10 @@ function EditStatus(props) {
43
43
  inputRef: inputRef,
44
44
  MenuProps: {
45
45
  onClose: handleSelectMenuClose,
46
- MenuListProps: {
47
- onKeyDown: handleSelectMenuListKeyDown
46
+ slotProps: {
47
+ list: {
48
+ onKeyDown: handleSelectMenuListKeyDown
49
+ }
48
50
  }
49
51
  },
50
52
  sx: {
@@ -17,14 +17,14 @@ const Value = (0, _styles.styled)('div')(({
17
17
  width: '100%',
18
18
  fontVariantNumeric: 'tabular-nums',
19
19
  '&.positive': (0, _extends2.default)({
20
- color: theme.palette.success.light
20
+ color: (theme.vars || theme).palette.success.light
21
21
  }, theme.applyStyles('light', {
22
- color: theme.palette.success.dark
22
+ color: (theme.vars || theme).palette.success.dark
23
23
  })),
24
24
  '&.negative': (0, _extends2.default)({
25
- color: theme.palette.error.light
25
+ color: (theme.vars || theme).palette.error.light
26
26
  }, theme.applyStyles('light', {
27
- color: theme.palette.error.dark
27
+ color: (theme.vars || theme).palette.error.dark
28
28
  }))
29
29
  }));
30
30
  function pnlFormatter(value) {
@@ -9,14 +9,14 @@ const Value = styled('div')(({
9
9
  width: '100%',
10
10
  fontVariantNumeric: 'tabular-nums',
11
11
  '&.positive': _extends({
12
- color: theme.palette.success.light
12
+ color: (theme.vars || theme).palette.success.light
13
13
  }, theme.applyStyles('light', {
14
- color: theme.palette.success.dark
14
+ color: (theme.vars || theme).palette.success.dark
15
15
  })),
16
16
  '&.negative': _extends({
17
- color: theme.palette.error.light
17
+ color: (theme.vars || theme).palette.error.light
18
18
  }, theme.applyStyles('light', {
19
- color: theme.palette.error.dark
19
+ color: (theme.vars || theme).palette.error.dark
20
20
  }))
21
21
  }));
22
22
  function pnlFormatter(value) {
@@ -22,18 +22,18 @@ const Value = (0, _styles.styled)('div')(({
22
22
  alignItems: 'center',
23
23
  justifyContent: 'flex-end',
24
24
  '&.good': {
25
- color: theme.vars ? `rgb(${theme.vars.palette.success.mainChannel})` : theme.palette.success.main
25
+ color: (theme.vars || theme).palette.success.main
26
26
  },
27
27
  '&.bad': {
28
- color: theme.vars ? `rgb(${theme.vars.palette.error.mainChannel})` : theme.palette.error.main
28
+ color: (theme.vars || theme).palette.error.main
29
29
  },
30
30
  '&.filled.good': {
31
31
  color: 'inherit',
32
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.success.mainChannel} / 0.3)` : (0, _styles.alpha)(theme.palette.success.main, 0.3)
32
+ backgroundColor: theme.alpha((theme.vars || theme).palette.success.main, 0.3)
33
33
  },
34
34
  '&.filled.bad': {
35
35
  color: 'inherit',
36
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.error.mainChannel} / 0.3)` : (0, _styles.alpha)(theme.palette.error.main, 0.3)
36
+ backgroundColor: theme.alpha((theme.vars || theme).palette.error.main, 0.3)
37
37
  }
38
38
  }));
39
39
  const currencyFormatter = new Intl.NumberFormat('en-US', {
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import clsx from 'clsx';
3
- import { alpha, styled } from '@mui/material/styles';
3
+ import { styled } from '@mui/material/styles';
4
4
  import { jsx as _jsx } from "react/jsx-runtime";
5
5
  const Value = styled('div')(({
6
6
  theme
@@ -14,18 +14,18 @@ const Value = styled('div')(({
14
14
  alignItems: 'center',
15
15
  justifyContent: 'flex-end',
16
16
  '&.good': {
17
- color: theme.vars ? `rgb(${theme.vars.palette.success.mainChannel})` : theme.palette.success.main
17
+ color: (theme.vars || theme).palette.success.main
18
18
  },
19
19
  '&.bad': {
20
- color: theme.vars ? `rgb(${theme.vars.palette.error.mainChannel})` : theme.palette.error.main
20
+ color: (theme.vars || theme).palette.error.main
21
21
  },
22
22
  '&.filled.good': {
23
23
  color: 'inherit',
24
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.success.mainChannel} / 0.3)` : alpha(theme.palette.success.main, 0.3)
24
+ backgroundColor: theme.alpha((theme.vars || theme).palette.success.main, 0.3)
25
25
  },
26
26
  '&.filled.bad': {
27
27
  color: 'inherit',
28
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.error.mainChannel} / 0.3)` : alpha(theme.palette.error.main, 0.3)
28
+ backgroundColor: theme.alpha((theme.vars || theme).palette.error.main, 0.3)
29
29
  }
30
30
  }));
31
31
  const currencyFormatter = new Intl.NumberFormat('en-US', {