@automattic/charts 1.2.0 → 1.3.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 +14 -1
- package/dist/index.cjs +5013 -4565
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +108 -90
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +120 -64
- package/dist/index.d.ts +120 -64
- package/dist/index.js +5032 -4584
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/charts/area-chart/area-chart.module.scss +23 -0
- package/src/charts/area-chart/area-chart.tsx +444 -0
- package/src/charts/area-chart/index.ts +2 -0
- package/src/charts/area-chart/private/index.ts +2 -0
- package/src/charts/area-chart/private/overlays.tsx +123 -0
- package/src/charts/area-chart/private/validate-data.ts +31 -0
- package/src/charts/area-chart/test/area-chart.test.tsx +264 -0
- package/src/charts/area-chart/types.ts +51 -0
- package/src/charts/line-chart/index.ts +1 -1
- package/src/charts/line-chart/line-chart.tsx +8 -118
- package/src/charts/private/time-axis.ts +106 -0
- package/src/components/legend/legend.tsx +1 -0
- package/src/index.ts +2 -0
- package/src/types.ts +1 -0
package/dist/index.css
CHANGED
|
@@ -91,6 +91,114 @@
|
|
|
91
91
|
min-height: 0;
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
+
/* esbuild-sass-plugin:css-chunk:src/charts/line-chart/line-chart.module.scss */
|
|
95
|
+
.a8ccharts-v-oO8E {
|
|
96
|
+
position: relative;
|
|
97
|
+
}
|
|
98
|
+
.a8ccharts-QrkuTW path {
|
|
99
|
+
transform-origin: 0 95%;
|
|
100
|
+
transform: scaleY(0);
|
|
101
|
+
animation: a8ccharts--rxDU3 1s ease-out forwards;
|
|
102
|
+
}
|
|
103
|
+
.a8ccharts-v-oO8E svg {
|
|
104
|
+
overflow: visible;
|
|
105
|
+
}
|
|
106
|
+
.a8ccharts-Tu0rR-,
|
|
107
|
+
.a8ccharts--RSWXi {
|
|
108
|
+
background: #fff;
|
|
109
|
+
padding: var(--wpds-dimension-padding-sm, 8px);
|
|
110
|
+
}
|
|
111
|
+
.a8ccharts-Q-b5A1 {
|
|
112
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
113
|
+
padding-bottom: var(--wpds-dimension-padding-md, 12px);
|
|
114
|
+
}
|
|
115
|
+
.a8ccharts-19N7T9 {
|
|
116
|
+
padding: var(--wpds-dimension-padding-xs, 4px) 0;
|
|
117
|
+
}
|
|
118
|
+
.a8ccharts-HOAXrD {
|
|
119
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
120
|
+
padding-right: var(--wpds-dimension-padding-lg, 16px);
|
|
121
|
+
}
|
|
122
|
+
.a8ccharts-rQiY8O {
|
|
123
|
+
position: absolute;
|
|
124
|
+
left: 0;
|
|
125
|
+
top: 0;
|
|
126
|
+
overflow: visible;
|
|
127
|
+
pointer-events: none;
|
|
128
|
+
}
|
|
129
|
+
.a8ccharts-8AKWOe {
|
|
130
|
+
pointer-events: auto;
|
|
131
|
+
}
|
|
132
|
+
.a8ccharts-7mh3Cl {
|
|
133
|
+
display: flex;
|
|
134
|
+
align-items: center;
|
|
135
|
+
justify-content: center;
|
|
136
|
+
pointer-events: auto;
|
|
137
|
+
cursor: pointer;
|
|
138
|
+
border: none;
|
|
139
|
+
background: none;
|
|
140
|
+
padding: 0;
|
|
141
|
+
}
|
|
142
|
+
.a8ccharts--RSWXi {
|
|
143
|
+
min-width: 125px;
|
|
144
|
+
background: #fff;
|
|
145
|
+
border: none;
|
|
146
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
147
|
+
font-size: var(--wpds-typography-font-size-md, 13px);
|
|
148
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
149
|
+
position: fixed;
|
|
150
|
+
margin: var(--wpds-dimension-gap-sm, 8px);
|
|
151
|
+
visibility: hidden;
|
|
152
|
+
}
|
|
153
|
+
.a8ccharts-VAeVuJ {
|
|
154
|
+
visibility: visible;
|
|
155
|
+
}
|
|
156
|
+
.a8ccharts-TEe-iV {
|
|
157
|
+
position: initial;
|
|
158
|
+
margin: auto;
|
|
159
|
+
}
|
|
160
|
+
.a8ccharts-b76gEu {
|
|
161
|
+
padding: var(--wpds-dimension-padding-sm, 8px);
|
|
162
|
+
}
|
|
163
|
+
.a8ccharts-LIpFoS {
|
|
164
|
+
background: none;
|
|
165
|
+
border: none;
|
|
166
|
+
cursor: pointer;
|
|
167
|
+
width: 44px;
|
|
168
|
+
height: 44px;
|
|
169
|
+
display: flex;
|
|
170
|
+
align-items: center;
|
|
171
|
+
justify-content: center;
|
|
172
|
+
padding: 0;
|
|
173
|
+
}
|
|
174
|
+
.visx-tooltip-glyph svg {
|
|
175
|
+
width: 10px;
|
|
176
|
+
height: 10px;
|
|
177
|
+
}
|
|
178
|
+
@keyframes a8ccharts--rxDU3 {
|
|
179
|
+
to {
|
|
180
|
+
transform: scaleY(1);
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
/* esbuild-sass-plugin:css-chunk:src/charts/area-chart/area-chart.module.scss */
|
|
185
|
+
.a8ccharts-cBqM5n {
|
|
186
|
+
position: relative;
|
|
187
|
+
}
|
|
188
|
+
.a8ccharts-sciJcS path {
|
|
189
|
+
transform-origin: 0 95%;
|
|
190
|
+
transform: scaleY(0);
|
|
191
|
+
animation: a8ccharts-UUsTq6 1s ease-out forwards;
|
|
192
|
+
}
|
|
193
|
+
.a8ccharts-cBqM5n svg {
|
|
194
|
+
overflow: visible;
|
|
195
|
+
}
|
|
196
|
+
@keyframes a8ccharts-UUsTq6 {
|
|
197
|
+
to {
|
|
198
|
+
transform: scaleY(1);
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
|
|
94
202
|
/* esbuild-sass-plugin:css-chunk:src/charts/bar-chart/bar-chart.module.scss */
|
|
95
203
|
.a8ccharts-3gflnB svg {
|
|
96
204
|
overflow: visible;
|
|
@@ -293,96 +401,6 @@
|
|
|
293
401
|
font-style: italic;
|
|
294
402
|
}
|
|
295
403
|
|
|
296
|
-
/* esbuild-sass-plugin:css-chunk:src/charts/line-chart/line-chart.module.scss */
|
|
297
|
-
.a8ccharts-v-oO8E {
|
|
298
|
-
position: relative;
|
|
299
|
-
}
|
|
300
|
-
.a8ccharts-QrkuTW path {
|
|
301
|
-
transform-origin: 0 95%;
|
|
302
|
-
transform: scaleY(0);
|
|
303
|
-
animation: a8ccharts--rxDU3 1s ease-out forwards;
|
|
304
|
-
}
|
|
305
|
-
.a8ccharts-v-oO8E svg {
|
|
306
|
-
overflow: visible;
|
|
307
|
-
}
|
|
308
|
-
.a8ccharts-Tu0rR-,
|
|
309
|
-
.a8ccharts--RSWXi {
|
|
310
|
-
background: #fff;
|
|
311
|
-
padding: var(--wpds-dimension-padding-sm, 8px);
|
|
312
|
-
}
|
|
313
|
-
.a8ccharts-Q-b5A1 {
|
|
314
|
-
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
315
|
-
padding-bottom: var(--wpds-dimension-padding-md, 12px);
|
|
316
|
-
}
|
|
317
|
-
.a8ccharts-19N7T9 {
|
|
318
|
-
padding: var(--wpds-dimension-padding-xs, 4px) 0;
|
|
319
|
-
}
|
|
320
|
-
.a8ccharts-HOAXrD {
|
|
321
|
-
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
322
|
-
padding-right: var(--wpds-dimension-padding-lg, 16px);
|
|
323
|
-
}
|
|
324
|
-
.a8ccharts-rQiY8O {
|
|
325
|
-
position: absolute;
|
|
326
|
-
left: 0;
|
|
327
|
-
top: 0;
|
|
328
|
-
overflow: visible;
|
|
329
|
-
pointer-events: none;
|
|
330
|
-
}
|
|
331
|
-
.a8ccharts-8AKWOe {
|
|
332
|
-
pointer-events: auto;
|
|
333
|
-
}
|
|
334
|
-
.a8ccharts-7mh3Cl {
|
|
335
|
-
display: flex;
|
|
336
|
-
align-items: center;
|
|
337
|
-
justify-content: center;
|
|
338
|
-
pointer-events: auto;
|
|
339
|
-
cursor: pointer;
|
|
340
|
-
border: none;
|
|
341
|
-
background: none;
|
|
342
|
-
padding: 0;
|
|
343
|
-
}
|
|
344
|
-
.a8ccharts--RSWXi {
|
|
345
|
-
min-width: 125px;
|
|
346
|
-
background: #fff;
|
|
347
|
-
border: none;
|
|
348
|
-
border-radius: var(--wpds-border-radius-md, 4px);
|
|
349
|
-
font-size: var(--wpds-typography-font-size-md, 13px);
|
|
350
|
-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
351
|
-
position: fixed;
|
|
352
|
-
margin: var(--wpds-dimension-gap-sm, 8px);
|
|
353
|
-
visibility: hidden;
|
|
354
|
-
}
|
|
355
|
-
.a8ccharts-VAeVuJ {
|
|
356
|
-
visibility: visible;
|
|
357
|
-
}
|
|
358
|
-
.a8ccharts-TEe-iV {
|
|
359
|
-
position: initial;
|
|
360
|
-
margin: auto;
|
|
361
|
-
}
|
|
362
|
-
.a8ccharts-b76gEu {
|
|
363
|
-
padding: var(--wpds-dimension-padding-sm, 8px);
|
|
364
|
-
}
|
|
365
|
-
.a8ccharts-LIpFoS {
|
|
366
|
-
background: none;
|
|
367
|
-
border: none;
|
|
368
|
-
cursor: pointer;
|
|
369
|
-
width: 44px;
|
|
370
|
-
height: 44px;
|
|
371
|
-
display: flex;
|
|
372
|
-
align-items: center;
|
|
373
|
-
justify-content: center;
|
|
374
|
-
padding: 0;
|
|
375
|
-
}
|
|
376
|
-
.visx-tooltip-glyph svg {
|
|
377
|
-
width: 10px;
|
|
378
|
-
height: 10px;
|
|
379
|
-
}
|
|
380
|
-
@keyframes a8ccharts--rxDU3 {
|
|
381
|
-
to {
|
|
382
|
-
transform: scaleY(1);
|
|
383
|
-
}
|
|
384
|
-
}
|
|
385
|
-
|
|
386
404
|
/* esbuild-sass-plugin:css-chunk:src/charts/pie-chart/pie-chart.module.scss */
|
|
387
405
|
.a8ccharts-C-n-Gu {
|
|
388
406
|
overflow: hidden;
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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/chart-layout/chart-layout.module.scss","esbuild-sass-plugin:css-chunk:src/charts/private/svg-empty-state/svg-empty-state.module.scss","esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss","esbuild-sass-plugin:css-chunk:src/charts/bar-chart/bar-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/conversion-funnel-chart/conversion-funnel-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/geo-chart/geo-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/leaderboard-chart/leaderboard-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/line-chart/line-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/pie-chart/pie-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/pie-semi-circle-chart/pie-semi-circle-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/sparkline/sparkline.module.scss","esbuild-sass-plugin:css-chunk:src/components/trend-indicator/trend-indicator.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\n.a8ccharts-Vflwq8 {\n font-size: var(--wpds-typography-font-size-md, 13px);\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: var(--wpds-border-radius-md, 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-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: var(--wpds-typography-font-weight-medium, 499);\n flex-shrink: 0;\n}",".a8ccharts-OfX6nd {\n padding: var(--wpds-dimension-padding-sm, 8px);\n background-color: rgba(0, 0, 0, 0.85);\n color: #fff;\n border-radius: var(--wpds-border-radius-md, 4px);\n font-size: var(--wpds-typography-font-size-md, 13px);\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-gXtQZk {\n flex: 1;\n min-height: 0;\n min-width: 0;\n}\n.a8ccharts-gXtQZk svg {\n display: block;\n}",".a8ccharts-tGXBHV {\n text-align: center;\n width: 100%;\n height: 100%;\n font-size: var(--wpds-typography-font-size-md, 13px);\n color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);\n}",".a8ccharts-GSKfBD {\n min-width: 0;\n min-height: 0;\n}",".a8ccharts-3gflnB svg {\n overflow: visible;\n}\n.a8ccharts-98W-yu rect {\n transform-origin: bottom;\n transform-box: fill-box;\n transform: scaleY(0);\n animation: a8ccharts-z6AsiQ 1s ease-out forwards;\n}\n@keyframes a8ccharts-z6AsiQ {\n to {\n transform: scaleY(1);\n }\n}\n.a8ccharts-HFA3FF rect {\n transform-origin: left;\n transform-box: fill-box;\n transform: scaleX(0);\n animation: a8ccharts-DQp37O 1s ease-out forwards;\n}\n@keyframes a8ccharts-DQp37O {\n to {\n transform: scaleX(1);\n }\n}",".a8ccharts-Qicx1p {\n opacity: 0.6;\n pointer-events: none;\n}\n\n.a8ccharts-61WPYr {\n height: 20px;\n}\n\n.a8ccharts-RRRI6x {\n overflow: hidden;\n color: #1e1e1e;\n text-overflow: ellipsis;\n font-size: var(--wpds-typography-font-size-xl, 18px);\n font-style: normal;\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n line-height: var(--wpds-typography-line-height-sm, 20px);\n margin: 0;\n}\n\n.a8ccharts-661iwx {\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: var(--wpds-typography-font-size-md, 13px);\n font-style: normal;\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n line-height: var(--wpds-typography-line-height-sm, 20px);\n margin: 0;\n}\n\n.a8ccharts-Z7EGnW {\n flex: 1;\n min-height: 200px;\n width: 100%;\n}\n\n.a8ccharts-VqFY0l {\n flex: 1 1 0;\n min-width: 0;\n height: 100%;\n}\n.a8ccharts-fk-hCl {\n transition: opacity 0.3s ease;\n}\n.a8ccharts-1zOc9c {\n opacity: 0.3;\n}\n\n.a8ccharts-6OabC4 {\n color: #757575;\n font-size: var(--wpds-typography-font-size-sm, 12px);\n font-weight: var(--wpds-typography-font-weight-regular, 400);\n line-height: var(--wpds-typography-line-height-xs, 16px);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.a8ccharts-9wSZ6n {\n color: #1e1e1e;\n font-size: var(--wpds-typography-font-size-md, 13px);\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n line-height: var(--wpds-typography-line-height-xs, 16px);\n}\n\n.a8ccharts-sSmCTi {\n flex: 1;\n border-radius: var(--wpds-border-radius-md, 4px);\n position: relative;\n cursor: pointer;\n}\n\n.a8ccharts-EzczI- {\n width: 100%;\n min-height: 4px;\n border-radius: var(--wpds-border-radius-md, 4px) var(--wpds-border-radius-md, 4px) 0 0;\n}\n.a8ccharts-68HQJl {\n transform-origin: bottom;\n transform-box: fill-box;\n transform: scaleY(0);\n animation: a8ccharts-CmtieZ 1s ease-out forwards;\n}\n@keyframes a8ccharts-CmtieZ {\n to {\n transform: scaleY(1);\n }\n}\n\n.a8ccharts-2TeoCn {\n border-bottom: var(--wpds-border-width-xs, 1px) solid var(--Gray-Gray-5, #dcdcde);\n background: var(--black-white-white, #fff);\n border-radius: var(--wpds-border-radius-md, 4px) !important;\n padding: var(--wpds-dimension-padding-md, 12px) !important;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 3px 9px 0 rgba(0, 0, 0, 0.12) !important;\n}\n\n.a8ccharts-jkRitH {\n color: #1e1e1e;\n font-size: var(--wpds-typography-font-size-sm, 12px);\n font-style: normal;\n font-weight: var(--wpds-typography-font-weight-regular, 400);\n line-height: var(--wpds-typography-line-height-xs, 16px);\n}\n\n.a8ccharts-8jgT-3 {\n color: #1e1e1e;\n font-size: var(--wpds-typography-font-size-md, 13px);\n font-style: normal;\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n line-height: var(--wpds-typography-line-height-sm, 20px);\n}\n\n.a8ccharts-Ml6MMr {\n text-align: center;\n color: #6b7280;\n font-size: var(--wpds-typography-font-size-lg, 16px);\n}",".a8ccharts-JvcqOz {\n position: relative;\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: var(--wpds-dimension-padding-sm, 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: var(--wpds-dimension-padding-3xl, 32px) var(--wpds-dimension-padding-lg, 16px);\n text-align: center;\n color: #666;\n font-size: var(--wpds-typography-font-size-md, 13px);\n font-style: italic;\n}",".a8ccharts-v-oO8E {\n position: relative;\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: var(--wpds-dimension-padding-sm, 8px);\n}\n.a8ccharts-Q-b5A1 {\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n padding-bottom: var(--wpds-dimension-padding-md, 12px);\n}\n.a8ccharts-19N7T9 {\n padding: var(--wpds-dimension-padding-xs, 4px) 0;\n}\n.a8ccharts-HOAXrD {\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n padding-right: var(--wpds-dimension-padding-lg, 16px);\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: var(--wpds-border-radius-md, 4px);\n font-size: var(--wpds-typography-font-size-md, 13px);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: fixed;\n margin: var(--wpds-dimension-gap-sm, 8px);\n visibility: hidden;\n}\n.a8ccharts-VAeVuJ {\n visibility: visible;\n}\n.a8ccharts-TEe-iV {\n position: initial;\n margin: auto;\n}\n.a8ccharts-b76gEu {\n padding: var(--wpds-dimension-padding-sm, 8px);\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-C-n-Gu {\n overflow: hidden;\n}\n.a8ccharts-IQVR6j {\n height: 100%;\n width: 100%;\n}\n.a8ccharts-eGV3AE {\n width: 100%;\n height: 100%;\n}",".a8ccharts-V0wiEb {\n height: 100%;\n width: 100%;\n}\n.a8ccharts-1khYG1 {\n width: 100%;\n height: 100%;\n}\n.a8ccharts-8tyaQj .a8ccharts-EKZS3j {\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n font-size: var(--wpds-typography-font-size-lg, 16px);\n}\n.a8ccharts-8tyaQj .a8ccharts-v85A8- {\n font-size: var(--wpds-typography-font-size-md, 13px);\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}",".a8ccharts-tGw1PY {\n display: inline-flex;\n align-items: center;\n gap: 0.125em;\n font-size: var(--wpds-typography-font-size-md, 13px);\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n line-height: 1;\n}\n.a8ccharts-Fn-D1W {\n color: var(--charts-trend-up-color, #1a8917);\n}\n.a8ccharts-HqtGQO {\n color: var(--charts-trend-down-color, #d63638);\n}\n.a8ccharts-S10nvO {\n color: var(--charts-trend-neutral-color, #646970);\n}\n.a8ccharts-5HjpOT {\n width: 1em;\n height: 1em;\n flex-shrink: 0;\n}\n.a8ccharts-muLL2Q {\n white-space: nowrap;\n}"],"mappings":"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","names":[]}
|
|
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/chart-layout/chart-layout.module.scss","esbuild-sass-plugin:css-chunk:src/charts/private/svg-empty-state/svg-empty-state.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/area-chart/area-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/bar-chart/bar-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/conversion-funnel-chart/conversion-funnel-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/geo-chart/geo-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/leaderboard-chart/leaderboard-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/pie-chart/pie-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/pie-semi-circle-chart/pie-semi-circle-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/sparkline/sparkline.module.scss","esbuild-sass-plugin:css-chunk:src/components/trend-indicator/trend-indicator.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\n.a8ccharts-Vflwq8 {\n font-size: var(--wpds-typography-font-size-md, 13px);\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: var(--wpds-border-radius-md, 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-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: var(--wpds-typography-font-weight-medium, 499);\n flex-shrink: 0;\n}",".a8ccharts-OfX6nd {\n padding: var(--wpds-dimension-padding-sm, 8px);\n background-color: rgba(0, 0, 0, 0.85);\n color: #fff;\n border-radius: var(--wpds-border-radius-md, 4px);\n font-size: var(--wpds-typography-font-size-md, 13px);\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-gXtQZk {\n flex: 1;\n min-height: 0;\n min-width: 0;\n}\n.a8ccharts-gXtQZk svg {\n display: block;\n}",".a8ccharts-tGXBHV {\n text-align: center;\n width: 100%;\n height: 100%;\n font-size: var(--wpds-typography-font-size-md, 13px);\n color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);\n}",".a8ccharts-GSKfBD {\n min-width: 0;\n min-height: 0;\n}",".a8ccharts-v-oO8E {\n position: relative;\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: var(--wpds-dimension-padding-sm, 8px);\n}\n.a8ccharts-Q-b5A1 {\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n padding-bottom: var(--wpds-dimension-padding-md, 12px);\n}\n.a8ccharts-19N7T9 {\n padding: var(--wpds-dimension-padding-xs, 4px) 0;\n}\n.a8ccharts-HOAXrD {\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n padding-right: var(--wpds-dimension-padding-lg, 16px);\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: var(--wpds-border-radius-md, 4px);\n font-size: var(--wpds-typography-font-size-md, 13px);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: fixed;\n margin: var(--wpds-dimension-gap-sm, 8px);\n visibility: hidden;\n}\n.a8ccharts-VAeVuJ {\n visibility: visible;\n}\n.a8ccharts-TEe-iV {\n position: initial;\n margin: auto;\n}\n.a8ccharts-b76gEu {\n padding: var(--wpds-dimension-padding-sm, 8px);\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-cBqM5n {\n position: relative;\n}\n.a8ccharts-sciJcS path {\n transform-origin: 0 95%;\n transform: scaleY(0);\n animation: a8ccharts-UUsTq6 1s ease-out forwards;\n}\n.a8ccharts-cBqM5n svg {\n overflow: visible;\n}\n\n@keyframes a8ccharts-UUsTq6 {\n to {\n transform: scaleY(1);\n }\n}",".a8ccharts-3gflnB svg {\n overflow: visible;\n}\n.a8ccharts-98W-yu rect {\n transform-origin: bottom;\n transform-box: fill-box;\n transform: scaleY(0);\n animation: a8ccharts-z6AsiQ 1s ease-out forwards;\n}\n@keyframes a8ccharts-z6AsiQ {\n to {\n transform: scaleY(1);\n }\n}\n.a8ccharts-HFA3FF rect {\n transform-origin: left;\n transform-box: fill-box;\n transform: scaleX(0);\n animation: a8ccharts-DQp37O 1s ease-out forwards;\n}\n@keyframes a8ccharts-DQp37O {\n to {\n transform: scaleX(1);\n }\n}",".a8ccharts-Qicx1p {\n opacity: 0.6;\n pointer-events: none;\n}\n\n.a8ccharts-61WPYr {\n height: 20px;\n}\n\n.a8ccharts-RRRI6x {\n overflow: hidden;\n color: #1e1e1e;\n text-overflow: ellipsis;\n font-size: var(--wpds-typography-font-size-xl, 18px);\n font-style: normal;\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n line-height: var(--wpds-typography-line-height-sm, 20px);\n margin: 0;\n}\n\n.a8ccharts-661iwx {\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: var(--wpds-typography-font-size-md, 13px);\n font-style: normal;\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n line-height: var(--wpds-typography-line-height-sm, 20px);\n margin: 0;\n}\n\n.a8ccharts-Z7EGnW {\n flex: 1;\n min-height: 200px;\n width: 100%;\n}\n\n.a8ccharts-VqFY0l {\n flex: 1 1 0;\n min-width: 0;\n height: 100%;\n}\n.a8ccharts-fk-hCl {\n transition: opacity 0.3s ease;\n}\n.a8ccharts-1zOc9c {\n opacity: 0.3;\n}\n\n.a8ccharts-6OabC4 {\n color: #757575;\n font-size: var(--wpds-typography-font-size-sm, 12px);\n font-weight: var(--wpds-typography-font-weight-regular, 400);\n line-height: var(--wpds-typography-line-height-xs, 16px);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.a8ccharts-9wSZ6n {\n color: #1e1e1e;\n font-size: var(--wpds-typography-font-size-md, 13px);\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n line-height: var(--wpds-typography-line-height-xs, 16px);\n}\n\n.a8ccharts-sSmCTi {\n flex: 1;\n border-radius: var(--wpds-border-radius-md, 4px);\n position: relative;\n cursor: pointer;\n}\n\n.a8ccharts-EzczI- {\n width: 100%;\n min-height: 4px;\n border-radius: var(--wpds-border-radius-md, 4px) var(--wpds-border-radius-md, 4px) 0 0;\n}\n.a8ccharts-68HQJl {\n transform-origin: bottom;\n transform-box: fill-box;\n transform: scaleY(0);\n animation: a8ccharts-CmtieZ 1s ease-out forwards;\n}\n@keyframes a8ccharts-CmtieZ {\n to {\n transform: scaleY(1);\n }\n}\n\n.a8ccharts-2TeoCn {\n border-bottom: var(--wpds-border-width-xs, 1px) solid var(--Gray-Gray-5, #dcdcde);\n background: var(--black-white-white, #fff);\n border-radius: var(--wpds-border-radius-md, 4px) !important;\n padding: var(--wpds-dimension-padding-md, 12px) !important;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 3px 9px 0 rgba(0, 0, 0, 0.12) !important;\n}\n\n.a8ccharts-jkRitH {\n color: #1e1e1e;\n font-size: var(--wpds-typography-font-size-sm, 12px);\n font-style: normal;\n font-weight: var(--wpds-typography-font-weight-regular, 400);\n line-height: var(--wpds-typography-line-height-xs, 16px);\n}\n\n.a8ccharts-8jgT-3 {\n color: #1e1e1e;\n font-size: var(--wpds-typography-font-size-md, 13px);\n font-style: normal;\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n line-height: var(--wpds-typography-line-height-sm, 20px);\n}\n\n.a8ccharts-Ml6MMr {\n text-align: center;\n color: #6b7280;\n font-size: var(--wpds-typography-font-size-lg, 16px);\n}",".a8ccharts-JvcqOz {\n position: relative;\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: var(--wpds-dimension-padding-sm, 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: var(--wpds-dimension-padding-3xl, 32px) var(--wpds-dimension-padding-lg, 16px);\n text-align: center;\n color: #666;\n font-size: var(--wpds-typography-font-size-md, 13px);\n font-style: italic;\n}",".a8ccharts-C-n-Gu {\n overflow: hidden;\n}\n.a8ccharts-IQVR6j {\n height: 100%;\n width: 100%;\n}\n.a8ccharts-eGV3AE {\n width: 100%;\n height: 100%;\n}",".a8ccharts-V0wiEb {\n height: 100%;\n width: 100%;\n}\n.a8ccharts-1khYG1 {\n width: 100%;\n height: 100%;\n}\n.a8ccharts-8tyaQj .a8ccharts-EKZS3j {\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n font-size: var(--wpds-typography-font-size-lg, 16px);\n}\n.a8ccharts-8tyaQj .a8ccharts-v85A8- {\n font-size: var(--wpds-typography-font-size-md, 13px);\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}",".a8ccharts-tGw1PY {\n display: inline-flex;\n align-items: center;\n gap: 0.125em;\n font-size: var(--wpds-typography-font-size-md, 13px);\n font-weight: var(--wpds-typography-font-weight-medium, 499);\n line-height: 1;\n}\n.a8ccharts-Fn-D1W {\n color: var(--charts-trend-up-color, #1a8917);\n}\n.a8ccharts-HqtGQO {\n color: var(--charts-trend-down-color, #d63638);\n}\n.a8ccharts-S10nvO {\n color: var(--charts-trend-neutral-color, #646970);\n}\n.a8ccharts-5HjpOT {\n width: 1em;\n height: 1em;\n flex-shrink: 0;\n}\n.a8ccharts-muLL2Q {\n white-space: nowrap;\n}"],"mappings":"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","names":[]}
|
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { CSSProperties,
|
|
2
|
+
import { CSSProperties, PointerEvent, ReactNode, ComponentProps, SVGProps, FC, ComponentType, PropsWithChildren } from 'react';
|
|
3
3
|
import { LegendOrdinal } from '@visx/legend';
|
|
4
4
|
import { CircleSubjectProps } from '@visx/annotation/lib/components/CircleSubject';
|
|
5
5
|
import { ConnectorProps } from '@visx/annotation/lib/components/Connector';
|
|
@@ -7,7 +7,7 @@ import { LabelProps } from '@visx/annotation/lib/components/Label';
|
|
|
7
7
|
import { LineSubjectProps } from '@visx/annotation/lib/components/LineSubject';
|
|
8
8
|
import { Orientation, TickFormatter, AxisScale, AxisRendererProps } from '@visx/axis';
|
|
9
9
|
import { LegendShape } from '@visx/legend/lib/types';
|
|
10
|
-
import {
|
|
10
|
+
import { ScaleType, ScaleInput } from '@visx/scale';
|
|
11
11
|
import { TextProps } from '@visx/text/lib/Text';
|
|
12
12
|
import { LineStyles, EventHandlerParams, GridStyles, GlyphProps } from '@visx/xychart';
|
|
13
13
|
export { EventHandlerParams, GridStyles, LineStyles } from '@visx/xychart';
|
|
@@ -22,7 +22,7 @@ import { PieArcDatum } from '@visx/shape/lib/shapes/Pie';
|
|
|
22
22
|
|
|
23
23
|
type ValueOf<T> = T[keyof T];
|
|
24
24
|
type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
|
|
25
|
-
type ChartType = 'bar' | 'conversion-funnel' | 'leaderboard' | 'line' | 'pie' | 'pie-semi-circle';
|
|
25
|
+
type ChartType = 'area' | 'bar' | 'conversion-funnel' | 'leaderboard' | 'line' | 'pie' | 'pie-semi-circle';
|
|
26
26
|
type OrientationType = ValueOf<typeof Orientation>;
|
|
27
27
|
type AnnotationStyles = {
|
|
28
28
|
circleSubject?: Omit<CircleSubjectProps, 'x' | 'y'> & {
|
|
@@ -612,6 +612,113 @@ interface ChartLegendOptions {
|
|
|
612
612
|
*/
|
|
613
613
|
declare function useChartLegendItems<T extends SeriesData[] | DataPointDate[] | DataPointPercentageCalculated[]>(data: T, options?: ChartLegendOptions, legendShape?: LegendShape<SeriesData[], number>): BaseLegendItem[];
|
|
614
614
|
|
|
615
|
+
interface ChartInstanceRef {
|
|
616
|
+
getScales: () => {
|
|
617
|
+
xScale: unknown;
|
|
618
|
+
yScale: unknown;
|
|
619
|
+
} | null;
|
|
620
|
+
getChartDimensions: () => {
|
|
621
|
+
width: number;
|
|
622
|
+
height: number;
|
|
623
|
+
margin: {
|
|
624
|
+
top?: number;
|
|
625
|
+
right?: number;
|
|
626
|
+
bottom?: number;
|
|
627
|
+
left?: number;
|
|
628
|
+
};
|
|
629
|
+
};
|
|
630
|
+
}
|
|
631
|
+
type SingleChartRef = ChartInstanceRef;
|
|
632
|
+
|
|
633
|
+
type LineChartAnnotationProps = {
|
|
634
|
+
datum: DataPointDate;
|
|
635
|
+
title: string;
|
|
636
|
+
subtitle?: string;
|
|
637
|
+
subjectType?: 'circle' | 'line-vertical' | 'line-horizontal';
|
|
638
|
+
styles?: AnnotationStyles;
|
|
639
|
+
testId?: string;
|
|
640
|
+
renderLabel?: FC<{
|
|
641
|
+
title: string;
|
|
642
|
+
subtitle?: string;
|
|
643
|
+
}>;
|
|
644
|
+
renderLabelPopover?: FC<{
|
|
645
|
+
title: string;
|
|
646
|
+
subtitle?: string;
|
|
647
|
+
}>;
|
|
648
|
+
};
|
|
649
|
+
type CurveType = 'smooth' | 'linear' | 'monotone';
|
|
650
|
+
type RenderLineGlyphProps<Datum extends object> = GlyphProps<Datum> & {
|
|
651
|
+
glyphStyle?: SVGProps<SVGCircleElement>;
|
|
652
|
+
position?: 'start' | 'end';
|
|
653
|
+
};
|
|
654
|
+
interface LineChartProps extends BaseChartProps<SeriesData[]> {
|
|
655
|
+
withGradientFill: boolean;
|
|
656
|
+
smoothing?: boolean;
|
|
657
|
+
curveType?: CurveType;
|
|
658
|
+
renderTooltip?: (params: RenderTooltipParams<DataPointDate>) => ReactNode;
|
|
659
|
+
withStartGlyphs?: boolean;
|
|
660
|
+
withEndGlyphs?: boolean;
|
|
661
|
+
renderGlyph?: <Datum extends object>(props: GlyphProps<Datum>) => ReactNode;
|
|
662
|
+
glyphStyle?: SVGProps<SVGCircleElement>;
|
|
663
|
+
withLegendGlyph?: boolean;
|
|
664
|
+
withTooltipCrosshairs?: {
|
|
665
|
+
showVertical?: boolean;
|
|
666
|
+
showHorizontal?: boolean;
|
|
667
|
+
};
|
|
668
|
+
children?: ReactNode;
|
|
669
|
+
}
|
|
670
|
+
type TooltipDatum = {
|
|
671
|
+
key: string;
|
|
672
|
+
value: number;
|
|
673
|
+
};
|
|
674
|
+
|
|
675
|
+
interface AreaChartProps extends BaseChartProps<SeriesData[]> {
|
|
676
|
+
/**
|
|
677
|
+
* Whether series should be stacked on top of each other.
|
|
678
|
+
* When false, series are rendered as overlapping filled areas.
|
|
679
|
+
* @default true
|
|
680
|
+
*/
|
|
681
|
+
stacked?: boolean;
|
|
682
|
+
/**
|
|
683
|
+
* Stack offset strategy when stacked is true. Mirrors d3-shape stack offsets.
|
|
684
|
+
* - 'none' (default): values stack at their natural magnitude
|
|
685
|
+
* - 'expand': values are normalized to the [0,1] range (percentage stacks)
|
|
686
|
+
* - 'wiggle': used for streamgraphs
|
|
687
|
+
* - 'silhouette': stack centered around zero
|
|
688
|
+
*/
|
|
689
|
+
stackOffset?: 'none' | 'expand' | 'wiggle' | 'silhouette';
|
|
690
|
+
/**
|
|
691
|
+
* Smoothing using a Catmull-Rom curve. Ignored if `curveType` is set.
|
|
692
|
+
*/
|
|
693
|
+
smoothing?: boolean;
|
|
694
|
+
/**
|
|
695
|
+
* Curve interpolation type. Takes precedence over `smoothing`.
|
|
696
|
+
*/
|
|
697
|
+
curveType?: CurveType;
|
|
698
|
+
/**
|
|
699
|
+
* Custom tooltip renderer.
|
|
700
|
+
*/
|
|
701
|
+
renderTooltip?: (params: RenderTooltipParams<DataPointDate>) => ReactNode;
|
|
702
|
+
/**
|
|
703
|
+
* Whether to show crosshair lines in the tooltip.
|
|
704
|
+
*/
|
|
705
|
+
withTooltipCrosshairs?: {
|
|
706
|
+
showVertical?: boolean;
|
|
707
|
+
showHorizontal?: boolean;
|
|
708
|
+
};
|
|
709
|
+
/**
|
|
710
|
+
* Fill opacity for the stacked areas. 0–1.
|
|
711
|
+
* @default 0.85 when stacked, 0.4 when overlapping
|
|
712
|
+
*/
|
|
713
|
+
fillOpacity?: number;
|
|
714
|
+
/**
|
|
715
|
+
* Whether to render a stroke (line) on top of each area.
|
|
716
|
+
* @default false when stacked, true when overlapping
|
|
717
|
+
*/
|
|
718
|
+
withStroke?: boolean;
|
|
719
|
+
children?: ReactNode;
|
|
720
|
+
}
|
|
721
|
+
|
|
615
722
|
type ResponsiveConfig = {
|
|
616
723
|
/**
|
|
617
724
|
* The maximum width of the chart. Defaults to 1200.
|
|
@@ -629,6 +736,15 @@ type ResponsiveConfig = {
|
|
|
629
736
|
resizeDebounceTime?: number;
|
|
630
737
|
};
|
|
631
738
|
|
|
739
|
+
type AreaChartSubComponents = {
|
|
740
|
+
Legend: typeof Legend;
|
|
741
|
+
};
|
|
742
|
+
type AreaChartBaseProps = Optional<AreaChartProps, 'width' | 'height' | 'size'>;
|
|
743
|
+
type AreaChartComponent = React.ForwardRefExoticComponent<AreaChartBaseProps & React.RefAttributes<SingleChartRef>> & AreaChartSubComponents;
|
|
744
|
+
type AreaChartResponsiveComponent = React.ForwardRefExoticComponent<AreaChartBaseProps & ResponsiveConfig & React.RefAttributes<SingleChartRef>> & AreaChartSubComponents;
|
|
745
|
+
declare const AreaChart: AreaChartComponent;
|
|
746
|
+
declare const AreaChartResponsive: AreaChartResponsiveComponent;
|
|
747
|
+
|
|
632
748
|
interface BarChartProps extends BaseChartProps<SeriesData[]> {
|
|
633
749
|
renderTooltip?: (params: RenderTooltipParams<DataPointDate>) => ReactNode;
|
|
634
750
|
orientation?: 'horizontal' | 'vertical';
|
|
@@ -1109,71 +1225,11 @@ declare function useLeaderboardLegendItems({ data, primaryColor, secondaryColor,
|
|
|
1109
1225
|
};
|
|
1110
1226
|
}): BaseLegendItem[];
|
|
1111
1227
|
|
|
1112
|
-
interface ChartInstanceRef {
|
|
1113
|
-
getScales: () => {
|
|
1114
|
-
xScale: unknown;
|
|
1115
|
-
yScale: unknown;
|
|
1116
|
-
} | null;
|
|
1117
|
-
getChartDimensions: () => {
|
|
1118
|
-
width: number;
|
|
1119
|
-
height: number;
|
|
1120
|
-
margin: {
|
|
1121
|
-
top?: number;
|
|
1122
|
-
right?: number;
|
|
1123
|
-
bottom?: number;
|
|
1124
|
-
left?: number;
|
|
1125
|
-
};
|
|
1126
|
-
};
|
|
1127
|
-
}
|
|
1128
|
-
type SingleChartRef = ChartInstanceRef;
|
|
1129
|
-
|
|
1130
1228
|
interface LineChartAnnotationsProps {
|
|
1131
1229
|
children?: ReactNode;
|
|
1132
1230
|
}
|
|
1133
1231
|
declare const LineChartAnnotationsOverlay: FC<LineChartAnnotationsProps>;
|
|
1134
1232
|
|
|
1135
|
-
type LineChartAnnotationProps = {
|
|
1136
|
-
datum: DataPointDate;
|
|
1137
|
-
title: string;
|
|
1138
|
-
subtitle?: string;
|
|
1139
|
-
subjectType?: 'circle' | 'line-vertical' | 'line-horizontal';
|
|
1140
|
-
styles?: AnnotationStyles;
|
|
1141
|
-
testId?: string;
|
|
1142
|
-
renderLabel?: FC<{
|
|
1143
|
-
title: string;
|
|
1144
|
-
subtitle?: string;
|
|
1145
|
-
}>;
|
|
1146
|
-
renderLabelPopover?: FC<{
|
|
1147
|
-
title: string;
|
|
1148
|
-
subtitle?: string;
|
|
1149
|
-
}>;
|
|
1150
|
-
};
|
|
1151
|
-
type CurveType = 'smooth' | 'linear' | 'monotone';
|
|
1152
|
-
type RenderLineGlyphProps<Datum extends object> = GlyphProps<Datum> & {
|
|
1153
|
-
glyphStyle?: SVGProps<SVGCircleElement>;
|
|
1154
|
-
position?: 'start' | 'end';
|
|
1155
|
-
};
|
|
1156
|
-
interface LineChartProps extends BaseChartProps<SeriesData[]> {
|
|
1157
|
-
withGradientFill: boolean;
|
|
1158
|
-
smoothing?: boolean;
|
|
1159
|
-
curveType?: CurveType;
|
|
1160
|
-
renderTooltip?: (params: RenderTooltipParams<DataPointDate>) => ReactNode;
|
|
1161
|
-
withStartGlyphs?: boolean;
|
|
1162
|
-
withEndGlyphs?: boolean;
|
|
1163
|
-
renderGlyph?: <Datum extends object>(props: GlyphProps<Datum>) => ReactNode;
|
|
1164
|
-
glyphStyle?: SVGProps<SVGCircleElement>;
|
|
1165
|
-
withLegendGlyph?: boolean;
|
|
1166
|
-
withTooltipCrosshairs?: {
|
|
1167
|
-
showVertical?: boolean;
|
|
1168
|
-
showHorizontal?: boolean;
|
|
1169
|
-
};
|
|
1170
|
-
children?: ReactNode;
|
|
1171
|
-
}
|
|
1172
|
-
type TooltipDatum = {
|
|
1173
|
-
key: string;
|
|
1174
|
-
value: number;
|
|
1175
|
-
};
|
|
1176
|
-
|
|
1177
1233
|
declare const LineChartAnnotation: FC<LineChartAnnotationProps>;
|
|
1178
1234
|
|
|
1179
1235
|
type LineChartAnnotationComponents = {
|
|
@@ -1616,4 +1672,4 @@ declare const useGlobalChartsTheme: () => CompleteChartTheme;
|
|
|
1616
1672
|
*/
|
|
1617
1673
|
declare const defaultTheme: CompleteChartTheme;
|
|
1618
1674
|
|
|
1619
|
-
export { AccessibleTooltip, type AnnotationStyles, type ArcData, type AxisOptions, BarChartResponsive as BarChart, type BarChartProps, BarChart as BarChartUnresponsive, BarListChartResponsive as BarListChart, type BarListChartProps, BarListChart as BarListChartUnresponsive, type BaseChartProps, type BaseLegendItem, type BaseLegendProps, BaseTooltip, type BaseTooltipProps, type ChartLegendConfig, type ChartLegendOptions, type ChartTheme, type CompleteChartTheme, ConversionFunnelChartWithProvider as ConversionFunnelChart, type ConversionFunnelChartProps, type CurveType, type DataPoint, type DataPointDate, type DataPointPercentage, type FunnelStep, GeoChartResponsive as GeoChart, type GeoChartProps, GeoChartWithProvider as GeoChartUnresponsive, type GeoData, type GeoRegion, type GeoResolution, GlobalChartsContext, GlobalChartsProvider, type GradientConfig, type GradientStop, type GridProps, LeaderboardChartResponsive as LeaderboardChart, type LeaderboardChartProps, LeaderboardChart as LeaderboardChartUnresponsive, type LeaderboardEntry, Legend, type LegendItemStyles, type LegendLabelStyles, type LegendPosition, type LegendProps, type LegendShapeStyles, type LegendValueDisplay, LineChartResponsive as LineChart, type LineChartAnnotationProps, type LineChartProps, LineChart as LineChartUnresponsive, type MainMetricRenderProps, type MetricValueType, type MultipleDataPointsDate, type Optional, type OrientationType, PieChartResponsive as PieChart, type PieChartProps, type PieChartRenderTooltipParams, PieChart as PieChartUnresponsive, PieSemiCircleChartResponsive as PieSemiCircleChart, type PieSemiCircleChartProps, type PieSemiCircleChartRenderTooltipParams, PieSemiCircleChart as PieSemiCircleChartUnresponsive, type RenderLabelProps, type RenderLineGlyphProps, type RenderValueProps, type ScaleOptions, type SeriesData, type SeriesDataOptions, Sparkline, type SparklineDataPoint, type SparklineProps, SparklineUnresponsive, type StepLabelRenderProps, type StepRateRenderProps, GlobalChartsProvider as ThemeProvider, type TooltipData, type TooltipDatum, type TooltipProps, type TooltipRenderProps, type TrendDirection, TrendIndicator, type TrendIndicatorProps, defaultTheme, formatMetricValue, formatPercentage, getColorDistance, hexToRgba, isValidHexColor, lightenHexColor, mergeThemes, normalizeColorToHex, parseAsLocalDate, parseHslString, parseRgbString, useChartLegendItems, useGlobalChartsContext, useGlobalChartsTheme, useLeaderboardLegendItems, validateHexColor };
|
|
1675
|
+
export { AccessibleTooltip, type AnnotationStyles, type ArcData, AreaChartResponsive as AreaChart, type AreaChartProps, AreaChart as AreaChartUnresponsive, type AxisOptions, BarChartResponsive as BarChart, type BarChartProps, BarChart as BarChartUnresponsive, BarListChartResponsive as BarListChart, type BarListChartProps, BarListChart as BarListChartUnresponsive, type BaseChartProps, type BaseLegendItem, type BaseLegendProps, BaseTooltip, type BaseTooltipProps, type ChartLegendConfig, type ChartLegendOptions, type ChartTheme, type CompleteChartTheme, ConversionFunnelChartWithProvider as ConversionFunnelChart, type ConversionFunnelChartProps, type CurveType, type DataPoint, type DataPointDate, type DataPointPercentage, type FunnelStep, GeoChartResponsive as GeoChart, type GeoChartProps, GeoChartWithProvider as GeoChartUnresponsive, type GeoData, type GeoRegion, type GeoResolution, GlobalChartsContext, GlobalChartsProvider, type GradientConfig, type GradientStop, type GridProps, LeaderboardChartResponsive as LeaderboardChart, type LeaderboardChartProps, LeaderboardChart as LeaderboardChartUnresponsive, type LeaderboardEntry, Legend, type LegendItemStyles, type LegendLabelStyles, type LegendPosition, type LegendProps, type LegendShapeStyles, type LegendValueDisplay, LineChartResponsive as LineChart, type LineChartAnnotationProps, type LineChartProps, LineChart as LineChartUnresponsive, type MainMetricRenderProps, type MetricValueType, type MultipleDataPointsDate, type Optional, type OrientationType, PieChartResponsive as PieChart, type PieChartProps, type PieChartRenderTooltipParams, PieChart as PieChartUnresponsive, PieSemiCircleChartResponsive as PieSemiCircleChart, type PieSemiCircleChartProps, type PieSemiCircleChartRenderTooltipParams, PieSemiCircleChart as PieSemiCircleChartUnresponsive, type RenderLabelProps, type RenderLineGlyphProps, type RenderValueProps, type ScaleOptions, type SeriesData, type SeriesDataOptions, Sparkline, type SparklineDataPoint, type SparklineProps, SparklineUnresponsive, type StepLabelRenderProps, type StepRateRenderProps, GlobalChartsProvider as ThemeProvider, type TooltipData, type TooltipDatum, type TooltipProps, type TooltipRenderProps, type TrendDirection, TrendIndicator, type TrendIndicatorProps, defaultTheme, formatMetricValue, formatPercentage, getColorDistance, hexToRgba, isValidHexColor, lightenHexColor, mergeThemes, normalizeColorToHex, parseAsLocalDate, parseHslString, parseRgbString, useChartLegendItems, useGlobalChartsContext, useGlobalChartsTheme, useLeaderboardLegendItems, validateHexColor };
|