@automattic/charts 1.3.1 → 1.4.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 +11 -0
- package/dist/index.cjs +18 -114
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +0 -9
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +11 -10
- package/dist/index.d.ts +11 -10
- package/dist/index.js +27 -123
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
- package/src/hooks/index.ts +0 -1
- package/src/hooks/test/use-chart-margin.test.tsx +21 -0
- package/src/hooks/use-chart-margin.tsx +4 -0
- package/src/providers/chart-context/global-charts-provider.tsx +1 -18
- package/src/style.css +10 -0
- package/src/types.ts +10 -0
- package/tsup.config.ts +3 -2
- package/src/hooks/test/use-tooltip-portal-relocator.test.ts +0 -216
- package/src/hooks/use-tooltip-portal-relocator.module.scss +0 -7
- package/src/hooks/use-tooltip-portal-relocator.ts +0 -188
package/dist/index.css
CHANGED
|
@@ -1,12 +1,3 @@
|
|
|
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
1
|
/* esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss */
|
|
11
2
|
.a8ccharts-89ApsU {
|
|
12
3
|
align-self: stretch;
|
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/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":[]}
|
|
1
|
+
{"version":3,"sources":["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-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
|
@@ -5,7 +5,7 @@ import { CircleSubjectProps } from '@visx/annotation/lib/components/CircleSubjec
|
|
|
5
5
|
import { ConnectorProps } from '@visx/annotation/lib/components/Connector';
|
|
6
6
|
import { LabelProps } from '@visx/annotation/lib/components/Label';
|
|
7
7
|
import { LineSubjectProps } from '@visx/annotation/lib/components/LineSubject';
|
|
8
|
-
import { Orientation,
|
|
8
|
+
import { Orientation, AxisScale, TickFormatter, AxisRendererProps } from '@visx/axis';
|
|
9
9
|
import { LegendShape } from '@visx/legend/lib/types';
|
|
10
10
|
import { ScaleType, ScaleInput } from '@visx/scale';
|
|
11
11
|
import { TextProps } from '@visx/text/lib/Text';
|
|
@@ -294,6 +294,11 @@ type CompleteChartTheme = Required<ChartTheme> & {
|
|
|
294
294
|
type AxisOptions = {
|
|
295
295
|
orientation?: OrientationType;
|
|
296
296
|
numTicks?: number;
|
|
297
|
+
/**
|
|
298
|
+
* Explicit tick values for the axis. When set, takes precedence over `numTicks`
|
|
299
|
+
* so callers can force a specific axis (e.g. integer-only steps on a sparse chart).
|
|
300
|
+
*/
|
|
301
|
+
tickValues?: ScaleInput<AxisScale>[];
|
|
297
302
|
axisClassName?: string;
|
|
298
303
|
axisLineClassName?: string;
|
|
299
304
|
labelClassName?: string;
|
|
@@ -323,6 +328,11 @@ type AxisOptions = {
|
|
|
323
328
|
type ScaleOptions = {
|
|
324
329
|
type?: ScaleType;
|
|
325
330
|
zero?: boolean;
|
|
331
|
+
/**
|
|
332
|
+
* Extends the scale's domain to nice round values. Pass `false` together with
|
|
333
|
+
* an explicit `domain` to keep the tick values you set exactly.
|
|
334
|
+
*/
|
|
335
|
+
nice?: boolean;
|
|
326
336
|
domain?: [number, number];
|
|
327
337
|
range?: [number, number];
|
|
328
338
|
/**
|
|
@@ -1646,15 +1656,6 @@ declare const GlobalChartsContext: react.Context<GlobalChartsContextValue>;
|
|
|
1646
1656
|
interface GlobalChartsProviderProps {
|
|
1647
1657
|
children: ReactNode;
|
|
1648
1658
|
theme?: Partial<ChartTheme>;
|
|
1649
|
-
/**
|
|
1650
|
-
* Optional ref to an element that chart tooltip portals should be relocated into.
|
|
1651
|
-
* When provided, visx tooltip portals (normally appended to document.body) will be
|
|
1652
|
-
* moved into this container so they participate in the same effective CSS stacking context.
|
|
1653
|
-
* The element referenced here, or one of its ancestors, should establish the desired
|
|
1654
|
-
* stacking context (for example by using `position` and `z-index`) so that tooltips
|
|
1655
|
-
* appear above the relevant chart content.
|
|
1656
|
-
*/
|
|
1657
|
-
portalContainer?: React.RefObject<HTMLElement | null>;
|
|
1658
1659
|
}
|
|
1659
1660
|
declare const GlobalChartsProvider: FC<GlobalChartsProviderProps>;
|
|
1660
1661
|
|
package/dist/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { CircleSubjectProps } from '@visx/annotation/lib/components/CircleSubjec
|
|
|
5
5
|
import { ConnectorProps } from '@visx/annotation/lib/components/Connector';
|
|
6
6
|
import { LabelProps } from '@visx/annotation/lib/components/Label';
|
|
7
7
|
import { LineSubjectProps } from '@visx/annotation/lib/components/LineSubject';
|
|
8
|
-
import { Orientation,
|
|
8
|
+
import { Orientation, AxisScale, TickFormatter, AxisRendererProps } from '@visx/axis';
|
|
9
9
|
import { LegendShape } from '@visx/legend/lib/types';
|
|
10
10
|
import { ScaleType, ScaleInput } from '@visx/scale';
|
|
11
11
|
import { TextProps } from '@visx/text/lib/Text';
|
|
@@ -294,6 +294,11 @@ type CompleteChartTheme = Required<ChartTheme> & {
|
|
|
294
294
|
type AxisOptions = {
|
|
295
295
|
orientation?: OrientationType;
|
|
296
296
|
numTicks?: number;
|
|
297
|
+
/**
|
|
298
|
+
* Explicit tick values for the axis. When set, takes precedence over `numTicks`
|
|
299
|
+
* so callers can force a specific axis (e.g. integer-only steps on a sparse chart).
|
|
300
|
+
*/
|
|
301
|
+
tickValues?: ScaleInput<AxisScale>[];
|
|
297
302
|
axisClassName?: string;
|
|
298
303
|
axisLineClassName?: string;
|
|
299
304
|
labelClassName?: string;
|
|
@@ -323,6 +328,11 @@ type AxisOptions = {
|
|
|
323
328
|
type ScaleOptions = {
|
|
324
329
|
type?: ScaleType;
|
|
325
330
|
zero?: boolean;
|
|
331
|
+
/**
|
|
332
|
+
* Extends the scale's domain to nice round values. Pass `false` together with
|
|
333
|
+
* an explicit `domain` to keep the tick values you set exactly.
|
|
334
|
+
*/
|
|
335
|
+
nice?: boolean;
|
|
326
336
|
domain?: [number, number];
|
|
327
337
|
range?: [number, number];
|
|
328
338
|
/**
|
|
@@ -1646,15 +1656,6 @@ declare const GlobalChartsContext: react.Context<GlobalChartsContextValue>;
|
|
|
1646
1656
|
interface GlobalChartsProviderProps {
|
|
1647
1657
|
children: ReactNode;
|
|
1648
1658
|
theme?: Partial<ChartTheme>;
|
|
1649
|
-
/**
|
|
1650
|
-
* Optional ref to an element that chart tooltip portals should be relocated into.
|
|
1651
|
-
* When provided, visx tooltip portals (normally appended to document.body) will be
|
|
1652
|
-
* moved into this container so they participate in the same effective CSS stacking context.
|
|
1653
|
-
* The element referenced here, or one of its ancestors, should establish the desired
|
|
1654
|
-
* stacking context (for example by using `position` and `z-index`) so that tooltips
|
|
1655
|
-
* appear above the relevant chart content.
|
|
1656
|
-
*/
|
|
1657
|
-
portalContainer?: React.RefObject<HTMLElement | null>;
|
|
1658
1659
|
}
|
|
1659
1660
|
declare const GlobalChartsProvider: FC<GlobalChartsProviderProps>;
|
|
1660
1661
|
|
package/dist/index.js
CHANGED
|
@@ -493,104 +493,7 @@ var useSingleChartContext = useChartInstanceContext;
|
|
|
493
493
|
|
|
494
494
|
// src/providers/chart-context/global-charts-provider.tsx
|
|
495
495
|
import { hsl as d3Hsl3 } from "@visx/vendor/d3-color";
|
|
496
|
-
import { createContext as createContext2, useCallback, useMemo, useState, useEffect
|
|
497
|
-
|
|
498
|
-
// src/hooks/use-tooltip-portal-relocator.ts
|
|
499
|
-
import { useEffect } from "react";
|
|
500
|
-
|
|
501
|
-
// src/hooks/use-tooltip-portal-relocator.module.scss
|
|
502
|
-
var use_tooltip_portal_relocator_module_default = {
|
|
503
|
-
"relocatedPortal": "a8ccharts-jCw5dQ"
|
|
504
|
-
};
|
|
505
|
-
|
|
506
|
-
// src/hooks/use-tooltip-portal-relocator.ts
|
|
507
|
-
function isVisxPortalNode(node2) {
|
|
508
|
-
return node2 instanceof HTMLDivElement && node2.parentElement === document.body && !node2.id && !node2.className && node2.querySelector(".visx-tooltip") !== null;
|
|
509
|
-
}
|
|
510
|
-
var patchRefCount = 0;
|
|
511
|
-
var origRemoveChild = null;
|
|
512
|
-
var patchedRemoveChild = null;
|
|
513
|
-
var relocatedNodes = /* @__PURE__ */ new WeakSet();
|
|
514
|
-
function installRemoveChildPatch() {
|
|
515
|
-
if (patchRefCount++ > 0) {
|
|
516
|
-
return;
|
|
517
|
-
}
|
|
518
|
-
origRemoveChild = document.body.removeChild;
|
|
519
|
-
patchedRemoveChild = function(child) {
|
|
520
|
-
if (relocatedNodes.has(child) && child.parentNode !== this) {
|
|
521
|
-
relocatedNodes.delete(child);
|
|
522
|
-
child.parentNode?.removeChild(child);
|
|
523
|
-
return child;
|
|
524
|
-
}
|
|
525
|
-
return origRemoveChild.call(this, child);
|
|
526
|
-
};
|
|
527
|
-
document.body.removeChild = patchedRemoveChild;
|
|
528
|
-
}
|
|
529
|
-
function uninstallRemoveChildPatch() {
|
|
530
|
-
if (--patchRefCount > 0) {
|
|
531
|
-
return;
|
|
532
|
-
}
|
|
533
|
-
if (document.body.removeChild === patchedRemoveChild) {
|
|
534
|
-
document.body.removeChild = origRemoveChild;
|
|
535
|
-
}
|
|
536
|
-
origRemoveChild = null;
|
|
537
|
-
patchedRemoveChild = null;
|
|
538
|
-
}
|
|
539
|
-
function useTooltipPortalRelocator(containerRef) {
|
|
540
|
-
useEffect(() => {
|
|
541
|
-
const container = containerRef?.current;
|
|
542
|
-
if (!container) {
|
|
543
|
-
return;
|
|
544
|
-
}
|
|
545
|
-
const instanceNodes = /* @__PURE__ */ new Set();
|
|
546
|
-
const relocateNode = (node2) => {
|
|
547
|
-
if (!isVisxPortalNode(node2)) {
|
|
548
|
-
return;
|
|
549
|
-
}
|
|
550
|
-
node2.style.opacity = "0";
|
|
551
|
-
node2.classList.add(use_tooltip_portal_relocator_module_default.relocatedPortal);
|
|
552
|
-
const { activeElement } = node2.ownerDocument;
|
|
553
|
-
const focusedElement = activeElement instanceof HTMLElement && node2.contains(activeElement) ? activeElement : null;
|
|
554
|
-
container.insertBefore(node2, container.firstChild);
|
|
555
|
-
relocatedNodes.add(node2);
|
|
556
|
-
instanceNodes.add(node2);
|
|
557
|
-
if (focusedElement) {
|
|
558
|
-
focusedElement.focus();
|
|
559
|
-
}
|
|
560
|
-
requestAnimationFrame(() => {
|
|
561
|
-
requestAnimationFrame(() => {
|
|
562
|
-
node2.style.opacity = "";
|
|
563
|
-
});
|
|
564
|
-
});
|
|
565
|
-
};
|
|
566
|
-
installRemoveChildPatch();
|
|
567
|
-
for (const child of Array.from(document.body.children)) {
|
|
568
|
-
relocateNode(child);
|
|
569
|
-
}
|
|
570
|
-
const observer = new MutationObserver((mutations) => {
|
|
571
|
-
for (const mutation of mutations) {
|
|
572
|
-
for (const node2 of mutation.addedNodes) {
|
|
573
|
-
relocateNode(node2);
|
|
574
|
-
}
|
|
575
|
-
}
|
|
576
|
-
});
|
|
577
|
-
observer.observe(document.body, { childList: true });
|
|
578
|
-
return () => {
|
|
579
|
-
observer.disconnect();
|
|
580
|
-
for (const node2 of instanceNodes) {
|
|
581
|
-
if (node2 instanceof HTMLElement) {
|
|
582
|
-
node2.classList.remove(use_tooltip_portal_relocator_module_default.relocatedPortal);
|
|
583
|
-
}
|
|
584
|
-
if (node2.parentNode === container) {
|
|
585
|
-
document.body.appendChild(node2);
|
|
586
|
-
}
|
|
587
|
-
relocatedNodes.delete(node2);
|
|
588
|
-
}
|
|
589
|
-
instanceNodes.clear();
|
|
590
|
-
uninstallRemoveChildPatch();
|
|
591
|
-
};
|
|
592
|
-
}, [containerRef]);
|
|
593
|
-
}
|
|
496
|
+
import { createContext as createContext2, useCallback, useMemo, useState, useEffect, useLayoutEffect, useRef } from "react";
|
|
594
497
|
|
|
595
498
|
// src/utils/create-composition.ts
|
|
596
499
|
function attachSubComponents(Chart2, subComponents) {
|
|
@@ -1096,13 +999,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
1096
999
|
var GlobalChartsContext = /* @__PURE__ */ createContext2(null);
|
|
1097
1000
|
var GlobalChartsProvider = ({
|
|
1098
1001
|
children,
|
|
1099
|
-
theme
|
|
1100
|
-
portalContainer
|
|
1002
|
+
theme
|
|
1101
1003
|
}) => {
|
|
1102
1004
|
const [charts, setCharts] = useState(() => /* @__PURE__ */ new Map());
|
|
1103
1005
|
const [hiddenSeries, setHiddenSeries] = useState(() => /* @__PURE__ */ new Map());
|
|
1104
1006
|
const wrapperRef = useRef(null);
|
|
1105
|
-
useTooltipPortalRelocator(portalContainer ?? wrapperRef);
|
|
1106
1007
|
const providerTheme = useMemo(() => {
|
|
1107
1008
|
return theme ? mergeThemes(defaultTheme, theme) : defaultTheme;
|
|
1108
1009
|
}, [theme]);
|
|
@@ -1150,13 +1051,13 @@ var GlobalChartsProvider = ({
|
|
|
1150
1051
|
maxHue
|
|
1151
1052
|
});
|
|
1152
1053
|
}, [providerTheme]);
|
|
1153
|
-
|
|
1054
|
+
useEffect(() => {
|
|
1154
1055
|
if (colorCache.colors.length > 0) {
|
|
1155
1056
|
setIsColorPaletteResolved(true);
|
|
1156
1057
|
}
|
|
1157
1058
|
}, [colorCache]);
|
|
1158
1059
|
const [groupToColorMap, setGroupToColorMap] = useState(() => /* @__PURE__ */ new Map());
|
|
1159
|
-
|
|
1060
|
+
useEffect(() => {
|
|
1160
1061
|
setGroupToColorMap(/* @__PURE__ */ new Map());
|
|
1161
1062
|
}, [providerTheme.colors]);
|
|
1162
1063
|
const registerChart = useCallback((id, data) => {
|
|
@@ -1279,7 +1180,7 @@ var useChartId = (providedId) => {
|
|
|
1279
1180
|
};
|
|
1280
1181
|
|
|
1281
1182
|
// src/providers/chart-context/hooks/use-chart-registration.ts
|
|
1282
|
-
import { useEffect as
|
|
1183
|
+
import { useEffect as useEffect3, useMemo as useMemo8 } from "react";
|
|
1283
1184
|
|
|
1284
1185
|
// src/hooks/use-deep-memo.ts
|
|
1285
1186
|
var import_fast_deep_equal = __toESM(require_fast_deep_equal(), 1);
|
|
@@ -1362,6 +1263,9 @@ var useChartMargin = (height, options, data, theme, horizontal = false) => {
|
|
|
1362
1263
|
if (horizontal) {
|
|
1363
1264
|
return allDataPoints.map((d) => d.label || options.axis?.y?.tickFormat(d.date.getTime(), 0, []));
|
|
1364
1265
|
}
|
|
1266
|
+
if (options.axis?.y?.tickValues?.length) {
|
|
1267
|
+
return options.axis.y.tickValues;
|
|
1268
|
+
}
|
|
1365
1269
|
const minY = Math.min(...allDataPoints.map((d) => d.value));
|
|
1366
1270
|
const maxY = Math.max(...allDataPoints.map((d) => d.value));
|
|
1367
1271
|
const yScale = createScale({
|
|
@@ -1565,12 +1469,12 @@ var useInteractiveLegendData = ({
|
|
|
1565
1469
|
};
|
|
1566
1470
|
|
|
1567
1471
|
// src/hooks/use-prefers-reduced-motion.ts
|
|
1568
|
-
import { useState as useState4, useEffect as
|
|
1472
|
+
import { useState as useState4, useEffect as useEffect2 } from "react";
|
|
1569
1473
|
var QUERY = "(prefers-reduced-motion: no-preference)";
|
|
1570
1474
|
var getInitialState = () => !window.matchMedia(QUERY).matches;
|
|
1571
1475
|
function usePrefersReducedMotion() {
|
|
1572
1476
|
const [prefersReducedMotion, setPrefersReducedMotion] = useState4(getInitialState);
|
|
1573
|
-
|
|
1477
|
+
useEffect2(() => {
|
|
1574
1478
|
const mediaQueryList = window.matchMedia(QUERY);
|
|
1575
1479
|
const listener = (event) => {
|
|
1576
1480
|
setPrefersReducedMotion(!event.matches);
|
|
@@ -1594,7 +1498,7 @@ var useChartRegistration = ({
|
|
|
1594
1498
|
const { registerChart, unregisterChart } = useGlobalChartsContext();
|
|
1595
1499
|
const stableLegendItems = useDeepMemo(legendItems);
|
|
1596
1500
|
const memoizedMetadata = useMemo8(() => metadata, [metadata]);
|
|
1597
|
-
|
|
1501
|
+
useEffect3(() => {
|
|
1598
1502
|
if (isDataValid) {
|
|
1599
1503
|
registerChart(chartId, {
|
|
1600
1504
|
legendItems: stableLegendItems,
|
|
@@ -1647,7 +1551,7 @@ import {
|
|
|
1647
1551
|
useContext as useContext4,
|
|
1648
1552
|
useDebugValue,
|
|
1649
1553
|
useDeferredValue,
|
|
1650
|
-
useEffect as
|
|
1554
|
+
useEffect as useEffect4,
|
|
1651
1555
|
useId as useId2,
|
|
1652
1556
|
useMemo as useMemo9,
|
|
1653
1557
|
useImperativeHandle,
|
|
@@ -2694,7 +2598,7 @@ var BaseTooltip = ({
|
|
|
2694
2598
|
|
|
2695
2599
|
// src/components/tooltip/accessible-tooltip.tsx
|
|
2696
2600
|
import { Tooltip, TooltipContext } from "@visx/xychart";
|
|
2697
|
-
import { useContext as useContext7, useEffect as
|
|
2601
|
+
import { useContext as useContext7, useEffect as useEffect5, useCallback as useCallback6, useMemo as useMemo12 } from "react";
|
|
2698
2602
|
import { jsx as _jsx5 } from "react/jsx-runtime";
|
|
2699
2603
|
var AccessibleTooltip = ({
|
|
2700
2604
|
renderTooltip,
|
|
@@ -2726,7 +2630,7 @@ var AccessibleTooltip = ({
|
|
|
2726
2630
|
}
|
|
2727
2631
|
return flattened;
|
|
2728
2632
|
}, [series, mode]);
|
|
2729
|
-
|
|
2633
|
+
useEffect5(() => {
|
|
2730
2634
|
if (selectedIndex === void 0) {
|
|
2731
2635
|
tooltipContext?.hideTooltip();
|
|
2732
2636
|
return;
|
|
@@ -2925,7 +2829,7 @@ function useChartChildren(children, chartType) {
|
|
|
2925
2829
|
}
|
|
2926
2830
|
|
|
2927
2831
|
// src/charts/private/chart-layout/chart-layout.tsx
|
|
2928
|
-
import { useEffect as
|
|
2832
|
+
import { useEffect as useEffect6 } from "react";
|
|
2929
2833
|
|
|
2930
2834
|
// src/charts/private/chart-layout/chart-layout.module.scss
|
|
2931
2835
|
var chart_layout_module_default = {
|
|
@@ -2953,7 +2857,7 @@ var ChartLayout = ({
|
|
|
2953
2857
|
const visibilityStyle = isRenderProp && !isMeasured ? {
|
|
2954
2858
|
visibility: "hidden"
|
|
2955
2859
|
} : {};
|
|
2956
|
-
|
|
2860
|
+
useEffect6(() => {
|
|
2957
2861
|
if (isRenderProp && onContentHeightChange && isMeasured) {
|
|
2958
2862
|
onContentHeightChange(contentHeight);
|
|
2959
2863
|
}
|
|
@@ -3198,7 +3102,7 @@ var line_chart_module_default = {
|
|
|
3198
3102
|
import { __ } from "@wordpress/i18n";
|
|
3199
3103
|
import { Icon, close } from "@wordpress/icons";
|
|
3200
3104
|
import clsx3 from "clsx";
|
|
3201
|
-
import { useEffect as
|
|
3105
|
+
import { useEffect as useEffect7, useId as useId3, useRef as useRef7, useState as useState6 } from "react";
|
|
3202
3106
|
import { jsx as _jsx12, jsxs as _jsxs4 } from "react/jsx-runtime";
|
|
3203
3107
|
var POPOVER_BUTTON_SIZE = 44;
|
|
3204
3108
|
var LineChartAnnotationLabelWithPopover = ({
|
|
@@ -3212,7 +3116,7 @@ var LineChartAnnotationLabelWithPopover = ({
|
|
|
3212
3116
|
const popoverRef = useRef7(null);
|
|
3213
3117
|
const [isPositioned, setIsPositioned] = useState6(false);
|
|
3214
3118
|
const isBrowserSafari = isSafari();
|
|
3215
|
-
|
|
3119
|
+
useEffect7(() => {
|
|
3216
3120
|
const button = buttonRef.current;
|
|
3217
3121
|
const popover = popoverRef.current;
|
|
3218
3122
|
if (!button || !popover) return;
|
|
@@ -3285,7 +3189,7 @@ var line_chart_annotation_label_popover_default = LineChartAnnotationLabelWithPo
|
|
|
3285
3189
|
|
|
3286
3190
|
// src/charts/line-chart/private/line-chart-annotations-overlay.tsx
|
|
3287
3191
|
import { DataContext as DataContext2 } from "@visx/xychart";
|
|
3288
|
-
import { useEffect as
|
|
3192
|
+
import { useEffect as useEffect8, useState as useState7, useCallback as useCallback7 } from "react";
|
|
3289
3193
|
import { jsx as _jsx13 } from "react/jsx-runtime";
|
|
3290
3194
|
var LineChartAnnotationsOverlay = ({
|
|
3291
3195
|
children
|
|
@@ -3320,7 +3224,7 @@ var LineChartAnnotationsOverlay = ({
|
|
|
3320
3224
|
}
|
|
3321
3225
|
return null;
|
|
3322
3226
|
}, [chartRef, createScaleSignature]);
|
|
3323
|
-
|
|
3227
|
+
useEffect8(() => {
|
|
3324
3228
|
let timeoutId = null;
|
|
3325
3229
|
let lastSignature = null;
|
|
3326
3230
|
let retryCount = 0;
|
|
@@ -3384,7 +3288,7 @@ var line_chart_annotations_overlay_default = LineChartAnnotationsOverlay;
|
|
|
3384
3288
|
import { Annotation, CircleSubject, Connector, HtmlLabel, Label, LineSubject } from "@visx/annotation";
|
|
3385
3289
|
import { DataContext as DataContext3 } from "@visx/xychart";
|
|
3386
3290
|
import merge from "deepmerge";
|
|
3387
|
-
import { useContext as useContext9, useRef as useRef8, useEffect as
|
|
3291
|
+
import { useContext as useContext9, useRef as useRef8, useEffect as useEffect9, useState as useState8, useMemo as useMemo14 } from "react";
|
|
3388
3292
|
import { jsx as _jsx14, jsxs as _jsxs5 } from "react/jsx-runtime";
|
|
3389
3293
|
var ANNOTATION_MAX_WIDTH = 125;
|
|
3390
3294
|
var ANNOTATION_INIT_HEIGHT = 100;
|
|
@@ -3481,7 +3385,7 @@ var LineChartAnnotation = ({
|
|
|
3481
3385
|
const labelRef = useRef8(null);
|
|
3482
3386
|
const [height, setHeight] = useState8(null);
|
|
3483
3387
|
const styles = merge(providerTheme.annotationStyles ?? {}, datumStyles ?? {});
|
|
3484
|
-
|
|
3388
|
+
useEffect9(() => {
|
|
3485
3389
|
if (labelRef.current?.getBBox) {
|
|
3486
3390
|
const bbox = labelRef.current.getBBox();
|
|
3487
3391
|
setHeight(bbox.height);
|
|
@@ -5332,7 +5236,7 @@ var BarListChartResponsive = withResponsive(BarListChart);
|
|
|
5332
5236
|
// src/charts/conversion-funnel-chart/conversion-funnel-chart.tsx
|
|
5333
5237
|
import { useTooltip, useTooltipInPortal } from "@visx/tooltip";
|
|
5334
5238
|
import clsx7 from "clsx";
|
|
5335
|
-
import { useRef as useRef12, useMemo as useMemo20, useEffect as
|
|
5239
|
+
import { useRef as useRef12, useMemo as useMemo20, useEffect as useEffect10, useCallback as useCallback12, useContext as useContext17 } from "react";
|
|
5336
5240
|
|
|
5337
5241
|
// src/charts/conversion-funnel-chart/conversion-funnel-chart.module.scss
|
|
5338
5242
|
var conversion_funnel_chart_module_default = {
|
|
@@ -5542,7 +5446,7 @@ var ConversionFunnelChartInternal = ({
|
|
|
5542
5446
|
});
|
|
5543
5447
|
return handlers;
|
|
5544
5448
|
}, [steps, handleStepInteraction, handleBarKeyDown]);
|
|
5545
|
-
|
|
5449
|
+
useEffect10(() => {
|
|
5546
5450
|
const handleDocumentClick = (event) => {
|
|
5547
5451
|
if (selectedBarRef.current && !selectedBarRef.current.contains(event.target)) {
|
|
5548
5452
|
clearSelectionAndRef();
|
|
@@ -5922,14 +5826,14 @@ var GeoChartResponsive = withResponsive(GeoChartWithProvider);
|
|
|
5922
5826
|
// ../../../node_modules/.pnpm/@wordpress+components@32.6.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wordpress/components/build-module/utils/hooks/use-update-effect.mjs
|
|
5923
5827
|
function useUpdateEffect(effect, deps) {
|
|
5924
5828
|
const mountedRef = useRef5(false);
|
|
5925
|
-
|
|
5829
|
+
useEffect4(() => {
|
|
5926
5830
|
if (mountedRef.current) {
|
|
5927
5831
|
return effect();
|
|
5928
5832
|
}
|
|
5929
5833
|
mountedRef.current = true;
|
|
5930
5834
|
return void 0;
|
|
5931
5835
|
}, deps);
|
|
5932
|
-
|
|
5836
|
+
useEffect4(() => () => {
|
|
5933
5837
|
mountedRef.current = false;
|
|
5934
5838
|
}, []);
|
|
5935
5839
|
}
|
|
@@ -7946,7 +7850,7 @@ var useBreakpointIndex = (options = {}) => {
|
|
|
7946
7850
|
throw new RangeError(`Default breakpoint index out of range. Theme has ${breakpoints.length} breakpoints, got index ${defaultIndex}`);
|
|
7947
7851
|
}
|
|
7948
7852
|
const [value, setValue] = useState5(defaultIndex);
|
|
7949
|
-
|
|
7853
|
+
useEffect4(() => {
|
|
7950
7854
|
const getIndex = () => breakpoints.filter((bp) => {
|
|
7951
7855
|
return typeof window !== "undefined" ? window.matchMedia(`screen and (min-width: ${bp})`).matches : false;
|
|
7952
7856
|
}).length;
|