@automattic/charts 0.7.0 → 0.8.0

package/CHANGELOG.md

@@ -5,6 +5,22 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.8.0] - 2025-02-04
+### Added
+- Charts: add additional testing for library [#41449]
+- Charts: add line smoothing toggle on line chart [#41495]
+- Charts: adds donut pie chart story [#41496]
+- Charts: adds tests for mouse-handler hook, responsive HOC, and grid control [#41455]
+- Charts: adds tests for semi circle chart [#41416]
+
+### Changed
+- Small type and style fixes [#41523]
+- Updated package dependencies. [#41491]
+
+## [0.7.1] - 2025-02-04
+### Changed
+- Internal updates.
+
 ## [0.7.0] - 2025-01-31
 ### Added
 - Automatic margin for axis labels [#41325]
@@ -89,6 +105,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fixed lints following ESLint rule changes for TS [#40584]
 - Fixing a bug in Chart storybook data. [#40640]
 
+[0.8.0]: https://github.com/Automattic/charts/compare/v0.7.1...v0.8.0
+[0.7.1]: https://github.com/Automattic/charts/compare/v0.7.0...v0.7.1
 [0.7.0]: https://github.com/Automattic/charts/compare/v0.6.0...v0.7.0
 [0.6.0]: https://github.com/Automattic/charts/compare/v0.5.0...v0.6.0
 [0.5.0]: https://github.com/Automattic/charts/compare/v0.4.0...v0.5.0

package/dist/cjs/components/grid-control/grid-control.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("@visx/grid");require("react");var i=require("./grid-control.module.scss.js");module.exports=({width:s,height:t,xScale:l,yScale:c,gridVisibility:a="x",top:d=0})=>r.jsxs("g",{transform:`translate(0, ${d})`,className:i["grid-control"],children:[a.includes("x")&&r.jsx(e.GridRows,{scale:l,width:s}),a.includes("y")&&r.jsx(e.GridColumns,{scale:c,height:t})]});
+"use strict";var r=require("react/jsx-runtime"),e=require("@visx/grid");require("react");var i=require("./grid-control.module.scss.js");module.exports=({width:s,height:t,xScale:d,yScale:a,gridVisibility:l="x",top:c=0})=>r.jsxs("g",{transform:`translate(0, ${c})`,className:i["grid-control"],children:[l.includes("x")&&r.jsx(e.GridRows,{scale:d,width:s,"data-testid":"x-grid"}),l.includes("y")&&r.jsx(e.GridColumns,{scale:a,height:t,"data-testid":"y-grid"})]});
 //# sourceMappingURL=grid-control.js.map

package/dist/cjs/components/grid-control/grid-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-control.js","sources":["/@automattic/charts/../../../../src/components/grid-control/grid-control.tsx"],"sourcesContent":[null],"names":["width","height","xScale","yScale","gridVisibility","top","_jsxs","transform","className","styles","children","includes","_jsx","GridRows","scale","GridColumns"],"mappings":"uJAK2C,EAC1CA,QACAC,SACAC,SACAC,SACAC,iBAAiB,IACjBC,MAAM,KAGLC,EAAAA,KAAG,IAAA,CAAAC,UAAY,gBAAiBF,KAAUG,UAAYC,EAAQ,gBAAgBC,SAAA,CAC3EN,EAAeO,SAAU,MAASC,MAACC,EAAAA,SAAQ,CAACC,MAAQZ,EAASF,MAAQA,IACrEI,EAAeO,SAAU,MAASC,MAACG,EAAWA,YAAA,CAACD,MAAQX,EAASF,OAASA"}
+{"version":3,"file":"grid-control.js","sources":["/@automattic/charts/../../../../src/components/grid-control/grid-control.tsx"],"sourcesContent":[null],"names":["width","height","xScale","yScale","gridVisibility","top","_jsxs","jsxs","transform","className","styles","children","includes","_jsx","jsx","GridRows","scale","GridColumns"],"mappings":"uJAK2C,EAC1CA,QACAC,SACAC,SACAC,SACAC,iBAAiB,IACjBC,MAAM,KAGLC,EAAAC,KAAA,IAAA,CAAGC,UAAY,gBAAiBH,KAAUI,UAAYC,EAAQ,gBAC3DC,SAAA,CAAAP,EAAeQ,SAAU,MAC1BC,EAAAC,IAACC,WAAQ,CAACC,MAAQd,EAASF,MAAQA,EAAoB,cAAA,WAEtDI,EAAeQ,SAAU,MAC1BC,EAAAC,IAACG,EAAWA,YAAA,CAACD,MAAQb,EAASF,OAASA,EAAM,cAAe"}

package/dist/cjs/components/legend/base-legend.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),l=require("@visx/legend"),s=require("@visx/scale"),a=require("clsx");require("react");var i=require("./legend.module.scss.js");const r={horizontal:"row",vertical:"column"};exports.BaseLegend=({items:t,className:n,orientation:c="horizontal"})=>{const d=s.scaleOrdinal({domain:t.map((e=>e.label)),range:t.map((e=>e.color))});return e.jsx("div",{className:a(i.legend,i[`legend--${c}`],n),role:"list",children:e.jsx(l.LegendOrdinal,{scale:d,direction:r[c],shape:"rect",shapeWidth:16,shapeHeight:16,className:i["legend-items"],children:l=>e.jsx("div",{className:i[`legend--${c}`],children:l.map((l=>e.jsxs("div",{className:i["legend-item"],children:[e.jsx("svg",{width:16,height:16,children:e.jsx("rect",{width:16,height:16,fill:l.value,className:i["legend-item-swatch"]})}),e.jsxs("span",{className:i["legend-item-label"],children:[l.text,t.find((e=>e.label===l.text))?.value&&e.jsx("span",{className:i["legend-item-value"],children:t.find((e=>e.label===l.text))?.value})]})]},l.text)))})})})};
+"use strict";var e=require("react/jsx-runtime"),l=require("@visx/legend"),s=require("@visx/scale"),a=require("clsx");require("react");var i=require("./legend.module.scss.js");const t={horizontal:"row",vertical:"column"};exports.BaseLegend=({items:r,className:n,orientation:d="horizontal"})=>{const c=s.scaleOrdinal({domain:r.map((e=>e.label)),range:r.map((e=>e.color))});return e.jsx("div",{className:a(i.legend,i[`legend--${d}`],n),role:"list","data-testid":`legend-${d}`,children:e.jsx(l.LegendOrdinal,{scale:c,direction:t[d],shape:"rect",shapeWidth:16,shapeHeight:16,className:i["legend-items"],children:l=>e.jsx("div",{className:i[`legend--${d}`],children:l.map((l=>e.jsxs("div",{className:i["legend-item"],role:"listitem","data-testid":"legend-item",children:[e.jsx("svg",{width:16,height:16,role:"img",children:e.jsx("rect",{width:16,height:16,fill:l.value,className:i["legend-item-swatch"],"data-testid":"legend-marker",role:"presentation"})}),e.jsxs("span",{className:i["legend-item-label"],children:[l.text,r.find((e=>e.label===l.text))?.value&&e.jsx("span",{className:i["legend-item-value"],children:r.find((e=>e.label===l.text))?.value})]})]},l.text)))})})})};
 //# sourceMappingURL=base-legend.js.map

package/dist/cjs/components/legend/base-legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-legend.js","sources":["/@automattic/charts/../../../../src/components/legend/base-legend.tsx"],"sourcesContent":[null],"names":["orientationToFlexDirection","horizontal","vertical","items","className","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","_jsx","clsx","styles","legend","role","children","LegendOrdinal","scale","direction","shape","shapeWidth","shapeHeight","labels","_jsxs","jsx","width","height","fill","value","text","find"],"mappings":"+KAeA,MAAMA,EAA6B,CAClCC,WAAY,MACZC,SAAU,6BAGkC,EAC5CC,QACAC,YACAC,cAAc,iBAEd,MAAMC,EAAcC,EAAAA,aAAc,CACjCC,OAAQL,EAAMM,KAAKC,GAAQA,EAAKC,QAChCC,MAAOT,EAAMM,KAAKC,GAAQA,EAAKG,UAGhC,OACCC,aACCV,UAAYW,EAAMC,EAAOC,OAAQD,EAAQ,WAAYX,KAAkBD,GACvEc,KAAK,OAELC,SAAAL,EAAAA,IAACM,EAAAA,cACA,CAAAC,MAAQf,EACRgB,UAAYtB,EAA4BK,GACxCkB,MAAM,OACNC,WAAa,GACbC,YAAc,GACdrB,UAAYY,EAAQ,yBAElBU,GACDZ,EAAAA,WAAKV,UAAYY,EAAQ,WAAYX,KAAgBc,SAClDO,EAAOjB,KAAKE,GACbgB,EAAAA,YAAwBvB,UAAYY,EAAQ,eAC3CG,SAAA,CAAAL,EAAAc,IAAA,MAAA,CAAKC,MAAQ,GAAKC,OAAS,YAC1BhB,EACCc,IAAA,OAAA,CAAAC,MAAQ,GACRC,OAAS,GACTC,KAAOpB,EAAMqB,MACb5B,UAAYY,EAAQ,0BAGtBW,EAAAA,aAAMvB,UAAYY,EAAQ,qBACvBG,SAAA,CAAAR,EAAMsB,KACN9B,EAAM+B,MAAMxB,GAAQA,EAAKC,QAAUA,EAAMsB,QAAQD,OAClDlB,EAAMc,IAAA,OAAA,CAAAxB,UAAYY,EAAQ,qBAAqBG,SAC5ChB,EAAM+B,MAAMxB,GAAQA,EAAKC,QAAUA,EAAMsB,QAAQD,aAb5CrB,EAAMsB,aAuBrB"}
+{"version":3,"file":"base-legend.js","sources":["/@automattic/charts/../../../../src/components/legend/base-legend.tsx"],"sourcesContent":[null],"names":["orientationToFlexDirection","horizontal","vertical","items","className","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","_jsx","clsx","styles","legend","role","children","LegendOrdinal","scale","direction","shape","shapeWidth","shapeHeight","labels","_jsxs","jsxs","width","height","fill","value","text","find"],"mappings":"+KAeA,MAAMA,EAA6B,CAClCC,WAAY,MACZC,SAAU,6BAGkC,EAC5CC,QACAC,YACAC,cAAc,iBAEd,MAAMC,EAAcC,EAAAA,aAAc,CACjCC,OAAQL,EAAMM,KAAKC,GAAQA,EAAKC,QAChCC,MAAOT,EAAMM,KAAKC,GAAQA,EAAKG,UAGhC,OACCC,EAAAA,WACCV,UAAYW,EAAMC,EAAOC,OAAQD,EAAQ,WAAYX,KAAkBD,GACvEc,KAAK,OACS,cAAA,UAAWb,IAAcc,SAEvCL,MAACM,EAAaA,cAAA,CACbC,MAAQf,EACRgB,UAAYtB,EAA4BK,GACxCkB,MAAM,OACNC,WAAa,GACbC,YAAc,GACdrB,UAAYY,EAAQ,gBAAgBG,SAElCO,GACDZ,MAAK,MAAA,CAAAV,UAAYY,EAAQ,WAAYX,KAClCc,SAAAO,EAAOjB,KAAKE,GACbgB,EAAAC,KAAA,MAAA,CAECxB,UAAYY,EAAQ,eACpBE,KAAK,WACO,cAAA,cAEZC,SAAA,CAAAL,EAAAA,IAAA,MAAA,CAAKe,MAAQ,GAAKC,OAAS,GAAKZ,KAAK,MACpCC,SAAAL,EAAAA,IAAA,OAAA,CACCe,MAAQ,GACRC,OAAS,GACTC,KAAOpB,EAAMqB,MACb5B,UAAYY,EAAQ,sBAAsB,cAC9B,gBACZE,KAAK,mBAGPS,EAAMC,KAAA,OAAA,CAAAxB,UAAYY,EAAQ,qBACvBG,SAAA,CAAAR,EAAMsB,KACN9B,EAAM+B,MAAMxB,GAAQA,EAAKC,QAAUA,EAAMsB,QAAQD,OAClDlB,EAAAA,IAAA,OAAA,CAAMV,UAAYY,EAAQ,qBAAqBG,SAC5ChB,EAAM+B,MAAMxB,GAAQA,EAAKC,QAAUA,EAAMsB,QAAQD,aAnBhDrB,EAAMsB,aA6BjB"}

package/dist/cjs/components/line-chart/line-chart.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@visx/curve"),a=require("@visx/gradient"),i=require("@visx/xychart"),r=require("clsx"),s=require("react"),l=require("../../providers/theme/theme-provider.js"),o=require("../legend/base-legend.js"),n=require("../shared/with-responsive.js"),c=require("./line-chart.module.scss.js");const d=({tooltipData:t})=>{const a=t?.nearestDatum?.datum;if(!a)return null;const i=Object.entries(t?.datumByKey||{}).map((([e,{datum:t}])=>({key:e,value:t.value}))).sort(((e,t)=>t.value-e.value));return e.jsxs("div",{className:c["line-chart__tooltip"],children:[e.jsx("div",{className:c["line-chart__tooltip-date"],children:a.date.toLocaleDateString()}),i.map((t=>e.jsxs("div",{className:c["line-chart__tooltip-row"],children:[e.jsxs("span",{className:c["line-chart__tooltip-label"],children:[t.key,":"]}),e.jsx("span",{className:c["line-chart__tooltip-value"],children:t.value})]},t.key)))]})},h=e=>new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"});var u=n.withResponsive((({data:n,width:u,height:m,className:p,margin:x,withTooltips:v=!0,showLegend:g=!1,legendOrientation:j="horizontal",withGradientFill:y=!1,options:N={}})=>{const b=l.useChartTheme(),T=s.useMemo((()=>{const e=n?.map((e=>e.options?.stroke??"")).filter(Boolean)??[];return i.buildChartTheme({...b,colors:[...e,...b.colors]})}),[b,n]);x=s.useMemo((()=>{let e={top:0,right:0,bottom:40,left:40};return"right"===N.axis?.y?.orientation&&(e={...e,right:40,left:0}),"top"===N.axis?.x?.orientation&&(e={...e,top:40,bottom:0}),{...e,...x}}),[x,N]);const w=(e=>e?.length?e.some((e=>e.data.some((e=>isNaN(e.value)||null===e.value||void 0===e.value||isNaN(e.date.getTime())))))?"Invalid data":null:"No data available")(n);if(w)return e.jsx("div",{className:r("line-chart",c["line-chart"]),children:w});const q=n.map(((e,t)=>({label:e.label,value:"",color:b.colors[t%b.colors.length]}))),_={xAccessor:e=>e.date,yAccessor:e=>e.value};return e.jsxs("div",{className:r("line-chart",c["line-chart"],p),"data-testid":"line-chart",role:"img","aria-label":"line chart",children:[e.jsxs(i.XYChart,{theme:T,width:u,height:m,margin:x,xScale:{type:"time",...N?.xScale},yScale:{type:"linear",nice:!0,zero:!1,...N?.yScale},children:[e.jsx(i.AnimatedGrid,{columns:!1,numTicks:4}),e.jsx(i.AnimatedAxis,{orientation:"bottom",numTicks:5,tickFormat:h,...N?.axis?.x}),e.jsx(i.AnimatedAxis,{orientation:"left",numTicks:4,...N?.axis?.y}),n.map(((r,s)=>{const l=r.options?.stroke??T.colors[s%T.colors.length];return e.jsxs("g",{children:[y&&e.jsx(a.LinearGradient,{id:`area-gradient-${s+1}`,from:l,to:"white",toOpacity:.1,...r.options?.gradient,"data-testid":"line-gradient"}),e.jsx(i.AnimatedAreaSeries,{dataKey:r?.label,data:r.data,..._,fill:y?`url(#area-gradient-${s+1})`:void 0,renderLine:!0,curve:t.curveNatural},r?.label)]},r?.label||s)})),v&&e.jsx(i.Tooltip,{snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:d})]}),g&&e.jsx(o.BaseLegend,{items:q,orientation:j,className:c["line-chart-legend"]})]})}));module.exports=u;
+"use strict";var e=require("react/jsx-runtime"),t=require("@visx/curve"),a=require("@visx/gradient"),i=require("@visx/xychart"),r=require("clsx"),s=require("react"),l=require("../../providers/theme/theme-provider.js"),o=require("../legend/base-legend.js"),n=require("../shared/with-responsive.js"),c=require("./line-chart.module.scss.js");const d=({tooltipData:t})=>{const a=t?.nearestDatum?.datum;if(!a)return null;const i=Object.entries(t?.datumByKey||{}).map((([e,{datum:t}])=>({key:e,value:t.value}))).sort(((e,t)=>t.value-e.value));return e.jsxs("div",{className:c["line-chart__tooltip"],children:[e.jsx("div",{className:c["line-chart__tooltip-date"],children:a.date.toLocaleDateString()}),i.map((t=>e.jsxs("div",{className:c["line-chart__tooltip-row"],children:[e.jsxs("span",{className:c["line-chart__tooltip-label"],children:[t.key,":"]}),e.jsx("span",{className:c["line-chart__tooltip-value"],children:t.value})]},t.key)))]})},h=e=>new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"});var m=n.withResponsive((({data:n,width:m,height:u,className:p,margin:v,withTooltips:x=!0,showLegend:g=!1,legendOrientation:j="horizontal",withGradientFill:y=!1,smoothing:b=!0,options:N={}})=>{const T=l.useChartTheme(),w=s.useMemo((()=>{const e=n?.map((e=>e.options?.stroke??"")).filter(Boolean)??[];return i.buildChartTheme({...T,colors:[...e,...T.colors]})}),[T,n]);v=s.useMemo((()=>{let e={};return"right"===N.axis?.y?.orientation&&(e={...e,right:40,left:0}),"top"===N.axis?.x?.orientation&&(e={...e,top:40,bottom:0}),{...e,...v}}),[v,N]);const q=(e=>e?.length?e.some((e=>e.data.some((e=>isNaN(e.value)||null===e.value||void 0===e.value||isNaN(e.date.getTime())))))?"Invalid data":null:"No data available")(n);if(q)return e.jsx("div",{className:r("line-chart",c["line-chart"]),children:q});const _=n.map(((e,t)=>({label:e.label,value:"",color:T.colors[t%T.colors.length]}))),k={xAccessor:e=>e.date,yAccessor:e=>e.value};return e.jsxs("div",{className:r("line-chart",c["line-chart"],p),"data-testid":"line-chart",role:"img","aria-label":"line chart",children:[e.jsxs(i.XYChart,{theme:w,width:m,height:u,margin:{top:0,right:0,bottom:0,left:0,...v},xScale:{type:"time",...N?.xScale},yScale:{type:"linear",nice:!0,zero:!1,...N?.yScale},children:[e.jsx(i.AnimatedGrid,{columns:!1,numTicks:4}),e.jsx(i.AnimatedAxis,{orientation:"bottom",numTicks:5,tickFormat:h,...N?.axis?.x}),e.jsx(i.AnimatedAxis,{orientation:"left",numTicks:4,...N?.axis?.y}),n.map(((r,s)=>{const l=r.options?.stroke??w.colors[s%w.colors.length];return e.jsxs("g",{children:[y&&e.jsx(a.LinearGradient,{id:`area-gradient-${s+1}`,from:l,to:"white",toOpacity:.1,...r.options?.gradient,"data-testid":"line-gradient"}),e.jsx(i.AnimatedAreaSeries,{dataKey:r?.label,data:r.data,...k,fill:y?`url(#area-gradient-${s+1})`:void 0,renderLine:!0,curve:b?t.curveCatmullRom:t.curveLinear},r?.label)]},r?.label||s)})),x&&e.jsx(i.Tooltip,{snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:d})]}),g&&e.jsx(o.BaseLegend,{items:_,orientation:j,className:c["line-chart-legend"]})]})}));module.exports=m;
 //# sourceMappingURL=line-chart.js.map

package/dist/cjs/components/line-chart/line-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-chart.js","sources":["/@automattic/charts/../../../../src/components/line-chart/line-chart.tsx"],"sourcesContent":[null],"names":["renderTooltip","tooltipData","nearestDatum","datum","tooltipPoints","Object","entries","datumByKey","map","key","value","sort","a","b","_jsxs","jsxs","className","styles","children","_jsx","date","toLocaleDateString","point","formatDateTick","Date","undefined","month","day","withResponsive","data","width","height","margin","withTooltips","showLegend","legendOrientation","withGradientFill","options","providerTheme","useChartTheme","theme","useMemo","seriesColors","series","stroke","filter","Boolean","buildChartTheme","colors","defaultMargin","top","right","bottom","left","axis","y","orientation","x","error","length","some","isNaN","getTime","validateData","clsx","legendItems","group","index","label","color","accessors","xAccessor","d","yAccessor","role","XYChart","xScale","type","yScale","nice","zero","AnimatedGrid","columns","numTicks","jsx","AnimatedAxis","tickFormat","seriesData","LinearGradient","id","from","to","toOpacity","gradient","AnimatedAreaSeries","dataKey","fill","renderLine","curve","curveNatural","Tooltip","snapTooltipToDatumX","snapTooltipToDatumY","showSeriesGlyphs","Legend","items"],"mappings":"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"}
+{"version":3,"file":"line-chart.js","sources":["/@automattic/charts/../../../../src/components/line-chart/line-chart.tsx"],"sourcesContent":[null],"names":["renderTooltip","tooltipData","nearestDatum","datum","tooltipPoints","Object","entries","datumByKey","map","key","value","sort","a","b","_jsxs","jsxs","className","styles","children","_jsx","date","toLocaleDateString","point","formatDateTick","Date","undefined","month","day","withResponsive","data","width","height","margin","withTooltips","showLegend","legendOrientation","withGradientFill","smoothing","options","providerTheme","useChartTheme","theme","useMemo","seriesColors","series","stroke","filter","Boolean","buildChartTheme","colors","defaultMargin","axis","y","orientation","right","left","x","top","bottom","error","length","some","isNaN","getTime","validateData","clsx","legendItems","group","index","label","color","accessors","xAccessor","d","yAccessor","role","XYChart","xScale","type","yScale","nice","zero","jsx","AnimatedGrid","columns","numTicks","AnimatedAxis","tickFormat","seriesData","LinearGradient","id","from","to","toOpacity","gradient","AnimatedAreaSeries","dataKey","fill","renderLine","curve","curveCatmullRom","curveLinear","Tooltip","snapTooltipToDatumX","snapTooltipToDatumY","showSeriesGlyphs","Legend","items"],"mappings":"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"}

package/dist/cjs/components/pie-chart/pie-chart.js.map

@@ -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","size","thickness","padding","gapScale","cornerScale","children","providerTheme","useChartTheme","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","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","BaseLegend","items","orientation","BaseTooltip","style","transform","displayName","withResponsive"],"mappings":"+bA8DA,MA2BMA,EAAW,EAChBC,OACAC,gBAAe,EACfC,YACAC,aACAC,oBACAC,OACAC,YAAY,EACZC,UAAU,GACVC,WAAW,EACXC,cAAc,EACdC,WAAW,SAEX,MAAMC,EAAgBC,EAAAA,iBAChBC,YAAEA,EAAWC,aAAEA,EAAYC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,GACzEC,EAAsB,CACrBlB,kBAGImB,QAAEA,EAAOC,QAAEA,GA9CG,CAAErB,IACtB,IAAOA,EAAKsB,OACX,MAAO,CAAEF,SAAS,EAAOC,QAAS,qBAKnC,GAD0BrB,EAAKuB,MAAMC,GAAQA,EAAKC,WAAa,GAAKD,EAAKE,MAAQ,IAEhF,MAAO,CAAEN,SAAS,EAAOC,QAAS,iDAInC,MAAMM,EAAkB3B,EAAK4B,QAAQ,CAAEC,EAAKL,IAAUK,EAAML,EAAKC,YAAY,GAC7E,OAAKK,KAAKC,IAAKJ,EAAkB,KAAQ,IAEjC,CAAEP,SAAS,EAAOC,QAAS,4CAG5B,CAAED,SAAS,EAAMC,QAAS,GAAI,EA4BRW,CAAchC,GAE3C,IAAOoB,EACN,OACCa,EAAAC,IAAA,MAAA,CAAKhC,UAAYiC,EAAM,YAAaC,EAAQ,aAAelC,GAAWQ,SACrEuB,MAAK,MAAA,CAAA/B,UAAYkC,EAAQ,iBAAiB1B,SAAKW,MAKlD,MAAMgB,EAAQhC,EACRiC,EAASjC,EAGTkC,EAAST,KAAKU,IAAKH,EAAOC,GAAW,EAGrCG,EAAUJ,EAAQ,EAClBK,EAAUJ,EAAS,EAGnBK,EAAWnC,GAAe,EAAIsB,KAAKc,GAAO5C,EAAKsB,QAE/CuB,EAAcN,EAAShC,EACvBuC,EAAcD,GAAgB,EAAIvC,GAElCyC,GAAoBF,EAAcC,GAAgB,EAClDE,EAAevC,EAAcqB,KAAKU,IAAK/B,EAAcoC,EAAaE,GAAoB,EAGtFE,EAAgBjD,EAAKkD,KAAK,CAAEC,EAAGC,KAAa,IAC9CD,EACHC,YAGKC,EAAY,CACjB3B,MAASyB,GAA4BA,EAAEzB,MAEvC4B,KAAQH,GACPA,GAAGI,OAAS5C,EAAc6C,OAAQL,EAAEC,QAIhCK,EAAczD,EAAKkD,KAAK,CAAE1B,EAAM4B,KAAa,CAClDM,MAAOlC,EAAKkC,MACZhC,MAAOF,EAAKE,MAAMiC,WAClBJ,MAAO5C,EAAc6C,OAAQJ,EAAQzC,EAAc6C,OAAOlC,YAG3D,OACCsC,OAAK,MAAA,CAAA1D,UAAYiC,EAAM,YAAaC,EAAQ,aAAelC,aAC1D+B,EACCC,IAAA,MAAA,CAAA2B,QAAU,OAAQxD,KAAUA,IAC5ByD,oBAAoB,gBACpBzB,MAAQhC,EACRiC,OAASjC,WAETuD,OAACG,EAAAA,MAAM,CAAAC,IAAMtB,EAAUuB,KAAOxB,EAC7B/B,SAAA,CAAAuB,EAAAA,IAACiC,EAAGA,IAAA,CACHlE,KAAOiD,EACPkB,SAAWd,EAAU3B,MACrBmB,YAAcA,EACdC,YAAcA,EACdH,SAAWA,EACXK,aAAeA,EAEbtC,SAAA0D,GACMA,EAAIC,KAAKnB,KAAK,CAAEoB,EAAKlB,KAC3B,MAAQmB,EAAWC,GAAcJ,EAAIK,KAAKC,SAAUJ,GAC9CK,EAAmBL,EAAIM,SAAWN,EAAIO,YAAc,IACpDC,EAAoBC,GACzBlE,EAAakE,EAAOT,EAAItE,MAEnBgF,EAAwC,CAC7C7B,EAAGiB,EAAIK,KAAMH,IAAS,GACtBhB,KAAMD,EAAUC,KAAMgB,EAAItE,OAQ3B,OALKC,IACJ+E,EAAUnE,YAAciE,EACxBE,EAAUlE,aAAeA,GAIzB8C,EACCqB,KAAA,IAAA,CAAAvE,SAAA,CAAAuB,EAAAA,IAAA,OAAA,IAAW+C,IACTL,GACD1C,MACC,OAAA,CAAAiD,EAAIX,EACJY,EAAIX,EACJY,GAAG,QACH9B,KACC3C,EAAc0E,sBAAwBC,EAAAA,aAAaD,qBAEpDE,SAAW,GACXC,WAAW,SACXC,cAAc,OAEZ/E,SAAA4D,EAAItE,KAAK0D,UAdL,OAAQN,IAkBhB,MAKH1C,OAIFP,GACD8B,EAACC,IAAAwD,EAAMC,WACN,CAAAC,MAAQnC,EACRoC,YAAczF,EACdF,UAAYkC,EAAQ,sBAIpBnC,GAAgBc,GAAeC,GAChCiB,EAAAC,IAAC4D,EAAWA,YAAA,CACX9F,KAAOgB,EACPgD,IAAM9C,GAAc,EACpB+C,KAAOhD,GAAe,EACtB8E,MAAQ,CACPC,UAAW,8BAKd,EAGHjG,EAASkG,YAAc,WACvB,IAAeC,EAAAA,EAAAA,eAAiCnG"}
+{"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","size","thickness","padding","gapScale","cornerScale","children","providerTheme","useChartTheme","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","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","BaseLegend","items","orientation","BaseTooltip","style","transform","displayName","withResponsive"],"mappings":"+bAyDA,MA2BMA,EAAW,EAChBC,OACAC,gBAAe,EACfC,YACAC,aACAC,oBACAC,OACAC,YAAY,EACZC,UAAU,GACVC,WAAW,EACXC,cAAc,EACdC,WAAW,SAEX,MAAMC,EAAgBC,EAAAA,iBAChBC,YAAEA,EAAWC,aAAEA,EAAYC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,GACzEC,EAAsB,CACrBlB,kBAGImB,QAAEA,EAAOC,QAAEA,GA9CG,CAAErB,IACtB,IAAOA,EAAKsB,OACX,MAAO,CAAEF,SAAS,EAAOC,QAAS,qBAKnC,GAD0BrB,EAAKuB,MAAMC,GAAQA,EAAKC,WAAa,GAAKD,EAAKE,MAAQ,IAEhF,MAAO,CAAEN,SAAS,EAAOC,QAAS,iDAInC,MAAMM,EAAkB3B,EAAK4B,QAAQ,CAAEC,EAAKL,IAAUK,EAAML,EAAKC,YAAY,GAC7E,OAAKK,KAAKC,IAAKJ,EAAkB,KAAQ,IAEjC,CAAEP,SAAS,EAAOC,QAAS,4CAG5B,CAAED,SAAS,EAAMC,QAAS,GAAI,EA4BRW,CAAchC,GAE3C,IAAOoB,EACN,OACCa,EAAAC,IAAA,MAAA,CAAKhC,UAAYiC,EAAM,YAAaC,EAAQ,aAAelC,GAAWQ,SACrEuB,MAAK,MAAA,CAAA/B,UAAYkC,EAAQ,iBAAiB1B,SAAKW,MAKlD,MAAMgB,EAAQhC,EACRiC,EAASjC,EAGTkC,EAAST,KAAKU,IAAKH,EAAOC,GAAW,EAGrCG,EAAUJ,EAAQ,EAClBK,EAAUJ,EAAS,EAGnBK,EAAWnC,GAAe,EAAIsB,KAAKc,GAAO5C,EAAKsB,QAE/CuB,EAAcN,EAAShC,EACvBuC,EAAcD,GAAgB,EAAIvC,GAElCyC,GAAoBF,EAAcC,GAAgB,EAClDE,EAAevC,EAAcqB,KAAKU,IAAK/B,EAAcoC,EAAaE,GAAoB,EAGtFE,EAAgBjD,EAAKkD,KAAK,CAAEC,EAAGC,KAAa,IAC9CD,EACHC,YAGKC,EAAY,CACjB3B,MAASyB,GAA4BA,EAAEzB,MAEvC4B,KAAQH,GACPA,GAAGI,OAAS5C,EAAc6C,OAAQL,EAAEC,QAIhCK,EAAczD,EAAKkD,KAAK,CAAE1B,EAAM4B,KAAa,CAClDM,MAAOlC,EAAKkC,MACZhC,MAAOF,EAAKE,MAAMiC,WAClBJ,MAAO5C,EAAc6C,OAAQJ,EAAQzC,EAAc6C,OAAOlC,YAG3D,OACCsC,OAAK,MAAA,CAAA1D,UAAYiC,EAAM,YAAaC,EAAQ,aAAelC,aAC1D+B,EACCC,IAAA,MAAA,CAAA2B,QAAU,OAAQxD,KAAUA,IAC5ByD,oBAAoB,gBACpBzB,MAAQhC,EACRiC,OAASjC,WAETuD,OAACG,EAAAA,MAAM,CAAAC,IAAMtB,EAAUuB,KAAOxB,EAC7B/B,SAAA,CAAAuB,EAAAA,IAACiC,EAAGA,IAAA,CACHlE,KAAOiD,EACPkB,SAAWd,EAAU3B,MACrBmB,YAAcA,EACdC,YAAcA,EACdH,SAAWA,EACXK,aAAeA,EAEbtC,SAAA0D,GACMA,EAAIC,KAAKnB,KAAK,CAAEoB,EAAKlB,KAC3B,MAAQmB,EAAWC,GAAcJ,EAAIK,KAAKC,SAAUJ,GAC9CK,EAAmBL,EAAIM,SAAWN,EAAIO,YAAc,IACpDC,EAAoBC,GACzBlE,EAAakE,EAAOT,EAAItE,MAEnBgF,EAAwC,CAC7C7B,EAAGiB,EAAIK,KAAMH,IAAS,GACtBhB,KAAMD,EAAUC,KAAMgB,EAAItE,OAQ3B,OALKC,IACJ+E,EAAUnE,YAAciE,EACxBE,EAAUlE,aAAeA,GAIzB8C,EACCqB,KAAA,IAAA,CAAAvE,SAAA,CAAAuB,EAAAA,IAAA,OAAA,IAAW+C,IACTL,GACD1C,MACC,OAAA,CAAAiD,EAAIX,EACJY,EAAIX,EACJY,GAAG,QACH9B,KACC3C,EAAc0E,sBAAwBC,EAAAA,aAAaD,qBAEpDE,SAAW,GACXC,WAAW,SACXC,cAAc,OAEZ/E,SAAA4D,EAAItE,KAAK0D,UAdL,OAAQN,IAkBhB,MAKH1C,OAIFP,GACD8B,EAACC,IAAAwD,EAAMC,WACN,CAAAC,MAAQnC,EACRoC,YAAczF,EACdF,UAAYkC,EAAQ,sBAIpBnC,GAAgBc,GAAeC,GAChCiB,EAAAC,IAAC4D,EAAWA,YAAA,CACX9F,KAAOgB,EACPgD,IAAM9C,GAAc,EACpB+C,KAAOhD,GAAe,EACtB8E,MAAQ,CACPC,UAAW,8BAKd,EAGHjG,EAASkG,YAAc,WACvB,IAAeC,EAAAA,EAAAA,eAAiCnG"}

package/dist/cjs/components/pie-semi-circle-chart/pie-semi-circle-chart.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("@visx/event"),l=require("@visx/group"),t=require("@visx/shape"),a=require("@visx/text"),s=require("@visx/tooltip"),r=require("clsx"),o=require("react"),c=require("../../providers/theme/theme-provider.js"),n=require("../legend/base-legend.js"),p=require("../shared/with-responsive.js"),u=require("../tooltip/base-tooltip.js"),d=require("./pie-semi-circle-chart.module.scss.js");const h=({data:p,width:h,label:v,note:x,className:m,withTooltips:j=!1,clockwise:g=!0,thickness:q=.4,showLegend:b,legendOrientation:T})=>{const w=c.useChartTheme(),{tooltipOpen:f,tooltipLeft:y,tooltipTop:A,tooltipData:M,hideTooltip:P,showTooltip:C}=s.useTooltip(),N=h/2,k=h/2,D=h/2,L=D*(1-q+.03),I=p.map(((e,i)=>({...e,index:i}))),R=g?-Math.PI/2:Math.PI/2,B=g?Math.PI/2:-Math.PI/2,S={value:e=>e.value,sort:(e,i)=>i.value-e.value,fill:e=>e.color||w.colors[e.index%w.colors.length]},G=o.useCallback(((e,l)=>{const t=i.localPoint(e);t&&C({tooltipData:l.data,tooltipLeft:t.x,tooltipTop:t.y-10})}),[C]),O=o.useCallback((()=>{P()}),[P]),$=o.useCallback((e=>i=>{G(i,e)}),[G]),V=p.map(((e,i)=>({label:e.label,value:e.valueDisplay||e.value.toString(),color:S.fill({...e,index:i})})));return e.jsxs("div",{className:r("pie-semi-circle-chart",d["pie-semi-circle-chart"],m),children:[e.jsx("svg",{viewBox:`0 0 ${h} ${k}`,width:h,height:k,children:e.jsxs(l.Group,{top:N,left:N,children:[e.jsx(t.Pie,{data:I,pieValue:S.value,outerRadius:D,innerRadius:L,cornerRadius:3,padAngle:.03,startAngle:R,endAngle:B,pieSort:S.sort,children:i=>i.arcs.map((l=>e.jsx("g",{onMouseMove:$(l),onMouseLeave:O,children:e.jsx("path",{d:i.path(l)||"",fill:S.fill(l.data)})},l.data.label)))}),e.jsxs(l.Group,{children:[e.jsx(a.Text,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:d.label,children:v}),e.jsx(a.Text,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:d.note,children:x})]})]})}),j&&f&&M&&e.jsx(u.BaseTooltip,{data:{label:M.label,value:M.value,valueDisplay:M.valueDisplay},top:A||0,left:y||0}),b&&e.jsx(n.BaseLegend,{items:V,orientation:T,className:d["pie-semi-circle-chart-legend"]})]})};h.displayName="PieSemiCircleChart";var v=p.withResponsive(h);module.exports=v;
+"use strict";var e=require("react/jsx-runtime"),a=require("@visx/event"),t=require("@visx/group"),i=require("@visx/shape"),l=require("@visx/text"),s=require("@visx/tooltip"),r=require("clsx"),o=require("react"),c=require("../../providers/theme/theme-provider.js"),d=require("../legend/base-legend.js"),n=require("../shared/with-responsive.js"),h=require("../tooltip/base-tooltip.js"),p=require("./pie-semi-circle-chart.module.scss.js");const u=({data:n,width:u=400,thickness:v=.4,clockwise:m=!0,withTooltips:x=!1,showLegend:g=!1,legendOrientation:j="horizontal",label:b,note:q,className:w})=>{const N=c.useChartTheme(),{tooltipOpen:T,tooltipLeft:f,tooltipTop:M,tooltipData:y,hideTooltip:A,showTooltip:P}=s.useTooltip(),C=o.useCallback(((e,t)=>{const i=a.localPoint(e);i&&P({tooltipData:t.data,tooltipLeft:i.x,tooltipTop:i.y-10})}),[P]),I=o.useCallback((()=>{A()}),[A]),V=o.useCallback((e=>a=>{C(a,e)}),[C]),{isValid:k,message:D}=(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,a)=>e+a.percentage),0)<=0?{isValid:!1,message:"Invalid percentage total: Must be greater than 0"}:{isValid:!0,message:""}:{isValid:!1,message:"No data available"})(n);if(!k)return e.jsx("div",{className:p["pie-semi-circle-chart"],children:e.jsx("svg",{width:u,height:u/2,"data-testid":"pie-chart-svg",children:e.jsx("text",{x:"50%",y:"50%",textAnchor:"middle",className:p.error,children:D})})});const L=u/2,R=.03,B=u-.06,S=L-R,G=Math.min(B,2*S)/2,O=G*(1-v+R),$=n.map(((e,a)=>({...e,index:a}))),z=m?-Math.PI/2:Math.PI/2,E=m?Math.PI/2:-Math.PI/2,F={value:e=>e.value,sort:(e,a)=>a.value-e.value,fill:e=>e.color||N.colors[e.index%N.colors.length]},H=n.map(((e,a)=>({label:e.label,value:e.valueDisplay||e.value.toString(),color:F.fill({...e,index:a})})));return e.jsxs("div",{className:r("pie-semi-circle-chart",p["pie-semi-circle-chart"],w),"data-testid":"pie-chart-container",children:[e.jsx("svg",{width:u,height:L,viewBox:`0 0 ${u} ${L}`,"data-testid":"pie-chart-svg",children:e.jsxs(t.Group,{top:G,left:G,children:[e.jsx(i.Pie,{data:$,pieValue:F.value,outerRadius:G,innerRadius:O,cornerRadius:3,padAngle:R,startAngle:z,endAngle:E,pieSort:F.sort,children:a=>a.arcs.map((t=>e.jsx("g",{onMouseMove:V(t),onMouseLeave:I,children:e.jsx("path",{d:a.path(t)||"",fill:F.fill(t.data),"data-testid":"pie-segment"})},t.data.label)))}),e.jsxs(t.Group,{children:[e.jsx(l.Text,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:p.label,children:b}),e.jsx(l.Text,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:p.note,children:q})]})]})}),x&&T&&y&&e.jsx(h.BaseTooltip,{data:{label:y.label,value:y.value,valueDisplay:y.valueDisplay},top:M||0,left:f||0}),g&&e.jsx(d.BaseLegend,{items:H,orientation:j,className:p["pie-semi-circle-chart-legend"]})]})};u.displayName="PieSemiCircleChart";var v=n.withResponsive(u);module.exports=v;
 //# sourceMappingURL=pie-semi-circle-chart.js.map

