@automattic/charts 0.58.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 +20 -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,160 +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/charts/private/with-responsive/with-responsive.module.scss */
|
|
93
|
-
.a8ccharts-GSKfBD {
|
|
94
|
-
min-width: 0;
|
|
95
|
-
min-height: 0;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
/* esbuild-sass-plugin:css-chunk:src/charts/leaderboard-chart/leaderboard-chart.module.scss */
|
|
99
|
-
.a8ccharts-V3NYDq {
|
|
100
|
-
transition: opacity 0.3s ease-in-out;
|
|
101
|
-
}
|
|
102
|
-
.a8ccharts-WHNERS {
|
|
103
|
-
height: 100%;
|
|
104
|
-
width: 100%;
|
|
105
|
-
}
|
|
106
|
-
.a8ccharts-JQbl6A {
|
|
107
|
-
opacity: 0.5;
|
|
108
|
-
}
|
|
109
|
-
.a8ccharts-Ml1kKc {
|
|
110
|
-
flex: 1;
|
|
111
|
-
min-height: 0;
|
|
112
|
-
overflow: auto;
|
|
113
|
-
}
|
|
114
|
-
.a8ccharts-ETItHW {
|
|
115
|
-
display: grid;
|
|
116
|
-
align-items: center;
|
|
117
|
-
grid-template-columns: 1fr;
|
|
118
|
-
row-gap: 6px;
|
|
119
|
-
isolation: isolate;
|
|
120
|
-
}
|
|
121
|
-
.a8ccharts-ETItHW.a8ccharts-oA4hdH {
|
|
122
|
-
grid-template: "overlap" 1fr/1fr;
|
|
123
|
-
}
|
|
124
|
-
.a8ccharts-ETItHW.a8ccharts-oA4hdH > * {
|
|
125
|
-
grid-area: overlap;
|
|
126
|
-
}
|
|
127
|
-
.a8ccharts-ETItHW.a8ccharts-oA4hdH .a8ccharts-UciQnF {
|
|
128
|
-
padding-left: 8px;
|
|
129
|
-
}
|
|
130
|
-
.a8ccharts-ETItHW .a8ccharts-np8f0T {
|
|
131
|
-
height: 100%;
|
|
132
|
-
min-height: 6px;
|
|
133
|
-
border-radius: var(--a8c--charts--leaderboard--bar--border-radius, 9999px);
|
|
134
|
-
z-index: -1;
|
|
135
|
-
}
|
|
136
|
-
.a8ccharts-ETItHW .a8ccharts-zq3CmS {
|
|
137
|
-
transform-origin: left;
|
|
138
|
-
transform-box: fill-box;
|
|
139
|
-
transform: scaleX(0);
|
|
140
|
-
animation: a8ccharts-D0Q3w1 1s ease-out forwards;
|
|
141
|
-
}
|
|
142
|
-
@keyframes a8ccharts-D0Q3w1 {
|
|
143
|
-
to {
|
|
144
|
-
transform: scaleX(1);
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
.a8ccharts-B6VcRn {
|
|
148
|
-
justify-content: flex-end;
|
|
149
|
-
}
|
|
150
|
-
.a8ccharts-GB7tyM {
|
|
151
|
-
align-items: center;
|
|
152
|
-
}
|
|
153
|
-
.a8ccharts-E0K4Hr {
|
|
154
|
-
padding: 32px 16px;
|
|
155
|
-
text-align: center;
|
|
156
|
-
color: #666;
|
|
157
|
-
font-size: 14px;
|
|
158
|
-
font-style: italic;
|
|
159
|
-
}
|
|
160
|
-
/*# 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/charts/private/with-responsive/with-responsive.module.scss","esbuild-sass-plugin:css-chunk:src/charts/leaderboard-chart/leaderboard-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-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-GSKfBD {\n min-width: 0;\n min-height: 0;\n}",".a8ccharts-V3NYDq {\n transition: opacity 0.3s ease-in-out;\n}\n.a8ccharts-WHNERS {\n height: 100%;\n width: 100%;\n}\n.a8ccharts-JQbl6A {\n opacity: 0.5;\n}\n.a8ccharts-Ml1kKc {\n flex: 1;\n min-height: 0;\n overflow: auto;\n}\n\n.a8ccharts-ETItHW {\n display: grid;\n align-items: center;\n grid-template-columns: 1fr;\n row-gap: 6px;\n isolation: isolate;\n}\n.a8ccharts-ETItHW.a8ccharts-oA4hdH {\n grid-template: \"overlap\" 1fr/1fr;\n /* contains a single cell callded 'overlap' */\n}\n.a8ccharts-ETItHW.a8ccharts-oA4hdH > * {\n grid-area: overlap;\n}\n.a8ccharts-ETItHW.a8ccharts-oA4hdH .a8ccharts-UciQnF {\n padding-left: 8px;\n}\n.a8ccharts-ETItHW .a8ccharts-np8f0T {\n height: 100%;\n min-height: 6px;\n border-radius: var(--a8c--charts--leaderboard--bar--border-radius, 9999px);\n z-index: -1; /* places it behind the label */\n}\n.a8ccharts-ETItHW .a8ccharts-zq3CmS {\n transform-origin: left;\n transform-box: fill-box;\n transform: scaleX(0);\n animation: a8ccharts-D0Q3w1 1s ease-out forwards;\n}\n@keyframes a8ccharts-D0Q3w1 {\n to {\n transform: scaleX(1);\n }\n}\n\n.a8ccharts-B6VcRn {\n justify-content: flex-end;\n}\n\n.a8ccharts-GB7tyM {\n align-items: center;\n}\n\n.a8ccharts-E0K4Hr {\n padding: 32px 16px;\n text-align: center;\n color: #666;\n font-size: 14px;\n font-style: italic;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACV,WAAS;AACT,kBAAgB;AAClB;;;ACNA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,aAAW;AACX,OAAK;AACP;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAdC,gBAcgB,CAThB;AAUC,eAAa;AACf;AACA,CAjBC,gBAiBgB,CAThB;AAUC,eAAa;AACf;AACA,CApBC,gBAoBgB,CAThB;AAUC,eAAa;AACf;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;;;ACpFA,CAAC;AACC,aAAW;AACX,cAAY;AACd;;;ACHA,CAAC;AACC,cAAY,QAAQ,KAAK;AAC3B;AACA,CAAC;AACC,UAAQ;AACR,SAAO;AACT;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,QAAM;AACN,cAAY;AACZ,YAAU;AACZ;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,yBAAuB;AACvB,WAAS;AACT,aAAW;AACb;AACA,CAPC,gBAOgB,CAAC;AAChB,iBAAe,UAAU,GAAG,CAAC;AAE/B;AACA,CAXC,gBAWgB,CAJC,iBAIiB,EAAE;AACnC,aAAW;AACb;AACA,CAdC,gBAcgB,CAPC,iBAOiB,CAAC;AAClC,gBAAc;AAChB;AACA,CAjBC,iBAiBiB,CAAC;AACjB,UAAQ;AACR,cAAY;AACZ,iBAAe,IAAI,8CAA8C,EAAE;AACnE,WAAS;AACX;AACA,CAvBC,iBAuBiB,CAAC;AACjB,oBAAkB;AAClB,iBAAe;AACf,aAAW,OAAO;AAClB,aAAW,iBAAiB,GAAG,SAAS;AAC1C;AACA,WAFa;AAGX;AACE,eAAW,OAAO;AACpB;AACF;AAEA,CAAC;AACC,mBAAiB;AACnB;AAEA,CAAC;AACC,eAAa;AACf;AAEA,CAAC;AACC,WAAS,KAAK;AACd,cAAY;AACZ,SAAO;AACP,aAAW;AACX,cAAY;AACd;","names":[]}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
export { L as LeaderboardChart, b as LeaderboardChartProps, a as LeaderboardChartUnresponsive } from '../../leaderboard-chart-BSbg0ufV.cjs';
|
|
2
|
-
import { L as LeaderboardEntry } from '../../types-ChOUI9-N.cjs';
|
|
3
|
-
export { M as MetricValueType, f as formatMetricValue } from '../../format-metric-value-MXm5DtQ_.cjs';
|
|
4
|
-
import { B as BaseLegendItem } from '../../types-Dfw9VOKI.cjs';
|
|
5
|
-
import 'react/jsx-runtime';
|
|
6
|
-
import '../../with-responsive-CNfhzAUu.cjs';
|
|
7
|
-
import 'react';
|
|
8
|
-
import '@visx/annotation/lib/components/CircleSubject';
|
|
9
|
-
import '@visx/annotation/lib/components/Connector';
|
|
10
|
-
import '@visx/annotation/lib/components/Label';
|
|
11
|
-
import '@visx/annotation/lib/components/LineSubject';
|
|
12
|
-
import '@visx/axis';
|
|
13
|
-
import '@visx/legend/lib/types';
|
|
14
|
-
import '@visx/scale';
|
|
15
|
-
import '@visx/text/lib/Text';
|
|
16
|
-
import '@visx/xychart';
|
|
17
|
-
import '@wordpress/theme';
|
|
18
|
-
import 'react-google-charts';
|
|
19
|
-
import '@visx/legend';
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Hook to create legend items from leaderboard data
|
|
23
|
-
* @param root0 - Configuration object
|
|
24
|
-
* @param root0.data - Array of leaderboard entries
|
|
25
|
-
* @param root0.primaryColor - Primary color override
|
|
26
|
-
* @param root0.secondaryColor - Secondary color override
|
|
27
|
-
* @param root0.withComparison - Whether comparison data is shown
|
|
28
|
-
* @param root0.withOverlayLabel - Whether to overlay the label on top of the bar
|
|
29
|
-
* @param root0.legendLabels - Custom labels for legend items
|
|
30
|
-
* @param root0.legendLabels.primary - Label for primary period data
|
|
31
|
-
* @param root0.legendLabels.comparison - Label for comparison period data
|
|
32
|
-
* @return Array of legend items for the leaderboard chart
|
|
33
|
-
*/
|
|
34
|
-
declare function useLeaderboardLegendItems({ data, primaryColor, secondaryColor, withComparison, withOverlayLabel, legendLabels, }: {
|
|
35
|
-
data: LeaderboardEntry[];
|
|
36
|
-
primaryColor?: string;
|
|
37
|
-
secondaryColor?: string;
|
|
38
|
-
withComparison: boolean;
|
|
39
|
-
withOverlayLabel: boolean;
|
|
40
|
-
legendLabels?: {
|
|
41
|
-
primary?: string;
|
|
42
|
-
comparison?: string;
|
|
43
|
-
};
|
|
44
|
-
}): BaseLegendItem[];
|
|
45
|
-
|
|
46
|
-
export { LeaderboardEntry, useLeaderboardLegendItems };
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
export { L as LeaderboardChart, b as LeaderboardChartProps, a as LeaderboardChartUnresponsive } from '../../leaderboard-chart-odEYxxEC.js';
|
|
2
|
-
import { L as LeaderboardEntry } from '../../types-ChOUI9-N.js';
|
|
3
|
-
export { M as MetricValueType, f as formatMetricValue } from '../../format-metric-value-MXm5DtQ_.js';
|
|
4
|
-
import { B as BaseLegendItem } from '../../types-BuSrRM4p.js';
|
|
5
|
-
import 'react/jsx-runtime';
|
|
6
|
-
import '../../with-responsive-CNfhzAUu.js';
|
|
7
|
-
import 'react';
|
|
8
|
-
import '@visx/annotation/lib/components/CircleSubject';
|
|
9
|
-
import '@visx/annotation/lib/components/Connector';
|
|
10
|
-
import '@visx/annotation/lib/components/Label';
|
|
11
|
-
import '@visx/annotation/lib/components/LineSubject';
|
|
12
|
-
import '@visx/axis';
|
|
13
|
-
import '@visx/legend/lib/types';
|
|
14
|
-
import '@visx/scale';
|
|
15
|
-
import '@visx/text/lib/Text';
|
|
16
|
-
import '@visx/xychart';
|
|
17
|
-
import '@wordpress/theme';
|
|
18
|
-
import 'react-google-charts';
|
|
19
|
-
import '@visx/legend';
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Hook to create legend items from leaderboard data
|
|
23
|
-
* @param root0 - Configuration object
|
|
24
|
-
* @param root0.data - Array of leaderboard entries
|
|
25
|
-
* @param root0.primaryColor - Primary color override
|
|
26
|
-
* @param root0.secondaryColor - Secondary color override
|
|
27
|
-
* @param root0.withComparison - Whether comparison data is shown
|
|
28
|
-
* @param root0.withOverlayLabel - Whether to overlay the label on top of the bar
|
|
29
|
-
* @param root0.legendLabels - Custom labels for legend items
|
|
30
|
-
* @param root0.legendLabels.primary - Label for primary period data
|
|
31
|
-
* @param root0.legendLabels.comparison - Label for comparison period data
|
|
32
|
-
* @return Array of legend items for the leaderboard chart
|
|
33
|
-
*/
|
|
34
|
-
declare function useLeaderboardLegendItems({ data, primaryColor, secondaryColor, withComparison, withOverlayLabel, legendLabels, }: {
|
|
35
|
-
data: LeaderboardEntry[];
|
|
36
|
-
primaryColor?: string;
|
|
37
|
-
secondaryColor?: string;
|
|
38
|
-
withComparison: boolean;
|
|
39
|
-
withOverlayLabel: boolean;
|
|
40
|
-
legendLabels?: {
|
|
41
|
-
primary?: string;
|
|
42
|
-
comparison?: string;
|
|
43
|
-
};
|
|
44
|
-
}): BaseLegendItem[];
|
|
45
|
-
|
|
46
|
-
export { LeaderboardEntry, useLeaderboardLegendItems };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
LeaderboardChart,
|
|
3
|
-
LeaderboardChartResponsive,
|
|
4
|
-
useLeaderboardLegendItems
|
|
5
|
-
} from "../../chunk-UTYVIOWZ.js";
|
|
6
|
-
import "../../chunk-KRWGSOJ2.js";
|
|
7
|
-
import "../../chunk-WTQYGUNF.js";
|
|
8
|
-
import "../../chunk-YAFQVVDI.js";
|
|
9
|
-
import "../../chunk-OP6PHB2U.js";
|
|
10
|
-
import "../../chunk-2I67QUIV.js";
|
|
11
|
-
import {
|
|
12
|
-
formatMetricValue
|
|
13
|
-
} from "../../chunk-JJIMABHT.js";
|
|
14
|
-
import "../../chunk-G3PMV62Z.js";
|
|
15
|
-
export {
|
|
16
|
-
LeaderboardChartResponsive as LeaderboardChart,
|
|
17
|
-
LeaderboardChart as LeaderboardChartUnresponsive,
|
|
18
|
-
formatMetricValue,
|
|
19
|
-
useLeaderboardLegendItems
|
|
20
|
-
};
|
|
21
|
-
//# 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 _chunkCPPXJATQcjs = require('../../chunk-CPPXJATQ.cjs');
|
|
5
|
-
require('../../chunk-TZRUHQOH.cjs');
|
|
6
|
-
require('../../chunk-XVBH5XHE.cjs');
|
|
7
|
-
require('../../chunk-Y3NNQMAX.cjs');
|
|
8
|
-
require('../../chunk-REZTQ4PH.cjs');
|
|
9
|
-
require('../../chunk-ASLARV7L.cjs');
|
|
10
|
-
require('../../chunk-WYK7EL5R.cjs');
|
|
11
|
-
require('../../chunk-MXGLYWVP.cjs');
|
|
12
|
-
require('../../chunk-EMMSS5I5.cjs');
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
exports.LineChart = _chunkCPPXJATQcjs.LineChartResponsive; exports.LineChartUnresponsive = _chunkCPPXJATQcjs.LineChart;
|
|
17
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/line-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,uHAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/line-chart/index.cjs"}
|
|
@@ -1,213 +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
|
-
/*# 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"],"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}"],"mappings":"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","names":[]}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { L as Legend } from '../../legend-DFkosEvC.cjs';
|
|
2
|
-
import { B as BaseChartProps, o as SeriesData, d as DataPointDate, A as AnnotationStyles, O as Optional } from '../../types-ChOUI9-N.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-Dfw9VOKI.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
|
-
children?: ReactNode;
|
|
79
|
-
}
|
|
80
|
-
type TooltipDatum = {
|
|
81
|
-
key: string;
|
|
82
|
-
value: number;
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
declare const LineChartAnnotation: FC<LineChartAnnotationProps>;
|
|
86
|
-
|
|
87
|
-
type LineChartAnnotationComponents = {
|
|
88
|
-
AnnotationsOverlay: typeof LineChartAnnotationsOverlay;
|
|
89
|
-
Annotation: typeof LineChartAnnotation;
|
|
90
|
-
Legend: typeof Legend;
|
|
91
|
-
};
|
|
92
|
-
type LineChartBaseProps = Optional<LineChartProps, 'width' | 'height' | 'size'>;
|
|
93
|
-
type LineChartComponent = React.ForwardRefExoticComponent<LineChartBaseProps & React.RefAttributes<SingleChartRef>> & LineChartAnnotationComponents;
|
|
94
|
-
type LineChartResponsiveComponent = React.ForwardRefExoticComponent<LineChartBaseProps & ResponsiveConfig & React.RefAttributes<SingleChartRef>> & LineChartAnnotationComponents;
|
|
95
|
-
declare const LineChart: LineChartComponent;
|
|
96
|
-
declare const LineChartResponsive: LineChartResponsiveComponent;
|
|
97
|
-
|
|
98
|
-
export { AnnotationStyles, type CurveType, LineChartResponsive as LineChart, type LineChartAnnotationProps, type LineChartProps, LineChart as LineChartUnresponsive, type RenderLineGlyphProps, type TooltipDatum };
|