@fluentui/react-charts 9.2.1 → 9.2.2
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/CHANGELOG.md +24 -2
- package/dist/index.d.ts +79 -5
- package/lib/ChartTable.js +1 -0
- package/lib/ChartTable.js.map +1 -0
- package/lib/components/AreaChart/AreaChart.js.map +1 -1
- package/lib/components/ChartTable/ChartTable.js +57 -0
- package/lib/components/ChartTable/ChartTable.js.map +1 -0
- package/lib/components/ChartTable/ChartTable.types.js +1 -0
- package/lib/components/ChartTable/ChartTable.types.js.map +1 -0
- package/lib/components/ChartTable/index.js +3 -0
- package/lib/components/ChartTable/index.js.map +1 -0
- package/lib/components/ChartTable/useChartTableStyles.styles.js +93 -0
- package/lib/components/ChartTable/useChartTableStyles.styles.js.map +1 -0
- package/lib/components/ChartTable/useChartTableStyles.styles.raw.js +55 -0
- package/lib/components/ChartTable/useChartTableStyles.styles.raw.js.map +1 -0
- package/lib/components/CommonComponents/CartesianChart.js +110 -81
- package/lib/components/CommonComponents/CartesianChart.js.map +1 -1
- package/lib/components/CommonComponents/CartesianChart.types.js.map +1 -1
- package/lib/components/CommonComponents/ChartPopover.types.js.map +1 -1
- package/lib/components/DeclarativeChart/DeclarativeChart.js +20 -10
- package/lib/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
- package/lib/components/DeclarativeChart/PlotlyColorAdapter.js +95 -0
- package/lib/components/DeclarativeChart/PlotlyColorAdapter.js.map +1 -0
- package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js +164 -77
- package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib/components/DonutChart/DonutChart.js.map +1 -1
- package/lib/components/DonutChart/DonutChart.types.js.map +1 -1
- package/lib/components/DonutChart/Pie/Pie.js.map +1 -1
- package/lib/components/FunnelChart/FunnelChart.js.map +1 -1
- package/lib/components/GanttChart/GanttChart.js.map +1 -1
- package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +161 -141
- package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
- package/lib/components/HeatMapChart/HeatMapChart.js.map +1 -1
- package/lib/components/HorizontalBarChart/HorizontalBarChart.js.map +1 -1
- package/lib/components/HorizontalBarChart/HorizontalBarChart.types.js.map +1 -1
- package/lib/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map +1 -1
- package/lib/components/Legends/Legends.js.map +1 -1
- package/lib/components/Legends/OverflowMenu.js.map +1 -1
- package/lib/components/LineChart/LineChart.js.map +1 -1
- package/lib/components/ScatterChart/ScatterChart.js.map +1 -1
- package/lib/components/VerticalBarChart/VerticalBarChart.js +12 -11
- package/lib/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js +57 -51
- package/lib/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib/utilities/FocusableTooltipText.js.map +1 -1
- package/lib/utilities/utilities.js +26 -37
- package/lib/utilities/utilities.js.map +1 -1
- package/lib/utilities/vbc-utils.js +24 -0
- package/lib/utilities/vbc-utils.js.map +1 -1
- package/lib-commonjs/ChartTable.js +6 -0
- package/lib-commonjs/ChartTable.js.map +1 -0
- package/lib-commonjs/components/AreaChart/AreaChart.js.map +1 -1
- package/lib-commonjs/components/ChartTable/ChartTable.js +68 -0
- package/lib-commonjs/components/ChartTable/ChartTable.js.map +1 -0
- package/lib-commonjs/components/ChartTable/ChartTable.types.js +6 -0
- package/lib-commonjs/components/ChartTable/ChartTable.types.js.map +1 -0
- package/lib-commonjs/components/ChartTable/index.js +8 -0
- package/lib-commonjs/components/ChartTable/index.js.map +1 -0
- package/lib-commonjs/components/ChartTable/useChartTableStyles.styles.js +196 -0
- package/lib-commonjs/components/ChartTable/useChartTableStyles.styles.js.map +1 -0
- package/lib-commonjs/components/ChartTable/useChartTableStyles.styles.raw.js +69 -0
- package/lib-commonjs/components/ChartTable/useChartTableStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/CommonComponents/CartesianChart.js +109 -80
- package/lib-commonjs/components/CommonComponents/CartesianChart.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/CartesianChart.types.js.map +1 -1
- package/lib-commonjs/components/CommonComponents/ChartPopover.types.js.map +1 -1
- package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js +19 -9
- package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js.map +1 -1
- package/lib-commonjs/components/DeclarativeChart/PlotlyColorAdapter.js +120 -0
- package/lib-commonjs/components/DeclarativeChart/PlotlyColorAdapter.js.map +1 -0
- package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js +164 -77
- package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js.map +1 -1
- package/lib-commonjs/components/DonutChart/DonutChart.js.map +1 -1
- package/lib-commonjs/components/DonutChart/DonutChart.types.js.map +1 -1
- package/lib-commonjs/components/DonutChart/Pie/Pie.js.map +1 -1
- package/lib-commonjs/components/FunnelChart/FunnelChart.js.map +1 -1
- package/lib-commonjs/components/GanttChart/GanttChart.js.map +1 -1
- package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js +159 -139
- package/lib-commonjs/components/GroupedVerticalBarChart/GroupedVerticalBarChart.js.map +1 -1
- package/lib-commonjs/components/HeatMapChart/HeatMapChart.js.map +1 -1
- package/lib-commonjs/components/HorizontalBarChart/HorizontalBarChart.js.map +1 -1
- package/lib-commonjs/components/HorizontalBarChart/HorizontalBarChart.types.js.map +1 -1
- package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map +1 -1
- package/lib-commonjs/components/Legends/Legends.js.map +1 -1
- package/lib-commonjs/components/Legends/OverflowMenu.js.map +1 -1
- package/lib-commonjs/components/LineChart/LineChart.js.map +1 -1
- package/lib-commonjs/components/ScatterChart/ScatterChart.js.map +1 -1
- package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js +11 -10
- package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js.map +1 -1
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js +56 -50
- package/lib-commonjs/components/VerticalStackedBarChart/VerticalStackedBarChart.js.map +1 -1
- package/lib-commonjs/index.js +1 -0
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utilities/FocusableTooltipText.js.map +1 -1
- package/lib-commonjs/utilities/utilities.js +29 -37
- package/lib-commonjs/utilities/utilities.js.map +1 -1
- package/lib-commonjs/utilities/vbc-utils.js +27 -0
- package/lib-commonjs/utilities/vbc-utils.js.map +1 -1
- package/package.json +9 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utilities/vbc-utils.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/utilities/vbc-utils.ts"],"sourcesContent":["import { Margins } from '../index';\n\nexport const getClosestPairDiffAndRange = (data: number[] | Date[]): [number, number] | undefined => {\n if (data.length < 2) {\n return;\n }\n data = data.sort((a, b) =>\n a instanceof Date ? (a as Date).getTime() - (b as Date).getTime() : (a as number) - (b as number),\n );\n let minDiff = Number.MAX_VALUE;\n for (let i = 1; i < data.length; i++) {\n const diff =\n data[i] instanceof Date\n ? (data[i] as Date).getTime() - (data[i - 1] as Date).getTime()\n : (data[i] as number) - (data[i - 1] as number);\n minDiff = Math.min(minDiff, diff);\n }\n const range =\n data[0] instanceof Date\n ? (data[data.length - 1] as Date).getTime() - (data[0] as Date).getTime()\n : (data[data.length - 1] as number) - (data[0] as number);\n return [minDiff, range];\n};\n\nexport const calculateAppropriateBarWidth = (data: number[] | Date[], totalWidth: number, innerPadding: number) => {\n const result = getClosestPairDiffAndRange(data);\n if (!result || result[1] === 0) {\n return 16;\n }\n const [closestPairDiff, range] = result;\n // Refer to https://microsoft.github.io/fluentui-charting-contrib/docs/rfcs/fix-overlapping-bars-on-continuous-axes\n // for the derivation of the following formula.\n const barWidth = Math.floor(\n (totalWidth * closestPairDiff * (1 - innerPadding)) / (range + closestPairDiff * (1 - innerPadding)),\n );\n return barWidth;\n};\n\n/**\n * Calculates the total width available for rendering bars.\n */\nexport const calcTotalWidth = (containerWidth: number, margins: Margins, extraMargin = 0): number => {\n return containerWidth - (margins.left || 0) - (margins.right || 0) - extraMargin * 2;\n};\n\n/**\n * Calculates the combined size of all bands and the gaps between them, in units relative to the bandwidth.\n */\nexport const calcTotalBandUnits = (numBands: number, innerPadding: number) => {\n // inner_padding = space_between_bands / (space_between_bands + bandwidth)\n // => space_between_bands = (inner_padding / (1 - inner_padding)) * bandwidth\n const gapToBandRatio = innerPadding / (1 - innerPadding);\n return numBands + (numBands - 1) * gapToBandRatio;\n};\n\n/**\n * Calculates the total width required to render all bands including the gaps between them.\n */\nexport const calcRequiredWidth = (bandwidth: number, numBands: number, innerPadding: number) => {\n return bandwidth * calcTotalBandUnits(numBands, innerPadding);\n};\n\n/**\n * Calculates the maximum possible bandwidth such that the combined widths of all bands\n * and the gaps between them exactly fill the total available width.\n */\nexport const calcBandwidth = (totalWidth: number, numBands: number, innerPadding: number) => {\n return totalWidth / calcTotalBandUnits(numBands, innerPadding);\n};\n"],"names":["getClosestPairDiffAndRange","data","length","sort","a","b","Date","getTime","minDiff","Number","MAX_VALUE","i","diff","Math","min","range","calculateAppropriateBarWidth","totalWidth","innerPadding","result","closestPairDiff","barWidth","floor","calcTotalWidth","containerWidth","margins","extraMargin","left","right","calcTotalBandUnits","numBands","gapToBandRatio","calcRequiredWidth","bandwidth","calcBandwidth"],"mappings":";;;;;;;;;;;iBAkEakC;;;qBARAF;;;sBAVAH;;;kBAPAN;;;gCAjBAP;;;IAtBAhB,0BAAAA;;;;AAAN,mCAAmC,CAACC;IACzC,IAAIA,KAAKC,MAAM,GAAG,GAAG;QACnB;IACF;IACAD,OAAOA,KAAKE,IAAI,CAAC,CAACC,GAAGC,IACnBD,aAAaE,OAAQF,EAAWG,OAAO,KAAMF,EAAWE,OAAO,KAAMH,IAAgBC;IAEvF,IAAIG,UAAUC,OAAOC,SAAS;IAC9B,IAAK,IAAIC,IAAI,GAAGA,IAAIV,KAAKC,MAAM,EAAES,IAAK;QACpC,MAAMC,OACJX,IAAI,CAACU,EAAE,YAAYL,OACdL,IAAI,CAACU,EAAE,CAAUJ,OAAO,KAAMN,IAAI,CAACU,IAAI,EAAE,CAAUJ,OAAO,KAC1DN,IAAI,CAACU,EAAE,GAAeV,IAAI,CAACU,IAAI,EAAE;QACxCH,UAAUK,KAAKC,GAAG,CAACN,SAASI;IAC9B;IACA,MAAMG,QACJd,IAAI,CAAC,EAAE,YAAYK,OACdL,IAAI,CAACA,KAAKC,MAAM,GAAG,EAAE,CAAUK,OAAO,KAAMN,IAAI,CAAC,EAAE,CAAUM,OAAO,KACpEN,IAAI,CAACA,KAAKC,MAAM,GAAG,EAAE,GAAeD,IAAI,CAAC,EAAE;IAClD,OAAO;QAACO;QAASO;KAAM;AACzB,EAAE;AAEK,MAAMC,+BAA+B,CAACf,MAAyBgB,YAAoBC;IACxF,MAAMC,SAASnB,2BAA2BC;IAC1C,IAAI,CAACkB,UAAUA,MAAM,CAAC,EAAE,KAAK,GAAG;QAC9B,OAAO;IACT;IACA,MAAM,CAACC,iBAAiBL,MAAM,GAAGI;IACjC,mHAAmH;IACnH,+CAA+C;IAC/C,MAAME,WAAWR,KAAKS,KAAK,CACxBL,aAAaG,kBAAmB,CAAA,IAAIF,YAAAA,CAAW,GAAOH,CAAAA,QAAQK,kBAAmB,CAAA,IAAIF,YAAAA,CAAW,CAAC;IAEpG,OAAOG;AACT,EAAE;AAKK,MAAME,iBAAiB,CAACC,gBAAwBC,SAAkBC,cAAc,CAAC;IACtF,OAAOF,iBAAkBC,CAAAA,QAAQE,IAAI,KAAI,CAAA,IAAMF,QAAQG,KAAK,KAAI,CAAA,GAAKF,cAAc;AACrF,EAAE;AAKK,MAAMG,qBAAqB,CAACC,UAAkBZ;IACnD,0EAA0E;IAC1E,6EAA6E;IAC7E,MAAMa,iBAAiBb,eAAgB,CAAA,IAAIA,YAAAA,CAAW;IACtD,OAAOY,WAAYA,CAAAA,YAAW,CAAA,GAAKC;AACrC,EAAE;AAKK,MAAMC,oBAAoB,CAACC,WAAmBH,UAAkBZ;IACrE,OAAOe,YAAYJ,mBAAmBC,UAAUZ;AAClD,EAAE;AAMK,MAAMgB,gBAAgB,CAACjB,YAAoBa,UAAkBZ;IAClE,OAAOD,aAAaY,mBAAmBC,UAAUZ;AACnD,EAAE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-charts",
|
|
3
|
-
"version": "9.2.
|
|
3
|
+
"version": "9.2.2",
|
|
4
4
|
"description": "React web chart controls for Microsoft fluentui v9 system.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -27,16 +27,16 @@
|
|
|
27
27
|
"@fluentui/scripts-api-extractor": "*"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@fluentui/chart-utilities": "^1.1.
|
|
31
|
-
"@fluentui/react-button": "^9.6.
|
|
32
|
-
"@fluentui/react-jsx-runtime": "^9.1.
|
|
33
|
-
"@fluentui/react-overflow": "^9.5.
|
|
34
|
-
"@fluentui/react-popover": "^9.12.
|
|
30
|
+
"@fluentui/chart-utilities": "^1.1.27",
|
|
31
|
+
"@fluentui/react-button": "^9.6.4",
|
|
32
|
+
"@fluentui/react-jsx-runtime": "^9.1.5",
|
|
33
|
+
"@fluentui/react-overflow": "^9.5.4",
|
|
34
|
+
"@fluentui/react-popover": "^9.12.4",
|
|
35
35
|
"@fluentui/react-shared-contexts": "^9.24.1",
|
|
36
|
-
"@fluentui/react-tabster": "^9.26.
|
|
36
|
+
"@fluentui/react-tabster": "^9.26.3",
|
|
37
37
|
"@fluentui/react-theme": "^9.2.0",
|
|
38
|
-
"@fluentui/react-tooltip": "^9.8.
|
|
39
|
-
"@fluentui/react-utilities": "^9.23.
|
|
38
|
+
"@fluentui/react-tooltip": "^9.8.3",
|
|
39
|
+
"@fluentui/react-utilities": "^9.23.2",
|
|
40
40
|
"@griffel/react": "^1.5.22",
|
|
41
41
|
"@swc/helpers": "^0.5.1",
|
|
42
42
|
"@types/d3-array": "^3.0.0",
|