package/dist/cjs/components/pie-semi-circle-chart/pie-semi-circle-chart.js.map

@@ -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","label","note","className","withTooltips","clockwise","thickness","showLegend","legendOrientation","providerTheme","useChartTheme","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","centerX","height","radius","innerRadius","dataWithIndex","map","d","index","startAngle","Math","PI","endAngle","accessors","value","sort","a","b","fill","color","colors","length","handleMouseMove","useCallback","event","arc","coords","localPoint","x","y","handleMouseLeave","handleArcMouseMove","legendItems","item","valueDisplay","toString","_jsxs","jsxs","clsx","styles","_jsx","jsx","viewBox","Group","top","left","children","Pie","pieValue","outerRadius","cornerRadius","padAngle","pieSort","pie","arcs","onMouseMove","onMouseLeave","path","Text","textAnchor","verticalAnchor","BaseTooltip","Legend","items","orientation","displayName","withResponsive"],"mappings":"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"}
+{"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","label","note","className","providerTheme","useChartTheme","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","clsx","viewBox","Group","top","left","Pie","pieValue","outerRadius","cornerRadius","padAngle","pieSort","pie","arcs","onMouseMove","onMouseLeave","path","Text","verticalAnchor","BaseTooltip","Legend","items","orientation","displayName","withResponsive"],"mappings":"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"}

