@automattic/charts 0.16.2 → 0.17.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 +8 -0
- package/dist/cjs/components/bar-chart/bar-chart.js +1 -1
- package/dist/cjs/components/bar-chart/bar-chart.js.map +1 -1
- package/dist/cjs/components/bar-chart/use-bar-chart-options.js +1 -1
- package/dist/cjs/components/bar-chart/use-bar-chart-options.js.map +1 -1
- package/dist/cjs/components/bar-list-chart/bar-list-chart.js +1 -1
- package/dist/cjs/components/bar-list-chart/bar-list-chart.js.map +1 -1
- package/dist/cjs/components/legend/base-legend.js +1 -1
- package/dist/cjs/components/legend/base-legend.js.map +1 -1
- package/dist/cjs/components/line-chart/line-chart-annotation.js +1 -1
- package/dist/cjs/components/line-chart/line-chart-annotation.js.map +1 -1
- package/dist/cjs/components/line-chart/line-chart.js +1 -1
- package/dist/cjs/components/line-chart/line-chart.js.map +1 -1
- package/dist/cjs/components/pie-chart/pie-chart.js +1 -1
- package/dist/cjs/components/pie-chart/pie-chart.js.map +1 -1
- package/dist/cjs/components/pie-semi-circle-chart/pie-semi-circle-chart.js +1 -1
- package/dist/cjs/components/pie-semi-circle-chart/pie-semi-circle-chart.js.map +1 -1
- package/dist/cjs/components/shared/use-chart-data-transform.js +1 -1
- package/dist/cjs/components/shared/use-chart-data-transform.js.map +1 -1
- package/dist/cjs/components/shared/use-chart-margin.js +1 -1
- package/dist/cjs/components/shared/use-chart-margin.js.map +1 -1
- package/dist/cjs/components/shared/use-element-height.js +1 -1
- package/dist/cjs/components/shared/use-element-height.js.map +1 -1
- package/dist/cjs/components/shared/utils.js +1 -1
- package/dist/cjs/components/shared/utils.js.map +1 -1
- package/dist/cjs/hooks/use-chart-mouse-handler.js +1 -1
- package/dist/cjs/hooks/use-chart-mouse-handler.js.map +1 -1
- package/dist/cjs/providers/chart-context/chart-context.js +2 -0
- package/dist/cjs/providers/chart-context/chart-context.js.map +1 -0
- package/dist/cjs/providers/chart-context/utils.js +2 -0
- package/dist/cjs/providers/chart-context/utils.js.map +1 -0
- package/dist/cjs/providers/theme/theme-provider.js +1 -1
- package/dist/cjs/providers/theme/theme-provider.js.map +1 -1
- package/dist/index.d.ts +18 -14
- package/dist/mjs/components/bar-chart/bar-chart.js +1 -1
- package/dist/mjs/components/bar-chart/bar-chart.js.map +1 -1
- package/dist/mjs/components/bar-chart/use-bar-chart-options.js +1 -1
- package/dist/mjs/components/bar-chart/use-bar-chart-options.js.map +1 -1
- package/dist/mjs/components/bar-list-chart/bar-list-chart.js +1 -1
- package/dist/mjs/components/bar-list-chart/bar-list-chart.js.map +1 -1
- package/dist/mjs/components/legend/base-legend.js +1 -1
- package/dist/mjs/components/legend/base-legend.js.map +1 -1
- package/dist/mjs/components/line-chart/line-chart-annotation.js +1 -1
- package/dist/mjs/components/line-chart/line-chart-annotation.js.map +1 -1
- package/dist/mjs/components/line-chart/line-chart.js +1 -1
- package/dist/mjs/components/line-chart/line-chart.js.map +1 -1
- package/dist/mjs/components/pie-chart/pie-chart.js +1 -1
- package/dist/mjs/components/pie-chart/pie-chart.js.map +1 -1
- package/dist/mjs/components/pie-semi-circle-chart/pie-semi-circle-chart.js +1 -1
- package/dist/mjs/components/pie-semi-circle-chart/pie-semi-circle-chart.js.map +1 -1
- package/dist/mjs/components/shared/use-chart-data-transform.js +1 -1
- package/dist/mjs/components/shared/use-chart-data-transform.js.map +1 -1
- package/dist/mjs/components/shared/use-chart-margin.js +1 -1
- package/dist/mjs/components/shared/use-chart-margin.js.map +1 -1
- package/dist/mjs/components/shared/use-element-height.js +1 -1
- package/dist/mjs/components/shared/use-element-height.js.map +1 -1
- package/dist/mjs/components/shared/utils.js +1 -1
- package/dist/mjs/components/shared/utils.js.map +1 -1
- package/dist/mjs/hooks/use-chart-mouse-handler.js +1 -1
- package/dist/mjs/hooks/use-chart-mouse-handler.js.map +1 -1
- package/dist/mjs/providers/chart-context/chart-context.js +2 -0
- package/dist/mjs/providers/chart-context/chart-context.js.map +1 -0
- package/dist/mjs/providers/chart-context/utils.js +2 -0
- package/dist/mjs/providers/chart-context/utils.js.map +1 -0
- package/dist/mjs/providers/theme/theme-provider.js +1 -1
- package/dist/mjs/providers/theme/theme-provider.js.map +1 -1
- package/package.json +4 -4
- package/src/components/bar-chart/bar-chart.tsx +43 -19
- package/src/components/line-chart/line-chart.tsx +49 -15
- package/src/components/pie-chart/pie-chart.tsx +29 -8
- package/src/components/pie-semi-circle-chart/pie-semi-circle-chart.tsx +44 -21
- package/src/providers/chart-context/chart-context.test.tsx +230 -0
- package/src/providers/chart-context/chart-context.tsx +45 -0
- package/src/providers/chart-context/index.ts +3 -0
- package/src/providers/chart-context/types.ts +16 -0
- package/src/providers/chart-context/utils.ts +48 -0
- package/src/types.ts +4 -0
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [0.17.0] - 2025-07-14
|
|
9
|
+
### Added
|
|
10
|
+
- Add foundation for ChartContext system. [#44189]
|
|
11
|
+
|
|
12
|
+
### Changed
|
|
13
|
+
- Update package dependencies. [#44219]
|
|
14
|
+
|
|
8
15
|
## [0.16.2] - 2025-07-08
|
|
9
16
|
### Changed
|
|
10
17
|
- Update package dependencies. [#44217]
|
|
@@ -278,6 +285,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
278
285
|
- Fixed lints following ESLint rule changes for TS [#40584]
|
|
279
286
|
- Fixing a bug in Chart storybook data. [#40640]
|
|
280
287
|
|
|
288
|
+
[0.17.0]: https://github.com/Automattic/charts/compare/v0.16.2...v0.17.0
|
|
281
289
|
[0.16.2]: https://github.com/Automattic/charts/compare/v0.16.1...v0.16.2
|
|
282
290
|
[0.16.1]: https://github.com/Automattic/charts/compare/v0.16.0...v0.16.1
|
|
283
291
|
[0.16.0]: https://github.com/Automattic/charts/compare/v0.15.0...v0.16.0
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@visx/pattern"),a=require("@visx/xychart"),r=require("clsx"),s=require("react"),i=require("../../providers/theme/theme-provider.js"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@visx/pattern"),a=require("@visx/xychart"),r=require("clsx"),s=require("react"),i=require("../../providers/chart-context/chart-context.js"),l=require("../../providers/chart-context/utils.js"),n=require("../../providers/theme/theme-provider.js"),o=require("../legend/base-legend.js"),c=require("../shared/use-chart-data-transform.js"),h=require("../shared/use-chart-margin.js"),d=require("../shared/use-element-height.js"),u=require("../shared/with-responsive.js"),m=require("./bar-chart.module.scss.js"),p=require("./use-bar-chart-options.js");const x=(e,t)=>`bar-pattern-${e}-${t}`,g=({data:i,chartId:u,width:g,height:b=400,className:j,margin:v,withTooltips:w=!1,showLegend:y=!1,legendOrientation:C="horizontal",legendAlignmentHorizontal:q="center",legendAlignmentVertical:N="bottom",legendShape:T="rect",gridVisibility:k,renderTooltip:_,options:f={},orientation:A="vertical",withPatterns:S=!1})=>{const D="horizontal"===A,P=s.useId(),z=l.useChartId(u),B=n.useXYChartTheme(i),$=c.useChartDataTransform(i),H=p.useBarChartOptions($,D,f),I=h.useChartMargin(b,H,$,B,D),[V,G]=d.useElementHeight(),L=s.useCallback(((e,t)=>e?.options?.stroke||B.colors[t%B.colors.length]),[B]),X=s.useCallback((e=>()=>S?`url(#${x(P,e)})`:L($[e],e)),[S,L,$,P]),Y=s.useCallback((({tooltipData:t})=>{const a=t?.nearestDatum?.datum;return a?e.jsxs("div",{className:m["bar-chart__tooltip"],children:[e.jsx("div",{className:m["bar-chart__tooltip-header"],children:t?.nearestDatum?.key}),e.jsxs("div",{className:m["bar-chart__tooltip-row"],children:[e.jsxs("span",{className:m["bar-chart__tooltip-label"],children:[H.tooltip.labelFormatter(a.label||(a.date?a.date.getTime():0),0,[]),":"]}),e.jsx("span",{className:m["bar-chart__tooltip-value"],children:a.value})]})]}):null}),[H.tooltip]),E=s.useCallback(((a,r)=>{const s=a%4,i=x(P,a),l={id:i,stroke:"white",strokeWidth:1,background:r};switch(s){case 0:default:return e.jsx(t.PatternLines,{...l,width:5,height:5,orientation:["diagonal"]},i);case 1:return e.jsx(t.PatternCircles,{...l,width:6,height:6,fill:"white"},i);case 2:return e.jsx(t.PatternWaves,{...l,width:4,height:4},i);case 3:return e.jsx(t.PatternHexagons,{...l,size:8,height:3},i)}}),[P]),F=s.useCallback(((e,t)=>`\n\t\t\t.visx-bar[fill="url(#${x(P,e)})"] {\n\t\t\t\tstroke: ${t};\n\t\t\t\tstroke-width: 1;\n\t\t\t\t}\n\t\t\t`),[P]),K=(e=>e?.length?e.some((e=>e.data.some((e=>isNaN(e.value)||null===e.value||void 0===e.value||!e.label&&(!("date"in e&&e.date)||isNaN(e.date.getTime()))))))?"Invalid data":null:"No data available")($),M=!K,O=s.useMemo((()=>$.map(((e,t)=>({label:e.label,value:"",color:L(e,t),shapeStyle:e?.options?.legendShapeStyle})))),[$,L]),R=n.useChartTheme();if(l.useChartRegistration(z,O,R,"bar",M,{orientation:A,withPatterns:S}),K)return e.jsx("div",{className:r("bar-chart",m["bar-chart"]),children:K});const W=k??H.gridVisibility;return e.jsxs("div",{className:r("bar-chart",m["bar-chart"],j),"data-testid":"bar-chart",role:"img","aria-label":"bar chart",style:{width:g,height:b,display:"flex",flexDirection:y&&"top"===N?"column-reverse":"column"},children:[e.jsxs(a.XYChart,{theme:B,width:g,height:b-(y?G:0),margin:{...I,...v,...y&&"top"===N?{top:(I.top||0)+G}:{}},xScale:H.xScale,yScale:H.yScale,horizontal:D,pointerEventsDataKey:"nearest",children:[e.jsx(a.Grid,{columns:W.includes("y"),rows:W.includes("x"),numTicks:4}),S&&e.jsxs(e.Fragment,{children:[e.jsx("defs",{"data-testid":"bar-chart-patterns",children:$.map(((e,t)=>E(t,L(e,t))))}),e.jsx("style",{children:$.map(((e,t)=>F(t,L(e,t))))})]}),e.jsx(a.BarGroup,{padding:H.barGroup.padding,children:$.map(((t,r)=>e.jsx(a.BarSeries,{dataKey:t?.label,data:t.data,yAccessor:H.accessors.yAccessor,xAccessor:H.accessors.xAccessor,colorAccessor:X(r)},t?.label)))}),e.jsx(a.Axis,{...H.axis.x}),e.jsx(a.Axis,{...H.axis.y}),w&&e.jsx(a.Tooltip,{detectBounds:!0,snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,renderTooltip:_||Y})]}),y&&e.jsx(o.BaseLegend,{items:O,orientation:C,alignmentHorizontal:q,alignmentVertical:N,className:m["bar-chart__legend"],shape:T,ref:V})]})},b=t=>e.jsx(i.ChartProvider,{children:e.jsx(g,{...t})});b.displayName="BarChart";var j=u.withResponsive(b);module.exports=j;
|
|
2
2
|
//# sourceMappingURL=bar-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-chart.js","sources":["/@automattic/charts/../../../../src/components/bar-chart/bar-chart.tsx"],"sourcesContent":[null],"names":["getPatternId","chartId","index","
|
|
1
|
+
{"version":3,"file":"bar-chart.js","sources":["/@automattic/charts/../../../../src/components/bar-chart/bar-chart.tsx"],"sourcesContent":[null],"names":["getPatternId","chartId","index","BarChartInternal","data","providedChartId","width","height","className","margin","withTooltips","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","gridVisibility","gridVisibilityProp","renderTooltip","options","orientation","withPatterns","horizontal","internalChartId","useId","useChartId","theme","useXYChartTheme","dataSorted","useChartDataTransform","chartOptions","useBarChartOptions","defaultMargin","useChartMargin","legendRef","legendHeight","useElementHeight","getColor","useCallback","seriesData","stroke","colors","length","getBarBackground","renderDefaultTooltip","tooltipData","nearestDatum","datum","_jsxs","styles","children","_jsx","key","tooltip","labelFormatter","label","date","getTime","jsx","value","renderPattern","color","patternType","id","commonProps","strokeWidth","background","PatternLines","PatternCircles","fill","PatternWaves","PatternHexagons","size","createPatternBorderStyle","error","some","series","point","isNaN","undefined","validateData","isDataValid","legendItems","useMemo","map","group","shapeStyle","legendShapeStyle","providerTheme","useChartTheme","useChartRegistration","clsx","role","style","display","flexDirection","jsxs","XYChart","top","xScale","yScale","pointerEventsDataKey","Grid","columns","includes","rows","numTicks","_Fragment","BarGroup","padding","barGroup","BarSeries","dataKey","yAccessor","accessors","xAccessor","colorAccessor","Axis","axis","x","y","Tooltip","detectBounds","snapTooltipToDatumX","snapTooltipToDatumY","Legend","items","alignmentHorizontal","alignmentVertical","shape","ref","BarChart","props","ChartProvider","displayName","withResponsive"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var t=require("@automattic/number-formatters"),r=require("react");const e=t=>new Date(t).toLocaleDateString(void 0,{month:"short",day:"numeric"});exports.useBarChartOptions=function(a,i,o={}){const c=r.useMemo(()=>{const r={type:"band",padding:.2,paddingInner:.1},i={type:"linear",nice:!0,zero:!1},o=a?.[0]?.data?.[0]?.label?t=>t:e,c=t.formatNumberCompact,s=t=>t?.label||t?.date,n=t=>t?.value;return{vertical:{xTickFormat:o,yTickFormat:c,tooltipLabelFormatter:o,xAccessor:s,yAccessor:n,gridVisibility:"x",xScale:r,yScale:i},horizontal:{xTickFormat:c,yTickFormat:o,tooltipLabelFormatter:o,xAccessor:n,yAccessor:s,gridVisibility:"y",xScale:i,yScale:r}}},[a]);return r.useMemo(()=>{const t=i?"horizontal":"vertical",{xTickFormat:r,yTickFormat:e,tooltipLabelFormatter:a,xAccessor:s,yAccessor:n,gridVisibility:l,xScale:m,yScale:y}=c[t],x={...m,...o.xScale||{}},d={...y,...o.yScale||{}},u=i?o.axis?.y?.tickFormat:o.axis?.x?.tickFormat;return{gridVisibility:l,xScale:x,yScale:d,accessors:{xAccessor:s,yAccessor:n},axis:{x:{orientation:"bottom",numTicks:4,tickFormat:r,...o.axis?.x||{}},y:{orientation:"left",numTicks:4,tickFormat:e,...o.axis?.y||{}}},barGroup:{padding:(b=i?d:x,"number"==typeof b.paddingInner?b.paddingInner:0)},tooltip:{labelFormatter:u||a}};var b},[c,o,i])};
|
|
1
|
+
"use strict";var t=require("@automattic/number-formatters"),r=require("react");const e=t=>new Date(t).toLocaleDateString(void 0,{month:"short",day:"numeric"});exports.useBarChartOptions=function(a,i,o={}){const c=r.useMemo((()=>{const r={type:"band",padding:.2,paddingInner:.1},i={type:"linear",nice:!0,zero:!1},o=a?.[0]?.data?.[0]?.label?t=>t:e,c=t.formatNumberCompact,s=t=>t?.label||t?.date,n=t=>t?.value;return{vertical:{xTickFormat:o,yTickFormat:c,tooltipLabelFormatter:o,xAccessor:s,yAccessor:n,gridVisibility:"x",xScale:r,yScale:i},horizontal:{xTickFormat:c,yTickFormat:o,tooltipLabelFormatter:o,xAccessor:n,yAccessor:s,gridVisibility:"y",xScale:i,yScale:r}}}),[a]);return r.useMemo((()=>{const t=i?"horizontal":"vertical",{xTickFormat:r,yTickFormat:e,tooltipLabelFormatter:a,xAccessor:s,yAccessor:n,gridVisibility:l,xScale:m,yScale:y}=c[t],x={...m,...o.xScale||{}},d={...y,...o.yScale||{}},u=i?o.axis?.y?.tickFormat:o.axis?.x?.tickFormat;return{gridVisibility:l,xScale:x,yScale:d,accessors:{xAccessor:s,yAccessor:n},axis:{x:{orientation:"bottom",numTicks:4,tickFormat:r,...o.axis?.x||{}},y:{orientation:"left",numTicks:4,tickFormat:e,...o.axis?.y||{}}},barGroup:{padding:(b=i?d:x,"number"==typeof b.paddingInner?b.paddingInner:0)},tooltip:{labelFormatter:u||a}};var b}),[c,o,i])};
|
|
2
2
|
//# sourceMappingURL=use-bar-chart-options.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-bar-chart-options.js","sources":["/@automattic/charts/../../../../src/components/bar-chart/use-bar-chart-options.ts"],"sourcesContent":[null],"names":["formatDateTick","timestamp","Date","toLocaleDateString","undefined","month","day","data","horizontal","options","defaultOptions","useMemo","bandScale","type","padding","paddingInner","linearScale","nice","zero","labelFormatter","label","valueFormatter","formatNumberCompact","labelAccessor","d","date","valueAccessor","value","vertical","xTickFormat","yTickFormat","tooltipLabelFormatter","xAccessor","yAccessor","gridVisibility","xScale","yScale","orientationKey","defaultTooltipLabelFormatter","baseXScale","baseYScale","providedToolTipLabelFormatter","axis","y","tickFormat","x","accessors","orientation","numTicks","barGroup","scale","tooltip"],"mappings":"+EAKA,MAAMA,EAAmBC,GACX,IAAIC,KAAMD,GACXE,wBAAoBC,EAAW,CAC1CC,MAAO,QACPC,IAAK,uCAsBD,SACLC,EACAC,EACAC,EAAuC,CAAA,GAEvC,MAAMC,EAAiBC,EAAAA,
|
|
1
|
+
{"version":3,"file":"use-bar-chart-options.js","sources":["/@automattic/charts/../../../../src/components/bar-chart/use-bar-chart-options.ts"],"sourcesContent":[null],"names":["formatDateTick","timestamp","Date","toLocaleDateString","undefined","month","day","data","horizontal","options","defaultOptions","useMemo","bandScale","type","padding","paddingInner","linearScale","nice","zero","labelFormatter","label","valueFormatter","formatNumberCompact","labelAccessor","d","date","valueAccessor","value","vertical","xTickFormat","yTickFormat","tooltipLabelFormatter","xAccessor","yAccessor","gridVisibility","xScale","yScale","orientationKey","defaultTooltipLabelFormatter","baseXScale","baseYScale","providedToolTipLabelFormatter","axis","y","tickFormat","x","accessors","orientation","numTicks","barGroup","scale","tooltip"],"mappings":"+EAKA,MAAMA,EAAmBC,GACX,IAAIC,KAAMD,GACXE,wBAAoBC,EAAW,CAC1CC,MAAO,QACPC,IAAK,uCAsBD,SACLC,EACAC,EACAC,EAAuC,CAAA,GAEvC,MAAMC,EAAiBC,EAAAA,SAAS,KAC/B,MAAMC,EAAY,CACjBC,KAAM,OACNC,QAAS,GACTC,aAAc,IAETC,EAAc,CACnBH,KAAM,SACNI,MAAM,EACNC,MAAM,GAGDC,EAAiBZ,IAAQ,IAAKA,OAAQ,IAAKa,MAC5CA,GAAmBA,EACrBpB,EACGqB,EAAiBC,EAAAA,oBAEjBC,EAAkBC,GAAsBA,GAAGJ,OAASI,GAAGC,KACvDC,EAAkBF,GAAsBA,GAAGG,MAEjD,MAAO,CACNC,SAAU,CACTC,YAAaV,EACbW,YAAaT,EACbU,sBAAuBZ,EACvBa,UAAWT,EACXU,UAAWP,EACXQ,eAAgB,IAChBC,OAAQvB,EACRwB,OAAQpB,GAETR,WAAY,CACXqB,YAAaR,EACbS,YAAaX,EACbY,sBAAuBZ,EACvBa,UAAWN,EACXO,UAAWV,EACXW,eAAgB,IAChBC,OAAQnB,EACRoB,OAAQxB,MAGR,CAAEL,IAEL,OAAOI,EAAOA,SAAE,KACf,MAAM0B,EAAiB7B,EAAa,aAAe,YAC7CqB,YACLA,EAAWC,YACXA,EACAC,sBAAuBO,EAA4BN,UACnDA,EAASC,UACTA,EAASC,eACTA,EACAC,OAAQI,EACRH,OAAQI,GACL9B,EAAgB2B,GAEdF,EAAS,IAAKI,KAAiB9B,EAAQ0B,QAAU,CAAE,GACnDC,EAAS,IAAKI,KAAiB/B,EAAQ2B,QAAU,CAAE,GACnDK,EAAgCjC,EACnCC,EAAQiC,MAAMC,GAAGC,WACjBnC,EAAQiC,MAAMG,GAAGD,WAEpB,MAAO,CACNV,iBACAC,SACAC,SACAU,UAAW,CACVd,YACAC,aAEDS,KAAM,CACLG,EAAG,CACFE,YAAa,SACbC,SAAU,EACVJ,WAAYf,KACPpB,EAAQiC,MAAMG,GAAK,IAEzBF,EAAG,CACFI,YAAa,OACbC,SAAU,EACVJ,WAAYd,KACPrB,EAAQiC,MAAMC,GAAK,KAG1BM,SAAU,CACTnC,SAvGsBoC,EAuGI1C,EAAa4B,EAASD,EAtGd,iBAAvBe,EAAMnC,aAA8BmC,EAAMnC,aAA2B,IAwGjFoC,QAAS,CACRhC,eAAgBsB,GAAiCH,IA1G7B,IAAEY,IA6GtB,CAAExC,EAAgBD,EAASD,GAC/B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@automattic/number-formatters"),r=require("@visx/group"),a=require("@visx/scale"),o=require("@visx/text"),n=require("react"),i=require("../bar-chart/bar-chart.js"),l=require("../shared/with-responsive.js");const s=e=>{const t=e;return t&&"bandwidth"in t?t?.bandwidth()??0:0},u=({textProps:t,x:r,y:a,label:n,formatter:i})=>e.jsx(o.Text,{...t,textAnchor:"start",x:r,y:a,children:i(n)}),d=({textProps:t,x:r,y:a,value:n,formatter:i})=>e.jsx(o.Text,{...t,textAnchor:"end",x:r,y:a,fontWeight:500,children:i(n)}),c=({ticks:t,tickLabelProps:a,yOffset:o,labelPosition:n,valuePosition:i,data:l,labelFormatter:s,valueFormatter:c,LabelComponent:m=u,ValueComponent:x=d})=>{if(0===t.length)return null;const p=t.map(({value:e,index:r})=>"function"==typeof a?a(e,r,t):{});return t.map(({from:t,formattedValue:a},u)=>{const d=p[u]??{};delete d.textAnchor,delete d.dx;const b=l.reduce((e,{data:t})=>e+(t[u]?.value??0),0),h=t.y+o;return e.jsxs(r.Group,{children:[e.jsx(m,{textProps:d,x:n,y:h,label:a,formatter:s}),e.jsx(x,{textProps:d,x:i,y:h,value:b,formatter:c,data:l,index:u})]},u)})},m=(e,t,r,o)=>{if(!o)return 0;const n=e.map(({label:e})=>e),i=a.createScale({type:"band",range:[0,r],domain:n,...t}),l=a.scaleBand({domain:n,range:[0,s(i)],padding:t.paddingInner});return-(s(l)+6)};var x=l.withResponsive(({data:r,width:a,height:o,options:l={},margin:s={left:0,right:20,bottom:0,top:0},...u})=>{const d=n.useMemo(()=>{const e=r.length>1,n={...{paddingInner:e?.3:.1,padding:e?.3:.1},...l.yScale??{}};return{yScale:n,xScale:{zero:!0,...l.xScale??{}},labelPosition:l.labelPosition??(e?0:10),valueFormatter:l.valueFormatter??(e=>t.formatNumberCompact(e)),labelFormatter:l.labelFormatter??(e=>String(e)),valuePosition:l.valuePosition??a,yOffset:l.yOffset??m(r,n,o,e)}},[l,a,r,o]);return e.jsx(i,{orientation:"horizontal",gridVisibility:"none",data:r,width:a,height:o,margin:s,options:{axis:{y:{children:t=>e.jsx(c,{...t,data:r,yOffset:d.yOffset,labelPosition:d.labelPosition,valuePosition:d.valuePosition,labelFormatter:d.labelFormatter,valueFormatter:d.valueFormatter,LabelComponent:l.labelComponent,ValueComponent:l.valueComponent})},x:{children:()=>null}},xScale:d.xScale,yScale:d.yScale},...u})});module.exports=x;
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@automattic/number-formatters"),r=require("@visx/group"),a=require("@visx/scale"),o=require("@visx/text"),n=require("react"),i=require("../bar-chart/bar-chart.js"),l=require("../shared/with-responsive.js");const s=e=>{const t=e;return t&&"bandwidth"in t?t?.bandwidth()??0:0},u=({textProps:t,x:r,y:a,label:n,formatter:i})=>e.jsx(o.Text,{...t,textAnchor:"start",x:r,y:a,children:i(n)}),d=({textProps:t,x:r,y:a,value:n,formatter:i})=>e.jsx(o.Text,{...t,textAnchor:"end",x:r,y:a,fontWeight:500,children:i(n)}),c=({ticks:t,tickLabelProps:a,yOffset:o,labelPosition:n,valuePosition:i,data:l,labelFormatter:s,valueFormatter:c,LabelComponent:m=u,ValueComponent:x=d})=>{if(0===t.length)return null;const p=t.map((({value:e,index:r})=>"function"==typeof a?a(e,r,t):{}));return t.map((({from:t,formattedValue:a},u)=>{const d=p[u]??{};delete d.textAnchor,delete d.dx;const b=l.reduce(((e,{data:t})=>e+(t[u]?.value??0)),0),h=t.y+o;return e.jsxs(r.Group,{children:[e.jsx(m,{textProps:d,x:n,y:h,label:a,formatter:s}),e.jsx(x,{textProps:d,x:i,y:h,value:b,formatter:c,data:l,index:u})]},u)}))},m=(e,t,r,o)=>{if(!o)return 0;const n=e.map((({label:e})=>e)),i=a.createScale({type:"band",range:[0,r],domain:n,...t}),l=a.scaleBand({domain:n,range:[0,s(i)],padding:t.paddingInner});return-(s(l)+6)};var x=l.withResponsive((({data:r,width:a,height:o,options:l={},margin:s={left:0,right:20,bottom:0,top:0},...u})=>{const d=n.useMemo((()=>{const e=r.length>1,n={...{paddingInner:e?.3:.1,padding:e?.3:.1},...l.yScale??{}};return{yScale:n,xScale:{zero:!0,...l.xScale??{}},labelPosition:l.labelPosition??(e?0:10),valueFormatter:l.valueFormatter??(e=>t.formatNumberCompact(e)),labelFormatter:l.labelFormatter??(e=>String(e)),valuePosition:l.valuePosition??a,yOffset:l.yOffset??m(r,n,o,e)}}),[l,a,r,o]);return e.jsx(i,{orientation:"horizontal",gridVisibility:"none",data:r,width:a,height:o,margin:s,options:{axis:{y:{children:t=>e.jsx(c,{...t,data:r,yOffset:d.yOffset,labelPosition:d.labelPosition,valuePosition:d.valuePosition,labelFormatter:d.labelFormatter,valueFormatter:d.valueFormatter,LabelComponent:l.labelComponent,ValueComponent:l.valueComponent})},x:{children:()=>null}},xScale:d.xScale,yScale:d.yScale},...u})}));module.exports=x;
|
|
2
2
|
//# sourceMappingURL=bar-list-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-list-chart.js","sources":["/@automattic/charts/../../../../src/components/bar-list-chart/bar-list-chart.tsx"],"sourcesContent":[null],"names":["getScaleBandwidth","scale","s","bandwidth","DefaultLabelComponent","textProps","x","y","label","formatter","_jsx","Text","textAnchor","children","DefaultValueComponent","value","fontWeight","AxisRenderer","ticks","tickLabelProps","yOffset","labelPosition","valuePosition","data","labelFormatter","valueFormatter","LabelComponent","ValueComponent","length","allTickLabelProps","map","index","from","formattedValue","dx","sum","reduce","acc","seriesData","_jsxs","Group","getDefaultYOffset","yScaleConfig","height","isMultiSeries","dataKeys","yScale","createScale","type","range","domain","groupScale","scaleBand","padding","paddingInner","withResponsive","width","options","margin","left","right","bottom","top","rest","chartOptions","useMemo","xScale","zero","formatNumberCompact","String","BarChart","orientation","gridVisibility","axis","renderProps","labelComponent","valueComponent"],"mappings":"yQAqFA,MAAMA,EAAiDC,IAEtD,MAAMC,EAAID,EACV,OAAOC,GAAK,cAAeA,EAAIA,GAAGC,aAAe,EAAI,GAGhDC,EAAwB,EAAIC,YAAWC,IAAGC,IAAGC,QAAOC,eAExDC,EAAAA,IAACC,EAAAA,KAAU,IAAAN,EAAYO,WAAW,QAAQN,EAAIA,EAAIC,EAAIA,EACnDM,SAAAJ,EAAWD,KAKVM,EAAwB,EAAIT,YAAWC,IAAGC,IAAGQ,QAAON,eAExDC,EAAAA,IAACC,EAAAA,KAAI,IAAMN,EAAYO,WAAW,MAAMN,EAAIA,EAAIC,EAAIA,EAAIS,WAAa,IAAGH,SACrEJ,EAAWM,KAKVE,EAAe,EACpBC,QACAC,iBACAC,UACAC,gBACAC,gBACAC,OACAC,iBACAC,iBACAC,iBAAiBtB,EACjBuB,iBAAiBb,MAWjB,GAAsB,IAAjBI,EAAMU,OACV,OAAO,KAIR,MAAMC,EAAoBX,EAAMY,
|
|
1
|
+
{"version":3,"file":"bar-list-chart.js","sources":["/@automattic/charts/../../../../src/components/bar-list-chart/bar-list-chart.tsx"],"sourcesContent":[null],"names":["getScaleBandwidth","scale","s","bandwidth","DefaultLabelComponent","textProps","x","y","label","formatter","_jsx","Text","textAnchor","children","DefaultValueComponent","value","fontWeight","AxisRenderer","ticks","tickLabelProps","yOffset","labelPosition","valuePosition","data","labelFormatter","valueFormatter","LabelComponent","ValueComponent","length","allTickLabelProps","map","index","from","formattedValue","dx","sum","reduce","acc","seriesData","_jsxs","Group","getDefaultYOffset","yScaleConfig","height","isMultiSeries","dataKeys","yScale","createScale","type","range","domain","groupScale","scaleBand","padding","paddingInner","withResponsive","width","options","margin","left","right","bottom","top","rest","chartOptions","useMemo","xScale","zero","formatNumberCompact","String","BarChart","orientation","gridVisibility","axis","renderProps","labelComponent","valueComponent"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),l=require("@visx/group"),i=require("@visx/legend"),a=require("@visx/scale"),r=require("clsx"),t=require("react"),n=require("../../providers/theme/theme-provider.js"),s=require("./legend.module.scss.js"),d=require("./utils.js");const g={horizontal:"row",vertical:"column"},o=t.forwardRef(({items:o,className:h,orientation:m="horizontal",alignmentHorizontal:c="center",alignmentVertical:p="bottom",shape:x="rect",fill:u=d.valueOrIdentityString,size:y=d.valueOrIdentityString,labelFormat:b=d.valueOrIdentity,labelTransform:v=d.labelTransformFactory,shapeWidth:f=16,shapeHeight:S=16,shapeMargin:j="2px 4px 2px 0",labelAlign:z="left",labelFlex:q="1",labelMargin:L="0 4px",itemMargin:$="0",itemDirection:w="row",legendLabelProps:I,...O},C)=>{const F=n.useChartTheme(),N=a.scaleOrdinal({domain:o.map(e=>e.label),range:o.map(e=>e.color)}),T=N.domain(),D=t.useCallback(({index:e})=>o[e]?.shapeStyle??F.legendShapeStyles?.[e]??{},[o,F]);return e.jsx(i.LegendOrdinal,{scale:N,labelFormat:b,labelTransform:v,children:a=>e.jsx("div",{ref:C,role:"list","data-testid":`legend-${m}`,className:r(s.legend,s[`legend--${m}`],s[`legend--horizontal-align-${c}`],s[`legend--vertical-align-${p}`],h),style:{flexDirection:g[m],...F.legendContainerStyles},children:a.map((a,r)=>e.jsxs(i.LegendItem,{className:s["legend-item"],"data-testid":"legend-item",margin:$,flexDirection:w,...O,children:[o[r]?.renderGlyph?e.jsx("svg",{width:2*o[r]?.glyphSize,height:2*o[r]?.glyphSize,"data-testid":"legend-glyph",children:e.jsx(l.Group,{children:o[r]?.renderGlyph({key:`legend-glyph-${a.text}`,datum:{},index:r,color:u(a),size:o[r]?.glyphSize,x:o[r]?.glyphSize,y:o[r]?.glyphSize})})}):e.jsx(i.LegendShape,{shape:x,height:S,width:f,margin:j,item:T[r],itemIndex:r,label:a,fill:u,size:y,shapeStyle:D}),e.jsxs(i.LegendLabel,{style:{justifyContent:z,flex:q,margin:L,...F.legendLabelStyles},...I,children:[a.text,o.find(e=>e.label===a.text)?.value&&e.jsx("span",{className:s["legend-item-value"],children:o.find(e=>e.label===a.text)?.value})]})]},`legend-${a.text}-${r}`))})})});exports.BaseLegend=o;
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),l=require("@visx/group"),i=require("@visx/legend"),a=require("@visx/scale"),r=require("clsx"),t=require("react"),n=require("../../providers/theme/theme-provider.js"),s=require("./legend.module.scss.js"),d=require("./utils.js");const g={horizontal:"row",vertical:"column"},o=t.forwardRef((({items:o,className:h,orientation:m="horizontal",alignmentHorizontal:c="center",alignmentVertical:p="bottom",shape:x="rect",fill:u=d.valueOrIdentityString,size:y=d.valueOrIdentityString,labelFormat:b=d.valueOrIdentity,labelTransform:v=d.labelTransformFactory,shapeWidth:f=16,shapeHeight:S=16,shapeMargin:j="2px 4px 2px 0",labelAlign:z="left",labelFlex:q="1",labelMargin:L="0 4px",itemMargin:$="0",itemDirection:w="row",legendLabelProps:I,...O},C)=>{const F=n.useChartTheme(),N=a.scaleOrdinal({domain:o.map((e=>e.label)),range:o.map((e=>e.color))}),T=N.domain(),D=t.useCallback((({index:e})=>o[e]?.shapeStyle??F.legendShapeStyles?.[e]??{}),[o,F]);return e.jsx(i.LegendOrdinal,{scale:N,labelFormat:b,labelTransform:v,children:a=>e.jsx("div",{ref:C,role:"list","data-testid":`legend-${m}`,className:r(s.legend,s[`legend--${m}`],s[`legend--horizontal-align-${c}`],s[`legend--vertical-align-${p}`],h),style:{flexDirection:g[m],...F.legendContainerStyles},children:a.map(((a,r)=>e.jsxs(i.LegendItem,{className:s["legend-item"],"data-testid":"legend-item",margin:$,flexDirection:w,...O,children:[o[r]?.renderGlyph?e.jsx("svg",{width:2*o[r]?.glyphSize,height:2*o[r]?.glyphSize,"data-testid":"legend-glyph",children:e.jsx(l.Group,{children:o[r]?.renderGlyph({key:`legend-glyph-${a.text}`,datum:{},index:r,color:u(a),size:o[r]?.glyphSize,x:o[r]?.glyphSize,y:o[r]?.glyphSize})})}):e.jsx(i.LegendShape,{shape:x,height:S,width:f,margin:j,item:T[r],itemIndex:r,label:a,fill:u,size:y,shapeStyle:D}),e.jsxs(i.LegendLabel,{style:{justifyContent:z,flex:q,margin:L,...F.legendLabelStyles},...I,children:[a.text,o.find((e=>e.label===a.text))?.value&&e.jsx("span",{className:s["legend-item-value"],children:o.find((e=>e.label===a.text))?.value})]})]},`legend-${a.text}-${r}`)))})})}));exports.BaseLegend=o;
|
|
2
2
|
//# sourceMappingURL=base-legend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-legend.js","sources":["/@automattic/charts/../../../../src/components/legend/base-legend.tsx"],"sourcesContent":[null],"names":["orientationToFlexDirection","horizontal","vertical","BaseLegend","forwardRef","items","className","orientation","alignmentHorizontal","alignmentVertical","shape","fill","valueOrIdentityString","size","labelFormat","valueOrIdentity","labelTransform","labelTransformFactory","shapeWidth","shapeHeight","shapeMargin","labelAlign","labelFlex","labelMargin","itemMargin","itemDirection","legendLabelProps","legendItemProps","ref","theme","useChartTheme","legendScale","scaleOrdinal","domain","map","item","label","range","color","getShapeStyle","useCallback","index","shapeStyle","legendShapeStyles","_jsx","jsx","LegendOrdinal","scale","children","labels","role","clsx","styles","legend","style","flexDirection","legendContainerStyles","i","_jsxs","LegendItem","margin","renderGlyph","width","glyphSize","height","Group","key","text","datum","x","y","LegendShape","itemIndex","LegendLabel","justifyContent","flex","legendLabelStyles","find","value"],"mappings":"mRAUA,MAAMA,EAA6B,CAClCC,WAAY,MACZC,SAAU,UAOEC,EAAaC,EAAAA,
|
|
1
|
+
{"version":3,"file":"base-legend.js","sources":["/@automattic/charts/../../../../src/components/legend/base-legend.tsx"],"sourcesContent":[null],"names":["orientationToFlexDirection","horizontal","vertical","BaseLegend","forwardRef","items","className","orientation","alignmentHorizontal","alignmentVertical","shape","fill","valueOrIdentityString","size","labelFormat","valueOrIdentity","labelTransform","labelTransformFactory","shapeWidth","shapeHeight","shapeMargin","labelAlign","labelFlex","labelMargin","itemMargin","itemDirection","legendLabelProps","legendItemProps","ref","theme","useChartTheme","legendScale","scaleOrdinal","domain","map","item","label","range","color","getShapeStyle","useCallback","index","shapeStyle","legendShapeStyles","_jsx","jsx","LegendOrdinal","scale","children","labels","role","clsx","styles","legend","style","flexDirection","legendContainerStyles","i","_jsxs","LegendItem","margin","renderGlyph","width","glyphSize","height","Group","key","text","datum","x","y","LegendShape","itemIndex","LegendLabel","justifyContent","flex","legendLabelStyles","find","value"],"mappings":"mRAUA,MAAMA,EAA6B,CAClCC,WAAY,MACZC,SAAU,UAOEC,EAAaC,EAAAA,YACzB,EAEEC,QACAC,YACAC,cAAc,aACdC,sBAAsB,SACtBC,oBAAoB,SACpBC,QAAQ,OACRC,OAAOC,EAAAA,sBACPC,OAAOD,EAAqBA,sBAC5BE,cAAcC,EAAAA,gBACdC,iBAAiBC,EAAqBA,sBACtCC,aAAa,GACbC,cAAc,GACdC,cAAc,gBACdC,aAAa,OACbC,YAAY,IACZC,cAAc,QACdC,aAAa,IACbC,gBAAgB,MAChBC,sBACGC,GAEJC,KAEA,MAAMC,EAAQC,EAAAA,gBACRC,EAAcC,EAAAA,aAAc,CACjCC,OAAQ5B,EAAM6B,KAAKC,GAAQA,EAAKC,QAChCC,MAAOhC,EAAM6B,KAAKC,GAAQA,EAAKG,UAE1BL,EAASF,EAAYE,SAErBM,EAAgBC,EAAAA,aACrB,EAAIC,WACIpC,EAAOoC,IAASC,YAAcb,EAAMc,oBAAqBF,IAAW,IAE5E,CAAEpC,EAAOwB,IAGV,OACCe,EAAAC,IAACC,gBAAa,CACbC,MAAQhB,EACRjB,YAAcA,EACdE,eAAiBA,EAEfgC,SAAAC,GACDL,aACChB,IAAMA,EACNsB,KAAK,OAAM,cACG,UAAW3C,IACzBD,UAAY6C,EACXC,EAAOC,OACPD,EAAQ,WAAY7C,KACpB6C,EAAQ,4BAA6B5C,KACrC4C,EAAQ,0BAA2B3C,KACnCH,GAEDgD,MAAQ,CACPC,cAAevD,EAA4BO,MACxCsB,EAAM2B,uBACTR,SAECC,EAAOf,KAAK,CAAEE,EAAOqB,IACtBC,EAAAA,KAACC,EAAUA,WAAA,CACVrD,UAAY8C,EAAQ,eACR,cAAA,cAEZQ,OAASpC,EACT+B,cAAgB9B,KACXE,YAEHtB,EAAOoD,IAAKI,YACbjB,EAAAA,IACC,MAAA,CAAAkB,MAAgC,EAAxBzD,EAAOoD,IAAKM,UACpBC,OAAiC,EAAxB3D,EAAOoD,IAAKM,wBACT,eAAcf,SAE1BJ,EAACC,IAAAoB,kBACE5D,EAAOoD,IAAKI,YAAa,CAC1BK,IAAK,gBAAiB9B,EAAM+B,OAC5BC,MAAO,CAAE,EACT3B,MAAOgB,EACPnB,MAAO3B,EAAMyB,GACbvB,KAAMR,EAAOoD,IAAKM,UAClBM,EAAGhE,EAAOoD,IAAKM,UACfO,EAAGjE,EAAOoD,IAAKM,gBAKlBnB,EAACC,IAAA0B,EAAWA,YACX,CAAA7D,MAAQA,EACRsD,OAAS7C,EACT2C,MAAQ5C,EACR0C,OAASxC,EACTe,KAAOF,EAAQwB,GACfe,UAAYf,EACZrB,MAAQA,EACRzB,KAAOA,EACPE,KAAOA,EACP6B,WAAaH,IAGfmB,EAAAA,KAACe,EAAAA,YACA,CAAAnB,MAAQ,CACPoB,eAAgBrD,EAChBsD,KAAMrD,EACNsC,OAAQrC,KACLM,EAAM+C,sBAELlD,EAAgBsB,SAAA,CAEnBZ,EAAM+B,KACN9D,EAAMwE,MAAM1C,GAAQA,EAAKC,QAAUA,EAAM+B,QAAQW,OAClDlC,MAAA,OAAA,CAAMtC,UAAY8C,EAAQ,qBACvBJ,SAAA3C,EAAMwE,MAAM1C,GAAQA,EAAKC,QAAUA,EAAM+B,QAAQW,aAjDhD,UAAW1C,EAAM+B,QAAUV"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@visx/annotation"),i=require("@visx/xychart"),r=require("lodash"),n=require("react"),l=require("../../providers/theme/theme-provider.js");const a=({subjectType:e,x:t,xMax:i,y:r,yMin:n,yMax:l,maxWidth:a,height:o})=>{const c=o??100;let s=15,u=15,x=!1,d=!1;"line-horizontal"===e&&(s=0,u=20),"line-vertical"===e&&(s=20,u=0);return t+s+(a??125)>i&&(x=!0,"circle"===e?s=-s:"line-vertical"===e&&(s=-20)),"circle"===e?r+u+c>n&&(d=!0,u=-Math.abs(u)):r-c<l?"line-horizontal"===e?(d=!0,u=Math.abs(u)):"line-vertical"===e&&(d=!0):r+c>n&&("line-horizontal"===e?(d=!0,u=-Math.abs(u)):"line-vertical"===e&&(d=!0)),{dx:s,dy:u,isFlippedHorizontally:x,isFlippedVertically:d}},o=(e,t)=>{if("line-horizontal"===e)return t?"end":"start"},c=(e,t,i,r,n)=>{if("line-vertical"===e)return t?i-n<r?"start":"end":"middle"};exports.default=({datum:s,title:u,subtitle:x,subjectType:d="circle",styles:h,testId:y})=>{const b=l.useChartTheme(),{xScale:m,yScale:p}=n.useContext(i.DataContext)||{},j=n.useRef(null),[M,v]=n.useState(null),f=r.merge({},b.annotationStyles,h);n.useEffect(()=>{if(j.current){const e=j.current.getBBox();v(e.height)}},[]);const g=n.useMemo(()=>{if(!(s&&s.date&&null!=s.value&&m&&p))return null;const e=m(s.date),t=p(s.value);if("number"!=typeof e||"number"!=typeof t)return null;const[i,r]=p.range().map(Number),[n,l]=m.range().map(Number);return{x:e,y:t,yMin:i,yMax:r,xMin:n,xMax:l,...a({subjectType:d,x:e,xMax:l,y:t,yMin:i,yMax:r,maxWidth:f?.label?.maxWidth,height:M})}},[s,m,p,d,f?.label?.maxWidth,M]);if(!g)return null;const{x:S,y:z,yMin:q,yMax:C,xMin:F,xMax:L,dx:T,dy:W,isFlippedHorizontally:A,isFlippedVertically:B}=g;return e.jsx("g",{"data-testid":y,children:e.jsxs(t.Annotation,{x:S,y:z,dx:T,dy:W,children:[e.jsx(t.Connector,{...f?.connector}),"circle"===d&&e.jsx(t.CircleSubject,{...f?.circleSubject}),"line-vertical"===d&&e.jsx(t.LineSubject,{min:C,max:q,...f?.lineSubject,orientation:"vertical"}),"line-horizontal"===d&&e.jsx(t.LineSubject,{min:F,max:L,...f?.lineSubject,orientation:"horizontal"}),e.jsx("g",{ref:j,children:e.jsx(t.Label,{title:u,subtitle:x,...f?.label,horizontalAnchor:o(d,A),verticalAnchor:c(d,B,z,C,M??100)})})]})})},exports.getLabelPosition=a;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@visx/annotation"),i=require("@visx/xychart"),r=require("lodash"),n=require("react"),l=require("../../providers/theme/theme-provider.js");const a=({subjectType:e,x:t,xMax:i,y:r,yMin:n,yMax:l,maxWidth:a,height:o})=>{const c=o??100;let s=15,u=15,x=!1,d=!1;"line-horizontal"===e&&(s=0,u=20),"line-vertical"===e&&(s=20,u=0);return t+s+(a??125)>i&&(x=!0,"circle"===e?s=-s:"line-vertical"===e&&(s=-20)),"circle"===e?r+u+c>n&&(d=!0,u=-Math.abs(u)):r-c<l?"line-horizontal"===e?(d=!0,u=Math.abs(u)):"line-vertical"===e&&(d=!0):r+c>n&&("line-horizontal"===e?(d=!0,u=-Math.abs(u)):"line-vertical"===e&&(d=!0)),{dx:s,dy:u,isFlippedHorizontally:x,isFlippedVertically:d}},o=(e,t)=>{if("line-horizontal"===e)return t?"end":"start"},c=(e,t,i,r,n)=>{if("line-vertical"===e)return t?i-n<r?"start":"end":"middle"};exports.default=({datum:s,title:u,subtitle:x,subjectType:d="circle",styles:h,testId:y})=>{const b=l.useChartTheme(),{xScale:m,yScale:p}=n.useContext(i.DataContext)||{},j=n.useRef(null),[M,v]=n.useState(null),f=r.merge({},b.annotationStyles,h);n.useEffect((()=>{if(j.current){const e=j.current.getBBox();v(e.height)}}),[]);const g=n.useMemo((()=>{if(!(s&&s.date&&null!=s.value&&m&&p))return null;const e=m(s.date),t=p(s.value);if("number"!=typeof e||"number"!=typeof t)return null;const[i,r]=p.range().map(Number),[n,l]=m.range().map(Number);return{x:e,y:t,yMin:i,yMax:r,xMin:n,xMax:l,...a({subjectType:d,x:e,xMax:l,y:t,yMin:i,yMax:r,maxWidth:f?.label?.maxWidth,height:M})}}),[s,m,p,d,f?.label?.maxWidth,M]);if(!g)return null;const{x:S,y:z,yMin:q,yMax:C,xMin:F,xMax:L,dx:T,dy:W,isFlippedHorizontally:A,isFlippedVertically:B}=g;return e.jsx("g",{"data-testid":y,children:e.jsxs(t.Annotation,{x:S,y:z,dx:T,dy:W,children:[e.jsx(t.Connector,{...f?.connector}),"circle"===d&&e.jsx(t.CircleSubject,{...f?.circleSubject}),"line-vertical"===d&&e.jsx(t.LineSubject,{min:C,max:q,...f?.lineSubject,orientation:"vertical"}),"line-horizontal"===d&&e.jsx(t.LineSubject,{min:F,max:L,...f?.lineSubject,orientation:"horizontal"}),e.jsx("g",{ref:j,children:e.jsx(t.Label,{title:u,subtitle:x,...f?.label,horizontalAnchor:o(d,A),verticalAnchor:c(d,B,z,C,M??100)})})]})})},exports.getLabelPosition=a;
|
|
2
2
|
//# sourceMappingURL=line-chart-annotation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-chart-annotation.js","sources":["/@automattic/charts/../../../../src/components/line-chart/line-chart-annotation.tsx"],"sourcesContent":[null],"names":["getLabelPosition","subjectType","x","xMax","y","yMin","yMax","maxWidth","height","annotationHeight","dx","dy","isFlippedHorizontally","isFlippedVertically","Math","abs","getHorizontalAnchor","getVerticalAnchor","datum","title","subtitle","styles","datumStyles","testId","providerTheme","useChartTheme","xScale","yScale","useContext","DataContext","labelRef","useRef","setHeight","useState","merge","annotationStyles","useEffect","current","bbox","getBBox","positionData","useMemo","date","value","range","map","Number","xMin","label","_jsx","jsx","children","_jsxs","Annotation","Connector","connector","CircleSubject","circleSubject","LineSubject","min","max","lineSubject","orientation","ref","Label","horizontalAnchor","verticalAnchor"],"mappings":"4PAsBA,MAYaA,EAAmB,EAC/BC,cACAC,IACAC,OACAC,IACAC,OACAC,OACAC,WACAC,aAgBA,MACMC,EAAmBD,GApCK,IAqC9B,IAAIE,EAAK,GACLC,EAAK,GACLC,GAAwB,EACxBC,GAAsB,EAEL,oBAAhBZ,IACJS,EAAK,EACLC,EAAK,IAGe,kBAAhBV,IACJS,EAAK,GACLC,EAAK,GA6CN,OAxCmBT,EAAIQ,GAnBIH,GApCC,KAyDWJ,IACtCS,GAAwB,EACH,WAAhBX,EACJS,GAAMA,EACqB,kBAAhBT,IACXS,GAAM,KAOa,WAAhBT,EAECG,EAAIO,EAAKF,EAAmBJ,IAEhCQ,GAAsB,EACtBF,GAAMG,KAAKC,IAAKJ,IAGNP,EAAIK,EAAmBH,EAEb,oBAAhBL,GACJY,GAAsB,EACtBF,EAAKG,KAAKC,IAAKJ,IACY,kBAAhBV,IACXY,GAAsB,GAEZT,EAAIK,EAAmBJ,IAEb,oBAAhBJ,GACJY,GAAsB,EACtBF,GAAMG,KAAKC,IAAKJ,IACW,kBAAhBV,IACXY,GAAsB,IAIjB,CAAEH,KAAIC,KAAIC,wBAAuBC,wBAGnCG,EAAsB,CAC3Bf,EACAW,KAEA,GAAqB,oBAAhBX,EACJ,OAAOW,EAAwB,MAAQ,SAMnCK,EAAoB,CACzBhB,EACAY,EACAT,EACAE,EACAE,KAEA,GAAqB,kBAAhBP,EACJ,OAAKY,EAEGT,EAAII,EAASF,EAAO,QAAU,MAG/B,0BAMmD,EAC3DY,QACAC,QACAC,WACAnB,cAAc,SACdoB,OAAQC,EACRC,aAEA,MAAMC,EAAgBC,EAAAA,iBAChBC,OAAEA,EAAMC,OAAEA,GAAWC,EAAAA,WAAYC,EAAAA,cAAiB,GAClDC,EAAWC,SAAuB,OAChCvB,EAAQwB,GAAcC,EAAQA,SAAmB,MAGnDZ,EAASa,EAAAA,MAAO,CAAA,EAAIV,EAAcW,iBAAkBb,GAG1Dc,EAAAA,
|
|
1
|
+
{"version":3,"file":"line-chart-annotation.js","sources":["/@automattic/charts/../../../../src/components/line-chart/line-chart-annotation.tsx"],"sourcesContent":[null],"names":["getLabelPosition","subjectType","x","xMax","y","yMin","yMax","maxWidth","height","annotationHeight","dx","dy","isFlippedHorizontally","isFlippedVertically","Math","abs","getHorizontalAnchor","getVerticalAnchor","datum","title","subtitle","styles","datumStyles","testId","providerTheme","useChartTheme","xScale","yScale","useContext","DataContext","labelRef","useRef","setHeight","useState","merge","annotationStyles","useEffect","current","bbox","getBBox","positionData","useMemo","date","value","range","map","Number","xMin","label","_jsx","jsx","children","_jsxs","Annotation","Connector","connector","CircleSubject","circleSubject","LineSubject","min","max","lineSubject","orientation","ref","Label","horizontalAnchor","verticalAnchor"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@automattic/number-formatters"),a=require("@visx/curve"),i=require("@visx/gradient"),o=require("@visx/xychart"),s=require("clsx"),l=require("../../providers/chart-context/chart-context.js"),n=require("../../providers/chart-context/utils.js"),c=require("../../providers/theme/theme-provider.js"),d=require("../legend/base-legend.js"),u=require("../shared/default-glyph.js"),h=require("../shared/use-chart-data-transform.js"),p=require("../shared/use-chart-margin.js"),m=require("../shared/use-element-height.js"),y=require("../shared/with-responsive.js"),x=require("./line-chart-annotation.js"),g=require("./line-chart.module.scss.js");const v=e=>t.createElement(u.DefaultGlyph,{...e,key:e.key}),f=e=>{const t="number"==typeof e?e:parseFloat(e);return isNaN(t)?void 0:t},j=({data:e,index:r,color:a,glyphStyle:i,renderGlyph:s,accessors:l})=>{const{xScale:n,yScale:c}=t.useContext(o.DataContext)||{};if(!n||!c)return null;if(0===e.data.length)return null;const d=e.data[0],u=n(l.xAccessor(d)),h=c(l.yAccessor(d));if("number"!=typeof u||"number"!=typeof h)return null;const p=Math.max(0,f(i?.radius)??4);return s({key:`start-glyph-${e.label}`,index:r,datum:d,color:a,size:p,x:u,y:h,glyphStyle:i})},b=(e,t)=>{if(!e)return t?a.curveCatmullRom:a.curveLinear;switch(e){case"smooth":return a.curveCatmullRom;case"monotone":return a.curveMonotoneX;default:return a.curveLinear}},S=t=>{const{tooltipData:r}=t,a=r?.nearestDatum?.datum;if(!a)return null;const i=Object.entries(r?.datumByKey||{}).map((([e,{datum:t}])=>({key:e,value:t.value}))).sort(((e,t)=>t.value-e.value));return e.jsxs("div",{className:g["line-chart__tooltip"],children:[e.jsx("div",{className:g["line-chart__tooltip-date"],children:a.date?.toLocaleDateString()}),i.map((t=>e.jsxs("div",{className:g["line-chart__tooltip-row"],children:[e.jsxs("span",{className:g["line-chart__tooltip-label"],children:[t.key,":"]}),e.jsx("span",{className:g["line-chart__tooltip-value"],children:t.value})]},t.key)))]})},w=e=>new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"}),k=({series:e,selectedIndex:r})=>{const a=t.useContext(o.TooltipContext);return t.useEffect((()=>{e&&(void 0!==r?e.forEach(((e,t)=>{if(r<e.data.length){const i=e.data[r];a?.showTooltip({datum:i,key:e.label,index:t})}})):a?.hideTooltip())}),[r,e]),null},T=({data:a,chartId:l,width:u,height:y,className:T,margin:C,withTooltips:N=!0,withTooltipCrosshairs:q,showLegend:D=!1,legendOrientation:G="horizontal",legendAlignmentHorizontal:L="center",legendAlignmentVertical:A="bottom",renderGlyph:M=v,glyphStyle:_={},legendShape:I="line",withLegendGlyph:P=!1,withGradientFill:$=!1,smoothing:z=!0,curveType:F,renderTooltip:R=S,withStartGlyphs:E=!1,options:O={},annotations:H,onPointerDown:B,onPointerUp:K,onPointerMove:V,onPointerOut:X})=>{const Y=c.useChartTheme(),U=c.useXYChartTheme(a),J=t.useId(),Q=n.useChartId(l),[W,Z]=m.useElementHeight(),ee=t.useRef(null),[te,re]=t.useState(void 0),[ae,ie]=t.useState(!1),oe=t.useCallback((e=>{e&&void 0!==te&&e.focus()}),[te]),se=h.useChartDataTransform(a),le=t.useMemo((()=>({axis:{x:{orientation:"bottom",numTicks:Math.min(se[0]?.data.length,Math.ceil(u/100)),tickFormat:w,...O?.axis?.x},y:{orientation:"left",numTicks:4,tickFormat:r.formatNumberCompact,...O?.axis?.y}},xScale:{type:"time",...O?.xScale},yScale:{type:"linear",nice:!0,zero:!1,...O?.yScale}})),[O,se,u]),ne=t.useMemo((()=>e=>{const t=se.findIndex((t=>t.label===e.key||t.data.includes(e.datum))),r=Y.glyphs?.[t];return r?r(e):M(e)}),[se,Y.glyphs,M]),ce=p.useChartMargin(y,le,se,U),de=(e=>e?.length?e.some((e=>e.data.some((e=>isNaN(e.value)||null===e.value||void 0===e.value||"date"in e&&e.date&&isNaN(e.date.getTime())))))?"Invalid data":null:"No data available")(se),ue=!de,he=t.useMemo((()=>se.map(((e,t)=>({label:e.label,value:"",color:e?.options?.stroke??Y.colors[t%Y.colors.length],shapeStyle:e?.options?.legendShapeStyle,renderGlyph:P?Y.glyphs?.[t]??M:void 0,glyphSize:Math.max(0,f(_?.radius)??4)})))),[se,Y.colors,Y.glyphs,P,M,_?.radius]);n.useChartRegistration(Q,he,Y,"line",ue,{withGradientFill:$,smoothing:z,curveType:F,withStartGlyphs:E,withLegendGlyph:P});const pe={xAccessor:e=>e?.date,yAccessor:e=>e?.value},me=t.useMemo((()=>t=>{const r=R(t);return void 0!==te?e.jsx("div",{ref:oe,tabIndex:-1,role:"tooltip","aria-atomic":"true",className:g["line-chart__tooltip--keyboard-focused"],"data-testid":`line-chart-tooltip-${te}`,children:r},`line-chart-tooltip-${te}`):e.jsx("div",{role:"tooltip","aria-live":"polite",children:r})}),[R,te,oe]),ye=t.useCallback((()=>{ae||void 0===te||re(0)}),[ae,te]),xe=t.useCallback((()=>{ie(!1)}),[]),ge=t.useCallback((e=>{const t=se[0]?.data.length||0;if(0===t)return;if("Tab"===e.key)return ee.current?.focus(),re(void 0),void ie(!1);const r=void 0===te?-1:te;if(r+1>=t&&["ArrowRight"].includes(e.key))return ee.current?.focus(),re(void 0),void ie(!1);e.preventDefault(),["ArrowRight"].includes(e.key)?(ie(!0),re((r+1)%t)):["ArrowLeft"].includes(e.key)?(ie(!0),re((r-1+t)%t)):"Escape"===e.key&&(re(void 0),ie(!1),ee.current?.focus())}),[se,te]);return de?e.jsx("div",{className:s("line-chart",g["line-chart"]),children:de}):e.jsxs("div",{className:s("line-chart",g["line-chart"],T),"data-testid":"line-chart",role:"grid","aria-label":"line chart",style:{width:u,height:y,display:"flex",flexDirection:D&&"top"===A?"column-reverse":"column"},tabIndex:0,onKeyDown:ge,onFocus:ye,onBlur:xe,ref:ee,children:[e.jsxs(o.XYChart,{theme:U,width:u,height:y-(D?Z:0),margin:{...ce,...C,...D&&"top"===A?{top:(ce.top||0)+Z}:{}},xScale:le.xScale,yScale:le.yScale,onPointerDown:B,onPointerUp:K,onPointerMove:V,onPointerOut:X,pointerEventsDataKey:"nearest",children:[e.jsx(o.Grid,{columns:!1,numTicks:4}),e.jsx(o.Axis,{...le.axis.x}),e.jsx(o.Axis,{...le.axis.y}),se.map(((t,r)=>{const a=t.options?.stroke??U.colors[r%U.colors.length],s=t.options?.seriesLineStyle??Y?.seriesLineStyles?.[r%Y.seriesLineStyles.length]??{};return e.jsxs("g",{children:[E&&e.jsx(j,{index:r,data:t,color:a,renderGlyph:Y.glyphs?.[r]??M,accessors:pe,glyphStyle:_}),$&&e.jsx(i.LinearGradient,{id:`area-gradient-${J}-${r+1}`,from:a,fromOpacity:.4,toOpacity:.1,to:U.backgroundColor,...t.options?.gradient,"data-testid":"line-gradient"}),e.jsx(o.AreaSeries,{dataKey:t?.label,data:t.data,...pe,fill:$?`url(#area-gradient-${J}-${r+1})`:"transparent",renderLine:!0,curve:b(F,z),lineProps:s},t?.label)]},t?.label||r)})),N&&e.jsxs(e.Fragment,{children:[se&&e.jsx(k,{series:se,selectedIndex:void 0!==te?te:void 0}),e.jsx(o.Tooltip,{detectBounds:!0,snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:me,renderGlyph:ne,glyphStyle:_,showVerticalCrosshair:q?.showVertical,showHorizontalCrosshair:q?.showHorizontal})]}),H?.length&&H.map((({datum:t,title:r,subtitle:a,subjectType:i,styles:o},s)=>t?e.jsx(x.default,{testId:`annotation-${s}`,datum:t,title:r,subtitle:a,subjectType:i,styles:o},`annotation-${t.date?.getTime()}-${t.value}`):null))]}),D&&e.jsx(d.BaseLegend,{items:he,orientation:G,alignmentHorizontal:L,alignmentVertical:A,className:g["line-chart-legend"],shape:I,ref:W})]})},C=t=>e.jsx(l.ChartProvider,{children:e.jsx(T,{...t})});C.displayName="LineChart";var N=y.withResponsive(C);module.exports=N;
|
|
2
2
|
//# sourceMappingURL=line-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-chart.js","sources":["/@automattic/charts/../../../../src/components/line-chart/line-chart.tsx"],"sourcesContent":[null],"names":["defaultRenderGlyph","props","_createElement","createElement","DefaultGlyph","key","toNumber","val","num","parseFloat","isNaN","undefined","StartGlyph","data","index","color","glyphStyle","renderGlyph","accessors","xScale","yScale","useContext","DataContext","length","firstPoint","x","xAccessor","y","yAccessor","size","Math","max","radius","label","datum","getCurveType","type","smoothing","curveCatmullRom","curveLinear","curveMonotoneX","renderDefaultTooltip","params","tooltipData","nearestDatum","tooltipPoints","Object","entries","datumByKey","map","value","sort","a","b","_jsxs","jsxs","className","styles","children","_jsx","date","toLocaleDateString","point","formatDateTick","timestamp","Date","month","day","HighlightTooltip","series","selectedIndex","tooltipContext","TooltipContext","useEffect","forEach","s","showTooltip","hideTooltip","withResponsive","width","height","margin","withTooltips","withTooltipCrosshairs","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","withLegendGlyph","withGradientFill","curveType","renderTooltip","withStartGlyphs","options","annotations","onPointerDown","onPointerUp","onPointerMove","onPointerOut","providerTheme","useChartTheme","theme","useXYChartTheme","chartId","useId","legendRef","legendHeight","useElementHeight","chartRef","useRef","setSelectedIndex","useState","isNavigating","setIsNavigating","tooltipRef","useCallback","element","focus","dataSorted","useChartDataTransform","chartOptions","useMemo","axis","orientation","numTicks","min","ceil","tickFormat","formatNumberCompact","nice","zero","tooltipRenderGlyph","seriesIndex","findIndex","includes","themeGlyph","glyphs","defaultMargin","useChartMargin","legendItems","group","stroke","colors","shapeStyle","legendShapeStyle","glyphSize","d","focusableRenderTooltip","tooltipContent","ref","tabIndex","role","jsx","onChartFocus","onChartBlur","onChartKeyDown","event","current","currentSelectedIndex","preventDefault","error","some","getTime","validateData","clsx","style","display","flexDirection","onKeyDown","onFocus","onBlur","XYChart","top","pointerEventsDataKey","Grid","columns","Axis","seriesData","lineProps","seriesLineStyle","seriesLineStyles","LinearGradient","id","from","fromOpacity","toOpacity","to","backgroundColor","gradient","AreaSeries","dataKey","fill","renderLine","curve","_Fragment","Tooltip","detectBounds","snapTooltipToDatumX","snapTooltipToDatumY","showSeriesGlyphs","showVerticalCrosshair","showVertical","showHorizontalCrosshair","showHorizontal","title","subtitle","subjectType","datumStyles","LineChartAnnotation","testId","Legend","BaseLegend","items","alignmentHorizontal","alignmentVertical","shape"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"line-chart.js","sources":["/@automattic/charts/../../../../src/components/line-chart/line-chart.tsx"],"sourcesContent":[null],"names":["defaultRenderGlyph","props","_createElement","createElement","DefaultGlyph","key","toNumber","val","num","parseFloat","isNaN","undefined","StartGlyph","data","index","color","glyphStyle","renderGlyph","accessors","xScale","yScale","useContext","DataContext","length","firstPoint","x","xAccessor","y","yAccessor","size","Math","max","radius","label","datum","getCurveType","type","smoothing","curveCatmullRom","curveLinear","curveMonotoneX","renderDefaultTooltip","params","tooltipData","nearestDatum","tooltipPoints","Object","entries","datumByKey","map","value","sort","a","b","_jsxs","jsxs","className","styles","children","_jsx","date","toLocaleDateString","point","formatDateTick","timestamp","Date","month","day","HighlightTooltip","series","selectedIndex","tooltipContext","TooltipContext","useEffect","forEach","s","showTooltip","hideTooltip","LineChartInternal","chartId","providedChartId","width","height","margin","withTooltips","withTooltipCrosshairs","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","withLegendGlyph","withGradientFill","curveType","renderTooltip","withStartGlyphs","options","annotations","onPointerDown","onPointerUp","onPointerMove","onPointerOut","providerTheme","useChartTheme","theme","useXYChartTheme","internalChartId","useId","useChartId","legendRef","legendHeight","useElementHeight","chartRef","useRef","setSelectedIndex","useState","isNavigating","setIsNavigating","tooltipRef","useCallback","element","focus","dataSorted","useChartDataTransform","chartOptions","useMemo","axis","orientation","numTicks","min","ceil","tickFormat","formatNumberCompact","nice","zero","tooltipRenderGlyph","seriesIndex","findIndex","includes","themeGlyph","glyphs","defaultMargin","useChartMargin","error","some","getTime","validateData","isDataValid","legendItems","group","stroke","colors","shapeStyle","legendShapeStyle","glyphSize","useChartRegistration","d","focusableRenderTooltip","tooltipContent","ref","tabIndex","role","jsx","onChartFocus","onChartBlur","onChartKeyDown","event","current","currentSelectedIndex","preventDefault","clsx","style","display","flexDirection","onKeyDown","onFocus","onBlur","XYChart","top","pointerEventsDataKey","Grid","columns","Axis","seriesData","lineProps","seriesLineStyle","seriesLineStyles","LinearGradient","id","from","fromOpacity","toOpacity","to","backgroundColor","gradient","AreaSeries","dataKey","fill","renderLine","curve","_Fragment","Tooltip","detectBounds","snapTooltipToDatumX","snapTooltipToDatumY","showSeriesGlyphs","showVerticalCrosshair","showVertical","showHorizontalCrosshair","showHorizontal","title","subtitle","subjectType","datumStyles","LineChartAnnotation","testId","Legend","BaseLegend","items","alignmentHorizontal","alignmentVertical","shape","LineChart","ChartProvider","displayName","withResponsive"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@visx/group"),r=require("@visx/shape"),a=require("clsx"),s=require("react"),i=require("../../hooks/use-chart-mouse-handler.js"),l=require("../../providers/chart-context/chart-context.js"),o=require("../../providers/chart-context/utils.js"),n=require("../../providers/theme/theme-provider.js"),d=require("../../providers/theme/themes.js"),c=require("../legend/base-legend.js"),h=require("../shared/use-element-height.js"),u=require("../shared/with-responsive.js"),p=require("../tooltip/base-tooltip.js"),m=require("./pie-chart.module.scss.js");const g=({data:l,chartId:u,withTooltips:g=!1,className:v,showLegend:x,legendOrientation:j,legendAlignmentHorizontal:f="center",legendAlignmentVertical:q="bottom",legendShape:M="circle",size:b,thickness:w=1,padding:N=20,gapScale:V=0,cornerScale:A=0,children:C=null})=>{const S=n.useChartTheme(),y=o.useChartId(u),[R,T]=h.useElementHeight(),{onMouseMove:k,onMouseLeave:B,tooltipOpen:I,tooltipData:L,tooltipLeft:z,tooltipTop:P}=i({withTooltips:g}),{isValid:H,message:$}=(e=>{if(!e.length)return{isValid:!1,message:"No data available"};if(e.some((e=>e.percentage<0||e.value<0)))return{isValid:!1,message:"Invalid data: Negative values are not allowed"};const t=e.reduce(((e,t)=>e+t.percentage),0);return Math.abs(t-100)>.01?{isValid:!1,message:"Invalid percentage total: Must equal 100"}:{isValid:!0,message:""}})(l),D=s.useMemo((()=>l.map(((e,t)=>({label:e.label,value:e.value.toString(),color:S.colors[t%S.colors.length]})))),[l,S.colors]);if(o.useChartRegistration(y,D,S,"pie",H,{thickness:w,gapScale:V,cornerScale:A}),!H)return e.jsx("div",{className:a("pie-chart",m["pie-chart"],v),children:e.jsx("div",{className:m["error-message"],children:$})});const E=b,O=b,G=Math.min(E,O)/2,Y=E/2,F=O/2+(x&&"top"===q?T/2:0),J=V*(2*Math.PI/l.length),K=G-N,Q=0===w?0:K*(1-w),U=(K-Q)/2,W=A?Math.min(A*K,U):0,X=l.map(((e,t)=>({...e,index:t}))),Z={value:e=>e.value,fill:e=>e?.color||S.colors[e.index]};return e.jsxs("div",{className:a("pie-chart",m["pie-chart"],v),style:{display:"flex",flexDirection:x&&"top"===q?"column-reverse":"column"},children:[e.jsx("svg",{viewBox:`0 0 ${b} ${b}`,preserveAspectRatio:"xMidYMid meet",width:b,height:b,children:e.jsxs(t.Group,{top:F,left:Y,children:[e.jsx(r.Pie,{data:X,pieValue:Z.value,outerRadius:K,innerRadius:Q,padAngle:J,cornerRadius:W,children:t=>t.arcs.map(((r,a)=>{const[s,i]=t.path.centroid(r),l=r.endAngle-r.startAngle>=.25,o=e=>k(e,r.data),n={d:t.path(r)||"",fill:Z.fill(r.data)};return g&&(n.onMouseMove=o,n.onMouseLeave=B),e.jsxs("g",{children:[e.jsx("path",{...n}),l&&e.jsx("text",{x:s,y:i,dy:".33em",fill:S.labelBackgroundColor||d.defaultTheme.labelBackgroundColor,fontSize:12,textAnchor:"middle",pointerEvents:"none",children:r.data.label})]},`arc-${a}`)}))}),C]})}),x&&e.jsx(c.BaseLegend,{items:D,orientation:j,alignmentHorizontal:f,alignmentVertical:q,className:m["pie-chart-legend"],shape:M,ref:R}),g&&I&&L&&e.jsx(p.BaseTooltip,{data:L,top:P||0,left:z||0,style:{transform:"translate(-50%, -100%)"}})]})},v=t=>e.jsx(l.ChartProvider,{children:e.jsx(g,{...t})});v.displayName="PieChart";var x=u.withResponsive(v);module.exports=x;
|
|
2
2
|
//# sourceMappingURL=pie-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie-chart.js","sources":["/@automattic/charts/../../../../src/components/pie-chart/pie-chart.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"pie-chart.js","sources":["/@automattic/charts/../../../../src/components/pie-chart/pie-chart.tsx"],"sourcesContent":[null],"names":["PieChartInternal","data","chartId","providedChartId","withTooltips","className","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","size","thickness","padding","gapScale","cornerScale","children","providerTheme","useChartTheme","useChartId","legendRef","legendHeight","useElementHeight","onMouseMove","onMouseLeave","tooltipOpen","tooltipData","tooltipLeft","tooltipTop","useChartMouseHandler","isValid","message","length","some","item","percentage","value","totalPercentage","reduce","sum","Math","abs","validateData","legendItems","useMemo","map","index","label","toString","color","colors","useChartRegistration","_jsx","jsx","clsx","styles","width","height","radius","min","centerX","centerY","padAngle","PI","outerRadius","innerRadius","maxCornerRadius","cornerRadius","dataWithIndex","d","accessors","fill","_jsxs","style","display","flexDirection","viewBox","preserveAspectRatio","Group","top","left","Pie","pieValue","pie","arcs","arc","centroidX","centroidY","path","centroid","hasSpaceForLabel","endAngle","startAngle","handleMouseMove","event","pathProps","jsxs","x","y","dy","labelBackgroundColor","defaultTheme","fontSize","textAnchor","pointerEvents","Legend","items","orientation","alignmentHorizontal","alignmentVertical","shape","ref","BaseTooltip","transform","PieChart","props","ChartProvider","displayName","withResponsive"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@visx/event"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@visx/event"),i=require("@visx/group"),a=require("@visx/shape"),l=require("@visx/text"),s=require("@visx/tooltip"),r=require("clsx"),o=require("react"),c=require("../../providers/chart-context/chart-context.js"),n=require("../../providers/chart-context/utils.js"),d=require("../../providers/theme/theme-provider.js"),h=require("../legend/base-legend.js"),p=require("../shared/use-element-height.js"),u=require("../shared/with-responsive.js"),m=require("../tooltip/base-tooltip.js"),v=require("./pie-semi-circle-chart.module.scss.js");const x=({data:c,chartId:u,width:x=400,thickness:g=.4,clockwise:j=!0,withTooltips:q=!1,showLegend:b=!1,legendOrientation:f="horizontal",legendAlignmentHorizontal:w="center",legendAlignmentVertical:M="bottom",legendShape:y="circle",label:A,note:N,className:T})=>{const C=d.useChartTheme(),I=n.useChartId(u),[P,V]=p.useElementHeight(),{tooltipOpen:k,tooltipLeft:D,tooltipTop:L,tooltipData:R,hideTooltip:S,showTooltip:z}=s.useTooltip(),B=o.useCallback(((e,i)=>{const a=t.localPoint(e);a&&z({tooltipData:i.data,tooltipLeft:a.x,tooltipTop:a.y-10})}),[z]),H=o.useCallback((()=>{S()}),[S]),G=o.useCallback((e=>t=>{B(t,e)}),[B]),{isValid:O,message:$}=(e=>e.length?e.some((e=>e.percentage<0||e.value<0))?{isValid:!1,message:"Invalid data: Negative values are not allowed"}:e.reduce(((e,t)=>e+t.percentage),0)<=0?{isValid:!1,message:"Invalid percentage total: Must be greater than 0"}:{isValid:!0,message:""}:{isValid:!1,message:"No data available"})(c),E=o.useMemo((()=>({value:e=>e.value,sort:(e,t)=>t.value-e.value,fill:e=>e.color||C.colors[e.index%C.colors.length]})),[C.colors]),F=o.useMemo((()=>c.map(((e,t)=>({label:e.label,value:e.valueDisplay||e.value.toString(),color:E.fill({...e,index:t})})))),[c,E]);if(n.useChartRegistration(I,F,C,"pie-semi-circle",O,{thickness:g,clockwise:j}),!O)return e.jsx("div",{className:v["pie-semi-circle-chart"],children:e.jsx("svg",{width:x,height:x/2,"data-testid":"pie-chart-svg",children:e.jsx("text",{x:"50%",y:"50%",textAnchor:"middle",className:v.error,children:$})})});const J=x/2,K=.03,Q=x-.06,U=J-K,W=Math.min(Q,2*U)/2,X=W*(1-g+K),Y=c.map(((e,t)=>({...e,index:t}))),Z=j?-Math.PI/2:Math.PI/2,_=j?Math.PI/2:-Math.PI/2;return e.jsxs("div",{className:r("pie-semi-circle-chart",v["pie-semi-circle-chart"],T),"data-testid":"pie-chart-container",style:{display:"flex",flexDirection:b&&"top"===M?"column-reverse":"column"},children:[e.jsx("svg",{width:x,height:J+(b&&"top"===M?V+20:0),viewBox:`0 0 ${x} ${J+(b&&"top"===M?V+20:0)}`,"data-testid":"pie-chart-svg",children:e.jsxs(i.Group,{top:W+(b&&"top"===M?V+20:0),left:W,children:[e.jsx(a.Pie,{data:Y,pieValue:E.value,outerRadius:W,innerRadius:X,cornerRadius:3,padAngle:K,startAngle:Z,endAngle:_,pieSort:E.sort,children:t=>t.arcs.map((i=>e.jsx("g",{onMouseMove:G(i),onMouseLeave:H,children:e.jsx("path",{d:t.path(i)||"",fill:E.fill(i.data),"data-testid":"pie-segment"})},i.data.label)))}),e.jsxs(i.Group,{children:[e.jsx(l.Text,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:v.label,children:A}),e.jsx(l.Text,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:v.note,children:N})]})]})}),q&&k&&R&&e.jsx(m.BaseTooltip,{data:{label:R.label,value:R.value,valueDisplay:R.valueDisplay},top:L||0,left:D||0}),b&&e.jsx(h.BaseLegend,{items:F,orientation:f,alignmentHorizontal:w,alignmentVertical:M,className:v["pie-semi-circle-chart-legend"],shape:y,ref:P})]})},g=t=>e.jsx(c.ChartProvider,{children:e.jsx(x,{...t})});g.displayName="PieSemiCircleChart";var j=u.withResponsive(g);module.exports=j;
|
|
2
2
|
//# sourceMappingURL=pie-semi-circle-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie-semi-circle-chart.js","sources":["/@automattic/charts/../../../../src/components/pie-semi-circle-chart/pie-semi-circle-chart.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"pie-semi-circle-chart.js","sources":["/@automattic/charts/../../../../src/components/pie-semi-circle-chart/pie-semi-circle-chart.tsx"],"sourcesContent":[null],"names":["PieSemiCircleChartInternal","data","chartId","providedChartId","width","thickness","clockwise","withTooltips","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","label","note","className","providerTheme","useChartTheme","useChartId","legendRef","legendHeight","useElementHeight","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","handleMouseMove","useCallback","event","arc","coords","localPoint","x","y","handleMouseLeave","handleArcMouseMove","isValid","message","length","some","item","percentage","value","reduce","sum","validateData","accessors","useMemo","d","sort","a","b","fill","color","colors","index","legendItems","map","valueDisplay","toString","useChartRegistration","_jsx","styles","children","height","jsx","textAnchor","error","pad","chartWidth","chartHeight","radius","Math","min","innerRadius","dataWithIndex","startAngle","PI","endAngle","_jsxs","jsxs","clsx","style","display","flexDirection","viewBox","Group","top","left","Pie","pieValue","outerRadius","cornerRadius","padAngle","pieSort","pie","arcs","onMouseMove","onMouseLeave","path","Text","verticalAnchor","BaseTooltip","Legend","items","orientation","alignmentHorizontal","alignmentVertical","shape","ref","PieSemiCircleChart","props","ChartProvider","displayName","withResponsive"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var t=require("react"),e=require("./date-parsing.js");exports.useChartDataTransform=a=>t.useMemo(()=>{const t=a?.[0]?.data?.[0];return t&&("date"in t||"dateString"in t)?a.map(t=>({...t,data:t.data.map(t=>{let a;return"date"in t&&t.date?a=t.date:"dateString"in t&&t.dateString&&(a=e.parseAsLocalDate(t.dateString)),{...t,date:a}}).sort((t,e)=>t.date&&e.date?t.date.getTime()-e.date.getTime():0)})):a},[a]);
|
|
1
|
+
"use strict";var t=require("react"),e=require("./date-parsing.js");exports.useChartDataTransform=a=>t.useMemo((()=>{const t=a?.[0]?.data?.[0];return t&&("date"in t||"dateString"in t)?a.map((t=>({...t,data:t.data.map((t=>{let a;return"date"in t&&t.date?a=t.date:"dateString"in t&&t.dateString&&(a=e.parseAsLocalDate(t.dateString)),{...t,date:a}})).sort(((t,e)=>t.date&&e.date?t.date.getTime()-e.date.getTime():0))}))):a}),[a]);
|
|
2
2
|
//# sourceMappingURL=use-chart-data-transform.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-chart-data-transform.js","sources":["/@automattic/charts/../../../../src/components/shared/use-chart-data-transform.ts"],"sourcesContent":[null],"names":["data","useMemo","firstPoint","map","series","point","date","dateString","parseAsLocalDate","sort","a","b","getTime"],"mappings":"iGAgBuCA,GAC/BC,EAAOA,
|
|
1
|
+
{"version":3,"file":"use-chart-data-transform.js","sources":["/@automattic/charts/../../../../src/components/shared/use-chart-data-transform.ts"],"sourcesContent":[null],"names":["data","useMemo","firstPoint","map","series","point","date","dateString","parseAsLocalDate","sort","a","b","getTime"],"mappings":"iGAgBuCA,GAC/BC,EAAOA,SAAE,KAEf,MAAMC,EAAaF,IAAQ,IAAKA,OAAQ,GAIxC,OAH0BE,IAAgB,SAAUA,GAAc,eAAgBA,GAQ3EF,EAAKG,KAAKC,IAAY,IACzBA,EACHJ,KAAMI,EAAOJ,KACXG,KAAKE,IACL,IAAIC,EAQJ,MANK,SAAUD,GAASA,EAAMC,KAC7BA,EAAOD,EAAMC,KACF,eAAgBD,GAASA,EAAME,aAC1CD,EAAOE,EAAgBA,iBAAEH,EAAME,aAGzB,IACHF,EACHC,WAGDG,MAAM,CAAEC,EAAGC,IACJD,EAAEJ,MAAUK,EAAEL,KACdI,EAAEJ,KAAKM,UAAYD,EAAEL,KAAKM,UADE,QAtB9BZ,IA0BN,CAAEA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var t=require("@visx/scale"),e=require("react"),a=require("./utils.js");exports.useChartMargin=(i,r,s,o,n=!1)=>{const c=e.useMemo(()=>{const e=s.flatMap(t=>t.data);if(n)return e.map(t=>t.label||r.axis?.y?.tickFormat(t.date.getTime(),0,[]));const a=Math.min(...e.map(t=>t.value)),o=Math.max(...e.map(t=>t.value)),c=t.createScale({...r.yScale,domain:[a,o],range:[i,0]});return t.getTicks(c,r.axis?.y?.numTicks)},[r,s,i,n]);return e.useMemo(()=>{const t={top:10,right:20,bottom:20,left:20},e=r.axis?.y?.orientation,i="right"===e?o.axisStyles.y.right:o.axisStyles.y.left,s=(a.getLongestTickWidth(c,r.axis?.y?.tickFormat,i.axisLabel)??40)+(i?.tickLength??0);return"right"===e?t.right=s:t.left=s,"top"===r.axis?.x?.orientation&&(t.top=20,t.bottom=10),t},[r,o,c])};
|
|
1
|
+
"use strict";var t=require("@visx/scale"),e=require("react"),a=require("./utils.js");exports.useChartMargin=(i,r,s,o,n=!1)=>{const c=e.useMemo((()=>{const e=s.flatMap((t=>t.data));if(n)return e.map((t=>t.label||r.axis?.y?.tickFormat(t.date.getTime(),0,[])));const a=Math.min(...e.map((t=>t.value))),o=Math.max(...e.map((t=>t.value))),c=t.createScale({...r.yScale,domain:[a,o],range:[i,0]});return t.getTicks(c,r.axis?.y?.numTicks)}),[r,s,i,n]);return e.useMemo((()=>{const t={top:10,right:20,bottom:20,left:20},e=r.axis?.y?.orientation,i="right"===e?o.axisStyles.y.right:o.axisStyles.y.left,s=(a.getLongestTickWidth(c,r.axis?.y?.tickFormat,i.axisLabel)??40)+(i?.tickLength??0);return"right"===e?t.right=s:t.left=s,"top"===r.axis?.x?.orientation&&(t.top=20,t.bottom=10),t}),[r,o,c])};
|
|
2
2
|
//# sourceMappingURL=use-chart-margin.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-chart-margin.js","sources":["/@automattic/charts/../../../../src/components/shared/use-chart-margin.tsx"],"sourcesContent":[null],"names":["height","options","data","theme","horizontal","yTicks","useMemo","allDataPoints","flatMap","series","map","d","label","axis","y","tickFormat","date","getTime","minY","Math","min","value","maxY","max","yScale","createScale","domain","range","getTicks","numTicks","defaultMargin","top","right","bottom","left","yAxisOrientation","orientation","yAxisStyles","axisStyles","yMarginValue","getLongestTickWidth","axisLabel","tickLength","x"],"mappings":"4GAM8B,CAC7BA,EACAC,EACAC,EACAC,EACAC,GAAsB,KAEtB,MAAMC,EAASC,EAAAA,
|
|
1
|
+
{"version":3,"file":"use-chart-margin.js","sources":["/@automattic/charts/../../../../src/components/shared/use-chart-margin.tsx"],"sourcesContent":[null],"names":["height","options","data","theme","horizontal","yTicks","useMemo","allDataPoints","flatMap","series","map","d","label","axis","y","tickFormat","date","getTime","minY","Math","min","value","maxY","max","yScale","createScale","domain","range","getTicks","numTicks","defaultMargin","top","right","bottom","left","yAxisOrientation","orientation","yAxisStyles","axisStyles","yMarginValue","getLongestTickWidth","axisLabel","tickLength","x"],"mappings":"4GAM8B,CAC7BA,EACAC,EACAC,EACAC,EACAC,GAAsB,KAEtB,MAAMC,EAASC,EAAAA,SAAS,KACvB,MAAMC,EAAgBL,EAAKM,SAASC,GAAUA,EAAOP,OAErD,GAAKE,EAEJ,OAAOG,EAAcG,KACpBC,GAAKA,EAAEC,OAASX,EAAQY,MAAMC,GAAGC,WAAYJ,EAAEK,KAAKC,UAAW,EAAG,MAIpE,MAAMC,EAAOC,KAAKC,OAAQb,EAAcG,KAAKC,GAAKA,EAAEU,SAC9CC,EAAOH,KAAKI,OAAQhB,EAAcG,KAAKC,GAAKA,EAAEU,SAC9CG,EAASC,EAAAA,YAAa,IACxBxB,EAAQuB,OACXE,OAAQ,CAAER,EAAMI,GAChBK,MAAO,CAAE3B,EAAQ,KAGlB,OAAO4B,EAAAA,SAAUJ,EAAQvB,EAAQY,MAAMC,GAAGe,YACxC,CAAE5B,EAASC,EAAMF,EAAQI,IAE5B,OAAOE,EAAOA,SAAE,KAEf,MAAMwB,EAAgB,CAAEC,IAAK,GAAIC,MAAO,GAAIC,OAAQ,GAAIC,KAAM,IAIxDC,EAAmBlC,EAAQY,MAAMC,GAAGsB,YACpCC,EACgB,UAArBF,EAA+BhC,EAAMmC,WAAWxB,EAAEkB,MAAQ7B,EAAMmC,WAAWxB,EAAEoB,KAMxEK,GALaC,sBAClBnC,EACAJ,EAAQY,MAAMC,GAAGC,WACjBsB,EAAYI,YATY,KAWmCJ,GAAaK,YAAc,GAavF,MAX0B,UAArBP,EACJL,EAAcE,MAAQO,EAEtBT,EAAcI,KAAOK,EAGgB,QAAjCtC,EAAQY,MAAM8B,GAAGP,cACrBN,EAAcC,IAAM,GACpBD,EAAcG,OAAS,IAGjBH,IACL,CAAE7B,EAASE,EAAOE"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react");exports.useElementHeight=function({initialHeight:t=0}={}){const[n,r]=e.useState(t),i=e.useRef(null);return[e.useCallback(e=>{if(i.current&&(i.current.disconnect(),i.current=null),e){const t=()=>{r(e.getBoundingClientRect().height||0)};t();const n=new window.ResizeObserver(t);n.observe(e),i.current=n}},[]),n]};
|
|
1
|
+
"use strict";var e=require("react");exports.useElementHeight=function({initialHeight:t=0}={}){const[n,r]=e.useState(t),i=e.useRef(null);return[e.useCallback((e=>{if(i.current&&(i.current.disconnect(),i.current=null),e){const t=()=>{r(e.getBoundingClientRect().height||0)};t();const n=new window.ResizeObserver(t);n.observe(e),i.current=n}}),[]),n]};
|
|
2
2
|
//# sourceMappingURL=use-element-height.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-element-height.js","sources":["/@automattic/charts/../../../../src/components/shared/use-element-height.ts"],"sourcesContent":[null],"names":["initialHeight","height","setHeight","useState","observerRef","useRef","useCallback","node","current","disconnect","handleResize","getBoundingClientRect","resizeObserver","window","ResizeObserver","observe"],"mappings":"6DAWM,UAAsEA,cAC3EA,EAAgB,GAGb,CAAA,GACH,MAAQC,EAAQC,GAAcC,EAAQA,SAAEH,GAClCI,EAAcC,SAAiC,MAkBrD,MAAO,CAhBaC,
|
|
1
|
+
{"version":3,"file":"use-element-height.js","sources":["/@automattic/charts/../../../../src/components/shared/use-element-height.ts"],"sourcesContent":[null],"names":["initialHeight","height","setHeight","useState","observerRef","useRef","useCallback","node","current","disconnect","handleResize","getBoundingClientRect","resizeObserver","window","ResizeObserver","observe"],"mappings":"6DAWM,UAAsEA,cAC3EA,EAAgB,GAGb,CAAA,GACH,MAAQC,EAAQC,GAAcC,EAAQA,SAAEH,GAClCI,EAAcC,SAAiC,MAkBrD,MAAO,CAhBaC,eAAeC,IAKlC,GAJKH,EAAYI,UAChBJ,EAAYI,QAAQC,aACpBL,EAAYI,QAAU,MAElBD,EAAO,CACX,MAAMG,EAAe,KACpBR,EAAWK,EAAKI,wBAAwBV,QAAU,IAEnDS,IACA,MAAME,EAAiB,IAAIC,OAAOC,eAAgBJ,GAClDE,EAAeG,QAASR,GACxBH,EAAYI,QAAUI,CACtB,IACC,IAEmBX,EACvB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var t=require("@visx/text");exports.getLongestTickWidth=(e,r,i)=>{const g=e.map(t=>r(t,0,[])),n=g.reduce((t,e)=>t.length>=e.length?t:e,g[0]);return t.getStringWidth(n,i)};
|
|
1
|
+
"use strict";var t=require("@visx/text");exports.getLongestTickWidth=(e,r,i)=>{const g=e.map((t=>r(t,0,[]))),n=g.reduce(((t,e)=>t.length>=e.length?t:e),g[0]);return t.getStringWidth(n,i)};
|
|
2
2
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["/@automattic/charts/../../../../src/components/shared/utils.ts"],"sourcesContent":[null],"names":["ticks","formatTick","labelStyle","formattedTicks","map","tick","longestTick","reduce","longest","current","length","getStringWidth"],"mappings":"qEAYmC,CAClCA,EACAC,EACAC,KAEA,MAAMC,EAAiBH,EAAMI,
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["/@automattic/charts/../../../../src/components/shared/utils.ts"],"sourcesContent":[null],"names":["ticks","formatTick","labelStyle","formattedTicks","map","tick","longestTick","reduce","longest","current","length","getStringWidth"],"mappings":"qEAYmC,CAClCA,EACAC,EACAC,KAEA,MAAMC,EAAiBH,EAAMI,KAAKC,GAAQJ,EAAYI,EAAM,EAAG,MACzDC,EAAcH,EAAeI,QAClC,CAAEC,EAASC,IAAeD,EAAQE,QAAUD,EAAQC,OAASF,EAAUC,GACvEN,EAAgB,IAGjB,OAAOQ,EAAcA,eAAEL,EAAaJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var o=require("@visx/event"),t=require("@visx/tooltip"),e=require("react");module.exports=({withTooltips:i})=>{const{tooltipOpen:l,tooltipLeft:p,tooltipTop:a,tooltipData:r,hideTooltip:s,showTooltip:u}=t.useTooltip();return{onMouseMove:e.useCallback((t,e)=>{if(!i)return;const l=o.localPoint(t);l&&u({tooltipData:e,tooltipLeft:l.x,tooltipTop:l.y-10})},[i,u]),onMouseLeave:e.useCallback(()=>{i&&s()},[i,s]),tooltipOpen:l,tooltipData:r||null,tooltipLeft:p,tooltipTop:a}};
|
|
1
|
+
"use strict";var o=require("@visx/event"),t=require("@visx/tooltip"),e=require("react");module.exports=({withTooltips:i})=>{const{tooltipOpen:l,tooltipLeft:p,tooltipTop:a,tooltipData:r,hideTooltip:s,showTooltip:u}=t.useTooltip();return{onMouseMove:e.useCallback(((t,e)=>{if(!i)return;const l=o.localPoint(t);l&&u({tooltipData:e,tooltipLeft:l.x,tooltipTop:l.y-10})}),[i,u]),onMouseLeave:e.useCallback((()=>{i&&s()}),[i,s]),tooltipOpen:l,tooltipData:r||null,tooltipLeft:p,tooltipTop:a}};
|
|
2
2
|
//# sourceMappingURL=use-chart-mouse-handler.js.map
|