@automattic/charts 0.2.0 → 0.2.2

package/dist/index.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),l=require("@visx/axis"),t=require("@visx/event"),a=require("@visx/group"),i=require("@visx/scale"),o=require("@visx/shape"),r=require("@visx/tooltip"),s=require("clsx"),n=require("react"),d=require("@visx/grid"),c=require("@visx/legend"),h=require("@visx/xychart"),p=require("@visx/shape/lib/shapes/Pie"),u=require("@visx/text");const m={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},v=n.createContext(m),x=()=>n.useContext(v);var g="grid-control-module__grid-control__KOnZN";const _=({width:l,height:t,xScale:a,yScale:i,gridVisibility:o="x",top:r=0})=>e.jsxs("g",{transform:`translate(0, ${r})`,className:g,children:[o.includes("x")&&e.jsx(d.GridRows,{scale:a,width:l}),o.includes("y")&&e.jsx(d.GridColumns,{scale:i,height:t})]});var b={"legend--horizontal":"legend-module__legend--horizontal__IUN13","legend--vertical":"legend-module__legend--vertical__Scfzo","legend-item":"legend-module__legend-item__feemn","legend-item-swatch":"legend-module__legend-item-swatch__nRyXf","legend-item-label":"legend-module__legend-item-label__ksx6I","legend-item-value":"legend-module__legend-item-value__d9x1j"};const j={horizontal:"row",vertical:"column"},f=({items:l,className:t,orientation:a="horizontal"})=>{const o=i.scaleOrdinal({domain:l.map((e=>e.label)),range:l.map((e=>e.color))});return e.jsx("div",{className:s(b.legend,b[`legend--${a}`],t),role:"list",children:e.jsx(c.LegendOrdinal,{scale:o,direction:j[a],shape:"rect",shapeWidth:16,shapeHeight:16,className:b["legend-items"],children:t=>e.jsx("div",{className:b[`legend--${a}`],children:t.map((t=>{var a,i;return e.jsxs("div",{className:b["legend-item"],children:[e.jsx("svg",{width:16,height:16,children:e.jsx("rect",{width:16,height:16,fill:t.value,className:b["legend-item-swatch"]})}),e.jsxs("span",{className:b["legend-item-label"],children:[t.text,(null===(a=l.find((e=>e.label===t.text)))||void 0===a?void 0:a.value)&&e.jsx("span",{className:b["legend-item-value"],children:null===(i=l.find((e=>e.label===t.text)))||void 0===i?void 0:i.value})]})]},t.text)}))})})})};var y="base-tooltip-module__tooltip__OfX6n";const w=({data:l})=>e.jsxs(e.Fragment,{children:[null==l?void 0:l.label,": ",(null==l?void 0:l.valueDisplay)||(null==l?void 0:l.value)]}),T=({data:l,top:t,left:a,component:i=w,children:o,className:r})=>e.jsx("div",{className:y,style:{top:t,left:a},role:"tooltip",children:o||l&&e.jsx(i,{data:l,className:r})});var N={"bar-chart":"bar-chart-module__bar-chart__lmYNi","bar-chart-legend":"bar-chart-module__bar-chart-legend__vgKKq"};const C=({data:d,width:c=500,height:h=500,margin:p={top:20,right:20,bottom:40,left:40},withTooltips:u=!1,showLegend:m=!1,legendOrientation:v="horizontal",className:g,gridVisibility:b="x"})=>{var j;const y=x(),{tooltipOpen:w,tooltipLeft:C,tooltipTop:k,tooltipData:L,hideTooltip:D,showTooltip:M}=r.useTooltip(),A=n.useCallback(((e,l,a,i,o)=>{const r=t.localPoint(e);r&&M({tooltipData:{value:l,xLabel:a,yLabel:i,seriesIndex:o},tooltipLeft:r.x,tooltipTop:r.y-10})}),[M]),F=n.useCallback((()=>{D()}),[D]);if(!(null==d?void 0:d.length))return e.jsx("div",{className:s("bar-chart-empty",N["bat-chart-empty"]),children:"Empty..."});const S=p,q=c-S.left-S.right,O=h-S.top-S.bottom,P=null===(j=d[0].data)||void 0===j?void 0:j.map((e=>(null==e?void 0:e.label)||"")),B=i.scaleBand({range:[0,q],domain:P,padding:.2}),G=i.scaleBand({range:[0,B.bandwidth()],domain:d.map(((e,l)=>l.toString())),padding:.1}),z=i.scaleLinear({range:[O,0],domain:[0,Math.max(...d.map((e=>Math.max(...e.data.map((e=>(null==e?void 0:e.value)||0))))))]}),I=d.map(((e,l)=>({label:e.label,value:"",color:y.colors[l%y.colors.length]})));return e.jsxs("div",{className:s("bar-chart",g,N["bar-chart"]),children:[e.jsx("svg",{width:c,height:h,children:e.jsxs(a.Group,{left:S.left,top:S.top,children:[e.jsx(_,{width:q,height:O,xScale:B,yScale:z,gridVisibility:b}),d.map(((l,t)=>e.jsx(a.Group,{children:l.data.map((a=>{var i,r;const s=B((null==a?void 0:a.label)||"");if(void 0===s)return null;const n=G.bandwidth(),d=s+(null!==(i=G(t.toString()))&&void 0!==i?i:0);return e.jsx(o.Bar,{x:d,y:z(a.value),width:n,height:O-(null!==(r=z(a.value))&&void 0!==r?r:0),fill:y.colors[t%y.colors.length],onMouseMove:u?e=>A(e,a.value,(null==a?void 0:a.label)||"",l.label,t):void 0,onMouseLeave:u?F:void 0},`bar-${t}-${a.label}`)}))},t))),e.jsx(l.AxisLeft,{scale:z}),e.jsx(l.AxisBottom,{scale:B,top:O})]})}),u&&w&&L&&e.jsx(T,{top:k||0,left:C||0,children:e.jsxs("div",{children:[e.jsx("div",{children:L.yLabel}),e.jsxs("div",{children:[L.xLabel,": ",L.value]})]})}),m&&e.jsx(f,{items:I,orientation:v,className:N["bar-chart-legend"]})]})};C.displayName="BarChart";var k={"line-chart":"line-chart-module__line-chart__ITM3d","line-chart__tooltip":"line-chart-module__line-chart__tooltip__aqcme","line-chart__tooltip-date":"line-chart-module__line-chart__tooltip-date__4Dzab","line-chart__tooltip-row":"line-chart-module__line-chart__tooltip-row__6A37G","line-chart__tooltip-label":"line-chart-module__line-chart__tooltip-label__IvnFF"};const L=({tooltipData:l})=>{var t;const a=null===(t=null==l?void 0:l.nearestDatum)||void 0===t?void 0:t.datum;if(!a)return null;const i=Object.entries((null==l?void 0:l.datumByKey)||{}).map((([e,{datum:l}])=>({key:e,value:l.value}))).sort(((e,l)=>l.value-e.value));return e.jsxs("div",{className:k["line-chart__tooltip"],children:[e.jsx("div",{className:k["line-chart__tooltip-date"],children:a.date.toLocaleDateString()}),i.map((l=>e.jsxs("div",{className:k["line-chart__tooltip-row"],children:[e.jsxs("span",{className:k["line-chart__tooltip-label"],children:[l.key,":"]}),e.jsx("span",{className:k["line-chart__tooltip-value"],children:l.value})]},l.key)))]})},D=e=>new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"}),M=({withTooltips:e})=>{const{tooltipOpen:l,tooltipLeft:a,tooltipTop:i,tooltipData:o,hideTooltip:s,showTooltip:d}=r.useTooltip();return{onMouseMove:n.useCallback(((l,a)=>{if(!e)return;const i=t.localPoint(l);i&&d({tooltipData:a,tooltipLeft:i.x,tooltipTop:i.y-10})}),[e,d]),onMouseLeave:n.useCallback((()=>{e&&s()}),[e,s]),tooltipOpen:l,tooltipData:o||null,tooltipLeft:a,tooltipTop:i}};var A={"pie-chart":"pie-chart-module__pie-chart__R12Vh"};var F="pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9",S="pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y",q="pie-semi-circle-chart-module__label__nPqOg",O="pie-semi-circle-chart-module__note__LpBZQ";exports.BarChart=C,exports.BaseTooltip=T,exports.Legend=f,exports.LineChart=({data:l,width:t,height:a,margin:i={top:20,right:20,bottom:40,left:40},className:o,withTooltips:r=!0,showLegend:n=!1,legendOrientation:d="horizontal"})=>{const c=x();if(!(null==l?void 0:l.length))return e.jsx("div",{className:s("line-chart-empty",k["line-chart-empty"]),children:"Empty..."});const p=l.map(((e,l)=>({label:e.label,value:"",color:c.colors[l%c.colors.length]}))),u={xAccessor:e=>e.date,yAccessor:e=>e.value},m=h.buildChartTheme({backgroundColor:c.backgroundColor,colors:c.colors,gridStyles:c.gridStyles,tickLength:(null==c?void 0:c.tickLength)||0,gridColor:(null==c?void 0:c.gridColor)||"",gridColorDark:(null==c?void 0:c.gridColorDark)||""});return e.jsxs("div",{className:s("line-chart",k["line-chart"],o),children:[e.jsxs(h.XYChart,{theme:m,width:t,height:a,margin:i,xScale:{type:"time"},yScale:{type:"linear",nice:!0},children:[e.jsx(h.AnimatedGrid,{columns:!1,numTicks:4}),e.jsx(h.AnimatedAxis,{orientation:"bottom",numTicks:5,tickFormat:D}),e.jsx(h.AnimatedAxis,{orientation:"left",numTicks:4}),l.map(((l,t)=>e.jsx(h.AnimatedLineSeries,{dataKey:null==l?void 0:l.label,data:l.data,...u,stroke:m.colors[t%m.colors.length],strokeWidth:2},null==l?void 0:l.label))),r&&e.jsx(h.Tooltip,{snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:L})]}),n&&e.jsx(f,{items:p,orientation:d,className:k["line-chart-legend"]})]})},exports.PieChart=({data:l,width:t=500,height:i=500,withTooltips:r=!1,innerRadius:n=0,className:d,showLegend:c,legendOrientation:h})=>{const p=x(),{onMouseMove:u,onMouseLeave:v,tooltipOpen:g,tooltipData:_,tooltipLeft:b,tooltipTop:j}=M({withTooltips:r}),y=Math.min(t,i)/2,w=t/2,N=i/2,C={value:e=>e.value,fill:e=>(null==e?void 0:e.color)||p.colors[e.index]},k=l.map(((e,l)=>({label:e.label,value:e.value.toString(),color:p.colors[l%p.colors.length]})));return e.jsxs("div",{className:s("pie-chart",A["pie-chart"],d),children:[e.jsx("svg",{width:t,height:i,children:e.jsx(a.Group,{top:N,left:w,children:e.jsx(o.Pie,{data:l,pieValue:C.value,outerRadius:y-20,innerRadius:n,children:l=>l.arcs.map(((t,a)=>{const[i,o]=l.path.centroid(t),s=t.endAngle-t.startAngle>=.25,n=e=>u(e,t.data),d={d:l.path(t)||"",fill:C.fill(t)};return r&&(d.onMouseMove=n,d.onMouseLeave=v),e.jsxs("g",{children:[e.jsx("path",{...d}),s&&e.jsx("text",{x:i,y:o,dy:".33em",fill:p.labelBackgroundColor||m.labelBackgroundColor,fontSize:12,textAnchor:"middle",pointerEvents:"none",children:t.data.label})]},`arc-${a}`)}))})})}),c&&e.jsx(f,{items:k,orientation:h,className:A["pie-chart-legend"]}),r&&g&&_&&e.jsx(T,{data:_,top:j||0,left:b||0,style:{transform:"translate(-50%, -100%)"}})]})},exports.PieSemiCircleChart=({data:l,width:i=500,label:o,note:d,className:c,withTooltips:h=!1,clockwise:m=!0,thickness:v=.4,showLegend:g,legendOrientation:_})=>{const b=x(),{tooltipOpen:j,tooltipLeft:y,tooltipTop:w,tooltipData:N,hideTooltip:C,showTooltip:k}=r.useTooltip(),L=i/2,D=i/2,M=i/2,A=M*(1-v+.03),P=l.map(((e,l)=>({...e,index:l}))),B=m?-Math.PI/2:Math.PI/2,G=m?Math.PI/2:-Math.PI/2,z={value:e=>e.value,sort:(e,l)=>l.value-e.value,fill:e=>e.color||b.colors[e.index%b.colors.length]},I=n.useCallback(((e,l)=>{const a=t.localPoint(e);a&&k({tooltipData:l.data,tooltipLeft:a.x,tooltipTop:a.y-10})}),[k]),R=n.useCallback((()=>{C()}),[C]),V=n.useCallback((e=>l=>{I(l,e)}),[I]),$=l.map(((e,l)=>({label:e.label,value:e.valueDisplay||e.value.toString(),color:z.fill({...e,index:l})})));return e.jsxs("div",{className:s("pie-semi-circle-chart",F,c),children:[e.jsx("svg",{width:i,height:D,children:e.jsxs(a.Group,{top:L,left:L,children:[e.jsx(p,{data:P,pieValue:z.value,outerRadius:M,innerRadius:A,cornerRadius:3,padAngle:.03,startAngle:B,endAngle:G,pieSort:z.sort,children:l=>l.arcs.map((t=>e.jsx("g",{onMouseMove:V(t),onMouseLeave:R,children:e.jsx("path",{d:l.path(t)||"",fill:z.fill(t.data)})},t.data.label)))}),e.jsxs(a.Group,{children:[e.jsx(u.Text,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:q,children:o}),e.jsx(u.Text,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:O,children:d})]})]})}),h&&j&&N&&e.jsx(T,{data:{label:N.label,value:N.value,valueDisplay:N.valueDisplay},top:w||0,left:y||0}),g&&e.jsx(f,{items:$,orientation:_,className:S})]})},exports.ThemeProvider=({theme:l={},children:t})=>{const a={...m,...l};return e.jsx(v.Provider,{value:a,children:t})},exports.useChartMouseHandler=M;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["/@automattic/charts/../src/providers/theme/themes.ts","/@automattic/charts/../src/providers/theme/theme-provider.tsx","/@automattic/charts/../src/components/grid-control/grid-control.tsx","/@automattic/charts/../src/components/legend/base-legend.tsx","/@automattic/charts/../src/components/tooltip/base-tooltip.tsx","/@automattic/charts/../src/components/bar-chart/bar-chart.tsx","/@automattic/charts/../src/components/line-chart/line-chart.tsx","/@automattic/charts/../src/hooks/use-chart-mouse-handler.ts","/@automattic/charts/../src/components/pie-chart/pie-chart.tsx","/@automattic/charts/../src/components/pie-semi-circle-chart/pie-semi-circle-chart.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null],"names":["defaultTheme","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","ThemeContext","createContext","useChartTheme","useContext","GridControl","width","height","xScale","yScale","gridVisibility","top","_jsxs","transform","className","styles","children","includes","_jsx","GridRows","scale","GridColumns","orientationToFlexDirection","horizontal","vertical","BaseLegend","items","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","clsx","legend","role","jsx","LegendOrdinal","direction","shape","shapeWidth","shapeHeight","labels","jsxs","fill","value","text","_a","find","_b","DefaultTooltipContent","data","valueDisplay","BaseTooltip","left","component","Component","style","BarChart","margin","right","bottom","withTooltips","showLegend","legendOrientation","theme","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","handleMouseMove","useCallback","event","xLabel","yLabel","seriesIndex","coords","localPoint","x","y","handleMouseLeave","length","margins","xMax","yMax","d","scaleBand","padding","innerScale","bandwidth","_","i","toString","scaleLinear","Math","max","series","legendItems","group","index","Group","xPos","undefined","barWidth","barX","Bar","onMouseMove","onMouseLeave","AxisLeft","AxisBottom","Legend","displayName","renderTooltip","nearestDatum","datum","tooltipPoints","Object","entries","datumByKey","key","sort","a","b","date","toLocaleDateString","point","formatDateTick","Date","month","day","useChartMouseHandler","providerTheme","accessors","xAccessor","yAccessor","buildChartTheme","XYChart","type","nice","AnimatedGrid","columns","numTicks","AnimatedAxis","tickFormat","seriesData","AnimatedLineSeries","dataKey","Tooltip","snapTooltipToDatumX","snapTooltipToDatumY","showSeriesGlyphs","innerRadius","radius","min","centerX","centerY","Pie","pieValue","outerRadius","pie","arcs","arc","centroidX","centroidY","path","centroid","hasSpaceForLabel","endAngle","startAngle","pathProps","dy","fontSize","textAnchor","pointerEvents","note","clockwise","thickness","dataWithIndex","PI","handleArcMouseMove","cornerRadius","padAngle","pieSort","Text","verticalAnchor","mergedTheme","Provider"],"mappings":"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"}

