@spteck/fluentui-react-charts 1.1.6 → 1.1.7

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 (21) hide show
  1. package/dist/charts/BarChart/BarChart.d.ts +3 -1
  2. package/dist/charts/ComboChart/ComboChart.d.ts +3 -1
  3. package/dist/charts/Doughnut/DoughnutChart.d.ts +3 -1
  4. package/dist/charts/PieChart/PieChart.d.ts +3 -1
  5. package/dist/charts/areaChart/AreaChart.d.ts +3 -1
  6. package/dist/charts/barHorizontalChart/BarHotizontalChart.d.ts +3 -1
  7. package/dist/charts/bubbleChart/BubbleChart.d.ts +3 -1
  8. package/dist/charts/floatBarChart/FloatBarChart.d.ts +3 -1
  9. package/dist/charts/polarChart/PolarChart.d.ts +3 -1
  10. package/dist/charts/radarChart/RadarChart.d.ts +3 -1
  11. package/dist/charts/scatterChart/ScatterChart.d.ts +3 -1
  12. package/dist/charts/stackedLineChart/StackedLineChart.d.ts +3 -1
  13. package/dist/charts/steamChart/SteamChart.d.ts +3 -1
  14. package/dist/fluentui-react-charts.cjs.development.js +88 -36
  15. package/dist/fluentui-react-charts.cjs.development.js.map +1 -1
  16. package/dist/fluentui-react-charts.cjs.production.min.js +1 -1
  17. package/dist/fluentui-react-charts.cjs.production.min.js.map +1 -1
  18. package/dist/fluentui-react-charts.esm.js +88 -36
  19. package/dist/fluentui-react-charts.esm.js.map +1 -1
  20. package/dist/models/ICardChartContainer.d.ts +2 -0
  21. package/package.json +1 -1
