import React from "react"; import { defineInfigure } from "@infigure/sdk"; const n=(v,d=0)=>Number.isFinite(Number(v))?Number(v):d; function ForecastLineChart({api,data,width,height}){const rows=Array.isArray(data)?data:[];const w=Math.max(1,width-40),h=Math.max(1,height-56),vals=rows.flatMap(r=>[r.actual,r.forecast,r.lower,r.upper].map(v=>n(v,NaN))).filter(Number.isFinite),min=Math.min(...vals,0),max=Math.max(...vals,1),x=i=>(i/Math.max(1,rows.length-1))*w,y=v=>h-((n(v)-min)/Math.max(1,max-min))*(h-18),line=key=>rows.map((r,i)=>`${x(i)},${y(r[key])}`).join(" "),band=rows.map((r,i)=>`${x(i)},${y(r.upper)}`).join(" ")+" "+rows.map((r,i)=>`${x(rows.length-1-i)},${y(rows[rows.length-1-i].lower)}`).join(" "),labels=rows.filter((_,i)=>i===0||i===rows.length-1);return

Forecast

} export default defineInfigure(ForecastLineChart,{label:"Forecast Line Chart",bindings:[{id:"period",label:"Period",path:"data.period",required:true,kind:"field",cardinality:"many"},{id:"actual",label:"Actual",path:"data.actual",required:false,kind:"field",cardinality:"many"},{id:"forecast",label:"Forecast",path:"data.forecast",required:true,kind:"field",cardinality:"many"},{id:"lower",label:"Lower Bound",path:"data.lower",required:false,kind:"field",cardinality:"many"},{id:"upper",label:"Upper Bound",path:"data.upper",required:false,kind:"field",cardinality:"many"}]});