@mui/x-charts 6.19.1 → 6.19.4

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.
Files changed (172) hide show
  1. package/BarChart/BarChart.js +12 -9
  2. package/BarChart/BarElement.d.ts +43 -23
  3. package/BarChart/BarElement.js +1 -0
  4. package/BarChart/BarPlot.js +9 -10
  5. package/CHANGELOG.md +140 -0
  6. package/ChartsAxis/ChartsAxis.js +4 -4
  7. package/ChartsLegend/ChartsLegend.d.ts +5 -2
  8. package/ChartsLegend/ChartsLegend.js +36 -1
  9. package/ChartsReferenceLine/ChartsReferenceLine.js +8 -4
  10. package/ChartsReferenceLine/common.d.ts +2 -1
  11. package/ChartsSurface.d.ts +2 -2
  12. package/ChartsSurface.js +33 -1
  13. package/ChartsTooltip/ChartsAxisTooltipContent.js +6 -58
  14. package/ChartsTooltip/ChartsItemTooltipContent.js +18 -4
  15. package/ChartsTooltip/ChartsTooltipTable.d.ts +1 -1
  16. package/ChartsTooltip/ChartsTooltipTable.js +2 -0
  17. package/ChartsTooltip/DefaultChartsAxisTooltipContent.js +4 -56
  18. package/ChartsTooltip/DefaultChartsItemTooltipContent.js +17 -3
  19. package/ChartsXAxis/ChartsXAxis.js +13 -9
  20. package/ChartsYAxis/ChartsYAxis.js +1 -1
  21. package/LineChart/AreaElement.d.ts +7 -4
  22. package/LineChart/AreaElement.js +1 -0
  23. package/LineChart/LineChart.d.ts +1 -0
  24. package/LineChart/LineChart.js +13 -9
  25. package/LineChart/LineElement.d.ts +7 -4
  26. package/LineChart/LineElement.js +1 -0
  27. package/LineChart/LineHighlightElement.d.ts +3 -2
  28. package/LineChart/LineHighlightElement.js +2 -1
  29. package/LineChart/MarkElement.d.ts +3 -2
  30. package/LineChart/MarkElement.js +1 -0
  31. package/PieChart/PieArc.d.ts +3 -2
  32. package/PieChart/PieArc.js +1 -0
  33. package/PieChart/PieArcLabel.d.ts +3 -2
  34. package/PieChart/PieArcLabel.js +1 -0
  35. package/PieChart/PieArcLabelPlot.d.ts +5 -0
  36. package/PieChart/PieArcLabelPlot.js +3 -1
  37. package/PieChart/PieArcPlot.d.ts +5 -0
  38. package/PieChart/PieArcPlot.js +2 -1
  39. package/PieChart/PieChart.d.ts +14 -2
  40. package/PieChart/PieChart.js +14 -11
  41. package/ScatterChart/Scatter.js +1 -1
  42. package/ScatterChart/ScatterChart.js +12 -9
  43. package/SparkLineChart/SparkLineChart.d.ts +15 -1
  44. package/SparkLineChart/SparkLineChart.js +11 -3
  45. package/context/CartesianContextProvider.d.ts +1 -1
  46. package/context/CartesianContextProvider.js +15 -12
  47. package/context/DrawingProvider.d.ts +1 -1
  48. package/context/DrawingProvider.js +8 -7
  49. package/context/HighlightProvider.d.ts +2 -2
  50. package/context/HighlightProvider.js +4 -3
  51. package/context/InteractionProvider.d.ts +4 -4
  52. package/context/InteractionProvider.js +4 -3
  53. package/context/SeriesContextProvider.d.ts +3 -1
  54. package/context/SeriesContextProvider.js +7 -6
  55. package/esm/BarChart/BarChart.js +12 -9
  56. package/esm/BarChart/BarElement.js +1 -0
  57. package/esm/BarChart/BarPlot.js +8 -10
  58. package/esm/ChartsAxis/ChartsAxis.js +4 -4
  59. package/esm/ChartsLegend/ChartsLegend.js +38 -2
  60. package/esm/ChartsReferenceLine/ChartsReferenceLine.js +8 -4
  61. package/esm/ChartsSurface.js +35 -2
  62. package/esm/ChartsTooltip/ChartsAxisTooltipContent.js +6 -58
  63. package/esm/ChartsTooltip/ChartsItemTooltipContent.js +18 -4
  64. package/esm/ChartsTooltip/ChartsTooltipTable.js +2 -0
  65. package/esm/ChartsTooltip/DefaultChartsAxisTooltipContent.js +4 -56
  66. package/esm/ChartsTooltip/DefaultChartsItemTooltipContent.js +17 -3
  67. package/esm/ChartsXAxis/ChartsXAxis.js +13 -9
  68. package/esm/ChartsYAxis/ChartsYAxis.js +1 -1
  69. package/esm/LineChart/AreaElement.js +1 -0
  70. package/esm/LineChart/LineChart.js +13 -9
  71. package/esm/LineChart/LineElement.js +1 -0
  72. package/esm/LineChart/LineHighlightElement.js +2 -1
  73. package/esm/LineChart/MarkElement.js +1 -0
  74. package/esm/PieChart/PieArc.js +1 -0
  75. package/esm/PieChart/PieArcLabel.js +1 -0
  76. package/esm/PieChart/PieArcLabelPlot.js +3 -1
  77. package/esm/PieChart/PieArcPlot.js +2 -1
  78. package/esm/PieChart/PieChart.js +14 -11
  79. package/esm/ScatterChart/Scatter.js +1 -1
  80. package/esm/ScatterChart/ScatterChart.js +12 -9
  81. package/esm/SparkLineChart/SparkLineChart.js +11 -3
  82. package/esm/context/CartesianContextProvider.js +15 -12
  83. package/esm/context/DrawingProvider.js +8 -7
  84. package/esm/context/HighlightProvider.js +6 -4
  85. package/esm/context/InteractionProvider.js +6 -4
  86. package/esm/context/SeriesContextProvider.js +9 -7
  87. package/esm/hooks/useDrawingArea.js +7 -3
  88. package/esm/index.js +2 -0
  89. package/hooks/useDrawingArea.d.ts +2 -0
  90. package/hooks/useDrawingArea.js +7 -3
  91. package/index.d.ts +2 -0
  92. package/index.js +23 -1
  93. package/internals/defaultizeColor.d.ts +15 -15
  94. package/internals/defaultizeValueFormatter.d.ts +4 -7
  95. package/internals/stackSeries.d.ts +4 -7
  96. package/legacy/BarChart/BarChart.js +12 -9
  97. package/legacy/BarChart/BarElement.js +1 -0
  98. package/legacy/BarChart/BarPlot.js +10 -10
  99. package/legacy/ChartsAxis/ChartsAxis.js +4 -4
  100. package/legacy/ChartsLegend/ChartsLegend.js +38 -2
  101. package/legacy/ChartsReferenceLine/ChartsReferenceLine.js +6 -4
  102. package/legacy/ChartsReferenceLine/common.js +3 -4
  103. package/legacy/ChartsSurface.js +35 -2
  104. package/legacy/ChartsTooltip/ChartsAxisTooltipContent.js +6 -58
  105. package/legacy/ChartsTooltip/ChartsItemTooltipContent.js +18 -4
  106. package/legacy/ChartsTooltip/ChartsTooltipTable.js +8 -7
  107. package/legacy/ChartsTooltip/DefaultChartsAxisTooltipContent.js +4 -56
  108. package/legacy/ChartsTooltip/DefaultChartsItemTooltipContent.js +17 -3
  109. package/legacy/ChartsXAxis/ChartsXAxis.js +12 -8
  110. package/legacy/ChartsYAxis/ChartsYAxis.js +1 -1
  111. package/legacy/LineChart/AreaElement.js +1 -0
  112. package/legacy/LineChart/LineChart.js +13 -9
  113. package/legacy/LineChart/LineElement.js +1 -0
  114. package/legacy/LineChart/LineHighlightElement.js +2 -1
  115. package/legacy/LineChart/MarkElement.js +1 -0
  116. package/legacy/PieChart/PieArc.js +1 -0
  117. package/legacy/PieChart/PieArcLabel.js +1 -0
  118. package/legacy/PieChart/PieArcLabelPlot.js +3 -1
  119. package/legacy/PieChart/PieArcPlot.js +2 -1
  120. package/legacy/PieChart/PieChart.js +14 -11
  121. package/legacy/ScatterChart/Scatter.js +1 -1
  122. package/legacy/ScatterChart/ScatterChart.js +12 -9
  123. package/legacy/SparkLineChart/SparkLineChart.js +11 -3
  124. package/legacy/context/CartesianContextProvider.js +23 -21
  125. package/legacy/context/DrawingProvider.js +6 -6
  126. package/legacy/context/HighlightProvider.js +4 -3
  127. package/legacy/context/InteractionProvider.js +4 -3
  128. package/legacy/context/SeriesContextProvider.js +8 -7
  129. package/legacy/hooks/useDrawingArea.js +7 -3
  130. package/legacy/index.js +3 -1
  131. package/legacy/internals/components/AxisSharedComponents.js +5 -6
  132. package/models/axis.d.ts +7 -2
  133. package/models/seriesType/common.d.ts +2 -1
  134. package/models/seriesType/config.d.ts +7 -12
  135. package/models/seriesType/line.d.ts +2 -2
  136. package/models/seriesType/pie.d.ts +8 -3
  137. package/models/seriesType/scatter.d.ts +5 -2
  138. package/modern/BarChart/BarChart.js +12 -9
  139. package/modern/BarChart/BarElement.js +1 -0
  140. package/modern/BarChart/BarPlot.js +8 -10
  141. package/modern/ChartsAxis/ChartsAxis.js +4 -4
  142. package/modern/ChartsLegend/ChartsLegend.js +38 -2
  143. package/modern/ChartsReferenceLine/ChartsReferenceLine.js +8 -4
  144. package/modern/ChartsSurface.js +35 -2
  145. package/modern/ChartsTooltip/ChartsAxisTooltipContent.js +6 -58
  146. package/modern/ChartsTooltip/ChartsItemTooltipContent.js +18 -4
  147. package/modern/ChartsTooltip/ChartsTooltipTable.js +2 -0
  148. package/modern/ChartsTooltip/DefaultChartsAxisTooltipContent.js +4 -56
  149. package/modern/ChartsTooltip/DefaultChartsItemTooltipContent.js +17 -3
  150. package/modern/ChartsXAxis/ChartsXAxis.js +13 -9
  151. package/modern/ChartsYAxis/ChartsYAxis.js +1 -1
  152. package/modern/LineChart/AreaElement.js +1 -0
  153. package/modern/LineChart/LineChart.js +13 -9
  154. package/modern/LineChart/LineElement.js +1 -0
  155. package/modern/LineChart/LineHighlightElement.js +2 -1
  156. package/modern/LineChart/MarkElement.js +1 -0
  157. package/modern/PieChart/PieArc.js +1 -0
  158. package/modern/PieChart/PieArcLabel.js +1 -0
  159. package/modern/PieChart/PieArcLabelPlot.js +3 -1
  160. package/modern/PieChart/PieArcPlot.js +2 -1
  161. package/modern/PieChart/PieChart.js +14 -11
  162. package/modern/ScatterChart/Scatter.js +1 -1
  163. package/modern/ScatterChart/ScatterChart.js +12 -9
  164. package/modern/SparkLineChart/SparkLineChart.js +11 -3
  165. package/modern/context/CartesianContextProvider.js +15 -12
  166. package/modern/context/DrawingProvider.js +8 -7
  167. package/modern/context/HighlightProvider.js +6 -4
  168. package/modern/context/InteractionProvider.js +6 -4
  169. package/modern/context/SeriesContextProvider.js +9 -7
  170. package/modern/hooks/useDrawingArea.js +7 -3
  171. package/modern/index.js +3 -1
  172. package/package.json +1 -1
