Skip to content

Commit 1568a65

Browse files
bernardobelchiorbernardobelchior
committed
[charts-pro] Add size for zoom slider
1 parent ee91831 commit 1568a65

File tree

11 files changed

+73
-16
lines changed

11 files changed

+73
-16
lines changed

‎docs/pages/x/api/charts/bar-chart-pro.json

+2-2
Large diffs are not rendered by default.

‎docs/pages/x/api/charts/line-chart-pro.json

+2-2
Large diffs are not rendered by default.

‎docs/pages/x/api/charts/scatter-chart-pro.json

+2-2
Large diffs are not rendered by default.

‎packages/x-charts-pro/src/BarChartPro/BarChartPro.tsx

+16
Original file line numberDiff line numberDiff line change
@@ -376,6 +376,7 @@ BarChartPro.propTypes = {
376376
panning: PropTypes.bool,
377377
slider: PropTypes.shape({
378378
enabled: PropTypes.bool,
379+
size: PropTypes.number,
379380
}),
380381
step: PropTypes.number,
381382
}),
@@ -465,6 +466,7 @@ BarChartPro.propTypes = {
465466
panning: PropTypes.bool,
466467
slider: PropTypes.shape({
467468
enabled: PropTypes.bool,
469+
size: PropTypes.number,
468470
}),
469471
step: PropTypes.number,
470472
}),
@@ -545,6 +547,7 @@ BarChartPro.propTypes = {
545547
panning: PropTypes.bool,
546548
slider: PropTypes.shape({
547549
enabled: PropTypes.bool,
550+
size: PropTypes.number,
548551
}),
549552
step: PropTypes.number,
550553
}),
@@ -625,6 +628,7 @@ BarChartPro.propTypes = {
625628
panning: PropTypes.bool,
626629
slider: PropTypes.shape({
627630
enabled: PropTypes.bool,
631+
size: PropTypes.number,
628632
}),
629633
step: PropTypes.number,
630634
}),
@@ -705,6 +709,7 @@ BarChartPro.propTypes = {
705709
panning: PropTypes.bool,
706710
slider: PropTypes.shape({
707711
enabled: PropTypes.bool,
712+
size: PropTypes.number,
708713
}),
709714
step: PropTypes.number,
710715
}),
@@ -785,6 +790,7 @@ BarChartPro.propTypes = {
785790
panning: PropTypes.bool,
786791
slider: PropTypes.shape({
787792
enabled: PropTypes.bool,
793+
size: PropTypes.number,
788794
}),
789795
step: PropTypes.number,
790796
}),
@@ -865,6 +871,7 @@ BarChartPro.propTypes = {
865871
panning: PropTypes.bool,
866872
slider: PropTypes.shape({
867873
enabled: PropTypes.bool,
874+
size: PropTypes.number,
868875
}),
869876
step: PropTypes.number,
870877
}),
@@ -945,6 +952,7 @@ BarChartPro.propTypes = {
945952
panning: PropTypes.bool,
946953
slider: PropTypes.shape({
947954
enabled: PropTypes.bool,
955+
size: PropTypes.number,
948956
}),
949957
step: PropTypes.number,
950958
}),
@@ -1044,6 +1052,7 @@ BarChartPro.propTypes = {
10441052
panning: PropTypes.bool,
10451053
slider: PropTypes.shape({
10461054
enabled: PropTypes.bool,
1055+
size: PropTypes.number,
10471056
}),
10481057
step: PropTypes.number,
10491058
}),
@@ -1132,6 +1141,7 @@ BarChartPro.propTypes = {
11321141
panning: PropTypes.bool,
11331142
slider: PropTypes.shape({
11341143
enabled: PropTypes.bool,
1144+
size: PropTypes.number,
11351145
}),
11361146
step: PropTypes.number,
11371147
}),
@@ -1211,6 +1221,7 @@ BarChartPro.propTypes = {
12111221
panning: PropTypes.bool,
12121222
slider: PropTypes.shape({
12131223
enabled: PropTypes.bool,
1224+
size: PropTypes.number,
12141225
}),
12151226
step: PropTypes.number,
12161227
}),
@@ -1290,6 +1301,7 @@ BarChartPro.propTypes = {
12901301
panning: PropTypes.bool,
12911302
slider: PropTypes.shape({
12921303
enabled: PropTypes.bool,
1304+
size: PropTypes.number,
12931305
}),
12941306
step: PropTypes.number,
12951307
}),
@@ -1369,6 +1381,7 @@ BarChartPro.propTypes = {
13691381
panning: PropTypes.bool,
13701382
slider: PropTypes.shape({
13711383
enabled: PropTypes.bool,
1384+
size: PropTypes.number,
13721385
}),
13731386
step: PropTypes.number,
13741387
}),
@@ -1448,6 +1461,7 @@ BarChartPro.propTypes = {
14481461
panning: PropTypes.bool,
14491462
slider: PropTypes.shape({
14501463
enabled: PropTypes.bool,
1464+
size: PropTypes.number,
14511465
}),
14521466
step: PropTypes.number,
14531467
}),
@@ -1527,6 +1541,7 @@ BarChartPro.propTypes = {
15271541
panning: PropTypes.bool,
15281542
slider: PropTypes.shape({
15291543
enabled: PropTypes.bool,
1544+
size: PropTypes.number,
15301545
}),
15311546
step: PropTypes.number,
15321547
}),
@@ -1606,6 +1621,7 @@ BarChartPro.propTypes = {
16061621
panning: PropTypes.bool,
16071622
slider: PropTypes.shape({
16081623
enabled: PropTypes.bool,
1624+
size: PropTypes.number,
16091625
}),
16101626
step: PropTypes.number,
16111627
}),