package/dist/cjs/components/shared/with-responsive.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("@visx/responsive");require("react"),exports.withResponsive=function(t,n){const{maxWidth:r=1200,aspectRatio:s=.5,debounceTime:a=50}=n||{};return function(n){const{parentRef:h,width:u}=i.useParentSize({debounceTime:a,enableDebounceLeadingCall:!0,initialSize:{width:600,height:400}}),c=u?Math.min(u,r):600,o=c*s;return e.jsx("div",{ref:h,style:{width:"100%",minHeight:`${o}px`},children:e.jsx(t,{width:c,height:o,size:c,...n})})}};
+"use strict";var e=require("react/jsx-runtime"),i=require("@visx/responsive");require("react"),exports.withResponsive=function(t,n){const{maxWidth:r=1200,aspectRatio:s=.5,debounceTime:h=50}=n||{};return function(n){const{parentRef:a,width:u}=i.useParentSize({debounceTime:h,enableDebounceLeadingCall:!0,initialSize:{width:600,height:400}}),c=u?Math.min(u,r):600,o=n.height??c*s;return e.jsx("div",{ref:a,style:{width:"100%"},children:e.jsx(t,{width:c,height:o,size:c,...n})})}};
 //# sourceMappingURL=with-responsive.js.map

package/dist/cjs/components/shared/with-responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-responsive.js","sources":["/@automattic/charts/../../../../src/components/shared/with-responsive.tsx"],"sourcesContent":[null],"names":["WrappedComponent","config","maxWidth","aspectRatio","debounceTime","props","parentRef","width","parentWidth","useParentSize","enableDebounceLeadingCall","initialSize","height","containerWidth","Math","min","containerHeight","_jsx","jsx","ref","style","minHeight","children","size"],"mappings":"sHAmBgB,SACfA,EACAC,GAEA,MAAMC,SAAEA,EAAW,KAAIC,YAAEA,EAAc,GAAGC,aAAEA,EAAe,IAAOH,GAAU,GAE5E,OAAO,SAA0BI,GAChC,MAAMC,UAAEA,EAAWC,MAAOC,GAAgBC,EAAAA,cAAe,CACxDL,eACAM,2BAA2B,EAC3BC,YAAa,CAAEJ,MAAO,IAAKK,OAAQ,OAI9BC,EAAiBL,EAAcM,KAAKC,IAAKP,EAAaN,GAAa,IACnEc,EAAkBH,EAAiBV,EAEzC,OACCc,EACCC,IAAA,MAAA,CAAAC,IAAMb,EACNc,MAAQ,CACPb,MAAO,OACPc,UAAW,GAAIL,OACfM,SAEDL,MAACjB,EAAgB,CAChBO,MAAQM,EACRD,OAASI,EACTO,KAAOV,KACAR,KAIX,CACD"}
+{"version":3,"file":"with-responsive.js","sources":["/@automattic/charts/../../../../src/components/shared/with-responsive.tsx"],"sourcesContent":[null],"names":["WrappedComponent","config","maxWidth","aspectRatio","debounceTime","props","parentRef","width","parentWidth","useParentSize","enableDebounceLeadingCall","initialSize","height","containerWidth","Math","min","containerHeight","_jsx","jsx","ref","style","children","size"],"mappings":"sHAmBgB,SACfA,EACAC,GAEA,MAAMC,SAAEA,EAAW,KAAIC,YAAEA,EAAc,GAAGC,aAAEA,EAAe,IAAOH,GAAU,GAE5E,OAAO,SAA0BI,GAChC,MAAMC,UAAEA,EAAWC,MAAOC,GAAgBC,EAAAA,cAAe,CACxDL,eACAM,2BAA2B,EAC3BC,YAAa,CAAEJ,MAAO,IAAKK,OAAQ,OAI9BC,EAAiBL,EAAcM,KAAKC,IAAKP,EAAaN,GAAa,IACnEc,EAAkBX,EAAMO,QAAUC,EAAiBV,EAEzD,OACCc,EACCC,IAAA,MAAA,CAAAC,IAAMb,EACNc,MAAQ,CACPb,MAAO,QACPc,SAEDJ,MAACjB,EAAgB,CAChBO,MAAQM,EACRD,OAASI,EACTM,KAAOT,KACAR,KAIX,CACD"}

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./components/bar-chart/bar-chart.js"),r=require("./components/line-chart/line-chart.js"),t=require("./components/pie-chart/pie-chart.js"),s=require("./components/pie-semi-circle-chart/pie-semi-circle-chart.js"),o=require("./components/tooltip/base-tooltip.js"),i=require("./components/legend/base-legend.js"),a=require("./providers/theme/theme-provider.js"),p=require("./hooks/use-chart-mouse-handler.js");exports.BarChart=e,exports.LineChart=r,exports.PieChart=t,exports.PieSemiCircleChart=s,exports.BaseTooltip=o.BaseTooltip,exports.Legend=i.BaseLegend,exports.ThemeProvider=a.ThemeProvider,exports.useChartMouseHandler=p;
+"use strict";var e=require("./components/bar-chart/bar-chart.js"),r=require("./components/line-chart/line-chart.js"),t=require("./components/pie-chart/pie-chart.js"),o=require("./components/pie-semi-circle-chart/pie-semi-circle-chart.js"),s=require("./components/tooltip/base-tooltip.js"),i=require("./components/legend/base-legend.js"),p=require("./providers/theme/theme-provider.js"),a=require("./providers/theme/themes.js"),h=require("./hooks/use-chart-mouse-handler.js");exports.BarChart=e,exports.LineChart=r,exports.PieChart=t,exports.PieSemiCircleChart=o,exports.BaseTooltip=s.BaseTooltip,exports.Legend=i.BaseLegend,exports.ThemeProvider=p.ThemeProvider,exports.defaultTheme=a.defaultTheme,exports.jetpackTheme=a.jetpackTheme,exports.wooTheme=a.wooTheme,exports.useChartMouseHandler=h;
 //# sourceMappingURL=index.js.map

