@tetrascience-npm/tetrascience-react-ui 1.0.0-beta.148.1 → 1.0.0-beta.149.1

package/dist/components/charts/AreaPlot/AreaPlot.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),n=require("react"),tt=require("../ChartTooltip/ChartTooltip.cjs"),z=require("../plotly-loader.cjs"),et=require("../../../hooks/use-element-size.cjs"),d=require("../../../hooks/use-plotly-theme.cjs"),ot=require("../../../lib/utils.cjs"),W=require("../../../utils/colors.cjs"),rt=require("../ChartTooltip/lines.cjs"),nt=80,lt=40,it=({dataSeries:a,width:I,height:P,xRange:M,yRange:p,variant:x="normal",xTitle:C,yTitle:T,title:w,xTickText:_})=>{const f=n.useRef(null),r=d.usePlotlyTheme(),[D,R]=et.useElementSize(),u=I??R.width,h=P??R.height,F=u>0&&h>0,J=I===void 0,K=P===void 0,A=n.useRef({width:u,height:h});A.current={width:u,height:h};const k=n.useRef(!1),L=n.useRef({width:0,height:0}),{bindTooltip:O,tooltipElement:Q}=tt.useChartTooltip({getLines:e=>rt.chartTooltipLines(e.map(t=>typeof t.customdata=="number"?{...t,y:t.customdata}:t),{xLabel:C,yLabel:T})}),{xMin:Y,xMax:q,yMin:H,yMax:X}=n.useMemo(()=>{let e=Number.MAX_VALUE,t=Number.MIN_VALUE,i=Number.MAX_VALUE,o=Number.MIN_VALUE;a.forEach(s=>{s.x.forEach(c=>{e=Math.min(e,c),t=Math.max(t,c)}),s.y.forEach(c=>{i=Math.min(i,c),o=Math.max(o,c)})});const y=(t-e)*.1,l=(o-i)*.1;return{xMin:e-y,xMax:t+y,yMin:x==="stacked"?0:i-l,yMax:o+l}},[a,x]),m=n.useMemo(()=>M||[Y,q],[M,Y,q]),g=n.useMemo(()=>p||[H,X],[p,H,X]),V=n.useMemo(()=>{const e=m[1]-m[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t=t*2),e/t<4&&(t=t/2);const i=[];let o=Math.ceil(m[0]/t)*t;for(;o<=m[1];)i.push(o),o+=t;return i},[m]),j=n.useMemo(()=>{const e=g[1]-g[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t=t*2),e/t<4&&(t=t/2);const i=[];let o=Math.ceil(g[0]/t)*t;for(;o<=g[1];)i.push(o),o+=t;return i},[g]),v=n.useMemo(()=>[...new Set(a.flatMap(e=>e.x))].sort((e,t)=>e-t),[a]),E=!!_&&_.length===v.length,N=n.useMemo(()=>({tickcolor:r.tickColor,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:r.textColor,family:d.CHART_FONT_FAMILY,weight:400},linecolor:r.lineColor,linewidth:1,position:0,zeroline:!1}),[r]),b=n.useMemo(()=>w?{text:w,x:.5,y:.95,xanchor:"center",yanchor:"top",font:{size:32,weight:600,family:d.CHART_FONT_FAMILY,color:r.textColor,lineheight:1.2,standoff:30}}:void 0,[w,r]);return n.useEffect(()=>{if(!f.current||!F)return;let e;if(x==="stacked"){const l=new Array(a[0]?.x.length||0).fill(0);e=a.map((s,c)=>{const Z=s.y.map(($,B)=>{const G=l[B]+$;return l[B]=G,G}),U=W.seriesColor(c,s.color);return{x:s.x,y:Z,customdata:s.y,type:"scatter",mode:"lines",name:s.name,hoverinfo:"none",fill:c===0?"tozeroy":"tonexty",fillcolor:U,line:{color:U,width:2}}})}else e=a.map((l,s)=>{const c=W.seriesColor(s,l.color);return{x:l.x,y:l.y,type:"scatter",mode:"lines",name:l.name,hoverinfo:"none",fill:l.fill||"tozeroy",fillcolor:c,line:{color:c,width:2}}});const t={width:A.current.width,height:A.current.height,...b?{title:b}:{},margin:{l:80,r:40,b:96,t:w?nt:lt,pad:0},paper_bgcolor:r.paperBg,plot_bgcolor:r.plotBg,font:{family:d.CHART_FONT_FAMILY},dragmode:!1,xaxis:{title:{text:C,font:{size:16,color:r.textSecondary,family:d.CHART_FONT_FAMILY,weight:400},standoff:15},gridcolor:r.gridColor,range:M,autorange:!M,tickmode:"array",tickvals:E?v:V,...E?{ticktext:_}:{},showgrid:!0,automargin:!0,...N},yaxis:{title:{text:T,font:{size:16,color:r.textSecondary,family:d.CHART_FONT_FAMILY,weight:400},standoff:15},gridcolor:r.gridColor,range:p,autorange:!p,tickmode:"array",tickvals:j,showgrid:!0,automargin:!0,...N},legend:{x:.5,y:0,xanchor:"center",yanchor:"bottom",yref:"container",orientation:"h",font:{size:13,color:r.legendColor,family:d.CHART_FONT_FAMILY,weight:500,lineheight:18}},showlegend:!0},i={responsive:!1,displayModeBar:!1,displaylogo:!1};let o=!1,y=null;return z.loadPlotly().then(l=>{o||!f.current||(l.newPlot(f.current,e,t,i),O(f.current),y=f.current,k.current=!0,L.current={...A.current})}),()=>{o=!0,y&&(z.getLoadedPlotly().purge(y),k.current=!1)}},[a,F,M,p,m,g,x,C,T,w,b,N,V,j,v,E,_,r,O]),n.useEffect(()=>{const e=f.current;!e||!k.current||u<=0||h<=0||L.current.width===u&&L.current.height===h||(L.current={width:u,height:h},z.getLoadedPlotly().relayout(e,{width:u,height:h}).catch(()=>{}))},[u,h]),S.jsxs("div",{ref:D,className:ot.cn("area-graph-container relative",J&&"w-full",K&&"h-full"),children:[S.jsx("div",{ref:f,style:{width:"100%",height:"100%"}}),Q]})};exports.AreaPlot=it;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react/jsx-runtime"),r=require("react"),L=require("../chart-scale.cjs"),lt=require("../ChartTooltip/ChartTooltip.cjs"),I=require("../plotly-loader.cjs"),ct=require("../../../hooks/use-element-size.cjs"),m=require("../../../hooks/use-plotly-theme.cjs"),st=require("../../../lib/utils.cjs"),Z=require("../../../utils/colors.cjs"),at=require("../ChartTooltip/lines.cjs"),ut=({dataSeries:f,width:q,height:H,xRange:p,yRange:x,variant:k="normal",xTitle:z,yTitle:v,title:w,xTickText:T})=>{const d=r.useRef(null),i=m.usePlotlyTheme(),[$,O]=ct.useElementSize(),h=q??O.width,s=H??O.height,V=h>0&&s>0,tt=q===void 0,et=H===void 0,o=L.resolveChartScale(h,s),A=w?o.margin.tTitle:o.margin.tNoTitle,C=r.useRef({width:h,height:s});C.current={width:h,height:s};const F=r.useRef(!1),_=r.useRef({width:0,height:0}),{bindTooltip:X,tooltipElement:ot}=lt.useChartTooltip({getLines:e=>at.chartTooltipLines(e.map(t=>typeof t.customdata=="number"?{...t,y:t.customdata}:t),{xLabel:z,yLabel:v})}),{xMin:j,xMax:B,yMin:U,yMax:K}=r.useMemo(()=>{let e=Number.MAX_VALUE,t=Number.MIN_VALUE,c=Number.MAX_VALUE,n=Number.MIN_VALUE;f.forEach(u=>{u.x.forEach(a=>{e=Math.min(e,a),t=Math.max(t,a)}),u.y.forEach(a=>{c=Math.min(c,a),n=Math.max(n,a)})});const M=(t-e)*.1,l=(n-c)*.1;return{xMin:e-M,xMax:t+M,yMin:k==="stacked"?0:c-l,yMax:n+l}},[f,k]),g=r.useMemo(()=>p||[j,B],[p,j,B]),y=r.useMemo(()=>x||[U,K],[x,U,K]),W=r.useMemo(()=>{const e=g[1]-g[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t=t*2),e/t<4&&(t=t/2);const c=[];let n=Math.ceil(g[0]/t)*t;for(;n<=g[1];)c.push(n),n+=t;return c},[g]),b=r.useMemo(()=>{const e=y[1]-y[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t=t*2),e/t<4&&(t=t/2);const c=[];let n=Math.ceil(y[0]/t)*t;for(;n<=y[1];)c.push(n),n+=t;return c},[y]),E=r.useMemo(()=>[...new Set(f.flatMap(e=>e.x))].sort((e,t)=>e-t),[f]),N=!!T&&T.length===E.length,R=r.useMemo(()=>L.thinTicks(b,L.maxTickCount(s-A-o.margin.b,o.tickFontSize*L.Y_TICK_LABEL_SPACING)),[b,s,A,o]),rt=R.join(","),S=r.useRef(R);S.current=R;const P=r.useMemo(()=>({tickcolor:i.tickColor,ticklen:o.ticklen,tickwidth:1,ticks:"outside",tickfont:{size:o.tickFontSize,color:i.textColor,family:m.CHART_FONT_FAMILY,weight:400},linecolor:i.lineColor,linewidth:1,position:0,zeroline:!1}),[i,o]),Y=r.useMemo(()=>w?{text:w,x:.5,y:.95,xanchor:"center",yanchor:"top",font:{size:o.titleFontSize,weight:600,family:m.CHART_FONT_FAMILY,color:i.textColor,lineheight:1.2,standoff:30}}:void 0,[w,i,o]);return r.useEffect(()=>{if(!d.current||!V)return;let e;if(k==="stacked"){const l=new Array(f[0]?.x.length||0).fill(0);e=f.map((u,a)=>{const nt=u.y.map((it,G)=>{const J=l[G]+it;return l[G]=J,J}),D=Z.seriesColor(a,u.color);return{x:u.x,y:nt,customdata:u.y,type:"scatter",mode:"lines",name:u.name,hoverinfo:"none",fill:a===0?"tozeroy":"tonexty",fillcolor:D,line:{color:D,width:2}}})}else e=f.map((l,u)=>{const a=Z.seriesColor(u,l.color);return{x:l.x,y:l.y,type:"scatter",mode:"lines",name:l.name,hoverinfo:"none",fill:l.fill||"tozeroy",fillcolor:a,line:{color:a,width:2}}});const t={width:C.current.width,height:C.current.height,...Y?{title:Y}:{},margin:{l:o.margin.l,r:o.margin.r,b:o.margin.b,t:A,pad:0},paper_bgcolor:i.paperBg,plot_bgcolor:i.plotBg,font:{family:m.CHART_FONT_FAMILY},dragmode:!1,xaxis:{title:{text:z,font:{size:o.axisTitleFontSize,color:i.textSecondary,family:m.CHART_FONT_FAMILY,weight:400},standoff:o.axisTitleStandoff},gridcolor:i.gridColor,range:p,autorange:!p,tickmode:"array",tickvals:N?E:W,...N?{ticktext:T}:{},showgrid:!0,automargin:!0,...P},yaxis:{title:{text:v,font:{size:o.axisTitleFontSize,color:i.textSecondary,family:m.CHART_FONT_FAMILY,weight:400},standoff:o.axisTitleStandoff},gridcolor:i.gridColor,range:x,autorange:!x,tickmode:"array",tickvals:S.current,showgrid:!0,automargin:!0,...P},legend:{x:.5,y:0,xanchor:"center",yanchor:"bottom",yref:"container",orientation:"h",font:{size:o.legendFontSize,color:i.legendColor,family:m.CHART_FONT_FAMILY,weight:500,lineheight:o.legendLineHeight}},showlegend:!0},c={responsive:!1,displayModeBar:!1,displaylogo:!1};let n=!1,M=null;return I.loadPlotly().then(l=>{n||!d.current||(l.newPlot(d.current,e,t,c),X(d.current),M=d.current,F.current=!0,_.current={...C.current})}),()=>{n=!0,M&&(I.getLoadedPlotly().purge(M),F.current=!1)}},[f,V,p,x,g,y,k,z,v,w,Y,P,W,b,E,N,T,i,o,A,X]),r.useEffect(()=>{const e=d.current;!e||!F.current||h<=0||s<=0||_.current.width===h&&_.current.height===s||(_.current={width:h,height:s},I.getLoadedPlotly().relayout(e,{width:h,height:s,"yaxis.tickvals":S.current}).catch(()=>{}))},[h,s,rt]),Q.jsxs("div",{ref:$,className:st.cn("area-graph-container relative",tt&&"w-full",et&&"h-full"),children:[Q.jsx("div",{ref:d,style:{width:"100%",height:"100%"}}),ot]})};exports.AreaPlot=ut;
 //# sourceMappingURL=AreaPlot.cjs.map