package/dist/index.mjs

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as l,Fragment as t}from"react/jsx-runtime";import{AxisLeft as o,AxisBottom as a}from"@visx/axis";import{localPoint as i}from"@visx/event";import{Group as r}from"@visx/group";import{scaleOrdinal as n,scaleBand as d,scaleLinear as c}from"@visx/scale";import{Bar as s,Pie as h}from"@visx/shape";import{useTooltip as p}from"@visx/tooltip";import m from"clsx";import{createContext as u,useContext as v,useCallback as g}from"react";import{GridRows as _,GridColumns as b}from"@visx/grid";import{LegendOrdinal as f}from"@visx/legend";import{buildChartTheme as x,XYChart as y,AnimatedGrid as w,AnimatedAxis as N,AnimatedLineSeries as T,Tooltip as L}from"@visx/xychart";import k from"@visx/shape/lib/shapes/Pie";import{Text as D}from"@visx/text";const M={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},F=u(M),S=()=>v(F),C=({theme:l={},children:t})=>{const o={...M,...l};return e(F.Provider,{value:o,children:t})};var A="grid-control-module__grid-control__KOnZN";const O=({width:t,height:o,xScale:a,yScale:i,gridVisibility:r="x",top:n=0})=>l("g",{transform:`translate(0, ${n})`,className:A,children:[r.includes("x")&&e(_,{scale:a,width:t}),r.includes("y")&&e(b,{scale:i,height:o})]});var z={"legend--horizontal":"legend-module__legend--horizontal__IUN13","legend--vertical":"legend-module__legend--vertical__Scfzo","legend-item":"legend-module__legend-item__feemn","legend-item-swatch":"legend-module__legend-item-swatch__nRyXf","legend-item-label":"legend-module__legend-item-label__ksx6I","legend-item-value":"legend-module__legend-item-value__d9x1j"};const I={horizontal:"row",vertical:"column"},R=({items:t,className:o,orientation:a="horizontal"})=>{const i=n({domain:t.map((e=>e.label)),range:t.map((e=>e.color))});return e("div",{className:m(z.legend,z[`legend--${a}`],o),role:"list",children:e(f,{scale:i,direction:I[a],shape:"rect",shapeWidth:16,shapeHeight:16,className:z["legend-items"],children:o=>e("div",{className:z[`legend--${a}`],children:o.map((o=>{var a,i;return l("div",{className:z["legend-item"],children:[e("svg",{width:16,height:16,children:e("rect",{width:16,height:16,fill:o.value,className:z["legend-item-swatch"]})}),l("span",{className:z["legend-item-label"],children:[o.text,(null===(a=t.find((e=>e.label===o.text)))||void 0===a?void 0:a.value)&&e("span",{className:z["legend-item-value"],children:null===(i=t.find((e=>e.label===o.text)))||void 0===i?void 0:i.value})]})]},o.text)}))})})})};var B="base-tooltip-module__tooltip__OfX6n";const P=({data:e})=>l(t,{children:[null==e?void 0:e.label,": ",(null==e?void 0:e.valueDisplay)||(null==e?void 0:e.value)]}),V=({data:l,top:t,left:o,component:a=P,children:i,className:r})=>e("div",{className:B,style:{top:t,left:o},role:"tooltip",children:i||l&&e(a,{data:l,className:r})});var $={"bar-chart":"bar-chart-module__bar-chart__lmYNi","bar-chart-legend":"bar-chart-module__bar-chart-legend__vgKKq"};const K=({data:t,width:n=500,height:h=500,margin:u={top:20,right:20,bottom:40,left:40},withTooltips:v=!1,showLegend:_=!1,legendOrientation:b="horizontal",className:f,gridVisibility:x="x"})=>{var y;const w=S(),{tooltipOpen:N,tooltipLeft:T,tooltipTop:L,tooltipData:k,hideTooltip:D,showTooltip:M}=p(),F=g(((e,l,t,o,a)=>{const r=i(e);r&&M({tooltipData:{value:l,xLabel:t,yLabel:o,seriesIndex:a},tooltipLeft:r.x,tooltipTop:r.y-10})}),[M]),C=g((()=>{D()}),[D]);if(!(null==t?void 0:t.length))return e("div",{className:m("bar-chart-empty",$["bat-chart-empty"]),children:"Empty..."});const A=u,z=n-A.left-A.right,I=h-A.top-A.bottom,B=null===(y=t[0].data)||void 0===y?void 0:y.map((e=>(null==e?void 0:e.label)||"")),P=d({range:[0,z],domain:B,padding:.2}),K=d({range:[0,P.bandwidth()],domain:t.map(((e,l)=>l.toString())),padding:.1}),j=c({range:[I,0],domain:[0,Math.max(...t.map((e=>Math.max(...e.data.map((e=>(null==e?void 0:e.value)||0))))))]}),W=t.map(((e,l)=>({label:e.label,value:"",color:w.colors[l%w.colors.length]})));return l("div",{className:m("bar-chart",f,$["bar-chart"]),children:[e("svg",{width:n,height:h,children:l(r,{left:A.left,top:A.top,children:[e(O,{width:z,height:I,xScale:P,yScale:j,gridVisibility:x}),t.map(((l,t)=>e(r,{children:l.data.map((o=>{var a,i;const r=P((null==o?void 0:o.label)||"");if(void 0===r)return null;const n=K.bandwidth(),d=r+(null!==(a=K(t.toString()))&&void 0!==a?a:0);return e(s,{x:d,y:j(o.value),width:n,height:I-(null!==(i=j(o.value))&&void 0!==i?i:0),fill:w.colors[t%w.colors.length],onMouseMove:v?e=>F(e,o.value,(null==o?void 0:o.label)||"",l.label,t):void 0,onMouseLeave:v?C:void 0},`bar-${t}-${o.label}`)}))},t))),e(o,{scale:j}),e(a,{scale:P,top:I})]})}),v&&N&&k&&e(V,{top:L||0,left:T||0,children:l("div",{children:[e("div",{children:k.yLabel}),l("div",{children:[k.xLabel,": ",k.value]})]})}),_&&e(R,{items:W,orientation:b,className:$["bar-chart-legend"]})]})};K.displayName="BarChart";var j={"line-chart":"line-chart-module__line-chart__ITM3d","line-chart__tooltip":"line-chart-module__line-chart__tooltip__aqcme","line-chart__tooltip-date":"line-chart-module__line-chart__tooltip-date__4Dzab","line-chart__tooltip-row":"line-chart-module__line-chart__tooltip-row__6A37G","line-chart__tooltip-label":"line-chart-module__line-chart__tooltip-label__IvnFF"};const W=({tooltipData:t})=>{var o;const a=null===(o=null==t?void 0:t.nearestDatum)||void 0===o?void 0:o.datum;if(!a)return null;const i=Object.entries((null==t?void 0:t.datumByKey)||{}).map((([e,{datum:l}])=>({key:e,value:l.value}))).sort(((e,l)=>l.value-e.value));return l("div",{className:j["line-chart__tooltip"],children:[e("div",{className:j["line-chart__tooltip-date"],children:a.date.toLocaleDateString()}),i.map((t=>l("div",{className:j["line-chart__tooltip-row"],children:[l("span",{className:j["line-chart__tooltip-label"],children:[t.key,":"]}),e("span",{className:j["line-chart__tooltip-value"],children:t.value})]},t.key)))]})},q=e=>new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"}),E=({data:t,width:o,height:a,margin:i={top:20,right:20,bottom:40,left:40},className:r,withTooltips:n=!0,showLegend:d=!1,legendOrientation:c="horizontal"})=>{const s=S();if(!(null==t?void 0:t.length))return e("div",{className:m("line-chart-empty",j["line-chart-empty"]),children:"Empty..."});const h=t.map(((e,l)=>({label:e.label,value:"",color:s.colors[l%s.colors.length]}))),p={xAccessor:e=>e.date,yAccessor:e=>e.value},u=x({backgroundColor:s.backgroundColor,colors:s.colors,gridStyles:s.gridStyles,tickLength:(null==s?void 0:s.tickLength)||0,gridColor:(null==s?void 0:s.gridColor)||"",gridColorDark:(null==s?void 0:s.gridColorDark)||""});return l("div",{className:m("line-chart",j["line-chart"],r),children:[l(y,{theme:u,width:o,height:a,margin:i,xScale:{type:"time"},yScale:{type:"linear",nice:!0},children:[e(w,{columns:!1,numTicks:4}),e(N,{orientation:"bottom",numTicks:5,tickFormat:q}),e(N,{orientation:"left",numTicks:4}),t.map(((l,t)=>e(T,{dataKey:null==l?void 0:l.label,data:l.data,...p,stroke:u.colors[t%u.colors.length],strokeWidth:2},null==l?void 0:l.label))),n&&e(L,{snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:W})]}),d&&e(R,{items:h,orientation:c,className:j["line-chart-legend"]})]})},X=({withTooltips:e})=>{const{tooltipOpen:l,tooltipLeft:t,tooltipTop:o,tooltipData:a,hideTooltip:r,showTooltip:n}=p();return{onMouseMove:g(((l,t)=>{if(!e)return;const o=i(l);o&&n({tooltipData:t,tooltipLeft:o.x,tooltipTop:o.y-10})}),[e,n]),onMouseLeave:g((()=>{e&&r()}),[e,r]),tooltipOpen:l,tooltipData:a||null,tooltipLeft:t,tooltipTop:o}};var Y={"pie-chart":"pie-chart-module__pie-chart__R12Vh"};const G=({data:t,width:o=500,height:a=500,withTooltips:i=!1,innerRadius:n=0,className:d,showLegend:c,legendOrientation:s})=>{const p=S(),{onMouseMove:u,onMouseLeave:v,tooltipOpen:g,tooltipData:_,tooltipLeft:b,tooltipTop:f}=X({withTooltips:i}),x=Math.min(o,a)/2,y=o/2,w=a/2,N={value:e=>e.value,fill:e=>(null==e?void 0:e.color)||p.colors[e.index]},T=t.map(((e,l)=>({label:e.label,value:e.value.toString(),color:p.colors[l%p.colors.length]})));return l("div",{className:m("pie-chart",Y["pie-chart"],d),children:[e("svg",{width:o,height:a,children:e(r,{top:w,left:y,children:e(h,{data:t,pieValue:N.value,outerRadius:x-20,innerRadius:n,children:t=>t.arcs.map(((o,a)=>{const[r,n]=t.path.centroid(o),d=o.endAngle-o.startAngle>=.25,c=e=>u(e,o.data),s={d:t.path(o)||"",fill:N.fill(o)};return i&&(s.onMouseMove=c,s.onMouseLeave=v),l("g",{children:[e("path",{...s}),d&&e("text",{x:r,y:n,dy:".33em",fill:p.labelBackgroundColor||M.labelBackgroundColor,fontSize:12,textAnchor:"middle",pointerEvents:"none",children:o.data.label})]},`arc-${a}`)}))})})}),c&&e(R,{items:T,orientation:s,className:Y["pie-chart-legend"]}),i&&g&&_&&e(V,{data:_,top:f||0,left:b||0,style:{transform:"translate(-50%, -100%)"}})]})};var Z="pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9",H="pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y",Q="pie-semi-circle-chart-module__label__nPqOg",U="pie-semi-circle-chart-module__note__LpBZQ";const J=({data:t,width:o=500,label:a,note:n,className:d,withTooltips:c=!1,clockwise:s=!0,thickness:h=.4,showLegend:u,legendOrientation:v})=>{const _=S(),{tooltipOpen:b,tooltipLeft:f,tooltipTop:x,tooltipData:y,hideTooltip:w,showTooltip:N}=p(),T=o/2,L=o/2,M=o/2,F=M*(1-h+.03),C=t.map(((e,l)=>({...e,index:l}))),A=s?-Math.PI/2:Math.PI/2,O=s?Math.PI/2:-Math.PI/2,z={value:e=>e.value,sort:(e,l)=>l.value-e.value,fill:e=>e.color||_.colors[e.index%_.colors.length]},I=g(((e,l)=>{const t=i(e);t&&N({tooltipData:l.data,tooltipLeft:t.x,tooltipTop:t.y-10})}),[N]),B=g((()=>{w()}),[w]),P=g((e=>l=>{I(l,e)}),[I]),$=t.map(((e,l)=>({label:e.label,value:e.valueDisplay||e.value.toString(),color:z.fill({...e,index:l})})));return l("div",{className:m("pie-semi-circle-chart",Z,d),children:[e("svg",{width:o,height:L,children:l(r,{top:T,left:T,children:[e(k,{data:C,pieValue:z.value,outerRadius:M,innerRadius:F,cornerRadius:3,padAngle:.03,startAngle:A,endAngle:O,pieSort:z.sort,children:l=>l.arcs.map((t=>e("g",{onMouseMove:P(t),onMouseLeave:B,children:e("path",{d:l.path(t)||"",fill:z.fill(t.data)})},t.data.label)))}),l(r,{children:[e(D,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:Q,children:a}),e(D,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:U,children:n})]})]})}),c&&b&&y&&e(V,{data:{label:y.label,value:y.value,valueDisplay:y.valueDisplay},top:x||0,left:f||0}),u&&e(R,{items:$,orientation:v,className:H})]})};export{K as BarChart,V as BaseTooltip,R as Legend,E as LineChart,G as PieChart,J as PieSemiCircleChart,C as ThemeProvider,X as useChartMouseHandler};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../src/providers/theme/themes.ts","../src/providers/theme/theme-provider.tsx","../src/components/grid-control/grid-control.tsx","../src/components/legend/base-legend.tsx","../src/components/tooltip/base-tooltip.tsx","../src/components/bar-chart/bar-chart.tsx","../src/components/line-chart/line-chart.tsx","../src/hooks/use-chart-mouse-handler.ts","../src/components/pie-chart/pie-chart.tsx","../src/components/pie-semi-circle-chart/pie-semi-circle-chart.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null],"names":["defaultTheme","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","ThemeContext","createContext","useChartTheme","useContext","ThemeProvider","theme","children","mergedTheme","_jsx","Provider","value","GridControl","width","height","xScale","yScale","gridVisibility","top","_jsxs","transform","className","styles","includes","GridRows","scale","GridColumns","orientationToFlexDirection","horizontal","vertical","BaseLegend","items","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","clsx","legend","role","LegendOrdinal","direction","shape","shapeWidth","shapeHeight","labels","fill","text","_a","find","_b","DefaultTooltipContent","data","valueDisplay","BaseTooltip","left","component","Component","style","BarChart","margin","right","bottom","withTooltips","showLegend","legendOrientation","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","handleMouseMove","useCallback","event","xLabel","yLabel","seriesIndex","coords","localPoint","x","y","handleMouseLeave","length","margins","xMax","yMax","d","scaleBand","padding","innerScale","bandwidth","_","i","toString","scaleLinear","Math","max","series","legendItems","group","index","Group","xPos","undefined","barWidth","barX","Bar","onMouseMove","onMouseLeave","AxisLeft","AxisBottom","Legend","displayName","renderTooltip","nearestDatum","datum","tooltipPoints","Object","entries","datumByKey","key","sort","a","b","date","toLocaleDateString","point","formatDateTick","Date","month","day","LineChart","providerTheme","accessors","xAccessor","yAccessor","buildChartTheme","XYChart","type","nice","AnimatedGrid","columns","numTicks","AnimatedAxis","tickFormat","seriesData","AnimatedLineSeries","dataKey","Tooltip","snapTooltipToDatumX","snapTooltipToDatumY","showSeriesGlyphs","useChartMouseHandler","PieChart","innerRadius","radius","min","centerX","centerY","Pie","pieValue","outerRadius","pie","arcs","arc","centroidX","centroidY","path","centroid","hasSpaceForLabel","endAngle","startAngle","pathProps","dy","fontSize","textAnchor","pointerEvents","PieSemiCircleChart","note","clockwise","thickness","dataWithIndex","PI","handleArcMouseMove","cornerRadius","padAngle","pieSort","Text","verticalAnchor"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";var r=require("react/jsx-runtime"),o=require("react");const e={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},F=o.createContext(e);exports.ThemeProvider=({theme:o={},children:t})=>{const l={...e,...o};return r.jsx(F.Provider,{value:l,children:t})},exports.defaultTheme=e,exports.jetpackTheme={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},exports.useChartTheme=()=>o.useContext(F),exports.wooTheme={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#80C8FF","#B999FF","#3858E9"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""};
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/providers/theme/themes.ts","../../../src/providers/theme/theme-provider.tsx"],"sourcesContent":[null,null],"names":["defaultTheme","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","ThemeContext","createContext","theme","children","mergedTheme","_jsx","jsx","Provider","value","useContext"],"mappings":"mEAKA,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,ICRVC,EAAeC,EAAAA,cAA6BX,yBAuBF,EAAIY,QAAQ,CAAE,EAAEC,eAC/D,MAAMC,EAAc,IAAKd,KAAiBY,GAC1C,OAAOG,EAAAC,IAACN,EAAaO,SAAQ,CAACC,MAAQJ,EAAWD,SAAKA,GAAkC,8CDXxD,CAChCZ,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,UAAW,UAAW,WACtDC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,0BClBM,IACPU,aAAYT,oBDuBE,CAC5BT,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,WAChCC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe"}

package/dist/providers/theme/index.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{createContext as o,useContext as F}from"react";const t={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},l={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},e={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#80C8FF","#B999FF","#3858E9"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},C=o(t),d=()=>F(C),i=({theme:o={},children:F})=>{const l={...t,...o};return r(C.Provider,{value:l,children:F})};export{i as ThemeProvider,t as defaultTheme,l as jetpackTheme,d as useChartTheme,e as wooTheme};
+//# sourceMappingURL=index.js.map

package/dist/providers/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/providers/theme/themes.ts","../../../src/providers/theme/theme-provider.tsx"],"sourcesContent":[null,null],"names":["defaultTheme","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","jetpackTheme","wooTheme","ThemeContext","createContext","useChartTheme","useContext","ThemeProvider","theme","children","mergedTheme","_jsx","Provider","value"],"mappings":"8FAKA,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,IAMVC,EAA2B,CAChCT,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,UAAW,UAAW,WACtDC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,IAMVE,EAAuB,CAC5BV,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,WAChCC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,ICxCVG,EAAeC,EAA6Bb,GAM5Cc,EAAgB,IACPC,EAAYH,GAgBrBI,EAA0C,EAAIC,QAAQ,CAAE,EAAEC,eAC/D,MAAMC,EAAc,IAAKnB,KAAiBiB,GAC1C,OAAOG,EAACR,EAAaS,SAAQ,CAACC,MAAQH,EAAWD,SAAKA,GAAkC"}

package/dist/providers/theme/style.css

@@ -0,0 +1,95 @@
+.bar-chart-module__bar-chart__lmYNi {
+  position: relative;
+}
+.bar-chart-module__bar-chart-legend__vgKKq {
+  margin-top: 1rem;
+}
+.pie-chart-module__pie-chart__R12Vh {
+  position: relative;
+}
+.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
+  position: relative;
+  text-align: center;
+}
+.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
+  margin-top: 1rem;
+}
+.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
+  margin-bottom: 0px;
+  font-weight: 600;
+  font-size: 16px;
+}
+.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
+  margin-top: 0px;
+  font-size: 14px;
+}
+.line-chart-module__line-chart__ITM3d {
+  position: relative;
+}
+.line-chart-module__line-chart__tooltip__aqcme {
+  background: #fff;
+  padding: 0.5rem;
+}
+.line-chart-module__line-chart__tooltip-date__4Dzab {
+  font-weight: bold;
+  padding-bottom: 10px;
+}
+.line-chart-module__line-chart__tooltip-row__6A37G {
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+  justify-content: space-between;
+}
+.line-chart-module__line-chart__tooltip-label__IvnFF {
+  font-weight: 500;
+  padding-right: 1rem;
+}
+.grid-control-module__grid-control__KOnZN .visx-line {
+  stroke: #d7d6d6;
+  stroke-width: 1px;
+  shape-rendering: crispEdges;
+}
+.base-tooltip-module__tooltip__OfX6n {
+  padding: 0.5rem;
+  background-color: rgba(0, 0, 0, 0.85);
+  color: white;
+  border-radius: 4px;
+  font-size: 14px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  pointer-events: none;
+  transform: translate(-50%, -100%);
+}
+.legend-module__legend--horizontal__IUN13 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+.legend-module__legend--vertical__Scfzo {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.legend-module__legend-item__feemn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 0.875rem;
+}
+
+.legend-module__legend-item-swatch__nRyXf {
+  border-radius: 2px;
+}
+
+.legend-module__legend-item-label__ksx6I {
+  color: var(--jp-gray-80, #2c3338);
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.legend-module__legend-item-value__d9x1j {
+  font-weight: 500;
+}

package/dist/style.css

@@ -0,0 +1,95 @@
+.grid-control-module__grid-control__KOnZN .visx-line {
+  stroke: #d7d6d6;
+  stroke-width: 1px;
+  shape-rendering: crispEdges;
+}
+.legend-module__legend--horizontal__IUN13 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+.legend-module__legend--vertical__Scfzo {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.legend-module__legend-item__feemn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 0.875rem;
+}
+
+.legend-module__legend-item-swatch__nRyXf {
+  border-radius: 2px;
+}
+
+.legend-module__legend-item-label__ksx6I {
+  color: var(--jp-gray-80, #2c3338);
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.legend-module__legend-item-value__d9x1j {
+  font-weight: 500;
+}
+.base-tooltip-module__tooltip__OfX6n {
+  padding: 0.5rem;
+  background-color: rgba(0, 0, 0, 0.85);
+  color: white;
+  border-radius: 4px;
+  font-size: 14px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  pointer-events: none;
+  transform: translate(-50%, -100%);
+}
+.bar-chart-module__bar-chart__lmYNi {
+  position: relative;
+}
+.bar-chart-module__bar-chart-legend__vgKKq {
+  margin-top: 1rem;
+}
+.line-chart-module__line-chart__ITM3d {
+  position: relative;
+}
+.line-chart-module__line-chart__tooltip__aqcme {
+  background: #fff;
+  padding: 0.5rem;
+}
+.line-chart-module__line-chart__tooltip-date__4Dzab {
+  font-weight: bold;
+  padding-bottom: 10px;
+}
+.line-chart-module__line-chart__tooltip-row__6A37G {
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+  justify-content: space-between;
+}
+.line-chart-module__line-chart__tooltip-label__IvnFF {
+  font-weight: 500;
+  padding-right: 1rem;
+}
+.pie-chart-module__pie-chart__R12Vh {
+  position: relative;
+}
+.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
+  position: relative;
+  text-align: center;
+}
+.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
+  margin-top: 1rem;
+}
+.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
+  margin-bottom: 0px;
+  font-weight: 600;
+  font-size: 16px;
+}
+.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
+  margin-top: 0px;
+  font-size: 14px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/charts",
-	"version": "0.2.0",
+	"version": "0.2.2",
 	"description": "Display charts within Automattic products.",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/charts/#readme",
 	"bugs": {
@@ -19,8 +19,10 @@
 		"test-coverage": "pnpm run test --coverage",
 		"storybook": "cd ../storybook && pnpm run storybook:dev",
 		"compile-ts": "tsc --pretty",
-		"build": "pnpm run clean-build && pnpm run compile-ts",
-		"build:prod": "tsup src/index.ts --minify --dts",
+		"build": "rollup -c",
+		"build:prod": "rollup -c --environment NODE_ENV:production",
+		"build:dev": "rollup -c --environment NODE_ENV:development",
+		"build:watch": "rollup -c -w",
 		"clean-build": "rm -rf dist/"
 	},
 	"dependencies": {
@@ -36,15 +38,19 @@
 		"@visx/text": "3.12.0",
 		"@visx/tooltip": "^3.8.0",
 		"@visx/xychart": "3.12.0",
-		"clsx": "2.1.1"
+		"clsx": "2.1.1",
+		"tslib": "2.5.0"
 	},
 	"devDependencies": {
+		"@rollup/plugin-commonjs": "26.0.1",
+		"@rollup/plugin-json": "6.1.0",
+		"@rollup/plugin-node-resolve": "15.3.0",
+		"@rollup/plugin-terser": "0.4.3",
+		"@rollup/plugin-typescript": "12.1.0",
 		"@storybook/blocks": "8.4.6",
 		"@storybook/react": "8.4.6",
-		"@types/react": "18.3.13",
-		"@types/react-dom": "18.3.1",
-		"esbuild": "0.24.2",
-		"esbuild-sass-plugin": "3.3.1",
+		"@types/react": "18.3.18",
+		"@types/react-dom": "18.3.5",
 		"jest": "29.7.0",
 		"jest-environment-jsdom": "29.7.0",
 		"jest-extended": "4.0.2",
@@ -52,9 +58,13 @@
 		"postcss-modules": "6.0.1",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
+		"rollup": "3.29.5",
+		"rollup-plugin-dts": "6.1.1",
+		"rollup-plugin-peer-deps-external": "2.2.4",
+		"rollup-plugin-postcss": "4.0.2",
+		"sass": "1.64.1",
 		"sass-embedded": "1.83.0",
 		"storybook": "8.4.6",
-		"tsup": "8.3.5",
 		"typescript": "5.7.2"
 	},
 	"peerDependencies": {
@@ -63,10 +73,22 @@
 	},
 	"exports": {
 		".": {
-			"types": "./dist/index.d.ts",
-			"default": "./dist/index.js"
-		}
+			"import": "./dist/index.mjs",
+			"require": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./components/*": {
+			"import": "./dist/components/*/index.js",
+			"require": "./dist/components/*/index.cjs.js",
+			"types": "./dist/components/*/index.d.ts"
+		},
+		"./style.css": "./dist/style.css"
 	},
 	"main": "./dist/index.js",
