@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.
- package/BarChart/BarChart.js +12 -9
- package/BarChart/BarElement.d.ts +43 -23
- package/BarChart/BarElement.js +1 -0
- package/BarChart/BarPlot.js +9 -10
- package/CHANGELOG.md +140 -0
- package/ChartsAxis/ChartsAxis.js +4 -4
- package/ChartsLegend/ChartsLegend.d.ts +5 -2
- package/ChartsLegend/ChartsLegend.js +36 -1
- package/ChartsReferenceLine/ChartsReferenceLine.js +8 -4
- package/ChartsReferenceLine/common.d.ts +2 -1
- package/ChartsSurface.d.ts +2 -2
- package/ChartsSurface.js +33 -1
- package/ChartsTooltip/ChartsAxisTooltipContent.js +6 -58
- package/ChartsTooltip/ChartsItemTooltipContent.js +18 -4
- package/ChartsTooltip/ChartsTooltipTable.d.ts +1 -1
- package/ChartsTooltip/ChartsTooltipTable.js +2 -0
- package/ChartsTooltip/DefaultChartsAxisTooltipContent.js +4 -56
- package/ChartsTooltip/DefaultChartsItemTooltipContent.js +17 -3
- package/ChartsXAxis/ChartsXAxis.js +13 -9
- package/ChartsYAxis/ChartsYAxis.js +1 -1
- package/LineChart/AreaElement.d.ts +7 -4
- package/LineChart/AreaElement.js +1 -0
- package/LineChart/LineChart.d.ts +1 -0
- package/LineChart/LineChart.js +13 -9
- package/LineChart/LineElement.d.ts +7 -4
- package/LineChart/LineElement.js +1 -0
- package/LineChart/LineHighlightElement.d.ts +3 -2
- package/LineChart/LineHighlightElement.js +2 -1
- package/LineChart/MarkElement.d.ts +3 -2
- package/LineChart/MarkElement.js +1 -0
- package/PieChart/PieArc.d.ts +3 -2
- package/PieChart/PieArc.js +1 -0
- package/PieChart/PieArcLabel.d.ts +3 -2
- package/PieChart/PieArcLabel.js +1 -0
- package/PieChart/PieArcLabelPlot.d.ts +5 -0
- package/PieChart/PieArcLabelPlot.js +3 -1
- package/PieChart/PieArcPlot.d.ts +5 -0
- package/PieChart/PieArcPlot.js +2 -1
- package/PieChart/PieChart.d.ts +14 -2
- package/PieChart/PieChart.js +14 -11
- package/ScatterChart/Scatter.js +1 -1
- package/ScatterChart/ScatterChart.js +12 -9
- package/SparkLineChart/SparkLineChart.d.ts +15 -1
- package/SparkLineChart/SparkLineChart.js +11 -3
- package/context/CartesianContextProvider.d.ts +1 -1
- package/context/CartesianContextProvider.js +15 -12
- 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 +4 -4
- package/context/InteractionProvider.js +4 -3
- package/context/SeriesContextProvider.d.ts +3 -1
- package/context/SeriesContextProvider.js +7 -6
- package/esm/BarChart/BarChart.js +12 -9
- package/esm/BarChart/BarElement.js +1 -0
- package/esm/BarChart/BarPlot.js +8 -10
- package/esm/ChartsAxis/ChartsAxis.js +4 -4
- package/esm/ChartsLegend/ChartsLegend.js +38 -2
- package/esm/ChartsReferenceLine/ChartsReferenceLine.js +8 -4
- package/esm/ChartsSurface.js +35 -2
- package/esm/ChartsTooltip/ChartsAxisTooltipContent.js +6 -58
- package/esm/ChartsTooltip/ChartsItemTooltipContent.js +18 -4
- package/esm/ChartsTooltip/ChartsTooltipTable.js +2 -0
- package/esm/ChartsTooltip/DefaultChartsAxisTooltipContent.js +4 -56
- package/esm/ChartsTooltip/DefaultChartsItemTooltipContent.js +17 -3
- package/esm/ChartsXAxis/ChartsXAxis.js +13 -9
- package/esm/ChartsYAxis/ChartsYAxis.js +1 -1
- package/esm/LineChart/AreaElement.js +1 -0
- package/esm/LineChart/LineChart.js +13 -9
- package/esm/LineChart/LineElement.js +1 -0
- package/esm/LineChart/LineHighlightElement.js +2 -1
- package/esm/LineChart/MarkElement.js +1 -0
- package/esm/PieChart/PieArc.js +1 -0
- package/esm/PieChart/PieArcLabel.js +1 -0
- package/esm/PieChart/PieArcLabelPlot.js +3 -1
- package/esm/PieChart/PieArcPlot.js +2 -1
- package/esm/PieChart/PieChart.js +14 -11
- package/esm/ScatterChart/Scatter.js +1 -1
- package/esm/ScatterChart/ScatterChart.js +12 -9
- package/esm/SparkLineChart/SparkLineChart.js +11 -3
- package/esm/context/CartesianContextProvider.js +15 -12
- 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 +9 -7
- package/esm/hooks/useDrawingArea.js +7 -3
- package/esm/index.js +2 -0
- package/hooks/useDrawingArea.d.ts +2 -0
- package/hooks/useDrawingArea.js +7 -3
- package/index.d.ts +2 -0
- package/index.js +23 -1
- package/internals/defaultizeColor.d.ts +15 -15
- package/internals/defaultizeValueFormatter.d.ts +4 -7
- package/internals/stackSeries.d.ts +4 -7
- package/legacy/BarChart/BarChart.js +12 -9
- package/legacy/BarChart/BarElement.js +1 -0
- package/legacy/BarChart/BarPlot.js +10 -10
- package/legacy/ChartsAxis/ChartsAxis.js +4 -4
- package/legacy/ChartsLegend/ChartsLegend.js +38 -2
- package/legacy/ChartsReferenceLine/ChartsReferenceLine.js +6 -4
- package/legacy/ChartsReferenceLine/common.js +3 -4
- package/legacy/ChartsSurface.js +35 -2
- package/legacy/ChartsTooltip/ChartsAxisTooltipContent.js +6 -58
- package/legacy/ChartsTooltip/ChartsItemTooltipContent.js +18 -4
- package/legacy/ChartsTooltip/ChartsTooltipTable.js +8 -7
- package/legacy/ChartsTooltip/DefaultChartsAxisTooltipContent.js +4 -56
- package/legacy/ChartsTooltip/DefaultChartsItemTooltipContent.js +17 -3
- package/legacy/ChartsXAxis/ChartsXAxis.js +12 -8
- package/legacy/ChartsYAxis/ChartsYAxis.js +1 -1
- package/legacy/LineChart/AreaElement.js +1 -0
- package/legacy/LineChart/LineChart.js +13 -9
- package/legacy/LineChart/LineElement.js +1 -0
- package/legacy/LineChart/LineHighlightElement.js +2 -1
- package/legacy/LineChart/MarkElement.js +1 -0
- package/legacy/PieChart/PieArc.js +1 -0
- package/legacy/PieChart/PieArcLabel.js +1 -0
- package/legacy/PieChart/PieArcLabelPlot.js +3 -1
- package/legacy/PieChart/PieArcPlot.js +2 -1
- package/legacy/PieChart/PieChart.js +14 -11
- package/legacy/ScatterChart/Scatter.js +1 -1
- package/legacy/ScatterChart/ScatterChart.js +12 -9
- package/legacy/SparkLineChart/SparkLineChart.js +11 -3
- package/legacy/context/CartesianContextProvider.js +23 -21
- 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 +8 -7
- package/legacy/hooks/useDrawingArea.js +7 -3
- package/legacy/index.js +3 -1
- package/legacy/internals/components/AxisSharedComponents.js +5 -6
- package/models/axis.d.ts +7 -2
- package/models/seriesType/common.d.ts +2 -1
- package/models/seriesType/config.d.ts +7 -12
- package/models/seriesType/line.d.ts +2 -2
- package/models/seriesType/pie.d.ts +8 -3
- package/models/seriesType/scatter.d.ts +5 -2
- package/modern/BarChart/BarChart.js +12 -9
- package/modern/BarChart/BarElement.js +1 -0
- package/modern/BarChart/BarPlot.js +8 -10
- package/modern/ChartsAxis/ChartsAxis.js +4 -4
- package/modern/ChartsLegend/ChartsLegend.js +38 -2
- package/modern/ChartsReferenceLine/ChartsReferenceLine.js +8 -4
- package/modern/ChartsSurface.js +35 -2
- package/modern/ChartsTooltip/ChartsAxisTooltipContent.js +6 -58
- package/modern/ChartsTooltip/ChartsItemTooltipContent.js +18 -4
- package/modern/ChartsTooltip/ChartsTooltipTable.js +2 -0
- package/modern/ChartsTooltip/DefaultChartsAxisTooltipContent.js +4 -56
- package/modern/ChartsTooltip/DefaultChartsItemTooltipContent.js +17 -3
- package/modern/ChartsXAxis/ChartsXAxis.js +13 -9
- package/modern/ChartsYAxis/ChartsYAxis.js +1 -1
- package/modern/LineChart/AreaElement.js +1 -0
- package/modern/LineChart/LineChart.js +13 -9
- package/modern/LineChart/LineElement.js +1 -0
- package/modern/LineChart/LineHighlightElement.js +2 -1
- package/modern/LineChart/MarkElement.js +1 -0
- package/modern/PieChart/PieArc.js +1 -0
- package/modern/PieChart/PieArcLabel.js +1 -0
- package/modern/PieChart/PieArcLabelPlot.js +3 -1
- package/modern/PieChart/PieArcPlot.js +2 -1
- package/modern/PieChart/PieChart.js +14 -11
- package/modern/ScatterChart/Scatter.js +1 -1
- package/modern/ScatterChart/ScatterChart.js +12 -9
- package/modern/SparkLineChart/SparkLineChart.js +11 -3
- package/modern/context/CartesianContextProvider.js +15 -12
- 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 +9 -7
- package/modern/hooks/useDrawingArea.js +7 -3
- package/modern/index.js +3 -1
- package/package.json +1 -1
package/BarChart/BarChart.js
CHANGED
|
@@ -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,
|
package/BarChart/BarElement.d.ts
CHANGED
|
@@ -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:
|
|
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
|
-
|
|
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" | "
|
|
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.
|
package/BarChart/BarElement.js
CHANGED
|
@@ -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 {}
|
package/BarChart/BarPlot.js
CHANGED
|
@@ -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
|
|
113
|
-
const
|
|
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 :
|
|
121
|
-
y: verticalLayout ?
|
|
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 ?
|
|
125
|
-
width: verticalLayout ? barWidth :
|
|
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` [](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` [](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` [](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` [](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` [](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` [](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` [](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` [](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` [](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_
|
package/ChartsAxis/ChartsAxis.js
CHANGED
|
@@ -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
|
-
|
|
92
|
-
|
|
91
|
+
declare function ChartsLegend(inProps: ChartsLegendProps): React.JSX.Element;
|
|
92
|
+
declare namespace ChartsLegend {
|
|
93
|
+
var propTypes: any;
|
|
94
|
+
}
|
|
95
|
+
export { ChartsLegend };
|