@automattic/charts 0.57.0 → 0.59.0
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 +36 -2
- package/README.md +7 -54
- package/dist/index.cjs +9607 -21
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +32 -49
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +1612 -33
- package/dist/index.d.ts +1612 -33
- package/dist/index.js +9640 -54
- package/dist/index.js.map +1 -1
- package/package.json +9 -126
- package/src/charts/bar-chart/bar-chart.module.scss +0 -5
- package/src/charts/bar-chart/bar-chart.tsx +142 -149
- package/src/charts/bar-chart/test/bar-chart.test.tsx +48 -31
- package/src/charts/leaderboard-chart/leaderboard-chart.tsx +54 -74
- package/src/charts/leaderboard-chart/test/leaderboard-chart.test.tsx +4 -5
- package/src/charts/leaderboard-chart/types.ts +1 -11
- package/src/charts/line-chart/line-chart.module.scss +0 -5
- package/src/charts/line-chart/line-chart.tsx +202 -193
- package/src/charts/line-chart/private/line-chart-annotations-overlay.tsx +1 -2
- package/src/charts/line-chart/test/line-chart.test.tsx +49 -27
- package/src/charts/line-chart/types.ts +0 -1
- package/src/charts/pie-chart/pie-chart.module.scss +2 -10
- package/src/charts/pie-chart/pie-chart.tsx +212 -212
- package/src/charts/pie-chart/test/composition-api.test.tsx +44 -3
- package/src/charts/pie-chart/test/pie-chart.test.tsx +51 -44
- package/src/charts/pie-semi-circle-chart/pie-semi-circle-chart.module.scss +2 -8
- package/src/charts/pie-semi-circle-chart/pie-semi-circle-chart.tsx +166 -168
- package/src/charts/pie-semi-circle-chart/test/pie-semi-circle-chart.test.tsx +58 -30
- package/src/charts/private/chart-composition/index.ts +2 -0
- package/src/charts/private/chart-composition/render-legend-slot.ts +22 -0
- package/src/charts/private/chart-composition/test/render-legend-slot.test.tsx +60 -0
- package/src/charts/private/chart-composition/test/use-chart-children.test.tsx +91 -0
- package/src/charts/private/chart-composition/use-chart-children.ts +34 -2
- package/src/charts/private/chart-layout/chart-layout.module.scss +7 -0
- package/src/charts/private/chart-layout/chart-layout.tsx +106 -0
- package/src/charts/private/chart-layout/index.ts +2 -0
- package/src/charts/private/chart-layout/test/chart-layout.test.tsx +167 -0
- package/src/charts/private/single-chart-context/single-chart-context.tsx +2 -2
- package/src/charts/private/svg-empty-state/index.ts +1 -0
- package/src/charts/private/svg-empty-state/svg-empty-state.module.scss +7 -0
- package/src/charts/private/svg-empty-state/svg-empty-state.tsx +40 -0
- package/src/components/legend/hooks/test/use-chart-legend-items.test.tsx +12 -8
- package/src/components/legend/hooks/use-chart-legend-items.ts +12 -13
- package/src/components/legend/index.ts +1 -8
- package/src/components/legend/legend.tsx +33 -8
- package/src/components/legend/private/base-legend.module.scss +19 -37
- package/src/components/legend/private/base-legend.tsx +0 -2
- package/src/components/legend/test/legend.test.tsx +93 -1
- package/src/components/legend/types.ts +7 -34
- package/src/hooks/index.ts +1 -1
- package/src/hooks/use-data-with-percentages.ts +24 -0
- package/src/hooks/use-interactive-legend-data.ts +18 -15
- package/src/index.ts +66 -9
- package/src/providers/chart-context/global-charts-provider.tsx +7 -1
- package/src/providers/chart-context/hooks/use-chart-registration.ts +2 -1
- package/src/providers/chart-context/types.ts +2 -2
- package/src/types.ts +110 -45
- package/src/utils/date-parsing.ts +10 -1
- package/src/utils/test/date-parsing.test.ts +12 -0
- package/src/utils/test/resolve-css-var.test.ts +4 -2
- package/tsup.config.ts +1 -1
- package/dist/base-tooltip-DOq93wjU.d.cts +0 -38
- package/dist/base-tooltip-DOq93wjU.d.ts +0 -38
- package/dist/charts/bar-chart/index.cjs +0 -15
- package/dist/charts/bar-chart/index.cjs.map +0 -1
- package/dist/charts/bar-chart/index.css +0 -153
- package/dist/charts/bar-chart/index.css.map +0 -1
- package/dist/charts/bar-chart/index.d.cts +0 -37
- package/dist/charts/bar-chart/index.d.ts +0 -37
- package/dist/charts/bar-chart/index.js +0 -15
- package/dist/charts/bar-chart/index.js.map +0 -1
- package/dist/charts/bar-list-chart/index.cjs +0 -16
- package/dist/charts/bar-list-chart/index.cjs.map +0 -1
- package/dist/charts/bar-list-chart/index.css +0 -153
- package/dist/charts/bar-list-chart/index.css.map +0 -1
- package/dist/charts/bar-list-chart/index.d.cts +0 -92
- package/dist/charts/bar-list-chart/index.d.ts +0 -92
- package/dist/charts/bar-list-chart/index.js +0 -16
- package/dist/charts/bar-list-chart/index.js.map +0 -1
- package/dist/charts/conversion-funnel-chart/index.cjs +0 -11
- package/dist/charts/conversion-funnel-chart/index.cjs.map +0 -1
- package/dist/charts/conversion-funnel-chart/index.css +0 -251
- package/dist/charts/conversion-funnel-chart/index.css.map +0 -1
- package/dist/charts/conversion-funnel-chart/index.d.cts +0 -97
- package/dist/charts/conversion-funnel-chart/index.d.ts +0 -97
- package/dist/charts/conversion-funnel-chart/index.js +0 -11
- package/dist/charts/conversion-funnel-chart/index.js.map +0 -1
- package/dist/charts/geo-chart/index.cjs +0 -13
- package/dist/charts/geo-chart/index.cjs.map +0 -1
- package/dist/charts/geo-chart/index.css +0 -117
- package/dist/charts/geo-chart/index.css.map +0 -1
- package/dist/charts/geo-chart/index.d.cts +0 -67
- package/dist/charts/geo-chart/index.d.ts +0 -67
- package/dist/charts/geo-chart/index.js +0 -13
- package/dist/charts/geo-chart/index.js.map +0 -1
- package/dist/charts/leaderboard-chart/index.cjs +0 -20
- package/dist/charts/leaderboard-chart/index.cjs.map +0 -1
- package/dist/charts/leaderboard-chart/index.css +0 -172
- package/dist/charts/leaderboard-chart/index.css.map +0 -1
- package/dist/charts/leaderboard-chart/index.d.cts +0 -46
- package/dist/charts/leaderboard-chart/index.d.ts +0 -46
- package/dist/charts/leaderboard-chart/index.js +0 -20
- package/dist/charts/leaderboard-chart/index.js.map +0 -1
- package/dist/charts/line-chart/index.cjs +0 -15
- package/dist/charts/line-chart/index.cjs.map +0 -1
- package/dist/charts/line-chart/index.css +0 -225
- package/dist/charts/line-chart/index.css.map +0 -1
- package/dist/charts/line-chart/index.d.cts +0 -99
- package/dist/charts/line-chart/index.d.ts +0 -99
- package/dist/charts/line-chart/index.js +0 -15
- package/dist/charts/line-chart/index.js.map +0 -1
- package/dist/charts/pie-chart/index.cjs +0 -18
- package/dist/charts/pie-chart/index.cjs.map +0 -1
- package/dist/charts/pie-chart/index.css +0 -143
- package/dist/charts/pie-chart/index.css.map +0 -1
- package/dist/charts/pie-chart/index.d.cts +0 -97
- package/dist/charts/pie-chart/index.d.ts +0 -97
- package/dist/charts/pie-chart/index.js +0 -18
- package/dist/charts/pie-chart/index.js.map +0 -1
- package/dist/charts/pie-semi-circle-chart/index.cjs +0 -17
- package/dist/charts/pie-semi-circle-chart/index.cjs.map +0 -1
- package/dist/charts/pie-semi-circle-chart/index.css +0 -144
- package/dist/charts/pie-semi-circle-chart/index.css.map +0 -1
- package/dist/charts/pie-semi-circle-chart/index.d.cts +0 -94
- package/dist/charts/pie-semi-circle-chart/index.d.ts +0 -94
- package/dist/charts/pie-semi-circle-chart/index.js +0 -17
- package/dist/charts/pie-semi-circle-chart/index.js.map +0 -1
- package/dist/charts/sparkline/index.cjs +0 -16
- package/dist/charts/sparkline/index.cjs.map +0 -1
- package/dist/charts/sparkline/index.css +0 -242
- package/dist/charts/sparkline/index.css.map +0 -1
- package/dist/charts/sparkline/index.d.cts +0 -113
- package/dist/charts/sparkline/index.d.ts +0 -113
- package/dist/charts/sparkline/index.js +0 -16
- package/dist/charts/sparkline/index.js.map +0 -1
- package/dist/chunk-2A34OA5O.cjs +0 -51
- package/dist/chunk-2A34OA5O.cjs.map +0 -1
- package/dist/chunk-2NCY7R4G.js +0 -3897
- package/dist/chunk-2NCY7R4G.js.map +0 -1
- package/dist/chunk-32DH6JDF.js +0 -1263
- package/dist/chunk-32DH6JDF.js.map +0 -1
- package/dist/chunk-4OPFE4RM.js +0 -614
- package/dist/chunk-4OPFE4RM.js.map +0 -1
- package/dist/chunk-6CCZL2JJ.js +0 -63
- package/dist/chunk-6CCZL2JJ.js.map +0 -1
- package/dist/chunk-77OKCVQN.cjs +0 -421
- package/dist/chunk-77OKCVQN.cjs.map +0 -1
- package/dist/chunk-7FQX4ALL.cjs +0 -219
- package/dist/chunk-7FQX4ALL.cjs.map +0 -1
- package/dist/chunk-ASLARV7L.cjs +0 -81
- package/dist/chunk-ASLARV7L.cjs.map +0 -1
- package/dist/chunk-BCX5THDQ.js +0 -403
- package/dist/chunk-BCX5THDQ.js.map +0 -1
- package/dist/chunk-BPYKWMI7.js +0 -194
- package/dist/chunk-BPYKWMI7.js.map +0 -1
- package/dist/chunk-CZGYJKG6.js +0 -421
- package/dist/chunk-CZGYJKG6.js.map +0 -1
- package/dist/chunk-D2UH4CFE.cjs +0 -120
- package/dist/chunk-D2UH4CFE.cjs.map +0 -1
- package/dist/chunk-DAU3HNEG.js +0 -344
- package/dist/chunk-DAU3HNEG.js.map +0 -1
- package/dist/chunk-H2V4JMSA.js +0 -219
- package/dist/chunk-H2V4JMSA.js.map +0 -1
- package/dist/chunk-I2276W3I.cjs +0 -66
- package/dist/chunk-I2276W3I.cjs.map +0 -1
- package/dist/chunk-I35UYJJR.cjs +0 -468
- package/dist/chunk-I35UYJJR.cjs.map +0 -1
- package/dist/chunk-IU4DYUAV.js +0 -120
- package/dist/chunk-IU4DYUAV.js.map +0 -1
- package/dist/chunk-KXRWNFQJ.js +0 -51
- package/dist/chunk-KXRWNFQJ.js.map +0 -1
- package/dist/chunk-OP6PHB2U.js +0 -81
- package/dist/chunk-OP6PHB2U.js.map +0 -1
- package/dist/chunk-PXLEMUGJ.js +0 -165
- package/dist/chunk-PXLEMUGJ.js.map +0 -1
- package/dist/chunk-RCY6XLGU.cjs +0 -63
- package/dist/chunk-RCY6XLGU.cjs.map +0 -1
- package/dist/chunk-RHHVEJHJ.cjs +0 -1263
- package/dist/chunk-RHHVEJHJ.cjs.map +0 -1
- package/dist/chunk-TO3OQBXG.cjs +0 -165
- package/dist/chunk-TO3OQBXG.cjs.map +0 -1
- package/dist/chunk-V36ERY7Y.js +0 -375
- package/dist/chunk-V36ERY7Y.js.map +0 -1
- package/dist/chunk-VJM5XCB4.cjs +0 -614
- package/dist/chunk-VJM5XCB4.cjs.map +0 -1
- package/dist/chunk-VTS3PNMS.cjs +0 -344
- package/dist/chunk-VTS3PNMS.cjs.map +0 -1
- package/dist/chunk-WLODYNLB.js +0 -1067
- package/dist/chunk-WLODYNLB.js.map +0 -1
- package/dist/chunk-XKRJL2QT.cjs +0 -375
- package/dist/chunk-XKRJL2QT.cjs.map +0 -1
- package/dist/chunk-XWYZIFZW.js +0 -66
- package/dist/chunk-XWYZIFZW.js.map +0 -1
- package/dist/chunk-Y3NNQMAX.cjs +0 -194
- package/dist/chunk-Y3NNQMAX.cjs.map +0 -1
- package/dist/chunk-YE2T52VZ.cjs +0 -1067
- package/dist/chunk-YE2T52VZ.cjs.map +0 -1
- package/dist/chunk-Z26M4V2M.js +0 -468
- package/dist/chunk-Z26M4V2M.js.map +0 -1
- package/dist/chunk-Z45KX47P.cjs +0 -3897
- package/dist/chunk-Z45KX47P.cjs.map +0 -1
- package/dist/chunk-ZH4F5RMG.cjs +0 -403
- package/dist/chunk-ZH4F5RMG.cjs.map +0 -1
- package/dist/components/legend/index.cjs +0 -11
- package/dist/components/legend/index.cjs.map +0 -1
- package/dist/components/legend/index.css +0 -103
- package/dist/components/legend/index.css.map +0 -1
- package/dist/components/legend/index.d.cts +0 -37
- package/dist/components/legend/index.d.ts +0 -37
- package/dist/components/legend/index.js +0 -11
- package/dist/components/legend/index.js.map +0 -1
- package/dist/components/tooltip/index.cjs +0 -12
- package/dist/components/tooltip/index.cjs.map +0 -1
- package/dist/components/tooltip/index.css +0 -13
- package/dist/components/tooltip/index.css.map +0 -1
- package/dist/components/tooltip/index.d.cts +0 -71
- package/dist/components/tooltip/index.d.ts +0 -71
- package/dist/components/tooltip/index.js +0 -12
- package/dist/components/tooltip/index.js.map +0 -1
- package/dist/components/trend-indicator/index.cjs +0 -8
- package/dist/components/trend-indicator/index.cjs.map +0 -1
- package/dist/components/trend-indicator/index.css +0 -27
- package/dist/components/trend-indicator/index.css.map +0 -1
- package/dist/components/trend-indicator/index.d.cts +0 -44
- package/dist/components/trend-indicator/index.d.ts +0 -44
- package/dist/components/trend-indicator/index.js +0 -8
- package/dist/components/trend-indicator/index.js.map +0 -1
- package/dist/format-metric-value-MXm5DtQ_.d.cts +0 -24
- package/dist/format-metric-value-MXm5DtQ_.d.ts +0 -24
- package/dist/hooks/index.cjs +0 -31
- package/dist/hooks/index.cjs.map +0 -1
- package/dist/hooks/index.css +0 -103
- package/dist/hooks/index.css.map +0 -1
- package/dist/hooks/index.d.cts +0 -272
- package/dist/hooks/index.d.ts +0 -272
- package/dist/hooks/index.js +0 -31
- package/dist/hooks/index.js.map +0 -1
- package/dist/leaderboard-chart-BKYYXcg2.d.ts +0 -83
- package/dist/leaderboard-chart-DR7CGb0L.d.cts +0 -83
- package/dist/legend-C2grwnWk.d.cts +0 -9
- package/dist/legend-Cj0xM5dU.d.ts +0 -9
- package/dist/providers/index.cjs +0 -21
- package/dist/providers/index.cjs.map +0 -1
- package/dist/providers/index.css +0 -103
- package/dist/providers/index.css.map +0 -1
- package/dist/providers/index.d.cts +0 -28
- package/dist/providers/index.d.ts +0 -28
- package/dist/providers/index.js +0 -21
- package/dist/providers/index.js.map +0 -1
- package/dist/themes-BmVGrYnF.d.ts +0 -67
- package/dist/themes-CyjKm-P_.d.cts +0 -67
- package/dist/types-CuUEszrM.d.ts +0 -19
- package/dist/types-DZordNiO.d.cts +0 -505
- package/dist/types-DZordNiO.d.ts +0 -505
- package/dist/types-I67mddpr.d.cts +0 -78
- package/dist/types-I67mddpr.d.ts +0 -78
- package/dist/types-KtOPPzPX.d.cts +0 -19
- package/dist/utils/index.cjs +0 -44
- package/dist/utils/index.cjs.map +0 -1
- package/dist/utils/index.d.cts +0 -226
- package/dist/utils/index.d.ts +0 -226
- package/dist/utils/index.js +0 -44
- package/dist/utils/index.js.map +0 -1
- package/dist/with-responsive-CNfhzAUu.d.cts +0 -18
- package/dist/with-responsive-CNfhzAUu.d.ts +0 -18
- package/src/hooks/use-has-legend-child.ts +0 -22
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import { L as Legend } from '../../legend-C2grwnWk.cjs';
|
|
2
|
-
import { B as BaseChartProps, j as SeriesData, c as DataPointDate, A as AnnotationStyles, O as Optional } from '../../types-DZordNiO.cjs';
|
|
3
|
-
import { FC, ReactNode, SVGProps } from 'react';
|
|
4
|
-
import { GlyphProps } from '@visx/xychart';
|
|
5
|
-
import { RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
|
|
6
|
-
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.cjs';
|
|
7
|
-
import '../../types-I67mddpr.cjs';
|
|
8
|
-
import '@visx/legend';
|
|
9
|
-
import '@visx/annotation/lib/components/CircleSubject';
|
|
10
|
-
import '@visx/annotation/lib/components/Connector';
|
|
11
|
-
import '@visx/annotation/lib/components/Label';
|
|
12
|
-
import '@visx/annotation/lib/components/LineSubject';
|
|
13
|
-
import '@visx/axis';
|
|
14
|
-
import '@visx/legend/lib/types';
|
|
15
|
-
import '@visx/scale';
|
|
16
|
-
import '@visx/text/lib/Text';
|
|
17
|
-
import '@wordpress/theme';
|
|
18
|
-
import 'react-google-charts';
|
|
19
|
-
|
|
20
|
-
interface ChartInstanceRef {
|
|
21
|
-
getScales: () => {
|
|
22
|
-
xScale: unknown;
|
|
23
|
-
yScale: unknown;
|
|
24
|
-
} | null;
|
|
25
|
-
getChartDimensions: () => {
|
|
26
|
-
width: number;
|
|
27
|
-
height: number;
|
|
28
|
-
margin: {
|
|
29
|
-
top?: number;
|
|
30
|
-
right?: number;
|
|
31
|
-
bottom?: number;
|
|
32
|
-
left?: number;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
type SingleChartRef = ChartInstanceRef;
|
|
37
|
-
|
|
38
|
-
interface LineChartAnnotationsProps {
|
|
39
|
-
children?: ReactNode;
|
|
40
|
-
}
|
|
41
|
-
declare const LineChartAnnotationsOverlay: FC<LineChartAnnotationsProps>;
|
|
42
|
-
|
|
43
|
-
type LineChartAnnotationProps = {
|
|
44
|
-
datum: DataPointDate;
|
|
45
|
-
title: string;
|
|
46
|
-
subtitle?: string;
|
|
47
|
-
subjectType?: 'circle' | 'line-vertical' | 'line-horizontal';
|
|
48
|
-
styles?: AnnotationStyles;
|
|
49
|
-
testId?: string;
|
|
50
|
-
renderLabel?: FC<{
|
|
51
|
-
title: string;
|
|
52
|
-
subtitle?: string;
|
|
53
|
-
}>;
|
|
54
|
-
renderLabelPopover?: FC<{
|
|
55
|
-
title: string;
|
|
56
|
-
subtitle?: string;
|
|
57
|
-
}>;
|
|
58
|
-
};
|
|
59
|
-
type CurveType = 'smooth' | 'linear' | 'monotone';
|
|
60
|
-
type RenderLineGlyphProps<Datum extends object> = GlyphProps<Datum> & {
|
|
61
|
-
glyphStyle?: SVGProps<SVGCircleElement>;
|
|
62
|
-
position?: 'start' | 'end';
|
|
63
|
-
};
|
|
64
|
-
interface LineChartProps extends BaseChartProps<SeriesData[]> {
|
|
65
|
-
withGradientFill: boolean;
|
|
66
|
-
smoothing?: boolean;
|
|
67
|
-
curveType?: CurveType;
|
|
68
|
-
renderTooltip?: (params: RenderTooltipParams<DataPointDate>) => ReactNode;
|
|
69
|
-
withStartGlyphs?: boolean;
|
|
70
|
-
withEndGlyphs?: boolean;
|
|
71
|
-
renderGlyph?: <Datum extends object>(props: GlyphProps<Datum>) => ReactNode;
|
|
72
|
-
glyphStyle?: SVGProps<SVGCircleElement>;
|
|
73
|
-
withLegendGlyph?: boolean;
|
|
74
|
-
withTooltipCrosshairs?: {
|
|
75
|
-
showVertical?: boolean;
|
|
76
|
-
showHorizontal?: boolean;
|
|
77
|
-
};
|
|
78
|
-
legendInteractive?: boolean;
|
|
79
|
-
children?: ReactNode;
|
|
80
|
-
}
|
|
81
|
-
type TooltipDatum = {
|
|
82
|
-
key: string;
|
|
83
|
-
value: number;
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
declare const LineChartAnnotation: FC<LineChartAnnotationProps>;
|
|
87
|
-
|
|
88
|
-
type LineChartAnnotationComponents = {
|
|
89
|
-
AnnotationsOverlay: typeof LineChartAnnotationsOverlay;
|
|
90
|
-
Annotation: typeof LineChartAnnotation;
|
|
91
|
-
Legend: typeof Legend;
|
|
92
|
-
};
|
|
93
|
-
type LineChartBaseProps = Optional<LineChartProps, 'width' | 'height' | 'size'>;
|
|
94
|
-
type LineChartComponent = React.ForwardRefExoticComponent<LineChartBaseProps & React.RefAttributes<SingleChartRef>> & LineChartAnnotationComponents;
|
|
95
|
-
type LineChartResponsiveComponent = React.ForwardRefExoticComponent<LineChartBaseProps & ResponsiveConfig & React.RefAttributes<SingleChartRef>> & LineChartAnnotationComponents;
|
|
96
|
-
declare const LineChart: LineChartComponent;
|
|
97
|
-
declare const LineChartResponsive: LineChartResponsiveComponent;
|
|
98
|
-
|
|
99
|
-
export { AnnotationStyles, type CurveType, LineChartResponsive as LineChart, type LineChartAnnotationProps, type LineChartProps, LineChart as LineChartUnresponsive, type RenderLineGlyphProps, type TooltipDatum };
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import { L as Legend } from '../../legend-Cj0xM5dU.js';
|
|
2
|
-
import { B as BaseChartProps, j as SeriesData, c as DataPointDate, A as AnnotationStyles, O as Optional } from '../../types-DZordNiO.js';
|
|
3
|
-
import { FC, ReactNode, SVGProps } from 'react';
|
|
4
|
-
import { GlyphProps } from '@visx/xychart';
|
|
5
|
-
import { RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
|
|
6
|
-
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.js';
|
|
7
|
-
import '../../types-I67mddpr.js';
|
|
8
|
-
import '@visx/legend';
|
|
9
|
-
import '@visx/annotation/lib/components/CircleSubject';
|
|
10
|
-
import '@visx/annotation/lib/components/Connector';
|
|
11
|
-
import '@visx/annotation/lib/components/Label';
|
|
12
|
-
import '@visx/annotation/lib/components/LineSubject';
|
|
13
|
-
import '@visx/axis';
|
|
14
|
-
import '@visx/legend/lib/types';
|
|
15
|
-
import '@visx/scale';
|
|
16
|
-
import '@visx/text/lib/Text';
|
|
17
|
-
import '@wordpress/theme';
|
|
18
|
-
import 'react-google-charts';
|
|
19
|
-
|
|
20
|
-
interface ChartInstanceRef {
|
|
21
|
-
getScales: () => {
|
|
22
|
-
xScale: unknown;
|
|
23
|
-
yScale: unknown;
|
|
24
|
-
} | null;
|
|
25
|
-
getChartDimensions: () => {
|
|
26
|
-
width: number;
|
|
27
|
-
height: number;
|
|
28
|
-
margin: {
|
|
29
|
-
top?: number;
|
|
30
|
-
right?: number;
|
|
31
|
-
bottom?: number;
|
|
32
|
-
left?: number;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
type SingleChartRef = ChartInstanceRef;
|
|
37
|
-
|
|
38
|
-
interface LineChartAnnotationsProps {
|
|
39
|
-
children?: ReactNode;
|
|
40
|
-
}
|
|
41
|
-
declare const LineChartAnnotationsOverlay: FC<LineChartAnnotationsProps>;
|
|
42
|
-
|
|
43
|
-
type LineChartAnnotationProps = {
|
|
44
|
-
datum: DataPointDate;
|
|
45
|
-
title: string;
|
|
46
|
-
subtitle?: string;
|
|
47
|
-
subjectType?: 'circle' | 'line-vertical' | 'line-horizontal';
|
|
48
|
-
styles?: AnnotationStyles;
|
|
49
|
-
testId?: string;
|
|
50
|
-
renderLabel?: FC<{
|
|
51
|
-
title: string;
|
|
52
|
-
subtitle?: string;
|
|
53
|
-
}>;
|
|
54
|
-
renderLabelPopover?: FC<{
|
|
55
|
-
title: string;
|
|
56
|
-
subtitle?: string;
|
|
57
|
-
}>;
|
|
58
|
-
};
|
|
59
|
-
type CurveType = 'smooth' | 'linear' | 'monotone';
|
|
60
|
-
type RenderLineGlyphProps<Datum extends object> = GlyphProps<Datum> & {
|
|
61
|
-
glyphStyle?: SVGProps<SVGCircleElement>;
|
|
62
|
-
position?: 'start' | 'end';
|
|
63
|
-
};
|
|
64
|
-
interface LineChartProps extends BaseChartProps<SeriesData[]> {
|
|
65
|
-
withGradientFill: boolean;
|
|
66
|
-
smoothing?: boolean;
|
|
67
|
-
curveType?: CurveType;
|
|
68
|
-
renderTooltip?: (params: RenderTooltipParams<DataPointDate>) => ReactNode;
|
|
69
|
-
withStartGlyphs?: boolean;
|
|
70
|
-
withEndGlyphs?: boolean;
|
|
71
|
-
renderGlyph?: <Datum extends object>(props: GlyphProps<Datum>) => ReactNode;
|
|
72
|
-
glyphStyle?: SVGProps<SVGCircleElement>;
|
|
73
|
-
withLegendGlyph?: boolean;
|
|
74
|
-
withTooltipCrosshairs?: {
|
|
75
|
-
showVertical?: boolean;
|
|
76
|
-
showHorizontal?: boolean;
|
|
77
|
-
};
|
|
78
|
-
legendInteractive?: boolean;
|
|
79
|
-
children?: ReactNode;
|
|
80
|
-
}
|
|
81
|
-
type TooltipDatum = {
|
|
82
|
-
key: string;
|
|
83
|
-
value: number;
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
declare const LineChartAnnotation: FC<LineChartAnnotationProps>;
|
|
87
|
-
|
|
88
|
-
type LineChartAnnotationComponents = {
|
|
89
|
-
AnnotationsOverlay: typeof LineChartAnnotationsOverlay;
|
|
90
|
-
Annotation: typeof LineChartAnnotation;
|
|
91
|
-
Legend: typeof Legend;
|
|
92
|
-
};
|
|
93
|
-
type LineChartBaseProps = Optional<LineChartProps, 'width' | 'height' | 'size'>;
|
|
94
|
-
type LineChartComponent = React.ForwardRefExoticComponent<LineChartBaseProps & React.RefAttributes<SingleChartRef>> & LineChartAnnotationComponents;
|
|
95
|
-
type LineChartResponsiveComponent = React.ForwardRefExoticComponent<LineChartBaseProps & ResponsiveConfig & React.RefAttributes<SingleChartRef>> & LineChartAnnotationComponents;
|
|
96
|
-
declare const LineChart: LineChartComponent;
|
|
97
|
-
declare const LineChartResponsive: LineChartResponsiveComponent;
|
|
98
|
-
|
|
99
|
-
export { AnnotationStyles, type CurveType, LineChartResponsive as LineChart, type LineChartAnnotationProps, type LineChartProps, LineChart as LineChartUnresponsive, type RenderLineGlyphProps, type TooltipDatum };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
LineChart,
|
|
3
|
-
LineChartResponsive
|
|
4
|
-
} from "../../chunk-WLODYNLB.js";
|
|
5
|
-
import "../../chunk-BPYKWMI7.js";
|
|
6
|
-
import "../../chunk-Z26M4V2M.js";
|
|
7
|
-
import "../../chunk-OP6PHB2U.js";
|
|
8
|
-
import "../../chunk-32DH6JDF.js";
|
|
9
|
-
import "../../chunk-DAU3HNEG.js";
|
|
10
|
-
import "../../chunk-G3PMV62Z.js";
|
|
11
|
-
export {
|
|
12
|
-
LineChartResponsive as LineChart,
|
|
13
|
-
LineChart as LineChartUnresponsive
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var _chunkZH4F5RMGcjs = require('../../chunk-ZH4F5RMG.cjs');
|
|
5
|
-
require('../../chunk-7OZEQ5HE.cjs');
|
|
6
|
-
require('../../chunk-2A34OA5O.cjs');
|
|
7
|
-
require('../../chunk-RCY6XLGU.cjs');
|
|
8
|
-
require('../../chunk-Y3NNQMAX.cjs');
|
|
9
|
-
require('../../chunk-I35UYJJR.cjs');
|
|
10
|
-
require('../../chunk-ASLARV7L.cjs');
|
|
11
|
-
require('../../chunk-RHHVEJHJ.cjs');
|
|
12
|
-
require('../../chunk-VTS3PNMS.cjs');
|
|
13
|
-
require('../../chunk-EMMSS5I5.cjs');
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
exports.PieChart = _chunkZH4F5RMGcjs.PieChartResponsive; exports.PieChartUnresponsive = _chunkZH4F5RMGcjs.PieChart;
|
|
18
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/pie-chart/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,mHAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/pie-chart/index.cjs"}
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
/* esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss */
|
|
2
|
-
.a8ccharts-jCw5dQ {
|
|
3
|
-
position: fixed;
|
|
4
|
-
inset: 0;
|
|
5
|
-
overflow: visible;
|
|
6
|
-
z-index: 1;
|
|
7
|
-
pointer-events: none;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
/* esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss */
|
|
11
|
-
.a8ccharts-AELBvX {
|
|
12
|
-
display: flex;
|
|
13
|
-
flex-direction: row;
|
|
14
|
-
flex-wrap: wrap;
|
|
15
|
-
gap: 16px;
|
|
16
|
-
}
|
|
17
|
-
.a8ccharts-fX8uQe {
|
|
18
|
-
display: flex;
|
|
19
|
-
flex-direction: column;
|
|
20
|
-
gap: 8px;
|
|
21
|
-
}
|
|
22
|
-
.a8ccharts-fX8uQe.a8ccharts-DEe0wg {
|
|
23
|
-
align-items: flex-start;
|
|
24
|
-
}
|
|
25
|
-
.a8ccharts-fX8uQe.a8ccharts-WBKF9I {
|
|
26
|
-
align-items: center;
|
|
27
|
-
}
|
|
28
|
-
.a8ccharts-fX8uQe.a8ccharts-JfwMng {
|
|
29
|
-
align-items: flex-end;
|
|
30
|
-
}
|
|
31
|
-
.a8ccharts-8Y73Kh {
|
|
32
|
-
position: relative;
|
|
33
|
-
}
|
|
34
|
-
.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {
|
|
35
|
-
justify-content: flex-start;
|
|
36
|
-
}
|
|
37
|
-
.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {
|
|
38
|
-
justify-content: center;
|
|
39
|
-
}
|
|
40
|
-
.a8ccharts-8Y73Kh.a8ccharts-JfwMng {
|
|
41
|
-
justify-content: flex-end;
|
|
42
|
-
}
|
|
43
|
-
.a8ccharts-TVM-IY {
|
|
44
|
-
position: relative;
|
|
45
|
-
}
|
|
46
|
-
.a8ccharts-TVM-IY.a8ccharts-DEe0wg {
|
|
47
|
-
justify-content: flex-start;
|
|
48
|
-
}
|
|
49
|
-
.a8ccharts-TVM-IY.a8ccharts-WBKF9I {
|
|
50
|
-
justify-content: center;
|
|
51
|
-
}
|
|
52
|
-
.a8ccharts-TVM-IY.a8ccharts-JfwMng {
|
|
53
|
-
justify-content: flex-end;
|
|
54
|
-
}
|
|
55
|
-
.a8ccharts-Vflwq8 {
|
|
56
|
-
display: flex;
|
|
57
|
-
align-items: center;
|
|
58
|
-
font-size: 0.875rem;
|
|
59
|
-
}
|
|
60
|
-
.a8ccharts-qGsavM {
|
|
61
|
-
cursor: pointer;
|
|
62
|
-
user-select: none;
|
|
63
|
-
transition: opacity 0.2s ease;
|
|
64
|
-
}
|
|
65
|
-
.a8ccharts-qGsavM:hover {
|
|
66
|
-
opacity: 0.8;
|
|
67
|
-
}
|
|
68
|
-
.a8ccharts-qGsavM:focus {
|
|
69
|
-
outline: 2px solid currentColor;
|
|
70
|
-
outline-offset: 2px;
|
|
71
|
-
border-radius: 4px;
|
|
72
|
-
}
|
|
73
|
-
.a8ccharts-qGsavM:focus:not(:focus-visible) {
|
|
74
|
-
outline: none;
|
|
75
|
-
}
|
|
76
|
-
.a8ccharts-ZtDY-Q {
|
|
77
|
-
opacity: 0.4;
|
|
78
|
-
}
|
|
79
|
-
.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {
|
|
80
|
-
text-decoration: line-through;
|
|
81
|
-
}
|
|
82
|
-
.a8ccharts-2H65Kr {
|
|
83
|
-
display: flex;
|
|
84
|
-
align-items: center;
|
|
85
|
-
gap: 0.5rem;
|
|
86
|
-
}
|
|
87
|
-
.a8ccharts-faSDBI {
|
|
88
|
-
overflow-wrap: break-word;
|
|
89
|
-
white-space: normal;
|
|
90
|
-
hyphens: auto;
|
|
91
|
-
}
|
|
92
|
-
.a8ccharts-FISUIO {
|
|
93
|
-
white-space: nowrap;
|
|
94
|
-
overflow: hidden;
|
|
95
|
-
text-overflow: ellipsis;
|
|
96
|
-
flex-shrink: 1;
|
|
97
|
-
min-width: 0;
|
|
98
|
-
}
|
|
99
|
-
.a8ccharts-DTZlT- {
|
|
100
|
-
font-weight: 500;
|
|
101
|
-
flex-shrink: 0;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
/* esbuild-sass-plugin:css-chunk:src/components/tooltip/base-tooltip.module.scss */
|
|
105
|
-
.a8ccharts-OfX6nd {
|
|
106
|
-
padding: 0.5rem;
|
|
107
|
-
background-color: rgba(0, 0, 0, 0.85);
|
|
108
|
-
color: #fff;
|
|
109
|
-
border-radius: 4px;
|
|
110
|
-
font-size: 14px;
|
|
111
|
-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
112
|
-
position: absolute;
|
|
113
|
-
pointer-events: none;
|
|
114
|
-
transform: translate(-50%, -100%);
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
/* esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss */
|
|
118
|
-
.a8ccharts-GSKfBD {
|
|
119
|
-
min-width: 0;
|
|
120
|
-
min-height: 0;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
/* esbuild-sass-plugin:css-chunk:src/charts/pie-chart/pie-chart.module.scss */
|
|
124
|
-
.a8ccharts-C-n-Gu {
|
|
125
|
-
display: flex;
|
|
126
|
-
flex-direction: column;
|
|
127
|
-
overflow: hidden;
|
|
128
|
-
align-items: center;
|
|
129
|
-
}
|
|
130
|
-
.a8ccharts-IQVR6j {
|
|
131
|
-
height: 100%;
|
|
132
|
-
width: 100%;
|
|
133
|
-
}
|
|
134
|
-
.a8ccharts-iQ1Rki {
|
|
135
|
-
flex: 1;
|
|
136
|
-
min-height: 0;
|
|
137
|
-
min-width: 0;
|
|
138
|
-
width: 100%;
|
|
139
|
-
display: flex;
|
|
140
|
-
align-items: center;
|
|
141
|
-
justify-content: center;
|
|
142
|
-
}
|
|
143
|
-
/*# sourceMappingURL=index.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss","esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss","esbuild-sass-plugin:css-chunk:src/components/tooltip/base-tooltip.module.scss","esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss","esbuild-sass-plugin:css-chunk:src/charts/pie-chart/pie-chart.module.scss"],"sourcesContent":[".a8ccharts-jCw5dQ {\n position: fixed;\n inset: 0;\n overflow: visible;\n z-index: 1;\n pointer-events: none;\n}",".a8ccharts-AELBvX {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 16px;\n}\n.a8ccharts-fX8uQe {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n align-items: flex-end;\n}\n.a8ccharts-8Y73Kh {\n position: relative;\n}\n.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-8Y73Kh.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n.a8ccharts-TVM-IY {\n position: relative;\n}\n.a8ccharts-TVM-IY.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-TVM-IY.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-TVM-IY.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n display: flex;\n align-items: center;\n font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n cursor: pointer;\n user-select: none;\n transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n outline: none;\n}\n.a8ccharts-ZtDY-Q {\n opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n overflow-wrap: break-word;\n white-space: normal;\n hyphens: auto;\n}\n.a8ccharts-FISUIO {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-shrink: 1;\n min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n font-weight: 500;\n flex-shrink: 0;\n}",".a8ccharts-OfX6nd {\n padding: 0.5rem;\n background-color: rgba(0, 0, 0, 0.85);\n color: #fff;\n border-radius: 4px;\n font-size: 14px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: absolute;\n pointer-events: none;\n transform: translate(-50%, -100%);\n}",".a8ccharts-GSKfBD {\n min-width: 0;\n min-height: 0;\n}",".a8ccharts-C-n-Gu {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n align-items: center;\n}\n.a8ccharts-IQVR6j {\n height: 100%;\n width: 100%;\n}\n.a8ccharts-iQ1Rki {\n flex: 1;\n min-height: 0;\n min-width: 0;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACV,WAAS;AACT,kBAAgB;AAClB;;;ACNA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,aAAW;AACX,OAAK;AACP;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AACA,CALC,gBAKgB,CAAC;AAChB,eAAa;AACf;AACA,CARC,gBAQgB,CAAC;AAChB,eAAa;AACf;AACA,CAXC,gBAWgB,CAAC;AAChB,eAAa;AACf;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAxBC;AAyBhB,mBAAiB;AACnB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,aAAW;AACb;AACA,CAAC;AACC,UAAQ;AACR,eAAa;AACb,cAAY,QAAQ,KAAK;AAC3B;AACA,CALC,gBAKgB;AACf,WAAS;AACX;AACA,CARC,gBAQgB;AACf,WAAS,IAAI,MAAM;AACnB,kBAAgB;AAChB,iBAAe;AACjB;AACA,CAbC,gBAagB,MAAM,KAAK;AAC1B,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAHC,iBAGiB,CAAC;AACjB,mBAAiB;AACnB;AAEA,CAJmB;AAKjB,WAAS;AACT,eAAa;AACb,OAAK;AAEP;AAEA,CAAC;AACC,iBAAe;AACf,eAAa;AACb,WAAS;AACX;AACA,CAAC;AACC,eAAa;AACb,YAAU;AACV,iBAAe;AACf,eAAa;AACb,aAAW;AACb;AAEA,CAAC;AACC,eAAa;AACb,eAAa;AACf;;;AChGA,CAAC;AACC,WAAS;AACT,oBAAkB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChC,SAAO;AACP,iBAAe;AACf,aAAW;AACX,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACpC,YAAU;AACV,kBAAgB;AAChB,aAAW,UAAU,IAAI,EAAE;AAC7B;;;ACVA,CAAC;AACC,aAAW;AACX,cAAY;AACd;;;ACHA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,YAAU;AACV,eAAa;AACf;AACA,CAAC;AACC,UAAQ;AACR,SAAO;AACT;AACA,CAAC;AACC,QAAM;AACN,cAAY;AACZ,aAAW;AACX,SAAO;AACP,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;","names":[]}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.cjs';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
import { LegendValueDisplay } from '../../components/legend/index.cjs';
|
|
4
|
-
import { O as Optional, B as BaseChartProps, d as DataPointPercentage } from '../../types-DZordNiO.cjs';
|
|
5
|
-
import { C as ChartComponentWithComposition } from '../../types-KtOPPzPX.cjs';
|
|
6
|
-
import '../../legend-C2grwnWk.cjs';
|
|
7
|
-
import '../../types-I67mddpr.cjs';
|
|
8
|
-
import '@visx/legend';
|
|
9
|
-
import '@visx/xychart';
|
|
10
|
-
import '@visx/legend/lib/types';
|
|
11
|
-
import '@visx/annotation/lib/components/CircleSubject';
|
|
12
|
-
import '@visx/annotation/lib/components/Connector';
|
|
13
|
-
import '@visx/annotation/lib/components/Label';
|
|
14
|
-
import '@visx/annotation/lib/components/LineSubject';
|
|
15
|
-
import '@visx/axis';
|
|
16
|
-
import '@visx/scale';
|
|
17
|
-
import '@visx/text/lib/Text';
|
|
18
|
-
import '@wordpress/theme';
|
|
19
|
-
import 'react-google-charts';
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Parameters passed to the renderTooltip function for pie charts.
|
|
23
|
-
*/
|
|
24
|
-
type PieChartRenderTooltipParams = {
|
|
25
|
-
/**
|
|
26
|
-
* The data point being hovered, including label, value, and percentage.
|
|
27
|
-
*/
|
|
28
|
-
tooltipData: DataPointPercentage;
|
|
29
|
-
};
|
|
30
|
-
interface PieChartProps extends BaseChartProps<DataPointPercentage[]> {
|
|
31
|
-
/**
|
|
32
|
-
* Inner radius in pixels. If > 0, creates a donut chart. Defaults to 0.
|
|
33
|
-
*/
|
|
34
|
-
innerRadius?: number;
|
|
35
|
-
/**
|
|
36
|
-
* Add padding to the chart
|
|
37
|
-
*/
|
|
38
|
-
padding?: number;
|
|
39
|
-
/**
|
|
40
|
-
* Thickness of the pie chart.
|
|
41
|
-
* A value between 0 and 1, where 0 means no thickness
|
|
42
|
-
* and 1 means the maximum thickness.
|
|
43
|
-
*/
|
|
44
|
-
thickness?: number;
|
|
45
|
-
/**
|
|
46
|
-
* Scale of the gap between groups in the pie chart
|
|
47
|
-
* A value between 0 and 1, where 0 means no gap.
|
|
48
|
-
*/
|
|
49
|
-
gapScale?: number;
|
|
50
|
-
/**
|
|
51
|
-
* Scale of the corner radius for the pie chart segments.
|
|
52
|
-
* A value between 0 and 1, where 0 means no corner radius.
|
|
53
|
-
*/
|
|
54
|
-
cornerScale?: number;
|
|
55
|
-
/**
|
|
56
|
-
* Whether to show labels on pie segments. Defaults to true.
|
|
57
|
-
*/
|
|
58
|
-
showLabels?: boolean;
|
|
59
|
-
/**
|
|
60
|
-
* What type of value to display in the legend when showValues is true.
|
|
61
|
-
* - 'percentage': Shows percentage values (e.g., "23%") [default]
|
|
62
|
-
* - 'value': Shows raw numeric values (e.g., "30000")
|
|
63
|
-
* - 'valueDisplay': Shows formatted values (e.g., "30K")
|
|
64
|
-
* - 'none': Shows no values, only labels
|
|
65
|
-
*/
|
|
66
|
-
legendValueDisplay?: LegendValueDisplay;
|
|
67
|
-
/**
|
|
68
|
-
* Enable interactive legend items that can toggle segment visibility.
|
|
69
|
-
* Requires chartId and GlobalChartsProvider.
|
|
70
|
-
* When segments are hidden, percentages are recalculated so visible segments total 100%.
|
|
71
|
-
*/
|
|
72
|
-
legendInteractive?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Use the children prop to render additional elements on the chart.
|
|
75
|
-
*/
|
|
76
|
-
children?: ReactNode;
|
|
77
|
-
/**
|
|
78
|
-
* Horizontal offset for tooltip positioning in pixels (default: 0)
|
|
79
|
-
*/
|
|
80
|
-
tooltipOffsetX?: number;
|
|
81
|
-
/**
|
|
82
|
-
* Vertical offset for tooltip positioning in pixels (default: -15)
|
|
83
|
-
*/
|
|
84
|
-
tooltipOffsetY?: number;
|
|
85
|
-
/**
|
|
86
|
-
* Custom render function for tooltip content.
|
|
87
|
-
* When provided, replaces the default BaseTooltip with custom content.
|
|
88
|
-
*/
|
|
89
|
-
renderTooltip?: (params: PieChartRenderTooltipParams) => ReactNode;
|
|
90
|
-
}
|
|
91
|
-
type PieChartBaseProps = Optional<PieChartProps, 'size'>;
|
|
92
|
-
type PieChartComponent = ChartComponentWithComposition<PieChartBaseProps>;
|
|
93
|
-
type PieChartResponsiveComponent = ChartComponentWithComposition<PieChartBaseProps & ResponsiveConfig>;
|
|
94
|
-
declare const PieChart: PieChartComponent;
|
|
95
|
-
declare const PieChartResponsive: PieChartResponsiveComponent;
|
|
96
|
-
|
|
97
|
-
export { PieChartResponsive as PieChart, type PieChartProps, type PieChartRenderTooltipParams, PieChart as PieChartUnresponsive };
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.js';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
import { LegendValueDisplay } from '../../components/legend/index.js';
|
|
4
|
-
import { O as Optional, B as BaseChartProps, d as DataPointPercentage } from '../../types-DZordNiO.js';
|
|
5
|
-
import { C as ChartComponentWithComposition } from '../../types-CuUEszrM.js';
|
|
6
|
-
import '../../legend-Cj0xM5dU.js';
|
|
7
|
-
import '../../types-I67mddpr.js';
|
|
8
|
-
import '@visx/legend';
|
|
9
|
-
import '@visx/xychart';
|
|
10
|
-
import '@visx/legend/lib/types';
|
|
11
|
-
import '@visx/annotation/lib/components/CircleSubject';
|
|
12
|
-
import '@visx/annotation/lib/components/Connector';
|
|
13
|
-
import '@visx/annotation/lib/components/Label';
|
|
14
|
-
import '@visx/annotation/lib/components/LineSubject';
|
|
15
|
-
import '@visx/axis';
|
|
16
|
-
import '@visx/scale';
|
|
17
|
-
import '@visx/text/lib/Text';
|
|
18
|
-
import '@wordpress/theme';
|
|
19
|
-
import 'react-google-charts';
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Parameters passed to the renderTooltip function for pie charts.
|
|
23
|
-
*/
|
|
24
|
-
type PieChartRenderTooltipParams = {
|
|
25
|
-
/**
|
|
26
|
-
* The data point being hovered, including label, value, and percentage.
|
|
27
|
-
*/
|
|
28
|
-
tooltipData: DataPointPercentage;
|
|
29
|
-
};
|
|
30
|
-
interface PieChartProps extends BaseChartProps<DataPointPercentage[]> {
|
|
31
|
-
/**
|
|
32
|
-
* Inner radius in pixels. If > 0, creates a donut chart. Defaults to 0.
|
|
33
|
-
*/
|
|
34
|
-
innerRadius?: number;
|
|
35
|
-
/**
|
|
36
|
-
* Add padding to the chart
|
|
37
|
-
*/
|
|
38
|
-
padding?: number;
|
|
39
|
-
/**
|
|
40
|
-
* Thickness of the pie chart.
|
|
41
|
-
* A value between 0 and 1, where 0 means no thickness
|
|
42
|
-
* and 1 means the maximum thickness.
|
|
43
|
-
*/
|
|
44
|
-
thickness?: number;
|
|
45
|
-
/**
|
|
46
|
-
* Scale of the gap between groups in the pie chart
|
|
47
|
-
* A value between 0 and 1, where 0 means no gap.
|
|
48
|
-
*/
|
|
49
|
-
gapScale?: number;
|
|
50
|
-
/**
|
|
51
|
-
* Scale of the corner radius for the pie chart segments.
|
|
52
|
-
* A value between 0 and 1, where 0 means no corner radius.
|
|
53
|
-
*/
|
|
54
|
-
cornerScale?: number;
|
|
55
|
-
/**
|
|
56
|
-
* Whether to show labels on pie segments. Defaults to true.
|
|
57
|
-
*/
|
|
58
|
-
showLabels?: boolean;
|
|
59
|
-
/**
|
|
60
|
-
* What type of value to display in the legend when showValues is true.
|
|
61
|
-
* - 'percentage': Shows percentage values (e.g., "23%") [default]
|
|
62
|
-
* - 'value': Shows raw numeric values (e.g., "30000")
|
|
63
|
-
* - 'valueDisplay': Shows formatted values (e.g., "30K")
|
|
64
|
-
* - 'none': Shows no values, only labels
|
|
65
|
-
*/
|
|
66
|
-
legendValueDisplay?: LegendValueDisplay;
|
|
67
|
-
/**
|
|
68
|
-
* Enable interactive legend items that can toggle segment visibility.
|
|
69
|
-
* Requires chartId and GlobalChartsProvider.
|
|
70
|
-
* When segments are hidden, percentages are recalculated so visible segments total 100%.
|
|
71
|
-
*/
|
|
72
|
-
legendInteractive?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Use the children prop to render additional elements on the chart.
|
|
75
|
-
*/
|
|
76
|
-
children?: ReactNode;
|
|
77
|
-
/**
|
|
78
|
-
* Horizontal offset for tooltip positioning in pixels (default: 0)
|
|
79
|
-
*/
|
|
80
|
-
tooltipOffsetX?: number;
|
|
81
|
-
/**
|
|
82
|
-
* Vertical offset for tooltip positioning in pixels (default: -15)
|
|
83
|
-
*/
|
|
84
|
-
tooltipOffsetY?: number;
|
|
85
|
-
/**
|
|
86
|
-
* Custom render function for tooltip content.
|
|
87
|
-
* When provided, replaces the default BaseTooltip with custom content.
|
|
88
|
-
*/
|
|
89
|
-
renderTooltip?: (params: PieChartRenderTooltipParams) => ReactNode;
|
|
90
|
-
}
|
|
91
|
-
type PieChartBaseProps = Optional<PieChartProps, 'size'>;
|
|
92
|
-
type PieChartComponent = ChartComponentWithComposition<PieChartBaseProps>;
|
|
93
|
-
type PieChartResponsiveComponent = ChartComponentWithComposition<PieChartBaseProps & ResponsiveConfig>;
|
|
94
|
-
declare const PieChart: PieChartComponent;
|
|
95
|
-
declare const PieChartResponsive: PieChartResponsiveComponent;
|
|
96
|
-
|
|
97
|
-
export { PieChartResponsive as PieChart, type PieChartProps, type PieChartRenderTooltipParams, PieChart as PieChartUnresponsive };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
PieChart,
|
|
3
|
-
PieChartResponsive
|
|
4
|
-
} from "../../chunk-BCX5THDQ.js";
|
|
5
|
-
import "../../chunk-NFRB2POF.js";
|
|
6
|
-
import "../../chunk-KXRWNFQJ.js";
|
|
7
|
-
import "../../chunk-6CCZL2JJ.js";
|
|
8
|
-
import "../../chunk-BPYKWMI7.js";
|
|
9
|
-
import "../../chunk-Z26M4V2M.js";
|
|
10
|
-
import "../../chunk-OP6PHB2U.js";
|
|
11
|
-
import "../../chunk-32DH6JDF.js";
|
|
12
|
-
import "../../chunk-DAU3HNEG.js";
|
|
13
|
-
import "../../chunk-G3PMV62Z.js";
|
|
14
|
-
export {
|
|
15
|
-
PieChartResponsive as PieChart,
|
|
16
|
-
PieChart as PieChartUnresponsive
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var _chunkXKRJL2QTcjs = require('../../chunk-XKRJL2QT.cjs');
|
|
5
|
-
require('../../chunk-2A34OA5O.cjs');
|
|
6
|
-
require('../../chunk-RCY6XLGU.cjs');
|
|
7
|
-
require('../../chunk-Y3NNQMAX.cjs');
|
|
8
|
-
require('../../chunk-I35UYJJR.cjs');
|
|
9
|
-
require('../../chunk-ASLARV7L.cjs');
|
|
10
|
-
require('../../chunk-RHHVEJHJ.cjs');
|
|
11
|
-
require('../../chunk-VTS3PNMS.cjs');
|
|
12
|
-
require('../../chunk-EMMSS5I5.cjs');
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
exports.PieSemiCircleChart = _chunkXKRJL2QTcjs.PieSemiCircleChartResponsive; exports.PieSemiCircleChartUnresponsive = _chunkXKRJL2QTcjs.PieSemiCircleChart;
|
|
17
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/pie-semi-circle-chart/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,2JAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/pie-semi-circle-chart/index.cjs"}
|