package/dist/fluentui-react-charts.esm.js CHANGED
@@ -1110,7 +1110,9 @@ function AreaChart(_ref) {
1110
1110
  stacked = _ref$stacked === void 0 ? false : _ref$stacked,
1111
1111
  renderTooltipLabel = _ref.renderTooltipLabel,
1112
1112
  _ref$paletteId = _ref.paletteId,
1113
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
1113
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
1114
+ numberFormat = _ref.numberFormat,
1115
+ locale = _ref.locale;
1114
1116
  var _useState = useState(function () {
1115
1117
  var _data$;
1116
1118
  return data.length > 1 ? data.map(function (s) {
@@ -1219,7 +1221,9 @@ function AreaChart(_ref) {
1219
1221
  display: false
1220
1222
  },
1221
1223
  tooltip: createFluentTooltip(theme, {
1222
- extraField: renderTooltipLabel
1224
+ extraField: renderTooltipLabel,
1225
+ numberFormat: numberFormat,
1226
+ locale: locale
1223
1227
  })
1224
1228
  },
1225
1229
  scales: {
@@ -1251,7 +1255,7 @@ function AreaChart(_ref) {
1251
1255
  }
1252
1256
  }
1253
1257
  });
1254
- }, [title, showDatalabels, theme, fontFamily, fontSize, labelColor, gridColor, stacked, createFluentTooltip]);
1258
+ }, [title, showDatalabels, theme, fontFamily, fontSize, labelColor, gridColor, stacked, createFluentTooltip, numberFormat, locale]);
1255
1259
  return React__default.createElement("div", {
1256
1260
  className: styles.chartWithLegend
1257
1261
  }, React__default.createElement("div", {
@@ -1280,7 +1284,9 @@ function BarChart(_ref) {
1280
1284
  theme = _ref.theme,
1281
1285
  renderTooltipLabel = _ref.renderTooltipLabel,
1282
1286
  _ref$paletteId = _ref.paletteId,
1283
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
1287
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
1288
+ numberFormat = _ref.numberFormat,
1289
+ locale = _ref.locale;
1284
1290
  var _useState = useState(function () {
1285
1291
  var _data$;
1286
1292
  return data.length > 1 ? data.map(function (s) {
@@ -1389,7 +1395,9 @@ function BarChart(_ref) {
1389
1395
  display: false
1390
1396
  },
1391
1397
  tooltip: createFluentTooltip(theme, {
1392
- extraField: renderTooltipLabel
1398
+ extraField: renderTooltipLabel,
1399
+ numberFormat: numberFormat,
1400
+ locale: locale
1393
1401
  })
1394
1402
  },
1395
1403
  scales: _extends({
@@ -1447,7 +1455,7 @@ function BarChart(_ref) {
1447
1455
  }
1448
1456
  })
1449
1457
  });
1450
- }, [title, showDatalabels, theme, fontFamily, fontSize, labelColor, gridColor, stacked, createFluentTooltip]);
1458
+ }, [title, showDatalabels, theme, fontFamily, fontSize, labelColor, gridColor, stacked, createFluentTooltip, numberFormat, locale]);
1451
1459
  return React__default.createElement("div", {
1452
1460
  className: styles.chartWithLegend
1453
1461
  }, React__default.createElement("div", {
@@ -1478,7 +1486,9 @@ function BarHorizontalChart(_ref) {
1478
1486
  theme = _ref.theme,
1479
1487
  renderTooltipLabel = _ref.renderTooltipLabel,
1480
1488
  _ref$paletteId = _ref.paletteId,
1481
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
1489
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
1490
+ numberFormat = _ref.numberFormat,
1491
+ locale = _ref.locale;
1482
1492
  var _useState = useState(function () {
1483
1493
  var _data$;
1484
1494
  return data.length > 1 ? data.map(function (s) {
@@ -1584,7 +1594,9 @@ function BarHorizontalChart(_ref) {
1584
1594
  display: false
1585
1595
  },
1586
1596
  tooltip: createFluentTooltip(theme, {
1587
- extraField: renderTooltipLabel
1597
+ extraField: renderTooltipLabel,
1598
+ numberFormat: numberFormat,
1599
+ locale: locale
1588
1600
  })
1589
1601
  },
1590
1602
  scales: {
@@ -1616,7 +1628,7 @@ function BarHorizontalChart(_ref) {
1616
1628
  }
1617
1629
  }
1618
1630
  });
1619
- }, [title, showDatalabels, theme, fontFamily, fontSize, labelColor, gridColor, stacked, createFluentTooltip]);
1631
+ }, [title, showDatalabels, theme, fontFamily, fontSize, labelColor, gridColor, stacked, createFluentTooltip, numberFormat, locale]);
1620
1632
  return React__default.createElement("div", {
1621
1633
  className: styles.chartWithLegend
1622
1634
  }, React__default.createElement("div", {
@@ -1646,7 +1658,9 @@ function BubbleChart(_ref) {
1646
1658
  _ref$theme = _ref.theme,
1647
1659
  theme = _ref$theme === void 0 ? webLightTheme : _ref$theme,
1648
1660
  _ref$paletteId = _ref.paletteId,
1649
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
1661
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
1662
+ numberFormat = _ref.numberFormat,
1663
+ locale = _ref.locale;
1650
1664
  var _useState = useState(function () {
1651
1665
  var _data$;
1652
1666
  return data.length > 1 ? data.map(function (s) {
@@ -1746,7 +1760,9 @@ function BubbleChart(_ref) {
1746
1760
  display: false
1747
1761
  },
1748
1762
  tooltip: createFluentTooltip(theme, {
1749
- extraField: renderTooltipLabel
1763
+ extraField: renderTooltipLabel,
1764
+ numberFormat: numberFormat,
1765
+ locale: locale
1750
1766
  })
1751
1767
  },
1752
1768
  scales: {
@@ -1777,7 +1793,7 @@ function BubbleChart(_ref) {
1777
1793
  }
1778
1794
  }
1779
1795
  });
1780
- }, [title, showDataLabels, theme, getPrimary, getSecondary, data, fontFamily, fontSize, labelColor, gridColor, createFluentTooltip]);
1796
+ }, [title, showDataLabels, theme, getPrimary, getSecondary, data, fontFamily, fontSize, labelColor, gridColor, createFluentTooltip, numberFormat, locale]);
1781
1797
  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
1782
1798
  className: styles.chartWithLegend
1783
1799
  }, React__default.createElement("div", {
@@ -1810,7 +1826,9 @@ function ComboChart(_ref) {
1810
1826
  axesMode = _ref$axesMode === void 0 ? 'legacy' : _ref$axesMode,
1811
1827
  renderTooltipLabel = _ref.renderTooltipLabel,
1812
1828
  _ref$paletteId = _ref.paletteId,
1813
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
1829
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
1830
+ numberFormat = _ref.numberFormat,
1831
+ locale = _ref.locale;
1814
1832
  var _useState = useState(function () {
1815
1833
  return data.map(function (s) {
1816
1834
  return s.label;
@@ -1931,7 +1949,9 @@ function ComboChart(_ref) {
1931
1949
  display: false
1932
1950
  },
1933
1951
  tooltip: createFluentTooltip(theme, {
1934
- extraField: renderTooltipLabel
1952
+ extraField: renderTooltipLabel,
1953
+ numberFormat: numberFormat,
1954
+ locale: locale
1935
1955
  })
1936
1956
  }
1937
1957
  });
@@ -2070,7 +2090,9 @@ function DoughnutChart(_ref) {
2070
2090
  theme = _ref$theme === void 0 ? webLightTheme : _ref$theme,
2071
2091
  renderTooltipLabel = _ref.renderTooltipLabel,
2072
2092
  _ref$paletteId = _ref.paletteId,
2073
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
2093
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
2094
+ numberFormat = _ref.numberFormat,
2095
+ locale = _ref.locale;
2074
2096
  var styles = useGraphGlobalStyles();
2075
2097
  var _useChartUtils = useChartUtils(theme),
2076
2098
  lightenColor = _useChartUtils.lightenColor,
@@ -2160,7 +2182,9 @@ function DoughnutChart(_ref) {
2160
2182
  display: false
2161
2183
  },
2162
2184
  tooltip: createFluentTooltip(theme, {
2163
- extraField: renderTooltipLabel
2185
+ extraField: renderTooltipLabel,
2186
+ numberFormat: numberFormat,
2187
+ locale: locale
2164
2188
  }),
2165
2189
  title: {
2166
2190
  display: !!title,
@@ -2219,7 +2243,9 @@ function FloatingBarChart(_ref) {
2219
2243
  theme = _ref$theme === void 0 ? webLightTheme : _ref$theme,
2220
2244
  renderTooltipLabel = _ref.renderTooltipLabel,
2221
2245
  _ref$paletteId = _ref.paletteId,
2222
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
2246
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
2247
+ numberFormat = _ref.numberFormat,
2248
+ locale = _ref.locale;
2223
2249
  var _useState = useState(function () {
2224
2250
  var _data$;
2225
2251
  return data.length > 1 ? data.map(function (s) {
@@ -2325,7 +2351,9 @@ function FloatingBarChart(_ref) {
2325
2351
  display: false
2326
2352
  },
2327
2353
  tooltip: createFluentTooltip(theme, {
2328
- extraField: renderTooltipLabel
2354
+ extraField: renderTooltipLabel,
2355
+ numberFormat: numberFormat,
2356
+ locale: locale
2329
2357
  })
2330
2358
  },
2331
2359
  scales: {
@@ -2355,7 +2383,7 @@ function FloatingBarChart(_ref) {
2355
2383
  }
2356
2384
  }
2357
2385
  });
2358
- }, [title, theme, showDataLabels, labelColor, fontFamily, fontSize, gridColor, createFluentTooltip]);
2386
+ }, [title, theme, showDataLabels, labelColor, fontFamily, fontSize, gridColor, createFluentTooltip, numberFormat, locale]);
2359
2387
  return React__default.createElement("div", {
2360
2388
  className: styles.chartWithLegend
2361
2389
  }, React__default.createElement("div", {
@@ -2560,7 +2588,9 @@ function PieChart(_ref) {
2560
2588
  theme = _ref$theme === void 0 ? webLightTheme : _ref$theme,
2561
2589
  renderTooltipLabel = _ref.renderTooltipLabel,
2562
2590
  _ref$paletteId = _ref.paletteId,
2563
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
2591
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
2592
+ numberFormat = _ref.numberFormat,
2593
+ locale = _ref.locale;
2564
2594
  var _useChartUtils = useChartUtils(theme),
2565
2595
  getFluentPalette = _useChartUtils.getFluentPalette,
2566
2596
  lightenColor = _useChartUtils.lightenColor;
@@ -2645,7 +2675,9 @@ function PieChart(_ref) {
2645
2675
  }, getInstantInteractionAnimations(), {
2646
2676
  plugins: {
2647
2677
  tooltip: createFluentTooltip(theme, {
2648
- extraField: renderTooltipLabel
2678
+ extraField: renderTooltipLabel,
2679
+ numberFormat: numberFormat,
2680
+ locale: locale
2649
2681
  }),
2650
2682
  legend: {
2651
2683
  display: false
@@ -2734,7 +2766,9 @@ function PolarChart(_ref) {
2734
2766
  theme = _ref$theme === void 0 ? webLightTheme : _ref$theme,
2735
2767
  renderTooltipLabel = _ref.renderTooltipLabel,
2736
2768
  _ref$paletteId = _ref.paletteId,
2737
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
2769
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
2770
+ numberFormat = _ref.numberFormat,
2771
+ locale = _ref.locale;
2738
2772
  var _useChartUtils = useChartUtils(theme),
2739
2773
  getFluentPalette = _useChartUtils.getFluentPalette,
2740
2774
  lightenColor = _useChartUtils.lightenColor,
@@ -2832,7 +2866,9 @@ function PolarChart(_ref) {
2832
2866
  }
2833
2867
  },
2834
2868
  tooltip: createFluentTooltip(theme, {
2835
- extraField: renderTooltipLabel
2869
+ extraField: renderTooltipLabel,
2870
+ numberFormat: numberFormat,
2871
+ locale: locale
2836
2872
  }),
2837
2873
  legend: {
2838
2874
  display: false
@@ -2854,7 +2890,7 @@ function PolarChart(_ref) {
2854
2890
  }
2855
2891
  }
2856
2892
  });
2857
- }, [theme, title, showDataLabels, createFluentTooltip]);
2893
+ }, [theme, title, showDataLabels, createFluentTooltip, numberFormat, locale]);
2858
2894
  return React__default.createElement("div", {
2859
2895
  className: styles.chartWithLegend
2860
2896
  }, React__default.createElement("div", {
@@ -2885,7 +2921,9 @@ function RadarChart(_ref) {
2885
2921
  theme = _ref$theme === void 0 ? webLightTheme : _ref$theme,
2886
2922
  renderTooltipLabel = _ref.renderTooltipLabel,
2887
2923
  _ref$paletteId = _ref.paletteId,
2888
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
2924
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
2925
+ numberFormat = _ref.numberFormat,
2926
+ locale = _ref.locale;
2889
2927
  var _useState = useState(function () {
2890
2928
  return data.map(function (s) {
2891
2929
  return s.label;
@@ -2985,7 +3023,9 @@ function RadarChart(_ref) {
2985
3023
  }
2986
3024
  },
2987
3025
  tooltip: createFluentTooltip(theme, {
2988
- extraField: renderTooltipLabel
3026
+ extraField: renderTooltipLabel,
3027
+ numberFormat: numberFormat,
3028
+ locale: locale
2989
3029
  }),
2990
3030
  legend: {
2991
3031
  display: false
@@ -3016,7 +3056,7 @@ function RadarChart(_ref) {
3016
3056
  }
3017
3057
  }
3018
3058
  });
3019
- }, [theme, title, showDataLabels, createFluentTooltip, gridColor, labelColor, fontFamily, fontSize]);
3059
+ }, [theme, title, showDataLabels, createFluentTooltip, gridColor, labelColor, fontFamily, fontSize, numberFormat, locale]);
3020
3060
  return React__default.createElement("div", {
3021
3061
  className: styles.chartWithLegend
3022
3062
  }, React__default.createElement("div", {
@@ -3045,7 +3085,9 @@ function ScatterChart(_ref) {
3045
3085
  theme = _ref$theme === void 0 ? webLightTheme : _ref$theme,
3046
3086
  renderTooltipLabel = _ref.renderTooltipLabel,
3047
3087
  _ref$paletteId = _ref.paletteId,
3048
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
3088
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
3089
+ numberFormat = _ref.numberFormat,
3090
+ locale = _ref.locale;
3049
3091
  var _useState = useState(function () {
3050
3092
  return data.map(function (s) {
3051
3093
  return s.label;
@@ -3138,7 +3180,9 @@ function ScatterChart(_ref) {
3138
3180
  display: false
3139
3181
  },
3140
3182
  tooltip: createFluentTooltip(theme, {
3141
- extraField: renderTooltipLabel
3183
+ extraField: renderTooltipLabel,
3184
+ numberFormat: numberFormat,
3185
+ locale: locale
3142
3186
  })
3143
3187
  },
3144
3188
  scales: {
@@ -3171,7 +3215,7 @@ function ScatterChart(_ref) {
3171
3215
  }
3172
3216
  }
3173
3217
  });
3174
- }, [theme, title, showDataLabels, createFluentTooltip, labelColor, fontFamily, fontSize, gridColor]);
3218
+ }, [theme, title, showDataLabels, createFluentTooltip, labelColor, fontFamily, fontSize, gridColor, numberFormat, locale]);
3175
3219
  return React__default.createElement("div", {
3176
3220
  className: styles.chartWithLegend
3177
3221
  }, React__default.createElement("div", {
@@ -3200,7 +3244,9 @@ function StackedLineChart(_ref) {
3200
3244
  theme = _ref$theme === void 0 ? webLightTheme : _ref$theme,
3201
3245
  renderTooltipLabel = _ref.renderTooltipLabel,
3202
3246
  _ref$paletteId = _ref.paletteId,
3203
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
3247
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
3248
+ numberFormat = _ref.numberFormat,
3249
+ locale = _ref.locale;
3204
3250
  var _useState = useState(function () {
3205
3251
  var _data$;
3206
3252
  return data.length > 1 ? data.map(function (s) {
@@ -3309,7 +3355,9 @@ function StackedLineChart(_ref) {
3309
3355
  display: false
3310
3356
  },
3311
3357
  tooltip: createFluentTooltip(theme, {
3312
- extraField: renderTooltipLabel
3358
+ extraField: renderTooltipLabel,
3359
+ numberFormat: numberFormat,
3360
+ locale: locale
3313
3361
  })
3314
3362
  },
3315
3363
  scales: {
@@ -3341,7 +3389,7 @@ function StackedLineChart(_ref) {
3341
3389
  }
3342
3390
  }
3343
3391
  });
3344
- }, [theme, title, showDataLabels, createFluentTooltip, labelColor, fontFamily, fontSize, gridColor]);
3392
+ }, [theme, title, showDataLabels, createFluentTooltip, labelColor, fontFamily, fontSize, gridColor, numberFormat, locale]);
3345
3393
  return React__default.createElement("div", {
3346
3394
  className: styles.chartWithLegend
3347
3395
  }, React__default.createElement("div", {
@@ -3370,7 +3418,9 @@ function SteamChart(_ref) {
3370
3418
  theme = _ref$theme === void 0 ? webLightTheme : _ref$theme,
3371
3419
  renderTooltipLabel = _ref.renderTooltipLabel,
3372
3420
  _ref$paletteId = _ref.paletteId,
3373
- paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId;
3421
+ paletteId = _ref$paletteId === void 0 ? 1 : _ref$paletteId,
3422
+ numberFormat = _ref.numberFormat,
3423
+ locale = _ref.locale;
3374
3424
  var _useState = useState(function () {
3375
3425
  var _data$;
3376
3426
  return data.length > 1 ? data.map(function (s) {
@@ -3492,7 +3542,9 @@ function SteamChart(_ref) {
3492
3542
  display: false
3493
3543
  },
3494
3544
  tooltip: createFluentTooltip(theme, {
3495
- extraField: renderTooltipLabel
3545
+ extraField: renderTooltipLabel,
3546
+ numberFormat: numberFormat,
3547
+ locale: locale
3496
3548
  })
3497
3549
  },
3498
3550
  interaction: {
@@ -3533,7 +3585,7 @@ function SteamChart(_ref) {
3533
3585
  }
3534
3586
  }
3535
3587
  });
3536
- }, [theme, title, showDataLabels, createFluentTooltip, labelColor, fontFamily, fontSize, gridColor, showPercent]);
3588
+ }, [theme, title, showDataLabels, createFluentTooltip, labelColor, fontFamily, fontSize, gridColor, showPercent, numberFormat, locale]);
3537
3589
  return React__default.createElement("div", {
3538
3590
  className: styles.chartWithLegend
3539
3591
  }, React__default.createElement("div", {