package/dist/components/charts/AreaPlot/AreaPlot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AreaPlot.cjs","sources":["../../../../src/components/charts/AreaPlot/AreaPlot.tsx"],"sourcesContent":["import React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { chartTooltipLines, useChartTooltip } from \"../ChartTooltip\";\nimport { getLoadedPlotly, loadPlotly } from \"../plotly-loader\";\n\nimport { useElementSize } from \"@/hooks/use-element-size\";\nimport { CHART_FONT_FAMILY, usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { cn } from \"@/lib/utils\";\nimport { seriesColor } from \"@/utils/colors\";\n\ninterface AreaDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  /** Optional color override (auto-assigned from CHART_COLORS if not provided) */\n  color?: string;\n  fill?: \"tozeroy\" | \"tonexty\" | \"toself\";\n}\n\ntype AreaPlotVariant = \"normal\" | \"stacked\";\n\n/** Top margin reserving room for the 32px title; reduced when no title is set */\nconst TITLE_MARGIN_TOP = 80;\nconst NO_TITLE_MARGIN_TOP = 40;\n\ninterface AreaPlotProps {\n  dataSeries: AreaDataSeries[];\n  /**\n   * Fixed width in pixels. When omitted, the chart fills its container and\n   * tracks the container's width via a `ResizeObserver`.\n   */\n  width?: number;\n  /**\n   * Fixed height in pixels. When omitted, the chart fills its container and\n   * tracks the container's height via a `ResizeObserver`.\n   */\n  height?: number;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  variant?: AreaPlotVariant;\n  xTitle?: string;\n  yTitle?: string;\n  title?: string;\n  /**\n   * Categorical labels for the x-axis ticks. When provided, the x data values\n   * still drive area positioning but the displayed tick labels match these\n   * strings in order (e.g. [\"Mon\", \"Tue\", …]). Should align 1:1 with the\n   * unique, ordered x values across all series.\n   */\n  xTickText?: string[];\n}\n\nconst AreaPlot: React.FC<AreaPlotProps> = ({\n  dataSeries,\n  width,\n  height,\n  xRange,\n  yRange,\n  variant = \"normal\",\n  xTitle,\n  yTitle,\n  title,\n  xTickText,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n\n  // When width/height are omitted the chart fills its container; otherwise the\n  // explicit pixel size wins. The container is measured either way (cheap) but\n  // only used as the resolved size for the omitted dimension(s).\n  const [containerRef, measured] = useElementSize<HTMLDivElement>();\n  const resolvedWidth = width ?? measured.width;\n  const resolvedHeight = height ?? measured.height;\n  const hasSize = resolvedWidth > 0 && resolvedHeight > 0;\n  // Fill is per-dimension: omit width to fill the container width, omit height\n  // to fill its height (so e.g. a fixed width with a container-driven height works).\n  const fillWidth = width === undefined;\n  const fillHeight = height === undefined;\n\n  // Hold the latest resolved size in a ref so the newPlot effect can read it\n  // without listing it as a dependency — size changes are handled by a\n  // separate relayout effect rather than by tearing down and recreating the plot.\n  const sizeRef = useRef({ width: resolvedWidth, height: resolvedHeight });\n  sizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n  const plotInitedRef = useRef(false);\n  // Size last applied to the plot, so the resize effect can skip a redundant\n  // relayout right after newPlot already drew at that size.\n  const appliedSizeRef = useRef({ width: 0, height: 0 });\n  const { bindTooltip, tooltipElement } = useChartTooltip({\n    // Stacked traces carry the original series values as customdata;\n    // display those instead of the cumulative stack heights\n    getLines: (points) =>\n      chartTooltipLines(\n        points.map((point) =>\n          typeof point.customdata === \"number\"\n            ? { ...point, y: point.customdata }\n            : point,\n        ),\n        { xLabel: xTitle, yLabel: yTitle },\n      ),\n  });\n\n  const { xMin, xMax, yMin, yMax } = useMemo(() => {\n    let minX = Number.MAX_VALUE;\n    let maxX = Number.MIN_VALUE;\n    let minY = Number.MAX_VALUE;\n    let maxY = Number.MIN_VALUE;\n\n    dataSeries.forEach((series) => {\n      series.x.forEach((x) => {\n        minX = Math.min(minX, x);\n        maxX = Math.max(maxX, x);\n      });\n      series.y.forEach((y) => {\n        minY = Math.min(minY, y);\n        maxY = Math.max(maxY, y);\n      });\n    });\n\n    const xPadding = (maxX - minX) * 0.1;\n    const yPadding = (maxY - minY) * 0.1;\n\n    return {\n      xMin: minX - xPadding,\n      xMax: maxX + xPadding,\n      yMin: variant === \"stacked\" ? 0 : minY - yPadding,\n      yMax: maxY + yPadding,\n    };\n  }, [dataSeries, variant]);\n\n  const effectiveXRange = useMemo(\n    () => xRange || [xMin, xMax],\n    [xRange, xMin, xMax],\n  );\n  const effectiveYRange = useMemo(\n    () => yRange || [yMin, yMax],\n    [yRange, yMin, yMax],\n  );\n\n  const xTicks = useMemo(() => {\n    const range = effectiveXRange[1] - effectiveXRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveXRange[0] / step) * step;\n    while (current <= effectiveXRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveXRange]);\n\n  const yTicks = useMemo(() => {\n    const range = effectiveYRange[1] - effectiveYRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveYRange[0] / step) * step;\n    while (current <= effectiveYRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveYRange]);\n\n  // When categorical labels are supplied, ticks must sit on the actual data\n  // x-positions rather than the computed nice-step values above. Sorted\n  // ascending so labels map deterministically to x regardless of series order.\n  const xDataValues = useMemo(\n    () => [...new Set(dataSeries.flatMap((s) => s.x))].sort((a, b) => a - b),\n    [dataSeries],\n  );\n\n  // Only apply categorical labels when they align 1:1 with the tick positions;\n  // a mismatch would silently mis-label ticks, so fall back to numeric ticks.\n  const useCategoricalX = !!xTickText && xTickText.length === xDataValues.length;\n\n  const tickOptions = useMemo(\n    () => ({\n      tickcolor: theme.tickColor,\n      ticklen: 12,\n      tickwidth: 1,\n      ticks: \"outside\" as const,\n      tickfont: {\n        size: 16,\n        color: theme.textColor,\n        family: CHART_FONT_FAMILY,\n        weight: 400,\n      },\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      position: 0,\n      zeroline: false,\n    }),\n    [theme],\n  );\n\n  const titleOptions = useMemo(\n    () =>\n      title\n        ? {\n            text: title,\n            x: 0.5,\n            y: 0.95,\n            xanchor: \"center\" as const,\n            yanchor: \"top\" as const,\n            font: {\n              size: 32,\n              weight: 600,\n              family: CHART_FONT_FAMILY,\n              color: theme.textColor,\n              lineheight: 1.2,\n              standoff: 30,\n            },\n          }\n        : undefined,\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current || !hasSize) return;\n\n    let data;\n\n    if (variant === \"stacked\") {\n      // For stacked mode, we need to calculate cumulative values\n      const cumulativeY = new Array(dataSeries[0]?.x.length || 0).fill(0);\n\n      data = dataSeries.map((series, index) => {\n        // Calculate cumulative values for this series\n        const stackedY = series.y.map((value, i) => {\n          const result = cumulativeY[i] + value;\n          cumulativeY[i] = result;\n          return result;\n        });\n\n        const color = seriesColor(index, series.color);\n        return {\n          x: series.x,\n          y: stackedY,\n          // Tooltips report the series' own values, not the stacked sums\n          customdata: series.y,\n          type: \"scatter\" as const,\n          mode: \"lines\" as const,\n          name: series.name,\n          hoverinfo: \"none\" as const,\n          fill: index === 0 ? (\"tozeroy\" as const) : (\"tonexty\" as const),\n          fillcolor: color,\n          line: {\n            color,\n            width: 2,\n          },\n        };\n      });\n    } else {\n      // Normal mode - each area fills independently from zero\n      data = dataSeries.map((series, index) => {\n        const color = seriesColor(index, series.color);\n        return {\n          x: series.x,\n          y: series.y,\n          type: \"scatter\" as const,\n          mode: \"lines\" as const,\n          name: series.name,\n          hoverinfo: \"none\" as const,\n          fill: series.fill || (\"tozeroy\" as const),\n          fillcolor: color,\n          line: {\n            color,\n            width: 2,\n          },\n        };\n      });\n    }\n\n    const layout = {\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      ...(titleOptions ? { title: titleOptions } : {}),\n      margin: {\n        l: 80,\n        r: 40,\n        // Reserve room for tick labels, the x-axis title, and the\n        // container-anchored bottom legend stacked beneath them.\n        b: 96,\n        t: title ? TITLE_MARGIN_TOP : NO_TITLE_MARGIN_TOP,\n        pad: 0,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n      font: {\n        family: CHART_FONT_FAMILY,\n      },\n      dragmode: false as const,\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: CHART_FONT_FAMILY,\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: xRange,\n        autorange: !xRange,\n        tickmode: \"array\" as const,\n        tickvals: useCategoricalX ? xDataValues : xTicks,\n        ...(useCategoricalX ? { ticktext: xTickText } : {}),\n        showgrid: true,\n        // Reserve space for tick labels + the axis title so the bottom legend\n        // can't overlap them at small sizes (SW-2157).\n        automargin: true,\n        ...tickOptions,\n      },\n      yaxis: {\n        title: {\n          text: yTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: CHART_FONT_FAMILY,\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: yRange,\n        autorange: !yRange,\n        tickmode: \"array\" as const,\n        tickvals: yTicks,\n        showgrid: true,\n        automargin: true,\n        ...tickOptions,\n      },\n      legend: {\n        // Anchor to the bottom of the container (not the plot area) so the\n        // legend always clears the x-axis tick labels + title — a paper-relative\n        // fractional offset collapses into the ticks at small heights (SW-2157).\n        x: 0.5,\n        y: 0,\n        xanchor: \"center\" as const,\n        yanchor: \"bottom\" as const,\n        yref: \"container\" as const,\n        orientation: \"h\" as const,\n        font: {\n          size: 13,\n          color: theme.legendColor,\n          family: CHART_FONT_FAMILY,\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      showlegend: true,\n    };\n\n    const config = {\n      // We drive sizing explicitly from the measured container, so Plotly's own\n      // window-resize responsiveness is disabled (it can't see container resizes).\n      responsive: false,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    // Plotly is loaded lazily so it stays out of the consumer's main chunk\n    // (SW-2007); the draw is skipped if the effect re-runs or unmounts first.\n    let cancelled = false;\n    let plotElement: HTMLDivElement | null = null;\n    void loadPlotly().then((plotly) => {\n      if (cancelled || !plotRef.current) return;\n      plotly.newPlot(plotRef.current, data, layout, config);\n      bindTooltip(plotRef.current);\n\n      // Capture ref value for cleanup\n      plotElement = plotRef.current;\n      plotInitedRef.current = true;\n      appliedSizeRef.current = { ...sizeRef.current };\n    });\n\n    return () => {\n      cancelled = true;\n      if (plotElement) {\n        getLoadedPlotly().purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [dataSeries, hasSize, xRange, yRange, effectiveXRange, effectiveYRange, variant, xTitle, yTitle, title, titleOptions, tickOptions, xTicks, yTicks, xDataValues, useCategoricalX, xTickText, theme, bindTooltip]);\n\n  // Resize in place when the measured/overridden size changes — far cheaper\n  // than recreating the plot (and it preserves tooltip/event bindings).\n  useEffect(() => {\n    const plotElement = plotRef.current;\n    if (!plotElement || !plotInitedRef.current || resolvedWidth <= 0 || resolvedHeight <= 0) {\n      return;\n    }\n    // newPlot already drew at the current size; skip the redundant relayout\n    // (it would queue an automargin redraw that can reject if we unmount first).\n    if (\n      appliedSizeRef.current.width === resolvedWidth &&\n      appliedSizeRef.current.height === resolvedHeight\n    ) {\n      return;\n    }\n    appliedSizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n    // Swallow rejections from a relayout that races an unmount/purge.\n    // plotInitedRef guarantees Plotly finished loading, so sync access is safe.\n    void getLoadedPlotly()\n      .relayout(plotElement, { width: resolvedWidth, height: resolvedHeight })\n      .catch(() => {});\n  }, [resolvedWidth, resolvedHeight]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"area-graph-container relative\", fillWidth && \"w-full\", fillHeight && \"h-full\")}\n    >\n      <div ref={plotRef} style={{ width: \"100%\", height: \"100%\" }} />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { AreaPlot };\nexport type { AreaDataSeries, AreaPlotVariant, AreaPlotProps };\n"],"names":["TITLE_MARGIN_TOP","NO_TITLE_MARGIN_TOP","AreaPlot","dataSeries","width","height","xRange","yRange","variant","xTitle","yTitle","title","xTickText","plotRef","useRef","theme","usePlotlyTheme","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","sizeRef","plotInitedRef","appliedSizeRef","bindTooltip","tooltipElement","useChartTooltip","points","chartTooltipLines","point","xMin","xMax","yMin","yMax","useMemo","minX","maxX","minY","maxY","series","x","y","xPadding","yPadding","effectiveXRange","effectiveYRange","xTicks","range","step","ticks","current","yTicks","xDataValues","s","a","b","useCategoricalX","tickOptions","CHART_FONT_FAMILY","titleOptions","useEffect","data","cumulativeY","index","stackedY","value","i","result","color","seriesColor","layout","config","cancelled","plotElement","loadPlotly","plotly","getLoadedPlotly","jsxs","cn","jsx"],"mappings":"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"}
+{"version":3,"file":"AreaPlot.cjs","sources":["../../../../src/components/charts/AreaPlot/AreaPlot.tsx"],"sourcesContent":["import React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { Y_TICK_LABEL_SPACING, maxTickCount, resolveChartScale, thinTicks } from \"../chart-scale\";\nimport { chartTooltipLines, useChartTooltip } from \"../ChartTooltip\";\nimport { getLoadedPlotly, loadPlotly } from \"../plotly-loader\";\n\nimport type Plotly from \"plotly.js-dist\";\n\nimport { useElementSize } from \"@/hooks/use-element-size\";\nimport { CHART_FONT_FAMILY, usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { cn } from \"@/lib/utils\";\nimport { seriesColor } from \"@/utils/colors\";\n\ninterface AreaDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  /** Optional color override (auto-assigned from CHART_COLORS if not provided) */\n  color?: string;\n  fill?: \"tozeroy\" | \"tonexty\" | \"toself\";\n}\n\ntype AreaPlotVariant = \"normal\" | \"stacked\";\n\ninterface AreaPlotProps {\n  dataSeries: AreaDataSeries[];\n  /**\n   * Fixed width in pixels. When omitted, the chart fills its container and\n   * tracks the container's width via a `ResizeObserver`.\n   */\n  width?: number;\n  /**\n   * Fixed height in pixels. When omitted, the chart fills its container and\n   * tracks the container's height via a `ResizeObserver`.\n   */\n  height?: number;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  variant?: AreaPlotVariant;\n  xTitle?: string;\n  yTitle?: string;\n  title?: string;\n  /**\n   * Categorical labels for the x-axis ticks. When provided, the x data values\n   * still drive area positioning but the displayed tick labels match these\n   * strings in order (e.g. [\"Mon\", \"Tue\", …]). Should align 1:1 with the\n   * unique, ordered x values across all series.\n   */\n  xTickText?: string[];\n}\n\nconst AreaPlot: React.FC<AreaPlotProps> = ({\n  dataSeries,\n  width,\n  height,\n  xRange,\n  yRange,\n  variant = \"normal\",\n  xTitle,\n  yTitle,\n  title,\n  xTickText,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n\n  // When width/height are omitted the chart fills its container; otherwise the\n  // explicit pixel size wins. The container is measured either way (cheap) but\n  // only used as the resolved size for the omitted dimension(s).\n  const [containerRef, measured] = useElementSize<HTMLDivElement>();\n  const resolvedWidth = width ?? measured.width;\n  const resolvedHeight = height ?? measured.height;\n  const hasSize = resolvedWidth > 0 && resolvedHeight > 0;\n  // Fill is per-dimension: omit width to fill the container width, omit height\n  // to fill its height (so e.g. a fixed width with a container-driven height works).\n  const fillWidth = width === undefined;\n  const fillHeight = height === undefined;\n  // Fonts, tick length and margins step down on small canvases so the plot\n  // area (not the chrome) gets the pixels (SW-2298).\n  const scale = resolveChartScale(resolvedWidth, resolvedHeight);\n  const marginTop = title ? scale.margin.tTitle : scale.margin.tNoTitle;\n\n  // Hold the latest resolved size in a ref so the newPlot effect can read it\n  // without listing it as a dependency — size changes are handled by a\n  // separate relayout effect rather than by tearing down and recreating the plot.\n  const sizeRef = useRef({ width: resolvedWidth, height: resolvedHeight });\n  sizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n  const plotInitedRef = useRef(false);\n  // Size last applied to the plot, so the resize effect can skip a redundant\n  // relayout right after newPlot already drew at that size.\n  const appliedSizeRef = useRef({ width: 0, height: 0 });\n  const { bindTooltip, tooltipElement } = useChartTooltip({\n    // Stacked traces carry the original series values as customdata;\n    // display those instead of the cumulative stack heights\n    getLines: (points) =>\n      chartTooltipLines(\n        points.map((point) =>\n          typeof point.customdata === \"number\"\n            ? { ...point, y: point.customdata }\n            : point,\n        ),\n        { xLabel: xTitle, yLabel: yTitle },\n      ),\n  });\n\n  const { xMin, xMax, yMin, yMax } = useMemo(() => {\n    let minX = Number.MAX_VALUE;\n    let maxX = Number.MIN_VALUE;\n    let minY = Number.MAX_VALUE;\n    let maxY = Number.MIN_VALUE;\n\n    dataSeries.forEach((series) => {\n      series.x.forEach((x) => {\n        minX = Math.min(minX, x);\n        maxX = Math.max(maxX, x);\n      });\n      series.y.forEach((y) => {\n        minY = Math.min(minY, y);\n        maxY = Math.max(maxY, y);\n      });\n    });\n\n    const xPadding = (maxX - minX) * 0.1;\n    const yPadding = (maxY - minY) * 0.1;\n\n    return {\n      xMin: minX - xPadding,\n      xMax: maxX + xPadding,\n      yMin: variant === \"stacked\" ? 0 : minY - yPadding,\n      yMax: maxY + yPadding,\n    };\n  }, [dataSeries, variant]);\n\n  const effectiveXRange = useMemo(\n    () => xRange || [xMin, xMax],\n    [xRange, xMin, xMax],\n  );\n  const effectiveYRange = useMemo(\n    () => yRange || [yMin, yMax],\n    [yRange, yMin, yMax],\n  );\n\n  const xTicks = useMemo(() => {\n    const range = effectiveXRange[1] - effectiveXRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveXRange[0] / step) * step;\n    while (current <= effectiveXRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveXRange]);\n\n  const yTicks = useMemo(() => {\n    const range = effectiveYRange[1] - effectiveYRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveYRange[0] / step) * step;\n    while (current <= effectiveYRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveYRange]);\n\n  // When categorical labels are supplied, ticks must sit on the actual data\n  // x-positions rather than the computed nice-step values above. Sorted\n  // ascending so labels map deterministically to x regardless of series order.\n  const xDataValues = useMemo(\n    () => [...new Set(dataSeries.flatMap((s) => s.x))].sort((a, b) => a - b),\n    [dataSeries],\n  );\n\n  // Only apply categorical labels when they align 1:1 with the tick positions;\n  // a mismatch would silently mis-label ticks, so fall back to numeric ticks.\n  const useCategoricalX = !!xTickText && xTickText.length === xDataValues.length;\n\n  // Y ticks thinned to what fits the plot height. Derived from the resolved\n  // (not last-plotted) height so an in-place resize also updates them via the\n  // relayout effect below, instead of only when the scale bucket flips.\n  const yTickVals = useMemo(\n    () =>\n      thinTicks(\n        yTicks,\n        maxTickCount(\n          resolvedHeight - marginTop - scale.margin.b,\n          scale.tickFontSize * Y_TICK_LABEL_SPACING,\n        ),\n      ),\n    [yTicks, resolvedHeight, marginTop, scale],\n  );\n  const yTickKey = yTickVals.join(\",\");\n  const yTickValsRef = useRef(yTickVals);\n  yTickValsRef.current = yTickVals;\n\n  const tickOptions = useMemo(\n    () => ({\n      tickcolor: theme.tickColor,\n      ticklen: scale.ticklen,\n      tickwidth: 1,\n      ticks: \"outside\" as const,\n      tickfont: {\n        size: scale.tickFontSize,\n        color: theme.textColor,\n        family: CHART_FONT_FAMILY,\n        weight: 400,\n      },\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      position: 0,\n      zeroline: false,\n    }),\n    [theme, scale],\n  );\n\n  const titleOptions = useMemo(\n    () =>\n      title\n        ? {\n            text: title,\n            x: 0.5,\n            y: 0.95,\n            xanchor: \"center\" as const,\n            yanchor: \"top\" as const,\n            font: {\n              size: scale.titleFontSize,\n              weight: 600,\n              family: CHART_FONT_FAMILY,\n              color: theme.textColor,\n              lineheight: 1.2,\n              standoff: 30,\n            },\n          }\n        : undefined,\n    [title, theme, scale],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current || !hasSize) return;\n\n    let data;\n\n    if (variant === \"stacked\") {\n      // For stacked mode, we need to calculate cumulative values\n      const cumulativeY = new Array(dataSeries[0]?.x.length || 0).fill(0);\n\n      data = dataSeries.map((series, index) => {\n        // Calculate cumulative values for this series\n        const stackedY = series.y.map((value, i) => {\n          const result = cumulativeY[i] + value;\n          cumulativeY[i] = result;\n          return result;\n        });\n\n        const color = seriesColor(index, series.color);\n        return {\n          x: series.x,\n          y: stackedY,\n          // Tooltips report the series' own values, not the stacked sums\n          customdata: series.y,\n          type: \"scatter\" as const,\n          mode: \"lines\" as const,\n          name: series.name,\n          hoverinfo: \"none\" as const,\n          fill: index === 0 ? (\"tozeroy\" as const) : (\"tonexty\" as const),\n          fillcolor: color,\n          line: {\n            color,\n            width: 2,\n          },\n        };\n      });\n    } else {\n      // Normal mode - each area fills independently from zero\n      data = dataSeries.map((series, index) => {\n        const color = seriesColor(index, series.color);\n        return {\n          x: series.x,\n          y: series.y,\n          type: \"scatter\" as const,\n          mode: \"lines\" as const,\n          name: series.name,\n          hoverinfo: \"none\" as const,\n          fill: series.fill || (\"tozeroy\" as const),\n          fillcolor: color,\n          line: {\n            color,\n            width: 2,\n          },\n        };\n      });\n    }\n\n    const layout = {\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      ...(titleOptions ? { title: titleOptions } : {}),\n      margin: {\n        l: scale.margin.l,\n        r: scale.margin.r,\n        // Reserve room for tick labels, the x-axis title, and the\n        // container-anchored bottom legend stacked beneath them.\n        b: scale.margin.b,\n        t: marginTop,\n        pad: 0,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n      font: {\n        family: CHART_FONT_FAMILY,\n      },\n      dragmode: false as const,\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: scale.axisTitleFontSize,\n            color: theme.textSecondary,\n            family: CHART_FONT_FAMILY,\n            weight: 400,\n          },\n          standoff: scale.axisTitleStandoff,\n        },\n        gridcolor: theme.gridColor,\n        range: xRange,\n        autorange: !xRange,\n        tickmode: \"array\" as const,\n        tickvals: useCategoricalX ? xDataValues : xTicks,\n        ...(useCategoricalX ? { ticktext: xTickText } : {}),\n        showgrid: true,\n        // Reserve space for tick labels + the axis title so the bottom legend\n        // can't overlap them at small sizes (SW-2157).\n        automargin: true,\n        ...tickOptions,\n      },\n      yaxis: {\n        title: {\n          text: yTitle,\n          font: {\n            size: scale.axisTitleFontSize,\n            color: theme.textSecondary,\n            family: CHART_FONT_FAMILY,\n            weight: 400,\n          },\n          standoff: scale.axisTitleStandoff,\n        },\n        gridcolor: theme.gridColor,\n        range: yRange,\n        autorange: !yRange,\n        tickmode: \"array\" as const,\n        tickvals: yTickValsRef.current,\n        showgrid: true,\n        automargin: true,\n        ...tickOptions,\n      },\n      legend: {\n        // Anchor to the bottom of the container (not the plot area) so the\n        // legend always clears the x-axis tick labels + title — a paper-relative\n        // fractional offset collapses into the ticks at small heights (SW-2157).\n        x: 0.5,\n        y: 0,\n        xanchor: \"center\" as const,\n        yanchor: \"bottom\" as const,\n        yref: \"container\" as const,\n        orientation: \"h\" as const,\n        font: {\n          size: scale.legendFontSize,\n          color: theme.legendColor,\n          family: CHART_FONT_FAMILY,\n          weight: 500,\n          lineheight: scale.legendLineHeight,\n        },\n      },\n      showlegend: true,\n    };\n\n    const config = {\n      // We drive sizing explicitly from the measured container, so Plotly's own\n      // window-resize responsiveness is disabled (it can't see container resizes).\n      responsive: false,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    // Plotly is loaded lazily so it stays out of the consumer's main chunk\n    // (SW-2007); the draw is skipped if the effect re-runs or unmounts first.\n    let cancelled = false;\n    let plotElement: HTMLDivElement | null = null;\n    void loadPlotly().then((plotly) => {\n      if (cancelled || !plotRef.current) return;\n      plotly.newPlot(plotRef.current, data, layout, config);\n      bindTooltip(plotRef.current);\n\n      // Capture ref value for cleanup\n      plotElement = plotRef.current;\n      plotInitedRef.current = true;\n      appliedSizeRef.current = { ...sizeRef.current };\n    });\n\n    return () => {\n      cancelled = true;\n      if (plotElement) {\n        getLoadedPlotly().purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [dataSeries, hasSize, xRange, yRange, effectiveXRange, effectiveYRange, variant, xTitle, yTitle, title, titleOptions, tickOptions, xTicks, yTicks, xDataValues, useCategoricalX, xTickText, theme, scale, marginTop, bindTooltip]);\n\n  // Resize in place when the measured/overridden size changes — far cheaper\n  // than recreating the plot (and it preserves tooltip/event bindings).\n  useEffect(() => {\n    const plotElement = plotRef.current;\n    if (!plotElement || !plotInitedRef.current || resolvedWidth <= 0 || resolvedHeight <= 0) {\n      return;\n    }\n    // newPlot already drew at the current size; skip the redundant relayout\n    // (it would queue an automargin redraw that can reject if we unmount first).\n    if (\n      appliedSizeRef.current.width === resolvedWidth &&\n      appliedSizeRef.current.height === resolvedHeight\n    ) {\n      return;\n    }\n    appliedSizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n    // Swallow rejections from a relayout that races an unmount/purge.\n    // plotInitedRef guarantees Plotly finished loading, so sync access is safe.\n    void getLoadedPlotly()\n      .relayout(plotElement, {\n        width: resolvedWidth,\n        height: resolvedHeight,\n        // Re-thin the y ticks for the new plot height (SW-2298). The flattened\n        // key is valid relayout input but not part of the Layout type.\n        \"yaxis.tickvals\": yTickValsRef.current,\n      } as Partial<Plotly.Layout>)\n      .catch(() => {});\n  }, [resolvedWidth, resolvedHeight, yTickKey]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"area-graph-container relative\", fillWidth && \"w-full\", fillHeight && \"h-full\")}\n    >\n      <div ref={plotRef} style={{ width: \"100%\", height: \"100%\" }} />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { AreaPlot };\nexport type { AreaDataSeries, AreaPlotVariant, AreaPlotProps };\n"],"names":["AreaPlot","dataSeries","width","height","xRange","yRange","variant","xTitle","yTitle","title","xTickText","plotRef","useRef","theme","usePlotlyTheme","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","scale","resolveChartScale","marginTop","sizeRef","plotInitedRef","appliedSizeRef","bindTooltip","tooltipElement","useChartTooltip","points","chartTooltipLines","point","xMin","xMax","yMin","yMax","useMemo","minX","maxX","minY","maxY","series","x","y","xPadding","yPadding","effectiveXRange","effectiveYRange","xTicks","range","step","ticks","current","yTicks","xDataValues","s","a","b","useCategoricalX","yTickVals","thinTicks","maxTickCount","Y_TICK_LABEL_SPACING","yTickKey","yTickValsRef","tickOptions","CHART_FONT_FAMILY","titleOptions","useEffect","data","cumulativeY","index","stackedY","value","i","result","color","seriesColor","layout","config","cancelled","plotElement","loadPlotly","plotly","getLoadedPlotly","jsxs","cn","jsx"],"mappings":"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"}

