@automattic/charts 0.56.3 → 0.56.4
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 +9 -0
- package/dist/charts/bar-chart/index.cjs +5 -5
- package/dist/charts/bar-chart/index.css +12 -0
- package/dist/charts/bar-chart/index.css.map +1 -1
- package/dist/charts/bar-chart/index.js +4 -4
- package/dist/charts/bar-list-chart/index.cjs +6 -6
- package/dist/charts/bar-list-chart/index.css +12 -0
- package/dist/charts/bar-list-chart/index.css.map +1 -1
- package/dist/charts/bar-list-chart/index.js +5 -5
- package/dist/charts/conversion-funnel-chart/index.cjs +5 -3
- package/dist/charts/conversion-funnel-chart/index.cjs.map +1 -1
- package/dist/charts/conversion-funnel-chart/index.css +14 -1
- package/dist/charts/conversion-funnel-chart/index.css.map +1 -1
- package/dist/charts/conversion-funnel-chart/index.d.cts +2 -0
- package/dist/charts/conversion-funnel-chart/index.d.ts +2 -0
- package/dist/charts/conversion-funnel-chart/index.js +4 -2
- package/dist/charts/geo-chart/index.cjs +4 -4
- package/dist/charts/geo-chart/index.css +12 -0
- package/dist/charts/geo-chart/index.css.map +1 -1
- package/dist/charts/geo-chart/index.js +3 -3
- package/dist/charts/leaderboard-chart/index.cjs +5 -5
- package/dist/charts/leaderboard-chart/index.css +12 -0
- package/dist/charts/leaderboard-chart/index.css.map +1 -1
- package/dist/charts/leaderboard-chart/index.js +4 -4
- package/dist/charts/line-chart/index.cjs +5 -5
- package/dist/charts/line-chart/index.css +12 -0
- package/dist/charts/line-chart/index.css.map +1 -1
- package/dist/charts/line-chart/index.js +4 -4
- package/dist/charts/pie-chart/index.cjs +7 -7
- package/dist/charts/pie-chart/index.css +12 -0
- package/dist/charts/pie-chart/index.css.map +1 -1
- package/dist/charts/pie-chart/index.js +6 -6
- package/dist/charts/pie-semi-circle-chart/index.cjs +7 -7
- package/dist/charts/pie-semi-circle-chart/index.css +12 -0
- package/dist/charts/pie-semi-circle-chart/index.css.map +1 -1
- package/dist/charts/pie-semi-circle-chart/index.js +6 -6
- package/dist/charts/sparkline/index.cjs +6 -6
- package/dist/charts/sparkline/index.css +12 -0
- package/dist/charts/sparkline/index.css.map +1 -1
- package/dist/charts/sparkline/index.js +5 -5
- package/dist/{chunk-OTZT3MC2.cjs → chunk-2A34OA5O.cjs} +19 -20
- package/dist/chunk-2A34OA5O.cjs.map +1 -0
- package/dist/chunk-4YYROZDJ.cjs +375 -0
- package/dist/chunk-4YYROZDJ.cjs.map +1 -0
- package/dist/{chunk-YYQ4IK5V.cjs → chunk-5N77S5N3.cjs} +103 -80
- package/dist/chunk-5N77S5N3.cjs.map +1 -0
- package/dist/chunk-66BXSWMW.cjs +1065 -0
- package/dist/chunk-66BXSWMW.cjs.map +1 -0
- package/dist/{chunk-CEZGL6YP.js → chunk-6CCZL2JJ.js} +15 -7
- package/dist/chunk-6CCZL2JJ.js.map +1 -0
- package/dist/{chunk-NW3RUYK2.cjs → chunk-7QDEU3KN.cjs} +15 -22
- package/dist/chunk-7QDEU3KN.cjs.map +1 -0
- package/dist/{chunk-H34CJSR6.js → chunk-AWNCAKZY.js} +367 -358
- package/dist/chunk-AWNCAKZY.js.map +1 -0
- package/dist/{chunk-5XI443YP.js → chunk-BPYKWMI7.js} +72 -64
- package/dist/chunk-BPYKWMI7.js.map +1 -0
- package/dist/{chunk-7UJPVCMB.cjs → chunk-CERFRCXD.cjs} +265 -262
- package/dist/chunk-CERFRCXD.cjs.map +1 -0
- package/dist/chunk-CMHPXSCI.js +351 -0
- package/dist/chunk-CMHPXSCI.js.map +1 -0
- package/dist/chunk-EBDUXL5K.js +421 -0
- package/dist/chunk-EBDUXL5K.js.map +1 -0
- package/dist/{chunk-2VPPTJS2.js → chunk-FZYJM5PN.js} +256 -253
- package/dist/chunk-FZYJM5PN.js.map +1 -0
- package/dist/chunk-GBDFC74U.cjs +165 -0
- package/dist/chunk-GBDFC74U.cjs.map +1 -0
- package/dist/{chunk-ODF5O5PV.cjs → chunk-HNEG3EFJ.cjs} +154 -170
- package/dist/chunk-HNEG3EFJ.cjs.map +1 -0
- package/dist/{chunk-SRXJLAKG.cjs → chunk-I2276W3I.cjs} +28 -37
- package/dist/chunk-I2276W3I.cjs.map +1 -0
- package/dist/chunk-KKPZ4MVF.js +375 -0
- package/dist/chunk-KKPZ4MVF.js.map +1 -0
- package/dist/chunk-KMYJJTSR.cjs +421 -0
- package/dist/chunk-KMYJJTSR.cjs.map +1 -0
- package/dist/{chunk-A3AEEGKR.js → chunk-KXRWNFQJ.js} +20 -21
- package/dist/chunk-KXRWNFQJ.js.map +1 -0
- package/dist/{chunk-TVV7ZI7C.cjs → chunk-LSV7F26B.cjs} +362 -353
- package/dist/chunk-LSV7F26B.cjs.map +1 -0
- package/dist/{chunk-T4J6TI55.js → chunk-M7PRGJFE.js} +102 -79
- package/dist/chunk-M7PRGJFE.js.map +1 -0
- package/dist/{chunk-TNRKEBTA.js → chunk-PGJAZN2H.js} +148 -164
- package/dist/{chunk-TNRKEBTA.js.map → chunk-PGJAZN2H.js.map} +1 -1
- package/dist/chunk-R23BFDIW.js +1065 -0
- package/dist/chunk-R23BFDIW.js.map +1 -0
- package/dist/{chunk-HIWNB5PK.cjs → chunk-RCY6XLGU.cjs} +13 -5
- package/dist/chunk-RCY6XLGU.cjs.map +1 -0
- package/dist/chunk-RSYD434G.cjs +351 -0
- package/dist/chunk-RSYD434G.cjs.map +1 -0
- package/dist/{chunk-C33AQZEC.js → chunk-TYIH5LMV.js} +16 -23
- package/dist/chunk-TYIH5LMV.js.map +1 -0
- package/dist/chunk-WMWAUOQ4.js +165 -0
- package/dist/chunk-WMWAUOQ4.js.map +1 -0
- package/dist/chunk-XWYZIFZW.js +66 -0
- package/dist/chunk-XWYZIFZW.js.map +1 -0
- package/dist/{chunk-7HROSZRS.cjs → chunk-Y3NNQMAX.cjs} +70 -62
- package/dist/chunk-Y3NNQMAX.cjs.map +1 -0
- package/dist/chunk-ZXEFMKVP.cjs +120 -0
- package/dist/chunk-ZXEFMKVP.cjs.map +1 -0
- package/dist/chunk-ZY4FXLMM.js +120 -0
- package/dist/chunk-ZY4FXLMM.js.map +1 -0
- package/dist/components/legend/index.cjs +2 -2
- package/dist/components/legend/index.css +12 -0
- package/dist/components/legend/index.css.map +1 -1
- package/dist/components/legend/index.js +1 -1
- package/dist/components/tooltip/index.cjs +2 -2
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/trend-indicator/index.cjs +2 -2
- package/dist/components/trend-indicator/index.js +1 -1
- package/dist/hooks/index.cjs +4 -2
- package/dist/hooks/index.cjs.map +1 -1
- package/dist/hooks/index.css +12 -0
- package/dist/hooks/index.css.map +1 -1
- package/dist/hooks/index.d.cts +28 -2
- package/dist/hooks/index.d.ts +28 -2
- package/dist/hooks/index.js +3 -1
- package/dist/index.cjs +18 -18
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +14 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +17 -17
- package/dist/providers/index.cjs +2 -2
- package/dist/providers/index.css +12 -0
- package/dist/providers/index.css.map +1 -1
- package/dist/providers/index.d.cts +1 -1
- package/dist/providers/index.d.ts +1 -1
- package/dist/providers/index.js +1 -1
- package/dist/{themes-DQs9rbN5.d.cts → themes-BDVaIfBz.d.cts} +9 -0
- package/dist/{themes-CRV5fVzJ.d.ts → themes-mcS8QNkQ.d.ts} +9 -0
- package/package.json +5 -1
- package/src/charts/conversion-funnel-chart/conversion-funnel-chart.module.scss +2 -1
- package/src/charts/conversion-funnel-chart/conversion-funnel-chart.tsx +16 -6
- package/src/charts/conversion-funnel-chart/test/conversion-funnel-chart.test.tsx +34 -0
- package/src/charts/conversion-funnel-chart/types.ts +2 -0
- package/src/charts/pie-chart/pie-chart.tsx +2 -3
- package/src/hooks/index.ts +1 -0
- package/src/hooks/test/use-tooltip-portal-relocator.test.ts +216 -0
- package/src/hooks/use-tooltip-portal-relocator.module.scss +10 -0
- package/src/hooks/use-tooltip-portal-relocator.ts +177 -0
- package/src/providers/chart-context/global-charts-provider.tsx +18 -1
- package/tsup.config.ts +11 -0
- package/dist/chunk-2VPPTJS2.js.map +0 -1
- package/dist/chunk-5XI443YP.js.map +0 -1
- package/dist/chunk-7HROSZRS.cjs.map +0 -1
- package/dist/chunk-7UJPVCMB.cjs.map +0 -1
- package/dist/chunk-A3AEEGKR.js.map +0 -1
- package/dist/chunk-C33AQZEC.js.map +0 -1
- package/dist/chunk-CEZGL6YP.js.map +0 -1
- package/dist/chunk-COOC2TVQ.js +0 -167
- package/dist/chunk-COOC2TVQ.js.map +0 -1
- package/dist/chunk-EJHLLXBV.js +0 -362
- package/dist/chunk-EJHLLXBV.js.map +0 -1
- package/dist/chunk-FWMJ2FR2.js +0 -121
- package/dist/chunk-FWMJ2FR2.js.map +0 -1
- package/dist/chunk-GRYNIPWH.cjs +0 -385
- package/dist/chunk-GRYNIPWH.cjs.map +0 -1
- package/dist/chunk-H34CJSR6.js.map +0 -1
- package/dist/chunk-HIWNB5PK.cjs.map +0 -1
- package/dist/chunk-IZWC33YN.cjs +0 -357
- package/dist/chunk-IZWC33YN.cjs.map +0 -1
- package/dist/chunk-KOF32DBL.cjs +0 -1058
- package/dist/chunk-KOF32DBL.cjs.map +0 -1
- package/dist/chunk-LHWRZMF7.cjs +0 -362
- package/dist/chunk-LHWRZMF7.cjs.map +0 -1
- package/dist/chunk-MFRS2PEY.cjs +0 -121
- package/dist/chunk-MFRS2PEY.cjs.map +0 -1
- package/dist/chunk-MMDLXS6O.js +0 -75
- package/dist/chunk-MMDLXS6O.js.map +0 -1
- package/dist/chunk-NW3RUYK2.cjs.map +0 -1
- package/dist/chunk-ODF5O5PV.cjs.map +0 -1
- package/dist/chunk-OTZT3MC2.cjs.map +0 -1
- package/dist/chunk-SBRMWDWM.js +0 -357
- package/dist/chunk-SBRMWDWM.js.map +0 -1
- package/dist/chunk-SRXJLAKG.cjs.map +0 -1
- package/dist/chunk-T4J6TI55.js.map +0 -1
- package/dist/chunk-TVV7ZI7C.cjs.map +0 -1
- package/dist/chunk-XVMXWV3C.cjs +0 -167
- package/dist/chunk-XVMXWV3C.cjs.map +0 -1
- package/dist/chunk-YYQ4IK5V.cjs.map +0 -1
- package/dist/chunk-ZDNCF642.js +0 -1058
- package/dist/chunk-ZDNCF642.js.map +0 -1
- package/dist/chunk-ZWBUEHKF.js +0 -385
- package/dist/chunk-ZWBUEHKF.js.map +0 -1
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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/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-AELBvX {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 16px;\n}\n.a8ccharts-fX8uQe {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n align-items: flex-end;\n}\n.a8ccharts-8Y73Kh {\n position: relative;\n}\n.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-8Y73Kh.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n.a8ccharts-TVM-IY {\n position: relative;\n}\n.a8ccharts-TVM-IY.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-TVM-IY.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-TVM-IY.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n display: flex;\n align-items: center;\n font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n cursor: pointer;\n user-select: none;\n transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n outline: none;\n}\n.a8ccharts-ZtDY-Q {\n opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n overflow-wrap: break-word;\n white-space: normal;\n hyphens: auto;\n}\n.a8ccharts-FISUIO {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-shrink: 1;\n min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n font-weight: 500;\n flex-shrink: 0;\n}",".a8ccharts-OfX6nd {\n padding: 0.5rem;\n background-color: rgba(0, 0, 0, 0.85);\n color: #fff;\n border-radius: 4px;\n font-size: 14px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: absolute;\n pointer-events: none;\n transform: translate(-50%, -100%);\n}",".a8ccharts-GSKfBD {\n min-width: 0;\n min-height: 0;\n}",".a8ccharts-9CsqC0 {\n flex: 1;\n min-height: 0;\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-lK-YNK {\n font-family: var(--funnel-font-family, \"SF Pro Text\");\n}\n.a8ccharts-lK-YNK.a8ccharts-DbHKK5 {\n opacity: 0.6;\n pointer-events: none;\n}\n\n.a8ccharts-61WPYr {\n display: flex;\n align-items: baseline;\n gap: 8px;\n margin-bottom: 24px;\n height: 20px;\n}\n\n.a8ccharts-RRRI6x {\n overflow: hidden;\n color: #1e1e1e;\n text-overflow: ellipsis;\n font-family: var(--funnel-font-family, \"SF Pro Text\");\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n margin: 0;\n}\n\n.a8ccharts-661iwx {\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: var(--funnel-font-family, \"SF Pro Text\");\n font-size: 13px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n margin: 0;\n}\n\n.a8ccharts-Z7EGnW {\n display: flex;\n gap: 16px;\n align-items: flex-end;\n height: 200px;\n width: 100%;\n}\n\n.a8ccharts-VqFY0l {\n flex: 1 1 0;\n min-width: 0;\n display: flex;\n flex-direction: column;\n height: 100%;\n transition: all 0.3s ease;\n}\n.a8ccharts-VqFY0l.a8ccharts-7dTRBs {\n opacity: 0.3;\n}\n\n.a8ccharts-2JsQiV {\n margin-bottom: 24px;\n}\n\n.a8ccharts-6OabC4 {\n color: #757575;\n font-family: var(--step-font-family, \"SF Pro\");\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n margin: 0 0 2px 0;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.a8ccharts-9wSZ6n {\n color: #1e1e1e;\n font-family: var(--step-font-family, \"SF Pro\");\n font-size: 13px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n margin: 0;\n display: block;\n}\n\n.a8ccharts-sSmCTi {\n flex: 1;\n display: flex;\n align-items: flex-end;\n border-radius: 4px;\n position: relative;\n cursor: pointer;\n transition: all 0.2s ease;\n}\n.a8ccharts-sSmCTi.a8ccharts-PLWVAW {\n cursor: pointer;\n}\n\n.a8ccharts-EzczI- {\n width: 100%;\n min-height: 4px;\n border-radius: 4px 4px 0 0;\n transition: all 0.3s ease;\n}\n.a8ccharts-EzczI-.a8ccharts-wNpZEu {\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n filter: brightness(1.1);\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 display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 4px;\n border-bottom: 1px solid var(--Gray-Gray-5, #dcdcde);\n background: var(--black-white-white, #fff);\n border-radius: 4px !important;\n padding: 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-family: \"SF Pro\", sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.a8ccharts-8jgT-3 {\n color: #1e1e1e;\n font-family: \"SF Pro\", sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n}\n\n.a8ccharts-Ml6MMr {\n text-align: center;\n padding: 48px 24px;\n color: #6b7280;\n font-size: 16px;\n}",".a8ccharts-JvcqOz {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n}",".a8ccharts-V3NYDq {\n display: flex;\n flex-direction: column;\n transition: opacity 0.3s ease-in-out;\n}\n.a8ccharts-9sUdJT {\n flex-direction: column-reverse;\n}\n.a8ccharts-768THZ {\n gap: 16px;\n}\n.a8ccharts-JQbl6A {\n opacity: 0.5;\n}\n\n.a8ccharts-ETItHW {\n display: grid;\n align-items: center;\n grid-template-columns: 1fr;\n row-gap: 6px;\n isolation: isolate;\n}\n.a8ccharts-ETItHW.a8ccharts-oA4hdH {\n grid-template: \"overlap\" 1fr/1fr;\n /* contains a single cell callded 'overlap' */\n}\n.a8ccharts-ETItHW.a8ccharts-oA4hdH > * {\n grid-area: overlap;\n}\n.a8ccharts-ETItHW.a8ccharts-oA4hdH .a8ccharts-UciQnF {\n padding-left: 8px;\n}\n.a8ccharts-ETItHW .a8ccharts-np8f0T {\n height: 100%;\n min-height: 6px;\n border-radius: var(--a8c--charts--leaderboard--bar--border-radius, 9999px);\n z-index: -1; /* places it behind the label */\n}\n.a8ccharts-ETItHW .a8ccharts-zq3CmS {\n transform-origin: left;\n transform-box: fill-box;\n transform: scaleX(0);\n animation: a8ccharts-D0Q3w1 1s ease-out forwards;\n}\n@keyframes a8ccharts-D0Q3w1 {\n to {\n transform: scaleX(1);\n }\n}\n\n.a8ccharts-B6VcRn {\n display: flex;\n gap: 4px;\n justify-content: flex-end;\n}\n\n.a8ccharts-GB7tyM {\n align-items: center;\n}\n\n.a8ccharts-E0K4Hr {\n padding: 32px 16px;\n text-align: center;\n color: #666;\n font-size: 14px;\n font-style: italic;\n}",".a8ccharts-v-oO8E {\n position: relative;\n}\n.a8ccharts-cpMNjj {\n flex: 1;\n min-height: 0;\n}\n.a8ccharts-QrkuTW path {\n transform-origin: 0 95%;\n transform: scaleY(0);\n animation: a8ccharts--rxDU3 1s ease-out forwards;\n}\n.a8ccharts-v-oO8E svg {\n overflow: visible;\n}\n.a8ccharts-Tu0rR-, .a8ccharts--RSWXi {\n background: #fff;\n padding: 0.5rem;\n}\n.a8ccharts-Q-b5A1 {\n font-weight: 700;\n padding-bottom: 10px;\n}\n.a8ccharts-19N7T9 {\n display: flex;\n align-items: center;\n padding: 4px 0;\n justify-content: space-between;\n}\n.a8ccharts-HOAXrD {\n font-weight: 500;\n padding-right: 1rem;\n}\n.a8ccharts-rQiY8O {\n position: absolute;\n left: 0;\n top: 0;\n overflow: visible;\n pointer-events: none;\n}\n.a8ccharts-8AKWOe {\n pointer-events: auto;\n}\n.a8ccharts-7mh3Cl {\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n cursor: pointer;\n border: none;\n background: none;\n padding: 0;\n}\n.a8ccharts--RSWXi {\n min-width: 125px;\n background: #fff;\n border: none;\n border-radius: 4px;\n font-size: 14px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: fixed;\n margin: 0.5rem;\n visibility: hidden;\n}\n.a8ccharts-VAeVuJ {\n visibility: visible;\n}\n.a8ccharts-TEe-iV {\n position: initial;\n margin: auto;\n}\n.a8ccharts-LAUpx7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n}\n.a8ccharts-b76gEu {\n padding: 0.5rem;\n}\n.a8ccharts-LIpFoS {\n background: none;\n border: none;\n cursor: pointer;\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n\n.visx-tooltip-glyph svg {\n width: 10px;\n height: 10px;\n}\n\n@keyframes a8ccharts--rxDU3 {\n to {\n transform: scaleY(1);\n }\n}",".a8ccharts-C-n-Gu {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n align-items: center;\n gap: 20px;\n}\n.a8ccharts-Mu0uxl {\n flex-direction: column-reverse;\n}",".a8ccharts-8tyaQj {\n display: flex;\n flex-direction: column;\n text-align: center;\n gap: 20px;\n}\n.a8ccharts-M1lF7A {\n flex-direction: column-reverse;\n}\n.a8ccharts-8tyaQj .a8ccharts-EKZS3j {\n margin-bottom: 0;\n font-weight: 600;\n font-size: 16px;\n}\n.a8ccharts-8tyaQj .a8ccharts-v85A8- {\n margin-top: 0;\n font-size: 14px;\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: 0.875rem;\n font-weight: 500;\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/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 top: 0;\n left: 0;\n width: 0;\n height: 0;\n overflow: visible;\n z-index: 1;\n pointer-events: none;\n}",".a8ccharts-AELBvX {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 16px;\n}\n.a8ccharts-fX8uQe {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n align-items: flex-end;\n}\n.a8ccharts-8Y73Kh {\n position: relative;\n}\n.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-8Y73Kh.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n.a8ccharts-TVM-IY {\n position: relative;\n}\n.a8ccharts-TVM-IY.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-TVM-IY.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-TVM-IY.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n display: flex;\n align-items: center;\n font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n cursor: pointer;\n user-select: none;\n transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n outline: none;\n}\n.a8ccharts-ZtDY-Q {\n opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n overflow-wrap: break-word;\n white-space: normal;\n hyphens: auto;\n}\n.a8ccharts-FISUIO {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-shrink: 1;\n min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n font-weight: 500;\n flex-shrink: 0;\n}",".a8ccharts-OfX6nd {\n padding: 0.5rem;\n background-color: rgba(0, 0, 0, 0.85);\n color: #fff;\n border-radius: 4px;\n font-size: 14px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: absolute;\n pointer-events: none;\n transform: translate(-50%, -100%);\n}",".a8ccharts-GSKfBD {\n min-width: 0;\n min-height: 0;\n}",".a8ccharts-9CsqC0 {\n flex: 1;\n min-height: 0;\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-lK-YNK {\n font-family: var(--funnel-font-family, \"SF Pro Text\");\n}\n.a8ccharts-lK-YNK.a8ccharts-DbHKK5 {\n opacity: 0.6;\n pointer-events: none;\n}\n\n.a8ccharts-61WPYr {\n display: flex;\n align-items: baseline;\n gap: 8px;\n margin-bottom: 24px;\n height: 20px;\n}\n\n.a8ccharts-RRRI6x {\n overflow: hidden;\n color: #1e1e1e;\n text-overflow: ellipsis;\n font-family: var(--funnel-font-family, \"SF Pro Text\");\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n margin: 0;\n}\n\n.a8ccharts-661iwx {\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: var(--funnel-font-family, \"SF Pro Text\");\n font-size: 13px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n margin: 0;\n}\n\n.a8ccharts-Z7EGnW {\n display: flex;\n gap: 16px;\n align-items: flex-end;\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 display: flex;\n flex-direction: column;\n height: 100%;\n transition: all 0.3s ease;\n}\n.a8ccharts-VqFY0l.a8ccharts-7dTRBs {\n opacity: 0.3;\n}\n\n.a8ccharts-2JsQiV {\n margin-bottom: 24px;\n}\n\n.a8ccharts-6OabC4 {\n color: #757575;\n font-family: var(--step-font-family, \"SF Pro\");\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n margin: 0 0 2px 0;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.a8ccharts-9wSZ6n {\n color: #1e1e1e;\n font-family: var(--step-font-family, \"SF Pro\");\n font-size: 13px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n margin: 0;\n display: block;\n}\n\n.a8ccharts-sSmCTi {\n flex: 1;\n display: flex;\n align-items: flex-end;\n border-radius: 4px;\n position: relative;\n cursor: pointer;\n transition: all 0.2s ease;\n}\n.a8ccharts-sSmCTi.a8ccharts-PLWVAW {\n cursor: pointer;\n}\n\n.a8ccharts-EzczI- {\n width: 100%;\n min-height: 4px;\n border-radius: 4px 4px 0 0;\n transition: all 0.3s ease;\n}\n.a8ccharts-EzczI-.a8ccharts-wNpZEu {\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n filter: brightness(1.1);\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 display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 4px;\n border-bottom: 1px solid var(--Gray-Gray-5, #dcdcde);\n background: var(--black-white-white, #fff);\n border-radius: 4px !important;\n padding: 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-family: \"SF Pro\", sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.a8ccharts-8jgT-3 {\n color: #1e1e1e;\n font-family: \"SF Pro\", sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n}\n\n.a8ccharts-Ml6MMr {\n text-align: center;\n padding: 48px 24px;\n color: #6b7280;\n font-size: 16px;\n}",".a8ccharts-JvcqOz {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n}",".a8ccharts-V3NYDq {\n display: flex;\n flex-direction: column;\n transition: opacity 0.3s ease-in-out;\n}\n.a8ccharts-9sUdJT {\n flex-direction: column-reverse;\n}\n.a8ccharts-768THZ {\n gap: 16px;\n}\n.a8ccharts-JQbl6A {\n opacity: 0.5;\n}\n\n.a8ccharts-ETItHW {\n display: grid;\n align-items: center;\n grid-template-columns: 1fr;\n row-gap: 6px;\n isolation: isolate;\n}\n.a8ccharts-ETItHW.a8ccharts-oA4hdH {\n grid-template: \"overlap\" 1fr/1fr;\n /* contains a single cell callded 'overlap' */\n}\n.a8ccharts-ETItHW.a8ccharts-oA4hdH > * {\n grid-area: overlap;\n}\n.a8ccharts-ETItHW.a8ccharts-oA4hdH .a8ccharts-UciQnF {\n padding-left: 8px;\n}\n.a8ccharts-ETItHW .a8ccharts-np8f0T {\n height: 100%;\n min-height: 6px;\n border-radius: var(--a8c--charts--leaderboard--bar--border-radius, 9999px);\n z-index: -1; /* places it behind the label */\n}\n.a8ccharts-ETItHW .a8ccharts-zq3CmS {\n transform-origin: left;\n transform-box: fill-box;\n transform: scaleX(0);\n animation: a8ccharts-D0Q3w1 1s ease-out forwards;\n}\n@keyframes a8ccharts-D0Q3w1 {\n to {\n transform: scaleX(1);\n }\n}\n\n.a8ccharts-B6VcRn {\n display: flex;\n gap: 4px;\n justify-content: flex-end;\n}\n\n.a8ccharts-GB7tyM {\n align-items: center;\n}\n\n.a8ccharts-E0K4Hr {\n padding: 32px 16px;\n text-align: center;\n color: #666;\n font-size: 14px;\n font-style: italic;\n}",".a8ccharts-v-oO8E {\n position: relative;\n}\n.a8ccharts-cpMNjj {\n flex: 1;\n min-height: 0;\n}\n.a8ccharts-QrkuTW path {\n transform-origin: 0 95%;\n transform: scaleY(0);\n animation: a8ccharts--rxDU3 1s ease-out forwards;\n}\n.a8ccharts-v-oO8E svg {\n overflow: visible;\n}\n.a8ccharts-Tu0rR-, .a8ccharts--RSWXi {\n background: #fff;\n padding: 0.5rem;\n}\n.a8ccharts-Q-b5A1 {\n font-weight: 700;\n padding-bottom: 10px;\n}\n.a8ccharts-19N7T9 {\n display: flex;\n align-items: center;\n padding: 4px 0;\n justify-content: space-between;\n}\n.a8ccharts-HOAXrD {\n font-weight: 500;\n padding-right: 1rem;\n}\n.a8ccharts-rQiY8O {\n position: absolute;\n left: 0;\n top: 0;\n overflow: visible;\n pointer-events: none;\n}\n.a8ccharts-8AKWOe {\n pointer-events: auto;\n}\n.a8ccharts-7mh3Cl {\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n cursor: pointer;\n border: none;\n background: none;\n padding: 0;\n}\n.a8ccharts--RSWXi {\n min-width: 125px;\n background: #fff;\n border: none;\n border-radius: 4px;\n font-size: 14px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: fixed;\n margin: 0.5rem;\n visibility: hidden;\n}\n.a8ccharts-VAeVuJ {\n visibility: visible;\n}\n.a8ccharts-TEe-iV {\n position: initial;\n margin: auto;\n}\n.a8ccharts-LAUpx7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n}\n.a8ccharts-b76gEu {\n padding: 0.5rem;\n}\n.a8ccharts-LIpFoS {\n background: none;\n border: none;\n cursor: pointer;\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n\n.visx-tooltip-glyph svg {\n width: 10px;\n height: 10px;\n}\n\n@keyframes a8ccharts--rxDU3 {\n to {\n transform: scaleY(1);\n }\n}",".a8ccharts-C-n-Gu {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n align-items: center;\n gap: 20px;\n}\n.a8ccharts-Mu0uxl {\n flex-direction: column-reverse;\n}",".a8ccharts-8tyaQj {\n display: flex;\n flex-direction: column;\n text-align: center;\n gap: 20px;\n}\n.a8ccharts-M1lF7A {\n flex-direction: column-reverse;\n}\n.a8ccharts-8tyaQj .a8ccharts-EKZS3j {\n margin-bottom: 0;\n font-weight: 600;\n font-size: 16px;\n}\n.a8ccharts-8tyaQj .a8ccharts-v85A8- {\n margin-top: 0;\n font-size: 14px;\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: 0.875rem;\n font-weight: 500;\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
|
@@ -15,7 +15,7 @@ export { PieSemiCircleChart, PieSemiCircleChartProps, PieSemiCircleChartRenderTo
|
|
|
15
15
|
export { Sparkline, SparklineUnresponsive } from './charts/sparkline/index.cjs';
|
|
16
16
|
export { B as BaseTooltip } from './base-tooltip-DOq93wjU.cjs';
|
|
17
17
|
export { TrendDirection, TrendIndicator, TrendIndicatorProps } from './components/trend-indicator/index.cjs';
|
|
18
|
-
export { G as GlobalChartsContext, a as GlobalChartsProvider, a as ThemeProvider, d as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from './themes-
|
|
18
|
+
export { G as GlobalChartsContext, a as GlobalChartsProvider, a as ThemeProvider, d as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from './themes-BDVaIfBz.cjs';
|
|
19
19
|
export { GoogleDataTableColumn, GoogleDataTableColumnRoleType, GoogleDataTableRow } from 'react-google-charts';
|
|
20
20
|
import 'react';
|
|
21
21
|
import './with-responsive-CNfhzAUu.cjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ export { PieSemiCircleChart, PieSemiCircleChartProps, PieSemiCircleChartRenderTo
|
|
|
15
15
|
export { Sparkline, SparklineUnresponsive } from './charts/sparkline/index.js';
|
|
16
16
|
export { B as BaseTooltip } from './base-tooltip-DOq93wjU.js';
|
|
17
17
|
export { TrendDirection, TrendIndicator, TrendIndicatorProps } from './components/trend-indicator/index.js';
|
|
18
|
-
export { G as GlobalChartsContext, a as GlobalChartsProvider, a as ThemeProvider, d as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from './themes-
|
|
18
|
+
export { G as GlobalChartsContext, a as GlobalChartsProvider, a as ThemeProvider, d as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from './themes-mcS8QNkQ.js';
|
|
19
19
|
export { GoogleDataTableColumn, GoogleDataTableColumnRoleType, GoogleDataTableRow } from 'react-google-charts';
|
|
20
20
|
import 'react';
|
|
21
21
|
import './with-responsive-CNfhzAUu.js';
|
package/dist/index.js
CHANGED
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
import {
|
|
2
2
|
LeaderboardChart,
|
|
3
3
|
LeaderboardChartResponsive
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-PGJAZN2H.js";
|
|
5
5
|
import {
|
|
6
6
|
PieChart,
|
|
7
7
|
PieChartResponsive
|
|
8
|
-
} from "./chunk-
|
|
8
|
+
} from "./chunk-KKPZ4MVF.js";
|
|
9
9
|
import "./chunk-NFRB2POF.js";
|
|
10
10
|
import {
|
|
11
11
|
PieSemiCircleChart,
|
|
12
12
|
PieSemiCircleChartResponsive
|
|
13
|
-
} from "./chunk-
|
|
14
|
-
import "./chunk-
|
|
15
|
-
import "./chunk-
|
|
13
|
+
} from "./chunk-CMHPXSCI.js";
|
|
14
|
+
import "./chunk-KXRWNFQJ.js";
|
|
15
|
+
import "./chunk-6CCZL2JJ.js";
|
|
16
16
|
import {
|
|
17
17
|
Sparkline,
|
|
18
18
|
SparklineUnresponsive
|
|
19
|
-
} from "./chunk-
|
|
19
|
+
} from "./chunk-WMWAUOQ4.js";
|
|
20
20
|
import {
|
|
21
21
|
LineChart,
|
|
22
22
|
LineChartResponsive
|
|
23
|
-
} from "./chunk-
|
|
23
|
+
} from "./chunk-R23BFDIW.js";
|
|
24
24
|
import {
|
|
25
25
|
TrendIndicator
|
|
26
|
-
} from "./chunk-
|
|
26
|
+
} from "./chunk-XWYZIFZW.js";
|
|
27
27
|
import {
|
|
28
28
|
BarListChart,
|
|
29
29
|
BarListChartResponsive
|
|
30
|
-
} from "./chunk-
|
|
30
|
+
} from "./chunk-M7PRGJFE.js";
|
|
31
31
|
import {
|
|
32
32
|
BarChart,
|
|
33
33
|
BarChartResponsive
|
|
34
|
-
} from "./chunk-
|
|
35
|
-
import "./chunk-MEIVKY4K.js";
|
|
36
|
-
import "./chunk-SEKPIG5K.js";
|
|
34
|
+
} from "./chunk-FZYJM5PN.js";
|
|
37
35
|
import {
|
|
38
36
|
BaseTooltip
|
|
39
|
-
} from "./chunk-
|
|
37
|
+
} from "./chunk-BPYKWMI7.js";
|
|
40
38
|
import {
|
|
41
39
|
ConversionFunnelChartWithProvider
|
|
42
|
-
} from "./chunk-
|
|
40
|
+
} from "./chunk-EBDUXL5K.js";
|
|
41
|
+
import "./chunk-MEIVKY4K.js";
|
|
42
|
+
import "./chunk-SEKPIG5K.js";
|
|
43
43
|
import {
|
|
44
44
|
GeoChartResponsive,
|
|
45
45
|
GeoChartWithProvider
|
|
46
|
-
} from "./chunk-
|
|
47
|
-
import "./chunk-
|
|
46
|
+
} from "./chunk-ZY4FXLMM.js";
|
|
47
|
+
import "./chunk-TYIH5LMV.js";
|
|
48
48
|
import {
|
|
49
49
|
GlobalChartsContext,
|
|
50
50
|
GlobalChartsProvider,
|
|
@@ -53,7 +53,7 @@ import {
|
|
|
53
53
|
useChartLegendItems,
|
|
54
54
|
useGlobalChartsContext,
|
|
55
55
|
useGlobalChartsTheme
|
|
56
|
-
} from "./chunk-
|
|
56
|
+
} from "./chunk-AWNCAKZY.js";
|
|
57
57
|
import "./chunk-TE63Y5PX.js";
|
|
58
58
|
import "./chunk-G3PMV62Z.js";
|
|
59
59
|
export {
|
package/dist/providers/index.cjs
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _chunkLSV7F26Bcjs = require('../chunk-LSV7F26B.cjs');
|
|
10
10
|
require('../chunk-ZVGEDXDP.cjs');
|
|
11
11
|
require('../chunk-EMMSS5I5.cjs');
|
|
12
12
|
|
|
@@ -17,5 +17,5 @@ require('../chunk-EMMSS5I5.cjs');
|
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
exports.GlobalChartsContext =
|
|
20
|
+
exports.GlobalChartsContext = _chunkLSV7F26Bcjs.GlobalChartsContext; exports.GlobalChartsProvider = _chunkLSV7F26Bcjs.GlobalChartsProvider; exports.defaultTheme = _chunkLSV7F26Bcjs.defaultTheme; exports.useChartId = _chunkLSV7F26Bcjs.useChartId; exports.useChartRegistration = _chunkLSV7F26Bcjs.useChartRegistration; exports.useGlobalChartsContext = _chunkLSV7F26Bcjs.useGlobalChartsContext; exports.useGlobalChartsTheme = _chunkLSV7F26Bcjs.useGlobalChartsTheme;
|
|
21
21
|
//# sourceMappingURL=index.cjs.map
|
package/dist/providers/index.css
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
/* esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss */
|
|
2
|
+
.a8ccharts-jCw5dQ {
|
|
3
|
+
position: fixed;
|
|
4
|
+
top: 0;
|
|
5
|
+
left: 0;
|
|
6
|
+
width: 0;
|
|
7
|
+
height: 0;
|
|
8
|
+
overflow: visible;
|
|
9
|
+
z-index: 1;
|
|
10
|
+
pointer-events: none;
|
|
11
|
+
}
|
|
12
|
+
|
|
1
13
|
/* esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss */
|
|
2
14
|
.a8ccharts-AELBvX {
|
|
3
15
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss"],"sourcesContent":[".a8ccharts-AELBvX {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 16px;\n}\n.a8ccharts-fX8uQe {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n align-items: flex-end;\n}\n.a8ccharts-8Y73Kh {\n position: relative;\n}\n.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-8Y73Kh.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n.a8ccharts-TVM-IY {\n position: relative;\n}\n.a8ccharts-TVM-IY.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-TVM-IY.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-TVM-IY.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n display: flex;\n align-items: center;\n font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n cursor: pointer;\n user-select: none;\n transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n outline: none;\n}\n.a8ccharts-ZtDY-Q {\n opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n overflow-wrap: break-word;\n white-space: normal;\n hyphens: auto;\n}\n.a8ccharts-FISUIO {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-shrink: 1;\n min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n font-weight: 500;\n flex-shrink: 0;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,aAAW;AACX,OAAK;AACP;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AACA,CALC,gBAKgB,CAAC;AAChB,eAAa;AACf;AACA,CARC,gBAQgB,CAAC;AAChB,eAAa;AACf;AACA,CAXC,gBAWgB,CAAC;AAChB,eAAa;AACf;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAxBC;AAyBhB,mBAAiB;AACnB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,aAAW;AACb;AACA,CAAC;AACC,UAAQ;AACR,eAAa;AACb,cAAY,QAAQ,KAAK;AAC3B;AACA,CALC,gBAKgB;AACf,WAAS;AACX;AACA,CARC,gBAQgB;AACf,WAAS,IAAI,MAAM;AACnB,kBAAgB;AAChB,iBAAe;AACjB;AACA,CAbC,gBAagB,MAAM,KAAK;AAC1B,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAHC,iBAGiB,CAAC;AACjB,mBAAiB;AACnB;AAEA,CAJmB;AAKjB,WAAS;AACT,eAAa;AACb,OAAK;AAEP;AAEA,CAAC;AACC,iBAAe;AACf,eAAa;AACb,WAAS;AACX;AACA,CAAC;AACC,eAAa;AACb,YAAU;AACV,iBAAe;AACf,eAAa;AACb,aAAW;AACb;AAEA,CAAC;AACC,eAAa;AACb,eAAa;AACf;","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"],"sourcesContent":[".a8ccharts-jCw5dQ {\n position: fixed;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n overflow: visible;\n z-index: 1;\n pointer-events: none;\n}",".a8ccharts-AELBvX {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 16px;\n}\n.a8ccharts-fX8uQe {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n align-items: flex-end;\n}\n.a8ccharts-8Y73Kh {\n position: relative;\n}\n.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-8Y73Kh.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n.a8ccharts-TVM-IY {\n position: relative;\n}\n.a8ccharts-TVM-IY.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-TVM-IY.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-TVM-IY.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n display: flex;\n align-items: center;\n font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n cursor: pointer;\n user-select: none;\n transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n outline: none;\n}\n.a8ccharts-ZtDY-Q {\n opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n overflow-wrap: break-word;\n white-space: normal;\n hyphens: auto;\n}\n.a8ccharts-FISUIO {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-shrink: 1;\n min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n font-weight: 500;\n flex-shrink: 0;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,YAAU;AACV,WAAS;AACT,kBAAgB;AAClB;;;ACTA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,aAAW;AACX,OAAK;AACP;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AACA,CALC,gBAKgB,CAAC;AAChB,eAAa;AACf;AACA,CARC,gBAQgB,CAAC;AAChB,eAAa;AACf;AACA,CAXC,gBAWgB,CAAC;AAChB,eAAa;AACf;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAxBC;AAyBhB,mBAAiB;AACnB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,aAAW;AACb;AACA,CAAC;AACC,UAAQ;AACR,eAAa;AACb,cAAY,QAAQ,KAAK;AAC3B;AACA,CALC,gBAKgB;AACf,WAAS;AACX;AACA,CARC,gBAQgB;AACf,WAAS,IAAI,MAAM;AACnB,kBAAgB;AAChB,iBAAe;AACjB;AACA,CAbC,gBAagB,MAAM,KAAK;AAC1B,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAHC,iBAGiB,CAAC;AACjB,mBAAiB;AACnB;AAEA,CAJmB;AAKjB,WAAS;AACT,eAAa;AACb,OAAK;AAEP;AAEA,CAAC;AACC,iBAAe;AACf,eAAa;AACb,WAAS;AACX;AACA,CAAC;AACC,eAAa;AACb,YAAU;AACV,iBAAe;AACf,eAAa;AACb,aAAW;AACb;AAEA,CAAC;AACC,eAAa;AACb,eAAa;AACf;","names":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as ChartRegistration, E as ElementStyles, c as GetElementStylesParams, G as GlobalChartsContext, e as GlobalChartsContextValue, a as GlobalChartsProvider, d as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from '../themes-
|
|
1
|
+
export { C as ChartRegistration, E as ElementStyles, c as GetElementStylesParams, G as GlobalChartsContext, e as GlobalChartsContextValue, a as GlobalChartsProvider, d as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from '../themes-BDVaIfBz.cjs';
|
|
2
2
|
import { B as BaseLegendItem } from '../types-C05PdDJa.cjs';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../types-BCFQlzTM.cjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as ChartRegistration, E as ElementStyles, c as GetElementStylesParams, G as GlobalChartsContext, e as GlobalChartsContextValue, a as GlobalChartsProvider, d as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from '../themes-
|
|
1
|
+
export { C as ChartRegistration, E as ElementStyles, c as GetElementStylesParams, G as GlobalChartsContext, e as GlobalChartsContextValue, a as GlobalChartsProvider, d as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from '../themes-mcS8QNkQ.js';
|
|
2
2
|
import { B as BaseLegendItem } from '../types-C05PdDJa.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../types-BCFQlzTM.js';
|
package/dist/providers/index.js
CHANGED
|
@@ -38,6 +38,15 @@ declare const GlobalChartsContext: react.Context<GlobalChartsContextValue>;
|
|
|
38
38
|
interface GlobalChartsProviderProps {
|
|
39
39
|
children: ReactNode;
|
|
40
40
|
theme?: Partial<ChartTheme>;
|
|
41
|
+
/**
|
|
42
|
+
* Optional ref to an element that chart tooltip portals should be relocated into.
|
|
43
|
+
* When provided, visx tooltip portals (normally appended to document.body) will be
|
|
44
|
+
* moved into this container so they participate in the same effective CSS stacking context.
|
|
45
|
+
* The element referenced here, or one of its ancestors, should establish the desired
|
|
46
|
+
* stacking context (for example by using `position` and `z-index`) so that tooltips
|
|
47
|
+
* appear above the relevant chart content.
|
|
48
|
+
*/
|
|
49
|
+
portalContainer?: React.RefObject<HTMLElement | null>;
|
|
41
50
|
}
|
|
42
51
|
declare const GlobalChartsProvider: FC<GlobalChartsProviderProps>;
|
|
43
52
|
|
|
@@ -38,6 +38,15 @@ declare const GlobalChartsContext: react.Context<GlobalChartsContextValue>;
|
|
|
38
38
|
interface GlobalChartsProviderProps {
|
|
39
39
|
children: ReactNode;
|
|
40
40
|
theme?: Partial<ChartTheme>;
|
|
41
|
+
/**
|
|
42
|
+
* Optional ref to an element that chart tooltip portals should be relocated into.
|
|
43
|
+
* When provided, visx tooltip portals (normally appended to document.body) will be
|
|
44
|
+
* moved into this container so they participate in the same effective CSS stacking context.
|
|
45
|
+
* The element referenced here, or one of its ancestors, should establish the desired
|
|
46
|
+
* stacking context (for example by using `position` and `z-index`) so that tooltips
|
|
47
|
+
* appear above the relevant chart content.
|
|
48
|
+
*/
|
|
49
|
+
portalContainer?: React.RefObject<HTMLElement | null>;
|
|
41
50
|
}
|
|
42
51
|
declare const GlobalChartsProvider: FC<GlobalChartsProviderProps>;
|
|
43
52
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@automattic/charts",
|
|
3
|
-
"version": "0.56.
|
|
3
|
+
"version": "0.56.4",
|
|
4
4
|
"description": "Display charts within Automattic products.",
|
|
5
5
|
"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/charts/#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -213,6 +213,8 @@
|
|
|
213
213
|
"devDependencies": {
|
|
214
214
|
"@automattic/jetpack-webpack-config": "workspace:*",
|
|
215
215
|
"@babel/core": "7.29.0",
|
|
216
|
+
"@babel/preset-react": "7.28.5",
|
|
217
|
+
"@babel/preset-typescript": "7.28.5",
|
|
216
218
|
"@storybook/addon-docs": "10.2.3",
|
|
217
219
|
"@storybook/react": "10.2.3",
|
|
218
220
|
"@testing-library/dom": "^10.0.0",
|
|
@@ -226,7 +228,9 @@
|
|
|
226
228
|
"@wordpress/components": "32.1.0",
|
|
227
229
|
"@wordpress/element": "6.39.0",
|
|
228
230
|
"babel-jest": "30.2.0",
|
|
231
|
+
"babel-plugin-react-remove-properties": "^0.3.1",
|
|
229
232
|
"esbuild": "0.25.9",
|
|
233
|
+
"esbuild-plugin-babel": "^0.2.3",
|
|
230
234
|
"esbuild-sass-plugin": "^3.1.0",
|
|
231
235
|
"jest": "30.2.0",
|
|
232
236
|
"jest-extended": "7.0.0",
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { useTooltip, useTooltipInPortal } from '@visx/tooltip';
|
|
2
|
+
import { Stack } from '@wordpress/ui';
|
|
2
3
|
import clsx from 'clsx';
|
|
3
4
|
import { type FC, useRef, useMemo, useEffect, useCallback, useContext } from 'react';
|
|
4
5
|
import { usePrefersReducedMotion } from '../../hooks';
|
|
@@ -26,6 +27,7 @@ import type { FunnelStep, ConversionFunnelChartProps } from './types';
|
|
|
26
27
|
* @param props.loading - Whether the chart is in loading state
|
|
27
28
|
* @param props.animation - Whether to show chart animation on initial render or not
|
|
28
29
|
* @param props.className - Additional CSS class name
|
|
30
|
+
* @param props.height - Height of the chart container. Falls back to style.height if set, otherwise defaults to "100%".
|
|
29
31
|
* @param props.style - Custom styling
|
|
30
32
|
* @param props.renderStepLabel - Custom render function for step labels
|
|
31
33
|
* @param props.renderStepRate - Custom render function for step rates
|
|
@@ -41,6 +43,7 @@ const ConversionFunnelChartInternal: FC< ConversionFunnelChartProps > = ( {
|
|
|
41
43
|
animation,
|
|
42
44
|
className,
|
|
43
45
|
chartId: providedChartId,
|
|
46
|
+
height,
|
|
44
47
|
style,
|
|
45
48
|
renderStepLabel,
|
|
46
49
|
renderStepRate,
|
|
@@ -223,6 +226,9 @@ const ConversionFunnelChartInternal: FC< ConversionFunnelChartProps > = ( {
|
|
|
223
226
|
};
|
|
224
227
|
}, [ clearSelectionAndRef ] );
|
|
225
228
|
|
|
229
|
+
// Resolve height: explicit height prop > style.height > default 100%
|
|
230
|
+
const resolvedHeight = height ?? style?.height ?? '100%';
|
|
231
|
+
|
|
226
232
|
// Get component settings from theme with fallbacks
|
|
227
233
|
const { primaryColor, backgroundColor, positiveChangeColor, negativeChangeColor } =
|
|
228
234
|
conversionFunnelChartSettings;
|
|
@@ -292,14 +298,16 @@ const ConversionFunnelChartInternal: FC< ConversionFunnelChartProps > = ( {
|
|
|
292
298
|
// Handle empty or undefined data
|
|
293
299
|
if ( ! isDataValid ) {
|
|
294
300
|
return (
|
|
295
|
-
<
|
|
301
|
+
<Stack
|
|
302
|
+
direction="column"
|
|
303
|
+
data-testid="conversion-funnel-chart"
|
|
296
304
|
className={ clsx( styles.conversionFunnelChart, loading && styles.loading, className ) }
|
|
297
|
-
style={ style }
|
|
305
|
+
style={ { ...style, height: resolvedHeight } }
|
|
298
306
|
>
|
|
299
307
|
<div className={ styles[ 'empty-state' ] }>
|
|
300
308
|
{ loading ? 'Loading...' : 'No data available' }
|
|
301
309
|
</div>
|
|
302
|
-
</
|
|
310
|
+
</Stack>
|
|
303
311
|
);
|
|
304
312
|
}
|
|
305
313
|
|
|
@@ -308,14 +316,16 @@ const ConversionFunnelChartInternal: FC< ConversionFunnelChartProps > = ( {
|
|
|
308
316
|
|
|
309
317
|
return (
|
|
310
318
|
<>
|
|
311
|
-
<
|
|
319
|
+
<Stack
|
|
320
|
+
direction="column"
|
|
321
|
+
data-testid="conversion-funnel-chart"
|
|
312
322
|
ref={ node => {
|
|
313
323
|
// Set containerRef for @visx coordinate system
|
|
314
324
|
portalContainerRef( node );
|
|
315
325
|
chartRef.current = node;
|
|
316
326
|
} }
|
|
317
327
|
className={ clsx( styles.conversionFunnelChart, loading && styles.loading, className ) }
|
|
318
|
-
style={ style }
|
|
328
|
+
style={ { ...style, height: resolvedHeight } }
|
|
319
329
|
>
|
|
320
330
|
{ /* Main Metric */ }
|
|
321
331
|
{ renderMainMetric ? (
|
|
@@ -389,7 +399,7 @@ const ConversionFunnelChartInternal: FC< ConversionFunnelChartProps > = ( {
|
|
|
389
399
|
);
|
|
390
400
|
} ) }
|
|
391
401
|
</div>
|
|
392
|
-
</
|
|
402
|
+
</Stack>
|
|
393
403
|
|
|
394
404
|
{ /* Tooltip Portal */ }
|
|
395
405
|
{ tooltipOpen &&
|
|
@@ -84,6 +84,40 @@ describe( 'ConversionFunnelChart', () => {
|
|
|
84
84
|
} );
|
|
85
85
|
} );
|
|
86
86
|
|
|
87
|
+
describe( 'Height prop', () => {
|
|
88
|
+
it( 'defaults to 100% height when no height prop or style.height is provided', () => {
|
|
89
|
+
renderWithoutTheme( <ConversionFunnelChart { ...defaultProps } /> );
|
|
90
|
+
expect( screen.getByTestId( 'conversion-funnel-chart' ) ).toHaveStyle( {
|
|
91
|
+
height: '100%',
|
|
92
|
+
} );
|
|
93
|
+
} );
|
|
94
|
+
|
|
95
|
+
it( 'applies explicit height prop', () => {
|
|
96
|
+
renderWithoutTheme( <ConversionFunnelChart { ...defaultProps } height="300px" /> );
|
|
97
|
+
expect( screen.getByTestId( 'conversion-funnel-chart' ) ).toHaveStyle( {
|
|
98
|
+
height: '300px',
|
|
99
|
+
} );
|
|
100
|
+
} );
|
|
101
|
+
|
|
102
|
+
it( 'respects style.height when height prop is not provided', () => {
|
|
103
|
+
renderWithoutTheme(
|
|
104
|
+
<ConversionFunnelChart { ...defaultProps } style={ { height: '400px' } } />
|
|
105
|
+
);
|
|
106
|
+
expect( screen.getByTestId( 'conversion-funnel-chart' ) ).toHaveStyle( {
|
|
107
|
+
height: '400px',
|
|
108
|
+
} );
|
|
109
|
+
} );
|
|
110
|
+
|
|
111
|
+
it( 'height prop takes priority over style.height', () => {
|
|
112
|
+
renderWithoutTheme(
|
|
113
|
+
<ConversionFunnelChart { ...defaultProps } height="250px" style={ { height: '400px' } } />
|
|
114
|
+
);
|
|
115
|
+
expect( screen.getByTestId( 'conversion-funnel-chart' ) ).toHaveStyle( {
|
|
116
|
+
height: '250px',
|
|
117
|
+
} );
|
|
118
|
+
} );
|
|
119
|
+
} );
|
|
120
|
+
|
|
87
121
|
describe( 'Empty State', () => {
|
|
88
122
|
it( 'shows empty state when no steps provided', () => {
|
|
89
123
|
renderWithoutTheme( <ConversionFunnelChart mainRate={ 0 } steps={ [] } /> );
|
|
@@ -66,6 +66,8 @@ export interface ConversionFunnelChartProps
|
|
|
66
66
|
steps: FunnelStep[];
|
|
67
67
|
/** Whether the chart is in loading state */
|
|
68
68
|
loading?: boolean;
|
|
69
|
+
/** Height of the chart container. Accepts a number (pixels) or CSS string (e.g., "400px", "100%"). Falls back to style.height if set, otherwise defaults to "100%". */
|
|
70
|
+
height?: string | number;
|
|
69
71
|
/** Custom styling */
|
|
70
72
|
style?: React.CSSProperties;
|
|
71
73
|
/** Custom render function for step labels */
|
|
@@ -384,10 +384,9 @@ const PieChartInternal = ( {
|
|
|
384
384
|
} );
|
|
385
385
|
};
|
|
386
386
|
|
|
387
|
-
const pathProps: SVGProps< SVGPathElement >
|
|
387
|
+
const pathProps: SVGProps< SVGPathElement > = {
|
|
388
388
|
d: pie.path( arc ) || '',
|
|
389
389
|
fill: accessors.fill( arc.data ),
|
|
390
|
-
'data-testid': 'pie-segment',
|
|
391
390
|
};
|
|
392
391
|
|
|
393
392
|
const groupProps: SVGProps< SVGGElement > = {};
|
|
@@ -405,7 +404,7 @@ const PieChartInternal = ( {
|
|
|
405
404
|
|
|
406
405
|
return (
|
|
407
406
|
<g key={ `arc-${ index }` } { ...groupProps }>
|
|
408
|
-
<path { ...pathProps } />
|
|
407
|
+
<path { ...pathProps } data-testid="pie-segment" />
|
|
409
408
|
{ showLabels && hasSpaceForLabel && (
|
|
410
409
|
<g>
|
|
411
410
|
{ providerTheme.labelBackgroundColor && (
|
package/src/hooks/index.ts
CHANGED
|
@@ -9,3 +9,4 @@ export { useTextTruncation } from './use-text-truncation';
|
|
|
9
9
|
export { useZeroValueDisplay } from './use-zero-value-display';
|
|
10
10
|
export { useInteractiveLegendData } from './use-interactive-legend-data';
|
|
11
11
|
export { usePrefersReducedMotion } from './use-prefers-reduced-motion';
|
|
12
|
+
export { useTooltipPortalRelocator } from './use-tooltip-portal-relocator';
|