@@ -136,7 +136,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
136
136
  * @default xAxisIds[0] The id of the first provided axis
137
137
  */
138
138
  bottomAxis: _propTypes.default.oneOfType([_propTypes.default.shape({
139
- axisId: _propTypes.default.string,
139
+ axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
140
140
  classes: _propTypes.default.object,
141
141
  disableLine: _propTypes.default.bool,
142
142
  disableTicks: _propTypes.default.bool,
@@ -161,6 +161,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
161
161
  className: _propTypes.default.string,
162
162
  /**
163
163
  * Color palette used to colorize multiple series.
164
+ * @default blueberryTwilightPalette
164
165
  */
165
166
  colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
166
167
  /**
@@ -186,7 +187,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
186
187
  * @default yAxisIds[0] The id of the first provided axis
187
188
  */
188
189
  leftAxis: _propTypes.default.oneOfType([_propTypes.default.shape({
189
- axisId: _propTypes.default.string,
190
+ axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
190
191
  classes: _propTypes.default.object,
191
192
  disableLine: _propTypes.default.bool,
192
193
  disableTicks: _propTypes.default.bool,
@@ -239,7 +240,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
239
240
  * @default null
240
241
  */
241
242
  rightAxis: _propTypes.default.oneOfType([_propTypes.default.shape({
242
- axisId: _propTypes.default.string,
243
+ axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
243
244
  classes: _propTypes.default.object,
244
245
  disableLine: _propTypes.default.bool,
245
246
  disableTicks: _propTypes.default.bool,
@@ -268,7 +269,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
268
269
  faded: _propTypes.default.oneOf(['global', 'none', 'series']),
269
270
  highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
270
271
  }),
271
- id: _propTypes.default.string,
272
+ id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
272
273
  label: _propTypes.default.string,
273
274
  layout: _propTypes.default.oneOf(['horizontal', 'vertical']),
274
275
  stack: _propTypes.default.string,
@@ -310,7 +311,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
310
311
  * @default null
311
312
  */
312
313
  topAxis: _propTypes.default.oneOfType([_propTypes.default.shape({
313
- axisId: _propTypes.default.string,
314
+ axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
314
315
  classes: _propTypes.default.object,
315
316
  disableLine: _propTypes.default.bool,
316
317
  disableTicks: _propTypes.default.bool,
@@ -347,7 +348,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
347
348
  * If not provided, a default axis config is used with id set to `DEFAULT_X_AXIS_KEY`.
348
349
  */
349
350
  xAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
350
- axisId: _propTypes.default.string,
351
+ axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
351
352
  classes: _propTypes.default.object,
352
353
  data: _propTypes.default.array,
353
354
  dataKey: _propTypes.default.string,
@@ -355,13 +356,14 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
355
356
  disableTicks: _propTypes.default.bool,
356
357
  fill: _propTypes.default.string,
357
358
  hideTooltip: _propTypes.default.bool,
358
- id: _propTypes.default.string,
359
+ id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
359
360
  label: _propTypes.default.string,
360
361
  labelFontSize: _propTypes.default.number,
361
362
  labelStyle: _propTypes.default.object,
362
363
  max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
363
364
  min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
364
365
  position: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
366
+ reverse: _propTypes.default.bool,
365
367
  scaleType: _propTypes.default.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
366
368
  slotProps: _propTypes.default.object,
367
369
  slots: _propTypes.default.object,
@@ -381,7 +383,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
381
383
  * If not provided, a default axis config is used with id set to `DEFAULT_Y_AXIS_KEY`.
382
384
  */
383
385
  yAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
384
- axisId: _propTypes.default.string,
386
+ axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
385
387
  classes: _propTypes.default.object,
386
388
  data: _propTypes.default.array,
387
389
  dataKey: _propTypes.default.string,
@@ -389,13 +391,14 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
389
391
  disableTicks: _propTypes.default.bool,
390
392
  fill: _propTypes.default.string,
391
393
  hideTooltip: _propTypes.default.bool,
392
- id: _propTypes.default.string,
394
+ id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
393
395
  label: _propTypes.default.string,
394
396
  labelFontSize: _propTypes.default.number,
395
397
  labelStyle: _propTypes.default.object,
396
398
  max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
397
399
  min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
398
400
  position: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
401
+ reverse: _propTypes.default.bool,
399
402
  scaleType: _propTypes.default.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
400
403
  slotProps: _propTypes.default.object,
401
404
  slots: _propTypes.default.object,
@@ -1,13 +1,14 @@
1
1
  import * as React from 'react';
2
2
  import { SlotComponentProps } from '@mui/base/utils';
3
3
  import { HighlightScope } from '../context/HighlightProvider';
4
+ import { SeriesId } from '../models/seriesType/common';
4
5
  export interface BarElementClasses {
5
6
  /** Styles applied to the root element. */
6
7
  root: string;
7
8
  }
8
9
  export type BarElementClassKey = keyof BarElementClasses;
9
10
  export interface BarElementOwnerState {
10
- id: string;
11
+ id: SeriesId;
11
12
  dataIndex: number;
12
13
  color: string;
13
14
  isFaded: boolean;
@@ -37,6 +38,8 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
37
38
  animationIterationCount?: import("csstype").Property.AnimationIterationCount | undefined;
38
39
  animationName?: import("csstype").Property.AnimationName | undefined;
39
40
  animationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
41
+ animationRangeEnd?: import("csstype").Property.AnimationRangeEnd<string | number> | undefined;
42
+ animationRangeStart?: import("csstype").Property.AnimationRangeStart<string | number> | undefined;
40
43
  animationTimeline?: import("csstype").Property.AnimationTimeline | undefined;
41
44
  animationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
42
45
  appearance?: import("csstype").Property.Appearance | undefined;
@@ -158,6 +161,10 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
158
161
  fontStretch?: import("csstype").Property.FontStretch | undefined;
159
162
  fontStyle?: import("csstype").Property.FontStyle | undefined;
160
163
  fontSynthesis?: import("csstype").Property.FontSynthesis | undefined;
164
+ fontSynthesisPosition?: import("csstype").Property.FontSynthesisPosition | undefined;
165
+ fontSynthesisSmallCaps?: import("csstype").Property.FontSynthesisSmallCaps | undefined;
166
+ fontSynthesisStyle?: import("csstype").Property.FontSynthesisStyle | undefined;
167
+ fontSynthesisWeight?: import("csstype").Property.FontSynthesisWeight | undefined;
161
168
  fontVariant?: import("csstype").Property.FontVariant | undefined;
162
169
  fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
163
170
  fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
@@ -231,6 +238,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
231
238
  maskRepeat?: import("csstype").Property.MaskRepeat | undefined;
232
239
  maskSize?: import("csstype").Property.MaskSize<string | number> | undefined;
233
240
  maskType?: import("csstype").Property.MaskType | undefined;
241
+ masonryAutoFlow?: import("csstype").Property.MasonryAutoFlow | undefined;
234
242
  mathDepth?: import("csstype").Property.MathDepth | undefined;
235
243
  mathShift?: import("csstype").Property.MathShift | undefined;
236
244
  mathStyle?: import("csstype").Property.MathStyle | undefined;
@@ -270,6 +278,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
270
278
  overflowWrap?: import("csstype").Property.OverflowWrap | undefined;
271
279
  overflowX?: import("csstype").Property.OverflowX | undefined;
272
280
  overflowY?: import("csstype").Property.OverflowY | undefined;
281
+ overlay?: import("csstype").Property.Overlay | undefined;
273
282
  overscrollBehaviorBlock?: import("csstype").Property.OverscrollBehaviorBlock | undefined;
274
283
  overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
275
284
  overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
@@ -357,12 +366,15 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
357
366
  textTransform?: import("csstype").Property.TextTransform | undefined;
358
367
  textUnderlineOffset?: import("csstype").Property.TextUnderlineOffset<string | number> | undefined;
359
368
  textUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | undefined;
369
+ textWrap?: import("csstype").Property.TextWrap | undefined;
370
+ timelineScope?: import("csstype").Property.TimelineScope | undefined;
360
371
  top?: import("csstype").Property.Top<string | number> | undefined;
361
372
  touchAction?: import("csstype").Property.TouchAction | undefined;
362
373
  transform?: string | undefined;
363
374
  transformBox?: import("csstype").Property.TransformBox | undefined;
364
375
  transformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
365
376
  transformStyle?: import("csstype").Property.TransformStyle | undefined;
377
+ transitionBehavior?: import("csstype").Property.TransitionBehavior | undefined;
366
378
  transitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
367
379
  transitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
368
380
  transitionProperty?: import("csstype").Property.TransitionProperty | undefined;
@@ -371,9 +383,14 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
371
383
  unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
372
384
  userSelect?: import("csstype").Property.UserSelect | undefined;
373
385
  verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
386
+ viewTimelineAxis?: import("csstype").Property.ViewTimelineAxis | undefined;
387
+ viewTimelineInset?: import("csstype").Property.ViewTimelineInset<string | number> | undefined;
388
+ viewTimelineName?: import("csstype").Property.ViewTimelineName | undefined;
374
389
  viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
375
390
  visibility?: import("csstype").Property.Visibility | undefined;
376
391
  whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
392
+ whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | undefined;
393
+ whiteSpaceTrim?: import("csstype").Property.WhiteSpaceTrim | undefined;
377
394
  widows?: import("csstype").Property.Widows | undefined;
378
395
  width?: import("csstype").Property.Width<string | number> | undefined;
379
396
  willChange?: import("csstype").Property.WillChange | undefined;
@@ -385,6 +402,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
385
402
  zoom?: import("csstype").Property.Zoom | undefined;
386
403
  all?: import("csstype").Globals | undefined;
387
404
  animation?: import("csstype").Property.Animation<string & {}> | undefined;
405
+ animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
388
406
  background?: import("csstype").Property.Background<string | number> | undefined;
389
407
  backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | undefined;
390
408
  border?: import("csstype").Property.Border<string | number> | undefined;
@@ -449,6 +467,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
449
467
  textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
450
468
  textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
451
469
  transition?: import("csstype").Property.Transition<string & {}> | undefined;
470
+ viewTimeline?: import("csstype").Property.ViewTimeline | undefined;
452
471
  MozAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
453
472
  MozAnimationDirection?: import("csstype").Property.AnimationDirection | undefined;
454
473
  MozAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | undefined;
@@ -458,7 +477,6 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
458
477
  MozAnimationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
459
478
  MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
460
479
  MozAppearance?: import("csstype").Property.MozAppearance | undefined;
461
- MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
462
480
  MozBinding?: import("csstype").Property.MozBinding | undefined;
463
481
  MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
464
482
  MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
@@ -485,20 +503,16 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
485
503
  MozMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
486
504
  MozOrient?: import("csstype").Property.MozOrient | undefined;
487
505
  MozOsxFontSmoothing?: import("csstype").Property.FontSmooth<string | number> | undefined;
506
+ MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
507
+ MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
508
+ MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
509
+ MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
488
510
  MozPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
489
511
  MozPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
490
- MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
491
- MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
492
512
  MozStackSizing?: import("csstype").Property.MozStackSizing | undefined;
493
513
  MozTabSize?: import("csstype").Property.TabSize<string | number> | undefined;
494
514
  MozTextBlink?: import("csstype").Property.MozTextBlink | undefined;
495
515
  MozTextSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
496
- MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
497
- MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
498
- MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
499
- MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
500
- MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
501
- MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
502
516
  MozUserFocus?: import("csstype").Property.MozUserFocus | undefined;
503
517
  MozUserModify?: import("csstype").Property.MozUserModify | undefined;
504
518
  MozUserSelect?: import("csstype").Property.UserSelect | undefined;
@@ -678,7 +692,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
678
692
  MozBorderImage?: import("csstype").Property.BorderImage | undefined;
679
693
  MozColumnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
680
694
  MozColumns?: import("csstype").Property.Columns<string | number> | undefined;
681
- MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
695
+ MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
682
696
  msContentZoomLimit?: import("csstype").Property.MsContentZoomLimit | undefined;
683
697
  msContentZoomSnap?: import("csstype").Property.MsContentZoomSnap | undefined;
684
698
  msFlex?: import("csstype").Property.Flex<string | number> | undefined;
@@ -736,6 +750,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
736
750
  KhtmlLineBreak?: import("csstype").Property.LineBreak | undefined;
737
751
  KhtmlOpacity?: import("csstype").Property.Opacity | undefined;
738
752
  KhtmlUserSelect?: import("csstype").Property.UserSelect | undefined;
753
+ MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
739
754
  MozBackgroundClip?: import("csstype").Property.BackgroundClip | undefined;
740
755
  MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
741
756
  MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
@@ -757,17 +772,22 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
757
772
  MozOpacity?: import("csstype").Property.Opacity | undefined;
758
773
  MozOutline?: import("csstype").Property.Outline<string | number> | undefined;
759
774
  MozOutlineColor?: import("csstype").Property.OutlineColor | undefined;
760
- MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
761
- MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
762
- MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
763
- MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
764
- MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
765
775
  MozOutlineStyle?: import("csstype").Property.OutlineStyle | undefined;
766
776
  MozOutlineWidth?: import("csstype").Property.OutlineWidth<string | number> | undefined;
777
+ MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
778
+ MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
767
779
  MozTextAlignLast?: import("csstype").Property.TextAlignLast | undefined;
768
780
  MozTextDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
769
781
  MozTextDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
770
782
  MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
783
+ MozTransform?: import("csstype").Property.Transform | undefined;
784
+ MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
785
+ MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
786
+ MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
787
+ MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
788
+ MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
789
+ MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
790
+ MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
771
791
  MozUserInput?: import("csstype").Property.MozUserInput | undefined;
772
792
  msImeMode?: import("csstype").Property.ImeMode | undefined;
773
793
  OAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
@@ -800,8 +820,6 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
800
820
  WebkitBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
801
821
  WebkitBoxOrient?: import("csstype").Property.BoxOrient | undefined;
802
822
  WebkitBoxPack?: import("csstype").Property.BoxPack | undefined;
803
- WebkitScrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX | undefined;
804
- WebkitScrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | undefined;
805
823
  alignmentBaseline?: import("csstype").Property.AlignmentBaseline | undefined;
806
824
  baselineShift?: import("csstype").Property.BaselineShift<string | number> | undefined;
807
825
  clipRule?: import("csstype").Property.ClipRule | undefined;
@@ -932,6 +950,8 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
932
950
  method?: string | undefined;
933
951
  min?: string | number | undefined;
934
952
  name?: string | undefined;
953
+ target?: string | undefined;
954
+ type?: string | undefined;
935
955
  suppressHydrationWarning?: boolean | undefined;
936
956
  className?: string | undefined;
937
957
  id?: string | undefined;
@@ -991,8 +1011,6 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
991
1011
  "aria-valuemin"?: number | undefined;
992
1012
  "aria-valuenow"?: number | undefined;
993
1013
  "aria-valuetext"?: string | undefined;
994
- target?: string | undefined;
995
- type?: string | undefined;
996
1014
  accentHeight?: string | number | undefined;
997
1015
  allowReorder?: "yes" | "no" | undefined;
998
1016
  amplitude?: string | number | undefined;
@@ -1331,17 +1349,19 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
1331
1349
  scrollTop?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
1332
1350
  scrollLeft?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
1333
1351
  viewBox?: string | import("@react-spring/shared").FluidValue<string, any> | undefined;
1334
- }, "string" | "end" | "accumulate" | "local" | "color" | "clip" | "style" | "unicode" | "fill" | "stroke" | "x" | "y" | "clipPath" | "cursor" | "direction" | "display" | "filter" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "mask" | "offset" | "overflow" | "textDecoration" | "azimuth" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "additive" | "path" | "ref" | "key" | "crossOrigin" | "href" | "max" | "media" | "method" | "min" | "name" | "suppressHydrationWarning" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "target" | "type" | "accentHeight" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "scrollTop" | "scrollLeft"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
1352
+ }, "string" | "end" | "accumulate" | "local" | "color" | "clip" | "style" | "unicode" | "fill" | "stroke" | "x" | "y" | "clipPath" | "cursor" | "direction" | "display" | "filter" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "mask" | "offset" | "overflow" | "textDecoration" | "azimuth" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "additive" | "path" | "ref" | "key" | "crossOrigin" | "href" | "max" | "media" | "method" | "min" | "name" | "target" | "type" | "suppressHydrationWarning" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accentHeight" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "scrollTop" | "scrollLeft"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
1335
1353
  ownerState: BarElementOwnerState;
1336
1354
  }, {}, {}>;
1337
- export type BarElementProps = Omit<BarElementOwnerState, 'isFaded' | 'isHighlighted'> & React.ComponentPropsWithoutRef<'path'> & {
1355
+ export type BarElementProps = Omit<BarElementOwnerState, 'isFaded' | 'isHighlighted'> & Omit<React.ComponentPropsWithoutRef<'path'>, 'id'> & {
1338
1356
  highlightScope?: Partial<HighlightScope>;
1339
1357
  /**
1340
1358
  * The props used for each component slot.
1341
1359
  * @default {}
1342
1360
  */
1343
1361
  slotProps?: {
1344
- bar?: SlotComponentProps<'path', {}, BarElementOwnerState>;
1362
+ bar?: Omit<SlotComponentProps<'path', {}, BarElementOwnerState>, 'id'> & {
1363
+ id?: SeriesId;
1364
+ };
1345
1365
  };
1346
1366
  /**
1347
1367
  * Overridable component slots.
@@ -113,6 +113,7 @@ process.env.NODE_ENV !== "production" ? BarElement.propTypes = {
113
113
  faded: _propTypes.default.oneOf(['global', 'none', 'series']),
114
114
  highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
115
115
  }),
116
+ id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
116
117
  /**
117
118
  * The props used for each component slot.
118
119
  * @default {}
@@ -17,6 +17,8 @@ var _axis = require("../models/axis");
17
17
  var _constants = require("../constants");
18
18
  var _jsxRuntime = require("react/jsx-runtime");
19
19
  const _excluded = ["skipAnimation"];
20
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
21
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
20
22
  /**
21
23
  * Solution of the equations
22
24
  * W = barWidth * N + offset * (N-1)
@@ -26,8 +28,6 @@ const _excluded = ["skipAnimation"];
26
28
  * @param gapRatio The ratio of the gap between bars over the bar width.
27
29
  * @returns The bar width and the offset between bars.
28
30
  */
29
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
30
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
31
31
  function getBandSize({
32
32
  bandWidth: W,
33
33
  numberOfGroups: N,
@@ -109,20 +109,19 @@ const useCompletedData = () => {
109
109
  color
110
110
  } = series[seriesId];
111
111
  return stackedData.map((values, dataIndex) => {
112
- const bottom = Math.min(...values);
113
- const top = Math.max(...values);
112
+ const valueCoordinates = values.map(v => verticalLayout ? yScale(v) : xScale(v));
113
+ const minValueCoord = Math.min(...valueCoordinates);
114
+ const maxValueCoord = Math.max(...valueCoordinates);
114
115
  return {
115
- bottom,
116
- top,
117
116
  seriesId,
118
117
  dataIndex,
119
118
  layout: series[seriesId].layout,
120
- x: verticalLayout ? xScale(xAxis[xAxisKey].data?.[dataIndex]) + barOffset : xScale(bottom),
121
- y: verticalLayout ? yScale(top) : yScale(yAxis[yAxisKey].data?.[dataIndex]) + barOffset,
119
+ x: verticalLayout ? xScale(xAxis[xAxisKey].data?.[dataIndex]) + barOffset : minValueCoord,
120
+ y: verticalLayout ? minValueCoord : yScale(yAxis[yAxisKey].data?.[dataIndex]) + barOffset,
122
121
  xOrigin: xScale(0),
123
122
  yOrigin: yScale(0),
124
- height: verticalLayout ? Math.abs(yScale(bottom) - yScale(top)) : barWidth,
125
- width: verticalLayout ? barWidth : Math.abs(xScale(bottom) - xScale(top)),
123
+ height: verticalLayout ? maxValueCoord - minValueCoord : barWidth,
124
+ width: verticalLayout ? barWidth : maxValueCoord - minValueCoord,
126
125
  color,
127
126
  highlightScope: series[seriesId].highlightScope
128
127
  };
package/CHANGELOG.md CHANGED
@@ -3,6 +3,146 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## v6.19.4
7
+
8
+ _Feb 9, 2024_
9
+
10
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
11
+
12
+ - 🌍 Improve Danish (da-DK) locale on the Data Grid (#11972) @ShahrazH
13
+ - 🐞 Bugfixes
14
+ - 📚 Documentation improvements
15
+
16
+ ### Data Grid
17
+
18
+ #### `@mui/x-data-grid@v6.19.4`
19
+
20
+ - [DataGrid] Add support for dialogs in menu actions (#11937) @cherniavskii
21
+ - [DataGrid] Allow passing readonly arrays to `pageSizeOptions` prop (#11992) @pcorpet
22
+ - [DataGrid] Fix row reorder with cell selection (#11878) @PEsteves8
23
+ - [DataGrid] Replace `eval` with `new Function` (#11962) @cherniavskii
24
+ - [l10n] Improve Danish (da-DK) locale (#11972) @ShahrazH
25
+
26
+ #### `@mui/x-data-grid-pro@v6.19.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
27
+
28
+ Same changes as in `@mui/x-data-grid@v6.19.4`.
29
+
30
+ #### `@mui/x-data-grid-premium@v6.19.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
31
+
32
+ Same changes as in `@mui/x-data-grid-pro@v6.19.4`, plus:
33
+
34
+ - [DataGridPremium] Fix autosize grouping cell (#11990) @romgrk
35
+ - [DataGridPremium] Fix error after closing print export (#11889) @cherniavskii
36
+
37
+ ### Date Pickers
38
+
39
+ #### `@mui/x-date-pickers@v6.19.4`
40
+
41
+ - [pickers] Avoid relying on locale in Luxon `isWithinRange` method (#11940) @LukasTy
42
+
43
+ #### `@mui/x-date-pickers-pro@v6.19.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
44
+
45
+ Same changes as in `@mui/x-date-pickers@v6.19.4`.
46
+
47
+ ### Charts / `@mui/x-charts@v6.19.4`
48
+
49
+ - [charts] Add `reverse` property to axes (#11959) @alexfauquette
50
+ - [charts] Allow series ids to be numbers (#11960) @alexfauquette
51
+ - [charts] Fix Proptypes error by supporting string values for axes (#11953) @alexfauquette
52
+
53
+ ### Docs
54
+
55
+ - [docs] Add a note about `AdapterDateFnsV3` on the Getting Started page (#11987) @flaviendelangle
56
+ - [docs] Avoid the use of MUI Core @oliviertassinari
57
+ - [docs] Fix API links (#11930) @alexfauquette
58
+ - [docs] Fix `ChartsTooltip` typo (#11967) @thisisharsh7
59
+ - [docs] Refactor `Localization` documentation sections (#11997) @LukasTy
60
+ - [code] Simplify bug reproduction (#11932) @alexfauquette
61
+
62
+ ## 6.19.3
63
+
64
+ _Feb 1, 2024_
65
+
66
+ We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
67
+
68
+ - 🌍 Improve Hebrew (he-IL) locale (#11831) @danielmishan85
69
+ - 🐞 Bugfixes
70
+ - 📚 Documentation improvements
71
+
72
+ ### Data Grid
73
+
74
+ #### `@mui/x-data-grid@6.19.3`
75
+
76
+ - [l10n] Improve Hebrew (he-IL) locale (@danielmishan85) (#11831)
77
+
78
+ #### `@mui/x-data-grid-pro@6.19.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
79
+
80
+ Same changes as in `@mui/x-data-grid@6.19.3`.
81
+
82
+ #### `@mui/x-data-grid-premium@6.19.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
83
+
84
+ Same changes as in `@mui/x-data-grid-pro@6.19.3`.
85
+
86
+ ### Date Pickers
87
+
88
+ #### `@mui/x-date-pickers@6.19.3`
89
+
90
+ - [TimePicker] Add missing toolbar classes descriptions (#11862) @LukasTy
91
+
92
+ #### `@mui/x-date-pickers-pro@6.19.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
93
+
94
+ Same changes as in `@mui/x-date-pickers@6.19.3`.
95
+
96
+ ### Charts / `@mui/x-charts@6.19.3`
97
+
98
+ - [charts] Document how to modify color according to values (#11854) @alexfauquette
99
+
100
+ ### Docs
101
+
102
+ - [docs] Add a general uplift to the whats new page (#11883) @danilo-leal
103
+ - [docs] Fix 404 (#11852) @alexfauquette
104
+ - [docs] Fix <title> generation (#11825) @alexfauquette
105
+ - [docs] Fix docs:api when typo in slots typing (#11861) @alexfauquette
106
+ - [docs] Improve Support page (#11556) @oliviertassinari
107
+ - [docs] Sync support page with core @oliviertassinari
108
+ - [docs] These API don't exist in MUI X v6 @oliviertassinari
109
+ - [docs] Update whats new page with v7 Beta blogpost content (#11886) @joserodolfofreitas
110
+
111
+ ## 6.19.2
112
+
113
+ _Jan 25, 2024_
114
+
115
+ We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
116
+
117
+ - 🚀 Apply the `layout.tabs` class to `Tabs` slot (@LukasTy) (#11782)
118
+ - 🐞 Bugfixes
119
+
120
+ ### Date Pickers
121
+
122
+ #### `@mui/x-date-pickers@6.19.2`
123
+
124
+ - [pickers] Apply the `layout.tabs` class to `Tabs` slot (@LukasTy) (#11782)
125
+
126
+ #### `@mui/x-date-pickers-pro@6.19.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
127
+
128
+ Same changes as in `@mui/x-date-pickers@6.19.2`, plus:
129
+
130
+ - [DateRangePicker] Remove `calendars` prop on `Mobile` (@LukasTy) (#11771)
131
+
132
+ ### Data Grid
133
+
134
+ #### `@mui/x-data-grid@6.19.2`
135
+
136
+ - [DataGrid] Fix support for tree with more than 50,000 children (@zenazn) (#11808)
137
+
138
+ #### `@mui/x-data-grid-pro@6.19.2` [![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@6.19.2`.
141
+
142
+ #### `@mui/x-data-grid-premium@6.19.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
143
+
144
+ Same changes as in `@mui/x-data-grid-pro@6.19.2`.
145
+
6
146
  ## 6.19.1
7
147
 
8
148
  _Jan 19, 2024_
@@ -108,7 +108,7 @@ process.env.NODE_ENV !== "production" ? ChartsAxis.propTypes = {
108
108
  * @default xAxisIds[0] The id of the first provided axis
109
109
  */
110
110
  bottomAxis: _propTypes.default.oneOfType([_propTypes.default.shape({
111
- axisId: _propTypes.default.string,
111
+ axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
112
112
  classes: _propTypes.default.object,
113
113
  disableLine: _propTypes.default.bool,
114
114
  disableTicks: _propTypes.default.bool,
@@ -135,7 +135,7 @@ process.env.NODE_ENV !== "production" ? ChartsAxis.propTypes = {
135
135
  * @default yAxisIds[0] The id of the first provided axis
136
136
  */
137
137
  leftAxis: _propTypes.default.oneOfType([_propTypes.default.shape({
138
- axisId: _propTypes.default.string,
138
+ axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
139
139
  classes: _propTypes.default.object,
140
140
  disableLine: _propTypes.default.bool,
141
141
  disableTicks: _propTypes.default.bool,
@@ -162,7 +162,7 @@ process.env.NODE_ENV !== "production" ? ChartsAxis.propTypes = {
162
162
  * @default null
163
163
  */
164
164
  rightAxis: _propTypes.default.oneOfType([_propTypes.default.shape({
165
- axisId: _propTypes.default.string,
165
+ axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
166
166
  classes: _propTypes.default.object,
167
167
  disableLine: _propTypes.default.bool,
168
168
  disableTicks: _propTypes.default.bool,
@@ -199,7 +199,7 @@ process.env.NODE_ENV !== "production" ? ChartsAxis.propTypes = {
199
199
  * @default null
200
200
  */
201
201
  topAxis: _propTypes.default.oneOfType([_propTypes.default.shape({
202
- axisId: _propTypes.default.string,
202
+ axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
203
203
  classes: _propTypes.default.object,
204
204
  disableLine: _propTypes.default.bool,
205
205
  disableTicks: _propTypes.default.bool,
@@ -88,5 +88,8 @@ export interface LegendRendererProps extends Omit<DefaultizedChartsLegendProps,
88
88
  */
89
89
  padding?: number | Partial<CardinalDirections<number>>;
90
90
  }
91
- export declare function ChartsLegend(inProps: ChartsLegendProps): React.JSX.Element;
92
- export {};
91
+ declare function ChartsLegend(inProps: ChartsLegendProps): React.JSX.Element;
92
+ declare namespace ChartsLegend {
93
+ var propTypes: any;
94
+ }
95
+ export { ChartsLegend };