@redsift/charts 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.6
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/_internal/Arc.d.ts +10 -0
- package/_internal/Arc.js +2 -0
- package/_internal/Arc.js.map +1 -0
- package/{components/Arc/Arc.js → _internal/Arc2.js} +52 -9
- package/_internal/Arc2.js.map +1 -0
- package/_internal/Arcs.d.ts +10 -0
- package/_internal/Arcs.js +2 -0
- package/_internal/Arcs.js.map +1 -0
- package/{components/Arcs/Arcs.js → _internal/Arcs2.js} +12 -8
- package/_internal/Arcs2.js.map +1 -0
- package/_internal/Axis.d.ts +8 -0
- package/_internal/Axis.js +2 -0
- package/_internal/Axis.js.map +1 -0
- package/{components/Axis/Axis.js → _internal/Axis2.js} +187 -10
- package/_internal/Axis2.js.map +1 -0
- package/_internal/Bar.d.ts +10 -0
- package/_internal/Bar.js +2 -0
- package/_internal/Bar.js.map +1 -0
- package/{components/Bar/Bar.js → _internal/Bar2.js} +85 -10
- package/_internal/Bar2.js.map +1 -0
- package/_internal/BarChart.d.ts +17 -0
- package/_internal/BarChart.js +2 -0
- package/_internal/BarChart.js.map +1 -0
- package/_internal/BarChart2.js +1419 -0
- package/_internal/BarChart2.js.map +1 -0
- package/_internal/ChartContainer.d.ts +5 -0
- package/_internal/ChartContainer.js +2 -0
- package/_internal/ChartContainer.js.map +1 -0
- package/{components/ChartContainer/ChartContainer.js → _internal/ChartContainer2.js} +105 -6
- package/_internal/ChartContainer2.js.map +1 -0
- package/_internal/DataPoint.d.ts +7 -0
- package/_internal/DataPoint.js +2 -0
- package/_internal/DataPoint.js.map +1 -0
- package/{components/DataPoint/DataPoint.js → _internal/DataPoint2.js} +11 -5
- package/_internal/DataPoint2.js.map +1 -0
- package/_internal/Dot.d.ts +10 -0
- package/_internal/Dot.js +2 -0
- package/_internal/Dot.js.map +1 -0
- package/{components/Dot/Dot.js → _internal/Dot2.js} +61 -6
- package/_internal/Dot2.js.map +1 -0
- package/_internal/Legend.d.ts +10 -0
- package/_internal/Legend.js +2 -0
- package/_internal/Legend.js.map +1 -0
- package/{components/Legend/Legend.js → _internal/Legend3.js} +17 -6
- package/_internal/Legend3.js.map +1 -0
- package/_internal/LegendItem.d.ts +21 -0
- package/_internal/LegendItem.js +2 -0
- package/_internal/LegendItem.js.map +1 -0
- package/{components/LegendItem/LegendItem.js → _internal/LegendItem2.js} +64 -7
- package/_internal/LegendItem2.js.map +1 -0
- package/_internal/Line.d.ts +10 -0
- package/_internal/Line.js +2 -0
- package/_internal/Line.js.map +1 -0
- package/{components/Line/Line.js → _internal/Line2.js} +12 -8
- package/_internal/Line2.js.map +1 -0
- package/_internal/LineChart.d.ts +17 -0
- package/_internal/LineChart.js +2 -0
- package/_internal/LineChart.js.map +1 -0
- package/{components/LineChart/RenderedLineChart.js → _internal/LineChart2.js} +317 -20
- package/_internal/LineChart2.js.map +1 -0
- package/_internal/PieChart.d.ts +14 -0
- package/_internal/PieChart.js +2 -0
- package/_internal/PieChart.js.map +1 -0
- package/_internal/PieChart2.js +605 -0
- package/_internal/PieChart2.js.map +1 -0
- package/_internal/ScatterPlot.d.ts +17 -0
- package/_internal/ScatterPlot.js +2 -0
- package/_internal/ScatterPlot.js.map +1 -0
- package/_internal/ScatterPlot2.js +743 -0
- package/_internal/ScatterPlot2.js.map +1 -0
- package/{_virtual → _internal}/_rollupPluginBabelHelpers.js +1 -1
- package/{types/axis.d.ts → _internal/axis.d2.ts} +2 -2
- package/_internal/config.js +13 -0
- package/_internal/config.js.map +1 -0
- package/{types → _internal}/data.d.ts +1 -1
- package/{types/legend.js → _internal/legend2.js} +2 -2
- package/_internal/legend2.js.map +1 -0
- package/{components/Axis/types.d.ts → _internal/scale.d.ts} +47 -2
- package/{scheme.js → _internal/scheme.js} +1 -1
- package/_internal/scheme.js.map +1 -0
- package/{components/Arc → _internal}/styles.d.ts +7 -5
- package/{components/Line/types.d.ts → _internal/styles.d10.ts} +14 -5
- package/{components/LineChart/types.d.ts → _internal/styles.d11.ts} +23 -12
- package/{components/PieChart/types.d.ts → _internal/styles.d12.ts} +29 -11
- package/{components/ScatterPlot/types.d.ts → _internal/styles.d13.ts} +23 -12
- package/{components/Arcs/types.d.ts → _internal/styles.d2.ts} +11 -2
- package/{components/Axis/styles.d.ts → _internal/styles.d3.ts} +6 -3
- package/{components/Bar/styles.d.ts → _internal/styles.d4.ts} +7 -5
- package/{components/BarChart/types.d.ts → _internal/styles.d5.ts} +49 -14
- package/{components/ChartContainer/styles.d.ts → _internal/styles.d6.ts} +8 -3
- package/{components/DataPoint/styles.d.ts → _internal/styles.d7.ts} +5 -2
- package/{components/Dot/styles.d.ts → _internal/styles.d8.ts} +7 -4
- package/{components/Legend/styles.d.ts → _internal/styles.d9.ts} +5 -2
- package/{utils/index.js → _internal/theme.js} +37 -2
- package/_internal/theme.js.map +1 -0
- package/{components/Arc → _internal}/types.d.ts +3 -3
- package/{components/Bar/types.d.ts → _internal/types.d2.ts} +3 -3
- package/{components/ChartContainer/types.d.ts → _internal/types.d3.ts} +1 -1
- package/{components/DataPoint/types.d.ts → _internal/types.d4.ts} +29 -3
- package/{components/Dot/types.d.ts → _internal/types.d5.ts} +3 -3
- package/{components/Legend/types.d.ts → _internal/types.d6.ts} +4 -4
- package/{components/LegendItem/types.d.ts → _internal/types.d7.ts} +8 -4
- package/{hooks → _internal}/useFormatCategoricalData.js +3 -4
- package/{hooks → _internal}/useFormatCategoricalData.js.map +1 -1
- package/index.d.ts +129 -51
- package/index.d2.ts +49 -0
- package/index.js +17 -42
- package/index.js.map +1 -1
- package/index2.js +16 -0
- package/index2.js.map +1 -0
- package/package.json +2 -2
- package/components/Arc/Arc.d.ts +0 -6
- package/components/Arc/Arc.js.map +0 -1
- package/components/Arc/styles.js +0 -49
- package/components/Arc/styles.js.map +0 -1
- package/components/Arcs/Arcs.d.ts +0 -6
- package/components/Arcs/Arcs.js.map +0 -1
- package/components/Arcs/styles.d.ts +0 -9
- package/components/Arcs/styles.js +0 -9
- package/components/Arcs/styles.js.map +0 -1
- package/components/Axis/Axis.d.ts +0 -7
- package/components/Axis/Axis.js.map +0 -1
- package/components/Axis/computeTicks.js +0 -117
- package/components/Axis/computeTicks.js.map +0 -1
- package/components/Axis/styles.js +0 -51
- package/components/Axis/styles.js.map +0 -1
- package/components/Axis/types.js +0 -24
- package/components/Axis/types.js.map +0 -1
- package/components/Bar/Bar.d.ts +0 -6
- package/components/Bar/Bar.js.map +0 -1
- package/components/Bar/styles.js +0 -66
- package/components/Bar/styles.js.map +0 -1
- package/components/Bar/types.js +0 -18
- package/components/Bar/types.js.map +0 -1
- package/components/BarChart/BarChart.d.ts +0 -29
- package/components/BarChart/BarChart.js +0 -141
- package/components/BarChart/BarChart.js.map +0 -1
- package/components/BarChart/BarChartBars.js +0 -168
- package/components/BarChart/BarChartBars.js.map +0 -1
- package/components/BarChart/BarChartSection.js +0 -139
- package/components/BarChart/BarChartSection.js.map +0 -1
- package/components/BarChart/EmptyBarChart.js +0 -57
- package/components/BarChart/EmptyBarChart.js.map +0 -1
- package/components/BarChart/LoadingBarChart.js +0 -18
- package/components/BarChart/LoadingBarChart.js.map +0 -1
- package/components/BarChart/RenderedLinearBarChart.js +0 -549
- package/components/BarChart/RenderedLinearBarChart.js.map +0 -1
- package/components/BarChart/RenderedOrdinalBarChart.js +0 -236
- package/components/BarChart/RenderedOrdinalBarChart.js.map +0 -1
- package/components/BarChart/context.js +0 -13
- package/components/BarChart/context.js.map +0 -1
- package/components/BarChart/intl/en-US.json.js +0 -17
- package/components/BarChart/intl/en-US.json.js.map +0 -1
- package/components/BarChart/intl/fr-FR.json.js +0 -17
- package/components/BarChart/intl/fr-FR.json.js.map +0 -1
- package/components/BarChart/intl/index.js +0 -10
- package/components/BarChart/intl/index.js.map +0 -1
- package/components/BarChart/styles.d.ts +0 -19
- package/components/BarChart/styles.js +0 -71
- package/components/BarChart/styles.js.map +0 -1
- package/components/BarChart/types.js +0 -17
- package/components/BarChart/types.js.map +0 -1
- package/components/BarChart/utils.js +0 -69
- package/components/BarChart/utils.js.map +0 -1
- package/components/ChartContainer/ChartContainer.d.ts +0 -9
- package/components/ChartContainer/ChartContainer.js.map +0 -1
- package/components/ChartContainer/context.js +0 -6
- package/components/ChartContainer/context.js.map +0 -1
- package/components/ChartContainer/intl/en-US.json.js +0 -14
- package/components/ChartContainer/intl/en-US.json.js.map +0 -1
- package/components/ChartContainer/intl/fr-FR.json.js +0 -14
- package/components/ChartContainer/intl/fr-FR.json.js.map +0 -1
- package/components/ChartContainer/intl/index.js +0 -10
- package/components/ChartContainer/intl/index.js.map +0 -1
- package/components/ChartContainer/styles.js +0 -76
- package/components/ChartContainer/styles.js.map +0 -1
- package/components/DataPoint/DataPoint.d.ts +0 -6
- package/components/DataPoint/DataPoint.js.map +0 -1
- package/components/DataPoint/styles.js +0 -10
- package/components/DataPoint/styles.js.map +0 -1
- package/components/Dot/Dot.d.ts +0 -6
- package/components/Dot/Dot.js.map +0 -1
- package/components/Dot/styles.js +0 -49
- package/components/Dot/styles.js.map +0 -1
- package/components/Dot/types.js +0 -14
- package/components/Dot/types.js.map +0 -1
- package/components/Legend/Legend.d.ts +0 -6
- package/components/Legend/Legend.js.map +0 -1
- package/components/Legend/styles.js +0 -15
- package/components/Legend/styles.js.map +0 -1
- package/components/LegendItem/LegendItem.js.map +0 -1
- package/components/LegendItem/styles.js +0 -63
- package/components/LegendItem/styles.js.map +0 -1
- package/components/Line/Line.d.ts +0 -6
- package/components/Line/Line.js.map +0 -1
- package/components/Line/styles.d.ts +0 -9
- package/components/Line/styles.js +0 -9
- package/components/Line/styles.js.map +0 -1
- package/components/LineChart/EmptyLineChart.js +0 -58
- package/components/LineChart/EmptyLineChart.js.map +0 -1
- package/components/LineChart/LineChart.d.ts +0 -6
- package/components/LineChart/LineChart.js +0 -96
- package/components/LineChart/LineChart.js.map +0 -1
- package/components/LineChart/LoadingLineChart.js +0 -18
- package/components/LineChart/LoadingLineChart.js.map +0 -1
- package/components/LineChart/RenderedLineChart.js.map +0 -1
- package/components/LineChart/intl/en-US.json.js +0 -17
- package/components/LineChart/intl/en-US.json.js.map +0 -1
- package/components/LineChart/intl/fr-FR.json.js +0 -17
- package/components/LineChart/intl/fr-FR.json.js.map +0 -1
- package/components/LineChart/intl/index.js +0 -10
- package/components/LineChart/intl/index.js.map +0 -1
- package/components/LineChart/styles.d.ts +0 -17
- package/components/LineChart/styles.js +0 -53
- package/components/LineChart/styles.js.map +0 -1
- package/components/LineChart/types.js +0 -17
- package/components/LineChart/types.js.map +0 -1
- package/components/LineChart/utils.js +0 -67
- package/components/LineChart/utils.js.map +0 -1
- package/components/PieChart/EmptyPieChart.js +0 -85
- package/components/PieChart/EmptyPieChart.js.map +0 -1
- package/components/PieChart/LoadingPieChart.js +0 -18
- package/components/PieChart/LoadingPieChart.js.map +0 -1
- package/components/PieChart/PieChart.d.ts +0 -6
- package/components/PieChart/PieChart.js +0 -98
- package/components/PieChart/PieChart.js.map +0 -1
- package/components/PieChart/RenderedPieChart.js +0 -198
- package/components/PieChart/RenderedPieChart.js.map +0 -1
- package/components/PieChart/intl/en-US.json.js +0 -9
- package/components/PieChart/intl/en-US.json.js.map +0 -1
- package/components/PieChart/intl/fr-FR.json.js +0 -9
- package/components/PieChart/intl/fr-FR.json.js.map +0 -1
- package/components/PieChart/intl/index.js +0 -10
- package/components/PieChart/intl/index.js.map +0 -1
- package/components/PieChart/styles.d.ts +0 -24
- package/components/PieChart/styles.js +0 -168
- package/components/PieChart/styles.js.map +0 -1
- package/components/PieChart/types.js +0 -27
- package/components/PieChart/types.js.map +0 -1
- package/components/PieChart/utils.js +0 -37
- package/components/PieChart/utils.js.map +0 -1
- package/components/ScatterPlot/EmptyScatterPlot.js +0 -58
- package/components/ScatterPlot/EmptyScatterPlot.js.map +0 -1
- package/components/ScatterPlot/LoadingScatterPlot.js +0 -18
- package/components/ScatterPlot/LoadingScatterPlot.js.map +0 -1
- package/components/ScatterPlot/RenderedScatterPlot.js +0 -352
- package/components/ScatterPlot/RenderedScatterPlot.js.map +0 -1
- package/components/ScatterPlot/ScatterPlot.d.ts +0 -6
- package/components/ScatterPlot/ScatterPlot.js +0 -105
- package/components/ScatterPlot/ScatterPlot.js.map +0 -1
- package/components/ScatterPlot/intl/en-US.json.js +0 -12
- package/components/ScatterPlot/intl/en-US.json.js.map +0 -1
- package/components/ScatterPlot/intl/fr-FR.json.js +0 -17
- package/components/ScatterPlot/intl/fr-FR.json.js.map +0 -1
- package/components/ScatterPlot/intl/index.js +0 -10
- package/components/ScatterPlot/intl/index.js.map +0 -1
- package/components/ScatterPlot/styles.d.ts +0 -17
- package/components/ScatterPlot/styles.js +0 -53
- package/components/ScatterPlot/styles.js.map +0 -1
- package/components/ScatterPlot/types.js +0 -24
- package/components/ScatterPlot/types.js.map +0 -1
- package/components/ScatterPlot/utils.js +0 -70
- package/components/ScatterPlot/utils.js.map +0 -1
- package/config.js +0 -15
- package/config.js.map +0 -1
- package/design-system/src/react-aria/react-aria/i18n/useMessageFormatter.d.ts +0 -5
- package/hooks/useBrush.d.ts +0 -17
- package/hooks/useBrush.js +0 -48
- package/hooks/useBrush.js.map +0 -1
- package/hooks/useColor.d.ts +0 -18
- package/hooks/useColor.js +0 -20
- package/hooks/useColor.js.map +0 -1
- package/hooks/useFormatCategoricalData.d.ts +0 -26
- package/hooks/useZoom.d.ts +0 -26
- package/hooks/useZoom.js +0 -39
- package/hooks/useZoom.js.map +0 -1
- package/scheme.d.ts +0 -32
- package/scheme.js.map +0 -1
- package/types/legend.d.ts +0 -30
- package/types/legend.js.map +0 -1
- package/types/scale.d.ts +0 -48
- package/types/size.d.ts +0 -20
- package/types/size.js +0 -8
- package/types/size.js.map +0 -1
- package/types/theme.d.ts +0 -23
- package/types/theme.js +0 -13
- package/types/theme.js.map +0 -1
- package/utils/index.d.ts +0 -11
- package/utils/index.js.map +0 -1
- /package/{_virtual → _internal}/_rollupPluginBabelHelpers.js.map +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../src/components/LineChart/utils.ts"],"sourcesContent":["import { ScaleLinear as d3ScaleLinear } from 'd3';\n\nimport { CoordinatesCategoryData, CoordinatesCategoryDatum, Statistics, TwoCategoryData } from '../../types';\n\nimport { ChartSize } from '../../types';\nimport { LineChartDimensions } from './types';\nimport { SortingMethod, getSortingMethod } from '../../utils';\n\nexport const sizeToDimension = (size: ChartSize | LineChartDimensions): LineChartDimensions => {\n if (typeof size !== 'string') {\n return size;\n }\n\n switch (size) {\n case ChartSize.small:\n return { width: 600, height: 300, fontSize: 30 };\n case ChartSize.medium:\n default:\n return { width: 750, height: 375, fontSize: 34 };\n case ChartSize.large:\n return { width: 900, height: 450, fontSize: 38 };\n }\n};\n\nexport const BASE_NUMBER_OF_TICKS = 20;\n\nexport const getClosestLineIndex = (value: number, scale: d3ScaleLinear<number, number, never>) => {\n const ticks = scale.ticks(BASE_NUMBER_OF_TICKS);\n const delta = ticks[1] - ticks[0];\n const index = Math.round(value / delta);\n const roundValue = index * delta;\n return [index, roundValue];\n};\n\nexport const group = (\n data: CoordinatesCategoryData,\n x: d3ScaleLinear<number, number, never>,\n y: d3ScaleLinear<number, number, never>\n) => {\n const groupDict: Record<\n string,\n {\n category: string;\n x: number;\n y: number;\n data: CoordinatesCategoryDatum;\n points: CoordinatesCategoryData;\n }\n > = {};\n\n data.forEach((d) => {\n const [i, rx] = getClosestLineIndex(d.key[0], x);\n const [j, ry] = getClosestLineIndex(d.key[1], y);\n\n const key = `${i}_${j}_${d.key[2]}`;\n if (!(key in groupDict)) {\n groupDict[key] = {\n category: d.key[2] as string,\n x: rx,\n y: ry,\n data: {\n key: d.key,\n value: 0,\n },\n points: [],\n };\n }\n\n groupDict[key].points.push(d);\n groupDict[key].data.value += 1;\n });\n\n return Object.values(groupDict);\n};\n\nexport const countBy = (arr: CoordinatesCategoryData, sortingMethod: SortingMethod) => {\n const counts = arr.reduce(\n (prev, curr) => ((prev[curr.key[2] as string] = ++(prev[curr.key[2] as string] as number) || 1), prev),\n {} as Record<string, number>\n );\n\n return Object.keys(counts)\n .map((key) => ({ key: key, value: counts[key] as number }))\n .sort(getSortingMethod(sortingMethod));\n};\n\nexport const statsBy: (arr: TwoCategoryData, sortingMethod: SortingMethod) => Statistics = (arr, sortingMethod) => {\n const counts = arr.reduce((prev, curr) => {\n if (!curr.value) {\n return prev;\n }\n if (!prev[curr.key[1] as string]) {\n prev[curr.key[1] as string] = {\n value: curr.value,\n min: curr.value,\n max: curr.value,\n values: [curr.value],\n };\n } else {\n prev[curr.key[1] as string] = {\n value: prev[curr.key[1] as string].value + curr.value,\n min: Math.min(prev[curr.key[1] as string].min, curr.value),\n max: Math.max(prev[curr.key[1] as string].max, curr.value),\n values: [...prev[curr.key[1] as string].values, curr.value],\n };\n }\n return prev;\n }, {} as Record<string, { value: number; min: number; max: number; values: number[] }>);\n\n return Object.keys(counts)\n .map((key) => ({\n key: key,\n value: counts[key].value,\n min: counts[key].min,\n max: counts[key].max,\n values: counts[key].values,\n first: counts[key].values[0],\n last: counts[key].values[counts[key].values.length - 1],\n trending: {\n overall:\n ((counts[key].values[counts[key].values.length - 1] - counts[key].values[0]) * 100) / counts[key].values[0],\n },\n }))\n .sort(getSortingMethod(sortingMethod));\n};\n"],"names":["sizeToDimension","size","ChartSize","small","width","height","fontSize","medium","large","statsBy","arr","sortingMethod","counts","reduce","prev","curr","value","key","min","max","values","Math","Object","keys","map","first","last","length","trending","overall","sort","getSortingMethod"],"mappings":"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"}
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React__default, { forwardRef } from 'react';
|
|
3
|
-
import { arc } from 'd3';
|
|
4
|
-
import { PieChartVariant } from './types.js';
|
|
5
|
-
import { StyledPieChart, StyledPieChartEmptyText } from './styles.js';
|
|
6
|
-
import { empty } from '../../scheme.js';
|
|
7
|
-
import { sizeToDimension } from './utils.js';
|
|
8
|
-
import { useTheme } from '@redsift/design-system';
|
|
9
|
-
import { Arcs } from '../Arcs/Arcs.js';
|
|
10
|
-
|
|
11
|
-
const _excluded = ["className", "emptyComponent", "localeText", "size", "variant"];
|
|
12
|
-
const EmptyPieChart = /*#__PURE__*/forwardRef((props, ref) => {
|
|
13
|
-
const {
|
|
14
|
-
className,
|
|
15
|
-
emptyComponent,
|
|
16
|
-
localeText,
|
|
17
|
-
size,
|
|
18
|
-
variant
|
|
19
|
-
} = props,
|
|
20
|
-
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
21
|
-
const theme = useTheme();
|
|
22
|
-
const isDonut = variant === PieChartVariant.donut || variant === PieChartVariant.spacedDonut;
|
|
23
|
-
const {
|
|
24
|
-
width,
|
|
25
|
-
height,
|
|
26
|
-
fontSize,
|
|
27
|
-
innerRadius
|
|
28
|
-
} = sizeToDimension(size);
|
|
29
|
-
const externalRadiusPadding = 8;
|
|
30
|
-
const createArc = arc().innerRadius(isDonut ? innerRadius : 0).outerRadius(width / 2 - externalRadiusPadding);
|
|
31
|
-
return /*#__PURE__*/React__default.createElement(StyledPieChart, _extends({}, forwardedProps, {
|
|
32
|
-
className: className,
|
|
33
|
-
ref: ref
|
|
34
|
-
}), emptyComponent !== null && emptyComponent !== void 0 ? emptyComponent : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledPieChartEmptyText, {
|
|
35
|
-
$maxWidth: innerRadius * 2,
|
|
36
|
-
$textSize: fontSize / 2,
|
|
37
|
-
$isDonut: isDonut,
|
|
38
|
-
$theme: theme
|
|
39
|
-
}, /*#__PURE__*/React__default.createElement("span", null, localeText === null || localeText === void 0 ? void 0 : localeText.emptyChartText)), /*#__PURE__*/React__default.createElement("svg", {
|
|
40
|
-
width: width,
|
|
41
|
-
height: height
|
|
42
|
-
}, /*#__PURE__*/React__default.createElement(Arcs, {
|
|
43
|
-
arcs: [{
|
|
44
|
-
createArc,
|
|
45
|
-
previousData: {
|
|
46
|
-
data: {
|
|
47
|
-
key: '',
|
|
48
|
-
value: 0
|
|
49
|
-
},
|
|
50
|
-
startAngle: 0,
|
|
51
|
-
endAngle: 0,
|
|
52
|
-
padAngle: 0,
|
|
53
|
-
value: 0,
|
|
54
|
-
index: 0
|
|
55
|
-
},
|
|
56
|
-
data: {
|
|
57
|
-
data: {
|
|
58
|
-
key: 'No Data',
|
|
59
|
-
value: 0
|
|
60
|
-
},
|
|
61
|
-
index: 0,
|
|
62
|
-
value: 0,
|
|
63
|
-
startAngle: 0,
|
|
64
|
-
endAngle: 2 * Math.PI,
|
|
65
|
-
padAngle: 0
|
|
66
|
-
},
|
|
67
|
-
dataset: [{
|
|
68
|
-
data: {
|
|
69
|
-
key: 'No Data',
|
|
70
|
-
value: 0
|
|
71
|
-
},
|
|
72
|
-
index: 0,
|
|
73
|
-
value: 0,
|
|
74
|
-
startAngle: 0,
|
|
75
|
-
endAngle: 2 * Math.PI,
|
|
76
|
-
padAngle: 0
|
|
77
|
-
}],
|
|
78
|
-
color: empty
|
|
79
|
-
}],
|
|
80
|
-
transform: `translate(${width / 2} ${height / 2})`
|
|
81
|
-
}))));
|
|
82
|
-
});
|
|
83
|
-
|
|
84
|
-
export { EmptyPieChart };
|
|
85
|
-
//# sourceMappingURL=EmptyPieChart.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyPieChart.js","sources":["../../../src/components/PieChart/EmptyPieChart.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport { arc as d3arc } from 'd3';\n\nimport { ArcDatum } from '../../types';\nimport { PieChartProps, PieChartVariant } from './types';\nimport { StyledPieChart, StyledPieChartEmptyText } from './styles';\nimport { Arcs } from '../Arcs';\nimport { empty } from '../../scheme';\nimport { sizeToDimension } from './utils';\nimport { useTheme } from '@redsift/design-system';\n\nexport const EmptyPieChart = forwardRef<HTMLDivElement, PieChartProps>((props, ref) => {\n const { className, emptyComponent, localeText, size, variant, ...forwardedProps } = props;\n const theme = useTheme();\n\n const isDonut = variant === PieChartVariant.donut || variant === PieChartVariant.spacedDonut;\n\n const { width, height, fontSize, innerRadius } = sizeToDimension(size!);\n const externalRadiusPadding = 8;\n\n const createArc = d3arc<ArcDatum>()\n .innerRadius(isDonut ? innerRadius : 0)\n .outerRadius(width / 2 - externalRadiusPadding);\n\n return (\n <StyledPieChart {...forwardedProps} className={className} ref={ref as RefObject<HTMLDivElement>}>\n {emptyComponent ?? (\n <>\n <StyledPieChartEmptyText\n $maxWidth={innerRadius * 2}\n $textSize={fontSize / 2}\n $isDonut={isDonut}\n $theme={theme}\n >\n <span>{localeText?.emptyChartText}</span>\n </StyledPieChartEmptyText>\n <svg width={width} height={height}>\n <Arcs\n arcs={[\n {\n createArc,\n previousData: {\n data: {\n key: '',\n value: 0,\n },\n startAngle: 0,\n endAngle: 0,\n padAngle: 0,\n value: 0,\n index: 0,\n },\n data: {\n data: {\n key: 'No Data',\n value: 0,\n },\n index: 0,\n value: 0,\n startAngle: 0,\n endAngle: 2 * Math.PI,\n padAngle: 0,\n },\n dataset: [\n {\n data: {\n key: 'No Data',\n value: 0,\n },\n index: 0,\n value: 0,\n startAngle: 0,\n endAngle: 2 * Math.PI,\n padAngle: 0,\n },\n ],\n color: empty,\n },\n ]}\n transform={`translate(${width / 2} ${height / 2})`}\n />\n </svg>\n </>\n )}\n </StyledPieChart>\n );\n});\n"],"names":["EmptyPieChart","forwardRef","props","ref","className","emptyComponent","localeText","size","variant","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","isDonut","PieChartVariant","donut","spacedDonut","width","height","fontSize","innerRadius","sizeToDimension","externalRadiusPadding","createArc","d3arc","outerRadius","React","createElement","StyledPieChart","_extends","Fragment","StyledPieChartEmptyText","$maxWidth","$textSize","$isDonut","$theme","emptyChartText","Arcs","arcs","previousData","data","key","value","startAngle","endAngle","padAngle","index","Math","PI","dataset","color","empty","transform"],"mappings":"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"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React__default, { forwardRef } from 'react';
|
|
3
|
-
import { StyledPieChart } from './styles.js';
|
|
4
|
-
|
|
5
|
-
const _excluded = ["className"];
|
|
6
|
-
const LoadingPieChart = /*#__PURE__*/forwardRef((props, ref) => {
|
|
7
|
-
const {
|
|
8
|
-
className
|
|
9
|
-
} = props,
|
|
10
|
-
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
11
|
-
return /*#__PURE__*/React__default.createElement(StyledPieChart, _extends({}, forwardedProps, {
|
|
12
|
-
className: className,
|
|
13
|
-
ref: ref
|
|
14
|
-
}), "Loading...");
|
|
15
|
-
});
|
|
16
|
-
|
|
17
|
-
export { LoadingPieChart };
|
|
18
|
-
//# sourceMappingURL=LoadingPieChart.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingPieChart.js","sources":["../../../src/components/PieChart/LoadingPieChart.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\n\nimport { PieChartProps } from './types';\nimport { StyledPieChart } from './styles';\n\nexport const LoadingPieChart = forwardRef<HTMLDivElement, PieChartProps>(\n (props, ref) => {\n const { className, ...forwardedProps } = props;\n\n return (\n <StyledPieChart\n {...forwardedProps}\n className={className}\n ref={ref as RefObject<HTMLDivElement>}\n >\n Loading...\n </StyledPieChart>\n );\n }\n);\n"],"names":["LoadingPieChart","forwardRef","props","ref","className","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","StyledPieChart","_extends"],"mappings":";;;;;AAKO,MAAMA,eAAe,gBAAGC,UAAU,CACvC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGF,KAAK;AAAxBG,IAAAA,cAAc,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;EAE9C,oBACEC,cAAA,CAAAC,aAAA,CAACC,cAAc,EAAAC,QAAA,KACTN,cAAc,EAAA;AAClBD,IAAAA,SAAS,EAAEA,SAAU;AACrBD,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EACvC,YAEe,CAAC,CAAA;AAErB,CACF;;;;"}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React__default, { forwardRef } from 'react';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import { useId } from '@redsift/design-system';
|
|
5
|
-
import { PieChartVariant, PieChartLegendVariant } from './types.js';
|
|
6
|
-
import { LoadingPieChart } from './LoadingPieChart.js';
|
|
7
|
-
import { EmptyPieChart } from './EmptyPieChart.js';
|
|
8
|
-
import { RenderedPieChart } from './RenderedPieChart.js';
|
|
9
|
-
import { ColorTheme } from '../../types/theme.js';
|
|
10
|
-
import { ChartSize } from '../../types/size.js';
|
|
11
|
-
import { TooltipVariant } from '../../types/legend.js';
|
|
12
|
-
|
|
13
|
-
const _excluded = ["caping", "chartRef", "className", "colorTheme", "data", "emptyComponent", "id", "isSliceSelected", "labelDecorator", "legendDecorator", "legendVariant", "localeText", "middleText", "onSliceClick", "others", "size", "sliceRole", "sortingMethod", "subtext", "text", "tooltipDecorator", "tooltipVariant", "variant"];
|
|
14
|
-
const COMPONENT_NAME = 'PieChart';
|
|
15
|
-
const CLASSNAME = 'redsift-piechart';
|
|
16
|
-
const PieChart = /*#__PURE__*/forwardRef((props, ref) => {
|
|
17
|
-
const {
|
|
18
|
-
caping,
|
|
19
|
-
chartRef,
|
|
20
|
-
className,
|
|
21
|
-
colorTheme = ColorTheme.default,
|
|
22
|
-
data: propsData,
|
|
23
|
-
emptyComponent,
|
|
24
|
-
id: propsId,
|
|
25
|
-
isSliceSelected = () => true,
|
|
26
|
-
labelDecorator,
|
|
27
|
-
legendDecorator,
|
|
28
|
-
legendVariant: propsLegendVariant,
|
|
29
|
-
localeText = {
|
|
30
|
-
emptyChartText: 'No Data'
|
|
31
|
-
},
|
|
32
|
-
middleText,
|
|
33
|
-
onSliceClick,
|
|
34
|
-
others = true,
|
|
35
|
-
size = ChartSize.medium,
|
|
36
|
-
sliceRole,
|
|
37
|
-
sortingMethod = 'desc-value',
|
|
38
|
-
subtext,
|
|
39
|
-
text,
|
|
40
|
-
tooltipDecorator,
|
|
41
|
-
tooltipVariant = TooltipVariant.value,
|
|
42
|
-
variant = PieChartVariant.spaced
|
|
43
|
-
} = props,
|
|
44
|
-
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
45
|
-
const [_id] = useId();
|
|
46
|
-
const id = propsId !== null && propsId !== void 0 ? propsId : _id;
|
|
47
|
-
const legendVariant = propsLegendVariant !== null && propsLegendVariant !== void 0 ? propsLegendVariant : PieChartLegendVariant.none;
|
|
48
|
-
if (propsData === undefined || propsData === null) {
|
|
49
|
-
return /*#__PURE__*/React__default.createElement(LoadingPieChart, _extends({
|
|
50
|
-
id: id
|
|
51
|
-
}, forwardedProps, {
|
|
52
|
-
ref: ref
|
|
53
|
-
}));
|
|
54
|
-
}
|
|
55
|
-
if (propsData.length === 0) {
|
|
56
|
-
return /*#__PURE__*/React__default.createElement(EmptyPieChart, _extends({
|
|
57
|
-
data: propsData,
|
|
58
|
-
emptyComponent: emptyComponent,
|
|
59
|
-
id: id,
|
|
60
|
-
localeText: localeText,
|
|
61
|
-
size: size,
|
|
62
|
-
sortingMethod: sortingMethod,
|
|
63
|
-
variant: variant
|
|
64
|
-
}, forwardedProps, {
|
|
65
|
-
ref: ref
|
|
66
|
-
}));
|
|
67
|
-
}
|
|
68
|
-
return /*#__PURE__*/React__default.createElement(RenderedPieChart, _extends({
|
|
69
|
-
caping: caping,
|
|
70
|
-
chartRef: chartRef,
|
|
71
|
-
className: classNames(PieChart.className, className),
|
|
72
|
-
data: propsData,
|
|
73
|
-
id: id,
|
|
74
|
-
isSliceSelected: isSliceSelected,
|
|
75
|
-
labelDecorator: labelDecorator,
|
|
76
|
-
legendDecorator: legendDecorator,
|
|
77
|
-
legendVariant: legendVariant,
|
|
78
|
-
middleText: middleText,
|
|
79
|
-
onSliceClick: onSliceClick,
|
|
80
|
-
others: others,
|
|
81
|
-
size: size,
|
|
82
|
-
sliceRole: sliceRole,
|
|
83
|
-
sortingMethod: sortingMethod,
|
|
84
|
-
subtext: subtext,
|
|
85
|
-
text: text,
|
|
86
|
-
colorTheme: colorTheme,
|
|
87
|
-
tooltipDecorator: tooltipDecorator,
|
|
88
|
-
tooltipVariant: tooltipVariant,
|
|
89
|
-
variant: variant
|
|
90
|
-
}, forwardedProps, {
|
|
91
|
-
ref: ref
|
|
92
|
-
}));
|
|
93
|
-
});
|
|
94
|
-
PieChart.className = CLASSNAME;
|
|
95
|
-
PieChart.displayName = COMPONENT_NAME;
|
|
96
|
-
|
|
97
|
-
export { PieChart };
|
|
98
|
-
//# sourceMappingURL=PieChart.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PieChart.js","sources":["../../../src/components/PieChart/PieChart.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, useId } from '@redsift/design-system';\n\nimport { ChartSize, ColorTheme, TooltipVariant } from '../../types';\nimport { PieChartLegendVariant, PieChartProps, PieChartVariant } from './types';\nimport { LoadingPieChart } from './LoadingPieChart';\nimport { EmptyPieChart } from './EmptyPieChart';\nimport { RenderedPieChart } from './RenderedPieChart';\n\nconst COMPONENT_NAME = 'PieChart';\nconst CLASSNAME = 'redsift-piechart';\n\nexport const PieChart: Comp<PieChartProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n caping,\n chartRef,\n className,\n colorTheme = ColorTheme.default,\n data: propsData,\n emptyComponent,\n id: propsId,\n isSliceSelected = () => true,\n labelDecorator,\n legendDecorator,\n legendVariant: propsLegendVariant,\n localeText = { emptyChartText: 'No Data' },\n middleText,\n onSliceClick,\n others = true,\n size = ChartSize.medium,\n sliceRole,\n sortingMethod = 'desc-value',\n subtext,\n text,\n tooltipDecorator,\n tooltipVariant = TooltipVariant.value,\n variant = PieChartVariant.spaced,\n ...forwardedProps\n } = props;\n const [_id] = useId();\n const id = propsId ?? _id;\n\n const legendVariant = propsLegendVariant ?? PieChartLegendVariant.none;\n\n if (propsData === undefined || propsData === null) {\n return <LoadingPieChart id={id} {...forwardedProps} ref={ref} />;\n }\n\n if (propsData.length === 0) {\n return (\n <EmptyPieChart\n data={propsData}\n emptyComponent={emptyComponent}\n id={id}\n localeText={localeText}\n size={size}\n sortingMethod={sortingMethod}\n variant={variant}\n {...forwardedProps}\n ref={ref}\n />\n );\n }\n\n return (\n <RenderedPieChart\n caping={caping}\n chartRef={chartRef}\n className={classNames(PieChart.className, className)}\n data={propsData}\n id={id}\n isSliceSelected={isSliceSelected}\n labelDecorator={labelDecorator}\n legendDecorator={legendDecorator}\n legendVariant={legendVariant}\n middleText={middleText}\n onSliceClick={onSliceClick}\n others={others}\n size={size}\n sliceRole={sliceRole}\n sortingMethod={sortingMethod}\n subtext={subtext}\n text={text}\n colorTheme={colorTheme}\n tooltipDecorator={tooltipDecorator}\n tooltipVariant={tooltipVariant}\n variant={variant}\n {...forwardedProps}\n ref={ref}\n />\n );\n});\nPieChart.className = CLASSNAME;\nPieChart.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","PieChart","forwardRef","props","ref","caping","chartRef","className","colorTheme","ColorTheme","default","data","propsData","emptyComponent","id","propsId","isSliceSelected","labelDecorator","legendDecorator","legendVariant","propsLegendVariant","localeText","emptyChartText","middleText","onSliceClick","others","size","ChartSize","medium","sliceRole","sortingMethod","subtext","text","tooltipDecorator","tooltipVariant","TooltipVariant","value","variant","PieChartVariant","spaced","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","PieChartLegendVariant","none","undefined","React","createElement","LoadingPieChart","_extends","length","EmptyPieChart","RenderedPieChart","classNames","displayName"],"mappings":"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"}
|
|
@@ -1,198 +0,0 @@
|
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React__default, { forwardRef, useRef, useEffect } from 'react';
|
|
3
|
-
import { pie, arc, sum } from 'd3';
|
|
4
|
-
import { useTheme, useMessageFormatter } from '@redsift/design-system';
|
|
5
|
-
import intlMessages from './intl/index.js';
|
|
6
|
-
import { PieChartVariant, PieChartLegendVariant } from './types.js';
|
|
7
|
-
import { StyledPieChart, StyledPieChartCenterText } from './styles.js';
|
|
8
|
-
import { sizeToDimension } from './utils.js';
|
|
9
|
-
import { PieChart } from './PieChart.js';
|
|
10
|
-
import { mergeLegends, getSortingMethod } from '../../utils/index.js';
|
|
11
|
-
import { useFormatCategoricalData } from '../../hooks/useFormatCategoricalData.js';
|
|
12
|
-
import { Arcs } from '../Arcs/Arcs.js';
|
|
13
|
-
import { Legend } from '../Legend/Legend.js';
|
|
14
|
-
import { LegendVariant } from '../../types/legend.js';
|
|
15
|
-
|
|
16
|
-
const _excluded = ["caping", "className", "data", "disableAnimations", "getSliceAnchorProps", "id", "isHalf", "isSliceSelected", "labelDecorator", "legendDecorator", "legendVariant", "legendProps", "middleText", "onSliceClick", "others", "size", "sliceProps", "sliceRole", "sortingMethod", "subtext", "text", "colorTheme", "tooltipVariant", "variant"],
|
|
17
|
-
_excluded2 = ["extraLegendItems"];
|
|
18
|
-
const RenderedPieChart = /*#__PURE__*/forwardRef((props, ref) => {
|
|
19
|
-
const {
|
|
20
|
-
caping,
|
|
21
|
-
className,
|
|
22
|
-
data: propsData,
|
|
23
|
-
disableAnimations,
|
|
24
|
-
getSliceAnchorProps,
|
|
25
|
-
id,
|
|
26
|
-
isHalf,
|
|
27
|
-
isSliceSelected,
|
|
28
|
-
labelDecorator,
|
|
29
|
-
legendDecorator,
|
|
30
|
-
legendVariant,
|
|
31
|
-
legendProps,
|
|
32
|
-
middleText: propsMiddleText,
|
|
33
|
-
onSliceClick,
|
|
34
|
-
others,
|
|
35
|
-
size,
|
|
36
|
-
sliceProps,
|
|
37
|
-
sliceRole,
|
|
38
|
-
sortingMethod,
|
|
39
|
-
subtext: propsSubtext,
|
|
40
|
-
text: propsText,
|
|
41
|
-
colorTheme,
|
|
42
|
-
tooltipVariant,
|
|
43
|
-
variant
|
|
44
|
-
} = props,
|
|
45
|
-
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
46
|
-
const cache = useRef();
|
|
47
|
-
const theme = useTheme();
|
|
48
|
-
const format = useMessageFormatter(intlMessages);
|
|
49
|
-
const isDonut = variant === PieChartVariant.donut || variant === PieChartVariant.spacedDonut;
|
|
50
|
-
const isSpaced = variant === PieChartVariant.spaced || variant === PieChartVariant.spacedDonut;
|
|
51
|
-
const {
|
|
52
|
-
data,
|
|
53
|
-
colorScale
|
|
54
|
-
} = useFormatCategoricalData({
|
|
55
|
-
data: propsData,
|
|
56
|
-
colorTheme: colorTheme,
|
|
57
|
-
sortingMethod: sortingMethod,
|
|
58
|
-
caping,
|
|
59
|
-
others,
|
|
60
|
-
theme
|
|
61
|
-
});
|
|
62
|
-
useEffect(() => {
|
|
63
|
-
cache.current = data;
|
|
64
|
-
});
|
|
65
|
-
const {
|
|
66
|
-
width,
|
|
67
|
-
height,
|
|
68
|
-
smallFontSize,
|
|
69
|
-
fontSize,
|
|
70
|
-
innerRadius
|
|
71
|
-
} = sizeToDimension(size, isHalf);
|
|
72
|
-
const externalRadiusPadding = 8;
|
|
73
|
-
const createPie = pie().value(d => d.value).sort(null).startAngle(isHalf ? Math.PI * -0.5 : 0).endAngle(isHalf ? Math.PI * 0.5 : Math.PI * 2);
|
|
74
|
-
const createArc = arc().innerRadius(isDonut ? innerRadius : 0).outerRadius(width / 2 - externalRadiusPadding);
|
|
75
|
-
const pieData = createPie(data);
|
|
76
|
-
const previousPieData = cache.current ? createPie(cache.current) : undefined;
|
|
77
|
-
const total = sum(data, d => d.value);
|
|
78
|
-
const legendWidth = useRef();
|
|
79
|
-
if (data && !legendWidth.current) {
|
|
80
|
-
legendWidth.current = `${Math.max(...data.map(d => d.key.length + String(d.value).length)) * 8 + 32}px`;
|
|
81
|
-
}
|
|
82
|
-
const text = typeof propsText === 'function' ? propsText(pieData.map(datum => {
|
|
83
|
-
const percent = datum.data.value / total;
|
|
84
|
-
return _objectSpread2(_objectSpread2({}, datum), {}, {
|
|
85
|
-
data: _objectSpread2(_objectSpread2({}, datum.data), {}, {
|
|
86
|
-
percent
|
|
87
|
-
})
|
|
88
|
-
});
|
|
89
|
-
}), total) : propsText;
|
|
90
|
-
const subtext = typeof propsSubtext === 'function' ? propsSubtext(pieData.map(datum => {
|
|
91
|
-
const percent = datum.data.value / total;
|
|
92
|
-
return _objectSpread2(_objectSpread2({}, datum), {}, {
|
|
93
|
-
data: _objectSpread2(_objectSpread2({}, datum.data), {}, {
|
|
94
|
-
percent
|
|
95
|
-
})
|
|
96
|
-
});
|
|
97
|
-
}), total) : propsSubtext;
|
|
98
|
-
const middleText = typeof propsMiddleText === 'function' ? propsMiddleText(pieData.map(datum => {
|
|
99
|
-
const percent = datum.data.value / total;
|
|
100
|
-
return _objectSpread2(_objectSpread2({}, datum), {}, {
|
|
101
|
-
data: _objectSpread2(_objectSpread2({}, datum.data), {}, {
|
|
102
|
-
percent
|
|
103
|
-
})
|
|
104
|
-
});
|
|
105
|
-
}), total) : propsMiddleText;
|
|
106
|
-
const filteredPieData = pieData.filter(datum => datum.data.value);
|
|
107
|
-
const _ref = legendProps || {},
|
|
108
|
-
{
|
|
109
|
-
extraLegendItems
|
|
110
|
-
} = _ref,
|
|
111
|
-
forwardedLegendProps = _objectWithoutProperties(_ref, _excluded2);
|
|
112
|
-
return /*#__PURE__*/React__default.createElement(StyledPieChart, _extends({
|
|
113
|
-
mode: typeof onSliceClick === 'function' || typeof getSliceAnchorProps === 'function' ? 'interactive' : 'static',
|
|
114
|
-
definition: format('definition', {
|
|
115
|
-
sliceLength: filteredPieData.length
|
|
116
|
-
}),
|
|
117
|
-
dataTableRepresentation: {
|
|
118
|
-
header: /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
|
|
119
|
-
scope: "col"
|
|
120
|
-
}, "Key"), /*#__PURE__*/React__default.createElement("th", {
|
|
121
|
-
scope: "col"
|
|
122
|
-
}, "Value"))),
|
|
123
|
-
body: /*#__PURE__*/React__default.createElement("tbody", null, filteredPieData.map(datum => /*#__PURE__*/React__default.createElement("tr", {
|
|
124
|
-
key: datum.data.key
|
|
125
|
-
}, /*#__PURE__*/React__default.createElement("th", {
|
|
126
|
-
scope: "row"
|
|
127
|
-
}, datum.data.key), /*#__PURE__*/React__default.createElement("td", null, datum.data.value))))
|
|
128
|
-
}
|
|
129
|
-
}, forwardedProps, {
|
|
130
|
-
className: className,
|
|
131
|
-
id: id,
|
|
132
|
-
ref: ref
|
|
133
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
134
|
-
className: `${PieChart.className}__chart-wrapper`
|
|
135
|
-
}, text ? /*#__PURE__*/React__default.createElement(StyledPieChartCenterText, {
|
|
136
|
-
$maxWidth: innerRadius * 2,
|
|
137
|
-
$textSize: fontSize,
|
|
138
|
-
$smallTextSize: smallFontSize,
|
|
139
|
-
$theme: theme
|
|
140
|
-
}, subtext ? /*#__PURE__*/React__default.createElement("b", null, text) : /*#__PURE__*/React__default.createElement("span", null, text), middleText ? /*#__PURE__*/React__default.createElement("b", null, middleText) : null, /*#__PURE__*/React__default.createElement("span", null, subtext)) : null, /*#__PURE__*/React__default.createElement("svg", {
|
|
141
|
-
width: width,
|
|
142
|
-
height: isHalf ? height + externalRadiusPadding : height,
|
|
143
|
-
"aria-label": typeof onSliceClick === 'function' || typeof getSliceAnchorProps === 'function' ? format('interactive-chart') : format('static-chart'),
|
|
144
|
-
"aria-hidden": "false"
|
|
145
|
-
}, /*#__PURE__*/React__default.createElement(Arcs, {
|
|
146
|
-
arcs: filteredPieData.map((datum, index) => {
|
|
147
|
-
const percent = datum.data.value / total;
|
|
148
|
-
const from = previousPieData ? previousPieData[index] : {
|
|
149
|
-
data: {
|
|
150
|
-
key: '',
|
|
151
|
-
value: 0
|
|
152
|
-
},
|
|
153
|
-
startAngle: isHalf ? Math.PI * -0.5 : 0,
|
|
154
|
-
endAngle: isHalf ? Math.PI * -0.5 : 0,
|
|
155
|
-
padAngle: 0,
|
|
156
|
-
value: 0,
|
|
157
|
-
index: index
|
|
158
|
-
};
|
|
159
|
-
const to = _objectSpread2(_objectSpread2({}, datum), {}, {
|
|
160
|
-
data: _objectSpread2(_objectSpread2({}, datum.data), {}, {
|
|
161
|
-
percent
|
|
162
|
-
})
|
|
163
|
-
});
|
|
164
|
-
return {
|
|
165
|
-
color: colorScale === null || colorScale === void 0 ? void 0 : colorScale(to.data.key),
|
|
166
|
-
createArc,
|
|
167
|
-
previousData: from,
|
|
168
|
-
id: `id${id}__arc-${index}`,
|
|
169
|
-
index,
|
|
170
|
-
isSelected: isSliceSelected(to),
|
|
171
|
-
key: `id${id}__arc-${index}`,
|
|
172
|
-
data: to,
|
|
173
|
-
dataset: pieData,
|
|
174
|
-
anchorProps: getSliceAnchorProps ? getSliceAnchorProps(to) : undefined
|
|
175
|
-
};
|
|
176
|
-
}),
|
|
177
|
-
disableAnimations: disableAnimations,
|
|
178
|
-
hasLabels: legendVariant === PieChartLegendVariant.internal,
|
|
179
|
-
hasStroke: isSpaced,
|
|
180
|
-
labelDecorator: labelDecorator,
|
|
181
|
-
onClick: onSliceClick,
|
|
182
|
-
role: sliceRole,
|
|
183
|
-
sliceProps: sliceProps,
|
|
184
|
-
tooltipVariant: tooltipVariant,
|
|
185
|
-
transform: `translate(${width / 2} ${isHalf ? height : height / 2})`
|
|
186
|
-
}))), legendVariant !== PieChartLegendVariant.none && legendVariant !== PieChartLegendVariant.internal ? /*#__PURE__*/React__default.createElement(Legend, _extends({
|
|
187
|
-
data: (extraLegendItems ? mergeLegends(extraLegendItems, data).sort(getSortingMethod(sortingMethod)) : data).map(d => _objectSpread2(_objectSpread2({}, d), {}, {
|
|
188
|
-
color: colorScale === null || colorScale === void 0 ? void 0 : colorScale(d.key)
|
|
189
|
-
})),
|
|
190
|
-
variant: legendVariant === PieChartLegendVariant.externalLabelValue ? LegendVariant.value : legendVariant === PieChartLegendVariant.externalLabelPercent ? LegendVariant.percent : legendVariant === PieChartLegendVariant.externalLabel ? LegendVariant.label : LegendVariant.custom,
|
|
191
|
-
width: legendWidth.current,
|
|
192
|
-
labelDecorator: labelDecorator ? (datum, props) => labelDecorator(datum, props) : undefined,
|
|
193
|
-
legendDecorator: legendDecorator ? (datum, props) => legendDecorator(datum, props) : undefined
|
|
194
|
-
}, forwardedLegendProps)) : null);
|
|
195
|
-
});
|
|
196
|
-
|
|
197
|
-
export { RenderedPieChart };
|
|
198
|
-
//# sourceMappingURL=RenderedPieChart.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RenderedPieChart.js","sources":["../../../src/components/PieChart/RenderedPieChart.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useRef } from 'react';\nimport { arc as d3arc, pie as d3pie, sum as d3sum } from 'd3';\n\nimport { useTheme, useMessageFormatter } from '@redsift/design-system';\nimport intlMessages from './intl';\n\nimport { LegendVariant, ArcDatum, CategoryData, CategoryDatum, LegendItemDatum } from '../../types';\nimport { PieChartLegendVariant, PieChartProps, PieChartVariant } from './types';\nimport { StyledPieChartCenterText, StyledPieChart } from './styles';\nimport { Arcs } from '../Arcs';\nimport { useFormatCategoricalData } from '../../hooks';\nimport { Legend } from '../Legend';\nimport { sizeToDimension } from './utils';\nimport { PieChart } from './PieChart';\nimport { getSortingMethod, mergeLegends } from '../../utils';\n\ninterface RenderedPieChartProps extends Required<Pick<PieChartProps, 'data'>>, Omit<PieChartProps, 'data'> {}\n\nexport const RenderedPieChart = forwardRef<HTMLDivElement, RenderedPieChartProps>((props, ref) => {\n const {\n caping,\n className,\n data: propsData,\n disableAnimations,\n getSliceAnchorProps,\n id,\n isHalf,\n isSliceSelected,\n labelDecorator,\n legendDecorator,\n legendVariant,\n legendProps,\n middleText: propsMiddleText,\n onSliceClick,\n others,\n size,\n sliceProps,\n sliceRole,\n sortingMethod,\n subtext: propsSubtext,\n text: propsText,\n colorTheme,\n tooltipVariant,\n variant,\n ...forwardedProps\n } = props;\n\n const cache = useRef<CategoryData>();\n const theme = useTheme();\n\n const format = useMessageFormatter(intlMessages);\n\n const isDonut = variant === PieChartVariant.donut || variant === PieChartVariant.spacedDonut;\n const isSpaced = variant === PieChartVariant.spaced || variant === PieChartVariant.spacedDonut;\n\n const { data, colorScale } = useFormatCategoricalData({\n data: propsData,\n colorTheme: colorTheme!,\n sortingMethod: sortingMethod!,\n caping,\n others,\n theme,\n });\n\n useEffect(() => {\n cache.current = data;\n });\n\n const { width, height, smallFontSize, fontSize, innerRadius } = sizeToDimension(size!, isHalf);\n const externalRadiusPadding = 8;\n\n const createPie = d3pie<CategoryDatum>()\n .value((d) => d.value)\n .sort(null)\n .startAngle(isHalf ? Math.PI * -0.5 : 0)\n .endAngle(isHalf ? Math.PI * 0.5 : Math.PI * 2);\n const createArc = d3arc<ArcDatum>()\n .innerRadius(isDonut ? innerRadius : 0)\n .outerRadius(width / 2 - externalRadiusPadding);\n const pieData = createPie(data);\n const previousPieData = cache.current ? createPie(cache.current) : undefined;\n const total = d3sum(data, (d) => d.value);\n const legendWidth = useRef<string>();\n if (data && !legendWidth.current) {\n legendWidth.current = `${Math.max(...data.map((d) => d.key.length + String(d.value).length)) * 8 + 32}px`;\n }\n\n const text =\n typeof propsText === 'function'\n ? propsText(\n pieData.map((datum) => {\n const percent = datum.data.value / total;\n return { ...datum, data: { ...datum.data, percent } };\n }),\n total\n )\n : propsText;\n const subtext =\n typeof propsSubtext === 'function'\n ? propsSubtext(\n pieData.map((datum) => {\n const percent = datum.data.value / total;\n return { ...datum, data: { ...datum.data, percent } };\n }),\n total\n )\n : propsSubtext;\n const middleText =\n typeof propsMiddleText === 'function'\n ? propsMiddleText(\n pieData.map((datum) => {\n const percent = datum.data.value / total;\n return { ...datum, data: { ...datum.data, percent } };\n }),\n total\n )\n : propsMiddleText;\n\n const filteredPieData = pieData.filter((datum) => datum.data.value);\n\n const { extraLegendItems, ...forwardedLegendProps } = legendProps || {};\n\n return (\n <StyledPieChart\n mode={typeof onSliceClick === 'function' || typeof getSliceAnchorProps === 'function' ? 'interactive' : 'static'}\n definition={format('definition', { sliceLength: filteredPieData.length })}\n dataTableRepresentation={{\n header: (\n <thead>\n <tr>\n <th scope=\"col\">Key</th>\n <th scope=\"col\">Value</th>\n </tr>\n </thead>\n ),\n body: (\n <tbody>\n {filteredPieData.map((datum) => (\n <tr key={datum.data.key}>\n <th scope=\"row\">{datum.data.key}</th>\n <td>{datum.data.value}</td>\n </tr>\n ))}\n </tbody>\n ),\n }}\n {...forwardedProps}\n className={className}\n id={id}\n ref={ref as RefObject<HTMLDivElement>}\n >\n <div className={`${PieChart.className}__chart-wrapper`}>\n {text ? (\n <StyledPieChartCenterText\n $maxWidth={innerRadius * 2}\n $textSize={fontSize}\n $smallTextSize={smallFontSize}\n $theme={theme}\n >\n {subtext ? <b>{text}</b> : <span>{text}</span>}\n {middleText ? <b>{middleText}</b> : null}\n <span>{subtext}</span>\n </StyledPieChartCenterText>\n ) : null}\n <svg\n width={width}\n height={isHalf ? height + externalRadiusPadding : height}\n aria-label={\n typeof onSliceClick === 'function' || typeof getSliceAnchorProps === 'function'\n ? format('interactive-chart')\n : format('static-chart')\n }\n aria-hidden=\"false\"\n >\n <Arcs\n arcs={filteredPieData.map((datum, index) => {\n const percent = datum.data.value / total;\n const from = previousPieData\n ? previousPieData[index]\n : {\n data: {\n key: '',\n value: 0,\n },\n startAngle: isHalf ? Math.PI * -0.5 : 0,\n endAngle: isHalf ? Math.PI * -0.5 : 0,\n padAngle: 0,\n value: 0,\n index: index,\n };\n const to = { ...datum, data: { ...datum.data, percent } };\n\n return {\n color: colorScale?.(to.data.key),\n createArc,\n previousData: from,\n id: `id${id}__arc-${index}`,\n index,\n isSelected: isSliceSelected!(to),\n key: `id${id}__arc-${index}`,\n data: to,\n dataset: pieData,\n anchorProps: getSliceAnchorProps ? getSliceAnchorProps(to) : undefined,\n };\n })}\n disableAnimations={disableAnimations}\n hasLabels={legendVariant === PieChartLegendVariant.internal}\n hasStroke={isSpaced}\n labelDecorator={labelDecorator}\n onClick={onSliceClick}\n role={sliceRole}\n sliceProps={sliceProps}\n tooltipVariant={tooltipVariant}\n transform={`translate(${width / 2} ${isHalf ? height : height / 2})`}\n />\n </svg>\n </div>\n {legendVariant !== PieChartLegendVariant.none && legendVariant !== PieChartLegendVariant.internal ? (\n <Legend\n data={(extraLegendItems\n ? mergeLegends(extraLegendItems, data).sort(getSortingMethod(sortingMethod!))\n : data\n ).map((d) => ({\n ...d,\n color: colorScale?.(d.key)!,\n }))}\n variant={\n legendVariant === PieChartLegendVariant.externalLabelValue\n ? LegendVariant.value\n : legendVariant === PieChartLegendVariant.externalLabelPercent\n ? LegendVariant.percent\n : legendVariant === PieChartLegendVariant.externalLabel\n ? LegendVariant.label\n : LegendVariant.custom\n }\n width={legendWidth.current}\n labelDecorator={\n labelDecorator ? (datum: LegendItemDatum, props) => labelDecorator(datum as ArcDatum, props) : undefined\n }\n legendDecorator={\n legendDecorator ? (datum: LegendItemDatum, props) => legendDecorator(datum as ArcDatum, props) : undefined\n }\n {...forwardedLegendProps}\n />\n ) : null}\n </StyledPieChart>\n );\n});\n"],"names":["RenderedPieChart","forwardRef","props","ref","caping","className","data","propsData","disableAnimations","getSliceAnchorProps","id","isHalf","isSliceSelected","labelDecorator","legendDecorator","legendVariant","legendProps","middleText","propsMiddleText","onSliceClick","others","size","sliceProps","sliceRole","sortingMethod","subtext","propsSubtext","text","propsText","colorTheme","tooltipVariant","variant","forwardedProps","_objectWithoutProperties","_excluded","cache","useRef","theme","useTheme","format","useMessageFormatter","intlMessages","isDonut","PieChartVariant","donut","spacedDonut","isSpaced","spaced","colorScale","useFormatCategoricalData","useEffect","current","width","height","smallFontSize","fontSize","innerRadius","sizeToDimension","externalRadiusPadding","createPie","d3pie","value","d","sort","startAngle","Math","PI","endAngle","createArc","d3arc","outerRadius","pieData","previousPieData","undefined","total","d3sum","legendWidth","max","map","key","length","String","datum","percent","_objectSpread","filteredPieData","filter","_ref","extraLegendItems","forwardedLegendProps","_excluded2","React","createElement","StyledPieChart","_extends","mode","definition","sliceLength","dataTableRepresentation","header","scope","body","PieChart","StyledPieChartCenterText","$maxWidth","$textSize","$smallTextSize","$theme","Arcs","arcs","index","from","padAngle","to","color","previousData","isSelected","dataset","anchorProps","hasLabels","PieChartLegendVariant","internal","hasStroke","onClick","role","transform","none","Legend","mergeLegends","getSortingMethod","externalLabelValue","LegendVariant","externalLabelPercent","externalLabel","label","custom"],"mappings":";;;;;;;;;;;;;;;;;AAkBO,MAAMA,gBAAgB,gBAAGC,UAAU,CAAwC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChG,MAAM;MACJC,MAAM;MACNC,SAAS;AACTC,MAAAA,IAAI,EAAEC,SAAS;MACfC,iBAAiB;MACjBC,mBAAmB;MACnBC,EAAE;MACFC,MAAM;MACNC,eAAe;MACfC,cAAc;MACdC,eAAe;MACfC,aAAa;MACbC,WAAW;AACXC,MAAAA,UAAU,EAAEC,eAAe;MAC3BC,YAAY;MACZC,MAAM;MACNC,IAAI;MACJC,UAAU;MACVC,SAAS;MACTC,aAAa;AACbC,MAAAA,OAAO,EAAEC,YAAY;AACrBC,MAAAA,IAAI,EAAEC,SAAS;MACfC,UAAU;MACVC,cAAc;AACdC,MAAAA,OAAAA;AAEF,KAAC,GAAG7B,KAAK;AADJ8B,IAAAA,cAAc,GAAAC,wBAAA,CACf/B,KAAK,EAAAgC,SAAA,CAAA,CAAA;AAET,EAAA,MAAMC,KAAK,GAAGC,MAAM,EAAgB,CAAA;AACpC,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;AAExB,EAAA,MAAMC,MAAM,GAAGC,mBAAmB,CAACC,YAAY,CAAC,CAAA;AAEhD,EAAA,MAAMC,OAAO,GAAGX,OAAO,KAAKY,eAAe,CAACC,KAAK,IAAIb,OAAO,KAAKY,eAAe,CAACE,WAAW,CAAA;AAC5F,EAAA,MAAMC,QAAQ,GAAGf,OAAO,KAAKY,eAAe,CAACI,MAAM,IAAIhB,OAAO,KAAKY,eAAe,CAACE,WAAW,CAAA;EAE9F,MAAM;IAAEvC,IAAI;AAAE0C,IAAAA,UAAAA;GAAY,GAAGC,wBAAwB,CAAC;AACpD3C,IAAAA,IAAI,EAAEC,SAAS;AACfsB,IAAAA,UAAU,EAAEA,UAAW;AACvBL,IAAAA,aAAa,EAAEA,aAAc;IAC7BpB,MAAM;IACNgB,MAAM;AACNiB,IAAAA,KAAAA;AACF,GAAC,CAAC,CAAA;AAEFa,EAAAA,SAAS,CAAC,MAAM;IACdf,KAAK,CAACgB,OAAO,GAAG7C,IAAI,CAAA;AACtB,GAAC,CAAC,CAAA;EAEF,MAAM;IAAE8C,KAAK;IAAEC,MAAM;IAAEC,aAAa;IAAEC,QAAQ;AAAEC,IAAAA,WAAAA;AAAY,GAAC,GAAGC,eAAe,CAACpC,IAAI,EAAGV,MAAM,CAAC,CAAA;EAC9F,MAAM+C,qBAAqB,GAAG,CAAC,CAAA;EAE/B,MAAMC,SAAS,GAAGC,GAAK,EAAiB,CACrCC,KAAK,CAAEC,CAAC,IAAKA,CAAC,CAACD,KAAK,CAAC,CACrBE,IAAI,CAAC,IAAI,CAAC,CACVC,UAAU,CAACrD,MAAM,GAAGsD,IAAI,CAACC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CACvCC,QAAQ,CAACxD,MAAM,GAAGsD,IAAI,CAACC,EAAE,GAAG,GAAG,GAAGD,IAAI,CAACC,EAAE,GAAG,CAAC,CAAC,CAAA;EACjD,MAAME,SAAS,GAAGC,GAAK,EAAY,CAChCb,WAAW,CAACd,OAAO,GAAGc,WAAW,GAAG,CAAC,CAAC,CACtCc,WAAW,CAAClB,KAAK,GAAG,CAAC,GAAGM,qBAAqB,CAAC,CAAA;AACjD,EAAA,MAAMa,OAAO,GAAGZ,SAAS,CAACrD,IAAI,CAAC,CAAA;AAC/B,EAAA,MAAMkE,eAAe,GAAGrC,KAAK,CAACgB,OAAO,GAAGQ,SAAS,CAACxB,KAAK,CAACgB,OAAO,CAAC,GAAGsB,SAAS,CAAA;EAC5E,MAAMC,KAAK,GAAGC,GAAK,CAACrE,IAAI,EAAGwD,CAAC,IAAKA,CAAC,CAACD,KAAK,CAAC,CAAA;AACzC,EAAA,MAAMe,WAAW,GAAGxC,MAAM,EAAU,CAAA;AACpC,EAAA,IAAI9B,IAAI,IAAI,CAACsE,WAAW,CAACzB,OAAO,EAAE;AAChCyB,IAAAA,WAAW,CAACzB,OAAO,GAAI,CAAA,EAAEc,IAAI,CAACY,GAAG,CAAC,GAAGvE,IAAI,CAACwE,GAAG,CAAEhB,CAAC,IAAKA,CAAC,CAACiB,GAAG,CAACC,MAAM,GAAGC,MAAM,CAACnB,CAAC,CAACD,KAAK,CAAC,CAACmB,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAG,CAAG,EAAA,CAAA,CAAA;AAC3G,GAAA;AAEA,EAAA,MAAMrD,IAAI,GACR,OAAOC,SAAS,KAAK,UAAU,GAC3BA,SAAS,CACP2C,OAAO,CAACO,GAAG,CAAEI,KAAK,IAAK;IACrB,MAAMC,OAAO,GAAGD,KAAK,CAAC5E,IAAI,CAACuD,KAAK,GAAGa,KAAK,CAAA;AACxC,IAAA,OAAAU,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYF,KAAK,CAAA,EAAA,EAAA,EAAA;AAAE5E,MAAAA,IAAI,EAAA8E,cAAA,CAAAA,cAAA,CAAOF,EAAAA,EAAAA,KAAK,CAAC5E,IAAI,CAAA,EAAA,EAAA,EAAA;AAAE6E,QAAAA,OAAAA;AAAO,OAAA,CAAA;AAAE,KAAA,CAAA,CAAA;AACrD,GAAC,CAAC,EACFT,KACF,CAAC,GACD9C,SAAS,CAAA;AACf,EAAA,MAAMH,OAAO,GACX,OAAOC,YAAY,KAAK,UAAU,GAC9BA,YAAY,CACV6C,OAAO,CAACO,GAAG,CAAEI,KAAK,IAAK;IACrB,MAAMC,OAAO,GAAGD,KAAK,CAAC5E,IAAI,CAACuD,KAAK,GAAGa,KAAK,CAAA;AACxC,IAAA,OAAAU,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYF,KAAK,CAAA,EAAA,EAAA,EAAA;AAAE5E,MAAAA,IAAI,EAAA8E,cAAA,CAAAA,cAAA,CAAOF,EAAAA,EAAAA,KAAK,CAAC5E,IAAI,CAAA,EAAA,EAAA,EAAA;AAAE6E,QAAAA,OAAAA;AAAO,OAAA,CAAA;AAAE,KAAA,CAAA,CAAA;AACrD,GAAC,CAAC,EACFT,KACF,CAAC,GACDhD,YAAY,CAAA;AAClB,EAAA,MAAMT,UAAU,GACd,OAAOC,eAAe,KAAK,UAAU,GACjCA,eAAe,CACbqD,OAAO,CAACO,GAAG,CAAEI,KAAK,IAAK;IACrB,MAAMC,OAAO,GAAGD,KAAK,CAAC5E,IAAI,CAACuD,KAAK,GAAGa,KAAK,CAAA;AACxC,IAAA,OAAAU,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYF,KAAK,CAAA,EAAA,EAAA,EAAA;AAAE5E,MAAAA,IAAI,EAAA8E,cAAA,CAAAA,cAAA,CAAOF,EAAAA,EAAAA,KAAK,CAAC5E,IAAI,CAAA,EAAA,EAAA,EAAA;AAAE6E,QAAAA,OAAAA;AAAO,OAAA,CAAA;AAAE,KAAA,CAAA,CAAA;AACrD,GAAC,CAAC,EACFT,KACF,CAAC,GACDxD,eAAe,CAAA;AAErB,EAAA,MAAMmE,eAAe,GAAGd,OAAO,CAACe,MAAM,CAAEJ,KAAK,IAAKA,KAAK,CAAC5E,IAAI,CAACuD,KAAK,CAAC,CAAA;AAEnE,EAAA,MAAA0B,IAAA,GAAsDvE,WAAW,IAAI,EAAE;AAAjE,IAAA;AAAEwE,MAAAA,gBAAAA;AAA0C,KAAC,GAAAD,IAAA;AAAtBE,IAAAA,oBAAoB,GAAAxD,wBAAA,CAAAsD,IAAA,EAAAG,UAAA,CAAA,CAAA;AAEjD,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AACbC,IAAAA,IAAI,EAAE,OAAO5E,YAAY,KAAK,UAAU,IAAI,OAAOV,mBAAmB,KAAK,UAAU,GAAG,aAAa,GAAG,QAAS;AACjHuF,IAAAA,UAAU,EAAEzD,MAAM,CAAC,YAAY,EAAE;MAAE0D,WAAW,EAAEZ,eAAe,CAACL,MAAAA;AAAO,KAAC,CAAE;AAC1EkB,IAAAA,uBAAuB,EAAE;MACvBC,MAAM,eACJR,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA,IAAA,eACED,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA,IAAA,eACED,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAIQ,QAAAA,KAAK,EAAC,KAAA;AAAK,OAAA,EAAC,KAAO,CAAC,eACxBT,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAIQ,QAAAA,KAAK,EAAC,KAAA;OAAM,EAAA,OAAS,CACvB,CACC,CACR;AACDC,MAAAA,IAAI,eACFV,cAAA,CAAAC,aAAA,CACGP,OAAAA,EAAAA,IAAAA,EAAAA,eAAe,CAACP,GAAG,CAAEI,KAAK,iBACzBS,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAIb,QAAAA,GAAG,EAAEG,KAAK,CAAC5E,IAAI,CAACyE,GAAAA;OAClBY,eAAAA,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAIQ,QAAAA,KAAK,EAAC,KAAA;AAAK,OAAA,EAAElB,KAAK,CAAC5E,IAAI,CAACyE,GAAQ,CAAC,eACrCY,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA,IAAA,EAAKV,KAAK,CAAC5E,IAAI,CAACuD,KAAU,CACxB,CACL,CACI,CAAA;AAEX,KAAA;AAAE,GAAA,EACE7B,cAAc,EAAA;AAClB3B,IAAAA,SAAS,EAAEA,SAAU;AACrBK,IAAAA,EAAE,EAAEA,EAAG;AACPP,IAAAA,GAAG,EAAEA,GAAAA;GAELwF,CAAAA,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKvF,IAAAA,SAAS,EAAG,CAAA,EAAEiG,QAAQ,CAACjG,SAAU,CAAA,eAAA,CAAA;AAAiB,GAAA,EACpDsB,IAAI,gBACHgE,cAAA,CAAAC,aAAA,CAACW,wBAAwB,EAAA;IACvBC,SAAS,EAAEhD,WAAW,GAAG,CAAE;AAC3BiD,IAAAA,SAAS,EAAElD,QAAS;AACpBmD,IAAAA,cAAc,EAAEpD,aAAc;AAC9BqD,IAAAA,MAAM,EAAEtE,KAAAA;AAAM,GAAA,EAEbZ,OAAO,gBAAGkE,cAAA,CAAAC,aAAA,YAAIjE,IAAQ,CAAC,gBAAGgE,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOjE,IAAW,CAAC,EAC7CV,UAAU,gBAAG0E,cAAA,CAAAC,aAAA,YAAI3E,UAAc,CAAC,GAAG,IAAI,eACxC0E,cAAA,CAAAC,aAAA,CAAOnE,MAAAA,EAAAA,IAAAA,EAAAA,OAAc,CACG,CAAC,GACzB,IAAI,eACRkE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACExC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,MAAM,EAAE1C,MAAM,GAAG0C,MAAM,GAAGK,qBAAqB,GAAGL,MAAO;AACzD,IAAA,YAAA,EACE,OAAOlC,YAAY,KAAK,UAAU,IAAI,OAAOV,mBAAmB,KAAK,UAAU,GAC3E8B,MAAM,CAAC,mBAAmB,CAAC,GAC3BA,MAAM,CAAC,cAAc,CAC1B;IACD,aAAY,EAAA,OAAA;AAAO,GAAA,eAEnBoD,cAAA,CAAAC,aAAA,CAACgB,IAAI,EAAA;IACHC,IAAI,EAAExB,eAAe,CAACP,GAAG,CAAC,CAACI,KAAK,EAAE4B,KAAK,KAAK;MAC1C,MAAM3B,OAAO,GAAGD,KAAK,CAAC5E,IAAI,CAACuD,KAAK,GAAGa,KAAK,CAAA;MACxC,MAAMqC,IAAI,GAAGvC,eAAe,GACxBA,eAAe,CAACsC,KAAK,CAAC,GACtB;AACExG,QAAAA,IAAI,EAAE;AACJyE,UAAAA,GAAG,EAAE,EAAE;AACPlB,UAAAA,KAAK,EAAE,CAAA;SACR;QACDG,UAAU,EAAErD,MAAM,GAAGsD,IAAI,CAACC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC;QACvCC,QAAQ,EAAExD,MAAM,GAAGsD,IAAI,CAACC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC;AACrC8C,QAAAA,QAAQ,EAAE,CAAC;AACXnD,QAAAA,KAAK,EAAE,CAAC;AACRiD,QAAAA,KAAK,EAAEA,KAAAA;OACR,CAAA;AACL,MAAA,MAAMG,EAAE,GAAA7B,cAAA,CAAAA,cAAA,KAAQF,KAAK,CAAA,EAAA,EAAA,EAAA;AAAE5E,QAAAA,IAAI,EAAA8E,cAAA,CAAAA,cAAA,CAAOF,EAAAA,EAAAA,KAAK,CAAC5E,IAAI,CAAA,EAAA,EAAA,EAAA;AAAE6E,UAAAA,OAAAA;AAAO,SAAA,CAAA;OAAI,CAAA,CAAA;MAEzD,OAAO;AACL+B,QAAAA,KAAK,EAAElE,UAAU,KAAVA,IAAAA,IAAAA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAGiE,EAAE,CAAC3G,IAAI,CAACyE,GAAG,CAAC;QAChCX,SAAS;AACT+C,QAAAA,YAAY,EAAEJ,IAAI;AAClBrG,QAAAA,EAAE,EAAG,CAAA,EAAA,EAAIA,EAAG,CAAA,MAAA,EAAQoG,KAAM,CAAC,CAAA;QAC3BA,KAAK;AACLM,QAAAA,UAAU,EAAExG,eAAe,CAAEqG,EAAE,CAAC;AAChClC,QAAAA,GAAG,EAAG,CAAA,EAAA,EAAIrE,EAAG,CAAA,MAAA,EAAQoG,KAAM,CAAC,CAAA;AAC5BxG,QAAAA,IAAI,EAAE2G,EAAE;AACRI,QAAAA,OAAO,EAAE9C,OAAO;AAChB+C,QAAAA,WAAW,EAAE7G,mBAAmB,GAAGA,mBAAmB,CAACwG,EAAE,CAAC,GAAGxC,SAAAA;OAC9D,CAAA;AACH,KAAC,CAAE;AACHjE,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrC+G,IAAAA,SAAS,EAAExG,aAAa,KAAKyG,qBAAqB,CAACC,QAAS;AAC5DC,IAAAA,SAAS,EAAE5E,QAAS;AACpBjC,IAAAA,cAAc,EAAEA,cAAe;AAC/B8G,IAAAA,OAAO,EAAExG,YAAa;AACtByG,IAAAA,IAAI,EAAErG,SAAU;AAChBD,IAAAA,UAAU,EAAEA,UAAW;AACvBQ,IAAAA,cAAc,EAAEA,cAAe;AAC/B+F,IAAAA,SAAS,EAAG,CAAA,UAAA,EAAYzE,KAAK,GAAG,CAAE,CAAA,CAAA,EAAGzC,MAAM,GAAG0C,MAAM,GAAGA,MAAM,GAAG,CAAE,CAAA,CAAA,CAAA;GACnE,CACE,CACF,CAAC,EACLtC,aAAa,KAAKyG,qBAAqB,CAACM,IAAI,IAAI/G,aAAa,KAAKyG,qBAAqB,CAACC,QAAQ,gBAC/F9B,cAAA,CAAAC,aAAA,CAACmC,MAAM,EAAAjC,QAAA,CAAA;AACLxF,IAAAA,IAAI,EAAE,CAACkF,gBAAgB,GACnBwC,YAAY,CAACxC,gBAAgB,EAAElF,IAAI,CAAC,CAACyD,IAAI,CAACkE,gBAAgB,CAACzG,aAAc,CAAC,CAAC,GAC3ElB,IAAI,EACNwE,GAAG,CAAEhB,CAAC,IAAAsB,cAAA,CAAAA,cAAA,KACHtB,CAAC,CAAA,EAAA,EAAA,EAAA;MACJoD,KAAK,EAAElE,UAAU,KAAVA,IAAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAGc,CAAC,CAACiB,GAAG,CAAA;AAAE,KAAA,CAC3B,CAAE;AACJhD,IAAAA,OAAO,EACLhB,aAAa,KAAKyG,qBAAqB,CAACU,kBAAkB,GACtDC,aAAa,CAACtE,KAAK,GACnB9C,aAAa,KAAKyG,qBAAqB,CAACY,oBAAoB,GAC5DD,aAAa,CAAChD,OAAO,GACrBpE,aAAa,KAAKyG,qBAAqB,CAACa,aAAa,GACrDF,aAAa,CAACG,KAAK,GACnBH,aAAa,CAACI,MACnB;IACDnF,KAAK,EAAEwB,WAAW,CAACzB,OAAQ;AAC3BtC,IAAAA,cAAc,EACZA,cAAc,GAAG,CAACqE,KAAsB,EAAEhF,KAAK,KAAKW,cAAc,CAACqE,KAAK,EAAchF,KAAK,CAAC,GAAGuE,SAChG;AACD3D,IAAAA,eAAe,EACbA,eAAe,GAAG,CAACoE,KAAsB,EAAEhF,KAAK,KAAKY,eAAe,CAACoE,KAAK,EAAchF,KAAK,CAAC,GAAGuE,SAAAA;AAClG,GAAA,EACGgB,oBAAoB,CACzB,CAAC,GACA,IACU,CAAC,CAAA;AAErB,CAAC;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
var definition = "Pie Chart with {sliceLength} slices.";
|
|
2
|
-
var enUS = {
|
|
3
|
-
"interactive-chart": "Interactive Line Chart",
|
|
4
|
-
"static-chart": "Static Line Chart",
|
|
5
|
-
definition: definition
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
export { enUS as default, definition };
|
|
9
|
-
//# sourceMappingURL=en-US.json.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"en-US.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
var definition = "Diagramme circulaire contenant {sliceLength} secteurs.";
|
|
2
|
-
var frFR = {
|
|
3
|
-
"interactive-chart": "Diagramme circulaire interactif",
|
|
4
|
-
"static-chart": "Diagramme circulaire statique",
|
|
5
|
-
definition: definition
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
export { frFR as default, definition };
|
|
9
|
-
//# sourceMappingURL=fr-FR.json.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fr-FR.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/PieChart/intl/index.ts"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n 'en-US': enUS,\n 'fr-FR': frFR,\n};\n"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as styled_components from 'styled-components';
|
|
2
|
-
import { PieChartProps } from './types.js';
|
|
3
|
-
import * as _redsift_design_system from '@redsift/design-system';
|
|
4
|
-
import { Theme } from '@redsift/design-system';
|
|
5
|
-
import { ChartContainerProps } from '../ChartContainer/types.js';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Component style.
|
|
9
|
-
*/
|
|
10
|
-
declare const StyledPieChart: styled_components.StyledComponent<_redsift_design_system.Comp<ChartContainerProps, HTMLDivElement>, any, PieChartProps, never>;
|
|
11
|
-
declare const StyledPieChartCenterText: styled_components.StyledComponent<"div", any, {
|
|
12
|
-
$maxWidth: number;
|
|
13
|
-
$textSize: number;
|
|
14
|
-
$smallTextSize: number;
|
|
15
|
-
$theme: Theme;
|
|
16
|
-
}, never>;
|
|
17
|
-
declare const StyledPieChartEmptyText: styled_components.StyledComponent<"div", any, {
|
|
18
|
-
$maxWidth: number;
|
|
19
|
-
$textSize: number;
|
|
20
|
-
$isDonut: boolean;
|
|
21
|
-
$theme: Theme;
|
|
22
|
-
}, never>;
|
|
23
|
-
|
|
24
|
-
export { StyledPieChart, StyledPieChartCenterText, StyledPieChartEmptyText };
|