-	"types": "./dist/index.d.ts"
+	"module": "./dist/index.mjs",
+	"types": "./dist/index.d.ts",
+	"sideEffects": [
+		"*.css",
+		"*.scss"
+	]
 }

package/rollup.config.mjs

@@ -0,0 +1,142 @@
+// Import necessary plugins for building the library
+import commonjs from '@rollup/plugin-commonjs';
+import json from '@rollup/plugin-json';
+import resolve from '@rollup/plugin-node-resolve';
+import terser from '@rollup/plugin-terser';
+import typescript from '@rollup/plugin-typescript';
+import { defineConfig } from 'rollup';
+import dts from 'rollup-plugin-dts';
+import peerDepsExternal from 'rollup-plugin-peer-deps-external';
+import postcss from 'rollup-plugin-postcss';
+
+// Common plugins used across all build configurations
+const commonPlugins = [
+	// Automatically externalize peer dependencies
+	peerDepsExternal( {
+		includeDependencies: true,
+	} ),
+	// Locate and bundle third-party dependencies from node_modules
+	resolve( {
+		preferBuiltins: true,
+		extensions: [ '.tsx', '.ts', '.js', '.jsx' ],
+	} ),
+	// Convert CommonJS modules to ES6
+	commonjs(),
+	// Allow importing JSON files
+	json(),
+	// Process SCSS/CSS modules
+	postcss( {
+		// Configure CSS modules with scoped names
+		modules: {
+			generateScopedName: '[name]__[local]__[hash:base64:5]',
+		},
+		extract: 'style.css',
+		autoModules: false,
+		use: [ 'sass' ],
+	} ),
+];
+
+// Main bundle configuration for the entire library
+const mainConfig = {
+	// Entry point for the bundle
+	input: 'src/index.ts',
+	// Output configuration for different module formats
+	output: [
+		{
+			file: './dist/index.js',
+			format: 'cjs', // CommonJS format for Node.js
+			sourcemap: true,
+			sourcemapPathTransform: relativeSourcePath => {
+				return `/@automattic/charts/${ relativeSourcePath }`;
+			},
+		},
+		{
+			file: './dist/index.mjs',
+			format: 'esm', // ES modules for modern bundlers
+			sourcemap: true,
+		},
+	],
+	// Mark all dependencies as external to avoid bundling them
+	external: [ 'react', 'react-dom', /^@visx\/.*/, '@react-spring/web', 'clsx', 'tslib' ],
+	plugins: [
+		...commonPlugins,
+		// TypeScript compilation
+		typescript( {
+			tsconfig: './tsconfig.json',
+			declaration: false, // Declarations handled by dts plugin
+			sourceMap: true,
+			compilerOptions: {
+				verbatimModuleSyntax: true,
+			},
+		} ),
+		terser(),
+	],
+	// Handle circular dependencies warning
+	onwarn( warning, warn ) {
+		if ( warning.code === 'CIRCULAR_DEPENDENCY' ) {
+			return;
+		}
+		warn( warning );
+	},
+};
+
+// List of components to build individually
+const components = [
+	'components/bar-chart',
+	'components/line-chart',
+	'components/pie-chart',
+	'components/pie-semi-circle-chart',
+	'components/tooltip',
+	'components/legend',
+	'components/grid-control',
+	'providers/theme',
+];
+
+// Generate individual bundles for each component
+const componentConfigs = components.map( component => ( {
+	// Component entry point - try both .tsx and .ts extensions
+	input: `src/${ component }/index`,
+	// Output both ESM and CJS formats
+	output: [
+		{
+			file: `dist/${ component }/index.js`,
+			format: 'esm',
+			sourcemap: true,
+		},
+		{
+			file: `dist/${ component }/index.cjs.js`,
+			format: 'cjs',
+			sourcemap: true,
+		},
+	],
+	// Same external config as main bundle
+	external: [ 'react', 'react-dom', /^@visx\/.*/, '@react-spring/web', 'clsx', 'tslib' ],
+	plugins: [
+		...commonPlugins,
+		typescript( {
+			tsconfig: './tsconfig.json',
+			declaration: false,
+			sourceMap: true,
+			compilerOptions: {
+				verbatimModuleSyntax: true,
+			},
+		} ),
+		terser(),
+	],
+} ) );
+
+// Configuration for generating TypeScript declaration files
+const typesConfig = {
+	input: 'src/index.ts',
+	output: [ { file: 'dist/index.d.ts', format: 'es' } ],
+	plugins: [
+		dts( {
+			respectExternal: true,
+		} ),
+	],
+	// Don't include style imports in type definitions
+	external: [ /\.scss$/, /\.css$/, 'react', '@types/react' ],
+};
+
+// Export all configurations to be built in parallel
+export default defineConfig( [ mainConfig, ...componentConfigs, typesConfig ] );

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