package/dist/cjs/providers/theme/themes.js

@@ -1,2 +1,2 @@
-"use strict";exports.defaultTheme={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#DCDCDE",strokeWidth:1},tickLength:4,gridColor:"",gridColorDark:"",xTickLineStyles:{stroke:"black"},xAxisLineStyles:{stroke:"#DCDCDE",strokeWidth:1}};
+"use strict";exports.defaultTheme={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#DCDCDE",strokeWidth:1},tickLength:4,gridColor:"",gridColorDark:"",xTickLineStyles:{stroke:"black"},xAxisLineStyles:{stroke:"#DCDCDE",strokeWidth:1}},exports.jetpackTheme={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#DCDCDE",strokeWidth:1},tickLength:4,gridColor:"",gridColorDark:"",xTickLineStyles:{stroke:"black"},xAxisLineStyles:{stroke:"#DCDCDE",strokeWidth:1}},exports.wooTheme={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#80C8FF","#B999FF","#3858E9"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:4,gridColor:"",gridColorDark:"",xTickLineStyles:{stroke:"black"},xAxisLineStyles:{stroke:"#DCDCDE",strokeWidth:1}};
 //# sourceMappingURL=themes.js.map

package/dist/cjs/providers/theme/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sources":["/@automattic/charts/../../../../src/providers/theme/themes.ts"],"sourcesContent":[null],"names":["backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","xTickLineStyles","xAxisLineStyles"],"mappings":"kCAKiC,CAChCA,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,UAAW,UAAW,WACtDC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,GACfC,gBAAiB,CAAEL,OAAQ,SAC3BM,gBAAiB,CAAEN,OAAQ,UAAWC,YAAa"}
+{"version":3,"file":"themes.js","sources":["/@automattic/charts/../../../../src/providers/theme/themes.ts"],"sourcesContent":[null],"names":["backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","xTickLineStyles","xAxisLineStyles"],"mappings":"kCAKiC,CAChCA,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,UAAW,UAAW,WACtDC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,GACfC,gBAAiB,CAAEL,OAAQ,SAC3BM,gBAAiB,CAAEN,OAAQ,UAAWC,YAAa,yBAMnB,CAChCL,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,UAAW,UAAW,WACtDC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,GACfC,gBAAiB,CAAEL,OAAQ,SAC3BM,gBAAiB,CAAEN,OAAQ,UAAWC,YAAa,qBAMvB,CAC5BL,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,WAChCC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,GACfC,gBAAiB,CAAEL,OAAQ,SAC3BM,gBAAiB,CAAEN,OAAQ,UAAWC,YAAa"}

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import { LineStyles } from '@visx/xychart';
 import { CSSProperties, ComponentType, ReactNode, FC } from 'react';
 
 type ValueOf<T> = T[keyof T];
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
 declare type OrientationType = ValueOf<typeof Orientation>;
 type DataPoint = {
     label: string;
@@ -80,6 +81,7 @@ declare type AxisOptions = {
     axisLineClassName?: string;
     labelClassName?: string;
     tickClassName?: string;
+    tickFormat?: (value: number) => string;
 };
 /**
  * Base properties shared across all chart components
@@ -101,14 +103,18 @@ type BaseChartProps<T = DataPoint | DataPointDate> = {
      * Height of the chart in pixels
      */
     height?: number;
+    /**
+     * Size of the chart in pixels for pie and donut charts
+     */
+    size?: number;
     /**
      * Chart margins
      */
     margin?: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
     };
     /**
      * Whether to show tooltips on hover. False by default.
@@ -146,18 +152,13 @@ type BaseChartProps<T = DataPoint | DataPointDate> = {
 
 interface BarChartProps extends BaseChartProps<SeriesData[]> {
 }
-declare const _default$3: (props: Omit<BarChartProps, "height" | "width" | "size">) => react_jsx_runtime.JSX.Element;
+declare const _default$3: (props: Optional<BarChartProps, "height" | "width" | "size">) => react_jsx_runtime.JSX.Element;
 
 interface LineChartProps extends BaseChartProps<SeriesData[]> {
-    margin?: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
     withGradientFill: boolean;
+    smoothing?: boolean;
 }
-declare const _default$2: (props: Omit<LineChartProps, "height" | "width" | "size">) => react_jsx_runtime.JSX.Element;
+declare const _default$2: (props: Optional<LineChartProps, "height" | "width" | "size">) => react_jsx_runtime.JSX.Element;
 
 type OmitBaseChartProps = Omit<BaseChartProps<DataPointPercentage[]>, 'width' | 'height'>;
 interface PieChartProps extends OmitBaseChartProps {
@@ -165,10 +166,6 @@ interface PieChartProps extends OmitBaseChartProps {
      * Inner radius in pixels. If > 0, creates a donut chart. Defaults to 0.
      */
     innerRadius?: number;
-    /**
-     * Size of the chart in pixels
-     */
-    size?: number;
     /**
      * Add padding to the chart
      */
@@ -194,7 +191,7 @@ interface PieChartProps extends OmitBaseChartProps {
      */
     children?: React.ReactNode;
 }
-declare const _default$1: (props: Omit<PieChartProps, "height" | "width" | "size">) => react_jsx_runtime.JSX.Element;
+declare const _default$1: (props: Optional<PieChartProps, "height" | "width" | "size">) => react_jsx_runtime.JSX.Element;
 
 interface PieSemiCircleChartProps extends BaseChartProps<DataPointPercentage[]> {
     /**
@@ -205,6 +202,11 @@ interface PieSemiCircleChartProps extends BaseChartProps<DataPointPercentage[]>
      * Thickness of the pie chart. A value between 0 and 1
      */
     thickness?: number;
+    /**
+     * Direction of chart rendering
+     * true for clockwise, false for counter-clockwise
+     */
+    clockwise?: boolean;
     /**
      * Label text to display above the chart
      */
@@ -213,13 +215,8 @@ interface PieSemiCircleChartProps extends BaseChartProps<DataPointPercentage[]>
      * Note text to display below the label
      */
     note?: string;
-    /**
-     * Direction of chart rendering
-     * true for clockwise, false for counter-clockwise
-     */
-    clockwise?: boolean;
 }
-declare const _default: (props: Omit<PieSemiCircleChartProps, "height" | "width" | "size">) => react_jsx_runtime.JSX.Element;
+declare const _default: (props: Optional<PieSemiCircleChartProps, "height" | "width" | "size">) => react_jsx_runtime.JSX.Element;
 
 type TooltipData = {
     label: string;
@@ -274,6 +271,19 @@ type ThemeProviderProps = {
 };
 declare const ThemeProvider: FC<ThemeProviderProps>;
 
+/**
+ * Default theme configuration
+ */
+declare const defaultTheme: ChartTheme;
+/**
+ * Jetpack theme configuration
+ */
+declare const jetpackTheme: ChartTheme;
+/**
+ * Woo theme configuration
+ */
+declare const wooTheme: ChartTheme;
+
 type UseChartMouseHandlerProps = {
     /**
      * Whether tooltips are enabled
@@ -314,4 +324,4 @@ type UseChartMouseHandlerReturn = {
  */
 declare const useChartMouseHandler: ({ withTooltips, }: UseChartMouseHandlerProps) => UseChartMouseHandlerReturn;
 
-export { _default$3 as BarChart, BaseTooltip, BaseLegend as Legend, _default$2 as LineChart, _default$1 as PieChart, _default as PieSemiCircleChart, ThemeProvider, useChartMouseHandler };
+export { _default$3 as BarChart, BaseTooltip, BaseLegend as Legend, _default$2 as LineChart, _default$1 as PieChart, _default as PieSemiCircleChart, ThemeProvider, defaultTheme, jetpackTheme, useChartMouseHandler, wooTheme };

package/dist/mjs/components/grid-control/grid-control.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as r}from"react/jsx-runtime";import{GridRows as t,GridColumns as e}from"@visx/grid";import"react";import s from"./grid-control.module.scss.js";const o=({width:o,height:c,xScale:l,yScale:a,gridVisibility:d="x",top:m=0})=>i("g",{transform:`translate(0, ${m})`,className:s["grid-control"],children:[d.includes("x")&&r(t,{scale:l,width:o}),d.includes("y")&&r(e,{scale:a,height:c})]});export{o as default};
+import{jsxs as t,jsx as i}from"react/jsx-runtime";import{GridRows as r,GridColumns as e}from"@visx/grid";import"react";import s from"./grid-control.module.scss.js";const a=({width:a,height:d,xScale:o,yScale:c,gridVisibility:l="x",top:m=0})=>t("g",{transform:`translate(0, ${m})`,className:s["grid-control"],children:[l.includes("x")&&i(r,{scale:o,width:a,"data-testid":"x-grid"}),l.includes("y")&&i(e,{scale:c,height:d,"data-testid":"y-grid"})]});export{a as default};
 //# sourceMappingURL=grid-control.js.map

package/dist/mjs/components/grid-control/grid-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-control.js","sources":["../../../../src/components/grid-control/grid-control.tsx"],"sourcesContent":[null],"names":["GridControl","width","height","xScale","yScale","gridVisibility","top","_jsxs","transform","className","styles","children","includes","_jsx","GridRows","scale","GridColumns"],"mappings":"oKAKM,MAAAA,EAAqC,EAC1CC,QACAC,SACAC,SACAC,SACAC,iBAAiB,IACjBC,MAAM,KAGLC,EAAG,IAAA,CAAAC,UAAY,gBAAiBF,KAAUG,UAAYC,EAAQ,gBAAgBC,SAAA,CAC3EN,EAAeO,SAAU,MAASC,EAACC,EAAQ,CAACC,MAAQZ,EAASF,MAAQA,IACrEI,EAAeO,SAAU,MAASC,EAACG,EAAW,CAACD,MAAQX,EAASF,OAASA"}
+{"version":3,"file":"grid-control.js","sources":["../../../../src/components/grid-control/grid-control.tsx"],"sourcesContent":[null],"names":["GridControl","width","height","xScale","yScale","gridVisibility","top","_jsxs","transform","className","styles","children","includes","_jsx","GridRows","scale","GridColumns"],"mappings":"oKAKM,MAAAA,EAAqC,EAC1CC,QACAC,SACAC,SACAC,SACAC,iBAAiB,IACjBC,MAAM,KAGLC,EAAA,IAAA,CAAGC,UAAY,gBAAiBF,KAAUG,UAAYC,EAAQ,gBAC3DC,SAAA,CAAAN,EAAeO,SAAU,MAC1BC,EAACC,EAAQ,CAACC,MAAQZ,EAASF,MAAQA,EAAoB,cAAA,WAEtDI,EAAeO,SAAU,MAC1BC,EAACG,EAAW,CAACD,MAAQX,EAASF,OAASA,EAAM,cAAe"}

package/dist/mjs/components/legend/base-legend.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{LegendOrdinal as a}from"@visx/legend";import{scaleOrdinal as i}from"@visx/scale";import t from"clsx";import"react";import s from"./legend.module.scss.js";const r={horizontal:"row",vertical:"column"},n=({items:n,className:m,orientation:c="horizontal"})=>{const d=i({domain:n.map((e=>e.label)),range:n.map((e=>e.color))});return e("div",{className:t(s.legend,s[`legend--${c}`],m),role:"list",children:e(a,{scale:d,direction:r[c],shape:"rect",shapeWidth:16,shapeHeight:16,className:s["legend-items"],children:a=>e("div",{className:s[`legend--${c}`],children:a.map((a=>l("div",{className:s["legend-item"],children:[e("svg",{width:16,height:16,children:e("rect",{width:16,height:16,fill:a.value,className:s["legend-item-swatch"]})}),l("span",{className:s["legend-item-label"],children:[a.text,n.find((e=>e.label===a.text))?.value&&e("span",{className:s["legend-item-value"],children:n.find((e=>e.label===a.text))?.value})]})]},a.text)))})})})};export{n as BaseLegend};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{LegendOrdinal as t}from"@visx/legend";import{scaleOrdinal as a}from"@visx/scale";import i from"clsx";import"react";import s from"./legend.module.scss.js";const r={horizontal:"row",vertical:"column"},n=({items:n,className:d,orientation:m="horizontal"})=>{const o=a({domain:n.map((e=>e.label)),range:n.map((e=>e.color))});return e("div",{className:i(s.legend,s[`legend--${m}`],d),role:"list","data-testid":`legend-${m}`,children:e(t,{scale:o,direction:r[m],shape:"rect",shapeWidth:16,shapeHeight:16,className:s["legend-items"],children:t=>e("div",{className:s[`legend--${m}`],children:t.map((t=>l("div",{className:s["legend-item"],role:"listitem","data-testid":"legend-item",children:[e("svg",{width:16,height:16,role:"img",children:e("rect",{width:16,height:16,fill:t.value,className:s["legend-item-swatch"],"data-testid":"legend-marker",role:"presentation"})}),l("span",{className:s["legend-item-label"],children:[t.text,n.find((e=>e.label===t.text))?.value&&e("span",{className:s["legend-item-value"],children:n.find((e=>e.label===t.text))?.value})]})]},t.text)))})})})};export{n as BaseLegend};
 //# sourceMappingURL=base-legend.js.map

package/dist/mjs/components/legend/base-legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-legend.js","sources":["../../../../src/components/legend/base-legend.tsx"],"sourcesContent":[null],"names":["orientationToFlexDirection","horizontal","vertical","BaseLegend","items","className","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","_jsx","clsx","styles","legend","role","children","LegendOrdinal","scale","direction","shape","shapeWidth","shapeHeight","labels","_jsxs","width","height","fill","value","text","find"],"mappings":"mNAeA,MAAMA,EAA6B,CAClCC,WAAY,MACZC,SAAU,UAGEC,EAAgC,EAC5CC,QACAC,YACAC,cAAc,iBAEd,MAAMC,EAAcC,EAAc,CACjCC,OAAQL,EAAMM,KAAKC,GAAQA,EAAKC,QAChCC,MAAOT,EAAMM,KAAKC,GAAQA,EAAKG,UAGhC,OACCC,SACCV,UAAYW,EAAMC,EAAOC,OAAQD,EAAQ,WAAYX,KAAkBD,GACvEc,KAAK,OAELC,SAAAL,EAACM,EACA,CAAAC,MAAQf,EACRgB,UAAYvB,EAA4BM,GACxCkB,MAAM,OACNC,WAAa,GACbC,YAAc,GACdrB,UAAYY,EAAQ,yBAElBU,GACDZ,SAAKV,UAAYY,EAAQ,WAAYX,KAAgBc,SAClDO,EAAOjB,KAAKE,GACbgB,SAAwBvB,UAAYY,EAAQ,eAC3CG,SAAA,CAAAL,EAAA,MAAA,CAAKc,MAAQ,GAAKC,OAAS,YAC1Bf,EACC,OAAA,CAAAc,MAAQ,GACRC,OAAS,GACTC,KAAOnB,EAAMoB,MACb3B,UAAYY,EAAQ,0BAGtBW,UAAMvB,UAAYY,EAAQ,qBACvBG,SAAA,CAAAR,EAAMqB,KACN7B,EAAM8B,MAAMvB,GAAQA,EAAKC,QAAUA,EAAMqB,QAAQD,OAClDjB,EAAM,OAAA,CAAAV,UAAYY,EAAQ,qBAAqBG,SAC5ChB,EAAM8B,MAAMvB,GAAQA,EAAKC,QAAUA,EAAMqB,QAAQD,aAb5CpB,EAAMqB,aAuBrB"}
+{"version":3,"file":"base-legend.js","sources":["../../../../src/components/legend/base-legend.tsx"],"sourcesContent":[null],"names":["orientationToFlexDirection","horizontal","vertical","BaseLegend","items","className","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","_jsx","clsx","styles","legend","role","children","LegendOrdinal","scale","direction","shape","shapeWidth","shapeHeight","labels","_jsxs","width","height","fill","value","text","find"],"mappings":"mNAeA,MAAMA,EAA6B,CAClCC,WAAY,MACZC,SAAU,UAGEC,EAAgC,EAC5CC,QACAC,YACAC,cAAc,iBAEd,MAAMC,EAAcC,EAAc,CACjCC,OAAQL,EAAMM,KAAKC,GAAQA,EAAKC,QAChCC,MAAOT,EAAMM,KAAKC,GAAQA,EAAKG,UAGhC,OACCC,SACCV,UAAYW,EAAMC,EAAOC,OAAQD,EAAQ,WAAYX,KAAkBD,GACvEc,KAAK,OACS,cAAA,UAAWb,IAAcc,SAEvCL,EAACM,EAAa,CACbC,MAAQf,EACRgB,UAAYvB,EAA4BM,GACxCkB,MAAM,OACNC,WAAa,GACbC,YAAc,GACdrB,UAAYY,EAAQ,gBAAgBG,SAElCO,GACDZ,EAAK,MAAA,CAAAV,UAAYY,EAAQ,WAAYX,KAClCc,SAAAO,EAAOjB,KAAKE,GACbgB,EAAA,MAAA,CAECvB,UAAYY,EAAQ,eACpBE,KAAK,WACO,cAAA,cAEZC,SAAA,CAAAL,EAAA,MAAA,CAAKc,MAAQ,GAAKC,OAAS,GAAKX,KAAK,MACpCC,SAAAL,EAAA,OAAA,CACCc,MAAQ,GACRC,OAAS,GACTC,KAAOnB,EAAMoB,MACb3B,UAAYY,EAAQ,sBAAsB,cAC9B,gBACZE,KAAK,mBAGPS,EAAM,OAAA,CAAAvB,UAAYY,EAAQ,qBACvBG,SAAA,CAAAR,EAAMqB,KACN7B,EAAM8B,MAAMvB,GAAQA,EAAKC,QAAUA,EAAMqB,QAAQD,OAClDjB,EAAA,OAAA,CAAMV,UAAYY,EAAQ,qBAAqBG,SAC5ChB,EAAM8B,MAAMvB,GAAQA,EAAKC,QAAUA,EAAMqB,QAAQD,aAnBhDpB,EAAMqB,aA6BjB"}

package/dist/mjs/components/line-chart/line-chart.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{curveNatural as a}from"@visx/curve";import{LinearGradient as i}from"@visx/gradient";import{buildChartTheme as o,XYChart as r,AnimatedGrid as l,AnimatedAxis as n,AnimatedAreaSeries as s,Tooltip as c}from"@visx/xychart";import m from"clsx";import{useMemo as d}from"react";import{useChartTheme as h}from"../../providers/theme/theme-provider.js";import{BaseLegend as p}from"../legend/base-legend.js";import{withResponsive as u}from"../shared/with-responsive.js";import v from"./line-chart.module.scss.js";const g=({tooltipData:a})=>{const i=a?.nearestDatum?.datum;if(!i)return null;const o=Object.entries(a?.datumByKey||{}).map((([e,{datum:t}])=>({key:e,value:t.value}))).sort(((e,t)=>t.value-e.value));return t("div",{className:v["line-chart__tooltip"],children:[e("div",{className:v["line-chart__tooltip-date"],children:i.date.toLocaleDateString()}),o.map((a=>t("div",{className:v["line-chart__tooltip-row"],children:[t("span",{className:v["line-chart__tooltip-label"],children:[a.key,":"]}),e("span",{className:v["line-chart__tooltip-value"],children:a.value})]},a.key)))]})},f=e=>new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"});var y=u((({data:u,width:y,height:x,className:N,margin:b,withTooltips:w=!0,showLegend:T=!1,legendOrientation:_="horizontal",withGradientFill:k=!1,options:D={}})=>{const S=h(),j=d((()=>{const e=u?.map((e=>e.options?.stroke??"")).filter(Boolean)??[];return o({...S,colors:[...e,...S.colors]})}),[S,u]);b=d((()=>{let e={top:0,right:0,bottom:40,left:40};return"right"===D.axis?.y?.orientation&&(e={...e,right:40,left:0}),"top"===D.axis?.x?.orientation&&(e={...e,top:40,bottom:0}),{...e,...b}}),[b,D]);const L=(e=>e?.length?e.some((e=>e.data.some((e=>isNaN(e.value)||null===e.value||void 0===e.value||isNaN(e.date.getTime())))))?"Invalid data":null:"No data available")(u);if(L)return e("div",{className:m("line-chart",v["line-chart"]),children:L});const O=u.map(((e,t)=>({label:e.label,value:"",color:S.colors[t%S.colors.length]}))),z={xAccessor:e=>e.date,yAccessor:e=>e.value};return t("div",{className:m("line-chart",v["line-chart"],N),"data-testid":"line-chart",role:"img","aria-label":"line chart",children:[t(r,{theme:j,width:y,height:x,margin:b,xScale:{type:"time",...D?.xScale},yScale:{type:"linear",nice:!0,zero:!1,...D?.yScale},children:[e(l,{columns:!1,numTicks:4}),e(n,{orientation:"bottom",numTicks:5,tickFormat:f,...D?.axis?.x}),e(n,{orientation:"left",numTicks:4,...D?.axis?.y}),u.map(((o,r)=>{const l=o.options?.stroke??j.colors[r%j.colors.length];return t("g",{children:[k&&e(i,{id:`area-gradient-${r+1}`,from:l,to:"white",toOpacity:.1,...o.options?.gradient,"data-testid":"line-gradient"}),e(s,{dataKey:o?.label,data:o.data,...z,fill:k?`url(#area-gradient-${r+1})`:void 0,renderLine:!0,curve:a},o?.label)]},o?.label||r)})),w&&e(c,{snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:g})]}),T&&e(p,{items:O,orientation:_,className:v["line-chart-legend"]})]})}));export{y as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{curveCatmullRom as a,curveLinear as o}from"@visx/curve";import{LinearGradient as i}from"@visx/gradient";import{buildChartTheme as r,XYChart as l,AnimatedGrid as n,AnimatedAxis as s,AnimatedAreaSeries as c,Tooltip as m}from"@visx/xychart";import d from"clsx";import{useMemo as h}from"react";import{useChartTheme as p}from"../../providers/theme/theme-provider.js";import{BaseLegend as u}from"../legend/base-legend.js";import{withResponsive as v}from"../shared/with-responsive.js";import g from"./line-chart.module.scss.js";const f=({tooltipData:a})=>{const o=a?.nearestDatum?.datum;if(!o)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:g["line-chart__tooltip"],children:[e("div",{className:g["line-chart__tooltip-date"],children:o.date.toLocaleDateString()}),i.map((a=>t("div",{className:g["line-chart__tooltip-row"],children:[t("span",{className:g["line-chart__tooltip-label"],children:[a.key,":"]}),e("span",{className:g["line-chart__tooltip-value"],children:a.value})]},a.key)))]})},y=e=>new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"});var x=v((({data:v,width:x,height:N,className:b,margin:w,withTooltips:T=!0,showLegend:_=!1,legendOrientation:k="horizontal",withGradientFill:D=!1,smoothing:S=!0,options:j={}})=>{const L=p(),O=h((()=>{const e=v?.map((e=>e.options?.stroke??"")).filter(Boolean)??[];return r({...L,colors:[...e,...L.colors]})}),[L,v]);w=h((()=>{let e={};return"right"===j.axis?.y?.orientation&&(e={...e,right:40,left:0}),"top"===j.axis?.x?.orientation&&(e={...e,top:40,bottom:0}),{...e,...w}}),[w,j]);const z=(e=>e?.length?e.some((e=>e.data.some((e=>isNaN(e.value)||null===e.value||void 0===e.value||isNaN(e.date.getTime())))))?"Invalid data":null:"No data available")(v);if(z)return e("div",{className:d("line-chart",g["line-chart"]),children:z});const A=v.map(((e,t)=>({label:e.label,value:"",color:L.colors[t%L.colors.length]}))),B={xAccessor:e=>e.date,yAccessor:e=>e.value};return t("div",{className:d("line-chart",g["line-chart"],b),"data-testid":"line-chart",role:"img","aria-label":"line chart",children:[t(l,{theme:O,width:x,height:N,margin:{top:0,right:0,bottom:0,left:0,...w},xScale:{type:"time",...j?.xScale},yScale:{type:"linear",nice:!0,zero:!1,...j?.yScale},children:[e(n,{columns:!1,numTicks:4}),e(s,{orientation:"bottom",numTicks:5,tickFormat:y,...j?.axis?.x}),e(s,{orientation:"left",numTicks:4,...j?.axis?.y}),v.map(((r,l)=>{const n=r.options?.stroke??O.colors[l%O.colors.length];return t("g",{children:[D&&e(i,{id:`area-gradient-${l+1}`,from:n,to:"white",toOpacity:.1,...r.options?.gradient,"data-testid":"line-gradient"}),e(c,{dataKey:r?.label,data:r.data,...B,fill:D?`url(#area-gradient-${l+1})`:void 0,renderLine:!0,curve:S?a:o},r?.label)]},r?.label||l)})),T&&e(m,{snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:f})]}),_&&e(u,{items:A,orientation:k,className:g["line-chart-legend"]})]})}));export{x as default};
 //# sourceMappingURL=line-chart.js.map

package/dist/mjs/components/line-chart/line-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-chart.js","sources":["../../../../src/components/line-chart/line-chart.tsx"],"sourcesContent":[null],"names":["renderTooltip","tooltipData","nearestDatum","datum","tooltipPoints","Object","entries","datumByKey","map","key","value","sort","a","b","_jsxs","className","styles","children","_jsx","date","toLocaleDateString","point","formatDateTick","Date","undefined","month","day","lineChart","withResponsive","data","width","height","margin","withTooltips","showLegend","legendOrientation","withGradientFill","options","providerTheme","useChartTheme","theme","useMemo","seriesColors","series","stroke","filter","Boolean","buildChartTheme","colors","defaultMargin","top","right","bottom","left","axis","y","orientation","x","error","length","some","isNaN","getTime","validateData","clsx","legendItems","group","index","label","color","accessors","xAccessor","d","yAccessor","role","XYChart","xScale","type","yScale","nice","zero","AnimatedGrid","columns","numTicks","AnimatedAxis","tickFormat","seriesData","LinearGradient","id","from","to","toOpacity","gradient","AnimatedAreaSeries","dataKey","fill","renderLine","curve","curveNatural","Tooltip","snapTooltipToDatumX","snapTooltipToDatumY","showSeriesGlyphs","Legend","items"],"mappings":"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"}
+{"version":3,"file":"line-chart.js","sources":["../../../../src/components/line-chart/line-chart.tsx"],"sourcesContent":[null],"names":["renderTooltip","tooltipData","nearestDatum","datum","tooltipPoints","Object","entries","datumByKey","map","key","value","sort","a","b","_jsxs","className","styles","children","_jsx","date","toLocaleDateString","point","formatDateTick","Date","undefined","month","day","lineChart","withResponsive","data","width","height","margin","withTooltips","showLegend","legendOrientation","withGradientFill","smoothing","options","providerTheme","useChartTheme","theme","useMemo","seriesColors","series","stroke","filter","Boolean","buildChartTheme","colors","defaultMargin","axis","y","orientation","right","left","x","top","bottom","error","length","some","isNaN","getTime","validateData","clsx","legendItems","group","index","label","color","accessors","xAccessor","d","yAccessor","role","XYChart","xScale","type","yScale","nice","zero","AnimatedGrid","columns","numTicks","AnimatedAxis","tickFormat","seriesData","LinearGradient","id","from","to","toOpacity","gradient","AnimatedAreaSeries","dataKey","fill","renderLine","curve","curveCatmullRom","curveLinear","Tooltip","snapTooltipToDatumX","snapTooltipToDatumY","showSeriesGlyphs","Legend","items"],"mappings":"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"}

package/dist/mjs/components/pie-chart/pie-chart.js.map

@@ -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","size","thickness","padding","gapScale","cornerScale","children","providerTheme","useChartTheme","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","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","BaseTooltip","style","transform","displayName","pieChart","withResponsive"],"mappings":"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"}
+{"version":3,"file":"pie-chart.js","sources":["../../../../src/components/pie-chart/pie-chart.tsx"],"sourcesContent":[null],"names":["PieChart","data","withTooltips","className","showLegend","legendOrientation","size","thickness","padding","gapScale","cornerScale","children","providerTheme","useChartTheme","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","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","BaseTooltip","style","transform","displayName","pieChart","withResponsive"],"mappings":"8iBAyDA,MA2BMA,EAAW,EAChBC,OACAC,gBAAe,EACfC,YACAC,aACAC,oBACAC,OACAC,YAAY,EACZC,UAAU,GACVC,WAAW,EACXC,cAAc,EACdC,WAAW,SAEX,MAAMC,EAAgBC,KAChBC,YAAEA,EAAWC,aAAEA,EAAYC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,GACzEC,EAAsB,CACrBlB,kBAGImB,QAAEA,EAAOC,QAAEA,GA9CG,CAAErB,IACtB,IAAOA,EAAKsB,OACX,MAAO,CAAEF,SAAS,EAAOC,QAAS,qBAKnC,GAD0BrB,EAAKuB,MAAMC,GAAQA,EAAKC,WAAa,GAAKD,EAAKE,MAAQ,IAEhF,MAAO,CAAEN,SAAS,EAAOC,QAAS,iDAInC,MAAMM,EAAkB3B,EAAK4B,QAAQ,CAAEC,EAAKL,IAAUK,EAAML,EAAKC,YAAY,GAC7E,OAAKK,KAAKC,IAAKJ,EAAkB,KAAQ,IAEjC,CAAEP,SAAS,EAAOC,QAAS,4CAG5B,CAAED,SAAS,EAAMC,QAAS,GAAI,EA4BRW,CAAchC,GAE3C,IAAOoB,EACN,OACCa,EAAA,MAAA,CAAK/B,UAAYgC,EAAM,YAAaC,EAAQ,aAAejC,GAAWQ,SACrEuB,EAAK,MAAA,CAAA/B,UAAYiC,EAAQ,iBAAiBzB,SAAKW,MAKlD,MAAMe,EAAQ/B,EACRgC,EAAShC,EAGTiC,EAASR,KAAKS,IAAKH,EAAOC,GAAW,EAGrCG,EAAUJ,EAAQ,EAClBK,EAAUJ,EAAS,EAGnBK,EAAWlC,GAAe,EAAIsB,KAAKa,GAAO3C,EAAKsB,QAE/CsB,EAAcN,EAAS/B,EACvBsC,EAAcD,GAAgB,EAAItC,GAElCwC,GAAoBF,EAAcC,GAAgB,EAClDE,EAAetC,EAAcqB,KAAKS,IAAK9B,EAAcmC,EAAaE,GAAoB,EAGtFE,EAAgBhD,EAAKiD,KAAK,CAAEC,EAAGC,KAAa,IAC9CD,EACHC,YAGKC,EAAY,CACjB1B,MAASwB,GAA4BA,EAAExB,MAEvC2B,KAAQH,GACPA,GAAGI,OAAS3C,EAAc4C,OAAQL,EAAEC,QAIhCK,EAAcxD,EAAKiD,KAAK,CAAEzB,EAAM2B,KAAa,CAClDM,MAAOjC,EAAKiC,MACZ/B,MAAOF,EAAKE,MAAMgC,WAClBJ,MAAO3C,EAAc4C,OAAQJ,EAAQxC,EAAc4C,OAAOjC,YAG3D,OACCqC,EAAK,MAAA,CAAAzD,UAAYgC,EAAM,YAAaC,EAAQ,aAAejC,aAC1D+B,EACC,MAAA,CAAA2B,QAAU,OAAQvD,KAAUA,IAC5BwD,oBAAoB,gBACpBzB,MAAQ/B,EACRgC,OAAShC,WAETsD,EAACG,EAAM,CAAAC,IAAMtB,EAAUuB,KAAOxB,EAC7B9B,SAAA,CAAAuB,EAACgC,EAAG,CACHjE,KAAOgD,EACPkB,SAAWd,EAAU1B,MACrBkB,YAAcA,EACdC,YAAcA,EACdH,SAAWA,EACXK,aAAeA,EAEbrC,SAAAyD,GACMA,EAAIC,KAAKnB,KAAK,CAAEoB,EAAKlB,KAC3B,MAAQmB,EAAWC,GAAcJ,EAAIK,KAAKC,SAAUJ,GAC9CK,EAAmBL,EAAIM,SAAWN,EAAIO,YAAc,IACpDC,EAAoBC,GACzBjE,EAAaiE,EAAOT,EAAIrE,MAEnB+E,EAAwC,CAC7C7B,EAAGiB,EAAIK,KAAMH,IAAS,GACtBhB,KAAMD,EAAUC,KAAMgB,EAAIrE,OAQ3B,OALKC,IACJ8E,EAAUlE,YAAcgE,EACxBE,EAAUjE,aAAeA,GAIzB6C,EACC,IAAA,CAAAjD,SAAA,CAAAuB,EAAA,OAAA,IAAW8C,IACTL,GACDzC,EACC,OAAA,CAAA+C,EAAIV,EACJW,EAAIV,EACJW,GAAG,QACH7B,KACC1C,EAAcwE,sBAAwBC,EAAaD,qBAEpDE,SAAW,GACXC,WAAW,SACXC,cAAc,OAEZ7E,SAAA2D,EAAIrE,KAAKyD,UAdL,OAAQN,IAkBhB,MAKHzC,OAIFP,GACD8B,EAACuD,EACA,CAAAC,MAAQjC,EACRkC,YAActF,EACdF,UAAYiC,EAAQ,sBAIpBlC,GAAgBc,GAAeC,GAChCiB,EAAC0D,EAAW,CACX3F,KAAOgB,EACP+C,IAAM7C,GAAc,EACpB8C,KAAO/C,GAAe,EACtB2E,MAAQ,CACPC,UAAW,8BAKd,EAGH9F,EAAS+F,YAAc,WACvB,IAAeC,EAAAC,EAAiCjG"}

package/dist/mjs/components/pie-semi-circle-chart/pie-semi-circle-chart.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{localPoint as o}from"@visx/event";import{Group as i}from"@visx/group";import{Pie as l}from"@visx/shape";import{Text as a}from"@visx/text";import{useTooltip as r}from"@visx/tooltip";import s from"clsx";import{useCallback as p}from"react";import{useChartTheme as c}from"../../providers/theme/theme-provider.js";import{BaseLegend as m}from"../legend/base-legend.js";import{withResponsive as n}from"../shared/with-responsive.js";import{BaseTooltip as d}from"../tooltip/base-tooltip.js";import h from"./pie-semi-circle-chart.module.scss.js";const v=({data:n,width:v,label:u,note:f,className:x,withTooltips:g=!1,clockwise:b=!0,thickness:w=.4,showLegend:y,legendOrientation:A})=>{const M=c(),{tooltipOpen:j,tooltipLeft:N,tooltipTop:D,tooltipData:P,hideTooltip:T,showTooltip:I}=r(),L=v/2,R=v/2,S=v/2,k=S*(1-w+.03),C=n.map(((e,t)=>({...e,index:t}))),O=b?-Math.PI/2:Math.PI/2,$=b?Math.PI/2:-Math.PI/2,B={value:e=>e.value,sort:(e,t)=>t.value-e.value,fill:e=>e.color||M.colors[e.index%M.colors.length]},V=p(((e,t)=>{const i=o(e);i&&I({tooltipData:t.data,tooltipLeft:i.x,tooltipTop:i.y-10})}),[I]),q=p((()=>{T()}),[T]),z=p((e=>t=>{V(t,e)}),[V]),E=n.map(((e,t)=>({label:e.label,value:e.valueDisplay||e.value.toString(),color:B.fill({...e,index:t})})));return e("div",{className:s("pie-semi-circle-chart",h["pie-semi-circle-chart"],x),children:[t("svg",{viewBox:`0 0 ${v} ${R}`,width:v,height:R,children:e(i,{top:L,left:L,children:[t(l,{data:C,pieValue:B.value,outerRadius:S,innerRadius:k,cornerRadius:3,padAngle:.03,startAngle:O,endAngle:$,pieSort:B.sort,children:e=>e.arcs.map((o=>t("g",{onMouseMove:z(o),onMouseLeave:q,children:t("path",{d:e.path(o)||"",fill:B.fill(o.data)})},o.data.label)))}),e(i,{children:[t(a,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:h.label,children:u}),t(a,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:h.note,children:f})]})]})}),g&&j&&P&&t(d,{data:{label:P.label,value:P.value,valueDisplay:P.valueDisplay},top:D||0,left:N||0}),y&&t(m,{items:E,orientation:A,className:h["pie-semi-circle-chart-legend"]})]})};v.displayName="PieSemiCircleChart";var u=n(v);export{u as default};
+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 d}from"react";import{useChartTheme as c}from"../../providers/theme/theme-provider.js";import{BaseLegend as n}from"../legend/base-legend.js";import{withResponsive as p}from"../shared/with-responsive.js";import{BaseTooltip as m}from"../tooltip/base-tooltip.js";import h from"./pie-semi-circle-chart.module.scss.js";const v=({data:p,width:v=400,thickness:g=.4,clockwise:u=!0,withTooltips:f=!1,showLegend:x=!1,legendOrientation:b="horizontal",label:w,note:N,className:M})=>{const y=c(),{tooltipOpen:A,tooltipLeft:j,tooltipTop:I,tooltipData:V,hideTooltip:D,showTooltip:P}=r(),T=d(((e,t)=>{const i=a(e);i&&P({tooltipData:t.data,tooltipLeft:i.x,tooltipTop:i.y-10})}),[P]),L=d((()=>{D()}),[D]),R=d((e=>t=>{T(t,e)}),[T]),{isValid:S,message:k}=(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(!S)return e("div",{className:h["pie-semi-circle-chart"],children:e("svg",{width:v,height:v/2,"data-testid":"pie-chart-svg",children:e("text",{x:"50%",y:"50%",textAnchor:"middle",className:h.error,children:k})})});const C=v/2,O=.03,$=v-.06,z=C-O,B=Math.min($,2*z)/2,q=B*(1-g+O),E=p.map(((e,t)=>({...e,index:t}))),F=u?-Math.PI/2:Math.PI/2,G=u?Math.PI/2:-Math.PI/2,H={value:e=>e.value,sort:(e,t)=>t.value-e.value,fill:e=>e.color||y.colors[e.index%y.colors.length]},J=p.map(((e,t)=>({label:e.label,value:e.valueDisplay||e.value.toString(),color:H.fill({...e,index:t})})));return t("div",{className:s("pie-semi-circle-chart",h["pie-semi-circle-chart"],M),"data-testid":"pie-chart-container",children:[e("svg",{width:v,height:C,viewBox:`0 0 ${v} ${C}`,"data-testid":"pie-chart-svg",children:t(i,{top:B,left:B,children:[e(l,{data:E,pieValue:H.value,outerRadius:B,innerRadius:q,cornerRadius:3,padAngle:O,startAngle:F,endAngle:G,pieSort:H.sort,children:t=>t.arcs.map((a=>e("g",{onMouseMove:R(a),onMouseLeave:L,children:e("path",{d:t.path(a)||"",fill:H.fill(a.data),"data-testid":"pie-segment"})},a.data.label)))}),t(i,{children:[e(o,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:h.label,children:w}),e(o,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:h.note,children:N})]})]})}),f&&A&&V&&e(m,{data:{label:V.label,value:V.value,valueDisplay:V.valueDisplay},top:I||0,left:j||0}),x&&e(n,{items:J,orientation:b,className:h["pie-semi-circle-chart-legend"]})]})};v.displayName="PieSemiCircleChart";var g=p(v);export{g as default};
 //# sourceMappingURL=pie-semi-circle-chart.js.map

