@automattic/charts 0.16.1 → 0.16.2
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 +5 -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/theme/theme-provider.js +1 -1
- package/dist/cjs/providers/theme/theme-provider.js.map +1 -1
- 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/theme/theme-provider.js +1 -1
- package/dist/mjs/providers/theme/theme-provider.js.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,10 @@ 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.16.2] - 2025-07-08
|
|
9
|
+
### Changed
|
|
10
|
+
- Update package dependencies. [#44217]
|
|
11
|
+
|
|
8
12
|
## [0.16.1] - 2025-07-03
|
|
9
13
|
### Changed
|
|
10
14
|
- Update package dependencies. [#44151]
|
|
@@ -274,6 +278,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
274
278
|
- Fixed lints following ESLint rule changes for TS [#40584]
|
|
275
279
|
- Fixing a bug in Chart storybook data. [#40640]
|
|
276
280
|
|
|
281
|
+
[0.16.2]: https://github.com/Automattic/charts/compare/v0.16.1...v0.16.2
|
|
277
282
|
[0.16.1]: https://github.com/Automattic/charts/compare/v0.16.0...v0.16.1
|
|
278
283
|
[0.16.0]: https://github.com/Automattic/charts/compare/v0.15.0...v0.16.0
|
|
279
284
|
[0.15.0]: https://github.com/Automattic/charts/compare/v0.14.0...v0.15.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"),l=require("../legend/base-legend.js"),n=require("../shared/use-chart-data-transform.js"),o=require("../shared/use-chart-margin.js"),c=require("../shared/use-element-height.js"),h=require("../shared/with-responsive.js"),d=require("./bar-chart.module.scss.js"),u=require("./use-bar-chart-options.js");const m=(e,t)=>`bar-pattern-${e}-${t}`;var p=h.withResponsive((
|
|
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"),l=require("../legend/base-legend.js"),n=require("../shared/use-chart-data-transform.js"),o=require("../shared/use-chart-margin.js"),c=require("../shared/use-element-height.js"),h=require("../shared/with-responsive.js"),d=require("./bar-chart.module.scss.js"),u=require("./use-bar-chart-options.js");const m=(e,t)=>`bar-pattern-${e}-${t}`;var p=h.withResponsive(({data:h,width:p,height:x=400,className:g,margin:b,withTooltips:j=!1,showLegend:v=!1,legendOrientation:w="horizontal",legendAlignmentHorizontal:y="center",legendAlignmentVertical:N="bottom",legendShape:k="rect",gridVisibility:q,renderTooltip:T,options:_={},orientation:C="vertical",withPatterns:f=!1})=>{const A="horizontal"===C,S=s.useId(),D=i.useXYChartTheme(h),z=n.useChartDataTransform(h),B=u.useBarChartOptions(z,A,_),P=o.useChartMargin(x,B,z,D,A),[$,H]=c.useElementHeight(),V=s.useCallback((e,t)=>e?.options?.stroke||D.colors[t%D.colors.length],[D]),G=s.useCallback(e=>()=>f?`url(#${m(S,e)})`:V(z[e],e),[f,V,z,S]),L=s.useCallback(({tooltipData:t})=>{const a=t?.nearestDatum?.datum;return a?e.jsxs("div",{className:d["bar-chart__tooltip"],children:[e.jsx("div",{className:d["bar-chart__tooltip-header"],children:t?.nearestDatum?.key}),e.jsxs("div",{className:d["bar-chart__tooltip-row"],children:[e.jsxs("span",{className:d["bar-chart__tooltip-label"],children:[B.tooltip.labelFormatter(a.label||(a.date?a.date.getTime():0),0,[]),":"]}),e.jsx("span",{className:d["bar-chart__tooltip-value"],children:a.value})]})]}):null},[B.tooltip]),X=s.useCallback((a,r)=>{const s=a%4,i=m(S,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)}},[S]),Y=s.useCallback((e,t)=>`\n\t\t\t.visx-bar[fill="url(#${m(S,e)})"] {\n\t\t\t\tstroke: ${t};\n\t\t\t\tstroke-width: 1;\n\t\t\t\t}\n\t\t\t`,[S]),E=(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")(z);if(E)return e.jsx("div",{className:r("bar-chart",d["bar-chart"]),children:E});const F=z.map((e,t)=>({label:e.label,value:"",color:V(e,t),shapeStyle:e?.options?.legendShapeStyle})),I=q??B.gridVisibility;return e.jsxs("div",{className:r("bar-chart",d["bar-chart"],g),"data-testid":"bar-chart",role:"img","aria-label":"bar chart",style:{width:p,height:x,display:"flex",flexDirection:v&&"top"===N?"column-reverse":"column"},children:[e.jsxs(a.XYChart,{theme:D,width:p,height:x-(v?H:0),margin:{...P,...b,...v&&"top"===N?{top:(P.top||0)+H}:{}},xScale:B.xScale,yScale:B.yScale,horizontal:A,pointerEventsDataKey:"nearest",children:[e.jsx(a.Grid,{columns:I.includes("y"),rows:I.includes("x"),numTicks:4}),f&&e.jsxs(e.Fragment,{children:[e.jsx("defs",{"data-testid":"bar-chart-patterns",children:z.map((e,t)=>X(t,V(e,t)))}),e.jsx("style",{children:z.map((e,t)=>Y(t,V(e,t)))})]}),e.jsx(a.BarGroup,{padding:B.barGroup.padding,children:z.map((t,r)=>e.jsx(a.BarSeries,{dataKey:t?.label,data:t.data,yAccessor:B.accessors.yAccessor,xAccessor:B.accessors.xAccessor,colorAccessor:G(r)},t?.label))}),e.jsx(a.Axis,{...B.axis.x}),e.jsx(a.Axis,{...B.axis.y}),j&&e.jsx(a.Tooltip,{detectBounds:!0,snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,renderTooltip:T||L})]}),v&&e.jsx(l.BaseLegend,{items:F,orientation:w,alignmentHorizontal:y,alignmentVertical:N,className:d["bar-chart__legend"],shape:k,ref:$})]})});module.exports=p;
|
|
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","withResponsive","data","width","height","className","margin","withTooltips","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","gridVisibility","gridVisibilityProp","renderTooltip","options","orientation","withPatterns","horizontal","useId","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","clsx","legendItems","map","group","shapeStyle","legendShapeStyle","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"],"mappings":"2eAuBA,MAkBMA,EAAe,CAAEC,EAAiBC,IAAmB,eAAgBD,KAAaC,IAqOxF,IAAeC,EAAAA,EAAAA,
|
|
1
|
+
{"version":3,"file":"bar-chart.js","sources":["/@automattic/charts/../../../../src/components/bar-chart/bar-chart.tsx"],"sourcesContent":[null],"names":["getPatternId","chartId","index","withResponsive","data","width","height","className","margin","withTooltips","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","gridVisibility","gridVisibilityProp","renderTooltip","options","orientation","withPatterns","horizontal","useId","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","clsx","legendItems","map","group","shapeStyle","legendShapeStyle","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"],"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((
|
|
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,QAAS,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,KAGR,CAAEL,IAEL,OAAOI,EAAOA,QAAE,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,GA6GtB,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((
|
|
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((
|
|
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,WACzB,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,IAAKC,GAAQA,EAAKC,OAChCC,MAAOhC,EAAM6B,IAAKC,GAAQA,EAAKG,SAE1BL,EAASF,EAAYE,SAErBM,EAAgBC,EAAAA,YACrB,EAAIC,WACIpC,EAAOoC,IAASC,YAAcb,EAAMc,oBAAqBF,IAAW,GAE5E,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,IAAK,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,KAAM1C,GAAQA,EAAKC,QAAUA,EAAM+B,OAAQW,OAClDlC,MAAA,OAAA,CAAMtC,UAAY8C,EAAQ,qBACvBJ,SAAA3C,EAAMwE,KAAM1C,GAAQA,EAAKC,QAAUA,EAAM+B,OAAQW,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((
|
|
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"),a=require("@automattic/number-formatters"),r=require("@visx/curve"),i=require("@visx/gradient"),o=require("@visx/xychart"),l=require("clsx"),n=require("../../providers/theme/theme-provider.js"),s=require("../legend/base-legend.js"),c=require("../shared/default-glyph.js"),d=require("../shared/use-chart-data-transform.js"),u=require("../shared/use-chart-margin.js"),h=require("../shared/use-element-height.js"),p=require("../shared/with-responsive.js"),m=require("./line-chart-annotation.js"),y=require("./line-chart.module.scss.js");const x=e=>t.createElement(c.DefaultGlyph,{...e,key:e.key}),g=e=>{const t="number"==typeof e?e:parseFloat(e);return isNaN(t)?void 0:t},v=({data:e,index:a,color:r,glyphStyle:i,renderGlyph:l,accessors:n})=>{const{xScale:s,yScale:c}=t.useContext(o.DataContext)||{};if(!s||!c)return null;if(0===e.data.length)return null;const d=e.data[0],u=s(n.xAccessor(d)),h=c(n.yAccessor(d));if("number"!=typeof u||"number"!=typeof h)return null;const p=Math.max(0,g(i?.radius)??4);return l({key:`start-glyph-${e.label}`,index:a,datum:d,color:r,size:p,x:u,y:h,glyphStyle:i})},f=(e,t)=>{if(!e)return t?r.curveCatmullRom:r.curveLinear;switch(e){case"smooth":return r.curveCatmullRom;case"monotone":return r.curveMonotoneX;default:return r.curveLinear}},j=t=>{const{tooltipData:a}=t,r=a?.nearestDatum?.datum;if(!r)return null;const i=Object.entries(a?.datumByKey||{}).map((
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("@automattic/number-formatters"),r=require("@visx/curve"),i=require("@visx/gradient"),o=require("@visx/xychart"),l=require("clsx"),n=require("../../providers/theme/theme-provider.js"),s=require("../legend/base-legend.js"),c=require("../shared/default-glyph.js"),d=require("../shared/use-chart-data-transform.js"),u=require("../shared/use-chart-margin.js"),h=require("../shared/use-element-height.js"),p=require("../shared/with-responsive.js"),m=require("./line-chart-annotation.js"),y=require("./line-chart.module.scss.js");const x=e=>t.createElement(c.DefaultGlyph,{...e,key:e.key}),g=e=>{const t="number"==typeof e?e:parseFloat(e);return isNaN(t)?void 0:t},v=({data:e,index:a,color:r,glyphStyle:i,renderGlyph:l,accessors:n})=>{const{xScale:s,yScale:c}=t.useContext(o.DataContext)||{};if(!s||!c)return null;if(0===e.data.length)return null;const d=e.data[0],u=s(n.xAccessor(d)),h=c(n.yAccessor(d));if("number"!=typeof u||"number"!=typeof h)return null;const p=Math.max(0,g(i?.radius)??4);return l({key:`start-glyph-${e.label}`,index:a,datum:d,color:r,size:p,x:u,y:h,glyphStyle:i})},f=(e,t)=>{if(!e)return t?r.curveCatmullRom:r.curveLinear;switch(e){case"smooth":return r.curveCatmullRom;case"monotone":return r.curveMonotoneX;default:return r.curveLinear}},j=t=>{const{tooltipData:a}=t,r=a?.nearestDatum?.datum;if(!r)return null;const i=Object.entries(a?.datumByKey||{}).map(([e,{datum:t}])=>({key:e,value:t.value})).sort((e,t)=>t.value-e.value);return e.jsxs("div",{className:y["line-chart__tooltip"],children:[e.jsx("div",{className:y["line-chart__tooltip-date"],children:r.date?.toLocaleDateString()}),i.map(t=>e.jsxs("div",{className:y["line-chart__tooltip-row"],children:[e.jsxs("span",{className:y["line-chart__tooltip-label"],children:[t.key,":"]}),e.jsx("span",{className:y["line-chart__tooltip-value"],children:t.value})]},t.key))]})},b=e=>new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"}),S=({series:e,selectedIndex:a})=>{const r=t.useContext(o.TooltipContext);return t.useEffect(()=>{e&&(void 0!==a?e.forEach((e,t)=>{if(a<e.data.length){const i=e.data[a];r?.showTooltip({datum:i,key:e.label,index:t})}}):r?.hideTooltip())},[a,e]),null};var k=p.withResponsive(({data:r,width:c,height:p,className:k,margin:w,withTooltips:T=!0,withTooltipCrosshairs:C,showLegend:N=!1,legendOrientation:q="horizontal",legendAlignmentHorizontal:D="center",legendAlignmentVertical:L="bottom",renderGlyph:A=x,glyphStyle:G={},legendShape:_="line",withLegendGlyph:M=!1,withGradientFill:$=!1,smoothing:P=!0,curveType:z,renderTooltip:I=j,withStartGlyphs:E=!1,options:F={},annotations:O,onPointerDown:R,onPointerUp:H,onPointerMove:B,onPointerOut:K})=>{const V=n.useChartTheme(),X=n.useXYChartTheme(r),Y=t.useId(),[U,J]=h.useElementHeight(),Q=t.useRef(null),[W,Z]=t.useState(void 0),[ee,te]=t.useState(!1),ae=t.useCallback(e=>{e&&void 0!==W&&e.focus()},[W]),re=d.useChartDataTransform(r),ie=t.useMemo(()=>({axis:{x:{orientation:"bottom",numTicks:Math.min(re[0]?.data.length,Math.ceil(c/100)),tickFormat:b,...F?.axis?.x},y:{orientation:"left",numTicks:4,tickFormat:a.formatNumberCompact,...F?.axis?.y}},xScale:{type:"time",...F?.xScale},yScale:{type:"linear",nice:!0,zero:!1,...F?.yScale}}),[F,re,c]),oe=t.useMemo(()=>e=>{const t=re.findIndex(t=>t.label===e.key||t.data.includes(e.datum)),a=V.glyphs?.[t];return a?a(e):A(e)},[re,V.glyphs,A]),le=u.useChartMargin(p,ie,re,X),ne=re.map((e,t)=>({label:e.label,value:"",color:e?.options?.stroke??V.colors[t%V.colors.length],shapeStyle:e?.options?.legendShapeStyle,renderGlyph:M?V.glyphs?.[t]??A:void 0,glyphSize:Math.max(0,g(G?.radius)??4)})),se={xAccessor:e=>e?.date,yAccessor:e=>e?.value},ce=t.useMemo(()=>t=>{const a=I(t);return void 0!==W?e.jsx("div",{ref:ae,tabIndex:-1,role:"tooltip","aria-atomic":"true",className:y["line-chart__tooltip--keyboard-focused"],"data-testid":`line-chart-tooltip-${W}`,children:a},`line-chart-tooltip-${W}`):e.jsx("div",{role:"tooltip","aria-live":"polite",children:a})},[I,W,ae]),de=t.useCallback(()=>{ee||void 0===W||Z(0)},[ee,W]),ue=t.useCallback(()=>{te(!1)},[]),he=t.useCallback(e=>{const t=re[0]?.data.length||0;if(0===t)return;if("Tab"===e.key)return Q.current?.focus(),Z(void 0),void te(!1);const a=void 0===W?-1:W;if(a+1>=t&&["ArrowRight"].includes(e.key))return Q.current?.focus(),Z(void 0),void te(!1);e.preventDefault(),["ArrowRight"].includes(e.key)?(te(!0),Z((a+1)%t)):["ArrowLeft"].includes(e.key)?(te(!0),Z((a-1+t)%t)):"Escape"===e.key&&(Z(void 0),te(!1),Q.current?.focus())},[re,W]),pe=(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")(re);return pe?e.jsx("div",{className:l("line-chart",y["line-chart"]),children:pe}):e.jsxs("div",{className:l("line-chart",y["line-chart"],k),"data-testid":"line-chart",role:"grid","aria-label":"line chart",style:{width:c,height:p,display:"flex",flexDirection:N&&"top"===L?"column-reverse":"column"},tabIndex:0,onKeyDown:he,onFocus:de,onBlur:ue,ref:Q,children:[e.jsxs(o.XYChart,{theme:X,width:c,height:p-(N?J:0),margin:{...le,...w,...N&&"top"===L?{top:(le.top||0)+J}:{}},xScale:ie.xScale,yScale:ie.yScale,onPointerDown:R,onPointerUp:H,onPointerMove:B,onPointerOut:K,pointerEventsDataKey:"nearest",children:[e.jsx(o.Grid,{columns:!1,numTicks:4}),e.jsx(o.Axis,{...ie.axis.x}),e.jsx(o.Axis,{...ie.axis.y}),re.map((t,a)=>{const r=t.options?.stroke??X.colors[a%X.colors.length],l=t.options?.seriesLineStyle??V?.seriesLineStyles?.[a%V.seriesLineStyles.length]??{};return e.jsxs("g",{children:[E&&e.jsx(v,{index:a,data:t,color:r,renderGlyph:V.glyphs?.[a]??A,accessors:se,glyphStyle:G}),$&&e.jsx(i.LinearGradient,{id:`area-gradient-${Y}-${a+1}`,from:r,fromOpacity:.4,toOpacity:.1,to:X.backgroundColor,...t.options?.gradient,"data-testid":"line-gradient"}),e.jsx(o.AreaSeries,{dataKey:t?.label,data:t.data,...se,fill:$?`url(#area-gradient-${Y}-${a+1})`:"transparent",renderLine:!0,curve:f(z,P),lineProps:l},t?.label)]},t?.label||a)}),T&&e.jsxs(e.Fragment,{children:[re&&e.jsx(S,{series:re,selectedIndex:void 0!==W?W:void 0}),e.jsx(o.Tooltip,{detectBounds:!0,snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:ce,renderGlyph:oe,glyphStyle:G,showVerticalCrosshair:C?.showVertical,showHorizontalCrosshair:C?.showHorizontal})]}),O?.length&&O.map(({datum:t,title:a,subtitle:r,subjectType:i,styles:o},l)=>t?e.jsx(m.default,{testId:`annotation-${l}`,datum:t,title:a,subtitle:r,subjectType:i,styles:o},`annotation-${t.date?.getTime()}-${t.value}`):null)]}),N&&e.jsx(s.BaseLegend,{items:ne,orientation:q,alignmentHorizontal:D,alignmentVertical:L,className:y["line-chart-legend"],shape:_,ref:U})]})});module.exports=k;
|
|
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":"ylBAgCA,MAMMA,EACLC,GAEOC,EAAAC,cAACC,EAAYA,aAAA,IAAMH,EAAQI,IAAMJ,EAAMI,MAGzCC,EAAaC,IAClB,MAAMC,EAAqB,iBAARD,EAAmBA,EAAME,WAAYF,GACxD,OAAOG,MAAOF,QAAQG,EAAYH,GAG7BI,EAUA,EAAIC,OAAMC,QAAOC,QAAOC,aAAYC,cAAaC,gBACtD,MAAMC,OAAEA,EAAMC,OAAEA,GAAWC,EAAAA,WAAYC,EAAAA,cAAiB,GACxD,IAAOH,IAAYC,EAAS,OAAO,KAEnC,GAA0B,IAArBP,EAAKA,KAAKU,OAAe,OAAO,KAErC,MAAMC,EAAaX,EAAKA,KAAM,GAExBY,EAAIN,EAAQD,EAAUQ,UAAWF,IACjCG,EAAIP,EAAQF,EAAUU,UAAWJ,IAEvC,GAAkB,iBAANC,GAA+B,iBAANE,EAAiB,OAAO,KAE7D,MAAME,EAAOC,KAAKC,IAAK,EAAGzB,EAAUU,GAAYgB,SAAY,GAE5D,OAAOf,EAAa,CACnBZ,IAAK,eAAgBQ,EAAKoB,QAC1BnB,QACAoB,MAAOV,EACPT,QACAc,OACAJ,IACAE,IACAX,gBAWImB,EAAe,CAAEC,EAAkBC,KAExC,IAAOD,EACN,OAAOC,EAAYC,EAAeA,gBAAGC,cAItC,OAASH,GACR,IAAK,SACJ,OAAOE,kBACR,IAAK,WACJ,OAAOE,iBAGR,QACC,OAAOD,gBAyBJE,EAAyBC,IAC9B,MAAMC,YAAEA,GAAgBD,EAClBE,EAAeD,GAAaC,cAAcV,MAChD,IAAOU,EAAe,OAAO,KAE7B,MAAMC,EAAgCC,OAAOC,QAASJ,GAAaK,YAAc,CAAA,GAC/EC,
|
|
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,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),a=require("@visx/group"),t=require("@visx/shape"),r=require("clsx"),s=require("../../hooks/use-chart-mouse-handler.js"),i=require("../../providers/theme/theme-provider.js"),l=require("../../providers/theme/themes.js"),o=require("../legend/base-legend.js"),n=require("../shared/use-element-height.js"),d=require("../shared/with-responsive.js"),c=require("../tooltip/base-tooltip.js"),h=require("./pie-chart.module.scss.js");const u=({data:d,withTooltips:u=!1,className:p,showLegend:m,legendOrientation:g,legendAlignmentHorizontal:v="center",legendAlignmentVertical:x="bottom",legendShape:j="circle",size:f,thickness:q=1,padding:M=20,gapScale:b=0,cornerScale:w=0,children:N=null})=>{const V=i.useChartTheme(),[A,y]=n.useElementHeight(),{onMouseMove:T,onMouseLeave:B,tooltipOpen:L,tooltipData:R,tooltipLeft:S,tooltipTop:k}=s({withTooltips:u}),{isValid:z,message:C}=(e=>{if(!e.length)return{isValid:!1,message:"No data available"};if(e.some(
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),a=require("@visx/group"),t=require("@visx/shape"),r=require("clsx"),s=require("../../hooks/use-chart-mouse-handler.js"),i=require("../../providers/theme/theme-provider.js"),l=require("../../providers/theme/themes.js"),o=require("../legend/base-legend.js"),n=require("../shared/use-element-height.js"),d=require("../shared/with-responsive.js"),c=require("../tooltip/base-tooltip.js"),h=require("./pie-chart.module.scss.js");const u=({data:d,withTooltips:u=!1,className:p,showLegend:m,legendOrientation:g,legendAlignmentHorizontal:v="center",legendAlignmentVertical:x="bottom",legendShape:j="circle",size:f,thickness:q=1,padding:M=20,gapScale:b=0,cornerScale:w=0,children:N=null})=>{const V=i.useChartTheme(),[A,y]=n.useElementHeight(),{onMouseMove:T,onMouseLeave:B,tooltipOpen:L,tooltipData:R,tooltipLeft:S,tooltipTop:k}=s({withTooltips:u}),{isValid:z,message:C}=(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 a=e.reduce((e,a)=>e+a.percentage,0);return Math.abs(a-100)>.01?{isValid:!1,message:"Invalid percentage total: Must equal 100"}:{isValid:!0,message:""}})(d);if(!z)return e.jsx("div",{className:r("pie-chart",h["pie-chart"],p),children:e.jsx("div",{className:h["error-message"],children:C})});const H=f,I=f,P=Math.min(H,I)/2,$=H/2,D=I/2+(m&&"top"===x?y/2:0),E=b*(2*Math.PI/d.length),O=P-M,G=0===q?0:O*(1-q),Y=(O-G)/2,F=w?Math.min(w*O,Y):0,J=d.map((e,a)=>({...e,index:a})),K={value:e=>e.value,fill:e=>e?.color||V.colors[e.index]},Q=d.map((e,a)=>({label:e.label,value:e.value.toString(),color:V.colors[a%V.colors.length]}));return e.jsxs("div",{className:r("pie-chart",h["pie-chart"],p),style:{display:"flex",flexDirection:m&&"top"===x?"column-reverse":"column"},children:[e.jsx("svg",{viewBox:`0 0 ${f} ${f}`,preserveAspectRatio:"xMidYMid meet",width:f,height:f,children:e.jsxs(a.Group,{top:D,left:$,children:[e.jsx(t.Pie,{data:J,pieValue:K.value,outerRadius:O,innerRadius:G,padAngle:E,cornerRadius:F,children:a=>a.arcs.map((t,r)=>{const[s,i]=a.path.centroid(t),o=t.endAngle-t.startAngle>=.25,n=e=>T(e,t.data),d={d:a.path(t)||"",fill:K.fill(t.data)};return u&&(d.onMouseMove=n,d.onMouseLeave=B),e.jsxs("g",{children:[e.jsx("path",{...d}),o&&e.jsx("text",{x:s,y:i,dy:".33em",fill:V.labelBackgroundColor||l.defaultTheme.labelBackgroundColor,fontSize:12,textAnchor:"middle",pointerEvents:"none",children:t.data.label})]},`arc-${r}`)})}),N]})}),m&&e.jsx(o.BaseLegend,{items:Q,orientation:g,alignmentHorizontal:v,alignmentVertical:x,className:h["pie-chart-legend"],shape:j,ref:A}),u&&L&&R&&e.jsx(c.BaseTooltip,{data:R,top:k||0,left:S||0,style:{transform:"translate(-50%, -100%)"}})]})};u.displayName="PieChart";var p=d.withResponsive(u);module.exports=p;
|
|
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":["PieChart","data","withTooltips","className","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","size","thickness","padding","gapScale","cornerScale","children","providerTheme","useChartTheme","legendRef","legendHeight","useElementHeight","onMouseMove","onMouseLeave","tooltipOpen","tooltipData","tooltipLeft","tooltipTop","useChartMouseHandler","isValid","message","length","some","item","percentage","value","totalPercentage","reduce","sum","Math","abs","validateData","_jsx","jsx","clsx","styles","width","height","radius","min","centerX","centerY","padAngle","PI","outerRadius","innerRadius","maxCornerRadius","cornerRadius","dataWithIndex","map","d","index","accessors","fill","color","colors","legendItems","label","toString","_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","displayName","withResponsive"],"mappings":"udAwDA,MA2BMA,EAAW,EAChBC,OACAC,gBAAe,EACfC,YACAC,aACAC,oBACAC,4BAA4B,SAC5BC,0BAA0B,SAC1BC,cAAc,SACdC,OACAC,YAAY,EACZC,UAAU,GACVC,WAAW,EACXC,cAAc,EACdC,WAAW,SAEX,MAAMC,EAAgBC,EAAAA,iBACdC,EAAWC,GAAiBC,EAAgBA,oBAC9CC,YAAEA,EAAWC,aAAEA,EAAYC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,GACzEC,EAAsB,CACrBxB,kBAGIyB,QAAEA,EAAOC,QAAEA,GAlDG,CAAE3B,IACtB,IAAOA,EAAK4B,OACX,MAAO,CAAEF,SAAS,EAAOC,QAAS,qBAKnC,GAD0B3B,EAAK6B,
|
|
1
|
+
{"version":3,"file":"pie-chart.js","sources":["/@automattic/charts/../../../../src/components/pie-chart/pie-chart.tsx"],"sourcesContent":[null],"names":["PieChart","data","withTooltips","className","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","size","thickness","padding","gapScale","cornerScale","children","providerTheme","useChartTheme","legendRef","legendHeight","useElementHeight","onMouseMove","onMouseLeave","tooltipOpen","tooltipData","tooltipLeft","tooltipTop","useChartMouseHandler","isValid","message","length","some","item","percentage","value","totalPercentage","reduce","sum","Math","abs","validateData","_jsx","jsx","clsx","styles","width","height","radius","min","centerX","centerY","padAngle","PI","outerRadius","innerRadius","maxCornerRadius","cornerRadius","dataWithIndex","map","d","index","accessors","fill","color","colors","legendItems","label","toString","_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","displayName","withResponsive"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@visx/event"),a=require("@visx/group"),i=require("@visx/shape"),l=require("@visx/text"),s=require("@visx/tooltip"),r=require("clsx"),o=require("react"),n=require("../../providers/theme/theme-provider.js"),c=require("../legend/base-legend.js"),d=require("../shared/use-element-height.js"),h=require("../shared/with-responsive.js"),p=require("../tooltip/base-tooltip.js"),u=require("./pie-semi-circle-chart.module.scss.js");const m=({data:h,width:m=400,thickness:v=.4,clockwise:g=!0,withTooltips:x=!1,showLegend:j=!1,legendOrientation:b="horizontal",legendAlignmentHorizontal:q="center",legendAlignmentVertical:f="bottom",legendShape:w="circle",label:y,note:A,className:N})=>{const T=n.useChartTheme(),[M,V]=d.useElementHeight(),{tooltipOpen:P,tooltipLeft:C,tooltipTop:D,tooltipData:I,hideTooltip:k,showTooltip:L}=s.useTooltip(),R=o.useCallback((
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@visx/event"),a=require("@visx/group"),i=require("@visx/shape"),l=require("@visx/text"),s=require("@visx/tooltip"),r=require("clsx"),o=require("react"),n=require("../../providers/theme/theme-provider.js"),c=require("../legend/base-legend.js"),d=require("../shared/use-element-height.js"),h=require("../shared/with-responsive.js"),p=require("../tooltip/base-tooltip.js"),u=require("./pie-semi-circle-chart.module.scss.js");const m=({data:h,width:m=400,thickness:v=.4,clockwise:g=!0,withTooltips:x=!1,showLegend:j=!1,legendOrientation:b="horizontal",legendAlignmentHorizontal:q="center",legendAlignmentVertical:f="bottom",legendShape:w="circle",label:y,note:A,className:N})=>{const T=n.useChartTheme(),[M,V]=d.useElementHeight(),{tooltipOpen:P,tooltipLeft:C,tooltipTop:D,tooltipData:I,hideTooltip:k,showTooltip:L}=s.useTooltip(),R=o.useCallback((e,a)=>{const i=t.localPoint(e);i&&L({tooltipData:a.data,tooltipLeft:i.x,tooltipTop:i.y-10})},[L]),S=o.useCallback(()=>{k()},[k]),z=o.useCallback(e=>t=>{R(t,e)},[R]),{isValid:B,message:H}=(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"})(h);if(!B)return e.jsx("div",{className:u["pie-semi-circle-chart"],children:e.jsx("svg",{width:m,height:m/2,"data-testid":"pie-chart-svg",children:e.jsx("text",{x:"50%",y:"50%",textAnchor:"middle",className:u.error,children:H})})});const G=m/2,O=.03,$=m-.06,E=G-O,F=Math.min($,2*E)/2,J=F*(1-v+O),K=h.map((e,t)=>({...e,index:t})),Q=g?-Math.PI/2:Math.PI/2,U=g?Math.PI/2:-Math.PI/2,W={value:e=>e.value,sort:(e,t)=>t.value-e.value,fill:e=>e.color||T.colors[e.index%T.colors.length]},X=h.map((e,t)=>({label:e.label,value:e.valueDisplay||e.value.toString(),color:W.fill({...e,index:t})}));return e.jsxs("div",{className:r("pie-semi-circle-chart",u["pie-semi-circle-chart"],N),"data-testid":"pie-chart-container",style:{display:"flex",flexDirection:j&&"top"===f?"column-reverse":"column"},children:[e.jsx("svg",{width:m,height:G+(j&&"top"===f?V+20:0),viewBox:`0 0 ${m} ${G+(j&&"top"===f?V+20:0)}`,"data-testid":"pie-chart-svg",children:e.jsxs(a.Group,{top:F+(j&&"top"===f?V+20:0),left:F,children:[e.jsx(i.Pie,{data:K,pieValue:W.value,outerRadius:F,innerRadius:J,cornerRadius:3,padAngle:O,startAngle:Q,endAngle:U,pieSort:W.sort,children:t=>t.arcs.map(a=>e.jsx("g",{onMouseMove:z(a),onMouseLeave:S,children:e.jsx("path",{d:t.path(a)||"",fill:W.fill(a.data),"data-testid":"pie-segment"})},a.data.label))}),e.jsxs(a.Group,{children:[e.jsx(l.Text,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:u.label,children:y}),e.jsx(l.Text,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:u.note,children:A})]})]})}),x&&P&&I&&e.jsx(p.BaseTooltip,{data:{label:I.label,value:I.value,valueDisplay:I.valueDisplay},top:D||0,left:C||0}),j&&e.jsx(c.BaseLegend,{items:X,orientation:b,alignmentHorizontal:q,alignmentVertical:f,className:u["pie-semi-circle-chart-legend"],shape:w,ref:M})]})};m.displayName="PieSemiCircleChart";var v=h.withResponsive(m);module.exports=v;
|
|
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":["PieSemiCircleChart","data","width","thickness","clockwise","withTooltips","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","label","note","className","providerTheme","useChartTheme","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","_jsx","styles","children","height","jsx","textAnchor","error","pad","chartWidth","chartHeight","radius","Math","min","innerRadius","dataWithIndex","map","d","index","startAngle","PI","endAngle","accessors","sort","a","b","fill","color","colors","legendItems","valueDisplay","toString","_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","displayName","withResponsive"],"mappings":"ieAoDA,MAoBMA,EAAoD,EACzDC,OACAC,QAAQ,IACRC,YAAY,GACZC,aAAY,EACZC,gBAAe,EACfC,cAAa,EACbC,oBAAoB,aACpBC,4BAA4B,SAC5BC,0BAA0B,SAC1BC,cAAc,SACdC,QACAC,OACAC,gBAEA,MAAMC,EAAgBC,EAAAA,iBACdC,EAAWC,GAAiBC,EAAgBA,oBAC9CC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,EAAUC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,GACvEC,EAAAA,aAEKC,EAAkBC,EAAAA,
|
|
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":["PieSemiCircleChart","data","width","thickness","clockwise","withTooltips","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","label","note","className","providerTheme","useChartTheme","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","_jsx","styles","children","height","jsx","textAnchor","error","pad","chartWidth","chartHeight","radius","Math","min","innerRadius","dataWithIndex","map","d","index","startAngle","PI","endAngle","accessors","sort","a","b","fill","color","colors","legendItems","valueDisplay","toString","_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","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((
|
|
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,QAAE,KAEf,MAAMC,EAAaF,IAAQ,IAAKA,OAAQ,GAIxC,OAH0BE,IAAgB,SAAUA,GAAc,eAAgBA,GAQ3EF,EAAKG,IAAKC,IAAY,IACzBA,EACHJ,KAAMI,EAAOJ,KACXG,IAAKE,IACL,IAAIC,EAQJ,MANK,SAAUD,GAASA,EAAMC,KAC7BA,EAAOD,EAAMC,KACF,eAAgBD,GAASA,EAAME,aAC1CD,EAAOE,EAAgBA,iBAAEH,EAAME,aAGzB,IACHF,EACHC,UAGDG,KAAM,CAAEC,EAAGC,IACJD,EAAEJ,MAAUK,EAAEL,KACdI,EAAEJ,KAAKM,UAAYD,EAAEL,KAAKM,UADE,MAtB9BZ,GA0BN,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((
|
|
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,QAAS,KACvB,MAAMC,EAAgBL,EAAKM,QAASC,GAAUA,EAAOP,MAErD,GAAKE,EAEJ,OAAOG,EAAcG,IACpBC,GAAKA,EAAEC,OAASX,EAAQY,MAAMC,GAAGC,WAAYJ,EAAEK,KAAKC,UAAW,EAAG,KAIpE,MAAMC,EAAOC,KAAKC,OAAQb,EAAcG,IAAKC,GAAKA,EAAEU,QAC9CC,EAAOH,KAAKI,OAAQhB,EAAcG,IAAKC,GAAKA,EAAEU,QAC9CG,EAASC,EAAAA,YAAa,IACxBxB,EAAQuB,OACXE,OAAQ,CAAER,EAAMI,GAChBK,MAAO,CAAE3B,EAAQ,KAGlB,OAAO4B,EAAAA,SAAUJ,EAAQvB,EAAQY,MAAMC,GAAGe,WACxC,CAAE5B,EAASC,EAAMF,EAAQI,IAE5B,OAAOE,EAAOA,QAAE,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,GACL,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(
|
|
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,cAAeC,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,GACC,IAEmBX,EACvB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var t=require("@visx/text");exports.getLongestTickWidth=(e,r,i)=>{const g=e.map(
|
|
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,IAAKC,GAAQJ,EAAYI,EAAM,EAAG,KACzDC,EAAcH,EAAeI,OAClC,CAAEC,EAASC,IAAeD,EAAQE,QAAUD,EAAQC,OAASF,EAAUC,EACvEN,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((
|
|
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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-chart-mouse-handler.js","sources":["/@automattic/charts/../../../src/hooks/use-chart-mouse-handler.ts"],"sourcesContent":[null],"names":["withTooltips","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","onMouseMove","useCallback","event","data","coords","localPoint","x","y","onMouseLeave"],"mappings":"uGA6C6B,EAC5BA,mBAEA,MAAMC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,EAAUC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,GACvEC,EAAAA,aA8BD,MAAO,CACNC,YA5BmBC,EAAAA,
|
|
1
|
+
{"version":3,"file":"use-chart-mouse-handler.js","sources":["/@automattic/charts/../../../src/hooks/use-chart-mouse-handler.ts"],"sourcesContent":[null],"names":["withTooltips","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","onMouseMove","useCallback","event","data","coords","localPoint","x","y","onMouseLeave"],"mappings":"uGA6C6B,EAC5BA,mBAEA,MAAMC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,EAAUC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,GACvEC,EAAAA,aA8BD,MAAO,CACNC,YA5BmBC,EAAAA,YACnB,CAAEC,EAAiCC,KAClC,IAAOX,EACN,OAGD,MAAMY,EAASC,aAAYH,GACpBE,GAIPN,EAAa,CACZF,YAAaO,EACbT,YAAaU,EAAOE,EACpBX,WAAYS,EAAOG,EAAI,MAGzB,CAAEf,EAAcM,IAYhBU,aAToBP,EAAAA,YAAa,KAC1BT,GAGPK,KACE,CAAEL,EAAcK,IAKlBJ,cACAG,YAAaA,GAAe,KAC5BF,cACAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@visx/xychart"),t=require("react"),s=require("./themes.js");const o=t.createContext(s.defaultTheme),u=()=>t.useContext(o);exports.ThemeProvider=({theme:r={},children:t})=>{const u={...s.defaultTheme,...r};return e.jsx(o.Provider,{value:u,children:t})},exports.useChartTheme=u,exports.useXYChartTheme=e=>{const s=u();return t.useMemo((
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@visx/xychart"),t=require("react"),s=require("./themes.js");const o=t.createContext(s.defaultTheme),u=()=>t.useContext(o);exports.ThemeProvider=({theme:r={},children:t})=>{const u={...s.defaultTheme,...r};return e.jsx(o.Provider,{value:u,children:t})},exports.useChartTheme=u,exports.useXYChartTheme=e=>{const s=u();return t.useMemo(()=>{const t=(e??[]).map(e=>e.options?.stroke).filter(e=>Boolean(e));return r.buildChartTheme({...s,colors:[...t,...s.colors??[]]})},[s,e])};
|
|
2
2
|
//# sourceMappingURL=theme-provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-provider.js","sources":["/@automattic/charts/../../../../src/providers/theme/theme-provider.tsx"],"sourcesContent":[null],"names":["ThemeContext","createContext","defaultTheme","useChartTheme","useContext","theme","children","mergedTheme","_jsx","jsx","Provider","value","data","providerTheme","useMemo","seriesColors","map","series","options","stroke","filter","color","Boolean","buildChartTheme","colors"],"mappings":"uHASA,MAAMA,EAAeC,EAAAA,cAA6BC,EAAAA,cAM5CC,EAAgB,IACPC,aAAYJ,yBA+BqB,EAAIK,QAAQ,CAAE,EAAEC,eAC/D,MAAMC,EAAc,IAAKL,kBAAiBG,GAC1C,OAAOG,EAAAC,IAACT,EAAaU,SAAQ,CAACC,MAAQJ,EAAWD,SAAKA,qDA7B7BM,IACzB,MAAMC,EAAgBV,IAEtB,OAAOW,EAAOA,
|
|
1
|
+
{"version":3,"file":"theme-provider.js","sources":["/@automattic/charts/../../../../src/providers/theme/theme-provider.tsx"],"sourcesContent":[null],"names":["ThemeContext","createContext","defaultTheme","useChartTheme","useContext","theme","children","mergedTheme","_jsx","jsx","Provider","value","data","providerTheme","useMemo","seriesColors","map","series","options","stroke","filter","color","Boolean","buildChartTheme","colors"],"mappings":"uHASA,MAAMA,EAAeC,EAAAA,cAA6BC,EAAAA,cAM5CC,EAAgB,IACPC,aAAYJ,yBA+BqB,EAAIK,QAAQ,CAAE,EAAEC,eAC/D,MAAMC,EAAc,IAAKL,kBAAiBG,GAC1C,OAAOG,EAAAC,IAACT,EAAaU,SAAQ,CAACC,MAAQJ,EAAWD,SAAKA,qDA7B7BM,IACzB,MAAMC,EAAgBV,IAEtB,OAAOW,EAAOA,QAAE,KACf,MAAMC,GAAiBH,GAAQ,IAC7BI,IAAKC,GAAUA,EAAOC,SAASC,QAC/BC,OAAUC,GAA4BC,QAASD,IAEjD,OAAOE,kBAAiB,IACpBV,EACHW,OAAQ,IAAKT,KAAmBF,EAAcW,QAAU,OAEvD,CAAEX,EAAeD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e,Fragment as a}from"react/jsx-runtime";import{PatternHexagons as r,PatternWaves as i,PatternCircles as o,PatternLines as l}from"@visx/pattern";import{XYChart as s,Grid as n,BarGroup as c,BarSeries as d,Axis as h,Tooltip as m}from"@visx/xychart";import p from"clsx";import{useId as u,useCallback as g}from"react";import{useXYChartTheme as b}from"../../providers/theme/theme-provider.js";import{BaseLegend as v}from"../legend/base-legend.js";import{useChartDataTransform as f}from"../shared/use-chart-data-transform.js";import{useChartMargin as x}from"../shared/use-chart-margin.js";import{useElementHeight as y}from"../shared/use-element-height.js";import{withResponsive as w}from"../shared/with-responsive.js";import N from"./bar-chart.module.scss.js";import{useBarChartOptions as _}from"./use-bar-chart-options.js";const T=(t,e)=>`bar-pattern-${t}-${e}`;var j=w((
|
|
1
|
+
import{jsxs as t,jsx as e,Fragment as a}from"react/jsx-runtime";import{PatternHexagons as r,PatternWaves as i,PatternCircles as o,PatternLines as l}from"@visx/pattern";import{XYChart as s,Grid as n,BarGroup as c,BarSeries as d,Axis as h,Tooltip as m}from"@visx/xychart";import p from"clsx";import{useId as u,useCallback as g}from"react";import{useXYChartTheme as b}from"../../providers/theme/theme-provider.js";import{BaseLegend as v}from"../legend/base-legend.js";import{useChartDataTransform as f}from"../shared/use-chart-data-transform.js";import{useChartMargin as x}from"../shared/use-chart-margin.js";import{useElementHeight as y}from"../shared/use-element-height.js";import{withResponsive as w}from"../shared/with-responsive.js";import N from"./bar-chart.module.scss.js";import{useBarChartOptions as _}from"./use-bar-chart-options.js";const T=(t,e)=>`bar-pattern-${t}-${e}`;var j=w(({data:w,width:j,height:k=400,className:S,margin:A,withTooltips:D=!1,showLegend:z=!1,legendOrientation:$="horizontal",legendAlignmentHorizontal:V="center",legendAlignmentVertical:H="bottom",legendShape:K="rect",gridVisibility:B,renderTooltip:E,options:F={},orientation:G="vertical",withPatterns:I=!1})=>{const L="horizontal"===G,O=u(),P=b(w),W=f(w),X=_(W,L,F),Y=x(k,X,W,P,L),[q,C]=y(),J=g((t,e)=>t?.options?.stroke||P.colors[e%P.colors.length],[P]),M=g(t=>()=>I?`url(#${T(O,t)})`:J(W[t],t),[I,J,W,O]),Q=g(({tooltipData:a})=>{const r=a?.nearestDatum?.datum;return r?t("div",{className:N["bar-chart__tooltip"],children:[e("div",{className:N["bar-chart__tooltip-header"],children:a?.nearestDatum?.key}),t("div",{className:N["bar-chart__tooltip-row"],children:[t("span",{className:N["bar-chart__tooltip-label"],children:[X.tooltip.labelFormatter(r.label||(r.date?r.date.getTime():0),0,[]),":"]}),e("span",{className:N["bar-chart__tooltip-value"],children:r.value})]})]}):null},[X.tooltip]),R=g((t,a)=>{const s=t%4,n=T(O,t),c={id:n,stroke:"white",strokeWidth:1,background:a};switch(s){case 0:default:return e(l,{...c,width:5,height:5,orientation:["diagonal"]},n);case 1:return e(o,{...c,width:6,height:6,fill:"white"},n);case 2:return e(i,{...c,width:4,height:4},n);case 3:return e(r,{...c,size:8,height:3},n)}},[O]),U=g((t,e)=>`\n\t\t\t.visx-bar[fill="url(#${T(O,t)})"] {\n\t\t\t\tstroke: ${e};\n\t\t\t\tstroke-width: 1;\n\t\t\t\t}\n\t\t\t`,[O]),Z=(t=>t?.length?t.some(t=>t.data.some(t=>isNaN(t.value)||null===t.value||void 0===t.value||!t.label&&(!("date"in t&&t.date)||isNaN(t.date.getTime()))))?"Invalid data":null:"No data available")(W);if(Z)return e("div",{className:p("bar-chart",N["bar-chart"]),children:Z});const tt=W.map((t,e)=>({label:t.label,value:"",color:J(t,e),shapeStyle:t?.options?.legendShapeStyle})),et=B??X.gridVisibility;return t("div",{className:p("bar-chart",N["bar-chart"],S),"data-testid":"bar-chart",role:"img","aria-label":"bar chart",style:{width:j,height:k,display:"flex",flexDirection:z&&"top"===H?"column-reverse":"column"},children:[t(s,{theme:P,width:j,height:k-(z?C:0),margin:{...Y,...A,...z&&"top"===H?{top:(Y.top||0)+C}:{}},xScale:X.xScale,yScale:X.yScale,horizontal:L,pointerEventsDataKey:"nearest",children:[e(n,{columns:et.includes("y"),rows:et.includes("x"),numTicks:4}),I&&t(a,{children:[e("defs",{"data-testid":"bar-chart-patterns",children:W.map((t,e)=>R(e,J(t,e)))}),e("style",{children:W.map((t,e)=>U(e,J(t,e)))})]}),e(c,{padding:X.barGroup.padding,children:W.map((t,a)=>e(d,{dataKey:t?.label,data:t.data,yAccessor:X.accessors.yAccessor,xAccessor:X.accessors.xAccessor,colorAccessor:M(a)},t?.label))}),e(h,{...X.axis.x}),e(h,{...X.axis.y}),D&&e(m,{detectBounds:!0,snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,renderTooltip:E||Q})]}),z&&e(v,{items:tt,orientation:$,alignmentHorizontal:V,alignmentVertical:H,className:N["bar-chart__legend"],shape:K,ref:q})]})});export{j as default};
|
|
2
2
|
//# sourceMappingURL=bar-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-chart.js","sources":["../../../../src/components/bar-chart/bar-chart.tsx"],"sourcesContent":[null],"names":["getPatternId","chartId","index","BarChart$1","withResponsive","data","width","height","className","margin","withTooltips","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","gridVisibility","gridVisibilityProp","renderTooltip","options","orientation","withPatterns","horizontal","useId","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","value","renderPattern","color","patternType","id","commonProps","strokeWidth","background","PatternLines","PatternCircles","fill","PatternWaves","PatternHexagons","size","createPatternBorderStyle","error","some","series","point","isNaN","undefined","validateData","clsx","legendItems","map","group","shapeStyle","legendShapeStyle","role","style","display","flexDirection","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"],"mappings":"y0BAuBA,MAkBMA,EAAe,CAAEC,EAAiBC,IAAmB,eAAgBD,KAAaC,IAqOxF,IAAeC,EAAAC,
|
|
1
|
+
{"version":3,"file":"bar-chart.js","sources":["../../../../src/components/bar-chart/bar-chart.tsx"],"sourcesContent":[null],"names":["getPatternId","chartId","index","BarChart$1","withResponsive","data","width","height","className","margin","withTooltips","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","gridVisibility","gridVisibilityProp","renderTooltip","options","orientation","withPatterns","horizontal","useId","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","value","renderPattern","color","patternType","id","commonProps","strokeWidth","background","PatternLines","PatternCircles","fill","PatternWaves","PatternHexagons","size","createPatternBorderStyle","error","some","series","point","isNaN","undefined","validateData","clsx","legendItems","map","group","shapeStyle","legendShapeStyle","role","style","display","flexDirection","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"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{formatNumberCompact as t}from"@automattic/number-formatters";import{useMemo as r}from"react";const a=t=>new Date(t).toLocaleDateString(void 0,{month:"short",day:"numeric"});function i(i,o,e={}){const c=r((
|
|
1
|
+
import{formatNumberCompact as t}from"@automattic/number-formatters";import{useMemo as r}from"react";const a=t=>new Date(t).toLocaleDateString(void 0,{month:"short",day:"numeric"});function i(i,o,e={}){const c=r(()=>{const r={type:"band",padding:.2,paddingInner:.1},o={type:"linear",nice:!0,zero:!1},e=i?.[0]?.data?.[0]?.label?t=>t:a,c=t=>t?.label||t?.date,n=t=>t?.value;return{vertical:{xTickFormat:e,yTickFormat:t,tooltipLabelFormatter:e,xAccessor:c,yAccessor:n,gridVisibility:"x",xScale:r,yScale:o},horizontal:{xTickFormat:t,yTickFormat:e,tooltipLabelFormatter:e,xAccessor:n,yAccessor:c,gridVisibility:"y",xScale:o,yScale:r}}},[i]);return r(()=>{const t=o?"horizontal":"vertical",{xTickFormat:r,yTickFormat:a,tooltipLabelFormatter:i,xAccessor:n,yAccessor:s,gridVisibility:l,xScale:m,yScale:y}=c[t],x={...m,...e.xScale||{}},d={...y,...e.yScale||{}},p=o?e.axis?.y?.tickFormat:e.axis?.x?.tickFormat;return{gridVisibility:l,xScale:x,yScale:d,accessors:{xAccessor:n,yAccessor:s},axis:{x:{orientation:"bottom",numTicks:4,tickFormat:r,...e.axis?.x||{}},y:{orientation:"left",numTicks:4,tickFormat:a,...e.axis?.y||{}}},barGroup:{padding:(b=o?d:x,"number"==typeof b.paddingInner?b.paddingInner:0)},tooltip:{labelFormatter:p||i}};var b},[c,e,o])}export{i as useBarChartOptions};
|
|
2
2
|
//# sourceMappingURL=use-bar-chart-options.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-bar-chart-options.js","sources":["../../../../src/components/bar-chart/use-bar-chart-options.ts"],"sourcesContent":[null],"names":["formatDateTick","timestamp","Date","toLocaleDateString","undefined","month","day","useBarChartOptions","data","horizontal","options","defaultOptions","useMemo","bandScale","type","padding","paddingInner","linearScale","nice","zero","labelFormatter","label","labelAccessor","d","date","valueAccessor","value","vertical","xTickFormat","yTickFormat","formatNumberCompact","tooltipLabelFormatter","xAccessor","yAccessor","gridVisibility","xScale","yScale","orientationKey","defaultTooltipLabelFormatter","baseXScale","baseYScale","providedToolTipLabelFormatter","axis","y","tickFormat","x","accessors","orientation","numTicks","barGroup","scale","tooltip"],"mappings":"oGAKA,MAAMA,EAAmBC,GACX,IAAIC,KAAMD,GACXE,wBAAoBC,EAAW,CAC1CC,MAAO,QACPC,IAAK,YAsBD,SAAUC,EACfC,EACAC,EACAC,EAAuC,CAAA,GAEvC,MAAMC,EAAiBC,
|
|
1
|
+
{"version":3,"file":"use-bar-chart-options.js","sources":["../../../../src/components/bar-chart/use-bar-chart-options.ts"],"sourcesContent":[null],"names":["formatDateTick","timestamp","Date","toLocaleDateString","undefined","month","day","useBarChartOptions","data","horizontal","options","defaultOptions","useMemo","bandScale","type","padding","paddingInner","linearScale","nice","zero","labelFormatter","label","labelAccessor","d","date","valueAccessor","value","vertical","xTickFormat","yTickFormat","formatNumberCompact","tooltipLabelFormatter","xAccessor","yAccessor","gridVisibility","xScale","yScale","orientationKey","defaultTooltipLabelFormatter","baseXScale","baseYScale","providedToolTipLabelFormatter","axis","y","tickFormat","x","accessors","orientation","numTicks","barGroup","scale","tooltip"],"mappings":"oGAKA,MAAMA,EAAmBC,GACX,IAAIC,KAAMD,GACXE,wBAAoBC,EAAW,CAC1CC,MAAO,QACPC,IAAK,YAsBD,SAAUC,EACfC,EACAC,EACAC,EAAuC,CAAA,GAEvC,MAAMC,EAAiBC,EAAS,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,EACrBrB,EAGGsB,EAAkBC,GAAsBA,GAAGF,OAASE,GAAGC,KACvDC,EAAkBF,GAAsBA,GAAGG,MAEjD,MAAO,CACNC,SAAU,CACTC,YAAaR,EACbS,YARqBC,EASrBC,sBAAuBX,EACvBY,UAAWV,EACXW,UAAWR,EACXS,eAAgB,IAChBC,OAAQtB,EACRuB,OAAQnB,GAETR,WAAY,CACXmB,YAjBqBE,EAkBrBD,YAAaT,EACbW,sBAAuBX,EACvBY,UAAWP,EACXQ,UAAWX,EACXY,eAAgB,IAChBC,OAAQlB,EACRmB,OAAQvB,KAGR,CAAEL,IAEL,OAAOI,EAAS,KACf,MAAMyB,EAAiB5B,EAAa,aAAe,YAC7CmB,YACLA,EAAWC,YACXA,EACAE,sBAAuBO,EAA4BN,UACnDA,EAASC,UACTA,EAASC,eACTA,EACAC,OAAQI,EACRH,OAAQI,GACL7B,EAAgB0B,GAEdF,EAAS,IAAKI,KAAiB7B,EAAQyB,QAAU,CAAE,GACnDC,EAAS,IAAKI,KAAiB9B,EAAQ0B,QAAU,CAAE,GACnDK,EAAgChC,EACnCC,EAAQgC,MAAMC,GAAGC,WACjBlC,EAAQgC,MAAMG,GAAGD,WAEpB,MAAO,CACNV,iBACAC,SACAC,SACAU,UAAW,CACVd,YACAC,aAEDS,KAAM,CACLG,EAAG,CACFE,YAAa,SACbC,SAAU,EACVJ,WAAYhB,KACPlB,EAAQgC,MAAMG,GAAK,IAEzBF,EAAG,CACFI,YAAa,OACbC,SAAU,EACVJ,WAAYf,KACPnB,EAAQgC,MAAMC,GAAK,KAG1BM,SAAU,CACTlC,SAvGsBmC,EAuGIzC,EAAa2B,EAASD,EAtGd,iBAAvBe,EAAMlC,aAA8BkC,EAAMlC,aAA2B,IAwGjFmC,QAAS,CACR/B,eAAgBqB,GAAiCH,IA1G7B,IAAEY,GA6GtB,CAAEvC,EAAgBD,EAASD,GAC/B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{formatNumberCompact as a}from"@automattic/number-formatters";import{Group as r}from"@visx/group";import{createScale as o,scaleBand as n}from"@visx/scale";import{Text as i}from"@visx/text";import{useMemo as l}from"react";import m from"../bar-chart/bar-chart.js";import{withResponsive as s}from"../shared/with-responsive.js";const d=t=>{const e=t;return e&&"bandwidth"in e?e?.bandwidth()??0:0},u=({textProps:e,x:a,y:r,label:o,formatter:n})=>t(i,{...e,textAnchor:"start",x:a,y:r,children:n(o)}),c=({textProps:e,x:a,y:r,value:o,formatter:n})=>t(i,{...e,textAnchor:"end",x:a,y:r,fontWeight:500,children:n(o)}),p=({ticks:a,tickLabelProps:o,yOffset:n,labelPosition:i,valuePosition:l,data:m,labelFormatter:s,valueFormatter:d,LabelComponent:p=u,ValueComponent:f=c})=>{if(0===a.length)return null;const x=a.map((
|
|
1
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{formatNumberCompact as a}from"@automattic/number-formatters";import{Group as r}from"@visx/group";import{createScale as o,scaleBand as n}from"@visx/scale";import{Text as i}from"@visx/text";import{useMemo as l}from"react";import m from"../bar-chart/bar-chart.js";import{withResponsive as s}from"../shared/with-responsive.js";const d=t=>{const e=t;return e&&"bandwidth"in e?e?.bandwidth()??0:0},u=({textProps:e,x:a,y:r,label:o,formatter:n})=>t(i,{...e,textAnchor:"start",x:a,y:r,children:n(o)}),c=({textProps:e,x:a,y:r,value:o,formatter:n})=>t(i,{...e,textAnchor:"end",x:a,y:r,fontWeight:500,children:n(o)}),p=({ticks:a,tickLabelProps:o,yOffset:n,labelPosition:i,valuePosition:l,data:m,labelFormatter:s,valueFormatter:d,LabelComponent:p=u,ValueComponent:f=c})=>{if(0===a.length)return null;const x=a.map(({value:t,index:e})=>"function"==typeof o?o(t,e,a):{});return a.map(({from:a,formattedValue:o},u)=>{const c=x[u]??{};delete c.textAnchor,delete c.dx;const b=m.reduce((t,{data:e})=>t+(e[u]?.value??0),0),h=a.y+n;return e(r,{children:[t(p,{textProps:c,x:i,y:h,label:o,formatter:s}),t(f,{textProps:c,x:l,y:h,value:b,formatter:d,data:m,index:u})]},u)})},f=(t,e,a,r)=>{if(!r)return 0;const i=t.map(({label:t})=>t),l=o({type:"band",range:[0,a],domain:i,...e}),m=n({domain:i,range:[0,d(l)],padding:e.paddingInner});return-(d(m)+6)};var x=s(({data:e,width:r,height:o,options:n={},margin:i={left:0,right:20,bottom:0,top:0},...s})=>{const d=l(()=>{const t=e.length>1,i={...{paddingInner:t?.3:.1,padding:t?.3:.1},...n.yScale??{}};return{yScale:i,xScale:{zero:!0,...n.xScale??{}},labelPosition:n.labelPosition??(t?0:10),valueFormatter:n.valueFormatter??(t=>a(t)),labelFormatter:n.labelFormatter??(t=>String(t)),valuePosition:n.valuePosition??r,yOffset:n.yOffset??f(e,i,o,t)}},[n,r,e,o]);return t(m,{orientation:"horizontal",gridVisibility:"none",data:e,width:r,height:o,margin:i,options:{axis:{y:{children:a=>t(p,{...a,data:e,yOffset:d.yOffset,labelPosition:d.labelPosition,valuePosition:d.valuePosition,labelFormatter:d.labelFormatter,valueFormatter:d.valueFormatter,LabelComponent:n.labelComponent,ValueComponent:n.valueComponent})},x:{children:()=>null}},xScale:d.xScale,yScale:d.yScale},...s})});export{x as default};
|
|
2
2
|
//# sourceMappingURL=bar-list-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-list-chart.js","sources":["../../../../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","barListChart","withResponsive","width","options","margin","left","right","bottom","top","rest","chartOptions","useMemo","xScale","zero","formatNumberCompact","String","BarChart","orientation","gridVisibility","axis","renderProps","labelComponent","valueComponent"],"mappings":"4XAqFA,MAAMA,EAAiDC,IAEtD,MAAMC,EAAID,EACV,OAAOC,GAAK,cAAeA,EAAIA,GAAGC,aAAe,EAAI,GAGhDC,EAAwB,EAAIC,YAAWC,IAAGC,IAAGC,QAAOC,eAExDC,EAACC,EAAU,IAAAN,EAAYO,WAAW,QAAQN,EAAIA,EAAIC,EAAIA,EACnDM,SAAAJ,EAAWD,KAKVM,EAAwB,EAAIT,YAAWC,IAAGC,IAAGQ,QAAON,eAExDC,EAACC,EAAI,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":["../../../../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","barListChart","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
|
-
import{jsx as e,jsxs as l}from"react/jsx-runtime";import{Group as i}from"@visx/group";import{LegendOrdinal as t,LegendItem as r,LegendShape as a,LegendLabel as n}from"@visx/legend";import{scaleOrdinal as o}from"@visx/scale";import m from"clsx";import{forwardRef as s,useCallback as d}from"react";import{useChartTheme as g}from"../../providers/theme/theme-provider.js";import p from"./legend.module.scss.js";import{valueOrIdentityString as h,valueOrIdentity as c,labelTransformFactory as x}from"./utils.js";const f={horizontal:"row",vertical:"column"},y=s((
|
|
1
|
+
import{jsx as e,jsxs as l}from"react/jsx-runtime";import{Group as i}from"@visx/group";import{LegendOrdinal as t,LegendItem as r,LegendShape as a,LegendLabel as n}from"@visx/legend";import{scaleOrdinal as o}from"@visx/scale";import m from"clsx";import{forwardRef as s,useCallback as d}from"react";import{useChartTheme as g}from"../../providers/theme/theme-provider.js";import p from"./legend.module.scss.js";import{valueOrIdentityString as h,valueOrIdentity as c,labelTransformFactory as x}from"./utils.js";const f={horizontal:"row",vertical:"column"},y=s(({items:s,className:y,orientation:b="horizontal",alignmentHorizontal:v="center",alignmentVertical:z="bottom",shape:u="rect",fill:S=h,size:$=h,labelFormat:j=c,labelTransform:w=x,shapeWidth:N=16,shapeHeight:D=16,shapeMargin:F="2px 4px 2px 0",labelAlign:M="left",labelFlex:C="1",labelMargin:G="0 4px",itemMargin:H="0",itemDirection:L="row",legendLabelProps:T,...k},A)=>{const I=g(),P=o({domain:s.map(e=>e.label),range:s.map(e=>e.color)}),V=P.domain(),W=d(({index:e})=>s[e]?.shapeStyle??I.legendShapeStyles?.[e]??{},[s,I]);return e(t,{scale:P,labelFormat:j,labelTransform:w,children:t=>e("div",{ref:A,role:"list","data-testid":`legend-${b}`,className:m(p.legend,p[`legend--${b}`],p[`legend--horizontal-align-${v}`],p[`legend--vertical-align-${z}`],y),style:{flexDirection:f[b],...I.legendContainerStyles},children:t.map((t,o)=>l(r,{className:p["legend-item"],"data-testid":"legend-item",margin:H,flexDirection:L,...k,children:[s[o]?.renderGlyph?e("svg",{width:2*s[o]?.glyphSize,height:2*s[o]?.glyphSize,"data-testid":"legend-glyph",children:e(i,{children:s[o]?.renderGlyph({key:`legend-glyph-${t.text}`,datum:{},index:o,color:S(t),size:s[o]?.glyphSize,x:s[o]?.glyphSize,y:s[o]?.glyphSize})})}):e(a,{shape:u,height:D,width:N,margin:F,item:V[o],itemIndex:o,label:t,fill:S,size:$,shapeStyle:W}),l(n,{style:{justifyContent:M,flex:C,margin:G,...I.legendLabelStyles},...T,children:[t.text,s.find(e=>e.label===t.text)?.value&&e("span",{className:p["legend-item-value"],children:s.find(e=>e.label===t.text)?.value})]})]},`legend-${t.text}-${o}`))})})});export{y as BaseLegend};
|
|
2
2
|
//# sourceMappingURL=base-legend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-legend.js","sources":["../../../../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","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":"0fAUA,MAAMA,EAA6B,CAClCC,WAAY,MACZC,SAAU,UAOEC,EAAaC,
|
|
1
|
+
{"version":3,"file":"base-legend.js","sources":["../../../../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","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":"0fAUA,MAAMA,EAA6B,CAClCC,WAAY,MACZC,SAAU,UAOEC,EAAaC,EACzB,EAEEC,QACAC,YACAC,cAAc,aACdC,sBAAsB,SACtBC,oBAAoB,SACpBC,QAAQ,OACRC,OAAOC,EACPC,OAAOD,EACPE,cAAcC,EACdC,iBAAiBC,EACjBC,aAAa,GACbC,cAAc,GACdC,cAAc,gBACdC,aAAa,OACbC,YAAY,IACZC,cAAc,QACdC,aAAa,IACbC,gBAAgB,MAChBC,sBACGC,GAEJC,KAEA,MAAMC,EAAQC,IACRC,EAAcC,EAAc,CACjCC,OAAQ5B,EAAM6B,IAAKC,GAAQA,EAAKC,OAChCC,MAAOhC,EAAM6B,IAAKC,GAAQA,EAAKG,SAE1BL,EAASF,EAAYE,SAErBM,EAAgBC,EACrB,EAAIC,WACIpC,EAAOoC,IAASC,YAAcb,EAAMc,oBAAqBF,IAAW,GAE5E,CAAEpC,EAAOwB,IAGV,OACCe,EAACC,EAAa,CACbC,MAAQf,EACRjB,YAAcA,EACdE,eAAiBA,EAEf+B,SAAAC,GACDJ,SACChB,IAAMA,EACNqB,KAAK,OAAM,cACG,UAAW1C,IACzBD,UAAY4C,EACXC,EAAOC,OACPD,EAAQ,WAAY5C,KACpB4C,EAAQ,4BAA6B3C,KACrC2C,EAAQ,0BAA2B1C,KACnCH,GAED+C,MAAQ,CACPC,cAAetD,EAA4BO,MACxCsB,EAAM0B,uBACTR,SAECC,EAAOd,IAAK,CAAEE,EAAOoB,IACtBC,EAACC,EAAU,CACVpD,UAAY6C,EAAQ,eACR,cAAA,cAEZQ,OAASnC,EACT8B,cAAgB7B,KACXE,YAEHtB,EAAOmD,IAAKI,YACbhB,EACC,MAAA,CAAAiB,MAAgC,EAAxBxD,EAAOmD,IAAKM,UACpBC,OAAiC,EAAxB1D,EAAOmD,IAAKM,wBACT,eAAcf,SAE1BH,EAACoB,YACE3D,EAAOmD,IAAKI,YAAa,CAC1BK,IAAK,gBAAiB7B,EAAM8B,OAC5BC,MAAO,CAAE,EACT1B,MAAOe,EACPlB,MAAO3B,EAAMyB,GACbvB,KAAMR,EAAOmD,IAAKM,UAClBM,EAAG/D,EAAOmD,IAAKM,UACfO,EAAGhE,EAAOmD,IAAKM,gBAKlBlB,EAAC0B,EACA,CAAA5D,MAAQA,EACRqD,OAAS5C,EACT0C,MAAQ3C,EACRyC,OAASvC,EACTe,KAAOF,EAAQuB,GACfe,UAAYf,EACZpB,MAAQA,EACRzB,KAAOA,EACPE,KAAOA,EACP6B,WAAaH,IAGfkB,EAACe,EACA,CAAAnB,MAAQ,CACPoB,eAAgBpD,EAChBqD,KAAMpD,EACNqC,OAAQpC,KACLM,EAAM8C,sBAELjD,EAAgBqB,SAAA,CAEnBX,EAAM8B,KACN7D,EAAMuE,KAAMzC,GAAQA,EAAKC,QAAUA,EAAM8B,OAAQW,OAClDjC,EAAA,OAAA,CAAMtC,UAAY6C,EAAQ,qBACvBJ,SAAA1C,EAAMuE,KAAMzC,GAAQA,EAAKC,QAAUA,EAAM8B,OAAQW,aAjDhD,UAAWzC,EAAM8B,QAAUV"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Annotation as i,Connector as r,CircleSubject as l,LineSubject as n,Label as a}from"@visx/annotation";import{DataContext as o}from"@visx/xychart";import{merge as c}from"lodash";import{useContext as x,useRef as s,useState as u,useEffect as d,useMemo as m}from"react";import{useChartTheme as h}from"../../providers/theme/theme-provider.js";const y=({subjectType:e,x:t,xMax:i,y:r,yMin:l,yMax:n,maxWidth:a,height:o})=>{const c=o??100;let x=15,s=15,u=!1,d=!1;"line-horizontal"===e&&(x=0,s=20),"line-vertical"===e&&(x=20,s=0);return t+x+(a??125)>i&&(u=!0,"circle"===e?x=-x:"line-vertical"===e&&(x=-20)),"circle"===e?r+s+c>l&&(d=!0,s=-Math.abs(s)):r-c<n?"line-horizontal"===e?(d=!0,s=Math.abs(s)):"line-vertical"===e&&(d=!0):r+c>l&&("line-horizontal"===e?(d=!0,s=-Math.abs(s)):"line-vertical"===e&&(d=!0)),{dx:x,dy:s,isFlippedHorizontally:u,isFlippedVertically:d}},p=(e,t)=>{if("line-horizontal"===e)return t?"end":"start"},b=(e,t,i,r,l)=>{if("line-vertical"===e)return t?i-l<r?"start":"end":"middle"},M=({datum:M,title:f,subtitle:v,subjectType:z="circle",styles:g,testId:j})=>{const S=h(),{xScale:F,yScale:W}=x(o)||{},T=s(null),[A,B]=u(null),H=c({},S.annotationStyles,g);d((
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Annotation as i,Connector as r,CircleSubject as l,LineSubject as n,Label as a}from"@visx/annotation";import{DataContext as o}from"@visx/xychart";import{merge as c}from"lodash";import{useContext as x,useRef as s,useState as u,useEffect as d,useMemo as m}from"react";import{useChartTheme as h}from"../../providers/theme/theme-provider.js";const y=({subjectType:e,x:t,xMax:i,y:r,yMin:l,yMax:n,maxWidth:a,height:o})=>{const c=o??100;let x=15,s=15,u=!1,d=!1;"line-horizontal"===e&&(x=0,s=20),"line-vertical"===e&&(x=20,s=0);return t+x+(a??125)>i&&(u=!0,"circle"===e?x=-x:"line-vertical"===e&&(x=-20)),"circle"===e?r+s+c>l&&(d=!0,s=-Math.abs(s)):r-c<n?"line-horizontal"===e?(d=!0,s=Math.abs(s)):"line-vertical"===e&&(d=!0):r+c>l&&("line-horizontal"===e?(d=!0,s=-Math.abs(s)):"line-vertical"===e&&(d=!0)),{dx:x,dy:s,isFlippedHorizontally:u,isFlippedVertically:d}},p=(e,t)=>{if("line-horizontal"===e)return t?"end":"start"},b=(e,t,i,r,l)=>{if("line-vertical"===e)return t?i-l<r?"start":"end":"middle"},M=({datum:M,title:f,subtitle:v,subjectType:z="circle",styles:g,testId:j})=>{const S=h(),{xScale:F,yScale:W}=x(o)||{},T=s(null),[A,B]=u(null),H=c({},S.annotationStyles,g);d(()=>{if(T.current){const e=T.current.getBBox();B(e.height)}},[]);const N=m(()=>{if(!(M&&M.date&&null!=M.value&&F&&W))return null;const e=F(M.date),t=W(M.value);if("number"!=typeof e||"number"!=typeof t)return null;const[i,r]=W.range().map(Number),[l,n]=F.range().map(Number);return{x:e,y:t,yMin:i,yMax:r,xMin:l,xMax:n,...y({subjectType:z,x:e,xMax:n,y:t,yMin:i,yMax:r,maxWidth:H?.label?.maxWidth,height:A})}},[M,F,W,z,H?.label?.maxWidth,A]);if(!N)return null;const{x:V,y:I,yMin:k,yMax:q,xMin:w,xMax:C,dx:D,dy:E,isFlippedHorizontally:G,isFlippedVertically:J}=N;return e("g",{"data-testid":j,children:t(i,{x:V,y:I,dx:D,dy:E,children:[e(r,{...H?.connector}),"circle"===z&&e(l,{...H?.circleSubject}),"line-vertical"===z&&e(n,{min:q,max:k,...H?.lineSubject,orientation:"vertical"}),"line-horizontal"===z&&e(n,{min:w,max:C,...H?.lineSubject,orientation:"horizontal"}),e("g",{ref:T,children:e(a,{title:f,subtitle:v,...H?.label,horizontalAnchor:p(z,G),verticalAnchor:b(z,J,I,q,A??100)})})]})})};export{M as default,y as getLabelPosition};
|
|
2
2
|
//# sourceMappingURL=line-chart-annotation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-chart-annotation.js","sources":["../../../../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","LineChartAnnotation","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","children","_jsxs","Annotation","Connector","connector","CircleSubject","circleSubject","LineSubject","min","max","lineSubject","orientation","ref","Label","horizontalAnchor","verticalAnchor"],"mappings":"0YAsBA,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,UAMHY,EAAsD,EAC3DC,QACAC,QACAC,WACApB,cAAc,SACdqB,OAAQC,EACRC,aAEA,MAAMC,EAAgBC,KAChBC,OAAEA,EAAMC,OAAEA,GAAWC,EAAYC,IAAiB,GAClDC,EAAWC,EAAuB,OAChCxB,EAAQyB,GAAcC,EAA2B,MAGnDZ,EAASa,EAAO,CAAA,EAAIV,EAAcW,iBAAkBb,GAG1Dc,
|
|
1
|
+
{"version":3,"file":"line-chart-annotation.js","sources":["../../../../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","LineChartAnnotation","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","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
|
-
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useId as a,useRef as r,useState as i,useCallback as l,useMemo as n,createElement as s,useContext as c,useEffect as d}from"react";import{formatNumberCompact as h}from"@automattic/number-formatters";import{curveCatmullRom as m,curveLinear as p,curveMonotoneX as u}from"@visx/curve";import{LinearGradient as y}from"@visx/gradient";import{XYChart as g,Grid as v,Axis as f,AreaSeries as x,Tooltip as b,DataContext as S,TooltipContext as w}from"@visx/xychart";import k from"clsx";import{useChartTheme as T,useXYChartTheme as N}from"../../providers/theme/theme-provider.js";import{BaseLegend as j}from"../legend/base-legend.js";import{DefaultGlyph as D}from"../shared/default-glyph.js";import{useChartDataTransform as _}from"../shared/use-chart-data-transform.js";import{useChartMargin as $}from"../shared/use-chart-margin.js";import{useElementHeight as A}from"../shared/use-element-height.js";import{withResponsive as G}from"../shared/with-responsive.js";import L from"./line-chart-annotation.js";import P from"./line-chart.module.scss.js";const z=e=>s(D,{...e,key:e.key}),I=e=>{const t="number"==typeof e?e:parseFloat(e);return isNaN(t)?void 0:t},M=({data:e,index:t,color:o,glyphStyle:a,renderGlyph:r,accessors:i})=>{const{xScale:l,yScale:n}=c(S)||{};if(!l||!n)return null;if(0===e.data.length)return null;const s=e.data[0],d=l(i.xAccessor(s)),h=n(i.yAccessor(s));if("number"!=typeof d||"number"!=typeof h)return null;const m=Math.max(0,I(a?.radius)??4);return r({key:`start-glyph-${e.label}`,index:t,datum:s,color:o,size:m,x:d,y:h,glyphStyle:a})},O=(e,t)=>{if(!e)return t?m:p;switch(e){case"smooth":return m;case"monotone":return u;default:return p}},F=o=>{const{tooltipData:a}=o,r=a?.nearestDatum?.datum;if(!r)return null;const i=Object.entries(a?.datumByKey||{}).map((
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useId as a,useRef as r,useState as i,useCallback as l,useMemo as n,createElement as s,useContext as c,useEffect as d}from"react";import{formatNumberCompact as h}from"@automattic/number-formatters";import{curveCatmullRom as m,curveLinear as p,curveMonotoneX as u}from"@visx/curve";import{LinearGradient as y}from"@visx/gradient";import{XYChart as g,Grid as v,Axis as f,AreaSeries as x,Tooltip as b,DataContext as S,TooltipContext as w}from"@visx/xychart";import k from"clsx";import{useChartTheme as T,useXYChartTheme as N}from"../../providers/theme/theme-provider.js";import{BaseLegend as j}from"../legend/base-legend.js";import{DefaultGlyph as D}from"../shared/default-glyph.js";import{useChartDataTransform as _}from"../shared/use-chart-data-transform.js";import{useChartMargin as $}from"../shared/use-chart-margin.js";import{useElementHeight as A}from"../shared/use-element-height.js";import{withResponsive as G}from"../shared/with-responsive.js";import L from"./line-chart-annotation.js";import P from"./line-chart.module.scss.js";const z=e=>s(D,{...e,key:e.key}),I=e=>{const t="number"==typeof e?e:parseFloat(e);return isNaN(t)?void 0:t},M=({data:e,index:t,color:o,glyphStyle:a,renderGlyph:r,accessors:i})=>{const{xScale:l,yScale:n}=c(S)||{};if(!l||!n)return null;if(0===e.data.length)return null;const s=e.data[0],d=l(i.xAccessor(s)),h=n(i.yAccessor(s));if("number"!=typeof d||"number"!=typeof h)return null;const m=Math.max(0,I(a?.radius)??4);return r({key:`start-glyph-${e.label}`,index:t,datum:s,color:o,size:m,x:d,y:h,glyphStyle:a})},O=(e,t)=>{if(!e)return t?m:p;switch(e){case"smooth":return m;case"monotone":return u;default:return p}},F=o=>{const{tooltipData:a}=o,r=a?.nearestDatum?.datum;if(!r)return null;const i=Object.entries(a?.datumByKey||{}).map(([e,{datum:t}])=>({key:e,value:t.value})).sort((e,t)=>t.value-e.value);return t("div",{className:P["line-chart__tooltip"],children:[e("div",{className:P["line-chart__tooltip-date"],children:r.date?.toLocaleDateString()}),i.map(o=>t("div",{className:P["line-chart__tooltip-row"],children:[t("span",{className:P["line-chart__tooltip-label"],children:[o.key,":"]}),e("span",{className:P["line-chart__tooltip-value"],children:o.value})]},o.key))]})},C=e=>new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"}),H=({series:e,selectedIndex:t})=>{const o=c(w);return d(()=>{e&&(void 0!==t?e.forEach((e,a)=>{if(t<e.data.length){const r=e.data[t];o?.showTooltip({datum:r,key:e.label,index:a})}}):o?.hideTooltip())},[t,e]),null};var K=G(({data:s,width:c,height:d,className:m,margin:p,withTooltips:u=!0,withTooltipCrosshairs:S,showLegend:w=!1,legendOrientation:D="horizontal",legendAlignmentHorizontal:G="center",legendAlignmentVertical:K="bottom",renderGlyph:V=z,glyphStyle:B={},legendShape:E="line",withLegendGlyph:R=!1,withGradientFill:U=!1,smoothing:X=!0,curveType:Y,renderTooltip:q=F,withStartGlyphs:J=!1,options:Q={},annotations:W,onPointerDown:Z,onPointerUp:ee,onPointerMove:te,onPointerOut:oe})=>{const ae=T(),re=N(s),ie=a(),[le,ne]=A(),se=r(null),[ce,de]=i(void 0),[he,me]=i(!1),pe=l(e=>{e&&void 0!==ce&&e.focus()},[ce]),ue=_(s),ye=n(()=>({axis:{x:{orientation:"bottom",numTicks:Math.min(ue[0]?.data.length,Math.ceil(c/100)),tickFormat:C,...Q?.axis?.x},y:{orientation:"left",numTicks:4,tickFormat:h,...Q?.axis?.y}},xScale:{type:"time",...Q?.xScale},yScale:{type:"linear",nice:!0,zero:!1,...Q?.yScale}}),[Q,ue,c]),ge=n(()=>e=>{const t=ue.findIndex(t=>t.label===e.key||t.data.includes(e.datum)),o=ae.glyphs?.[t];return o?o(e):V(e)},[ue,ae.glyphs,V]),ve=$(d,ye,ue,re),fe=ue.map((e,t)=>({label:e.label,value:"",color:e?.options?.stroke??ae.colors[t%ae.colors.length],shapeStyle:e?.options?.legendShapeStyle,renderGlyph:R?ae.glyphs?.[t]??V:void 0,glyphSize:Math.max(0,I(B?.radius)??4)})),xe={xAccessor:e=>e?.date,yAccessor:e=>e?.value},be=n(()=>t=>{const o=q(t);return void 0!==ce?e("div",{ref:pe,tabIndex:-1,role:"tooltip","aria-atomic":"true",className:P["line-chart__tooltip--keyboard-focused"],"data-testid":`line-chart-tooltip-${ce}`,children:o},`line-chart-tooltip-${ce}`):e("div",{role:"tooltip","aria-live":"polite",children:o})},[q,ce,pe]),Se=l(()=>{he||void 0===ce||de(0)},[he,ce]),we=l(()=>{me(!1)},[]),ke=l(e=>{const t=ue[0]?.data.length||0;if(0===t)return;if("Tab"===e.key)return se.current?.focus(),de(void 0),void me(!1);const o=void 0===ce?-1:ce;if(o+1>=t&&["ArrowRight"].includes(e.key))return se.current?.focus(),de(void 0),void me(!1);e.preventDefault(),["ArrowRight"].includes(e.key)?(me(!0),de((o+1)%t)):["ArrowLeft"].includes(e.key)?(me(!0),de((o-1+t)%t)):"Escape"===e.key&&(de(void 0),me(!1),se.current?.focus())},[ue,ce]),Te=(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")(ue);return Te?e("div",{className:k("line-chart",P["line-chart"]),children:Te}):t("div",{className:k("line-chart",P["line-chart"],m),"data-testid":"line-chart",role:"grid","aria-label":"line chart",style:{width:c,height:d,display:"flex",flexDirection:w&&"top"===K?"column-reverse":"column"},tabIndex:0,onKeyDown:ke,onFocus:Se,onBlur:we,ref:se,children:[t(g,{theme:re,width:c,height:d-(w?ne:0),margin:{...ve,...p,...w&&"top"===K?{top:(ve.top||0)+ne}:{}},xScale:ye.xScale,yScale:ye.yScale,onPointerDown:Z,onPointerUp:ee,onPointerMove:te,onPointerOut:oe,pointerEventsDataKey:"nearest",children:[e(v,{columns:!1,numTicks:4}),e(f,{...ye.axis.x}),e(f,{...ye.axis.y}),ue.map((o,a)=>{const r=o.options?.stroke??re.colors[a%re.colors.length],i=o.options?.seriesLineStyle??ae?.seriesLineStyles?.[a%ae.seriesLineStyles.length]??{};return t("g",{children:[J&&e(M,{index:a,data:o,color:r,renderGlyph:ae.glyphs?.[a]??V,accessors:xe,glyphStyle:B}),U&&e(y,{id:`area-gradient-${ie}-${a+1}`,from:r,fromOpacity:.4,toOpacity:.1,to:re.backgroundColor,...o.options?.gradient,"data-testid":"line-gradient"}),e(x,{dataKey:o?.label,data:o.data,...xe,fill:U?`url(#area-gradient-${ie}-${a+1})`:"transparent",renderLine:!0,curve:O(Y,X),lineProps:i},o?.label)]},o?.label||a)}),u&&t(o,{children:[ue&&e(H,{series:ue,selectedIndex:void 0!==ce?ce:void 0}),e(b,{detectBounds:!0,snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:be,renderGlyph:ge,glyphStyle:B,showVerticalCrosshair:S?.showVertical,showHorizontalCrosshair:S?.showHorizontal})]}),W?.length&&W.map(({datum:t,title:o,subtitle:a,subjectType:r,styles:i},l)=>t?e(L,{testId:`annotation-${l}`,datum:t,title:o,subtitle:a,subjectType:r,styles:i},`annotation-${t.date?.getTime()}-${t.value}`):null)]}),w&&e(j,{items:fe,orientation:D,alignmentHorizontal:G,alignmentVertical:K,className:P["line-chart-legend"],shape:E,ref:le})]})});export{K as default};
|
|
2
2
|
//# sourceMappingURL=line-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-chart.js","sources":["../../../../src/components/line-chart/line-chart.tsx"],"sourcesContent":[null],"names":["defaultRenderGlyph","props","_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","className","styles","children","_jsx","date","toLocaleDateString","point","formatDateTick","timestamp","Date","month","day","HighlightTooltip","series","selectedIndex","tooltipContext","TooltipContext","useEffect","forEach","s","showTooltip","hideTooltip","lineChart","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","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","items","alignmentHorizontal","alignmentVertical","shape"],"mappings":"ilCAgCA,MAMMA,EACLC,GAEOC,EAACC,EAAY,IAAMF,EAAQG,IAAMH,EAAMG,MAGzCC,EAAaC,IAClB,MAAMC,EAAqB,iBAARD,EAAmBA,EAAME,WAAYF,GACxD,OAAOG,MAAOF,QAAQG,EAAYH,GAG7BI,EAUA,EAAIC,OAAMC,QAAOC,QAAOC,aAAYC,cAAaC,gBACtD,MAAMC,OAAEA,EAAMC,OAAEA,GAAWC,EAAYC,IAAiB,GACxD,IAAOH,IAAYC,EAAS,OAAO,KAEnC,GAA0B,IAArBP,EAAKA,KAAKU,OAAe,OAAO,KAErC,MAAMC,EAAaX,EAAKA,KAAM,GAExBY,EAAIN,EAAQD,EAAUQ,UAAWF,IACjCG,EAAIP,EAAQF,EAAUU,UAAWJ,IAEvC,GAAkB,iBAANC,GAA+B,iBAANE,EAAiB,OAAO,KAE7D,MAAME,EAAOC,KAAKC,IAAK,EAAGzB,EAAUU,GAAYgB,SAAY,GAE5D,OAAOf,EAAa,CACnBZ,IAAK,eAAgBQ,EAAKoB,QAC1BnB,QACAoB,MAAOV,EACPT,QACAc,OACAJ,IACAE,IACAX,gBAWImB,EAAe,CAAEC,EAAkBC,KAExC,IAAOD,EACN,OAAOC,EAAYC,EAAkBC,EAItC,OAASH,GACR,IAAK,SACJ,OAAOE,EACR,IAAK,WACJ,OAAOE,EAGR,QACC,OAAOD,IAyBJE,EAAyBC,IAC9B,MAAMC,YAAEA,GAAgBD,EAClBE,EAAeD,GAAaC,cAAcV,MAChD,IAAOU,EAAe,OAAO,KAE7B,MAAMC,EAAgCC,OAAOC,QAASJ,GAAaK,YAAc,CAAA,GAC/EC,
|
|
1
|
+
{"version":3,"file":"line-chart.js","sources":["../../../../src/components/line-chart/line-chart.tsx"],"sourcesContent":[null],"names":["defaultRenderGlyph","props","_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","className","styles","children","_jsx","date","toLocaleDateString","point","formatDateTick","timestamp","Date","month","day","HighlightTooltip","series","selectedIndex","tooltipContext","TooltipContext","useEffect","forEach","s","showTooltip","hideTooltip","lineChart","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","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","items","alignmentHorizontal","alignmentVertical","shape"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Group as a}from"@visx/group";import{Pie as o}from"@visx/shape";import r from"clsx";import i from"../../hooks/use-chart-mouse-handler.js";import{useChartTheme as l}from"../../providers/theme/theme-provider.js";import{defaultTheme as s}from"../../providers/theme/themes.js";import{BaseLegend as n}from"../legend/base-legend.js";import{useElementHeight as d}from"../shared/use-element-height.js";import{withResponsive as m}from"../shared/with-responsive.js";import{BaseTooltip as p}from"../tooltip/base-tooltip.js";import c from"./pie-chart.module.scss.js";const h=({data:m,withTooltips:h=!1,className:g,showLegend:u,legendOrientation:v,legendAlignmentHorizontal:f="center",legendAlignmentVertical:x="bottom",legendShape:M="circle",size:b,thickness:j=1,padding:N=20,gapScale:V=0,cornerScale:w=0,children:A=null})=>{const y=l(),[S,k]=d(),{onMouseMove:z,onMouseLeave:L,tooltipOpen:R,tooltipData:B,tooltipLeft:C,tooltipTop:I}=i({withTooltips:h}),{isValid:T,message:$}=(e=>{if(!e.length)return{isValid:!1,message:"No data available"};if(e.some(
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Group as a}from"@visx/group";import{Pie as o}from"@visx/shape";import r from"clsx";import i from"../../hooks/use-chart-mouse-handler.js";import{useChartTheme as l}from"../../providers/theme/theme-provider.js";import{defaultTheme as s}from"../../providers/theme/themes.js";import{BaseLegend as n}from"../legend/base-legend.js";import{useElementHeight as d}from"../shared/use-element-height.js";import{withResponsive as m}from"../shared/with-responsive.js";import{BaseTooltip as p}from"../tooltip/base-tooltip.js";import c from"./pie-chart.module.scss.js";const h=({data:m,withTooltips:h=!1,className:g,showLegend:u,legendOrientation:v,legendAlignmentHorizontal:f="center",legendAlignmentVertical:x="bottom",legendShape:M="circle",size:b,thickness:j=1,padding:N=20,gapScale:V=0,cornerScale:w=0,children:A=null})=>{const y=l(),[S,k]=d(),{onMouseMove:z,onMouseLeave:L,tooltipOpen:R,tooltipData:B,tooltipLeft:C,tooltipTop:I}=i({withTooltips:h}),{isValid:T,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:""}})(m);if(!T)return e("div",{className:r("pie-chart",c["pie-chart"],g),children:e("div",{className:c["error-message"],children:$})});const D=b,H=b,O=Math.min(D,H)/2,P=D/2,q=H/2+(u&&"top"===x?k/2:0),E=V*(2*Math.PI/m.length),Y=O-N,F=0===j?0:Y*(1-j),G=(Y-F)/2,J=w?Math.min(w*Y,G):0,K=m.map((e,t)=>({...e,index:t})),Q={value:e=>e.value,fill:e=>e?.color||y.colors[e.index]},U=m.map((e,t)=>({label:e.label,value:e.value.toString(),color:y.colors[t%y.colors.length]}));return t("div",{className:r("pie-chart",c["pie-chart"],g),style:{display:"flex",flexDirection:u&&"top"===x?"column-reverse":"column"},children:[e("svg",{viewBox:`0 0 ${b} ${b}`,preserveAspectRatio:"xMidYMid meet",width:b,height:b,children:t(a,{top:q,left:P,children:[e(o,{data:K,pieValue:Q.value,outerRadius:Y,innerRadius:F,padAngle:E,cornerRadius:J,children:a=>a.arcs.map((o,r)=>{const[i,l]=a.path.centroid(o),n=o.endAngle-o.startAngle>=.25,d=e=>z(e,o.data),m={d:a.path(o)||"",fill:Q.fill(o.data)};return h&&(m.onMouseMove=d,m.onMouseLeave=L),t("g",{children:[e("path",{...m}),n&&e("text",{x:i,y:l,dy:".33em",fill:y.labelBackgroundColor||s.labelBackgroundColor,fontSize:12,textAnchor:"middle",pointerEvents:"none",children:o.data.label})]},`arc-${r}`)})}),A]})}),u&&e(n,{items:U,orientation:v,alignmentHorizontal:f,alignmentVertical:x,className:c["pie-chart-legend"],shape:M,ref:S}),h&&R&&B&&e(p,{data:B,top:I||0,left:C||0,style:{transform:"translate(-50%, -100%)"}})]})};h.displayName="PieChart";var g=m(h);export{g as default};
|
|
2
2
|
//# sourceMappingURL=pie-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie-chart.js","sources":["../../../../src/components/pie-chart/pie-chart.tsx"],"sourcesContent":[null],"names":["PieChart","data","withTooltips","className","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","size","thickness","padding","gapScale","cornerScale","children","providerTheme","useChartTheme","legendRef","legendHeight","useElementHeight","onMouseMove","onMouseLeave","tooltipOpen","tooltipData","tooltipLeft","tooltipTop","useChartMouseHandler","isValid","message","length","some","item","percentage","value","totalPercentage","reduce","sum","Math","abs","validateData","_jsx","clsx","styles","width","height","radius","min","centerX","centerY","padAngle","PI","outerRadius","innerRadius","maxCornerRadius","cornerRadius","dataWithIndex","map","d","index","accessors","fill","color","colors","legendItems","label","toString","_jsxs","style","display","flexDirection","viewBox","preserveAspectRatio","Group","top","left","Pie","pieValue","pie","arcs","arc","centroidX","centroidY","path","centroid","hasSpaceForLabel","endAngle","startAngle","handleMouseMove","event","pathProps","x","y","dy","labelBackgroundColor","defaultTheme","fontSize","textAnchor","pointerEvents","Legend","items","orientation","alignmentHorizontal","alignmentVertical","shape","ref","BaseTooltip","transform","displayName","pieChart","withResponsive"],"mappings":"mmBAwDA,MA2BMA,EAAW,EAChBC,OACAC,gBAAe,EACfC,YACAC,aACAC,oBACAC,4BAA4B,SAC5BC,0BAA0B,SAC1BC,cAAc,SACdC,OACAC,YAAY,EACZC,UAAU,GACVC,WAAW,EACXC,cAAc,EACdC,WAAW,SAEX,MAAMC,EAAgBC,KACdC,EAAWC,GAAiBC,KAC9BC,YAAEA,EAAWC,aAAEA,EAAYC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,GACzEC,EAAsB,CACrBxB,kBAGIyB,QAAEA,EAAOC,QAAEA,GAlDG,CAAE3B,IACtB,IAAOA,EAAK4B,OACX,MAAO,CAAEF,SAAS,EAAOC,QAAS,qBAKnC,GAD0B3B,EAAK6B,
|
|
1
|
+
{"version":3,"file":"pie-chart.js","sources":["../../../../src/components/pie-chart/pie-chart.tsx"],"sourcesContent":[null],"names":["PieChart","data","withTooltips","className","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","size","thickness","padding","gapScale","cornerScale","children","providerTheme","useChartTheme","legendRef","legendHeight","useElementHeight","onMouseMove","onMouseLeave","tooltipOpen","tooltipData","tooltipLeft","tooltipTop","useChartMouseHandler","isValid","message","length","some","item","percentage","value","totalPercentage","reduce","sum","Math","abs","validateData","_jsx","clsx","styles","width","height","radius","min","centerX","centerY","padAngle","PI","outerRadius","innerRadius","maxCornerRadius","cornerRadius","dataWithIndex","map","d","index","accessors","fill","color","colors","legendItems","label","toString","_jsxs","style","display","flexDirection","viewBox","preserveAspectRatio","Group","top","left","Pie","pieValue","pie","arcs","arc","centroidX","centroidY","path","centroid","hasSpaceForLabel","endAngle","startAngle","handleMouseMove","event","pathProps","x","y","dy","labelBackgroundColor","defaultTheme","fontSize","textAnchor","pointerEvents","Legend","items","orientation","alignmentHorizontal","alignmentVertical","shape","ref","BaseTooltip","transform","displayName","pieChart","withResponsive"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{localPoint as a}from"@visx/event";import{Group as i}from"@visx/group";import{Pie as l}from"@visx/shape";import{Text as o}from"@visx/text";import{useTooltip as r}from"@visx/tooltip";import s from"clsx";import{useCallback as n}from"react";import{useChartTheme as c}from"../../providers/theme/theme-provider.js";import{BaseLegend as d}from"../legend/base-legend.js";import{useElementHeight as m}from"../shared/use-element-height.js";import{withResponsive as p}from"../shared/with-responsive.js";import{BaseTooltip as h}from"../tooltip/base-tooltip.js";import v from"./pie-semi-circle-chart.module.scss.js";const g=({data:p,width:g=400,thickness:u=.4,clockwise:f=!0,withTooltips:x=!1,showLegend:b=!1,legendOrientation:w="horizontal",legendAlignmentHorizontal:y="center",legendAlignmentVertical:A="bottom",legendShape:N="circle",label:M,note:V,className:j})=>{const D=c(),[I,P]=m(),{tooltipOpen:T,tooltipLeft:L,tooltipTop:S,tooltipData:z,hideTooltip:R,showTooltip:k}=r(),C=n((
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{localPoint as a}from"@visx/event";import{Group as i}from"@visx/group";import{Pie as l}from"@visx/shape";import{Text as o}from"@visx/text";import{useTooltip as r}from"@visx/tooltip";import s from"clsx";import{useCallback as n}from"react";import{useChartTheme as c}from"../../providers/theme/theme-provider.js";import{BaseLegend as d}from"../legend/base-legend.js";import{useElementHeight as m}from"../shared/use-element-height.js";import{withResponsive as p}from"../shared/with-responsive.js";import{BaseTooltip as h}from"../tooltip/base-tooltip.js";import v from"./pie-semi-circle-chart.module.scss.js";const g=({data:p,width:g=400,thickness:u=.4,clockwise:f=!0,withTooltips:x=!1,showLegend:b=!1,legendOrientation:w="horizontal",legendAlignmentHorizontal:y="center",legendAlignmentVertical:A="bottom",legendShape:N="circle",label:M,note:V,className:j})=>{const D=c(),[I,P]=m(),{tooltipOpen:T,tooltipLeft:L,tooltipTop:S,tooltipData:z,hideTooltip:R,showTooltip:k}=r(),C=n((e,t)=>{const i=a(e);i&&k({tooltipData:t.data,tooltipLeft:i.x,tooltipTop:i.y-10})},[k]),H=n(()=>{R()},[R]),O=n(e=>t=>{C(t,e)},[C]),{isValid:$,message:B}=(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"})(p);if(!$)return e("div",{className:v["pie-semi-circle-chart"],children:e("svg",{width:g,height:g/2,"data-testid":"pie-chart-svg",children:e("text",{x:"50%",y:"50%",textAnchor:"middle",className:v.error,children:B})})});const q=g/2,E=.03,F=g-.06,G=q-E,J=Math.min(F,2*G)/2,K=J*(1-u+E),Q=p.map((e,t)=>({...e,index:t})),U=f?-Math.PI/2:Math.PI/2,W=f?Math.PI/2:-Math.PI/2,X={value:e=>e.value,sort:(e,t)=>t.value-e.value,fill:e=>e.color||D.colors[e.index%D.colors.length]},Y=p.map((e,t)=>({label:e.label,value:e.valueDisplay||e.value.toString(),color:X.fill({...e,index:t})}));return t("div",{className:s("pie-semi-circle-chart",v["pie-semi-circle-chart"],j),"data-testid":"pie-chart-container",style:{display:"flex",flexDirection:b&&"top"===A?"column-reverse":"column"},children:[e("svg",{width:g,height:q+(b&&"top"===A?P+20:0),viewBox:`0 0 ${g} ${q+(b&&"top"===A?P+20:0)}`,"data-testid":"pie-chart-svg",children:t(i,{top:J+(b&&"top"===A?P+20:0),left:J,children:[e(l,{data:Q,pieValue:X.value,outerRadius:J,innerRadius:K,cornerRadius:3,padAngle:E,startAngle:U,endAngle:W,pieSort:X.sort,children:t=>t.arcs.map(a=>e("g",{onMouseMove:O(a),onMouseLeave:H,children:e("path",{d:t.path(a)||"",fill:X.fill(a.data),"data-testid":"pie-segment"})},a.data.label))}),t(i,{children:[e(o,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:v.label,children:M}),e(o,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:v.note,children:V})]})]})}),x&&T&&z&&e(h,{data:{label:z.label,value:z.value,valueDisplay:z.valueDisplay},top:S||0,left:L||0}),b&&e(d,{items:Y,orientation:w,alignmentHorizontal:y,alignmentVertical:A,className:v["pie-semi-circle-chart-legend"],shape:N,ref:I})]})};g.displayName="PieSemiCircleChart";var u=p(g);export{u as default};
|
|
2
2
|
//# sourceMappingURL=pie-semi-circle-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie-semi-circle-chart.js","sources":["../../../../src/components/pie-semi-circle-chart/pie-semi-circle-chart.tsx"],"sourcesContent":[null],"names":["PieSemiCircleChart","data","width","thickness","clockwise","withTooltips","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","label","note","className","providerTheme","useChartTheme","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","_jsx","styles","children","height","textAnchor","error","pad","chartWidth","chartHeight","radius","Math","min","innerRadius","dataWithIndex","map","d","index","startAngle","PI","endAngle","accessors","sort","a","b","fill","color","colors","legendItems","valueDisplay","toString","_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","displayName","pieSemiCircleChart","withResponsive"],"mappings":"opBAoDA,MAoBMA,EAAoD,EACzDC,OACAC,QAAQ,IACRC,YAAY,GACZC,aAAY,EACZC,gBAAe,EACfC,cAAa,EACbC,oBAAoB,aACpBC,4BAA4B,SAC5BC,0BAA0B,SAC1BC,cAAc,SACdC,QACAC,OACAC,gBAEA,MAAMC,EAAgBC,KACdC,EAAWC,GAAiBC,KAC9BC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,EAAUC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,GACvEC,IAEKC,EAAkBC,
|
|
1
|
+
{"version":3,"file":"pie-semi-circle-chart.js","sources":["../../../../src/components/pie-semi-circle-chart/pie-semi-circle-chart.tsx"],"sourcesContent":[null],"names":["PieSemiCircleChart","data","width","thickness","clockwise","withTooltips","showLegend","legendOrientation","legendAlignmentHorizontal","legendAlignmentVertical","legendShape","label","note","className","providerTheme","useChartTheme","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","_jsx","styles","children","height","textAnchor","error","pad","chartWidth","chartHeight","radius","Math","min","innerRadius","dataWithIndex","map","d","index","startAngle","PI","endAngle","accessors","sort","a","b","fill","color","colors","legendItems","valueDisplay","toString","_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","displayName","pieSemiCircleChart","withResponsive"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useMemo as t}from"react";import{parseAsLocalDate as a}from"./date-parsing.js";const e=e=>t((
|
|
1
|
+
import{useMemo as t}from"react";import{parseAsLocalDate as a}from"./date-parsing.js";const e=e=>t(()=>{const t=e?.[0]?.data?.[0];return t&&("date"in t||"dateString"in t)?e.map(t=>({...t,data:t.data.map(t=>{let e;return"date"in t&&t.date?e=t.date:"dateString"in t&&t.dateString&&(e=a(t.dateString)),{...t,date:e}}).sort((t,a)=>t.date&&a.date?t.date.getTime()-a.date.getTime():0)})):e},[e]);export{e as useChartDataTransform};
|
|
2
2
|
//# sourceMappingURL=use-chart-data-transform.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-chart-data-transform.js","sources":["../../../../src/components/shared/use-chart-data-transform.ts"],"sourcesContent":[null],"names":["useChartDataTransform","data","useMemo","firstPoint","map","series","point","date","dateString","parseAsLocalDate","sort","a","b","getTime"],"mappings":"qFAgBa,MAAAA,EAA0BC,GAC/BC,
|
|
1
|
+
{"version":3,"file":"use-chart-data-transform.js","sources":["../../../../src/components/shared/use-chart-data-transform.ts"],"sourcesContent":[null],"names":["useChartDataTransform","data","useMemo","firstPoint","map","series","point","date","dateString","parseAsLocalDate","sort","a","b","getTime"],"mappings":"qFAgBa,MAAAA,EAA0BC,GAC/BC,EAAS,KAEf,MAAMC,EAAaF,IAAQ,IAAKA,OAAQ,GAIxC,OAH0BE,IAAgB,SAAUA,GAAc,eAAgBA,GAQ3EF,EAAKG,IAAKC,IAAY,IACzBA,EACHJ,KAAMI,EAAOJ,KACXG,IAAKE,IACL,IAAIC,EAQJ,MANK,SAAUD,GAASA,EAAMC,KAC7BA,EAAOD,EAAMC,KACF,eAAgBD,GAASA,EAAME,aAC1CD,EAAOE,EAAkBH,EAAME,aAGzB,IACHF,EACHC,UAGDG,KAAM,CAAEC,EAAGC,IACJD,EAAEJ,MAAUK,EAAEL,KACdI,EAAEJ,KAAKM,UAAYD,EAAEL,KAAKM,UADE,MAtB9BZ,GA0BN,CAAEA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createScale as t,getTicks as a}from"@visx/scale";import{useMemo as i}from"react";import{getLongestTickWidth as o}from"./utils.js";const r=(r,e,s,m,n=!1)=>{const l=i((
|
|
1
|
+
import{createScale as t,getTicks as a}from"@visx/scale";import{useMemo as i}from"react";import{getLongestTickWidth as o}from"./utils.js";const r=(r,e,s,m,n=!1)=>{const l=i(()=>{const i=s.flatMap(t=>t.data);if(n)return i.map(t=>t.label||e.axis?.y?.tickFormat(t.date.getTime(),0,[]));const o=Math.min(...i.map(t=>t.value)),m=Math.max(...i.map(t=>t.value)),l=t({...e.yScale,domain:[o,m],range:[r,0]});return a(l,e.axis?.y?.numTicks)},[e,s,r,n]);return i(()=>{const t={top:10,right:20,bottom:20,left:20},a=e.axis?.y?.orientation,i="right"===a?m.axisStyles.y.right:m.axisStyles.y.left,r=(o(l,e.axis?.y?.tickFormat,i.axisLabel)??40)+(i?.tickLength??0);return"right"===a?t.right=r:t.left=r,"top"===e.axis?.x?.orientation&&(t.top=20,t.bottom=10),t},[e,m,l])};export{r as useChartMargin};
|
|
2
2
|
//# sourceMappingURL=use-chart-margin.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-chart-margin.js","sources":["../../../../src/components/shared/use-chart-margin.tsx"],"sourcesContent":[null],"names":["useChartMargin","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":"yIAMa,MAAAA,EAAiB,CAC7BC,EACAC,EACAC,EACAC,EACAC,GAAsB,KAEtB,MAAMC,EAASC,
|
|
1
|
+
{"version":3,"file":"use-chart-margin.js","sources":["../../../../src/components/shared/use-chart-margin.tsx"],"sourcesContent":[null],"names":["useChartMargin","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":"yIAMa,MAAAA,EAAiB,CAC7BC,EACAC,EACAC,EACAC,EACAC,GAAsB,KAEtB,MAAMC,EAASC,EAAS,KACvB,MAAMC,EAAgBL,EAAKM,QAASC,GAAUA,EAAOP,MAErD,GAAKE,EAEJ,OAAOG,EAAcG,IACpBC,GAAKA,EAAEC,OAASX,EAAQY,MAAMC,GAAGC,WAAYJ,EAAEK,KAAKC,UAAW,EAAG,KAIpE,MAAMC,EAAOC,KAAKC,OAAQb,EAAcG,IAAKC,GAAKA,EAAEU,QAC9CC,EAAOH,KAAKI,OAAQhB,EAAcG,IAAKC,GAAKA,EAAEU,QAC9CG,EAASC,EAAa,IACxBxB,EAAQuB,OACXE,OAAQ,CAAER,EAAMI,GAChBK,MAAO,CAAE3B,EAAQ,KAGlB,OAAO4B,EAAUJ,EAAQvB,EAAQY,MAAMC,GAAGe,WACxC,CAAE5B,EAASC,EAAMF,EAAQI,IAE5B,OAAOE,EAAS,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,EAClBnC,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,GACL,CAAE7B,EAASE,EAAOE"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useState as e,useRef as n,useCallback as t}from"react";function r({initialHeight:r=0}={}){const[i,c]=e(r),o=n(null);return[t(
|
|
1
|
+
import{useState as e,useRef as n,useCallback as t}from"react";function r({initialHeight:r=0}={}){const[i,c]=e(r),o=n(null);return[t(e=>{if(o.current&&(o.current.disconnect(),o.current=null),e){const n=()=>{c(e.getBoundingClientRect().height||0)};n();const t=new window.ResizeObserver(n);t.observe(e),o.current=t}},[]),i]}export{r as useElementHeight};
|
|
2
2
|
//# sourceMappingURL=use-element-height.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-element-height.js","sources":["../../../../src/components/shared/use-element-height.ts"],"sourcesContent":[null],"names":["useElementHeight","initialHeight","height","setHeight","useState","observerRef","useRef","useCallback","node","current","disconnect","handleResize","getBoundingClientRect","resizeObserver","window","ResizeObserver","observe"],"mappings":"8DAWM,SAAUA,GAA4DC,cAC3EA,EAAgB,GAGb,CAAA,GACH,MAAQC,EAAQC,GAAcC,EAAUH,GAClCI,EAAcC,EAAiC,MAkBrD,MAAO,CAhBaC,
|
|
1
|
+
{"version":3,"file":"use-element-height.js","sources":["../../../../src/components/shared/use-element-height.ts"],"sourcesContent":[null],"names":["useElementHeight","initialHeight","height","setHeight","useState","observerRef","useRef","useCallback","node","current","disconnect","handleResize","getBoundingClientRect","resizeObserver","window","ResizeObserver","observe"],"mappings":"8DAWM,SAAUA,GAA4DC,cAC3EA,EAAgB,GAGb,CAAA,GACH,MAAQC,EAAQC,GAAcC,EAAUH,GAClCI,EAAcC,EAAiC,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,GACC,IAEmBX,EACvB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{getStringWidth as t}from"@visx/text";const e=(e,r,n)=>{const o=e.map(
|
|
1
|
+
import{getStringWidth as t}from"@visx/text";const e=(e,r,n)=>{const o=e.map(t=>r(t,0,[])),c=o.reduce((t,e)=>t.length>=e.length?t:e,o[0]);return t(c,n)};export{e as getLongestTickWidth};
|
|
2
2
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../src/components/shared/utils.ts"],"sourcesContent":[null],"names":["getLongestTickWidth","ticks","formatTick","labelStyle","formattedTicks","map","tick","longestTick","reduce","longest","current","length","getStringWidth"],"mappings":"4CAYa,MAAAA,EAAsB,CAClCC,EACAC,EACAC,KAEA,MAAMC,EAAiBH,EAAMI,
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../src/components/shared/utils.ts"],"sourcesContent":[null],"names":["getLongestTickWidth","ticks","formatTick","labelStyle","formattedTicks","map","tick","longestTick","reduce","longest","current","length","getStringWidth"],"mappings":"4CAYa,MAAAA,EAAsB,CAClCC,EACAC,EACAC,KAEA,MAAMC,EAAiBH,EAAMI,IAAKC,GAAQJ,EAAYI,EAAM,EAAG,KACzDC,EAAcH,EAAeI,OAClC,CAAEC,EAASC,IAAeD,EAAQE,QAAUD,EAAQC,OAASF,EAAUC,EACvEN,EAAgB,IAGjB,OAAOQ,EAAgBL,EAAaJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{localPoint as o}from"@visx/event";import{useTooltip as t}from"@visx/tooltip";import{useCallback as p}from"react";const i=({withTooltips:i})=>{const{tooltipOpen:e,tooltipLeft:l,tooltipTop:r,tooltipData:n,hideTooltip:a,showTooltip:s}=t();return{onMouseMove:p((
|
|
1
|
+
import{localPoint as o}from"@visx/event";import{useTooltip as t}from"@visx/tooltip";import{useCallback as p}from"react";const i=({withTooltips:i})=>{const{tooltipOpen:e,tooltipLeft:l,tooltipTop:r,tooltipData:n,hideTooltip:a,showTooltip:s}=t();return{onMouseMove:p((t,p)=>{if(!i)return;const e=o(t);e&&s({tooltipData:p,tooltipLeft:e.x,tooltipTop:e.y-10})},[i,s]),onMouseLeave:p(()=>{i&&a()},[i,a]),tooltipOpen:e,tooltipData:n||null,tooltipLeft:l,tooltipTop:r}};export{i as default};
|
|
2
2
|
//# sourceMappingURL=use-chart-mouse-handler.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-chart-mouse-handler.js","sources":["../../../src/hooks/use-chart-mouse-handler.ts"],"sourcesContent":[null],"names":["useChartMouseHandler","withTooltips","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","onMouseMove","useCallback","event","data","coords","localPoint","x","y","onMouseLeave"],"mappings":"wHA6CA,MAAMA,EAAuB,EAC5BC,mBAEA,MAAMC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,EAAUC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,GACvEC,IA8BD,MAAO,CACNC,YA5BmBC,
|
|
1
|
+
{"version":3,"file":"use-chart-mouse-handler.js","sources":["../../../src/hooks/use-chart-mouse-handler.ts"],"sourcesContent":[null],"names":["useChartMouseHandler","withTooltips","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","onMouseMove","useCallback","event","data","coords","localPoint","x","y","onMouseLeave"],"mappings":"wHA6CA,MAAMA,EAAuB,EAC5BC,mBAEA,MAAMC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,EAAUC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,GACvEC,IA8BD,MAAO,CACNC,YA5BmBC,EACnB,CAAEC,EAAiCC,KAClC,IAAOX,EACN,OAGD,MAAMY,EAASC,EAAYH,GACpBE,GAIPN,EAAa,CACZF,YAAaO,EACbT,YAAaU,EAAOE,EACpBX,WAAYS,EAAOG,EAAI,MAGzB,CAAEf,EAAcM,IAYhBU,aAToBP,EAAa,KAC1BT,GAGPK,KACE,CAAEL,EAAcK,IAKlBJ,cACAG,YAAaA,GAAe,KAC5BF,cACAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{buildChartTheme as o}from"@visx/xychart";import{createContext as t,useContext as e,useMemo as m}from"react";import{defaultTheme as n}from"./themes.js";const s=t(n),c=()=>e(s),i=r=>{const t=c();return m((
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{buildChartTheme as o}from"@visx/xychart";import{createContext as t,useContext as e,useMemo as m}from"react";import{defaultTheme as n}from"./themes.js";const s=t(n),c=()=>e(s),i=r=>{const t=c();return m(()=>{const e=(r??[]).map(r=>r.options?.stroke).filter(r=>Boolean(r));return o({...t,colors:[...e,...t.colors??[]]})},[t,r])},l=({theme:o={},children:t})=>{const e={...n,...o};return r(s.Provider,{value:e,children:t})};export{l as ThemeProvider,c as useChartTheme,i as useXYChartTheme};
|
|
2
2
|
//# sourceMappingURL=theme-provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-provider.js","sources":["../../../../src/providers/theme/theme-provider.tsx"],"sourcesContent":[null],"names":["ThemeContext","createContext","defaultTheme","useChartTheme","useContext","useXYChartTheme","data","providerTheme","useMemo","seriesColors","map","series","options","stroke","filter","color","Boolean","buildChartTheme","colors","ThemeProvider","theme","children","mergedTheme","_jsx","Provider","value"],"mappings":"sMASA,MAAMA,EAAeC,EAA6BC,GAM5CC,EAAgB,IACPC,EAAYJ,GAIrBK,EAAoBC,IACzB,MAAMC,EAAgBJ,IAEtB,OAAOK,
|
|
1
|
+
{"version":3,"file":"theme-provider.js","sources":["../../../../src/providers/theme/theme-provider.tsx"],"sourcesContent":[null],"names":["ThemeContext","createContext","defaultTheme","useChartTheme","useContext","useXYChartTheme","data","providerTheme","useMemo","seriesColors","map","series","options","stroke","filter","color","Boolean","buildChartTheme","colors","ThemeProvider","theme","children","mergedTheme","_jsx","Provider","value"],"mappings":"sMASA,MAAMA,EAAeC,EAA6BC,GAM5CC,EAAgB,IACPC,EAAYJ,GAIrBK,EAAoBC,IACzB,MAAMC,EAAgBJ,IAEtB,OAAOK,EAAS,KACf,MAAMC,GAAiBH,GAAQ,IAC7BI,IAAKC,GAAUA,EAAOC,SAASC,QAC/BC,OAAUC,GAA4BC,QAASD,IAEjD,OAAOE,EAAiB,IACpBV,EACHW,OAAQ,IAAKT,KAAmBF,EAAcW,QAAU,OAEvD,CAAEX,EAAeD,KAefa,EAA0C,EAAIC,QAAQ,CAAE,EAAEC,eAC/D,MAAMC,EAAc,IAAKpB,KAAiBkB,GAC1C,OAAOG,EAACvB,EAAawB,SAAQ,CAACC,MAAQH,EAAWD,SAAKA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@automattic/charts",
|
|
3
|
-
"version": "0.16.
|
|
3
|
+
"version": "0.16.2",
|
|
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": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"./style.css": "./dist/mjs/style.css"
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
|
-
"@automattic/number-formatters": "^1.0.
|
|
50
|
+
"@automattic/number-formatters": "^1.0.8",
|
|
51
51
|
"@babel/runtime": "7.27.6",
|
|
52
52
|
"@react-spring/web": "9.7.5",
|
|
53
53
|
"@visx/annotation": "^3.12.0",
|
|
@@ -98,8 +98,8 @@
|
|
|
98
98
|
"babel-loader": "9.1.2",
|
|
99
99
|
"css-loader": "^6.7.0",
|
|
100
100
|
"fork-ts-checker-webpack-plugin": "9.0.2",
|
|
101
|
-
"jest": "30.0.
|
|
102
|
-
"jest-environment-jsdom": "30.0.
|
|
101
|
+
"jest": "30.0.4",
|
|
102
|
+
"jest-environment-jsdom": "30.0.4",
|
|
103
103
|
"jest-extended": "5.0.3",
|
|
104
104
|
"mini-css-extract-plugin": "^2.7.0",
|
|
105
105
|
"postcss": "8.4.47",
|