@@ -19,8 +19,8 @@ type BarChartTooltipData = { value: number; xLabel: string; yLabel: string; seri
 
 const BarChart: FC< BarChartProps > = ( {
 	data,
-	width,
-	height,
+	width = 500, //TODO: replace when making the components responsive
+	height = 500, //TODO: replace when making the components responsive
 	margin = { top: 20, right: 20, bottom: 40, left: 40 },
 	withTooltips = false,
 	showLegend = false,
@@ -65,7 +65,7 @@ const BarChart: FC< BarChartProps > = ( {
 	const yMax = height - margins.top - margins.bottom;
 
 	// Get labels for x-axis from the first series (assuming all series have same labels)
-	const labels = data[ 0 ].data?.map( d => d?.label );
+	const labels = data[ 0 ].data?.map( d => d?.label || '' );
 
 	// Create scales
 	const xScale = scaleBand< string >( {
@@ -109,14 +109,14 @@ const BarChart: FC< BarChartProps > = ( {
 					{ data.map( ( series, seriesIndex ) => (
 						<Group key={ seriesIndex }>
 							{ series.data.map( d => {
-								const xPos = xScale( d.label );
+								const xPos = xScale( d?.label || '' );
 								if ( xPos === undefined ) return null;
 
 								const barWidth = innerScale.bandwidth();
 								const barX = xPos + ( innerScale( seriesIndex.toString() ) ?? 0 );
 
-								const handleBarMouseMove = event =>
-									handleMouseMove( event, d.value, d.label, series.label, seriesIndex );
+								const handleBarMouseMove = ( event: MouseEvent< SVGRectElement > ) =>
+									handleMouseMove( event, d.value, d?.label || '', series.label, seriesIndex );
 
 								return (
 									<Bar
@@ -139,7 +139,7 @@ const BarChart: FC< BarChartProps > = ( {
 			</svg>
 
 			{ withTooltips && tooltipOpen && tooltipData && (
-				<BaseTooltip top={ tooltipTop } left={ tooltipLeft }>
+				<BaseTooltip top={ tooltipTop || 0 } left={ tooltipLeft || 0 }>
 					<div>
 						<div>{ tooltipData.yLabel }</div>
 						<div>