package/dist/mjs/components/pie-semi-circle-chart/pie-semi-circle-chart.js.map

@@ -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","label","note","className","withTooltips","clockwise","thickness","showLegend","legendOrientation","providerTheme","useChartTheme","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","centerX","height","radius","innerRadius","dataWithIndex","map","d","index","startAngle","Math","PI","endAngle","accessors","value","sort","a","b","fill","color","colors","length","handleMouseMove","useCallback","event","arc","coords","localPoint","x","y","handleMouseLeave","handleArcMouseMove","legendItems","item","valueDisplay","toString","_jsxs","clsx","styles","_jsx","viewBox","Group","top","left","children","Pie","pieValue","outerRadius","cornerRadius","padAngle","pieSort","pie","arcs","onMouseMove","onMouseLeave","path","Text","textAnchor","verticalAnchor","BaseTooltip","Legend","items","orientation","displayName","pieSemiCircleChart","withResponsive"],"mappings":"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"}
+{"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","label","note","className","providerTheme","useChartTheme","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","viewBox","Group","top","left","Pie","pieValue","outerRadius","cornerRadius","padAngle","pieSort","pie","arcs","onMouseMove","onMouseLeave","path","Text","verticalAnchor","BaseTooltip","Legend","items","orientation","displayName","pieSemiCircleChart","withResponsive"],"mappings":"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"}

