@fluentui/react-charts 9.1.7 → 9.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/CHANGELOG.md +12 -2
  2. package/dist/index.d.ts +60 -3
  3. package/lib/components/AreaChart/AreaChart.js +21 -1
  4. package/lib/components/AreaChart/AreaChart.js.map +1 -1
  5. package/lib/components/CommonComponents/CartesianChart.js +8 -9
  6. package/lib/components/CommonComponents/CartesianChart.js.map +1 -1
  7. package/lib/components/CommonComponents/CartesianChart.types.js.map +1 -1
  8. package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +18 -1
  9. package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
  10. package/lib/components/HeatMapChart/HeatMapChart.js +25 -1
  11. package/lib/components/HeatMapChart/HeatMapChart.js.map +1 -1
  12. package/lib/components/HorizontalBarChart/HorizontalBarChart.js +1 -2
  13. package/lib/components/HorizontalBarChart/HorizontalBarChart.js.map +1 -1
  14. package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js +4 -1
  15. package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map +1 -1
  16. package/lib/components/LineChart/LineChart.js +22 -2
  17. package/lib/components/LineChart/LineChart.js.map +1 -1
  18. package/lib/components/ScatterChart/ScatterChart.js +26 -1
  19. package/lib/components/ScatterChart/ScatterChart.js.map +1 -1
  20. package/lib/components/VerticalBarChart/VerticalBarChart.js +16 -1
  21. package/lib/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
  22. package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js +15 -1
  23. package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
  24. package/lib/utilities/FocusableTooltipText.js +1 -2
  25. package/lib/utilities/FocusableTooltipText.js.map +1 -1
  26. package/lib/utilities/utilities.js +6 -144
  27. package/lib/utilities/utilities.js.map +1 -1
  28. package/lib-commonjs/components/AreaChart/AreaChart.js +20 -0
  29. package/lib-commonjs/components/AreaChart/AreaChart.js.map +1 -1
  30. package/lib-commonjs/components/CommonComponents/CartesianChart.js +7 -7
  31. package/lib-commonjs/components/CommonComponents/CartesianChart.js.map +1 -1
  32. package/lib-commonjs/components/CommonComponents/CartesianChart.types.js.map +1 -1
  33. package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +17 -0
  34. package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
  35. package/lib-commonjs/components/HeatMapChart/HeatMapChart.js +24 -0
  36. package/lib-commonjs/components/HeatMapChart/HeatMapChart.js.map +1 -1
  37. package/lib-commonjs/components/HorizontalBarChart/HorizontalBarChart.js +1 -2
  38. package/lib-commonjs/components/HorizontalBarChart/HorizontalBarChart.js.map +1 -1
  39. package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js +3 -0
  40. package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map +1 -1
  41. package/lib-commonjs/components/LineChart/LineChart.js +21 -1
  42. package/lib-commonjs/components/LineChart/LineChart.js.map +1 -1
  43. package/lib-commonjs/components/ScatterChart/ScatterChart.js +25 -0
  44. package/lib-commonjs/components/ScatterChart/ScatterChart.js.map +1 -1
  45. package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js +15 -0
  46. package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
  47. package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js +14 -0
  48. package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
  49. package/lib-commonjs/utilities/FocusableTooltipText.js +1 -2
  50. package/lib-commonjs/utilities/FocusableTooltipText.js.map +1 -1
  51. package/lib-commonjs/utilities/utilities.js +11 -132
  52. package/lib-commonjs/utilities/utilities.js.map +1 -1
  53. package/package.json +2 -2