package/dist/components/charts/AreaPlot/AreaPlot.js

@@ -1,220 +1,232 @@
-import { jsxs as ot, jsx as et } from "react/jsx-runtime";
-import { useRef as _, useMemo as f, useEffect as D } from "react";
-import { useChartTooltip as rt } from "../ChartTooltip/ChartTooltip.js";
-import { loadPlotly as nt, getLoadedPlotly as q } from "../plotly-loader.js";
-import { useElementSize as lt } from "../../../hooks/use-element-size.js";
-import { usePlotlyTheme as it, CHART_FONT_FAMILY as p } from "../../../hooks/use-plotly-theme.js";
-import { cn as ct } from "../../../lib/utils.js";
-import { seriesColor as J } from "../../../utils/colors.js";
-import { chartTooltipLines as at } from "../ChartTooltip/lines.js";
-const st = 80, ht = 40, xt = ({
-  dataSeries: a,
+import { jsxs as lt, jsx as ct } from "react/jsx-runtime";
+import { useRef as k, useMemo as f, useEffect as J } from "react";
+import { resolveChartScale as at, thinTicks as st, maxTickCount as ht, Y_TICK_LABEL_SPACING as ft } from "../chart-scale.js";
+import { useChartTooltip as mt } from "../ChartTooltip/ChartTooltip.js";
+import { loadPlotly as ut, getLoadedPlotly as Q } from "../plotly-loader.js";
+import { useElementSize as dt } from "../../../hooks/use-element-size.js";
+import { usePlotlyTheme as gt, CHART_FONT_FAMILY as y } from "../../../hooks/use-plotly-theme.js";
+import { cn as pt } from "../../../lib/utils.js";
+import { seriesColor as Z } from "../../../utils/colors.js";
+import { chartTooltipLines as yt } from "../ChartTooltip/lines.js";
+const At = ({
+  dataSeries: m,
   width: I,
-  height: O,
-  xRange: y,
-  yRange: M,
-  variant: x = "normal",
-  xTitle: b,
-  yTitle: z,
-  title: w,
-  xTickText: k
+  height: X,
+  xRange: x,
+  yRange: w,
+  variant: z = "normal",
+  xTitle: L,
+  yTitle: A,
+  title: M,
+  xTickText: v
 }) => {
-  const u = _(null), r = it(), [K, X] = lt(), s = I ?? X.width, h = O ?? X.height, Y = s > 0 && h > 0, Q = I === void 0, Z = O === void 0, v = _({ width: s, height: h });
-  v.current = { width: s, height: h };
-  const A = _(!1), E = _({ width: 0, height: 0 }), { bindTooltip: V, tooltipElement: $ } = rt({
+  const u = k(null), n = gt(), [$, B] = dt(), h = I ?? B.width, c = X ?? B.height, H = h > 0 && c > 0, tt = I === void 0, et = X === void 0, o = at(h, c), C = M ? o.margin.tTitle : o.margin.tNoTitle, b = k({ width: h, height: c });
+  b.current = { width: h, height: c };
+  const T = k(!1), E = k({ width: 0, height: 0 }), { bindTooltip: U, tooltipElement: ot } = mt({
     // Stacked traces carry the original series values as customdata;
     // display those instead of the cumulative stack heights
-    getLines: (o) => at(
-      o.map(
+    getLines: (e) => yt(
+      e.map(
         (t) => typeof t.customdata == "number" ? { ...t, y: t.customdata } : t
       ),
-      { xLabel: b, yLabel: z }
+      { xLabel: L, yLabel: A }
     )
-  }), { xMin: T, xMax: U, yMin: B, yMax: H } = f(() => {
-    let o = Number.MAX_VALUE, t = Number.MIN_VALUE, l = Number.MAX_VALUE, e = Number.MIN_VALUE;
-    a.forEach((c) => {
-      c.x.forEach((i) => {
-        o = Math.min(o, i), t = Math.max(t, i);
-      }), c.y.forEach((i) => {
-        l = Math.min(l, i), e = Math.max(e, i);
+  }), { xMin: j, xMax: O, yMin: K, yMax: R } = f(() => {
+    let e = Number.MAX_VALUE, t = Number.MIN_VALUE, l = Number.MAX_VALUE, r = Number.MIN_VALUE;
+    m.forEach((s) => {
+      s.x.forEach((a) => {
+        e = Math.min(e, a), t = Math.max(t, a);
+      }), s.y.forEach((a) => {
+        l = Math.min(l, a), r = Math.max(r, a);
       });
     });
-    const g = (t - o) * 0.1, n = (e - l) * 0.1;
+    const p = (t - e) * 0.1, i = (r - l) * 0.1;
     return {
-      xMin: o - g,
-      xMax: t + g,
-      yMin: x === "stacked" ? 0 : l - n,
-      yMax: e + n
+      xMin: e - p,
+      xMax: t + p,
+      yMin: z === "stacked" ? 0 : l - i,
+      yMax: r + i
     };
-  }, [a, x]), m = f(
-    () => y || [T, U],
-    [y, T, U]
-  ), d = f(
-    () => M || [B, H],
-    [M, B, H]
-  ), R = f(() => {
-    const o = m[1] - m[0];
-    let t = Math.pow(10, Math.floor(Math.log10(o)));
-    o / t > 10 && (t = t * 2), o / t < 4 && (t = t / 2);
+  }, [m, z]), d = f(
+    () => x || [j, O],
+    [x, j, O]
+  ), g = f(
+    () => w || [K, R],
+    [w, K, R]
+  ), W = f(() => {
+    const e = d[1] - d[0];
+    let t = Math.pow(10, Math.floor(Math.log10(e)));
+    e / t > 10 && (t = t * 2), e / t < 4 && (t = t / 2);
     const l = [];
-    let e = Math.ceil(m[0] / t) * t;
-    for (; e <= m[1]; )
-      l.push(e), e += t;
+    let r = Math.ceil(d[0] / t) * t;
+    for (; r <= d[1]; )
+      l.push(r), r += t;
     return l;
-  }, [m]), j = f(() => {
-    const o = d[1] - d[0];
-    let t = Math.pow(10, Math.floor(Math.log10(o)));
-    o / t > 10 && (t = t * 2), o / t < 4 && (t = t / 2);
+  }, [d]), _ = f(() => {
+    const e = g[1] - g[0];
+    let t = Math.pow(10, Math.floor(Math.log10(e)));
+    e / t > 10 && (t = t * 2), e / t < 4 && (t = t / 2);
     const l = [];
-    let e = Math.ceil(d[0] / t) * t;
-    for (; e <= d[1]; )
-      l.push(e), e += t;
+    let r = Math.ceil(g[0] / t) * t;
+    for (; r <= g[1]; )
+      l.push(r), r += t;
     return l;
-  }, [d]), L = f(
-    () => [...new Set(a.flatMap((o) => o.x))].sort((o, t) => o - t),
-    [a]
-  ), C = !!k && k.length === L.length, N = f(
+  }, [g]), N = f(
+    () => [...new Set(m.flatMap((e) => e.x))].sort((e, t) => e - t),
+    [m]
+  ), S = !!v && v.length === N.length, F = f(
+    () => st(
+      _,
+      ht(
+        c - C - o.margin.b,
+        o.tickFontSize * ft
+      )
+    ),
+    [_, c, C, o]
+  ), rt = F.join(","), P = k(F);
+  P.current = F;
+  const V = f(
     () => ({
-      tickcolor: r.tickColor,
-      ticklen: 12,
+      tickcolor: n.tickColor,
+      ticklen: o.ticklen,
       tickwidth: 1,
       ticks: "outside",
       tickfont: {
-        size: 16,
-        color: r.textColor,
-        family: p,
+        size: o.tickFontSize,
+        color: n.textColor,
+        family: y,
         weight: 400
       },
-      linecolor: r.lineColor,
+      linecolor: n.lineColor,
       linewidth: 1,
       position: 0,
       zeroline: !1
     }),
-    [r]
-  ), P = f(
-    () => w ? {
-      text: w,
+    [n, o]
+  ), Y = f(
+    () => M ? {
+      text: M,
       x: 0.5,
       y: 0.95,
       xanchor: "center",
       yanchor: "top",
       font: {
-        size: 32,
+        size: o.titleFontSize,
         weight: 600,
-        family: p,
-        color: r.textColor,
+        family: y,
+        color: n.textColor,
         lineheight: 1.2,
         standoff: 30
       }
     } : void 0,
-    [w, r]
+    [M, n, o]
   );
-  return D(() => {
-    if (!u.current || !Y) return;
-    let o;
-    if (x === "stacked") {
-      const n = new Array(a[0]?.x.length || 0).fill(0);
-      o = a.map((c, i) => {
-        const S = c.y.map((tt, G) => {
-          const W = n[G] + tt;
-          return n[G] = W, W;
-        }), F = J(i, c.color);
+  return J(() => {
+    if (!u.current || !H) return;
+    let e;
+    if (z === "stacked") {
+      const i = new Array(m[0]?.x.length || 0).fill(0);
+      e = m.map((s, a) => {
+        const nt = s.y.map((it, G) => {
+          const q = i[G] + it;
+          return i[G] = q, q;
+        }), D = Z(a, s.color);
         return {
-          x: c.x,
-          y: S,
+          x: s.x,
+          y: nt,
           // Tooltips report the series' own values, not the stacked sums
-          customdata: c.y,
+          customdata: s.y,
           type: "scatter",
           mode: "lines",
-          name: c.name,
+          name: s.name,
           hoverinfo: "none",
-          fill: i === 0 ? "tozeroy" : "tonexty",
-          fillcolor: F,
+          fill: a === 0 ? "tozeroy" : "tonexty",
+          fillcolor: D,
           line: {
-            color: F,
+            color: D,
             width: 2
           }
         };
       });
     } else
-      o = a.map((n, c) => {
-        const i = J(c, n.color);
+      e = m.map((i, s) => {
+        const a = Z(s, i.color);
         return {
-          x: n.x,
-          y: n.y,
+          x: i.x,
+          y: i.y,
           type: "scatter",
           mode: "lines",
-          name: n.name,
+          name: i.name,
           hoverinfo: "none",
-          fill: n.fill || "tozeroy",
-          fillcolor: i,
+          fill: i.fill || "tozeroy",
+          fillcolor: a,
           line: {
-            color: i,
+            color: a,
             width: 2
           }
         };
       });
     const t = {
-      width: v.current.width,
-      height: v.current.height,
-      ...P ? { title: P } : {},
+      width: b.current.width,
+      height: b.current.height,
+      ...Y ? { title: Y } : {},
       margin: {
-        l: 80,
-        r: 40,
+        l: o.margin.l,
+        r: o.margin.r,
         // Reserve room for tick labels, the x-axis title, and the
         // container-anchored bottom legend stacked beneath them.
-        b: 96,
-        t: w ? st : ht,
+        b: o.margin.b,
+        t: C,
         pad: 0
       },
-      paper_bgcolor: r.paperBg,
-      plot_bgcolor: r.plotBg,
+      paper_bgcolor: n.paperBg,
+      plot_bgcolor: n.plotBg,
       font: {
-        family: p
+        family: y
       },
       dragmode: !1,
       xaxis: {
         title: {
-          text: b,
+          text: L,
           font: {
-            size: 16,
-            color: r.textSecondary,
-            family: p,
+            size: o.axisTitleFontSize,
+            color: n.textSecondary,
+            family: y,
             weight: 400
           },
-          standoff: 15
+          standoff: o.axisTitleStandoff
         },
-        gridcolor: r.gridColor,
-        range: y,
-        autorange: !y,
+        gridcolor: n.gridColor,
+        range: x,
+        autorange: !x,
         tickmode: "array",
-        tickvals: C ? L : R,
-        ...C ? { ticktext: k } : {},
+        tickvals: S ? N : W,
+        ...S ? { ticktext: v } : {},
         showgrid: !0,
         // Reserve space for tick labels + the axis title so the bottom legend
         // can't overlap them at small sizes (SW-2157).
         automargin: !0,
-        ...N
+        ...V
       },
       yaxis: {
         title: {
-          text: z,
+          text: A,
           font: {
-            size: 16,
-            color: r.textSecondary,
-            family: p,
+            size: o.axisTitleFontSize,
+            color: n.textSecondary,
+            family: y,
             weight: 400
           },
-          standoff: 15
+          standoff: o.axisTitleStandoff
         },
-        gridcolor: r.gridColor,
-        range: M,
-        autorange: !M,
+        gridcolor: n.gridColor,
+        range: w,
+        autorange: !w,
         tickmode: "array",
-        tickvals: j,
+        tickvals: P.current,
         showgrid: !0,
         automargin: !0,
-        ...N
+        ...V
       },
       legend: {
         // Anchor to the bottom of the container (not the plot area) so the
@@ -227,11 +239,11 @@ const st = 80, ht = 40, xt = ({
         yref: "container",
         orientation: "h",
         font: {
-          size: 13,
-          color: r.legendColor,
-          family: p,
+          size: o.legendFontSize,
+          color: n.legendColor,
+          family: y,
           weight: 500,
-          lineheight: 18
+          lineheight: o.legendLineHeight
         }
       },
       showlegend: !0
@@ -242,29 +254,35 @@ const st = 80, ht = 40, xt = ({
       displayModeBar: !1,
       displaylogo: !1
     };
-    let e = !1, g = null;
-    return nt().then((n) => {
-      e || !u.current || (n.newPlot(u.current, o, t, l), V(u.current), g = u.current, A.current = !0, E.current = { ...v.current });
+    let r = !1, p = null;
+    return ut().then((i) => {
+      r || !u.current || (i.newPlot(u.current, e, t, l), U(u.current), p = u.current, T.current = !0, E.current = { ...b.current });
     }), () => {
-      e = !0, g && (q().purge(g), A.current = !1);
+      r = !0, p && (Q().purge(p), T.current = !1);
     };
-  }, [a, Y, y, M, m, d, x, b, z, w, P, N, R, j, L, C, k, r, V]), D(() => {
-    const o = u.current;
-    !o || !A.current || s <= 0 || h <= 0 || E.current.width === s && E.current.height === h || (E.current = { width: s, height: h }, q().relayout(o, { width: s, height: h }).catch(() => {
+  }, [m, H, x, w, d, g, z, L, A, M, Y, V, W, _, N, S, v, n, o, C, U]), J(() => {
+    const e = u.current;
+    !e || !T.current || h <= 0 || c <= 0 || E.current.width === h && E.current.height === c || (E.current = { width: h, height: c }, Q().relayout(e, {
+      width: h,
+      height: c,
+      // Re-thin the y ticks for the new plot height (SW-2298). The flattened
+      // key is valid relayout input but not part of the Layout type.
+      "yaxis.tickvals": P.current
+    }).catch(() => {
     }));
-  }, [s, h]), /* @__PURE__ */ ot(
+  }, [h, c, rt]), /* @__PURE__ */ lt(
     "div",
     {
-      ref: K,
-      className: ct("area-graph-container relative", Q && "w-full", Z && "h-full"),
+      ref: $,
+      className: pt("area-graph-container relative", tt && "w-full", et && "h-full"),
       children: [
-        /* @__PURE__ */ et("div", { ref: u, style: { width: "100%", height: "100%" } }),
-        $
+        /* @__PURE__ */ ct("div", { ref: u, style: { width: "100%", height: "100%" } }),
+        ot
       ]
     }
   );
 };
 export {
-  xt as AreaPlot
+  At as AreaPlot
 };
 //# sourceMappingURL=AreaPlot.js.map