package/dist/mjs/components/shared/with-responsive.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useParentSize as i}from"@visx/responsive";import"react";function t(t,n){const{maxWidth:r=1200,aspectRatio:o=.5,debounceTime:h=50}=n||{};return function(n){const{parentRef:a,width:c}=i({debounceTime:h,enableDebounceLeadingCall:!0,initialSize:{width:600,height:400}}),m=c?Math.min(c,r):600,d=m*o;return e("div",{ref:a,style:{width:"100%",minHeight:`${d}px`},children:e(t,{width:m,height:d,size:m,...n})})}}export{t as withResponsive};
+import{jsx as e}from"react/jsx-runtime";import{useParentSize as i}from"@visx/responsive";import"react";function t(t,n){const{maxWidth:r=1200,aspectRatio:o=.5,debounceTime:h=50}=n||{};return function(n){const{parentRef:a,width:c}=i({debounceTime:h,enableDebounceLeadingCall:!0,initialSize:{width:600,height:400}}),d=c?Math.min(c,r):600,m=n.height??d*o;return e("div",{ref:a,style:{width:"100%"},children:e(t,{width:d,height:m,size:d,...n})})}}export{t as withResponsive};
 //# sourceMappingURL=with-responsive.js.map

package/dist/mjs/components/shared/with-responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-responsive.js","sources":["../../../../src/components/shared/with-responsive.tsx"],"sourcesContent":[null],"names":["withResponsive","WrappedComponent","config","maxWidth","aspectRatio","debounceTime","props","parentRef","width","parentWidth","useParentSize","enableDebounceLeadingCall","initialSize","height","containerWidth","Math","min","containerHeight","_jsx","ref","style","minHeight","children","size"],"mappings":"uGAmBgB,SAAAA,EACfC,EACAC,GAEA,MAAMC,SAAEA,EAAW,KAAIC,YAAEA,EAAc,GAAGC,aAAEA,EAAe,IAAOH,GAAU,GAE5E,OAAO,SAA0BI,GAChC,MAAMC,UAAEA,EAAWC,MAAOC,GAAgBC,EAAe,CACxDL,eACAM,2BAA2B,EAC3BC,YAAa,CAAEJ,MAAO,IAAKK,OAAQ,OAI9BC,EAAiBL,EAAcM,KAAKC,IAAKP,EAAaN,GAAa,IACnEc,EAAkBH,EAAiBV,EAEzC,OACCc,EACC,MAAA,CAAAC,IAAMZ,EACNa,MAAQ,CACPZ,MAAO,OACPa,UAAW,GAAIJ,OACfK,SAEDJ,EAACjB,EAAgB,CAChBO,MAAQM,EACRD,OAASI,EACTM,KAAOT,KACAR,KAIX,CACD"}
+{"version":3,"file":"with-responsive.js","sources":["../../../../src/components/shared/with-responsive.tsx"],"sourcesContent":[null],"names":["withResponsive","WrappedComponent","config","maxWidth","aspectRatio","debounceTime","props","parentRef","width","parentWidth","useParentSize","enableDebounceLeadingCall","initialSize","height","containerWidth","Math","min","containerHeight","_jsx","ref","style","children","size"],"mappings":"uGAmBgB,SAAAA,EACfC,EACAC,GAEA,MAAMC,SAAEA,EAAW,KAAIC,YAAEA,EAAc,GAAGC,aAAEA,EAAe,IAAOH,GAAU,GAE5E,OAAO,SAA0BI,GAChC,MAAMC,UAAEA,EAAWC,MAAOC,GAAgBC,EAAe,CACxDL,eACAM,2BAA2B,EAC3BC,YAAa,CAAEJ,MAAO,IAAKK,OAAQ,OAI9BC,EAAiBL,EAAcM,KAAKC,IAAKP,EAAaN,GAAa,IACnEc,EAAkBX,EAAMO,QAAUC,EAAiBV,EAEzD,OACCc,EACC,MAAA,CAAAC,IAAMZ,EACNa,MAAQ,CACPZ,MAAO,QACPa,SAEDH,EAACjB,EAAgB,CAChBO,MAAQM,EACRD,OAASI,EACTK,KAAOR,KACAR,KAIX,CACD"}