‎packages/x-charts-pro/src/LineChartPro/LineChartPro.tsx

+16
Original file line numberDiff line numberDiff line change
@@ -381,6 +381,7 @@ LineChartPro.propTypes = {
381381
panning: PropTypes.bool,
382382
slider: PropTypes.shape({
383383
enabled: PropTypes.bool,
384+
size: PropTypes.number,
384385
}),
385386
step: PropTypes.number,
386387
}),
@@ -470,6 +471,7 @@ LineChartPro.propTypes = {
470471
panning: PropTypes.bool,
471472
slider: PropTypes.shape({
472473
enabled: PropTypes.bool,
474+
size: PropTypes.number,
473475
}),
474476
step: PropTypes.number,
475477
}),
@@ -550,6 +552,7 @@ LineChartPro.propTypes = {
550552
panning: PropTypes.bool,
551553
slider: PropTypes.shape({
552554
enabled: PropTypes.bool,
555+
size: PropTypes.number,
553556
}),
554557
step: PropTypes.number,
555558
}),
@@ -630,6 +633,7 @@ LineChartPro.propTypes = {
630633
panning: PropTypes.bool,
631634
slider: PropTypes.shape({
632635
enabled: PropTypes.bool,
636+
size: PropTypes.number,
633637
}),
634638
step: PropTypes.number,
635639
}),
@@ -710,6 +714,7 @@ LineChartPro.propTypes = {
710714
panning: PropTypes.bool,
711715
slider: PropTypes.shape({
712716
enabled: PropTypes.bool,
717+
size: PropTypes.number,
713718
}),
714719
step: PropTypes.number,
715720
}),
@@ -790,6 +795,7 @@ LineChartPro.propTypes = {
790795
panning: PropTypes.bool,
791796
slider: PropTypes.shape({
792797
enabled: PropTypes.bool,
798+
size: PropTypes.number,
793799
}),
794800
step: PropTypes.number,
795801
}),
@@ -870,6 +876,7 @@ LineChartPro.propTypes = {
870876
panning: PropTypes.bool,
871877
slider: PropTypes.shape({
872878
enabled: PropTypes.bool,
879+
size: PropTypes.number,
873880
}),
874881
step: PropTypes.number,
875882
}),
@@ -950,6 +957,7 @@ LineChartPro.propTypes = {
950957
panning: PropTypes.bool,
951958
slider: PropTypes.shape({
952959
enabled: PropTypes.bool,
960+
size: PropTypes.number,
953961
}),
954962
step: PropTypes.number,
955963
}),
@@ -1049,6 +1057,7 @@ LineChartPro.propTypes = {
10491057
panning: PropTypes.bool,
10501058
slider: PropTypes.shape({
10511059
enabled: PropTypes.bool,
1060+
size: PropTypes.number,
10521061
}),
10531062
step: PropTypes.number,
10541063
}),
@@ -1137,6 +1146,7 @@ LineChartPro.propTypes = {
11371146
panning: PropTypes.bool,
11381147
slider: PropTypes.shape({
11391148
enabled: PropTypes.bool,
1149+
size: PropTypes.number,
11401150
}),
11411151
step: PropTypes.number,
11421152
}),
@@ -1216,6 +1226,7 @@ LineChartPro.propTypes = {
12161226
panning: PropTypes.bool,
12171227
slider: PropTypes.shape({
12181228
enabled: PropTypes.bool,
1229+
size: PropTypes.number,
12191230
}),
12201231
step: PropTypes.number,
12211232
}),
@@ -1295,6 +1306,7 @@ LineChartPro.propTypes = {
12951306
panning: PropTypes.bool,
12961307
slider: PropTypes.shape({
12971308
enabled: PropTypes.bool,
1309+
size: PropTypes.number,
12981310
}),
12991311
step: PropTypes.number,
13001312
}),
@@ -1374,6 +1386,7 @@ LineChartPro.propTypes = {
13741386
panning: PropTypes.bool,
13751387
slider: PropTypes.shape({
13761388
enabled: PropTypes.bool,
1389+
size: PropTypes.number,
13771390
}),
13781391
step: PropTypes.number,
13791392
}),
@@ -1453,6 +1466,7 @@ LineChartPro.propTypes = {
14531466
panning: PropTypes.bool,
14541467
slider: PropTypes.shape({
14551468
enabled: PropTypes.bool,
1469+
size: PropTypes.number,
14561470
}),
14571471
step: PropTypes.number,
14581472
}),
@@ -1532,6 +1546,7 @@ LineChartPro.propTypes = {
15321546
panning: PropTypes.bool,
15331547
slider: PropTypes.shape({
15341548
enabled: PropTypes.bool,
1549+
size: PropTypes.number,
15351550
}),
15361551
step: PropTypes.number,
15371552
}),
@@ -1611,6 +1626,7 @@ LineChartPro.propTypes = {
16111626
panning: PropTypes.bool,
16121627
slider: PropTypes.shape({
16131628
enabled: PropTypes.bool,
1629+
size: PropTypes.number,
16141630
}),
16151631
step: PropTypes.number,
16161632
}),