@@ -54,8 +54,8 @@ _export(exports, {
54
54
  createNumericXAxis: function() {
55
55
  return createNumericXAxis;
56
56
  },
57
- createNumericYAxisForOtherCharts: function() {
58
- return createNumericYAxisForOtherCharts;
57
+ createNumericYAxis: function() {
58
+ return createNumericYAxis;
59
59
  },
60
60
  createStringXAxis: function() {
61
61
  return createStringXAxis;
@@ -66,15 +66,9 @@ _export(exports, {
66
66
  createStringYAxisForHorizontalBarChartWithAxis: function() {
67
67
  return createStringYAxisForHorizontalBarChartWithAxis;
68
68
  },
69
- createStringYAxisForOtherCharts: function() {
70
- return createStringYAxisForOtherCharts;
71
- },
72
69
  createWrapOfXLabels: function() {
73
70
  return createWrapOfXLabels;
74
71
  },
75
- createYAxis: function() {
76
- return createYAxis;
77
- },
78
72
  createYAxisForHorizontalBarChartWithAxis: function() {
79
73
  return createYAxisForHorizontalBarChartWithAxis;
80
74
  },
@@ -84,9 +78,6 @@ _export(exports, {
84
78
  defaultYAxisTickFormatter: function() {
85
79
  return defaultYAxisTickFormatter;
86
80
  },
87
- domainRageOfVerticalNumeric: function() {
88
- return domainRageOfVerticalNumeric;
89
- },
90
81
  domainRangeOfDateForAreaLineVerticalBarChart: function() {
91
82
  return domainRangeOfDateForAreaLineVerticalBarChart;
92
83
  },
@@ -105,6 +96,9 @@ _export(exports, {
105
96
  domainRangeOfVSBCNumeric: function() {
106
97
  return domainRangeOfVSBCNumeric;
107
98
  },
99
+ domainRangeOfVerticalNumeric: function() {
100
+ return domainRangeOfVerticalNumeric;
101
+ },
108
102
  domainRangeOfXStringAxis: function() {
109
103
  return domainRangeOfXStringAxis;
110
104
  },
@@ -141,12 +135,6 @@ _export(exports, {
141
135
  getCurveFactory: function() {
142
136
  return getCurveFactory;
143
137
  },
144
- getDomainNRangeValues: function() {
145
- return getDomainNRangeValues;
146
- },
147
- getMinMaxOfYAxis: function() {
148
- return getMinMaxOfYAxis;
149
- },
150
138
  getScalePadding: function() {
151
139
  return getScalePadding;
152
140
  },
@@ -641,15 +629,7 @@ function prepareDatapoints(maxVal, minVal, splitInto, isIntegralDataset, rounded
641
629
  }
642
630
  return dataPointsArray;
643
631
  }
644
- function createYAxis(yAxisParams, isRtl, axisData, chartType, barWidth, isIntegralDataset, useSecondaryYScale = false, roundedTicks = false) {
645
- switch(chartType){
646
- case 6:
647
- return createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl, axisData, barWidth);
648
- default:
649
- return createNumericYAxisForOtherCharts(yAxisParams, isRtl, axisData, isIntegralDataset, chartType, useSecondaryYScale, roundedTicks);
650
- }
651
- }
652
- function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl, axisData, barWidth) {
632
+ function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl) {
653
633
  const { yMinMaxValues = {
654
634
  startValue: 0,
655
635
  endValue: 0
@@ -671,7 +651,7 @@ function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl, axisData,
671
651
  yAxisElement ? (0, _d3selection.select)(yAxisElement).call(yAxis).selectAll('text').attr('aria-hidden', 'true') : '';
672
652
  return yAxisScale;
673
653
  }
674
- function createNumericYAxisForOtherCharts(yAxisParams, isRtl, axisData, isIntegralDataset, chartType, useSecondaryYScale = false, roundedTicks = false) {
654
+ function createNumericYAxis(yAxisParams, isRtl, axisData, isIntegralDataset, chartType, useSecondaryYScale = false, roundedTicks = false) {
675
655
  const { yMinMaxValues = {
676
656
  startValue: 0,
677
657
  endValue: 0
@@ -702,15 +682,7 @@ function createNumericYAxisForOtherCharts(yAxisParams, isRtl, axisData, isIntegr
702
682
  axisData.yAxisDomainValues = domainValues;
703
683
  return yAxisScale;
704
684
  }
705
- const createStringYAxis = (yAxisParams, dataPoints, isRtl, chartType, barWidth, culture)=>{
706
- switch(chartType){
707
- case 6:
708
- return createStringYAxisForHorizontalBarChartWithAxis(yAxisParams, dataPoints, isRtl, barWidth, culture);
709
- default:
710
- return createStringYAxisForOtherCharts(yAxisParams, dataPoints, isRtl);
711
- }
712
- };
713
- const createStringYAxisForHorizontalBarChartWithAxis = (yAxisParams, dataPoints, isRtl, barWidth, culture)=>{
685
+ const createStringYAxisForHorizontalBarChartWithAxis = (yAxisParams, dataPoints, isRtl, barWidth)=>{
714
686
  const { containerHeight, tickPadding = 12, margins, yAxisTickFormat, yAxisElement, yAxisPadding } = yAxisParams;
715
687
  let yAxisPaddingValue = yAxisPadding !== null && yAxisPadding !== void 0 ? yAxisPadding : 0.5;
716
688
  yAxisPaddingValue = yAxisPaddingValue === 1 ? 0.99 : yAxisPaddingValue;
@@ -726,7 +698,7 @@ const createStringYAxisForHorizontalBarChartWithAxis = (yAxisParams, dataPoints,
726
698
  yAxisElement ? (0, _d3selection.select)(yAxisElement).call(yAxis).selectAll('text') : '';
727
699
  return yAxisScale;
728
700
  };
729
- const createStringYAxisForOtherCharts = (yAxisParams, dataPoints, isRtl)=>{
701
+ const createStringYAxis = (yAxisParams, dataPoints, isRtl)=>{
730
702
  const { containerHeight, tickPadding = 12, margins, yAxisTickFormat, yAxisElement, yAxisPadding = 0 } = yAxisParams;
731
703
  const yAxisScale = (0, _d3scale.scaleBand)().domain(dataPoints).range([
732
704
  containerHeight - margins.bottom,
@@ -873,7 +845,7 @@ function createWrapOfXLabels(wrapLabelProps) {
873
845
  });
874
846
  return removeVal > 0 ? removeVal : 0;
875
847
  }
876
- function createYAxisLabels(node, yAxis, noOfCharsToTruncate, truncateLabel, xValue, isRtl) {
848
+ function createYAxisLabels(node, yAxis, noOfCharsToTruncate, truncateLabel, isRtl) {
877
849
  if (node === null) {
878
850
  return;
879
851
  }
@@ -1189,7 +1161,7 @@ function domainRangeOfDateForScatterChart(points, margins, width, isRTL, tickVal
1189
1161
  rEndValue
1190
1162
  };
1191
1163
  }
1192
- function domainRageOfVerticalNumeric(points, margins, containerWidth, isRTL, barWidth) {
1164
+ function domainRangeOfVerticalNumeric(points, margins, containerWidth, isRTL, barWidth) {
1193
1165
  const xMax = (0, _d3array.max)(points, (point)=>point.x);
1194
1166
  const xMin = (0, _d3array.min)(points, (point)=>point.x);
1195
1167
  const rMin = margins.left;
@@ -1206,74 +1178,6 @@ function domainRageOfVerticalNumeric(points, margins, containerWidth, isRTL, bar
1206
1178
  rEndValue: rMax
1207
1179
  };
1208
1180
  }
1209
- function getDomainNRangeValues(points, margins, width, chartType, isRTL, xAxisType, barWidth, tickValues, shiftX, X_ORIGIN) {
1210
- let domainNRangeValue;
1211
- if (xAxisType === 0) {
1212
- switch(chartType){
1213
- case 0:
1214
- case 1:
1215
- domainNRangeValue = domainRangeOfNumericForAreaChart(points, margins, width, isRTL);
1216
- break;
1217
- case 3:
1218
- domainNRangeValue = domainRangeOfVSBCNumeric(points, margins, width, isRTL, barWidth);
1219
- break;
1220
- case 2:
1221
- domainNRangeValue = domainRageOfVerticalNumeric(points, margins, width, isRTL, barWidth);
1222
- break;
1223
- case 6:
1224
- domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, width, isRTL, shiftX, X_ORIGIN);
1225
- break;
1226
- case 7:
1227
- domainNRangeValue = domainRangeOfNumericForScatterChart(points, margins, width, isRTL);
1228
- break;
1229
- default:
1230
- domainNRangeValue = {
1231
- dStartValue: 0,
1232
- dEndValue: 0,
1233
- rStartValue: 0,
1234
- rEndValue: 0
1235
- };
1236
- }
1237
- } else if (xAxisType === 1) {
1238
- switch(chartType){
1239
- case 0:
1240
- case 1:
1241
- case 2:
1242
- case 3:
1243
- domainNRangeValue = domainRangeOfDateForAreaLineVerticalBarChart(points, margins, width, isRTL, tickValues, chartType, barWidth);
1244
- break;
1245
- case 7:
1246
- domainNRangeValue = domainRangeOfDateForScatterChart(points, margins, width, isRTL, tickValues);
1247
- break;
1248
- default:
1249
- domainNRangeValue = {
1250
- dStartValue: 0,
1251
- dEndValue: 0,
1252
- rStartValue: 0,
1253
- rEndValue: 0
1254
- };
1255
- }
1256
- } else {
1257
- // String Axis type
1258
- switch(chartType){
1259
- case 3:
1260
- case 4:
1261
- case 2:
1262
- case 5:
1263
- case 7:
1264
- domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);
1265
- break;
1266
- default:
1267
- domainNRangeValue = {
1268
- dStartValue: 0,
1269
- dEndValue: 0,
1270
- rStartValue: 0,
1271
- rEndValue: 0
1272
- };
1273
- }
1274
- }
1275
- return domainNRangeValue;
1276
- }
1277
1181
  function findNumericMinMaxOfY(points, yAxisType, useSecondaryYScale) {
1278
1182
  const values = [];
1279
1183
  points.forEach((point)=>{
@@ -1327,31 +1231,6 @@ function findHBCWANumericMinMaxOfY(points, yAxisType) {
1327
1231
  endValue: 0
1328
1232
  };
1329
1233
  }
1330
- function getMinMaxOfYAxis(points, chartType, yAxisType = 0, useSecondaryYScale) {
1331
- let minMaxValues;
1332
- switch(chartType){
1333
- case 0:
1334
- case 1:
1335
- case 7:
1336
- minMaxValues = findNumericMinMaxOfY(points, yAxisType, useSecondaryYScale);
1337
- break;
1338
- case 3:
1339
- minMaxValues = findVSBCNumericMinMaxOfY(points);
1340
- break;
1341
- case 2:
1342
- minMaxValues = findVerticalNumericMinMaxOfY(points, yAxisType, useSecondaryYScale);
1343
- break;
1344
- case 6:
1345
- minMaxValues = findHBCWANumericMinMaxOfY(points, yAxisType);
1346
- break;
1347
- default:
1348
- minMaxValues = {
1349
- startValue: 0,
1350
- endValue: 0
1351
- };
1352
- }
1353
- return minMaxValues;
1354
- }
1355
1234
  const getTypeOfAxis = (p, isXAxis)=>{
1356
1235
  if (isXAxis) {
1357
1236
  switch(typeof p){