package/dist/mjs/index.js

@@ -1,2 +1,2 @@
-export{default as BarChart}from"./components/bar-chart/bar-chart.js";export{default as LineChart}from"./components/line-chart/line-chart.js";export{default as PieChart}from"./components/pie-chart/pie-chart.js";export{default as PieSemiCircleChart}from"./components/pie-semi-circle-chart/pie-semi-circle-chart.js";export{BaseTooltip}from"./components/tooltip/base-tooltip.js";export{BaseLegend as Legend}from"./components/legend/base-legend.js";export{ThemeProvider}from"./providers/theme/theme-provider.js";export{default as useChartMouseHandler}from"./hooks/use-chart-mouse-handler.js";
+export{default as BarChart}from"./components/bar-chart/bar-chart.js";export{default as LineChart}from"./components/line-chart/line-chart.js";export{default as PieChart}from"./components/pie-chart/pie-chart.js";export{default as PieSemiCircleChart}from"./components/pie-semi-circle-chart/pie-semi-circle-chart.js";export{BaseTooltip}from"./components/tooltip/base-tooltip.js";export{BaseLegend as Legend}from"./components/legend/base-legend.js";export{ThemeProvider}from"./providers/theme/theme-provider.js";export{defaultTheme,jetpackTheme,wooTheme}from"./providers/theme/themes.js";export{default as useChartMouseHandler}from"./hooks/use-chart-mouse-handler.js";
 //# sourceMappingURL=index.js.map

package/dist/mjs/providers/theme/themes.js