‎packages/x-charts-pro/src/ScatterChartPro/ScatterChartPro.tsx

+16
Original file line numberDiff line numberDiff line change
@@ -366,6 +366,7 @@ ScatterChartPro.propTypes = {
366366
panning: PropTypes.bool,
367367
slider: PropTypes.shape({
368368
enabled: PropTypes.bool,
369+
size: PropTypes.number,
369370
}),
370371
step: PropTypes.number,
371372
}),
@@ -455,6 +456,7 @@ ScatterChartPro.propTypes = {
455456
panning: PropTypes.bool,
456457
slider: PropTypes.shape({
457458
enabled: PropTypes.bool,
459+
size: PropTypes.number,
458460
}),
459461
step: PropTypes.number,
460462
}),
@@ -535,6 +537,7 @@ ScatterChartPro.propTypes = {
535537
panning: PropTypes.bool,
536538
slider: PropTypes.shape({
537539
enabled: PropTypes.bool,
540+
size: PropTypes.number,
538541
}),
539542
step: PropTypes.number,
540543
}),
@@ -615,6 +618,7 @@ ScatterChartPro.propTypes = {
615618
panning: PropTypes.bool,
616619
slider: PropTypes.shape({
617620
enabled: PropTypes.bool,
621+
size: PropTypes.number,
618622
}),
619623
step: PropTypes.number,
620624
}),
@@ -695,6 +699,7 @@ ScatterChartPro.propTypes = {
695699
panning: PropTypes.bool,
696700
slider: PropTypes.shape({
697701
enabled: PropTypes.bool,
702+
size: PropTypes.number,
698703
}),
699704
step: PropTypes.number,
700705
}),
@@ -775,6 +780,7 @@ ScatterChartPro.propTypes = {
775780
panning: PropTypes.bool,
776781
slider: PropTypes.shape({
777782
enabled: PropTypes.bool,
783+
size: PropTypes.number,
778784
}),
779785
step: PropTypes.number,
780786
}),
@@ -855,6 +861,7 @@ ScatterChartPro.propTypes = {
855861
panning: PropTypes.bool,
856862
slider: PropTypes.shape({
857863
enabled: PropTypes.bool,
864+
size: PropTypes.number,
858865
}),
859866
step: PropTypes.number,
860867
}),
@@ -935,6 +942,7 @@ ScatterChartPro.propTypes = {
935942
panning: PropTypes.bool,
936943
slider: PropTypes.shape({
937944
enabled: PropTypes.bool,
945+
size: PropTypes.number,
938946
}),
939947
step: PropTypes.number,
940948
}),
@@ -1034,6 +1042,7 @@ ScatterChartPro.propTypes = {
10341042
panning: PropTypes.bool,
10351043
slider: PropTypes.shape({
10361044
enabled: PropTypes.bool,
1045+
size: PropTypes.number,
10371046
}),
10381047
step: PropTypes.number,
10391048
}),
@@ -1122,6 +1131,7 @@ ScatterChartPro.propTypes = {
11221131
panning: PropTypes.bool,
11231132
slider: PropTypes.shape({
11241133
enabled: PropTypes.bool,
1134+
size: PropTypes.number,
11251135
}),
11261136
step: PropTypes.number,
11271137
}),
@@ -1201,6 +1211,7 @@ ScatterChartPro.propTypes = {
12011211
panning: PropTypes.bool,
12021212
slider: PropTypes.shape({
12031213
enabled: PropTypes.bool,
1214+
size: PropTypes.number,
12041215
}),
12051216
step: PropTypes.number,
12061217
}),
@@ -1280,6 +1291,7 @@ ScatterChartPro.propTypes = {
12801291
panning: PropTypes.bool,
12811292
slider: PropTypes.shape({
12821293
enabled: PropTypes.bool,
1294+
size: PropTypes.number,
12831295
}),
12841296
step: PropTypes.number,
12851297
}),
@@ -1359,6 +1371,7 @@ ScatterChartPro.propTypes = {
13591371
panning: PropTypes.bool,
13601372
slider: PropTypes.shape({
13611373
enabled: PropTypes.bool,
1374+
size: PropTypes.number,
13621375
}),
13631376
step: PropTypes.number,
13641377
}),
@@ -1438,6 +1451,7 @@ ScatterChartPro.propTypes = {
14381451
panning: PropTypes.bool,
14391452
slider: PropTypes.shape({
14401453
enabled: PropTypes.bool,
1454+
size: PropTypes.number,
14411455
}),
14421456
step: PropTypes.number,
14431457
}),
@@ -1517,6 +1531,7 @@ ScatterChartPro.propTypes = {
15171531
panning: PropTypes.bool,
15181532
slider: PropTypes.shape({
15191533
enabled: PropTypes.bool,
1534+
size: PropTypes.number,
15201535
}),
15211536
step: PropTypes.number,
15221537
}),
@@ -1596,6 +1611,7 @@ ScatterChartPro.propTypes = {
15961611
panning: PropTypes.bool,
15971612
slider: PropTypes.shape({
15981613
enabled: PropTypes.bool,
1614+
size: PropTypes.number,
15991615
}),
16001616
step: PropTypes.number,
16011617
}),

‎packages/x-charts/src/internals/constants.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,4 @@
22
export const ZOOM_SLIDER_MARGIN = 4;
33

44
/** Size reserved for the zoom slider. The actual size of the slider might be smaller. */
5-
export const ZOOM_SLIDER_SIZE = 20 + 2 * ZOOM_SLIDER_MARGIN;
5+
export const DEFAULT_ZOOM_SLIDER_SIZE = 20 + 2 * ZOOM_SLIDER_MARGIN;

0 commit comments

Comments
 (0)