@automattic/charts 0.58.0 → 1.0.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 +25 -0
- package/README.md +7 -54
- package/dist/index.cjs +9606 -22
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +20 -25
- 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 -56
- package/dist/index.js.map +1 -1
- package/package.json +8 -125
- package/src/charts/bar-chart/bar-chart.module.scss +0 -5
- package/src/charts/bar-chart/bar-chart.tsx +131 -137
- package/src/charts/leaderboard-chart/leaderboard-chart.tsx +23 -40
- package/src/charts/line-chart/line-chart.module.scss +0 -5
- package/src/charts/line-chart/line-chart.tsx +190 -183
- package/src/charts/line-chart/private/line-chart-annotations-overlay.tsx +1 -2
- package/src/charts/pie-chart/pie-chart.module.scss +2 -10
- package/src/charts/pie-chart/pie-chart.tsx +198 -199
- package/src/charts/pie-chart/test/composition-api.test.tsx +3 -3
- package/src/charts/pie-chart/test/pie-chart.test.tsx +42 -35
- 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 +155 -155
- package/src/charts/pie-semi-circle-chart/test/pie-semi-circle-chart.test.tsx +25 -25
- 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/legend.tsx +33 -8
- package/src/components/legend/test/legend.test.tsx +93 -1
- package/src/hooks/index.ts +1 -0
- package/src/hooks/use-data-with-percentages.ts +24 -0
- package/src/hooks/use-interactive-legend-data.ts +18 -15
- package/src/index.ts +65 -2
- 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 +27 -7
- package/src/utils/test/resolve-css-var.test.ts +2 -0
- 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 -17
- package/dist/charts/bar-chart/index.cjs.map +0 -1
- package/dist/charts/bar-chart/index.css +0 -141
- package/dist/charts/bar-chart/index.css.map +0 -1
- package/dist/charts/bar-chart/index.d.cts +0 -36
- package/dist/charts/bar-chart/index.d.ts +0 -36
- package/dist/charts/bar-chart/index.js +0 -17
- package/dist/charts/bar-chart/index.js.map +0 -1
- package/dist/charts/bar-list-chart/index.cjs +0 -18
- package/dist/charts/bar-list-chart/index.cjs.map +0 -1
- package/dist/charts/bar-list-chart/index.css +0 -141
- 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 -18
- 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 -157
- 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 -23
- 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 -21
- package/dist/charts/leaderboard-chart/index.cjs.map +0 -1
- package/dist/charts/leaderboard-chart/index.css +0 -160
- 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 -21
- package/dist/charts/leaderboard-chart/index.js.map +0 -1
- package/dist/charts/line-chart/index.cjs +0 -17
- package/dist/charts/line-chart/index.cjs.map +0 -1
- package/dist/charts/line-chart/index.css +0 -213
- package/dist/charts/line-chart/index.css.map +0 -1
- package/dist/charts/line-chart/index.d.cts +0 -98
- package/dist/charts/line-chart/index.d.ts +0 -98
- package/dist/charts/line-chart/index.js +0 -17
- package/dist/charts/line-chart/index.js.map +0 -1
- package/dist/charts/pie-chart/index.cjs +0 -19
- package/dist/charts/pie-chart/index.cjs.map +0 -1
- package/dist/charts/pie-chart/index.css +0 -131
- package/dist/charts/pie-chart/index.css.map +0 -1
- package/dist/charts/pie-chart/index.d.cts +0 -91
- package/dist/charts/pie-chart/index.d.ts +0 -91
- package/dist/charts/pie-chart/index.js +0 -19
- package/dist/charts/pie-chart/index.js.map +0 -1
- package/dist/charts/pie-semi-circle-chart/index.cjs +0 -18
- package/dist/charts/pie-semi-circle-chart/index.cjs.map +0 -1
- package/dist/charts/pie-semi-circle-chart/index.css +0 -132
- package/dist/charts/pie-semi-circle-chart/index.css.map +0 -1
- package/dist/charts/pie-semi-circle-chart/index.d.cts +0 -88
- package/dist/charts/pie-semi-circle-chart/index.d.ts +0 -88
- package/dist/charts/pie-semi-circle-chart/index.js +0 -18
- package/dist/charts/pie-semi-circle-chart/index.js.map +0 -1
- package/dist/charts/sparkline/index.cjs +0 -18
- package/dist/charts/sparkline/index.cjs.map +0 -1
- package/dist/charts/sparkline/index.css +0 -230
- 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 -18
- 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-2I67QUIV.js +0 -895
- package/dist/chunk-2I67QUIV.js.map +0 -1
- package/dist/chunk-2ICEEQOC.js +0 -1071
- package/dist/chunk-2ICEEQOC.js.map +0 -1
- package/dist/chunk-4B7BL2DD.js +0 -120
- package/dist/chunk-4B7BL2DD.js.map +0 -1
- package/dist/chunk-4OXMTKAL.js +0 -401
- package/dist/chunk-4OXMTKAL.js.map +0 -1
- package/dist/chunk-ASLARV7L.cjs +0 -81
- package/dist/chunk-ASLARV7L.cjs.map +0 -1
- package/dist/chunk-B6NLZFRW.js +0 -617
- package/dist/chunk-B6NLZFRW.js.map +0 -1
- package/dist/chunk-BBAUQOW6.cjs +0 -120
- package/dist/chunk-BBAUQOW6.cjs.map +0 -1
- package/dist/chunk-BPYKWMI7.js +0 -194
- package/dist/chunk-BPYKWMI7.js.map +0 -1
- package/dist/chunk-CMMHCTBX.cjs +0 -373
- package/dist/chunk-CMMHCTBX.cjs.map +0 -1
- package/dist/chunk-CPPXJATQ.cjs +0 -1071
- package/dist/chunk-CPPXJATQ.cjs.map +0 -1
- package/dist/chunk-DKU775VC.js +0 -219
- package/dist/chunk-DKU775VC.js.map +0 -1
- package/dist/chunk-GRA7Y2ZG.cjs +0 -401
- package/dist/chunk-GRA7Y2ZG.cjs.map +0 -1
- package/dist/chunk-I2276W3I.cjs +0 -66
- package/dist/chunk-I2276W3I.cjs.map +0 -1
- package/dist/chunk-JJIMABHT.js +0 -351
- package/dist/chunk-JJIMABHT.js.map +0 -1
- package/dist/chunk-KJHWXOCZ.js +0 -421
- package/dist/chunk-KJHWXOCZ.js.map +0 -1
- package/dist/chunk-KRWGSOJ2.js +0 -91
- package/dist/chunk-KRWGSOJ2.js.map +0 -1
- package/dist/chunk-KXRWNFQJ.js +0 -51
- package/dist/chunk-KXRWNFQJ.js.map +0 -1
- package/dist/chunk-LTFH7SEG.js +0 -373
- package/dist/chunk-LTFH7SEG.js.map +0 -1
- package/dist/chunk-MUNOKLLE.js +0 -165
- package/dist/chunk-MUNOKLLE.js.map +0 -1
- package/dist/chunk-MXGLYWVP.cjs +0 -351
- package/dist/chunk-MXGLYWVP.cjs.map +0 -1
- package/dist/chunk-OP6PHB2U.js +0 -81
- package/dist/chunk-OP6PHB2U.js.map +0 -1
- package/dist/chunk-OYC34VTO.cjs +0 -3957
- package/dist/chunk-OYC34VTO.cjs.map +0 -1
- package/dist/chunk-PQL5I3F6.cjs +0 -421
- package/dist/chunk-PQL5I3F6.cjs.map +0 -1
- package/dist/chunk-REZTQ4PH.cjs +0 -488
- package/dist/chunk-REZTQ4PH.cjs.map +0 -1
- package/dist/chunk-TZRUHQOH.cjs +0 -91
- package/dist/chunk-TZRUHQOH.cjs.map +0 -1
- package/dist/chunk-UTYVIOWZ.js +0 -3957
- package/dist/chunk-UTYVIOWZ.js.map +0 -1
- package/dist/chunk-W2LDIX26.cjs +0 -165
- package/dist/chunk-W2LDIX26.cjs.map +0 -1
- package/dist/chunk-WSG64BVN.cjs +0 -219
- package/dist/chunk-WSG64BVN.cjs.map +0 -1
- package/dist/chunk-WTQYGUNF.js +0 -400
- package/dist/chunk-WTQYGUNF.js.map +0 -1
- package/dist/chunk-WYK7EL5R.cjs +0 -895
- package/dist/chunk-WYK7EL5R.cjs.map +0 -1
- package/dist/chunk-XC4KHJYX.cjs +0 -617
- package/dist/chunk-XC4KHJYX.cjs.map +0 -1
- package/dist/chunk-XVBH5XHE.cjs +0 -400
- package/dist/chunk-XVBH5XHE.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-YAFQVVDI.js +0 -488
- package/dist/chunk-YAFQVVDI.js.map +0 -1
- package/dist/components/legend/index.cjs +0 -12
- package/dist/components/legend/index.cjs.map +0 -1
- package/dist/components/legend/index.css +0 -91
- 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 -12
- 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 -29
- package/dist/hooks/index.cjs.map +0 -1
- package/dist/hooks/index.css +0 -9
- package/dist/hooks/index.css.map +0 -1
- package/dist/hooks/index.d.cts +0 -264
- package/dist/hooks/index.d.ts +0 -264
- package/dist/hooks/index.js +0 -29
- package/dist/hooks/index.js.map +0 -1
- package/dist/leaderboard-chart-BSbg0ufV.d.cts +0 -79
- package/dist/leaderboard-chart-odEYxxEC.d.ts +0 -79
- package/dist/legend-DFkosEvC.d.cts +0 -9
- package/dist/legend-DLswHhOk.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 -9
- 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-D0qc5JaW.d.cts +0 -67
- package/dist/themes-itO4Ht5g.d.ts +0 -67
- package/dist/types-B5f6XQ7Q.d.cts +0 -19
- package/dist/types-BsHooDbM.d.ts +0 -19
- package/dist/types-BuSrRM4p.d.ts +0 -49
- package/dist/types-ChOUI9-N.d.cts +0 -545
- package/dist/types-ChOUI9-N.d.ts +0 -545
- package/dist/types-Dfw9VOKI.d.cts +0 -49
- 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
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { O as Optional, B as BaseChartProps, e as DataPointPercentage } from '../../types-ChOUI9-N.cjs';
|
|
3
|
-
import { LegendValueDisplay } from '../../components/legend/index.cjs';
|
|
4
|
-
import { C as ChartComponentWithComposition } from '../../types-B5f6XQ7Q.cjs';
|
|
5
|
-
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.cjs';
|
|
6
|
-
import { PieArcDatum } from '@visx/shape/lib/shapes/Pie';
|
|
7
|
-
import '@visx/annotation/lib/components/CircleSubject';
|
|
8
|
-
import '@visx/annotation/lib/components/Connector';
|
|
9
|
-
import '@visx/annotation/lib/components/Label';
|
|
10
|
-
import '@visx/annotation/lib/components/LineSubject';
|
|
11
|
-
import '@visx/axis';
|
|
12
|
-
import '@visx/legend/lib/types';
|
|
13
|
-
import '@visx/scale';
|
|
14
|
-
import '@visx/text/lib/Text';
|
|
15
|
-
import '@visx/xychart';
|
|
16
|
-
import '@wordpress/theme';
|
|
17
|
-
import 'react-google-charts';
|
|
18
|
-
import '../../legend-DFkosEvC.cjs';
|
|
19
|
-
import '../../types-Dfw9VOKI.cjs';
|
|
20
|
-
import '@visx/legend';
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Parameters passed to the renderTooltip function for semi-circle charts.
|
|
24
|
-
*/
|
|
25
|
-
type PieSemiCircleChartRenderTooltipParams = {
|
|
26
|
-
/**
|
|
27
|
-
* The data point being hovered, including label, value, and percentage.
|
|
28
|
-
*/
|
|
29
|
-
tooltipData: DataPointPercentage;
|
|
30
|
-
};
|
|
31
|
-
interface PieSemiCircleChartProps extends BaseChartProps<DataPointPercentage[]> {
|
|
32
|
-
/**
|
|
33
|
-
* Explicit width of the chart container in pixels.
|
|
34
|
-
* When omitted, the chart fills its parent container's width.
|
|
35
|
-
* The chart always maintains a 2:1 width-to-height ratio, constrained by available space.
|
|
36
|
-
*/
|
|
37
|
-
width?: number;
|
|
38
|
-
/**
|
|
39
|
-
* Thickness of the pie chart. A value between 0 and 1
|
|
40
|
-
*/
|
|
41
|
-
thickness?: number;
|
|
42
|
-
/**
|
|
43
|
-
* Direction of chart rendering
|
|
44
|
-
* true for clockwise, false for counter-clockwise
|
|
45
|
-
*/
|
|
46
|
-
clockwise?: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Label text to display above the chart
|
|
49
|
-
*/
|
|
50
|
-
label?: string;
|
|
51
|
-
/**
|
|
52
|
-
* Note text to display below the label
|
|
53
|
-
*/
|
|
54
|
-
note?: string;
|
|
55
|
-
/**
|
|
56
|
-
* Use the children prop to render additional elements on the chart.
|
|
57
|
-
*/
|
|
58
|
-
children?: ReactNode;
|
|
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
|
-
* Horizontal offset for tooltip positioning in pixels (default: 0)
|
|
69
|
-
*/
|
|
70
|
-
tooltipOffsetX?: number;
|
|
71
|
-
/**
|
|
72
|
-
* Vertical offset for tooltip positioning in pixels (default: -15)
|
|
73
|
-
*/
|
|
74
|
-
tooltipOffsetY?: number;
|
|
75
|
-
/**
|
|
76
|
-
* Custom render function for tooltip content.
|
|
77
|
-
* When provided, replaces the default BaseTooltip with custom content.
|
|
78
|
-
*/
|
|
79
|
-
renderTooltip?: (params: PieSemiCircleChartRenderTooltipParams) => ReactNode;
|
|
80
|
-
}
|
|
81
|
-
type PieSemiCircleChartBaseProps = Optional<PieSemiCircleChartProps, 'width'>;
|
|
82
|
-
type PieSemiCircleChartComponent = ChartComponentWithComposition<PieSemiCircleChartBaseProps>;
|
|
83
|
-
type PieSemiCircleChartResponsiveComponent = ChartComponentWithComposition<PieSemiCircleChartBaseProps & ResponsiveConfig>;
|
|
84
|
-
type ArcData = PieArcDatum<DataPointPercentage>;
|
|
85
|
-
declare const PieSemiCircleChart: PieSemiCircleChartComponent;
|
|
86
|
-
declare const PieSemiCircleChartResponsive: PieSemiCircleChartResponsiveComponent;
|
|
87
|
-
|
|
88
|
-
export { type ArcData, PieSemiCircleChartResponsive as PieSemiCircleChart, type PieSemiCircleChartProps, type PieSemiCircleChartRenderTooltipParams, PieSemiCircleChart as PieSemiCircleChartUnresponsive };
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { O as Optional, B as BaseChartProps, e as DataPointPercentage } from '../../types-ChOUI9-N.js';
|
|
3
|
-
import { LegendValueDisplay } from '../../components/legend/index.js';
|
|
4
|
-
import { C as ChartComponentWithComposition } from '../../types-BsHooDbM.js';
|
|
5
|
-
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.js';
|
|
6
|
-
import { PieArcDatum } from '@visx/shape/lib/shapes/Pie';
|
|
7
|
-
import '@visx/annotation/lib/components/CircleSubject';
|
|
8
|
-
import '@visx/annotation/lib/components/Connector';
|
|
9
|
-
import '@visx/annotation/lib/components/Label';
|
|
10
|
-
import '@visx/annotation/lib/components/LineSubject';
|
|
11
|
-
import '@visx/axis';
|
|
12
|
-
import '@visx/legend/lib/types';
|
|
13
|
-
import '@visx/scale';
|
|
14
|
-
import '@visx/text/lib/Text';
|
|
15
|
-
import '@visx/xychart';
|
|
16
|
-
import '@wordpress/theme';
|
|
17
|
-
import 'react-google-charts';
|
|
18
|
-
import '../../legend-DLswHhOk.js';
|
|
19
|
-
import '../../types-BuSrRM4p.js';
|
|
20
|
-
import '@visx/legend';
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Parameters passed to the renderTooltip function for semi-circle charts.
|
|
24
|
-
*/
|
|
25
|
-
type PieSemiCircleChartRenderTooltipParams = {
|
|
26
|
-
/**
|
|
27
|
-
* The data point being hovered, including label, value, and percentage.
|
|
28
|
-
*/
|
|
29
|
-
tooltipData: DataPointPercentage;
|
|
30
|
-
};
|
|
31
|
-
interface PieSemiCircleChartProps extends BaseChartProps<DataPointPercentage[]> {
|
|
32
|
-
/**
|
|
33
|
-
* Explicit width of the chart container in pixels.
|
|
34
|
-
* When omitted, the chart fills its parent container's width.
|
|
35
|
-
* The chart always maintains a 2:1 width-to-height ratio, constrained by available space.
|
|
36
|
-
*/
|
|
37
|
-
width?: number;
|
|
38
|
-
/**
|
|
39
|
-
* Thickness of the pie chart. A value between 0 and 1
|
|
40
|
-
*/
|
|
41
|
-
thickness?: number;
|
|
42
|
-
/**
|
|
43
|
-
* Direction of chart rendering
|
|
44
|
-
* true for clockwise, false for counter-clockwise
|
|
45
|
-
*/
|
|
46
|
-
clockwise?: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Label text to display above the chart
|
|
49
|
-
*/
|
|
50
|
-
label?: string;
|
|
51
|
-
/**
|
|
52
|
-
* Note text to display below the label
|
|
53
|
-
*/
|
|
54
|
-
note?: string;
|
|
55
|
-
/**
|
|
56
|
-
* Use the children prop to render additional elements on the chart.
|
|
57
|
-
*/
|
|
58
|
-
children?: ReactNode;
|
|
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
|
-
* Horizontal offset for tooltip positioning in pixels (default: 0)
|
|
69
|
-
*/
|
|
70
|
-
tooltipOffsetX?: number;
|
|
71
|
-
/**
|
|
72
|
-
* Vertical offset for tooltip positioning in pixels (default: -15)
|
|
73
|
-
*/
|
|
74
|
-
tooltipOffsetY?: number;
|
|
75
|
-
/**
|
|
76
|
-
* Custom render function for tooltip content.
|
|
77
|
-
* When provided, replaces the default BaseTooltip with custom content.
|
|
78
|
-
*/
|
|
79
|
-
renderTooltip?: (params: PieSemiCircleChartRenderTooltipParams) => ReactNode;
|
|
80
|
-
}
|
|
81
|
-
type PieSemiCircleChartBaseProps = Optional<PieSemiCircleChartProps, 'width'>;
|
|
82
|
-
type PieSemiCircleChartComponent = ChartComponentWithComposition<PieSemiCircleChartBaseProps>;
|
|
83
|
-
type PieSemiCircleChartResponsiveComponent = ChartComponentWithComposition<PieSemiCircleChartBaseProps & ResponsiveConfig>;
|
|
84
|
-
type ArcData = PieArcDatum<DataPointPercentage>;
|
|
85
|
-
declare const PieSemiCircleChart: PieSemiCircleChartComponent;
|
|
86
|
-
declare const PieSemiCircleChartResponsive: PieSemiCircleChartResponsiveComponent;
|
|
87
|
-
|
|
88
|
-
export { type ArcData, PieSemiCircleChartResponsive as PieSemiCircleChart, type PieSemiCircleChartProps, type PieSemiCircleChartRenderTooltipParams, PieSemiCircleChart as PieSemiCircleChartUnresponsive };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
PieSemiCircleChart,
|
|
3
|
-
PieSemiCircleChartResponsive
|
|
4
|
-
} from "../../chunk-LTFH7SEG.js";
|
|
5
|
-
import "../../chunk-KXRWNFQJ.js";
|
|
6
|
-
import "../../chunk-KRWGSOJ2.js";
|
|
7
|
-
import "../../chunk-WTQYGUNF.js";
|
|
8
|
-
import "../../chunk-BPYKWMI7.js";
|
|
9
|
-
import "../../chunk-YAFQVVDI.js";
|
|
10
|
-
import "../../chunk-OP6PHB2U.js";
|
|
11
|
-
import "../../chunk-2I67QUIV.js";
|
|
12
|
-
import "../../chunk-JJIMABHT.js";
|
|
13
|
-
import "../../chunk-G3PMV62Z.js";
|
|
14
|
-
export {
|
|
15
|
-
PieSemiCircleChartResponsive as PieSemiCircleChart,
|
|
16
|
-
PieSemiCircleChart as PieSemiCircleChartUnresponsive
|
|
17
|
-
};
|
|
18
|
-
//# 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 _chunkW2LDIX26cjs = require('../../chunk-W2LDIX26.cjs');
|
|
5
|
-
require('../../chunk-CPPXJATQ.cjs');
|
|
6
|
-
require('../../chunk-TZRUHQOH.cjs');
|
|
7
|
-
require('../../chunk-XVBH5XHE.cjs');
|
|
8
|
-
require('../../chunk-Y3NNQMAX.cjs');
|
|
9
|
-
require('../../chunk-REZTQ4PH.cjs');
|
|
10
|
-
require('../../chunk-ASLARV7L.cjs');
|
|
11
|
-
require('../../chunk-WYK7EL5R.cjs');
|
|
12
|
-
require('../../chunk-MXGLYWVP.cjs');
|
|
13
|
-
require('../../chunk-EMMSS5I5.cjs');
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
exports.Sparkline = _chunkW2LDIX26cjs.Sparkline; exports.SparklineUnresponsive = _chunkW2LDIX26cjs.SparklineUnresponsive;
|
|
18
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/sparkline/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,yHAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/sparkline/index.cjs"}
|
|
@@ -1,230 +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-89ApsU {
|
|
12
|
-
align-self: stretch;
|
|
13
|
-
}
|
|
14
|
-
.a8ccharts-AELBvX {
|
|
15
|
-
display: flex;
|
|
16
|
-
flex-direction: row;
|
|
17
|
-
flex-wrap: wrap;
|
|
18
|
-
gap: 16px;
|
|
19
|
-
}
|
|
20
|
-
.a8ccharts-fX8uQe {
|
|
21
|
-
display: flex;
|
|
22
|
-
flex-direction: column;
|
|
23
|
-
gap: 8px;
|
|
24
|
-
}
|
|
25
|
-
.a8ccharts-DEe0wg {
|
|
26
|
-
justify-content: flex-start;
|
|
27
|
-
}
|
|
28
|
-
.a8ccharts-WBKF9I {
|
|
29
|
-
justify-content: center;
|
|
30
|
-
}
|
|
31
|
-
.a8ccharts-JfwMng {
|
|
32
|
-
justify-content: flex-end;
|
|
33
|
-
}
|
|
34
|
-
.a8ccharts-fX8uQe.a8ccharts-DEe0wg {
|
|
35
|
-
align-items: flex-start;
|
|
36
|
-
}
|
|
37
|
-
.a8ccharts-fX8uQe.a8ccharts-WBKF9I {
|
|
38
|
-
align-items: center;
|
|
39
|
-
}
|
|
40
|
-
.a8ccharts-fX8uQe.a8ccharts-JfwMng {
|
|
41
|
-
align-items: flex-end;
|
|
42
|
-
}
|
|
43
|
-
.a8ccharts-Vflwq8 {
|
|
44
|
-
display: flex;
|
|
45
|
-
align-items: center;
|
|
46
|
-
font-size: 0.875rem;
|
|
47
|
-
}
|
|
48
|
-
.a8ccharts-qGsavM {
|
|
49
|
-
cursor: pointer;
|
|
50
|
-
user-select: none;
|
|
51
|
-
transition: opacity 0.2s ease;
|
|
52
|
-
}
|
|
53
|
-
.a8ccharts-qGsavM:hover {
|
|
54
|
-
opacity: 0.8;
|
|
55
|
-
}
|
|
56
|
-
.a8ccharts-qGsavM:focus {
|
|
57
|
-
outline: 2px solid currentColor;
|
|
58
|
-
outline-offset: 2px;
|
|
59
|
-
border-radius: 4px;
|
|
60
|
-
}
|
|
61
|
-
.a8ccharts-qGsavM:focus:not(:focus-visible) {
|
|
62
|
-
outline: none;
|
|
63
|
-
}
|
|
64
|
-
.a8ccharts-ZtDY-Q {
|
|
65
|
-
opacity: 0.4;
|
|
66
|
-
}
|
|
67
|
-
.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {
|
|
68
|
-
text-decoration: line-through;
|
|
69
|
-
}
|
|
70
|
-
.a8ccharts-2H65Kr {
|
|
71
|
-
display: flex;
|
|
72
|
-
align-items: center;
|
|
73
|
-
gap: 0.5rem;
|
|
74
|
-
}
|
|
75
|
-
.a8ccharts-faSDBI {
|
|
76
|
-
overflow-wrap: break-word;
|
|
77
|
-
white-space: normal;
|
|
78
|
-
hyphens: auto;
|
|
79
|
-
}
|
|
80
|
-
.a8ccharts-FISUIO {
|
|
81
|
-
white-space: nowrap;
|
|
82
|
-
overflow: hidden;
|
|
83
|
-
text-overflow: ellipsis;
|
|
84
|
-
flex-shrink: 1;
|
|
85
|
-
min-width: 0;
|
|
86
|
-
}
|
|
87
|
-
.a8ccharts-DTZlT- {
|
|
88
|
-
font-weight: 500;
|
|
89
|
-
flex-shrink: 0;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
/* esbuild-sass-plugin:css-chunk:src/components/tooltip/base-tooltip.module.scss */
|
|
93
|
-
.a8ccharts-OfX6nd {
|
|
94
|
-
padding: 0.5rem;
|
|
95
|
-
background-color: rgba(0, 0, 0, 0.85);
|
|
96
|
-
color: #fff;
|
|
97
|
-
border-radius: 4px;
|
|
98
|
-
font-size: 14px;
|
|
99
|
-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
100
|
-
position: absolute;
|
|
101
|
-
pointer-events: none;
|
|
102
|
-
transform: translate(-50%, -100%);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
/* esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss */
|
|
106
|
-
.a8ccharts-GSKfBD {
|
|
107
|
-
min-width: 0;
|
|
108
|
-
min-height: 0;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
/* esbuild-sass-plugin:css-chunk:src/charts/line-chart/line-chart.module.scss */
|
|
112
|
-
.a8ccharts-v-oO8E {
|
|
113
|
-
position: relative;
|
|
114
|
-
}
|
|
115
|
-
.a8ccharts-cpMNjj {
|
|
116
|
-
flex: 1;
|
|
117
|
-
min-height: 0;
|
|
118
|
-
}
|
|
119
|
-
.a8ccharts-QrkuTW path {
|
|
120
|
-
transform-origin: 0 95%;
|
|
121
|
-
transform: scaleY(0);
|
|
122
|
-
animation: a8ccharts--rxDU3 1s ease-out forwards;
|
|
123
|
-
}
|
|
124
|
-
.a8ccharts-v-oO8E svg {
|
|
125
|
-
overflow: visible;
|
|
126
|
-
}
|
|
127
|
-
.a8ccharts-Tu0rR-,
|
|
128
|
-
.a8ccharts--RSWXi {
|
|
129
|
-
background: #fff;
|
|
130
|
-
padding: 0.5rem;
|
|
131
|
-
}
|
|
132
|
-
.a8ccharts-Q-b5A1 {
|
|
133
|
-
font-weight: 700;
|
|
134
|
-
padding-bottom: 10px;
|
|
135
|
-
}
|
|
136
|
-
.a8ccharts-19N7T9 {
|
|
137
|
-
display: flex;
|
|
138
|
-
align-items: center;
|
|
139
|
-
padding: 4px 0;
|
|
140
|
-
justify-content: space-between;
|
|
141
|
-
}
|
|
142
|
-
.a8ccharts-HOAXrD {
|
|
143
|
-
font-weight: 500;
|
|
144
|
-
padding-right: 1rem;
|
|
145
|
-
}
|
|
146
|
-
.a8ccharts-rQiY8O {
|
|
147
|
-
position: absolute;
|
|
148
|
-
left: 0;
|
|
149
|
-
top: 0;
|
|
150
|
-
overflow: visible;
|
|
151
|
-
pointer-events: none;
|
|
152
|
-
}
|
|
153
|
-
.a8ccharts-8AKWOe {
|
|
154
|
-
pointer-events: auto;
|
|
155
|
-
}
|
|
156
|
-
.a8ccharts-7mh3Cl {
|
|
157
|
-
display: flex;
|
|
158
|
-
align-items: center;
|
|
159
|
-
justify-content: center;
|
|
160
|
-
pointer-events: auto;
|
|
161
|
-
cursor: pointer;
|
|
162
|
-
border: none;
|
|
163
|
-
background: none;
|
|
164
|
-
padding: 0;
|
|
165
|
-
}
|
|
166
|
-
.a8ccharts--RSWXi {
|
|
167
|
-
min-width: 125px;
|
|
168
|
-
background: #fff;
|
|
169
|
-
border: none;
|
|
170
|
-
border-radius: 4px;
|
|
171
|
-
font-size: 14px;
|
|
172
|
-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
173
|
-
position: fixed;
|
|
174
|
-
margin: 0.5rem;
|
|
175
|
-
visibility: hidden;
|
|
176
|
-
}
|
|
177
|
-
.a8ccharts-VAeVuJ {
|
|
178
|
-
visibility: visible;
|
|
179
|
-
}
|
|
180
|
-
.a8ccharts-TEe-iV {
|
|
181
|
-
position: initial;
|
|
182
|
-
margin: auto;
|
|
183
|
-
}
|
|
184
|
-
.a8ccharts-LAUpx7 {
|
|
185
|
-
display: flex;
|
|
186
|
-
flex-direction: row;
|
|
187
|
-
justify-content: space-between;
|
|
188
|
-
align-items: start;
|
|
189
|
-
}
|
|
190
|
-
.a8ccharts-b76gEu {
|
|
191
|
-
padding: 0.5rem;
|
|
192
|
-
}
|
|
193
|
-
.a8ccharts-LIpFoS {
|
|
194
|
-
background: none;
|
|
195
|
-
border: none;
|
|
196
|
-
cursor: pointer;
|
|
197
|
-
width: 44px;
|
|
198
|
-
height: 44px;
|
|
199
|
-
display: flex;
|
|
200
|
-
align-items: center;
|
|
201
|
-
justify-content: center;
|
|
202
|
-
padding: 0;
|
|
203
|
-
}
|
|
204
|
-
.visx-tooltip-glyph svg {
|
|
205
|
-
width: 10px;
|
|
206
|
-
height: 10px;
|
|
207
|
-
}
|
|
208
|
-
@keyframes a8ccharts--rxDU3 {
|
|
209
|
-
to {
|
|
210
|
-
transform: scaleY(1);
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
/* esbuild-sass-plugin:css-chunk:src/charts/sparkline/sparkline.module.scss */
|
|
215
|
-
.a8ccharts-o-3Z8B {
|
|
216
|
-
display: inline-block;
|
|
217
|
-
vertical-align: middle;
|
|
218
|
-
line-height: 1;
|
|
219
|
-
}
|
|
220
|
-
.a8ccharts-o-3Z8B svg {
|
|
221
|
-
display: block;
|
|
222
|
-
overflow: visible;
|
|
223
|
-
}
|
|
224
|
-
.a8ccharts-o-3Z8B path {
|
|
225
|
-
vector-effect: non-scaling-stroke;
|
|
226
|
-
}
|
|
227
|
-
.a8ccharts-CbLbcd {
|
|
228
|
-
display: inline-block;
|
|
229
|
-
}
|
|
230
|
-
/*# 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/line-chart/line-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/sparkline/sparkline.module.scss"],"sourcesContent":[".a8ccharts-jCw5dQ {\n position: fixed;\n inset: 0;\n overflow: visible;\n z-index: 1;\n pointer-events: none;\n}",".a8ccharts-89ApsU {\n align-self: stretch;\n}\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-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-JfwMng {\n justify-content: flex-end;\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\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-v-oO8E {\n position: relative;\n}\n.a8ccharts-cpMNjj {\n flex: 1;\n min-height: 0;\n}\n.a8ccharts-QrkuTW path {\n transform-origin: 0 95%;\n transform: scaleY(0);\n animation: a8ccharts--rxDU3 1s ease-out forwards;\n}\n.a8ccharts-v-oO8E svg {\n overflow: visible;\n}\n.a8ccharts-Tu0rR-, .a8ccharts--RSWXi {\n background: #fff;\n padding: 0.5rem;\n}\n.a8ccharts-Q-b5A1 {\n font-weight: 700;\n padding-bottom: 10px;\n}\n.a8ccharts-19N7T9 {\n display: flex;\n align-items: center;\n padding: 4px 0;\n justify-content: space-between;\n}\n.a8ccharts-HOAXrD {\n font-weight: 500;\n padding-right: 1rem;\n}\n.a8ccharts-rQiY8O {\n position: absolute;\n left: 0;\n top: 0;\n overflow: visible;\n pointer-events: none;\n}\n.a8ccharts-8AKWOe {\n pointer-events: auto;\n}\n.a8ccharts-7mh3Cl {\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n cursor: pointer;\n border: none;\n background: none;\n padding: 0;\n}\n.a8ccharts--RSWXi {\n min-width: 125px;\n background: #fff;\n border: none;\n border-radius: 4px;\n font-size: 14px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: fixed;\n margin: 0.5rem;\n visibility: hidden;\n}\n.a8ccharts-VAeVuJ {\n visibility: visible;\n}\n.a8ccharts-TEe-iV {\n position: initial;\n margin: auto;\n}\n.a8ccharts-LAUpx7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n}\n.a8ccharts-b76gEu {\n padding: 0.5rem;\n}\n.a8ccharts-LIpFoS {\n background: none;\n border: none;\n cursor: pointer;\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n\n.visx-tooltip-glyph svg {\n width: 10px;\n height: 10px;\n}\n\n@keyframes a8ccharts--rxDU3 {\n to {\n transform: scaleY(1);\n }\n}",".a8ccharts-o-3Z8B {\n display: inline-block;\n vertical-align: middle;\n line-height: 1;\n}\n.a8ccharts-o-3Z8B svg {\n display: block;\n overflow: visible;\n}\n.a8ccharts-o-3Z8B path {\n vector-effect: non-scaling-stroke;\n}\n.a8ccharts-CbLbcd {\n display: inline-block;\n}"],"mappings":"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","names":[]}
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.cjs';
|
|
3
|
-
import * as react from 'react';
|
|
4
|
-
|
|
5
|
-
type SparklineDataPoint = number;
|
|
6
|
-
type GradientConfig = {
|
|
7
|
-
/**
|
|
8
|
-
* Start color for gradient (defaults to color prop)
|
|
9
|
-
*/
|
|
10
|
-
from?: string;
|
|
11
|
-
/**
|
|
12
|
-
* End color for gradient (defaults to theme backgroundColor)
|
|
13
|
-
*/
|
|
14
|
-
to?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Start opacity (0-1)
|
|
17
|
-
* @default 0.5
|
|
18
|
-
*/
|
|
19
|
-
fromOpacity?: number;
|
|
20
|
-
/**
|
|
21
|
-
* End opacity (0-1)
|
|
22
|
-
* @default 0.0
|
|
23
|
-
*/
|
|
24
|
-
toOpacity?: number;
|
|
25
|
-
};
|
|
26
|
-
interface SparklineProps {
|
|
27
|
-
/**
|
|
28
|
-
* Array of numeric values to plot
|
|
29
|
-
* @example [10, 25, 15, 30, 22, 35]
|
|
30
|
-
*/
|
|
31
|
-
data: SparklineDataPoint[];
|
|
32
|
-
/**
|
|
33
|
-
* Width of the sparkline in pixels
|
|
34
|
-
* @default 100
|
|
35
|
-
*/
|
|
36
|
-
width?: number;
|
|
37
|
-
/**
|
|
38
|
-
* Height of the sparkline in pixels
|
|
39
|
-
* @default 40
|
|
40
|
-
*/
|
|
41
|
-
height?: number;
|
|
42
|
-
/**
|
|
43
|
-
* Size (used by responsive variant, equivalent to width for square charts)
|
|
44
|
-
*/
|
|
45
|
-
size?: number;
|
|
46
|
-
/**
|
|
47
|
-
* Color for the line stroke (hex or CSS color)
|
|
48
|
-
* @default Theme color (first color in theme.colors array)
|
|
49
|
-
*/
|
|
50
|
-
color?: string;
|
|
51
|
-
/**
|
|
52
|
-
* Line stroke width in pixels
|
|
53
|
-
* @default 1
|
|
54
|
-
*/
|
|
55
|
-
strokeWidth?: number;
|
|
56
|
-
/**
|
|
57
|
-
* Whether to render the gradient fill beneath the line
|
|
58
|
-
* @default true
|
|
59
|
-
*/
|
|
60
|
-
withGradientFill?: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Gradient configuration for area fill
|
|
63
|
-
* If not provided, uses color prop with default opacity values
|
|
64
|
-
*/
|
|
65
|
-
gradient?: GradientConfig;
|
|
66
|
-
/**
|
|
67
|
-
* Additional CSS class name
|
|
68
|
-
*/
|
|
69
|
-
className?: string;
|
|
70
|
-
/**
|
|
71
|
-
* Chart ID for unique gradient/element identification
|
|
72
|
-
*/
|
|
73
|
-
chartId?: string;
|
|
74
|
-
/**
|
|
75
|
-
* Margin around the chart
|
|
76
|
-
* @default { top: 2, right: 2, bottom: 2, left: 2 }
|
|
77
|
-
*/
|
|
78
|
-
margin?: {
|
|
79
|
-
top?: number;
|
|
80
|
-
right?: number;
|
|
81
|
-
bottom?: number;
|
|
82
|
-
left?: number;
|
|
83
|
-
};
|
|
84
|
-
/**
|
|
85
|
-
* Enable entry animation on initial render
|
|
86
|
-
* Creates a rising effect where the line scales up from the bottom.
|
|
87
|
-
* Automatically respects user's prefers-reduced-motion system setting.
|
|
88
|
-
* @default false
|
|
89
|
-
*/
|
|
90
|
-
animation?: boolean;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
/**
|
|
94
|
-
* Sparkline - A minimal line chart for inline data visualization.
|
|
95
|
-
*
|
|
96
|
-
* Sparklines are compact charts designed to be embedded inline with text or
|
|
97
|
-
* displayed in small spaces like table cells or dashboards. They show trends
|
|
98
|
-
* without axes, labels, or other chart chrome.
|
|
99
|
-
*
|
|
100
|
-
* This component is built on top of LineChart with preconfigured settings
|
|
101
|
-
* for minimal display (no axes, grid, tooltips, or legend).
|
|
102
|
-
*/
|
|
103
|
-
declare const SparklineUnresponsive: react.ForwardRefExoticComponent<SparklineProps & react.RefAttributes<HTMLDivElement>>;
|
|
104
|
-
/**
|
|
105
|
-
* Responsive Sparkline chart component
|
|
106
|
-
*/
|
|
107
|
-
declare const Sparkline: ({ resizeDebounceTime, maxWidth, aspectRatio, size, width, height, ...chartProps }: Omit<SparklineProps, "width" | "height" | "size"> & {
|
|
108
|
-
width?: number;
|
|
109
|
-
height?: number;
|
|
110
|
-
size?: number;
|
|
111
|
-
} & ResponsiveConfig) => react_jsx_runtime.JSX.Element;
|
|
112
|
-
|
|
113
|
-
export { type GradientConfig, Sparkline, type SparklineDataPoint, type SparklineProps, SparklineUnresponsive };
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.js';
|
|
3
|
-
import * as react from 'react';
|
|
4
|
-
|
|
5
|
-
type SparklineDataPoint = number;
|
|
6
|
-
type GradientConfig = {
|
|
7
|
-
/**
|
|
8
|
-
* Start color for gradient (defaults to color prop)
|
|
9
|
-
*/
|
|
10
|
-
from?: string;
|
|
11
|
-
/**
|
|
12
|
-
* End color for gradient (defaults to theme backgroundColor)
|
|
13
|
-
*/
|
|
14
|
-
to?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Start opacity (0-1)
|
|
17
|
-
* @default 0.5
|
|
18
|
-
*/
|
|
19
|
-
fromOpacity?: number;
|
|
20
|
-
/**
|
|
21
|
-
* End opacity (0-1)
|
|
22
|
-
* @default 0.0
|
|
23
|
-
*/
|
|
24
|
-
toOpacity?: number;
|
|
25
|
-
};
|
|
26
|
-
interface SparklineProps {
|
|
27
|
-
/**
|
|
28
|
-
* Array of numeric values to plot
|
|
29
|
-
* @example [10, 25, 15, 30, 22, 35]
|
|
30
|
-
*/
|
|
31
|
-
data: SparklineDataPoint[];
|
|
32
|
-
/**
|
|
33
|
-
* Width of the sparkline in pixels
|
|
34
|
-
* @default 100
|
|
35
|
-
*/
|
|
36
|
-
width?: number;
|
|
37
|
-
/**
|
|
38
|
-
* Height of the sparkline in pixels
|
|
39
|
-
* @default 40
|
|
40
|
-
*/
|
|
41
|
-
height?: number;
|
|
42
|
-
/**
|
|
43
|
-
* Size (used by responsive variant, equivalent to width for square charts)
|
|
44
|
-
*/
|
|
45
|
-
size?: number;
|
|
46
|
-
/**
|
|
47
|
-
* Color for the line stroke (hex or CSS color)
|
|
48
|
-
* @default Theme color (first color in theme.colors array)
|
|
49
|
-
*/
|
|
50
|
-
color?: string;
|
|
51
|
-
/**
|
|
52
|
-
* Line stroke width in pixels
|
|
53
|
-
* @default 1
|
|
54
|
-
*/
|
|
55
|
-
strokeWidth?: number;
|
|
56
|
-
/**
|
|
57
|
-
* Whether to render the gradient fill beneath the line
|
|
58
|
-
* @default true
|
|
59
|
-
*/
|
|
60
|
-
withGradientFill?: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Gradient configuration for area fill
|
|
63
|
-
* If not provided, uses color prop with default opacity values
|
|
64
|
-
*/
|
|
65
|
-
gradient?: GradientConfig;
|
|
66
|
-
/**
|
|
67
|
-
* Additional CSS class name
|
|
68
|
-
*/
|
|
69
|
-
className?: string;
|
|
70
|
-
/**
|
|
71
|
-
* Chart ID for unique gradient/element identification
|
|
72
|
-
*/
|
|
73
|
-
chartId?: string;
|
|
74
|
-
/**
|
|
75
|
-
* Margin around the chart
|
|
76
|
-
* @default { top: 2, right: 2, bottom: 2, left: 2 }
|
|
77
|
-
*/
|
|
78
|
-
margin?: {
|
|
79
|
-
top?: number;
|
|
80
|
-
right?: number;
|
|
81
|
-
bottom?: number;
|
|
82
|
-
left?: number;
|
|
83
|
-
};
|
|
84
|
-
/**
|
|
85
|
-
* Enable entry animation on initial render
|
|
86
|
-
* Creates a rising effect where the line scales up from the bottom.
|
|
87
|
-
* Automatically respects user's prefers-reduced-motion system setting.
|
|
88
|
-
* @default false
|
|
89
|
-
*/
|
|
90
|
-
animation?: boolean;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
/**
|
|
94
|
-
* Sparkline - A minimal line chart for inline data visualization.
|
|
95
|
-
*
|
|
96
|
-
* Sparklines are compact charts designed to be embedded inline with text or
|
|
97
|
-
* displayed in small spaces like table cells or dashboards. They show trends
|
|
98
|
-
* without axes, labels, or other chart chrome.
|
|
99
|
-
*
|
|
100
|
-
* This component is built on top of LineChart with preconfigured settings
|
|
101
|
-
* for minimal display (no axes, grid, tooltips, or legend).
|
|
102
|
-
*/
|
|
103
|
-
declare const SparklineUnresponsive: react.ForwardRefExoticComponent<SparklineProps & react.RefAttributes<HTMLDivElement>>;
|
|
104
|
-
/**
|
|
105
|
-
* Responsive Sparkline chart component
|
|
106
|
-
*/
|
|
107
|
-
declare const Sparkline: ({ resizeDebounceTime, maxWidth, aspectRatio, size, width, height, ...chartProps }: Omit<SparklineProps, "width" | "height" | "size"> & {
|
|
108
|
-
width?: number;
|
|
109
|
-
height?: number;
|
|
110
|
-
size?: number;
|
|
111
|
-
} & ResponsiveConfig) => react_jsx_runtime.JSX.Element;
|
|
112
|
-
|
|
113
|
-
export { type GradientConfig, Sparkline, type SparklineDataPoint, type SparklineProps, SparklineUnresponsive };
|