@@ -1,2 +1,2 @@
-const o={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#DCDCDE",strokeWidth:1},tickLength:4,gridColor:"",gridColorDark:"",xTickLineStyles:{stroke:"black"},xAxisLineStyles:{stroke:"#DCDCDE",strokeWidth:1}};export{o as defaultTheme};
+const o={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#DCDCDE",strokeWidth:1},tickLength:4,gridColor:"",gridColorDark:"",xTickLineStyles:{stroke:"black"},xAxisLineStyles:{stroke:"#DCDCDE",strokeWidth:1}},F={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#DCDCDE",strokeWidth:1},tickLength:4,gridColor:"",gridColorDark:"",xTickLineStyles:{stroke:"black"},xAxisLineStyles:{stroke:"#DCDCDE",strokeWidth:1}},r={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#80C8FF","#B999FF","#3858E9"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:4,gridColor:"",gridColorDark:"",xTickLineStyles:{stroke:"black"},xAxisLineStyles:{stroke:"#DCDCDE",strokeWidth:1}};export{o as defaultTheme,F as jetpackTheme,r as wooTheme};
 //# sourceMappingURL=themes.js.map

package/dist/mjs/providers/theme/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sources":["../../../../src/providers/theme/themes.ts"],"sourcesContent":[null],"names":["defaultTheme","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","xTickLineStyles","xAxisLineStyles"],"mappings":"AAKA,MAAMA,EAA2B,CAChCC,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,UAAW,UAAW,WACtDC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,GACfC,gBAAiB,CAAEL,OAAQ,SAC3BM,gBAAiB,CAAEN,OAAQ,UAAWC,YAAa"}
+{"version":3,"file":"themes.js","sources":["../../../../src/providers/theme/themes.ts"],"sourcesContent":[null],"names":["defaultTheme","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","xTickLineStyles","xAxisLineStyles","jetpackTheme","wooTheme"],"mappings":"AAKA,MAAMA,EAA2B,CAChCC,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,UAAW,UAAW,WACtDC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,GACfC,gBAAiB,CAAEL,OAAQ,SAC3BM,gBAAiB,CAAEN,OAAQ,UAAWC,YAAa,IAM9CM,EAA2B,CAChCX,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,UAAW,UAAW,WACtDC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,GACfC,gBAAiB,CAAEL,OAAQ,SAC3BM,gBAAiB,CAAEN,OAAQ,UAAWC,YAAa,IAM9CO,EAAuB,CAC5BZ,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,WAChCC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,GACfC,gBAAiB,CAAEL,OAAQ,SAC3BM,gBAAiB,CAAEN,OAAQ,UAAWC,YAAa"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/charts",
-	"version": "0.7.0",
+	"version": "0.8.0",
 	"description": "Display charts within Automattic products.",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/charts/#readme",
 	"bugs": {
@@ -80,14 +80,16 @@
 		"@rollup/plugin-typescript": "12.1.0",
 		"@storybook/blocks": "8.4.7",
 		"@storybook/react": "8.4.7",
+		"@testing-library/dom": "^8.20.1",
 		"@testing-library/jest-dom": "^6.0.0",
 		"@testing-library/react": "^14.0.0",
+		"@testing-library/user-event": "^14.4.3",
 		"@types/jest": "^29.0.0",
 		"@types/react": "18.3.18",
 		"@types/react-dom": "18.3.5",
 		"@types/testing-library__jest-dom": "^5.14.9",
-		"@wordpress/babel-plugin-import-jsx-pragma": "5.14.0",
-		"@wordpress/element": "6.14.0",
+		"@wordpress/babel-plugin-import-jsx-pragma": "5.17.0",
+		"@wordpress/element": "6.17.0",
 		"babel-jest": "^29.7.0",
 		"babel-loader": "9.1.2",
 		"clean-webpack-plugin": "^4.0.0",

package/src/components/grid-control/grid-control.tsx

@@ -13,8 +13,12 @@ const GridControl: React.FC< GridProps > = ( {
 } ) => {
 	return (
 		<g transform={ `translate(0, ${ top })` } className={ styles[ 'grid-control' ] }>
-			{ gridVisibility.includes( 'x' ) && <GridRows scale={ xScale } width={ width } /> }
-			{ gridVisibility.includes( 'y' ) && <GridColumns scale={ yScale } height={ height } /> }
+			{ gridVisibility.includes( 'x' ) && (
+				<GridRows scale={ xScale } width={ width } data-testid="x-grid" />
+			) }
+			{ gridVisibility.includes( 'y' ) && (
+				<GridColumns scale={ yScale } height={ height } data-testid="y-grid" />
+			) }
 		</g>
 	);
 };

package/src/components/legend/base-legend.tsx

@@ -32,6 +32,7 @@ export const BaseLegend: FC< LegendProps > = ( {
 		<div
 			className={ clsx( styles.legend, styles[ `legend--${ orientation }` ], className ) }
 			role="list"
+			data-testid={ `legend-${ orientation }` }
 		>
 			<LegendOrdinal
 				scale={ legendScale }
@@ -44,13 +45,20 @@ export const BaseLegend: FC< LegendProps > = ( {
 				{ labels => (
 					<div className={ styles[ `legend--${ orientation }` ] }>
 						{ labels.map( label => (
-							<div key={ label.text } className={ styles[ 'legend-item' ] }>
-								<svg width={ 16 } height={ 16 }>
+							<div
+								key={ label.text }
+								className={ styles[ 'legend-item' ] }
+								role="listitem"
+								data-testid="legend-item"
+							>
+								<svg width={ 16 } height={ 16 } role="img">
 									<rect
 										width={ 16 }
 										height={ 16 }
 										fill={ label.value }
 										className={ styles[ 'legend-item-swatch' ] }
+										data-testid="legend-marker"
+										role="presentation"
 									/>
 								</svg>
 								<span className={ styles[ 'legend-item-label' ] }>

package/src/components/legend/legend.test.tsx

@@ -0,0 +1,76 @@
+import { render, screen } from '@testing-library/react';
+import { BaseLegend } from './base-legend';
+
+describe( 'BaseLegend', () => {
+	const defaultItems = [
+		{ label: 'Item 1', value: '50%', color: '#ff0000' },
+		{ label: 'Item 2', value: '30%', color: '#00ff00' },
+	];
+
+	test( 'renders horizontal legend items', () => {
+		render( <BaseLegend items={ defaultItems } orientation="horizontal" /> );
+		expect( screen.getByText( 'Item 1' ) ).toBeInTheDocument();
+		expect( screen.getByText( 'Item 2' ) ).toBeInTheDocument();
+		expect( screen.getByText( '50%' ) ).toBeInTheDocument();
+		expect( screen.getByText( '30%' ) ).toBeInTheDocument();
+	} );
+
+	test( 'renders vertical legend items', () => {
+		render( <BaseLegend items={ defaultItems } orientation="vertical" /> );
+		const items = screen.getAllByText( /Item \d/ );
+		expect( items ).toHaveLength( 2 );
+	} );
+
+	test( 'applies color styles to legend markers', () => {
+		render( <BaseLegend items={ defaultItems } orientation="horizontal" /> );
+		const markers = screen.getAllByTestId( 'legend-marker' );
+		expect( markers[ 0 ] ).toHaveAttribute( 'fill', '#ff0000' );
+		expect( markers[ 1 ] ).toHaveAttribute( 'fill', '#00ff00' );
+	} );
+
+	test( 'handles empty items array', () => {
+		render( <BaseLegend items={ [] } orientation="horizontal" /> );
+		const legendItems = screen.queryAllByRole( 'listitem' );
+		expect( legendItems ).toHaveLength( 0 );
+	} );
+
+	test( 'handles missing values', () => {
+		const itemsWithoutValues = [
+			{ label: 'Item 1', color: '#ff0000', value: undefined },
+			{ label: 'Item 2', color: '#00ff00', value: undefined },
+		];
+		render( <BaseLegend items={ itemsWithoutValues } orientation="horizontal" /> );
+		expect( screen.getByText( 'Item 1' ) ).toBeInTheDocument();
+		expect( screen.getByText( 'Item 2' ) ).toBeInTheDocument();
+	} );
+
+	test( 'applies custom className', () => {
+		render(
+			<BaseLegend items={ defaultItems } className="custom-legend" orientation="horizontal" />
+		);
+		expect( screen.getByRole( 'list' ) ).toHaveClass( 'custom-legend' );
+	} );
+
+	test( 'renders with correct orientation styles', () => {
+		const { rerender } = render( <BaseLegend items={ defaultItems } orientation="horizontal" /> );
+		expect( screen.getByTestId( 'legend-horizontal' ) ).toBeInTheDocument();
+
+		rerender( <BaseLegend items={ defaultItems } orientation="vertical" /> );
+		expect( screen.getByTestId( 'legend-vertical' ) ).toBeInTheDocument();
+	} );
+
+	test( 'renders legend items with correct spacing', () => {
+		render( <BaseLegend items={ defaultItems } orientation="horizontal" /> );
+		const items = screen.getAllByTestId( 'legend-item' );
+		expect( items ).toHaveLength( 2 );
+	} );
+
+	test( 'handles items with long labels', () => {
+		const itemsWithLongLabels = [
+			{ label: 'Very Long Label That Should Still Display', value: '50%', color: '#ff0000' },
+			{ label: 'Another Long Label for Testing', value: '30%', color: '#00ff00' },
+		];
+		render( <BaseLegend items={ itemsWithLongLabels } orientation="horizontal" /> );
+		expect( screen.getByText( 'Very Long Label That Should Still Display' ) ).toBeInTheDocument();
+	} );
+} );

package/src/components/line-chart/line-chart.tsx

@@ -1,4 +1,4 @@
-import { curveNatural } from '@visx/curve';
+import { curveCatmullRom, curveLinear } from '@visx/curve';
 import { LinearGradient } from '@visx/gradient';
 import {
 	XYChart,
@@ -17,8 +17,8 @@ import styles from './line-chart.module.scss';
 import type { BaseChartProps, DataPointDate, SeriesData } from '../../types';
 
 interface LineChartProps extends BaseChartProps< SeriesData[] > {
-	margin?: { top: number; right: number; bottom: number; left: number };
 	withGradientFill: boolean;
+	smoothing?: boolean;
 }
 
 type TooltipData = {
@@ -102,6 +102,7 @@ const LineChart: FC< LineChartProps > = ( {
 	showLegend = false,
 	legendOrientation = 'horizontal',
 	withGradientFill = false,
+	smoothing = true,
 	options = {},
 } ) => {
 	const providerTheme = useChartTheme();
@@ -118,7 +119,7 @@ const LineChart: FC< LineChartProps > = ( {
 	margin = useMemo( () => {
 		// Auto-margin unless specified to make room for axis labels.
 		// Default margin is for bottom and left axis labels.
-		let defaultMargin = { top: 0, right: 0, bottom: 40, left: 40 };
+		let defaultMargin = {};
 		if ( options.axis?.y?.orientation === 'right' ) {
 			defaultMargin = { ...defaultMargin, right: 40, left: 0 };
 		}
@@ -157,7 +158,7 @@ const LineChart: FC< LineChartProps > = ( {
 				theme={ theme }
 				width={ width }
 				height={ height }
-				margin={ margin }
+				margin={ { top: 0, right: 0, bottom: 0, left: 0, ...margin } }
 				xScale={ { type: 'time', ...options?.xScale } }
 				yScale={ { type: 'linear', nice: true, zero: false, ...options?.yScale } }
 			>
@@ -191,7 +192,7 @@ const LineChart: FC< LineChartProps > = ( {
 								{ ...accessors }
 								fill={ withGradientFill ? `url(#area-gradient-${ index + 1 })` : undefined }
 								renderLine={ true }
-								curve={ curveNatural }
+								curve={ smoothing ? curveCatmullRom : curveLinear }
 							/>
 						</g>
 					);

package/src/components/pie-chart/pie-chart.tsx

@@ -20,11 +20,6 @@ interface PieChartProps extends OmitBaseChartProps {
 	 */
 	innerRadius?: number;
 
-	/**
-	 * Size of the chart in pixels
-	 */
-	size?: number;
-
 	/**
 	 * Add padding to the chart
 	 */

package/src/components/pie-semi-circle-chart/pie-semi-circle-chart.tsx

@@ -24,66 +24,66 @@ interface PieSemiCircleChartProps extends BaseChartProps< DataPointPercentage[]
 	 */
 	thickness?: number;
 
+	/**
+	 * Direction of chart rendering
+	 * true for clockwise, false for counter-clockwise
+	 */
+	clockwise?: boolean;
+
 	/**
 	 * Label text to display above the chart
 	 */
 	label?: string;
+
 	/**
 	 * Note text to display below the label
 	 */
 	note?: string;
-	/**
-	 * Direction of chart rendering
-	 * true for clockwise, false for counter-clockwise
-	 */
-	clockwise?: boolean;
 }
 
 type ArcData = PieArcDatum< DataPointPercentage >;
 
+/**
+ * Validates the semi-circle pie chart data
+ * @param data - The data to validate
+ * @return Object containing validation result and error message
+ */
+const validateData = ( data: DataPointPercentage[] ) => {
+	if ( ! data.length ) {
+		return { isValid: false, message: 'No data available' };
+	}
+
+	// Check for negative values
+	const hasNegativeValues = data.some( item => item.percentage < 0 || item.value < 0 );
+	if ( hasNegativeValues ) {
+		return { isValid: false, message: 'Invalid data: Negative values are not allowed' };
+	}
+
+	// Validate total percentage is greater than 0
+	const totalPercentage = data.reduce( ( sum, item ) => sum + item.percentage, 0 );
+	if ( totalPercentage <= 0 ) {
+		return { isValid: false, message: 'Invalid percentage total: Must be greater than 0' };
+	}
+
+	return { isValid: true, message: '' };
+};
+
 const PieSemiCircleChart: FC< PieSemiCircleChartProps > = ( {
 	data,
-	width,
+	width = 400,
+	thickness = 0.4,
+	clockwise = true,
+	withTooltips = false,
+	showLegend = false,
+	legendOrientation = 'horizontal',
 	label,
 	note,
 	className,
-	withTooltips = false,
-	clockwise = true,
-	thickness = 0.4,
-	showLegend,
-	legendOrientation,
 } ) => {
 	const providerTheme = useChartTheme();
 	const { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } =
 		useTooltip< DataPointPercentage >();
 
-	const centerX = width / 2;
-	const height = width / 2;
-	const radius = width / 2;
-	const pad = 0.03;
-	const innerRadius = radius * ( 1 - thickness + pad );
-
-	// Map the data to include index for color assignment
-	const dataWithIndex = data.map( ( d, index ) => ( {
-		...d,
-		index,
-	} ) );
-
-	// Set the clockwise direction based on the prop
-	const startAngle = clockwise ? -Math.PI / 2 : Math.PI / 2;
-	const endAngle = clockwise ? Math.PI / 2 : -Math.PI / 2;
-
-	const accessors = {
-		value: ( d: DataPointPercentage & { index: number } ) => d.value,
-		sort: (
-			a: DataPointPercentage & { index: number },
-			b: DataPointPercentage & { index: number }
-		) => b.value - a.value,
-		// Use the color property from the data object as a last resort. The theme provides colours by default.
-		fill: ( d: DataPointPercentage & { index: number } ) =>
-			d.color || providerTheme.colors[ d.index % providerTheme.colors.length ],
-	};
-
 	const handleMouseMove = useCallback(
 		( event: React.MouseEvent, arc: ArcData ) => {
 			const coords = localPoint( event );
@@ -109,6 +109,52 @@ const PieSemiCircleChart: FC< PieSemiCircleChartProps > = ( {
 		[ handleMouseMove ]
 	);
 
+	// Add validation check
+	const { isValid, message } = validateData( data );
+
+	if ( ! isValid ) {
+		return (
+			<div className={ styles[ 'pie-semi-circle-chart' ] }>
+				<svg width={ width } height={ width / 2 } data-testid="pie-chart-svg">
+					<text x="50%" y="50%" textAnchor="middle" className={ styles.error }>
+						{ message }
+					</text>
+				</svg>
+			</div>
+		);
+	}
+
+	const height = width / 2;
+	const pad = 0.03;
+
+	// Use padding for the overall chart dimensions
+	const chartWidth = width - pad * 2;
+	const chartHeight = height - pad;
+	const radius = Math.min( chartWidth, chartHeight * 2 ) / 2;
+
+	const innerRadius = radius * ( 1 - thickness + pad );
+
+	// Map the data to include index for color assignment
+	const dataWithIndex = data.map( ( d, index ) => ( {
+		...d,
+		index,
+	} ) );
+
+	// Set the clockwise direction based on the prop
+	const startAngle = clockwise ? -Math.PI / 2 : Math.PI / 2;
+	const endAngle = clockwise ? Math.PI / 2 : -Math.PI / 2;
+
+	const accessors = {
+		value: ( d: DataPointPercentage & { index: number } ) => d.value,
+		sort: (
+			a: DataPointPercentage & { index: number },
+			b: DataPointPercentage & { index: number }
+		) => b.value - a.value,
+		// Use the color property from the data object as a last resort. The theme provides colours by default.
+		fill: ( d: DataPointPercentage & { index: number } ) =>
+			d.color || providerTheme.colors[ d.index % providerTheme.colors.length ],
+	};
+
 	// Create legend items
 	const legendItems = data.map( ( item, index ) => ( {
 		label: item.label,
@@ -119,10 +165,16 @@ const PieSemiCircleChart: FC< PieSemiCircleChartProps > = ( {
 	return (
 		<div
 			className={ clsx( 'pie-semi-circle-chart', styles[ 'pie-semi-circle-chart' ], className ) }
+			data-testid="pie-chart-container"
 		>
-			<svg viewBox={ `0 0 ${ width } ${ height }` } width={ width } height={ height }>
+			<svg
+				width={ width }
+				height={ height }
+				viewBox={ `0 0 ${ width } ${ height }` }
+				data-testid="pie-chart-svg"
+			>
 				{ /* Main chart group that contains both the pie and text elements */ }
-				<Group top={ centerX } left={ centerX }>
+				<Group top={ radius } left={ radius }>
 					{ /* Pie chart */ }
 					<Pie< DataPointPercentage & { index: number } >
 						data={ dataWithIndex }
@@ -142,7 +194,11 @@ const PieSemiCircleChart: FC< PieSemiCircleChartProps > = ( {
 									onMouseMove={ handleArcMouseMove( arc ) }
 									onMouseLeave={ handleMouseLeave }
 								>
-									<path d={ pie.path( arc ) || '' } fill={ accessors.fill( arc.data ) } />
+									<path
+										d={ pie.path( arc ) || '' }
+										fill={ accessors.fill( arc.data ) }
+										data-testid="pie-segment"
+									/>
 								</g>
 							) );
 						} }

package/src/components/shared/with-responsive.tsx

@@ -1,6 +1,6 @@
 import { useParentSize } from '@visx/responsive';
 import { ComponentType } from 'react';
-import type { BaseChartProps } from '../../types';
+import type { BaseChartProps, Optional } from '../../types';
 
 type ResponsiveConfig = {
 	maxWidth?: number;
@@ -23,7 +23,7 @@ export function withResponsive< T extends BaseChartProps< unknown > >(
 ) {
 	const { maxWidth = 1200, aspectRatio = 0.5, debounceTime = 50 } = config || {};
 
-	return function ResponsiveChart( props: Omit< T, 'width' | 'height' | 'size' > ) {
+	return function ResponsiveChart( props: Optional< T, 'width' | 'height' | 'size' > ) {
 		const { parentRef, width: parentWidth } = useParentSize( {
 			debounceTime,
 			enableDebounceLeadingCall: true,
@@ -32,14 +32,13 @@ export function withResponsive< T extends BaseChartProps< unknown > >(
 
 		// Calculate dimensions
 		const containerWidth = parentWidth ? Math.min( parentWidth, maxWidth ) : 600;
-		const containerHeight = containerWidth * aspectRatio;
+		const containerHeight = props.height ?? containerWidth * aspectRatio;
 
 		return (
 			<div
 				ref={ parentRef }
 				style={ {
 					width: '100%',
-					minHeight: `${ containerHeight }px`,
 				} }
 			>
 				<WrappedComponent

package/src/index.ts

@@ -8,8 +8,9 @@ export { PieSemiCircleChart } from './components/pie-semi-circle-chart';
 export { BaseTooltip } from './components/tooltip';
 export { Legend } from './components/legend';
 
-// Providers
+// Themes
 export { ThemeProvider } from './providers/theme';
+export { defaultTheme, jetpackTheme, wooTheme } from './providers/theme/themes';
 
 // Hooks
 export { default as useChartMouseHandler } from './hooks/use-chart-mouse-handler';

package/src/types.ts

@@ -5,6 +5,8 @@ import type { CSSProperties } from 'react';
 
 type ValueOf< T > = T[ keyof T ];
 
+export type Optional< T, K extends keyof T > = Pick< Partial< T >, K > & Omit< T, K >;
+
 declare type OrientationType = ValueOf< typeof Orientation >;
 
 export type DataPoint = {
@@ -84,6 +86,7 @@ declare type AxisOptions = {
 	axisLineClassName?: string;
 	labelClassName?: string;
 	tickClassName?: string;
+	tickFormat?: ( value: number ) => string;
 };
 
 /**
@@ -106,14 +109,18 @@ export type BaseChartProps< T = DataPoint | DataPointDate > = {
 	 * Height of the chart in pixels
 	 */
 	height?: number;
+	/**
+	 * Size of the chart in pixels for pie and donut charts
+	 */
+	size?: number;
 	/**
 	 * Chart margins
 	 */
 	margin?: {
-		top: number;
-		right: number;
-		bottom: number;
-		left: number;
+		top?: number;
+		right?: number;
+		bottom?: number;
+		left?: number;
 	};
 	/**
 	 * Whether to show tooltips on hover. False by default.