@mui/x-charts 8.10.2 → 8.11.1
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 +0 -36
- package/CHANGELOG.md +214 -13
- package/ChartContainer/ChartContainer.js +0 -56
- package/ChartsLabel/labelGradientClasses.d.ts +1 -1
- package/ChartsLabel/labelMarkClasses.d.ts +1 -1
- package/ChartsOverlay/ChartsOverlay.js +11 -1
- package/ChartsReferenceLine/ChartsXReferenceLine.d.ts +1 -1
- package/ChartsReferenceLine/ChartsYReferenceLine.d.ts +1 -1
- package/ChartsTooltip/ChartsTooltipTable.d.ts +1 -1
- package/ChartsTooltip/chartsTooltipClasses.d.ts +1 -1
- package/ChartsXAxis/ChartsXAxis.d.ts +1 -1
- package/ChartsXAxis/ChartsXAxis.js +5 -10
- package/ChartsXAxis/useAxisProps.d.ts +11 -173
- package/ChartsXAxis/utilities.d.ts +1 -1
- package/ChartsYAxis/ChartsYAxis.d.ts +1 -1
- package/ChartsYAxis/ChartsYAxis.js +5 -10
- package/ChartsYAxis/useAxisProps.d.ts +11 -173
- package/ChartsYAxis/utilities.d.ts +1 -1
- package/LineChart/LineChart.js +0 -36
- package/PieChart/PieChart.js +2 -2
- package/RadarChart/RadarAxis/RadarAxis.d.ts +29 -0
- package/RadarChart/RadarAxis/RadarAxis.js +101 -0
- package/RadarChart/RadarAxis/RadarAxis.utils.d.ts +20 -0
- package/RadarChart/RadarAxis/RadarAxis.utils.js +66 -0
- package/RadarChart/RadarAxis/index.d.ts +3 -0
- package/RadarChart/RadarAxis/index.js +39 -0
- package/RadarChart/RadarAxis/radarAxisClasses.d.ts +12 -0
- package/RadarChart/RadarAxis/radarAxisClasses.js +25 -0
- package/RadarChart/RadarAxis/useRadarAxis.d.ts +34 -0
- package/RadarChart/RadarAxis/useRadarAxis.js +82 -0
- package/RadarChart/RadarGrid/useRadarGridData.js +8 -5
- package/RadarChart/RadarSeriesPlot/useRadarSeriesData.js +1 -1
- package/RadarChart/index.d.ts +1 -0
- package/RadarChart/index.js +12 -0
- package/ScatterChart/ScatterChart.js +0 -36
- package/SparkLineChart/SparkLineChart.js +0 -36
- package/esm/BarChart/BarChart.js +0 -36
- package/esm/ChartContainer/ChartContainer.js +0 -56
- package/esm/ChartsLabel/labelGradientClasses.d.ts +1 -1
- package/esm/ChartsLabel/labelMarkClasses.d.ts +1 -1
- package/esm/ChartsOverlay/ChartsOverlay.js +11 -1
- package/esm/ChartsReferenceLine/ChartsXReferenceLine.d.ts +1 -1
- package/esm/ChartsReferenceLine/ChartsYReferenceLine.d.ts +1 -1
- package/esm/ChartsTooltip/ChartsTooltipTable.d.ts +1 -1
- package/esm/ChartsTooltip/chartsTooltipClasses.d.ts +1 -1
- package/esm/ChartsXAxis/ChartsXAxis.d.ts +1 -1
- package/esm/ChartsXAxis/ChartsXAxis.js +5 -10
- package/esm/ChartsXAxis/useAxisProps.d.ts +11 -173
- package/esm/ChartsXAxis/utilities.d.ts +1 -1
- package/esm/ChartsYAxis/ChartsYAxis.d.ts +1 -1
- package/esm/ChartsYAxis/ChartsYAxis.js +5 -10
- package/esm/ChartsYAxis/useAxisProps.d.ts +11 -173
- package/esm/ChartsYAxis/utilities.d.ts +1 -1
- package/esm/LineChart/LineChart.js +0 -36
- package/esm/PieChart/PieChart.js +2 -2
- package/esm/RadarChart/RadarAxis/RadarAxis.d.ts +29 -0
- package/esm/RadarChart/RadarAxis/RadarAxis.js +94 -0
- package/esm/RadarChart/RadarAxis/RadarAxis.utils.d.ts +20 -0
- package/esm/RadarChart/RadarAxis/RadarAxis.utils.js +60 -0
- package/esm/RadarChart/RadarAxis/index.d.ts +3 -0
- package/esm/RadarChart/RadarAxis/index.js +3 -0
- package/esm/RadarChart/RadarAxis/radarAxisClasses.d.ts +12 -0
- package/esm/RadarChart/RadarAxis/radarAxisClasses.js +15 -0
- package/esm/RadarChart/RadarAxis/useRadarAxis.d.ts +34 -0
- package/esm/RadarChart/RadarAxis/useRadarAxis.js +76 -0
- package/esm/RadarChart/RadarGrid/useRadarGridData.js +8 -5
- package/esm/RadarChart/RadarSeriesPlot/useRadarSeriesData.js +1 -1
- package/esm/RadarChart/index.d.ts +1 -0
- package/esm/RadarChart/index.js +1 -0
- package/esm/ScatterChart/ScatterChart.js +0 -36
- package/esm/SparkLineChart/SparkLineChart.js +0 -36
- package/esm/hooks/animation/useAnimatePieArcLabel.js +2 -2
- package/esm/hooks/useInteractionItemProps.d.ts +5 -5
- package/esm/hooks/useInteractionItemProps.js +6 -20
- package/esm/index.js +1 -1
- package/esm/internals/getWordsByLines.d.ts +6 -0
- package/esm/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.types.d.ts +3 -3
- package/esm/internals/plugins/models/seriesConfig/tooltipGetter.types.d.ts +3 -3
- package/esm/models/axis.d.ts +0 -10
- package/esm/models/seriesType/config.d.ts +6 -0
- package/esm/models/seriesType/index.d.ts +1 -0
- package/hooks/animation/useAnimatePieArcLabel.js +2 -2
- package/hooks/useInteractionItemProps.d.ts +5 -5
- package/hooks/useInteractionItemProps.js +6 -20
- package/index.js +1 -1
- package/internals/getWordsByLines.d.ts +6 -0
- package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.types.d.ts +3 -3
- package/internals/plugins/models/seriesConfig/tooltipGetter.types.d.ts +3 -3
- package/models/axis.d.ts +0 -10
- package/models/seriesType/config.d.ts +6 -0
- package/models/seriesType/index.d.ts +1 -0
- package/package.json +13 -13
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AxisConfig, ChartsYAxisProps } from "../models/axis.js";
|
|
2
|
-
export declare const useUtilityClasses: (ownerState: AxisConfig<any, any, ChartsYAxisProps>) => Record<"
|
|
2
|
+
export declare const useUtilityClasses: (ownerState: AxisConfig<any, any, ChartsYAxisProps>) => Record<"root" | "line" | "label" | "tickContainer" | "tick" | "tickLabel", string>;
|
|
3
3
|
export declare const TICK_LABEL_GAP = 2;
|
|
4
4
|
export declare const AXIS_LABEL_TICK_LABEL_GAP = 2;
|
|
5
5
|
export declare const YAxisRoot: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<import("react").SVGProps<SVGGElement>, keyof import("react").SVGProps<SVGGElement>>, keyof import("react").SVGProps<SVGGElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
package/LineChart/LineChart.js
CHANGED
|
@@ -276,7 +276,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
276
276
|
disableLine: _propTypes.default.bool,
|
|
277
277
|
disableTicks: _propTypes.default.bool,
|
|
278
278
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
279
|
-
fill: _propTypes.default.string,
|
|
280
279
|
groups: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
281
280
|
getValue: _propTypes.default.func.isRequired,
|
|
282
281
|
tickLabelStyle: _propTypes.default.object,
|
|
@@ -296,7 +295,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
296
295
|
scaleType: _propTypes.default.oneOf(['band']),
|
|
297
296
|
slotProps: _propTypes.default.object,
|
|
298
297
|
slots: _propTypes.default.object,
|
|
299
|
-
stroke: _propTypes.default.string,
|
|
300
298
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
301
299
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
302
300
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -332,7 +330,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
332
330
|
disableLine: _propTypes.default.bool,
|
|
333
331
|
disableTicks: _propTypes.default.bool,
|
|
334
332
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
335
|
-
fill: _propTypes.default.string,
|
|
336
333
|
groups: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
337
334
|
getValue: _propTypes.default.func.isRequired,
|
|
338
335
|
tickLabelStyle: _propTypes.default.object,
|
|
@@ -352,7 +349,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
352
349
|
scaleType: _propTypes.default.oneOf(['point']),
|
|
353
350
|
slotProps: _propTypes.default.object,
|
|
354
351
|
slots: _propTypes.default.object,
|
|
355
|
-
stroke: _propTypes.default.string,
|
|
356
352
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
357
353
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
358
354
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -383,7 +379,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
383
379
|
disableLine: _propTypes.default.bool,
|
|
384
380
|
disableTicks: _propTypes.default.bool,
|
|
385
381
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
386
|
-
fill: _propTypes.default.string,
|
|
387
382
|
height: _propTypes.default.number,
|
|
388
383
|
hideTooltip: _propTypes.default.bool,
|
|
389
384
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
@@ -398,7 +393,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
398
393
|
scaleType: _propTypes.default.oneOf(['log']),
|
|
399
394
|
slotProps: _propTypes.default.object,
|
|
400
395
|
slots: _propTypes.default.object,
|
|
401
|
-
stroke: _propTypes.default.string,
|
|
402
396
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
403
397
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
404
398
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -430,7 +424,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
430
424
|
disableLine: _propTypes.default.bool,
|
|
431
425
|
disableTicks: _propTypes.default.bool,
|
|
432
426
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
433
|
-
fill: _propTypes.default.string,
|
|
434
427
|
height: _propTypes.default.number,
|
|
435
428
|
hideTooltip: _propTypes.default.bool,
|
|
436
429
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
@@ -445,7 +438,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
445
438
|
scaleType: _propTypes.default.oneOf(['symlog']),
|
|
446
439
|
slotProps: _propTypes.default.object,
|
|
447
440
|
slots: _propTypes.default.object,
|
|
448
|
-
stroke: _propTypes.default.string,
|
|
449
441
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
450
442
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
451
443
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -476,7 +468,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
476
468
|
disableLine: _propTypes.default.bool,
|
|
477
469
|
disableTicks: _propTypes.default.bool,
|
|
478
470
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
479
|
-
fill: _propTypes.default.string,
|
|
480
471
|
height: _propTypes.default.number,
|
|
481
472
|
hideTooltip: _propTypes.default.bool,
|
|
482
473
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
@@ -491,7 +482,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
491
482
|
scaleType: _propTypes.default.oneOf(['pow']),
|
|
492
483
|
slotProps: _propTypes.default.object,
|
|
493
484
|
slots: _propTypes.default.object,
|
|
494
|
-
stroke: _propTypes.default.string,
|
|
495
485
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
496
486
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
497
487
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -522,7 +512,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
522
512
|
disableLine: _propTypes.default.bool,
|
|
523
513
|
disableTicks: _propTypes.default.bool,
|
|
524
514
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
525
|
-
fill: _propTypes.default.string,
|
|
526
515
|
height: _propTypes.default.number,
|
|
527
516
|
hideTooltip: _propTypes.default.bool,
|
|
528
517
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
@@ -537,7 +526,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
537
526
|
scaleType: _propTypes.default.oneOf(['sqrt']),
|
|
538
527
|
slotProps: _propTypes.default.object,
|
|
539
528
|
slots: _propTypes.default.object,
|
|
540
|
-
stroke: _propTypes.default.string,
|
|
541
529
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
542
530
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
543
531
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -568,7 +556,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
568
556
|
disableLine: _propTypes.default.bool,
|
|
569
557
|
disableTicks: _propTypes.default.bool,
|
|
570
558
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
571
|
-
fill: _propTypes.default.string,
|
|
572
559
|
height: _propTypes.default.number,
|
|
573
560
|
hideTooltip: _propTypes.default.bool,
|
|
574
561
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
@@ -583,7 +570,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
583
570
|
scaleType: _propTypes.default.oneOf(['time']),
|
|
584
571
|
slotProps: _propTypes.default.object,
|
|
585
572
|
slots: _propTypes.default.object,
|
|
586
|
-
stroke: _propTypes.default.string,
|
|
587
573
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
588
574
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
589
575
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -614,7 +600,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
614
600
|
disableLine: _propTypes.default.bool,
|
|
615
601
|
disableTicks: _propTypes.default.bool,
|
|
616
602
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
617
|
-
fill: _propTypes.default.string,
|
|
618
603
|
height: _propTypes.default.number,
|
|
619
604
|
hideTooltip: _propTypes.default.bool,
|
|
620
605
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
@@ -629,7 +614,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
629
614
|
scaleType: _propTypes.default.oneOf(['utc']),
|
|
630
615
|
slotProps: _propTypes.default.object,
|
|
631
616
|
slots: _propTypes.default.object,
|
|
632
|
-
stroke: _propTypes.default.string,
|
|
633
617
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
634
618
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
635
619
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -660,7 +644,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
660
644
|
disableLine: _propTypes.default.bool,
|
|
661
645
|
disableTicks: _propTypes.default.bool,
|
|
662
646
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
663
|
-
fill: _propTypes.default.string,
|
|
664
647
|
height: _propTypes.default.number,
|
|
665
648
|
hideTooltip: _propTypes.default.bool,
|
|
666
649
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
@@ -675,7 +658,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
675
658
|
scaleType: _propTypes.default.oneOf(['linear']),
|
|
676
659
|
slotProps: _propTypes.default.object,
|
|
677
660
|
slots: _propTypes.default.object,
|
|
678
|
-
stroke: _propTypes.default.string,
|
|
679
661
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
680
662
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
681
663
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -719,7 +701,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
719
701
|
disableLine: _propTypes.default.bool,
|
|
720
702
|
disableTicks: _propTypes.default.bool,
|
|
721
703
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
722
|
-
fill: _propTypes.default.string,
|
|
723
704
|
groups: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
724
705
|
getValue: _propTypes.default.func.isRequired,
|
|
725
706
|
tickLabelStyle: _propTypes.default.object,
|
|
@@ -738,7 +719,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
738
719
|
scaleType: _propTypes.default.oneOf(['band']),
|
|
739
720
|
slotProps: _propTypes.default.object,
|
|
740
721
|
slots: _propTypes.default.object,
|
|
741
|
-
stroke: _propTypes.default.string,
|
|
742
722
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
743
723
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
744
724
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -774,7 +754,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
774
754
|
disableLine: _propTypes.default.bool,
|
|
775
755
|
disableTicks: _propTypes.default.bool,
|
|
776
756
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
777
|
-
fill: _propTypes.default.string,
|
|
778
757
|
groups: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
779
758
|
getValue: _propTypes.default.func.isRequired,
|
|
780
759
|
tickLabelStyle: _propTypes.default.object,
|
|
@@ -793,7 +772,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
793
772
|
scaleType: _propTypes.default.oneOf(['point']),
|
|
794
773
|
slotProps: _propTypes.default.object,
|
|
795
774
|
slots: _propTypes.default.object,
|
|
796
|
-
stroke: _propTypes.default.string,
|
|
797
775
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
798
776
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
799
777
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -824,7 +802,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
824
802
|
disableLine: _propTypes.default.bool,
|
|
825
803
|
disableTicks: _propTypes.default.bool,
|
|
826
804
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
827
|
-
fill: _propTypes.default.string,
|
|
828
805
|
hideTooltip: _propTypes.default.bool,
|
|
829
806
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
830
807
|
ignoreTooltip: _propTypes.default.bool,
|
|
@@ -838,7 +815,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
838
815
|
scaleType: _propTypes.default.oneOf(['log']),
|
|
839
816
|
slotProps: _propTypes.default.object,
|
|
840
817
|
slots: _propTypes.default.object,
|
|
841
|
-
stroke: _propTypes.default.string,
|
|
842
818
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
843
819
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
844
820
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -870,7 +846,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
870
846
|
disableLine: _propTypes.default.bool,
|
|
871
847
|
disableTicks: _propTypes.default.bool,
|
|
872
848
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
873
|
-
fill: _propTypes.default.string,
|
|
874
849
|
hideTooltip: _propTypes.default.bool,
|
|
875
850
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
876
851
|
ignoreTooltip: _propTypes.default.bool,
|
|
@@ -884,7 +859,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
884
859
|
scaleType: _propTypes.default.oneOf(['symlog']),
|
|
885
860
|
slotProps: _propTypes.default.object,
|
|
886
861
|
slots: _propTypes.default.object,
|
|
887
|
-
stroke: _propTypes.default.string,
|
|
888
862
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
889
863
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
890
864
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -915,7 +889,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
915
889
|
disableLine: _propTypes.default.bool,
|
|
916
890
|
disableTicks: _propTypes.default.bool,
|
|
917
891
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
918
|
-
fill: _propTypes.default.string,
|
|
919
892
|
hideTooltip: _propTypes.default.bool,
|
|
920
893
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
921
894
|
ignoreTooltip: _propTypes.default.bool,
|
|
@@ -929,7 +902,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
929
902
|
scaleType: _propTypes.default.oneOf(['pow']),
|
|
930
903
|
slotProps: _propTypes.default.object,
|
|
931
904
|
slots: _propTypes.default.object,
|
|
932
|
-
stroke: _propTypes.default.string,
|
|
933
905
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
934
906
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
935
907
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -960,7 +932,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
960
932
|
disableLine: _propTypes.default.bool,
|
|
961
933
|
disableTicks: _propTypes.default.bool,
|
|
962
934
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
963
|
-
fill: _propTypes.default.string,
|
|
964
935
|
hideTooltip: _propTypes.default.bool,
|
|
965
936
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
966
937
|
ignoreTooltip: _propTypes.default.bool,
|
|
@@ -974,7 +945,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
974
945
|
scaleType: _propTypes.default.oneOf(['sqrt']),
|
|
975
946
|
slotProps: _propTypes.default.object,
|
|
976
947
|
slots: _propTypes.default.object,
|
|
977
|
-
stroke: _propTypes.default.string,
|
|
978
948
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
979
949
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
980
950
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -1005,7 +975,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
1005
975
|
disableLine: _propTypes.default.bool,
|
|
1006
976
|
disableTicks: _propTypes.default.bool,
|
|
1007
977
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
1008
|
-
fill: _propTypes.default.string,
|
|
1009
978
|
hideTooltip: _propTypes.default.bool,
|
|
1010
979
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
1011
980
|
ignoreTooltip: _propTypes.default.bool,
|
|
@@ -1019,7 +988,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
1019
988
|
scaleType: _propTypes.default.oneOf(['time']),
|
|
1020
989
|
slotProps: _propTypes.default.object,
|
|
1021
990
|
slots: _propTypes.default.object,
|
|
1022
|
-
stroke: _propTypes.default.string,
|
|
1023
991
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
1024
992
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
1025
993
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -1050,7 +1018,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
1050
1018
|
disableLine: _propTypes.default.bool,
|
|
1051
1019
|
disableTicks: _propTypes.default.bool,
|
|
1052
1020
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
1053
|
-
fill: _propTypes.default.string,
|
|
1054
1021
|
hideTooltip: _propTypes.default.bool,
|
|
1055
1022
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
1056
1023
|
ignoreTooltip: _propTypes.default.bool,
|
|
@@ -1064,7 +1031,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
1064
1031
|
scaleType: _propTypes.default.oneOf(['utc']),
|
|
1065
1032
|
slotProps: _propTypes.default.object,
|
|
1066
1033
|
slots: _propTypes.default.object,
|
|
1067
|
-
stroke: _propTypes.default.string,
|
|
1068
1034
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
1069
1035
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
1070
1036
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
@@ -1095,7 +1061,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
1095
1061
|
disableLine: _propTypes.default.bool,
|
|
1096
1062
|
disableTicks: _propTypes.default.bool,
|
|
1097
1063
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
1098
|
-
fill: _propTypes.default.string,
|
|
1099
1064
|
hideTooltip: _propTypes.default.bool,
|
|
1100
1065
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
1101
1066
|
ignoreTooltip: _propTypes.default.bool,
|
|
@@ -1109,7 +1074,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
|
|
|
1109
1074
|
scaleType: _propTypes.default.oneOf(['linear']),
|
|
1110
1075
|
slotProps: _propTypes.default.object,
|
|
1111
1076
|
slots: _propTypes.default.object,
|
|
1112
|
-
stroke: _propTypes.default.string,
|
|
1113
1077
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
1114
1078
|
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
1115
1079
|
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
package/PieChart/PieChart.js
CHANGED
|
@@ -83,10 +83,10 @@ const PieChart = exports.PieChart = /*#__PURE__*/React.forwardRef(function PieCh
|
|
|
83
83
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartDataProvider.ChartDataProvider, (0, _extends2.default)({}, chartDataProviderProps, {
|
|
84
84
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsWrapper.ChartsWrapper, {
|
|
85
85
|
legendPosition: props.slotProps?.legend?.position,
|
|
86
|
-
legendDirection: props
|
|
86
|
+
legendDirection: props.slotProps?.legend?.direction ?? 'vertical',
|
|
87
87
|
sx: sx,
|
|
88
88
|
children: [showToolbar && Toolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, {
|
|
89
|
-
direction: props
|
|
89
|
+
direction: props.slotProps?.legend?.direction ?? 'vertical',
|
|
90
90
|
slots: slots,
|
|
91
91
|
slotProps: slotProps
|
|
92
92
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { UseRadarAxisParams } from "./useRadarAxis.js";
|
|
3
|
+
import { RadarAxisClasses } from "./radarAxisClasses.js";
|
|
4
|
+
export interface RadarAxisProps extends UseRadarAxisParams {
|
|
5
|
+
/**
|
|
6
|
+
* Defines how label align with the axis.
|
|
7
|
+
* - 'horizontal': labels stay horizontal and their placement change with the axis angle.
|
|
8
|
+
* - 'rotated': labels are rotated 90deg relatively to their axis.
|
|
9
|
+
* @default 'horizontal'
|
|
10
|
+
*/
|
|
11
|
+
labelOrientation?: 'horizontal' | 'rotated';
|
|
12
|
+
/**
|
|
13
|
+
* The labels text anchor or a function returning the text anchor for a given axis angle (in degree).
|
|
14
|
+
*/
|
|
15
|
+
textAnchor?: React.SVGProps<SVGTextElement>['textAnchor'] | ((angle: number) => React.SVGProps<SVGTextElement>['textAnchor']);
|
|
16
|
+
/**
|
|
17
|
+
* The labels dominant baseline or a function returning the dominant baseline for a given axis angle (in degree).
|
|
18
|
+
*/
|
|
19
|
+
dominantBaseline?: React.SVGProps<SVGTextElement>['dominantBaseline'] | ((angle: number) => React.SVGProps<SVGTextElement>['dominantBaseline']);
|
|
20
|
+
/**
|
|
21
|
+
* Override or extend the styles applied to the component.
|
|
22
|
+
*/
|
|
23
|
+
classes?: Partial<RadarAxisClasses>;
|
|
24
|
+
}
|
|
25
|
+
declare function RadarAxis(props: RadarAxisProps): React.JSX.Element | null;
|
|
26
|
+
declare namespace RadarAxis {
|
|
27
|
+
var propTypes: any;
|
|
28
|
+
}
|
|
29
|
+
export { RadarAxis };
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.RadarAxis = RadarAxis;
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
+
var _styles = require("@mui/material/styles");
|
|
13
|
+
var _useRadarAxis = require("./useRadarAxis");
|
|
14
|
+
var _RadarAxis = require("./RadarAxis.utils");
|
|
15
|
+
var _radarAxisClasses = require("./radarAxisClasses");
|
|
16
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
+
function RadarAxis(props) {
|
|
18
|
+
const {
|
|
19
|
+
labelOrientation = 'horizontal',
|
|
20
|
+
textAnchor,
|
|
21
|
+
dominantBaseline
|
|
22
|
+
} = props;
|
|
23
|
+
const classes = (0, _radarAxisClasses.useUtilityClasses)(props.classes);
|
|
24
|
+
const theme = (0, _styles.useTheme)();
|
|
25
|
+
const data = (0, _useRadarAxis.useRadarAxis)(props);
|
|
26
|
+
if (data === null) {
|
|
27
|
+
return null;
|
|
28
|
+
}
|
|
29
|
+
const {
|
|
30
|
+
center,
|
|
31
|
+
angle,
|
|
32
|
+
labels
|
|
33
|
+
} = data;
|
|
34
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
|
|
35
|
+
className: classes.root,
|
|
36
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
37
|
+
d: `M ${center.x} ${center.y} L ${labels[labels.length - 1].x} ${labels[labels.length - 1].y}`,
|
|
38
|
+
stroke: (theme.vars ?? theme).palette.text.primary,
|
|
39
|
+
strokeOpacity: 0.3,
|
|
40
|
+
className: classes.line
|
|
41
|
+
}), labels.map(({
|
|
42
|
+
x,
|
|
43
|
+
y,
|
|
44
|
+
formattedValue
|
|
45
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("text", (0, _extends2.default)({
|
|
46
|
+
fontSize: 12,
|
|
47
|
+
fill: (theme.vars ?? theme).palette.text.primary,
|
|
48
|
+
stroke: "none",
|
|
49
|
+
className: classes.label
|
|
50
|
+
}, (0, _RadarAxis.getLabelAttributes)({
|
|
51
|
+
labelOrientation,
|
|
52
|
+
x,
|
|
53
|
+
y,
|
|
54
|
+
angle,
|
|
55
|
+
textAnchor,
|
|
56
|
+
dominantBaseline
|
|
57
|
+
}), {
|
|
58
|
+
children: formattedValue
|
|
59
|
+
}), formattedValue))]
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
process.env.NODE_ENV !== "production" ? RadarAxis.propTypes = {
|
|
63
|
+
// ----------------------------- Warning --------------------------------
|
|
64
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
65
|
+
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
66
|
+
// ----------------------------------------------------------------------
|
|
67
|
+
/**
|
|
68
|
+
* The absolute rotation angle of the metrics (in degree)
|
|
69
|
+
* If not defined the metric angle will be used.
|
|
70
|
+
*/
|
|
71
|
+
angle: _propTypes.default.number,
|
|
72
|
+
/**
|
|
73
|
+
* Override or extend the styles applied to the component.
|
|
74
|
+
*/
|
|
75
|
+
classes: _propTypes.default.object,
|
|
76
|
+
/**
|
|
77
|
+
* The number of divisions with label.
|
|
78
|
+
* @default 1
|
|
79
|
+
*/
|
|
80
|
+
divisions: _propTypes.default.number,
|
|
81
|
+
/**
|
|
82
|
+
* The labels dominant baseline or a function returning the dominant baseline for a given axis angle (in degree).
|
|
83
|
+
*/
|
|
84
|
+
dominantBaseline: _propTypes.default.oneOfType([_propTypes.default.oneOf(['alphabetic', 'auto', 'central', 'hanging', 'ideographic', 'inherit', 'mathematical', 'middle', 'no-change', 'reset-size', 'text-after-edge', 'text-before-edge', 'use-script']), _propTypes.default.func]),
|
|
85
|
+
/**
|
|
86
|
+
* Defines how label align with the axis.
|
|
87
|
+
* - 'horizontal': labels stay horizontal and their placement change with the axis angle.
|
|
88
|
+
* - 'rotated': labels are rotated 90deg relatively to their axis.
|
|
89
|
+
* @default 'horizontal'
|
|
90
|
+
*/
|
|
91
|
+
labelOrientation: _propTypes.default.oneOf(['horizontal', 'rotated']),
|
|
92
|
+
/**
|
|
93
|
+
* The metric to get.
|
|
94
|
+
* If `undefined`, the hook returns `null`
|
|
95
|
+
*/
|
|
96
|
+
metric: _propTypes.default.string,
|
|
97
|
+
/**
|
|
98
|
+
* The labels text anchor or a function returning the text anchor for a given axis angle (in degree).
|
|
99
|
+
*/
|
|
100
|
+
textAnchor: _propTypes.default.oneOfType([_propTypes.default.oneOf(['end', 'inherit', 'middle', 'start']), _propTypes.default.func])
|
|
101
|
+
} : void 0;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { RadarAxisProps } from "./RadarAxis.js";
|
|
2
|
+
interface GetLabelAttributesParams extends Required<Pick<RadarAxisProps, 'labelOrientation'>>, Partial<Pick<RadarAxisProps, 'textAnchor' | 'dominantBaseline'>> {
|
|
3
|
+
x: number;
|
|
4
|
+
y: number;
|
|
5
|
+
angle: number;
|
|
6
|
+
}
|
|
7
|
+
export declare function getLabelAttributes(params: GetLabelAttributesParams): {
|
|
8
|
+
x: number;
|
|
9
|
+
y: number;
|
|
10
|
+
textAnchor: "inherit" | "end" | "start" | "middle" | undefined;
|
|
11
|
+
dominantBaseline: "inherit" | "auto" | "middle" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "text-before-edge" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | undefined;
|
|
12
|
+
transform?: undefined;
|
|
13
|
+
} | {
|
|
14
|
+
x: number;
|
|
15
|
+
y: number;
|
|
16
|
+
textAnchor: "inherit" | "end" | "start" | "middle" | undefined;
|
|
17
|
+
dominantBaseline: "inherit" | "auto" | "middle" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "text-before-edge" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | undefined;
|
|
18
|
+
transform: string;
|
|
19
|
+
};
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getLabelAttributes = getLabelAttributes;
|
|
7
|
+
/**
|
|
8
|
+
* Return text anchor of labels.
|
|
9
|
+
* @param angle The axis angle (in rad) with clock direction and 0 at the top
|
|
10
|
+
*/
|
|
11
|
+
function getTextAnchor(angle) {
|
|
12
|
+
if (angle < 20) {
|
|
13
|
+
return 'start';
|
|
14
|
+
}
|
|
15
|
+
if (angle < 90 - 10) {
|
|
16
|
+
return 'end';
|
|
17
|
+
}
|
|
18
|
+
if (angle < 270 - 10) {
|
|
19
|
+
return 'start';
|
|
20
|
+
}
|
|
21
|
+
if (angle < 360 - 20) {
|
|
22
|
+
return 'end';
|
|
23
|
+
}
|
|
24
|
+
return 'start';
|
|
25
|
+
}
|
|
26
|
+
function getDominantBaseline(angle) {
|
|
27
|
+
if (angle < 160) {
|
|
28
|
+
return 'auto';
|
|
29
|
+
}
|
|
30
|
+
if (angle < 360 - 20) {
|
|
31
|
+
return 'hanging';
|
|
32
|
+
}
|
|
33
|
+
return 'auto';
|
|
34
|
+
}
|
|
35
|
+
const LABEL_MARGIN = 2;
|
|
36
|
+
function getLabelAttributes(params) {
|
|
37
|
+
const {
|
|
38
|
+
x,
|
|
39
|
+
y,
|
|
40
|
+
angle
|
|
41
|
+
} = params;
|
|
42
|
+
if (params.labelOrientation === 'horizontal') {
|
|
43
|
+
const textAnchor = typeof params.textAnchor === 'function' ? params.textAnchor(angle) : params.textAnchor ?? getTextAnchor(angle);
|
|
44
|
+
const dominantBaseline = typeof params.dominantBaseline === 'function' ? params.dominantBaseline(angle) : params.dominantBaseline ?? getDominantBaseline(angle);
|
|
45
|
+
const marginX = textAnchor === 'start' ? LABEL_MARGIN : -LABEL_MARGIN;
|
|
46
|
+
const marginY = dominantBaseline === 'auto' ? -LABEL_MARGIN : LABEL_MARGIN;
|
|
47
|
+
return {
|
|
48
|
+
x: x + marginX,
|
|
49
|
+
y: y + marginY,
|
|
50
|
+
textAnchor,
|
|
51
|
+
dominantBaseline
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
// orientation='rotated'
|
|
56
|
+
|
|
57
|
+
const textAnchor = typeof params.textAnchor === 'function' ? params.textAnchor(angle) : params.textAnchor ?? 'start';
|
|
58
|
+
const dominantBaseline = typeof params.dominantBaseline === 'function' ? params.dominantBaseline(angle) : params.dominantBaseline ?? 'auto';
|
|
59
|
+
return {
|
|
60
|
+
x,
|
|
61
|
+
y,
|
|
62
|
+
textAnchor,
|
|
63
|
+
dominantBaseline,
|
|
64
|
+
transform: `rotate(${angle}, ${x}, ${y})`
|
|
65
|
+
};
|
|
66
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {
|
|
7
|
+
chartsAxisClasses: true
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "chartsAxisClasses", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function () {
|
|
12
|
+
return _radarAxisClasses.chartsAxisClasses;
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
var _RadarAxis = require("./RadarAxis");
|
|
16
|
+
Object.keys(_RadarAxis).forEach(function (key) {
|
|
17
|
+
if (key === "default" || key === "__esModule") return;
|
|
18
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
19
|
+
if (key in exports && exports[key] === _RadarAxis[key]) return;
|
|
20
|
+
Object.defineProperty(exports, key, {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () {
|
|
23
|
+
return _RadarAxis[key];
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
var _useRadarAxis = require("./useRadarAxis");
|
|
28
|
+
Object.keys(_useRadarAxis).forEach(function (key) {
|
|
29
|
+
if (key === "default" || key === "__esModule") return;
|
|
30
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
31
|
+
if (key in exports && exports[key] === _useRadarAxis[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function () {
|
|
35
|
+
return _useRadarAxis[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
var _radarAxisClasses = require("./radarAxisClasses");
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface RadarAxisClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the line element. */
|
|
5
|
+
line: string;
|
|
6
|
+
/** Styles applied to every label element. */
|
|
7
|
+
label: string;
|
|
8
|
+
}
|
|
9
|
+
export type RadarAxisClassKey = keyof RadarAxisClasses;
|
|
10
|
+
export declare function getRadarAxisUtilityClass(slot: string): string;
|
|
11
|
+
export declare const chartsAxisClasses: RadarAxisClasses;
|
|
12
|
+
export declare const useUtilityClasses: (classes?: Partial<RadarAxisClasses>) => Record<"root" | "line" | "label", string>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.chartsAxisClasses = void 0;
|
|
8
|
+
exports.getRadarAxisUtilityClass = getRadarAxisUtilityClass;
|
|
9
|
+
exports.useUtilityClasses = void 0;
|
|
10
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
11
|
+
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
|
12
|
+
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
13
|
+
function getRadarAxisUtilityClass(slot) {
|
|
14
|
+
return (0, _generateUtilityClass.default)('MuiRadarAxis', slot);
|
|
15
|
+
}
|
|
16
|
+
const chartsAxisClasses = exports.chartsAxisClasses = (0, _generateUtilityClasses.default)('MuiRadarAxis', ['root', 'line', 'label']);
|
|
17
|
+
const useUtilityClasses = classes => {
|
|
18
|
+
const slots = {
|
|
19
|
+
root: ['root'],
|
|
20
|
+
line: ['line'],
|
|
21
|
+
label: ['label']
|
|
22
|
+
};
|
|
23
|
+
return (0, _composeClasses.default)(slots, getRadarAxisUtilityClass, classes);
|
|
24
|
+
};
|
|
25
|
+
exports.useUtilityClasses = useUtilityClasses;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export interface UseRadarAxisParams {
|
|
2
|
+
/**
|
|
3
|
+
* The metric to get.
|
|
4
|
+
* If `undefined`, the hook returns `null`
|
|
5
|
+
*/
|
|
6
|
+
metric?: string;
|
|
7
|
+
/**
|
|
8
|
+
* The absolute rotation angle of the metrics (in degree)
|
|
9
|
+
* If not defined the metric angle will be used.
|
|
10
|
+
*/
|
|
11
|
+
angle?: number;
|
|
12
|
+
/**
|
|
13
|
+
* The number of divisions with label.
|
|
14
|
+
* @default 1
|
|
15
|
+
*/
|
|
16
|
+
divisions?: number;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Returns an array with on item par metrics with the different point to label.
|
|
20
|
+
*/
|
|
21
|
+
export declare function useRadarAxis(params: UseRadarAxisParams): {
|
|
22
|
+
metric: string;
|
|
23
|
+
angle: number;
|
|
24
|
+
center: {
|
|
25
|
+
x: number;
|
|
26
|
+
y: number;
|
|
27
|
+
};
|
|
28
|
+
labels: {
|
|
29
|
+
x: number;
|
|
30
|
+
y: number;
|
|
31
|
+
value: number | Date;
|
|
32
|
+
formattedValue: string;
|
|
33
|
+
}[];
|
|
34
|
+
} | null;
|