@mui/x-charts 7.0.0-alpha.7 → 7.0.0-alpha.8
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/BarChart/BarChart.js +1 -0
- package/BarChart/BarElement.d.ts +37 -20
- package/BarChart/BarPlot.js +4 -4
- package/BarChart/formatter.js +1 -1
- package/CHANGELOG.md +175 -49
- package/ChartsAxis/ChartsAxis.js +4 -4
- package/ChartsReferenceLine/ChartsReferenceLine.js +9 -5
- package/ChartsSurface.d.ts +2 -2
- package/ChartsSurface.js +33 -1
- package/ChartsTooltip/ChartsTooltipTable.d.ts +1 -1
- package/ChartsTooltip/ChartsTooltipTable.js +2 -0
- package/LineChart/AreaPlot.js +2 -2
- package/LineChart/LineChart.d.ts +1 -0
- package/LineChart/LineChart.js +2 -0
- package/LineChart/LineHighlightPlot.js +1 -1
- package/LineChart/LinePlot.js +2 -2
- package/LineChart/MarkPlot.js +1 -1
- package/LineChart/formatter.js +1 -1
- package/PieChart/PieArcLabelPlot.d.ts +5 -0
- package/PieChart/PieArcLabelPlot.js +2 -0
- package/PieChart/PieArcPlot.d.ts +5 -0
- package/PieChart/PieArcPlot.js +1 -0
- package/PieChart/PieChart.d.ts +14 -2
- package/PieChart/PieChart.js +3 -2
- package/ResponsiveChartContainer/index.js +2 -2
- package/ScatterChart/ScatterChart.js +1 -0
- package/SparkLineChart/SparkLineChart.d.ts +15 -1
- package/SparkLineChart/SparkLineChart.js +8 -1
- package/context/CartesianContextProvider.d.ts +1 -1
- package/context/CartesianContextProvider.js +9 -8
- package/context/DrawingProvider.d.ts +1 -1
- package/context/DrawingProvider.js +8 -7
- package/context/HighlightProvider.d.ts +2 -2
- package/context/HighlightProvider.js +4 -3
- package/context/InteractionProvider.d.ts +2 -2
- package/context/InteractionProvider.js +4 -3
- package/context/SeriesContextProvider.d.ts +3 -1
- package/context/SeriesContextProvider.js +8 -7
- package/esm/BarChart/BarChart.js +1 -0
- package/esm/BarChart/BarPlot.js +4 -4
- package/esm/BarChart/formatter.js +1 -1
- package/esm/ChartsAxis/ChartsAxis.js +4 -4
- package/esm/ChartsReferenceLine/ChartsReferenceLine.js +9 -5
- package/esm/ChartsSurface.js +35 -2
- package/esm/ChartsTooltip/ChartsTooltipTable.js +2 -0
- package/esm/LineChart/AreaPlot.js +2 -2
- package/esm/LineChart/LineChart.js +2 -0
- package/esm/LineChart/LineHighlightPlot.js +1 -1
- package/esm/LineChart/LinePlot.js +2 -2
- package/esm/LineChart/MarkPlot.js +1 -1
- package/esm/LineChart/formatter.js +1 -1
- package/esm/PieChart/PieArcLabelPlot.js +2 -0
- package/esm/PieChart/PieArcPlot.js +1 -0
- package/esm/PieChart/PieChart.js +3 -2
- package/esm/ResponsiveChartContainer/index.js +2 -2
- package/esm/ScatterChart/ScatterChart.js +1 -0
- package/esm/SparkLineChart/SparkLineChart.js +8 -1
- package/esm/context/CartesianContextProvider.js +9 -8
- package/esm/context/DrawingProvider.js +8 -7
- package/esm/context/HighlightProvider.js +6 -4
- package/esm/context/InteractionProvider.js +6 -4
- package/esm/context/SeriesContextProvider.js +10 -8
- package/esm/index.js +1 -0
- package/esm/internals/domUtils.js +3 -1
- package/index.d.ts +1 -0
- package/index.js +12 -1
- package/internals/domUtils.js +3 -1
- package/legacy/BarChart/BarChart.js +1 -0
- package/legacy/BarChart/BarPlot.js +4 -4
- package/legacy/BarChart/formatter.js +1 -1
- package/legacy/ChartsAxis/ChartsAxis.js +4 -4
- package/legacy/ChartsReferenceLine/ChartsReferenceLine.js +7 -5
- package/legacy/ChartsSurface.js +35 -2
- package/legacy/ChartsTooltip/ChartsTooltipTable.js +2 -0
- package/legacy/LineChart/AreaPlot.js +2 -2
- package/legacy/LineChart/LineChart.js +2 -0
- package/legacy/LineChart/LineHighlightPlot.js +1 -1
- package/legacy/LineChart/LinePlot.js +2 -2
- package/legacy/LineChart/MarkPlot.js +1 -1
- package/legacy/LineChart/formatter.js +1 -1
- package/legacy/PieChart/PieArcLabelPlot.js +2 -0
- package/legacy/PieChart/PieArcPlot.js +1 -0
- package/legacy/PieChart/PieChart.js +3 -2
- package/legacy/ResponsiveChartContainer/index.js +2 -2
- package/legacy/ScatterChart/ScatterChart.js +1 -0
- package/legacy/SparkLineChart/SparkLineChart.js +8 -1
- package/legacy/context/CartesianContextProvider.js +17 -17
- package/legacy/context/DrawingProvider.js +6 -6
- package/legacy/context/HighlightProvider.js +4 -3
- package/legacy/context/InteractionProvider.js +4 -3
- package/legacy/context/SeriesContextProvider.js +9 -8
- package/legacy/index.js +2 -1
- package/legacy/internals/domUtils.js +3 -3
- package/models/seriesType/pie.d.ts +1 -0
- package/modern/BarChart/BarChart.js +1 -0
- package/modern/BarChart/BarPlot.js +4 -4
- package/modern/BarChart/formatter.js +1 -1
- package/modern/ChartsAxis/ChartsAxis.js +4 -4
- package/modern/ChartsReferenceLine/ChartsReferenceLine.js +9 -5
- package/modern/ChartsSurface.js +35 -2
- package/modern/ChartsTooltip/ChartsTooltipTable.js +2 -0
- package/modern/LineChart/AreaPlot.js +2 -2
- package/modern/LineChart/LineChart.js +2 -0
- package/modern/LineChart/LineHighlightPlot.js +1 -1
- package/modern/LineChart/LinePlot.js +2 -2
- package/modern/LineChart/MarkPlot.js +1 -1
- package/modern/LineChart/formatter.js +1 -1
- package/modern/PieChart/PieArcLabelPlot.js +2 -0
- package/modern/PieChart/PieArcPlot.js +1 -0
- package/modern/PieChart/PieChart.js +3 -2
- package/modern/ResponsiveChartContainer/index.js +2 -2
- package/modern/ScatterChart/ScatterChart.js +1 -0
- package/modern/SparkLineChart/SparkLineChart.js +8 -1
- package/modern/context/CartesianContextProvider.js +9 -8
- package/modern/context/DrawingProvider.js +8 -7
- package/modern/context/HighlightProvider.js +6 -4
- package/modern/context/InteractionProvider.js +6 -4
- package/modern/context/SeriesContextProvider.js +10 -8
- package/modern/index.js +2 -1
- package/modern/internals/domUtils.js +3 -1
- package/package.json +1 -1
package/BarChart/BarChart.js
CHANGED
|
@@ -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
|
/**
|
package/BarChart/BarElement.d.ts
CHANGED
|
@@ -37,6 +37,8 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
37
37
|
animationIterationCount?: import("csstype").Property.AnimationIterationCount | undefined;
|
|
38
38
|
animationName?: import("csstype").Property.AnimationName | undefined;
|
|
39
39
|
animationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
|
|
40
|
+
animationRangeEnd?: import("csstype").Property.AnimationRangeEnd<string | number> | undefined;
|
|
41
|
+
animationRangeStart?: import("csstype").Property.AnimationRangeStart<string | number> | undefined;
|
|
40
42
|
animationTimeline?: import("csstype").Property.AnimationTimeline | undefined;
|
|
41
43
|
animationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
|
|
42
44
|
appearance?: import("csstype").Property.Appearance | undefined;
|
|
@@ -158,6 +160,10 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
158
160
|
fontStretch?: import("csstype").Property.FontStretch | undefined;
|
|
159
161
|
fontStyle?: import("csstype").Property.FontStyle | undefined;
|
|
160
162
|
fontSynthesis?: import("csstype").Property.FontSynthesis | undefined;
|
|
163
|
+
fontSynthesisPosition?: import("csstype").Property.FontSynthesisPosition | undefined;
|
|
164
|
+
fontSynthesisSmallCaps?: import("csstype").Property.FontSynthesisSmallCaps | undefined;
|
|
165
|
+
fontSynthesisStyle?: import("csstype").Property.FontSynthesisStyle | undefined;
|
|
166
|
+
fontSynthesisWeight?: import("csstype").Property.FontSynthesisWeight | undefined;
|
|
161
167
|
fontVariant?: import("csstype").Property.FontVariant | undefined;
|
|
162
168
|
fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
|
|
163
169
|
fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
|
|
@@ -231,6 +237,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
231
237
|
maskRepeat?: import("csstype").Property.MaskRepeat | undefined;
|
|
232
238
|
maskSize?: import("csstype").Property.MaskSize<string | number> | undefined;
|
|
233
239
|
maskType?: import("csstype").Property.MaskType | undefined;
|
|
240
|
+
masonryAutoFlow?: import("csstype").Property.MasonryAutoFlow | undefined;
|
|
234
241
|
mathDepth?: import("csstype").Property.MathDepth | undefined;
|
|
235
242
|
mathShift?: import("csstype").Property.MathShift | undefined;
|
|
236
243
|
mathStyle?: import("csstype").Property.MathStyle | undefined;
|
|
@@ -270,6 +277,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
270
277
|
overflowWrap?: import("csstype").Property.OverflowWrap | undefined;
|
|
271
278
|
overflowX?: import("csstype").Property.OverflowX | undefined;
|
|
272
279
|
overflowY?: import("csstype").Property.OverflowY | undefined;
|
|
280
|
+
overlay?: import("csstype").Property.Overlay | undefined;
|
|
273
281
|
overscrollBehaviorBlock?: import("csstype").Property.OverscrollBehaviorBlock | undefined;
|
|
274
282
|
overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
|
|
275
283
|
overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
|
|
@@ -357,12 +365,15 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
357
365
|
textTransform?: import("csstype").Property.TextTransform | undefined;
|
|
358
366
|
textUnderlineOffset?: import("csstype").Property.TextUnderlineOffset<string | number> | undefined;
|
|
359
367
|
textUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | undefined;
|
|
368
|
+
textWrap?: import("csstype").Property.TextWrap | undefined;
|
|
369
|
+
timelineScope?: import("csstype").Property.TimelineScope | undefined;
|
|
360
370
|
top?: import("csstype").Property.Top<string | number> | undefined;
|
|
361
371
|
touchAction?: import("csstype").Property.TouchAction | undefined;
|
|
362
372
|
transform?: string | undefined;
|
|
363
373
|
transformBox?: import("csstype").Property.TransformBox | undefined;
|
|
364
374
|
transformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
|
|
365
375
|
transformStyle?: import("csstype").Property.TransformStyle | undefined;
|
|
376
|
+
transitionBehavior?: import("csstype").Property.TransitionBehavior | undefined;
|
|
366
377
|
transitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
|
|
367
378
|
transitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
|
|
368
379
|
transitionProperty?: import("csstype").Property.TransitionProperty | undefined;
|
|
@@ -371,9 +382,14 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
371
382
|
unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
|
|
372
383
|
userSelect?: import("csstype").Property.UserSelect | undefined;
|
|
373
384
|
verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
|
|
385
|
+
viewTimelineAxis?: import("csstype").Property.ViewTimelineAxis | undefined;
|
|
386
|
+
viewTimelineInset?: import("csstype").Property.ViewTimelineInset<string | number> | undefined;
|
|
387
|
+
viewTimelineName?: import("csstype").Property.ViewTimelineName | undefined;
|
|
374
388
|
viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
|
|
375
389
|
visibility?: import("csstype").Property.Visibility | undefined;
|
|
376
390
|
whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
|
|
391
|
+
whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | undefined;
|
|
392
|
+
whiteSpaceTrim?: import("csstype").Property.WhiteSpaceTrim | undefined;
|
|
377
393
|
widows?: import("csstype").Property.Widows | undefined;
|
|
378
394
|
width?: import("csstype").Property.Width<string | number> | undefined;
|
|
379
395
|
willChange?: import("csstype").Property.WillChange | undefined;
|
|
@@ -385,6 +401,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
385
401
|
zoom?: import("csstype").Property.Zoom | undefined;
|
|
386
402
|
all?: import("csstype").Globals | undefined;
|
|
387
403
|
animation?: import("csstype").Property.Animation<string & {}> | undefined;
|
|
404
|
+
animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
|
|
388
405
|
background?: import("csstype").Property.Background<string | number> | undefined;
|
|
389
406
|
backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | undefined;
|
|
390
407
|
border?: import("csstype").Property.Border<string | number> | undefined;
|
|
@@ -449,6 +466,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
449
466
|
textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
|
|
450
467
|
textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
|
|
451
468
|
transition?: import("csstype").Property.Transition<string & {}> | undefined;
|
|
469
|
+
viewTimeline?: import("csstype").Property.ViewTimeline | undefined;
|
|
452
470
|
MozAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
|
|
453
471
|
MozAnimationDirection?: import("csstype").Property.AnimationDirection | undefined;
|
|
454
472
|
MozAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | undefined;
|
|
@@ -458,7 +476,6 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
458
476
|
MozAnimationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
|
|
459
477
|
MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
|
|
460
478
|
MozAppearance?: import("csstype").Property.MozAppearance | undefined;
|
|
461
|
-
MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
|
|
462
479
|
MozBinding?: import("csstype").Property.MozBinding | undefined;
|
|
463
480
|
MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
|
|
464
481
|
MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
|
|
@@ -485,20 +502,16 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
485
502
|
MozMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
|
|
486
503
|
MozOrient?: import("csstype").Property.MozOrient | undefined;
|
|
487
504
|
MozOsxFontSmoothing?: import("csstype").Property.FontSmooth<string | number> | undefined;
|
|
505
|
+
MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
|
|
506
|
+
MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
|
|
507
|
+
MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
|
|
508
|
+
MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
|
|
488
509
|
MozPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
|
|
489
510
|
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
511
|
MozStackSizing?: import("csstype").Property.MozStackSizing | undefined;
|
|
493
512
|
MozTabSize?: import("csstype").Property.TabSize<string | number> | undefined;
|
|
494
513
|
MozTextBlink?: import("csstype").Property.MozTextBlink | undefined;
|
|
495
514
|
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
515
|
MozUserFocus?: import("csstype").Property.MozUserFocus | undefined;
|
|
503
516
|
MozUserModify?: import("csstype").Property.MozUserModify | undefined;
|
|
504
517
|
MozUserSelect?: import("csstype").Property.UserSelect | undefined;
|
|
@@ -678,7 +691,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
678
691
|
MozBorderImage?: import("csstype").Property.BorderImage | undefined;
|
|
679
692
|
MozColumnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
|
|
680
693
|
MozColumns?: import("csstype").Property.Columns<string | number> | undefined;
|
|
681
|
-
|
|
694
|
+
MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
|
|
682
695
|
msContentZoomLimit?: import("csstype").Property.MsContentZoomLimit | undefined;
|
|
683
696
|
msContentZoomSnap?: import("csstype").Property.MsContentZoomSnap | undefined;
|
|
684
697
|
msFlex?: import("csstype").Property.Flex<string | number> | undefined;
|
|
@@ -736,6 +749,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
736
749
|
KhtmlLineBreak?: import("csstype").Property.LineBreak | undefined;
|
|
737
750
|
KhtmlOpacity?: import("csstype").Property.Opacity | undefined;
|
|
738
751
|
KhtmlUserSelect?: import("csstype").Property.UserSelect | undefined;
|
|
752
|
+
MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
|
|
739
753
|
MozBackgroundClip?: import("csstype").Property.BackgroundClip | undefined;
|
|
740
754
|
MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
|
|
741
755
|
MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
|
|
@@ -757,17 +771,22 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
757
771
|
MozOpacity?: import("csstype").Property.Opacity | undefined;
|
|
758
772
|
MozOutline?: import("csstype").Property.Outline<string | number> | undefined;
|
|
759
773
|
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
774
|
MozOutlineStyle?: import("csstype").Property.OutlineStyle | undefined;
|
|
766
775
|
MozOutlineWidth?: import("csstype").Property.OutlineWidth<string | number> | undefined;
|
|
776
|
+
MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
|
|
777
|
+
MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
|
|
767
778
|
MozTextAlignLast?: import("csstype").Property.TextAlignLast | undefined;
|
|
768
779
|
MozTextDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
|
|
769
780
|
MozTextDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
|
|
770
781
|
MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
|
|
782
|
+
MozTransform?: import("csstype").Property.Transform | undefined;
|
|
783
|
+
MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
|
|
784
|
+
MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
|
|
785
|
+
MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
|
|
786
|
+
MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
|
|
787
|
+
MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
|
|
788
|
+
MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
|
|
789
|
+
MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
|
|
771
790
|
MozUserInput?: import("csstype").Property.MozUserInput | undefined;
|
|
772
791
|
msImeMode?: import("csstype").Property.ImeMode | undefined;
|
|
773
792
|
OAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
|
|
@@ -800,8 +819,6 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
800
819
|
WebkitBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
|
|
801
820
|
WebkitBoxOrient?: import("csstype").Property.BoxOrient | undefined;
|
|
802
821
|
WebkitBoxPack?: import("csstype").Property.BoxPack | undefined;
|
|
803
|
-
WebkitScrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX | undefined;
|
|
804
|
-
WebkitScrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | undefined;
|
|
805
822
|
alignmentBaseline?: import("csstype").Property.AlignmentBaseline | undefined;
|
|
806
823
|
baselineShift?: import("csstype").Property.BaselineShift<string | number> | undefined;
|
|
807
824
|
clipRule?: import("csstype").Property.ClipRule | undefined;
|
|
@@ -932,6 +949,8 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
932
949
|
method?: string | undefined;
|
|
933
950
|
min?: string | number | undefined;
|
|
934
951
|
name?: string | undefined;
|
|
952
|
+
target?: string | undefined;
|
|
953
|
+
type?: string | undefined;
|
|
935
954
|
suppressHydrationWarning?: boolean | undefined;
|
|
936
955
|
className?: string | undefined;
|
|
937
956
|
id?: string | undefined;
|
|
@@ -991,8 +1010,6 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
991
1010
|
"aria-valuemin"?: number | undefined;
|
|
992
1011
|
"aria-valuenow"?: number | undefined;
|
|
993
1012
|
"aria-valuetext"?: string | undefined;
|
|
994
|
-
target?: string | undefined;
|
|
995
|
-
type?: string | undefined;
|
|
996
1013
|
accentHeight?: string | number | undefined;
|
|
997
1014
|
allowReorder?: "yes" | "no" | undefined;
|
|
998
1015
|
amplitude?: string | number | undefined;
|
|
@@ -1331,7 +1348,7 @@ export declare const BarElementPath: import("@emotion/styled").StyledComponent<P
|
|
|
1331
1348
|
scrollTop?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
|
|
1332
1349
|
scrollLeft?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
|
|
1333
1350
|
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" | "
|
|
1351
|
+
}, "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
1352
|
ownerState: BarElementOwnerState;
|
|
1336
1353
|
}, {}, {}>;
|
|
1337
1354
|
export type BarElementProps = Omit<BarElementOwnerState, 'isFaded' | 'isHighlighted'> & React.ComponentPropsWithoutRef<'path'> & {
|
package/BarChart/BarPlot.js
CHANGED
|
@@ -77,18 +77,18 @@ const useCompletedData = () => {
|
|
|
77
77
|
let baseScaleConfig;
|
|
78
78
|
if (verticalLayout) {
|
|
79
79
|
if (!(0, _axis.isBandScaleConfig)(xAxisConfig)) {
|
|
80
|
-
throw new Error(`MUI
|
|
80
|
+
throw new Error(`MUI X Charts: ${xAxisKey === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisKey}"`} shoud be of type "band" to display the bar series of id "${seriesId}".`);
|
|
81
81
|
}
|
|
82
82
|
if (xAxis[xAxisKey].data === undefined) {
|
|
83
|
-
throw new Error(`MUI
|
|
83
|
+
throw new Error(`MUI X Charts: ${xAxisKey === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisKey}"`} shoud have data property.`);
|
|
84
84
|
}
|
|
85
85
|
baseScaleConfig = xAxisConfig;
|
|
86
86
|
} else {
|
|
87
87
|
if (!(0, _axis.isBandScaleConfig)(yAxisConfig)) {
|
|
88
|
-
throw new Error(`MUI
|
|
88
|
+
throw new Error(`MUI X Charts: ${yAxisKey === _constants.DEFAULT_Y_AXIS_KEY ? 'The first `yAxis`' : `The y-axis with id "${yAxisKey}"`} shoud be of type "band" to display the bar series of id "${seriesId}".`);
|
|
89
89
|
}
|
|
90
90
|
if (yAxis[yAxisKey].data === undefined) {
|
|
91
|
-
throw new Error(`MUI
|
|
91
|
+
throw new Error(`MUI X Charts: ${yAxisKey === _constants.DEFAULT_Y_AXIS_KEY ? 'The first `yAxis`' : `The y-axis with id "${yAxisKey}"`} shoud have data property.`);
|
|
92
92
|
}
|
|
93
93
|
baseScaleConfig = yAxisConfig;
|
|
94
94
|
}
|
package/BarChart/formatter.js
CHANGED
|
@@ -32,7 +32,7 @@ const formatter = (params, dataset) => {
|
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
34
|
} else if (dataset === undefined) {
|
|
35
|
-
throw new Error([`MUI
|
|
35
|
+
throw new Error([`MUI X Charts: bar series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
38
|
const completedSeries = {};
|
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,90 @@
|
|
|
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
|
+
## 7.0.0-alpha.8
|
|
7
|
+
|
|
8
|
+
_Jan 11, 2024_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- ⏰ Support date-fns v3 (#11659) @LukasTy
|
|
13
|
+
Pickers support both v2 and v3 of date-fns. For v3 use `AdapterDateFnsV3`.
|
|
14
|
+
```js
|
|
15
|
+
// with date-fns v2.x
|
|
16
|
+
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
|
|
17
|
+
import de from 'date-fns/locale/de';
|
|
18
|
+
```
|
|
19
|
+
```js
|
|
20
|
+
// with date-fns v3.x
|
|
21
|
+
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
|
|
22
|
+
import { de } from 'date-fns/locale/de';
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
### Data Grid
|
|
26
|
+
|
|
27
|
+
#### Breaking changes
|
|
28
|
+
|
|
29
|
+
- The import path for locales has been changed:
|
|
30
|
+
|
|
31
|
+
```diff
|
|
32
|
+
-import { enUS } from '@mui/x-data-grid';
|
|
33
|
+
+import { enUS } from '@mui/x-data-grid/locales';
|
|
34
|
+
|
|
35
|
+
-import { enUS } from '@mui/x-data-grid-pro';
|
|
36
|
+
+import { enUS } from '@mui/x-data-grid-pro/locales';
|
|
37
|
+
|
|
38
|
+
-import { enUS } from '@mui/x-data-grid-premium';
|
|
39
|
+
+import { enUS } from '@mui/x-data-grid-premium/locales';
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
#### `@mui/x-data-grid@7.0.0-alpha.8`
|
|
43
|
+
|
|
44
|
+
- [DataGrid] Stop exporting locales from the package root (#11614) @cherniavskii
|
|
45
|
+
|
|
46
|
+
#### `@mui/x-data-grid-pro@7.0.0-alpha.8` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
47
|
+
|
|
48
|
+
Same changes as in `@mui/x-data-grid@7.0.0-alpha.8`.
|
|
49
|
+
|
|
50
|
+
#### `@mui/x-data-grid-premium@7.0.0-alpha.8` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
51
|
+
|
|
52
|
+
Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.8`.
|
|
53
|
+
|
|
54
|
+
### Date Pickers
|
|
55
|
+
|
|
56
|
+
#### `@mui/x-date-pickers@7.0.0-alpha.8`
|
|
57
|
+
|
|
58
|
+
- [pickers] Add `date-fns@3.x` adapter (#11462) @LukasTy
|
|
59
|
+
- [pickers] Avoid deeper than 2nd level imports (#11588) @LukasTy
|
|
60
|
+
- [pickers] Fix clearable behavior blocking focus return to `OpenPickerButton` (#11642) @noraleonte
|
|
61
|
+
- [pickers] Move `DateRange` to `@mui/x-date-pickers-pro/models` (#11611) @flaviendelangle
|
|
62
|
+
- [l10n] Add missing Danish (da-DK) locale export (#11640) @etlos
|
|
63
|
+
|
|
64
|
+
#### `@mui/x-date-pickers-pro@7.0.0-alpha.8` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
65
|
+
|
|
66
|
+
Same changes as in `@mui/x-date-pickers@7.0.0-alpha.8`.
|
|
67
|
+
|
|
68
|
+
### Tree View / `@mui/x-tree-view@7.0.0-alpha.8`
|
|
69
|
+
|
|
70
|
+
- [tree view] Cleanup `onKeyDown` handler (#11481) @flaviendelangle
|
|
71
|
+
- [tree view] Define the parameters used by each plugin to avoid listing them in each component (#11473) @flaviendelangle
|
|
72
|
+
|
|
73
|
+
### Docs
|
|
74
|
+
|
|
75
|
+
- [docs] Fix parsing of `x-date-pickers-pro` demo adapter imports (#11628) @LukasTy
|
|
76
|
+
- [docs] Improve `git diff` format @oliviertassinari
|
|
77
|
+
- [docs] Push up the MUI X brand (#11533) @oliviertassinari
|
|
78
|
+
- [docs] Remove old data grid translation files (#11646) @cherniavskii
|
|
79
|
+
- [docs] Improve Server-side data grid docs (#11589) @oliviertassinari
|
|
80
|
+
- [docs] Improve charts landing page (#11570) @oliviertassinari
|
|
81
|
+
|
|
82
|
+
### Core
|
|
83
|
+
|
|
84
|
+
- [core] Lock `jsdom` version (#11652) @cherniavskii
|
|
85
|
+
- [core] Remove PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD (#11608) @oliviertassinari
|
|
86
|
+
- [core] Simplify isSsr logic (#11606) @oliviertassinari
|
|
87
|
+
- [core] Sync playwright cache between MUI X and Material UI (#11607) @oliviertassinari
|
|
88
|
+
- [core] Use MUI X official name in errors (#11645) @oliviertassinari
|
|
89
|
+
|
|
6
90
|
## 7.0.0-alpha.7
|
|
7
91
|
|
|
8
92
|
_Jan 5, 2024_
|
|
@@ -28,7 +112,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
|
|
|
28
112
|
label: 'Node 2',
|
|
29
113
|
},
|
|
30
114
|
];
|
|
31
|
-
|
|
115
|
+
|
|
32
116
|
<RichTreeView
|
|
33
117
|
items={MUI_X_PRODUCTS}
|
|
34
118
|
defaultCollapseIcon={<ExpandMoreIcon />}
|
|
@@ -88,10 +172,10 @@ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.7`.
|
|
|
88
172
|
<TreeView
|
|
89
173
|
- onNodeToggle={handleExpansionChange}
|
|
90
174
|
+ onExpandedNodesChange={handleExpansionChange}
|
|
91
|
-
|
|
175
|
+
|
|
92
176
|
- expanded={expandedNodes}
|
|
93
177
|
+ expandedNodes={expandedNodes}
|
|
94
|
-
|
|
178
|
+
|
|
95
179
|
- defaultExpanded={defaultExpandedNodes}
|
|
96
180
|
+ defaultExpandedNodes={defaultExpandedNodes}
|
|
97
181
|
/>
|
|
@@ -274,10 +358,10 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.5`.
|
|
|
274
358
|
The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsProps` with `SlotProps`.
|
|
275
359
|
|
|
276
360
|
```diff
|
|
277
|
-
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
+
|
|
361
|
+
-DateCalendarSlotsComponent
|
|
362
|
+
-DateCalendarSlotsComponentsProps
|
|
363
|
+
+DateCalendarSlots
|
|
364
|
+
+DateCalendarSlotProps
|
|
281
365
|
```
|
|
282
366
|
|
|
283
367
|
- Move `inputRef` inside the props passed to the field hooks
|
|
@@ -285,26 +369,26 @@ The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsP
|
|
|
285
369
|
The field hooks now only receive the props instead of an object containing both the props and the `inputRef`.
|
|
286
370
|
|
|
287
371
|
```diff
|
|
288
|
-
-
|
|
289
|
-
-
|
|
290
|
-
+
|
|
372
|
+
-const { inputRef, ...otherProps } = props
|
|
373
|
+
-const fieldResponse = useDateField({ props: otherProps, inputRef });
|
|
374
|
+
+const fieldResponse = useDateField(props);
|
|
291
375
|
```
|
|
292
376
|
|
|
293
377
|
If you are using a multi input range field hook, the same applies to `startInputRef` and `endInputRef` params
|
|
294
378
|
|
|
295
379
|
```diff
|
|
296
|
-
-
|
|
297
|
-
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
-
|
|
302
|
-
-
|
|
303
|
-
-
|
|
304
|
-
-
|
|
305
|
-
+
|
|
306
|
-
+
|
|
307
|
-
|
|
380
|
+
-const { inputRef: startInputRef, ...otherStartTextFieldProps } = startTextFieldProps
|
|
381
|
+
-const { inputRef: endInputRef, ...otherEndTextFieldProps } = endTextFieldProps
|
|
382
|
+
|
|
383
|
+
const fieldResponse = useMultiInputDateRangeField({
|
|
384
|
+
sharedProps,
|
|
385
|
+
- startTextFieldProps: otherStartTextFieldProps,
|
|
386
|
+
- endTextFieldProps: otherEndTextFieldProps,
|
|
387
|
+
- startInputRef
|
|
388
|
+
- endInputRef,
|
|
389
|
+
+ startTextFieldProps,
|
|
390
|
+
+ endTextFieldProps
|
|
391
|
+
});
|
|
308
392
|
```
|
|
309
393
|
|
|
310
394
|
- Rename the ref returned by the field hooks to `inputRef`
|
|
@@ -313,26 +397,26 @@ The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsP
|
|
|
313
397
|
This ref was previously named `ref` and has been renamed `inputRef` for extra clarity.
|
|
314
398
|
|
|
315
399
|
```diff
|
|
316
|
-
|
|
400
|
+
const fieldResponse = useDateField(props);
|
|
317
401
|
|
|
318
|
-
-
|
|
319
|
-
+
|
|
402
|
+
-return <input ref={fieldResponse.ref} />
|
|
403
|
+
+return <input ref={fieldResponse.inputRef} />
|
|
320
404
|
```
|
|
321
405
|
|
|
322
406
|
If you are using a multi input range field hook, the same applies to the ref in the `startDate` and `endDate` objects
|
|
323
407
|
|
|
324
408
|
```diff
|
|
325
|
-
|
|
409
|
+
const fieldResponse = useDateField(props);
|
|
326
410
|
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
-
|
|
330
|
-
+
|
|
331
|
-
|
|
332
|
-
-
|
|
333
|
-
+
|
|
334
|
-
|
|
335
|
-
|
|
411
|
+
return (
|
|
412
|
+
<div>
|
|
413
|
+
- <input ref={fieldResponse.startDate.ref} />
|
|
414
|
+
+ <input ref={fieldResponse.startDate.inputRef} />
|
|
415
|
+
<span>–</span>
|
|
416
|
+
- <input ref={fieldResponse.endDate.ref} />
|
|
417
|
+
+ <input ref={fieldResponse.endDate.inputRef} />
|
|
418
|
+
</div>
|
|
419
|
+
)
|
|
336
420
|
```
|
|
337
421
|
|
|
338
422
|
- Restructure the API of `useClearableField`
|
|
@@ -342,23 +426,23 @@ The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsP
|
|
|
342
426
|
You should now be able to directly pass the returned value from your field hook (e.g: `useDateField`) to `useClearableField`
|
|
343
427
|
|
|
344
428
|
```diff
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
-
|
|
348
|
-
-
|
|
349
|
-
-
|
|
350
|
-
-
|
|
351
|
-
-
|
|
352
|
-
-
|
|
353
|
-
-
|
|
354
|
-
-
|
|
355
|
-
-
|
|
429
|
+
const fieldResponse = useDateField(props);
|
|
430
|
+
|
|
431
|
+
-const { InputProps, onClear, clearable, slots, slotProps, ...otherFieldProps } = fieldResponse
|
|
432
|
+
-const { InputProps: ProcessedInputProps, fieldProps: processedFieldProps } = useClearableField({
|
|
433
|
+
- fieldProps: otherFieldProps,
|
|
434
|
+
- InputProps,
|
|
435
|
+
- clearable,
|
|
436
|
+
- onClear,
|
|
437
|
+
- slots,
|
|
438
|
+
- slotProps,
|
|
439
|
+
-});
|
|
356
440
|
-
|
|
357
|
-
-
|
|
441
|
+
- return <MyCustomTextField {...processedFieldProps} InputProps={ProcessedInputProps} />
|
|
358
442
|
|
|
359
|
-
+
|
|
443
|
+
+const processedFieldProps = useClearableField(fieldResponse);
|
|
360
444
|
+
|
|
361
|
-
+
|
|
445
|
+
+return <MyCustomTextField {...processedFieldProps} />
|
|
362
446
|
```
|
|
363
447
|
|
|
364
448
|
#### `@mui/x-date-pickers@7.0.0-alpha.5`
|
|
@@ -1340,6 +1424,48 @@ Here is an example of the renaming for the `<ChartsTooltip />` component.
|
|
|
1340
1424
|
- [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
|
|
1341
1425
|
- [license] Correctly throw errors (#10924) @oliviertassinari
|
|
1342
1426
|
|
|
1427
|
+
## 6.19.0
|
|
1428
|
+
|
|
1429
|
+
_Jan 11, 2024_
|
|
1430
|
+
|
|
1431
|
+
We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
|
|
1432
|
+
|
|
1433
|
+
- ⏰ Support date-fns v3 (#11659) @LukasTy
|
|
1434
|
+
Pickers support both v2 and v3 of date-fns. For v3 use `AdapterDateFnsV3`.
|
|
1435
|
+
```js
|
|
1436
|
+
// with date-fns v2.x
|
|
1437
|
+
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
|
|
1438
|
+
import de from 'date-fns/locale/de';
|
|
1439
|
+
```
|
|
1440
|
+
```js
|
|
1441
|
+
// with date-fns v3.x
|
|
1442
|
+
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
|
|
1443
|
+
import { de } from 'date-fns/locale/de';
|
|
1444
|
+
```
|
|
1445
|
+
|
|
1446
|
+
### Date Pickers
|
|
1447
|
+
|
|
1448
|
+
#### `@mui/x-date-pickers@6.19.0`
|
|
1449
|
+
|
|
1450
|
+
- [pickers] Add date-fns@3.x adapter (#11659) @LukasTy
|
|
1451
|
+
- [pickers] Fix clearable behavior blocking focus return to `OpenPickerButton` (#11643) @noraleonte
|
|
1452
|
+
- [l10n] Add missing Danish (da-DK) locale export (#11641) @etlos
|
|
1453
|
+
|
|
1454
|
+
#### `@mui/x-date-pickers-pro@6.19.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
1455
|
+
|
|
1456
|
+
Same changes as in `@mui/x-date-pickers@6.19.0`.
|
|
1457
|
+
|
|
1458
|
+
### Docs
|
|
1459
|
+
|
|
1460
|
+
- [docs] Add missing component @oliviertassinari
|
|
1461
|
+
- [docs] Fix parsing of `x-date-pickers-pro` demo adapter imports (#11637) @LukasTy
|
|
1462
|
+
- [docs] Push up the MUI X brand (#11533) @oliviertassinari
|
|
1463
|
+
- [docs] Improve Server-side data grid docs (#11589) @oliviertassinari
|
|
1464
|
+
- [docs] Add demo to the charts overview page (#11586) @danilo-leal
|
|
1465
|
+
- [docs] Fix 404 links in the docs @oliviertassinari
|
|
1466
|
+
- [docs] Improve landing page (#11570) @oliviertassinari
|
|
1467
|
+
- [docs] Give a general revision to the docs (#11249) @danilo-leal
|
|
1468
|
+
|
|
1343
1469
|
## 6.18.7
|
|
1344
1470
|
|
|
1345
1471
|
_Jan 5, 2024_
|
package/ChartsAxis/ChartsAxis.js
CHANGED
|
@@ -66,16 +66,16 @@ function ChartsAxis(props) {
|
|
|
66
66
|
const topId = getAxisId(topAxis);
|
|
67
67
|
const rightId = getAxisId(rightAxis);
|
|
68
68
|
if (topId !== null && !xAxis[topId]) {
|
|
69
|
-
throw Error([`MUI
|
|
69
|
+
throw Error([`MUI X Charts: id used for top axis "${topId}" is not defined.`, `Available ids are: ${xAxisIds.join(', ')}.`].join('\n'));
|
|
70
70
|
}
|
|
71
71
|
if (leftId !== null && !yAxis[leftId]) {
|
|
72
|
-
throw Error([`MUI
|
|
72
|
+
throw Error([`MUI X Charts: id used for left axis "${leftId}" is not defined.`, `Available ids are: ${yAxisIds.join(', ')}.`].join('\n'));
|
|
73
73
|
}
|
|
74
74
|
if (rightId !== null && !yAxis[rightId]) {
|
|
75
|
-
throw Error([`MUI
|
|
75
|
+
throw Error([`MUI X Charts: id used for right axis "${rightId}" is not defined.`, `Available ids are: ${yAxisIds.join(', ')}.`].join('\n'));
|
|
76
76
|
}
|
|
77
77
|
if (bottomId !== null && !xAxis[bottomId]) {
|
|
78
|
-
throw Error([`MUI
|
|
78
|
+
throw Error([`MUI X Charts: id used for bottom axis "${bottomId}" is not defined.`, `Available ids are: ${xAxisIds.join(', ')}.`].join('\n'));
|
|
79
79
|
}
|
|
80
80
|
const topAxisProps = mergeProps(topAxis, slots, slotProps);
|
|
81
81
|
const bottomAxisProps = mergeProps(bottomAxis, slots, slotProps);
|
|
@@ -14,13 +14,17 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
14
14
|
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); }
|
|
15
15
|
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; }
|
|
16
16
|
function ChartsReferenceLine(props) {
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
const {
|
|
18
|
+
x,
|
|
19
|
+
y
|
|
20
|
+
} = props;
|
|
21
|
+
if (x !== undefined && y !== undefined) {
|
|
22
|
+
throw new Error('MUI X Charts: The ChartsReferenceLine can not have both `x` and `y` props set.');
|
|
19
23
|
}
|
|
20
|
-
if (
|
|
21
|
-
throw new Error('MUI
|
|
24
|
+
if (x === undefined && y === undefined) {
|
|
25
|
+
throw new Error('MUI X Charts: The ChartsReferenceLine should have a value in `x` or `y` prop.');
|
|
22
26
|
}
|
|
23
|
-
if (
|
|
27
|
+
if (x !== undefined) {
|
|
24
28
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsXReferenceLine.ChartsXReferenceLine, (0, _extends2.default)({}, props));
|
|
25
29
|
}
|
|
26
30
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsYReferenceLine.ChartsYReferenceLine, (0, _extends2.default)({}, props));
|