@graphysdk/geom-boxplot 0.1.1-beta.1794327284843 → 0.1.1-beta.1794395798194

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let a=require("@graphysdk/react"),S=require("react"),f=require("react/jsx-runtime");var x={q1:"boxplotQ1",median:"boxplotMedian",q3:"boxplotQ3",lowerWhisker:"boxplotLowerWhisker",upperWhisker:"boxplotUpperWhisker",count:"boxplotCount",mean:"boxplotMean",notchLower:"boxplotNotchLower",notchUpper:"boxplotNotchUpper",relativeWidth:"boxplotRelativeWidth",outlier:"boxplotOutlier"},B=e=>(e.start+e.end)/2,$=(e,t)=>{const r=t==="x"?(0,a.getXMin)(e):(0,a.getYMin)(e),o=t==="x"?(0,a.getXMax)(e):(0,a.getYMax)(e),n=t==="x"?(0,a.getYMin)(e):(0,a.getXMin)(e),s=t==="x"?(0,a.getYMax)(e):(0,a.getXMax)(e),i=(0,a.getScaledAesthetic)(e,"q1"),u=(0,a.getScaledAesthetic)(e,"median"),c=(0,a.getScaledAesthetic)(e,"q3");if(r===null||o===null||n===null||s===null||u===null||i===null||c===null)return null;const l=T(e,"notchLower"),d=T(e,"notchUpper"),[m,k]=ne(r,o,e);return{observation:e,start:m,end:k,lowerWhisker:n,q1:i,median:u,q3:c,upperWhisker:s,mean:T(e,"mean"),notch:l===null||d===null?null:{lower:l,upper:d}}},X=(e,t)=>{const r=t==="x"?(0,a.getXMin)(e):(0,a.getYMin)(e),o=t==="x"?(0,a.getXMax)(e):(0,a.getYMax)(e),n=(0,a.getScaledAesthetic)(e,"outlier");return r===null||o===null||n===null?null:{observation:e,band:B({start:r,end:o}),value:n}},W=(e,t)=>{const r=[],o=[];for(const n of e){const s=$(n,t);if(s!==null){r.push(s);continue}const i=X(n,t);i!==null&&o.push(i)}return{boxes:r,outliers:o}},T=(e,t)=>(0,a.getScaledAesthetic)(e,t)??null,ne=(e,t,r)=>{const o=r[x.relativeWidth];if(typeof o!="number")return[e,t];const n=(e+t)/2,s=(t-e)*o/2;return[n-s,n+s]},b=1.5,F=e=>e==="min-max"||typeof e=="number"&&Number.isFinite(e)&&e>=0,ae=1.58,se=(e,t)=>{if(e.length===0)return null;const r=[...e].sort((m,k)=>m-k),o=_(r,.25),n=_(r,.5),s=_(r,.75),i=t==="min-max"?1/0:t*(s-o),u=o-i,c=s+i,l=r.filter(m=>m>=u&&m<=c),d=ae*(s-o)/Math.sqrt(e.length);return{lowerWhisker:Math.min(l[0]??o,o),q1:o,median:n,q3:s,upperWhisker:Math.max(l[l.length-1]??s,s),count:e.length,mean:r.reduce((m,k)=>m+k,0)/r.length,notchLower:n-d,notchUpper:n+d}},_=(e,t)=>{const r=(e.length-1)*t,o=Math.floor(r),n=e[o]??0;return n+((e[o+1]??n)-n)*(r-o)},H={q1:x.q1,median:x.median,q3:x.q3,lowerWhisker:x.lowerWhisker,upperWhisker:x.upperWhisker,count:x.count,outlier:x.outlier},z=new Set([...Object.keys(H),"mean","notchLower","notchUpper"]),ie=class extends a.Stat{constructor(...e){super(...e),this.type="boxplot",this.computedAesthetics=z}computeStat({data:e,mapping:t,params:r}){const o=(0,a.readVariableName)(t.x),n=(0,a.readVariableName)(t.y);if(o===null||n===null||!e.hasVariable(o)||!e.hasVariable(n))return{data:e,mapping:{}};if(e.size()>0&&e.getType(n)!=="numeric"){const i=e.getType(n);throw new a.UserInputError({code:"INCOMPATIBLE_TYPE",message:`'boxplot' stat requires a numeric 'y' (got '${i}' for variable '${n}')`,context:{aesthetic:"y",variableName:n,variableType:i},suggestion:"Map the raw values to 'y', or summarised columns under stat 'identity'."})}const s=r?.extent;return{data:le({data:e,xVariable:o,yVariable:n,groupVariables:(0,a.getGroupVariables)(e,t).filter(i=>i!==o),extent:F(s)?s:b}),mapping:H}}},le=({data:e,xVariable:t,yVariable:r,groupVariables:o,extent:n})=>{const s=ue(e,t,r,o),i=e.getVariableNames(),u=new Map(i.map(p=>[p,e.getValues(p)])),c=new Map(i.map(p=>[p,[]])),l={q1:[],median:[],q3:[],lowerWhisker:[],upperWhisker:[],count:[],mean:[],notchLower:[],notchUpper:[],outlier:[]},d=[];for(const p of s){const v=se(p.values,n);if(v===null)continue;for(const h of i)c.get(h)?.push(ce(u.get(h)??[],p.indices));l.q1.push(v.q1),l.median.push(v.median),l.q3.push(v.q3),l.lowerWhisker.push(v.lowerWhisker),l.upperWhisker.push(v.upperWhisker),l.count.push(v.count),l.mean.push(v.mean),l.notchLower.push(v.notchLower),l.notchUpper.push(v.notchUpper),l.outlier.push(null);const w={low:v.lowerWhisker,high:v.upperWhisker};p.indices.forEach((h,y)=>{const M=p.values[y];M!==void 0&&(M<w.low||M>w.high)&&d.push({index:h,value:M})})}for(const{index:p,value:v}of d){for(const w of i)c.get(w)?.push(u.get(w)?.[p]??null);l.q1.push(null),l.median.push(null),l.q3.push(null),l.lowerWhisker.push(null),l.upperWhisker.push(null),l.count.push(null),l.mean.push(null),l.notchLower.push(null),l.notchUpper.push(null),l.outlier.push(v)}const m=e.getValueFormat(r),k=Object.fromEntries(i.map(p=>[p,{type:e.getType(p),values:c.get(p)??[],valueFormat:e.getValueFormat(p)}]));for(const[p,v]of Object.entries(l)){const w=x[p];k[w]=p==="count"?{type:"numeric",values:v}:{type:"numeric",values:v,valueFormat:m}}return new a.Dataset(k,e.parsingLocale)},ue=(e,t,r,o)=>{const n=[t,...o].map(u=>e.getValues(u)),s=e.getValues(r,{type:"numeric"}),i=new Map;return s.forEach((u,c)=>{if(u===null||!Number.isFinite(u))return;const l=n.map(m=>V(m[c]??null)).join("\0"),d=i.get(l)??{indices:[],values:[]};d.indices.push(c),d.values.push(u),i.set(l,d)}),[...i.values()]},ce=(e,t)=>{const r=e[t[0]??-1]??null,o=V(r);return t.every(n=>V(e[n]??null)===o)?r:null},V=e=>e===null?"\0null":e instanceof Date?`date:${e.getTime()}`:`${typeof e}:${String(e)}`,Y=.6,he=1,de=2,pe=1.5,me=7,ve=1,ge=7,fe=1.5,ke=["q1","median","q3"],ye={strokeWidth:"pixels"},q={stroke:"color",alpha:"unitInterval",strokeWidth:"pixels",dashArray:"dashArray"},C={fill:"color",fillAlpha:"unitInterval",stroke:"color",alpha:"unitInterval",size:"pixels",strokeWidth:"pixels",symbol:"pointSymbol"},Q=class extends a.Geom{constructor(...e){super(...e),this.type="boxplot",this.defaultParams={extent:b,outliers:!0,notch:!1,showMean:!1,varwidth:!1},this.defaultStat=new ie,this.derivedVariables=Object.values(x),this.positionRoles=[{axis:"x",role:"point",valueKind:"value"},{axis:"y",role:"min",valueKind:"value",aesthetic:"lowerWhisker"},{axis:"y",role:"max",valueKind:"value",aesthetic:"upperWhisker"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"q1"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"median"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"q3"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"outlier"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"mean"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"notchLower"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"notchUpper"}],this.aesthetics=[{kind:"visual",name:"color"},{kind:"data",name:"y"},{kind:"data",name:"count"}],this.defaultPosition="dodge",this.supportedPositions=["identity","dodge"],this.supportedCoordTypes=["cartesian","flip"],this.scaleConstraints={requireMainAxisBands:!0},this.grid={cartesian:{hideGridX:!0},flip:{hideGridX:!0}},this.legend={suppressWhenSingleItem:!0},this.spatialKind="rects",this.highlightStrategy="observationRerender",this.tooltip=[{key:"Upper whisker",aesthetic:"upperWhisker",optional:!0},{key:"Q3",aesthetic:"q3",optional:!0},{key:"Median",aesthetic:"median",optional:!0},{key:"Q1",aesthetic:"q1",optional:!0},{key:"Lower whisker",aesthetic:"lowerWhisker",optional:!0},{key:"Count",aesthetic:"count",optional:!0},{key:"Mean",aesthetic:"mean",optional:!0},{key:"Outlier",aesthetic:"outlier",optional:!0}],this.styleTarget=(0,a.defineGeomStyleTarget)({observation:{vocabulary:ye,aesthetics:{fill:"color"},rest:{fill:(0,a.token)("geom"),fillAlpha:1,stroke:(0,a.token)("geomBorder"),strokeWidth:he}},parts:{median:{vocabulary:q,rest:{stroke:(0,a.token)("graphBackground"),alpha:1,strokeWidth:de,dashArray:[]}},whisker:{vocabulary:q,aesthetics:{stroke:"color"},rest:{stroke:(0,a.token)("geom"),alpha:1,strokeWidth:pe,dashArray:[]}},cap:{vocabulary:q,aesthetics:{stroke:"color"},rest:{stroke:(0,a.token)("geom"),alpha:1,strokeWidth:0,dashArray:[]}},outlier:{vocabulary:C,aesthetics:{fill:"color"},rest:{fill:(0,a.token)("geom"),fillAlpha:1,stroke:(0,a.token)("graphBackground"),alpha:1,size:me,strokeWidth:ve}},mean:{vocabulary:C,aesthetics:{stroke:"color"},rest:{fill:(0,a.token)("graphBackground"),fillAlpha:1,stroke:(0,a.token)("geom"),alpha:1,size:ge,strokeWidth:fe}}}}),this.resolveBandFraction=t=>R(t),this.resolveValueSource=t=>t.median??{variable:x.median},this.validateMapping=({mapping:t,computedAesthetics:r})=>r.has("y")?[{code:"CONFLICTING_STAT_MAPPING",message:"boxplot geom draws a summary, not a single 'y'; use the 'boxplot' stat or 'identity'"}]:r.has("median")?[...[...z].filter(o=>t[o]!==void 0).map(o=>({code:"CONFLICTING_STAT_MAPPING",message:`boxplot stat computes '${o}' from 'y'; remove its mapping, or set the layer's stat to 'identity'`})),...t.y===void 0?[{code:"MISSING_AESTHETIC",message:"boxplot stat summarises 'y'; map it to the raw values"}]:[]]:ke.filter(o=>t[o]===void 0).map(o=>({code:"MISSING_AESTHETIC",message:`boxplot geom requires '${o}' when its data is already summarised`,context:{aesthetic:o}})),this.resolveAnchorPosition=(t,{coordSystem:r})=>{const o=(0,a.readMainAxis)(r),n=xe(t,o);return n===null?null:o==="x"?{x:n.band,y:n.value}:{x:n.value,y:n.band}}}resolveParams(e){const{extent:t,width:r,...o}=super.resolveParams(e);return{...o,extent:this.resolveExtent(t,e.diagnostics),...this.resolveWidth(r,e.diagnostics)}}compile({data:e,mapping:t,params:r}){const o=P(e,t.lowerWhisker),n=P(e,t.upperWhisker);if(o===null||n===null)return{data:e,mapping:{}};const{outliers:s,notch:i,showMean:u,varwidth:c}=r,l=P(e,t.outlier),d=s===!1&&l!==null?Se(e,l):e,m=P(d,t.count),k=R(r)/2;return{data:d.addVariable(x.relativeWidth,"numeric",c===!0&&m!==null?we(d,m):Me(d)).addVariable(a.POSITION_VARIABLES.yMin,"numeric",D(d,o,l)).addVariable(a.POSITION_VARIABLES.yMax,"numeric",D(d,n,l)).addConstantVariable(a.POSITION_VARIABLES.xMin,"numeric",-k).addConstantVariable(a.POSITION_VARIABLES.xMax,"numeric",k),mapping:{...t.y===void 0&&{y:t.median},...u===!0&&t.mean===void 0&&d.hasVariable(x.mean)&&{mean:x.mean},...i===!0&&t.notchLower===void 0&&d.hasVariable(x.notchLower)&&{notchLower:x.notchLower,notchUpper:x.notchUpper}}}}resolveExtent(e,t){return F(e)?e:(t?.addWarning({code:"INVALID_GEOM_PARAM",message:`Boxplot extent must be a non-negative number or 'min-max', got ${String(e)}; falling back to ${b}.`,context:{geom:this.type,param:"extent",expected:"extent >= 0 or 'min-max'",actual:String(e)},suggestion:"Set params.extent to a number of interquartile ranges, or 'min-max'."}),b)}resolveWidth(e,t){if(e===void 0)return{};const r=typeof e=="number"&&Number.isFinite(e)?e:null;if(r!==null&&r>0&&r<=1)return{width:r};const o=r!==null&&r>1?1:void 0;return t?.addWarning({code:"INVALID_GEOM_PARAM",message:`Boxplot width must be a fraction in (0, 1], got ${String(e)}; falling back to ${o??Y}.`,context:{geom:this.type,param:"width",expected:"0 < width <= 1",actual:r??String(e)},suggestion:"Set params.width to a fraction of the category band in (0, 1]."}),o!==void 0?{width:o}:{}}},xe=(e,t)=>{const r=$(e,t);if(r!==null)return{band:B(r),value:r.median};const o=X(e,t);return o===null?null:{band:o.band,value:o.value}},R=({width:e})=>e??Y,we=(e,t)=>{const r=e.getValues(t,{type:"numeric"}),o=Math.max(0,...r.map(n=>n??0));return r.map(n=>n===null||o===0?null:Math.sqrt(n/o))},Me=e=>Array.from({length:e.size()},()=>null),D=(e,t,r)=>{const o=r===null?[]:e.getValues(r,{type:"numeric"});return e.getValues(t,{type:"numeric"}).map((n,s)=>n??o[s]??null)},Se=(e,t)=>{const r=e.getValues(t,{type:"numeric"});return e.take(r.flatMap((o,n)=>o===null?[n]:[]))},P=(e,t)=>{const r=(0,a.readVariableName)(t);return r!==null&&e.hasVariable(r)?r:null},We=5e-4,Ie=.5,Oe=.5,Z=(e,t)=>{const r=(e.q1+e.q3)/2,o=Math.max(Math.abs(e.q3-e.q1),We)/2,n=g(t,e.start,r-o),s=g(t,e.end,r+o),[i,u]=K(n.x,s.x),[c,l]=K(n.y,s.y);return{x:i,y:c,width:u-i,height:l-c}},J=(e,t)=>{if(e.notch===null)return null;const{lower:r,upper:o}=e.notch,[n,s]=te(e);return[g(t,e.start,e.q1),g(t,e.start,r),g(t,n,e.median),g(t,e.start,o),g(t,e.start,e.q3),g(t,e.end,e.q3),g(t,e.end,o),g(t,s,e.median),g(t,e.end,r),g(t,e.end,e.q1)]},Pe=(e,t)=>{const[r,o]=e.notch===null?[e.start,e.end]:te(e);return{from:g(t,r,e.median),to:g(t,o,e.median)}},ee=(e,t)=>e.mean===null?null:g(t,B(e),e.mean),te=e=>{const t=(e.end-e.start)*(1-Oe)/2;return[e.start+t,e.end-t]},re=(e,t)=>{const r=B(e),o=(e.end-e.start)*Ie/2;return[{side:"lower",quartile:e.q1,reach:e.lowerWhisker},{side:"upper",quartile:e.q3,reach:e.upperWhisker}].filter(({quartile:n,reach:s})=>n!==s).map(({side:n,quartile:s,reach:i})=>({side:n,stem:{from:g(t,r,s),to:g(t,r,i)},cap:{from:g(t,r-o,i),to:g(t,r+o,i)}}))},g=(e,t,r)=>{const o=(0,a.composePoint)(e,{main:t,cross:r});return{x:(0,a.toViewBoxX)(o.x),y:(0,a.toViewBoxY)(o.y)}},K=(e,t)=>e<=t?[e,t]:[t,e],O=(e,t)=>({x:e.x*t.width,y:e.y*t.height}),N=(e,t)=>`${e.map((r,o)=>{const{x:n,y:s}=O(r,t);return`${o===0?"M":"L"}${n},${s}`}).join("")}Z`,be=(e,t)=>N([{x:e.x,y:e.y},{x:e.x+e.width,y:e.y},{x:e.x+e.width,y:e.y+e.height},{x:e.x,y:e.y+e.height}],t),Be=(e,t)=>{const r=O(e.from,t),o=O(e.to,t);return`M${r.x},${r.y}L${o.x},${o.y}`},Ee=({layer:e,coordSystem:t,panelRect:r,styleReaders:o})=>{const n=(0,a.readMainAxis)(t),{boxes:s,outliers:i}=W(e.data,n),u=s.map(h=>{const y=J(h,n);return y!==null?{kind:"region",pathData:N(y,r)}:{kind:"region",pathData:be(Z(h,n),r)}}),c=o.part("whisker"),l=o.part("cap"),d=s.flatMap(h=>re(h,n).flatMap(y=>[{segment:y.stem,readers:c},{segment:y.cap,readers:l}].flatMap(({segment:M,readers:E})=>{const I=E?.get("strokeWidth",h.observation)??0;return I>0?[{kind:"stroke",pathData:Be(M,r),width:I}]:[]}))),m=o.part("outlier"),k=m===void 0?[]:i.map(h=>({center:O(g(n,h.band,h.value),r),size:j(m,h.observation)})),p=o.part("mean"),v=p===void 0?[]:s.flatMap(h=>{const y=ee(h,n);return y===null?[]:[{center:O(y,r),size:j(p,h.observation)}]}),w=(0,a.buildDotsEditOutlineShapes)([...k,...v]);return[...d,...u,...w]},j=(e,t)=>(e.get("size",t)??0)+(e.get("strokeWidth",t)??0),A=e=>{const t=(0,a.createStableKeyGenerator)(e.data,e.mapping,e.id),r=(0,a.readVariableName)(e.mapping.outlier),o=n=>`${t(n.observation)}-outlier-${String(r===null?n.value:n.observation[r])}`;return{readBoxKey:t,readOutlierKeys:n=>{const s=new Map;return n.map(i=>{const u=o(i),c=s.get(u)??0;return s.set(u,c+1),c===0?u:`${u}-${c}`})}}},Te=(e,t,r)=>{const o=e.data.getVariableNames(),n=i=>JSON.stringify(o.map(u=>i.observation[u]??null)),s=new Set(r.map(n));return t.filter(i=>s.has(n(i)))},oe=(e,t,r)=>{const o=new Set(t.map(n=>r(n.observation)));return e.filter(n=>o.has(r(n.observation)))},L=({boxes:e,outliers:t,mainAxis:r,panelSize:o,source:n,styleReaders:s,keys:i,hovered:u,animateTransitions:c=!1})=>{const l=u===void 0?void 0:"hovered",d=s.part("whisker"),m=s.part("cap"),k=s.part("median"),p=s.part("mean"),v=s.part("outlier"),w=i.readOutlierKeys(t);return(0,f.jsxs)(f.Fragment,{children:[e.flatMap(h=>re(h,r).flatMap(y=>[{piece:"stem",testId:"boxplot-whisker",readers:d},{piece:"cap",testId:"boxplot-cap",readers:m}].map(({piece:M,testId:E,readers:I})=>I===void 0?null:(0,f.jsx)(G,{testId:E,segment:y[M],observation:h.observation,readers:I,state:l,animateTransitions:c},`${i.readBoxKey(h.observation)}-${y.side}-${M}`)))),(0,f.jsx)(a.GeomOverpaint,{styleReaders:s,state:l,children:e.map(h=>(0,f.jsx)(_e,{box:h,mainAxis:r,panelSize:o,source:n,styleReaders:s,state:l,animateTransitions:c},i.readBoxKey(h.observation)))}),k&&e.map(h=>(0,f.jsx)(G,{testId:"boxplot-median",segment:Pe(h,r),observation:h.observation,readers:k,state:l,animateTransitions:c},i.readBoxKey(h.observation))),p&&e.map(h=>{const y=ee(h,r);return y===null?null:(0,f.jsx)(U,{testId:"boxplot-mean",centre:y,observation:h.observation,readers:p,state:l,animateTransitions:c},i.readBoxKey(h.observation))}),v&&t.map((h,y)=>(0,f.jsx)(U,{testId:"boxplot-outlier",centre:g(r,h.band,h.value),observation:h.observation,readers:v,state:l,animateTransitions:c},w[y]))]})},G=({testId:e,segment:t,observation:r,readers:o,state:n,animateTransitions:s})=>{const i=o.get("strokeWidth",r,n)??0,u=o.get("stroke",r,n);return(0,f.jsx)(a.GeomLine,{"data-testid":e,x1:(0,a.toPercent)(t.from.x),y1:(0,a.toPercent)(t.from.y),x2:(0,a.toPercent)(t.to.x),y2:(0,a.toPercent)(t.to.y),stroke:u===void 0?void 0:(0,a.toPaintColor)(u),strokeOpacity:o.get("alpha",r,n),strokeWidth:i,strokeDasharray:(0,a.toStrokeDasharray)(o.get("dashArray",r,n),i),animateTransitions:s})},_e=({box:e,mainAxis:t,panelSize:r,source:o,styleReaders:n,state:s,animateTransitions:i})=>{const u=n.get("fill",e.observation,s),c=n.get("stroke",e.observation,s),l={fill:u===void 0?void 0:(0,a.toPaintColor)(u),opacity:n.get("alpha",e.observation,s),fillOpacity:n.get("fillAlpha",e.observation,s),stroke:c===void 0?void 0:(0,a.toPaintColor)(c),strokeOpacity:n.get("strokeAlpha",e.observation,s),strokeWidth:n.get("strokeWidth",e.observation,s),effects:(0,a.readGeomEffects)(n,e.observation,s),animateTransitions:i},d=J(e,t);if(d!==null)return(0,f.jsx)(a.GeomPath,{"data-testid":"boxplot-box",d:N(d,r),source:o,...l});const m=Z(e,t);return(0,f.jsx)(a.GeomRect,{"data-testid":"boxplot-box",x:(0,a.toPercent)(m.x),y:(0,a.toPercent)(m.y),width:(0,a.toPercent)(m.width),height:(0,a.toPercent)(m.height),cornerRadius:n.get("cornerRadius",e.observation,s),...l})},U=({testId:e,centre:t,observation:r,readers:o,state:n,animateTransitions:s})=>{const i=o.get("fill",r,n),u=o.get("stroke",r,n);return(0,f.jsx)(a.GeomCircle,{"data-testid":e,cx:(0,a.toPercent)(t.x),cy:(0,a.toPercent)(t.y),r:(o.get("size",r,n)??0)/2,fill:i===void 0?void 0:(0,a.toPaintColor)(i),opacity:o.get("alpha",r,n),fillOpacity:o.get("fillAlpha",r,n),stroke:u===void 0?void 0:(0,a.toPaintColor)(u),strokeWidth:o.get("strokeWidth",r,n),symbol:o.get("symbol",r,n),animateTransitions:s})},qe=({layer:e,sourceLayer:t,mainAxis:r,styleReaders:o})=>{const n=(0,a.useGeomPanelSize)(),s=(0,S.useMemo)(()=>A(t),[t]),i=(0,S.useMemo)(()=>W(t.data,r).outliers,[t.data,r]),{boxes:u,outliers:c}=(0,S.useMemo)(()=>{const l=W(e.data,r),d=new Set(Te(t,i,l.outliers)),m=new Set(oe(i,l.boxes,s.readBoxKey)),k=i.filter(p=>m.has(p)||d.has(p));return{boxes:l.boxes,outliers:k}},[e.data,r,t,i,s]);return(0,f.jsx)(L,{boxes:u,outliers:c,mainAxis:r,panelSize:n,source:t,styleReaders:o,keys:s})},Ve=({layer:e,primary:t,mainAxis:r,styleReaders:o})=>{const n=(0,a.useGeomPanelSize)(),s=(0,S.useMemo)(()=>W(e.data,r).outliers,[e.data,r]),i=(0,S.useMemo)(()=>A(e),[e]),{boxes:u,outliers:c}=W([t.observation],r);return(0,f.jsx)("g",{"data-testid":"hovered-boxes",children:(0,f.jsx)(L,{boxes:u,outliers:u.length>0?oe(s,u,i.readBoxKey):c,mainAxis:r,panelSize:n,source:e,styleReaders:o,keys:i,hovered:t.observation})})},Ne=({layer:e,mainAxis:t,styleReaders:r,animateTransitions:o,intro:n})=>{const s=(0,a.useGeomPanelSize)(),{boxes:i,outliers:u}=(0,S.useMemo)(()=>W(e.data,t),[e.data,t]),c=(0,f.jsx)(L,{boxes:i,outliers:u,mainAxis:t,panelSize:s,source:e,styleReaders:r,keys:(0,S.useMemo)(()=>A(e),[e]),animateTransitions:o});return n==null?c:(0,f.jsx)(a.IntroFade,{intro:{type:"fade",layerId:n.layerId,durationSeconds:n.durationSeconds},children:c})},Ae=(0,a.defineGeomRenderer)(new Q,{coord:"cartesian",swatchShape:"square",overpaintPlacement:"manual",guideMode:"band",render:({layer:e,coordSystem:t,styleReaders:r,animateTransitions:o,intro:n})=>(0,f.jsx)(Ne,{layer:e,mainAxis:(0,a.readMainAxis)(t),styleReaders:r,animateTransitions:o,intro:n}),renderHighlight:({layer:e,sourceLayer:t,coordSystem:r,styleReaders:o})=>(0,f.jsx)(qe,{layer:e,sourceLayer:t,mainAxis:(0,a.readMainAxis)(r),styleReaders:o}),renderHover:({layer:e,primary:t,coordSystem:r,styleReaders:o})=>(0,f.jsx)(Ve,{layer:e,primary:t,mainAxis:(0,a.readMainAxis)(r),styleReaders:o}),getEditOutlineShapes:Ee});exports.BOXPLOT_VARIABLES=x;exports.BoxplotGeom=Q;exports.boxplot=Ae;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let a=require("@graphysdk/react"),M=require("react"),g=require("react/jsx-runtime");var y={q1:"boxplotQ1",median:"boxplotMedian",q3:"boxplotQ3",lowerWhisker:"boxplotLowerWhisker",upperWhisker:"boxplotUpperWhisker",count:"boxplotCount",mean:"boxplotMean",notchLower:"boxplotNotchLower",notchUpper:"boxplotNotchUpper",relativeWidth:"boxplotRelativeWidth",outlier:"boxplotOutlier"},b=e=>(e.start+e.end)/2,U=(e,t)=>{const r=t==="x"?(0,a.getXMin)(e):(0,a.getYMin)(e),o=t==="x"?(0,a.getXMax)(e):(0,a.getYMax)(e),n=t==="x"?(0,a.getYMin)(e):(0,a.getXMin)(e),s=t==="x"?(0,a.getYMax)(e):(0,a.getXMax)(e),i=(0,a.getScaledAesthetic)(e,"q1"),c=(0,a.getScaledAesthetic)(e,"median"),u=(0,a.getScaledAesthetic)(e,"q3");if(r===null||o===null||n===null||s===null||c===null||i===null||u===null)return null;const l=oe(i,u,t),d=T(e,"notchLower"),m=T(e,"notchUpper"),[f,p]=ne(r,o,e);return{observation:e,start:f,end:p,lowerWhisker:l?n:s,q1:i,median:c,q3:u,upperWhisker:l?s:n,mean:T(e,"mean"),notch:d===null||m===null?null:{lower:d,upper:m}}},$=(e,t)=>{const r=t==="x"?(0,a.getXMin)(e):(0,a.getYMin)(e),o=t==="x"?(0,a.getXMax)(e):(0,a.getYMax)(e),n=(0,a.getScaledAesthetic)(e,"outlier");return r===null||o===null||n===null?null:{observation:e,band:b({start:r,end:o}),value:n}},P=(e,t)=>{const r=[],o=[];for(const n of e){const s=U(n,t);if(s!==null){r.push(s);continue}const i=$(n,t);i!==null&&o.push(i)}return{boxes:r,outliers:o}},oe=(e,t,r)=>e===t?r==="y":e<t,T=(e,t)=>(0,a.getScaledAesthetic)(e,t)??null,ne=(e,t,r)=>{const o=r[y.relativeWidth];if(typeof o!="number")return[e,t];const n=(e+t)/2,s=(t-e)*o/2;return[n-s,n+s]},O=1.5,X=e=>e==="min-max"||typeof e=="number"&&Number.isFinite(e)&&e>=0,ae=1.58,se=(e,t)=>{if(e.length===0)return null;const r=[...e].sort((m,f)=>m-f),o=_(r,.25),n=_(r,.5),s=_(r,.75),i=t==="min-max"?1/0:t*(s-o),c=o-i,u=s+i,l=r.filter(m=>m>=c&&m<=u),d=ae*(s-o)/Math.sqrt(e.length);return{lowerWhisker:Math.min(l[0]??o,o),q1:o,median:n,q3:s,upperWhisker:Math.max(l[l.length-1]??s,s),count:e.length,mean:r.reduce((m,f)=>m+f,0)/r.length,notchLower:n-d,notchUpper:n+d}},_=(e,t)=>{const r=(e.length-1)*t,o=Math.floor(r),n=e[o]??0;return n+((e[o+1]??n)-n)*(r-o)},F={q1:y.q1,median:y.median,q3:y.q3,lowerWhisker:y.lowerWhisker,upperWhisker:y.upperWhisker,count:y.count,outlier:y.outlier},H=new Set([...Object.keys(F),"mean","notchLower","notchUpper"]),ie=class extends a.Stat{constructor(...e){super(...e),this.type="boxplot",this.computedAesthetics=H}computeStat({data:e,mapping:t,params:r}){const o=(0,a.readVariableName)(t.x),n=(0,a.readVariableName)(t.y);if(o===null||n===null||!e.hasVariable(o)||!e.hasVariable(n))return{data:e,mapping:{}};if(e.size()>0&&e.getType(n)!=="numeric"){const i=e.getType(n);throw new a.UserInputError({code:"INCOMPATIBLE_TYPE",message:`'boxplot' stat requires a numeric 'y' (got '${i}' for variable '${n}')`,context:{aesthetic:"y",variableName:n,variableType:i},suggestion:"Map the raw values to 'y', or summarised columns under stat 'identity'."})}const s=r?.extent;return{data:le({data:e,xVariable:o,yVariable:n,groupVariables:(0,a.getGroupVariables)(e,t).filter(i=>i!==o),extent:X(s)?s:O}),mapping:F}}},le=({data:e,xVariable:t,yVariable:r,groupVariables:o,extent:n})=>{const s=ce(e,t,r,o),i=e.getVariableNames(),c=new Map(i.map(p=>[p,e.getValues(p)])),u=new Map(i.map(p=>[p,[]])),l={q1:[],median:[],q3:[],lowerWhisker:[],upperWhisker:[],count:[],mean:[],notchLower:[],notchUpper:[],outlier:[]},d=[];for(const p of s){const v=se(p.values,n);if(v===null)continue;for(const h of i)u.get(h)?.push(ue(c.get(h)??[],p.indices));l.q1.push(v.q1),l.median.push(v.median),l.q3.push(v.q3),l.lowerWhisker.push(v.lowerWhisker),l.upperWhisker.push(v.upperWhisker),l.count.push(v.count),l.mean.push(v.mean),l.notchLower.push(v.notchLower),l.notchUpper.push(v.notchUpper),l.outlier.push(null);const x={low:v.lowerWhisker,high:v.upperWhisker};p.indices.forEach((h,k)=>{const w=p.values[k];w!==void 0&&(w<x.low||w>x.high)&&d.push({index:h,value:w})})}for(const{index:p,value:v}of d){for(const x of i)u.get(x)?.push(c.get(x)?.[p]??null);l.q1.push(null),l.median.push(null),l.q3.push(null),l.lowerWhisker.push(null),l.upperWhisker.push(null),l.count.push(null),l.mean.push(null),l.notchLower.push(null),l.notchUpper.push(null),l.outlier.push(v)}const m=e.getValueFormat(r),f=Object.fromEntries(i.map(p=>[p,{type:e.getType(p),values:u.get(p)??[],valueFormat:e.getValueFormat(p)}]));for(const[p,v]of Object.entries(l)){const x=y[p];f[x]=p==="count"?{type:"numeric",values:v}:{type:"numeric",values:v,valueFormat:m}}return new a.Dataset(f,e.parsingLocale)},ce=(e,t,r,o)=>{const n=[t,...o].map(c=>e.getValues(c)),s=e.getValues(r,{type:"numeric"}),i=new Map;return s.forEach((c,u)=>{if(c===null||!Number.isFinite(c))return;const l=n.map(m=>q(m[u]??null)).join("\0"),d=i.get(l)??{indices:[],values:[]};d.indices.push(u),d.values.push(c),i.set(l,d)}),[...i.values()]},ue=(e,t)=>{const r=e[t[0]??-1]??null,o=q(r);return t.every(n=>q(e[n]??null)===o)?r:null},q=e=>e===null?"\0null":e instanceof Date?`date:${e.getTime()}`:`${typeof e}:${String(e)}`,z=.6,he=1,de=2,pe=1.5,me=7,ve=1,ge=7,fe=1.5,ke=["q1","median","q3"],ye={strokeWidth:"pixels"},B={stroke:"color",alpha:"unitInterval",strokeWidth:"pixels",dashArray:"dashArray"},L={fill:"color",fillAlpha:"unitInterval",stroke:"color",alpha:"unitInterval",size:"pixels",strokeWidth:"pixels",symbol:"pointSymbol"},Y=class extends a.Geom{constructor(...e){super(...e),this.type="boxplot",this.defaultParams={extent:O,outliers:!0,notch:!1,showMean:!1,varwidth:!1},this.defaultStat=new ie,this.derivedVariables=Object.values(y),this.positionRoles=[{axis:"x",role:"point",valueKind:"value"},{axis:"y",role:"min",valueKind:"value",aesthetic:"lowerWhisker"},{axis:"y",role:"max",valueKind:"value",aesthetic:"upperWhisker"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"q1"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"median"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"q3"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"outlier"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"mean"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"notchLower"},{axis:"y",role:"scalar",valueKind:"value",aesthetic:"notchUpper"}],this.aesthetics=[{kind:"visual",name:"color"},{kind:"data",name:"y"},{kind:"data",name:"count"}],this.defaultPosition="dodge",this.supportedPositions=["identity","dodge"],this.supportedCoordTypes=["cartesian","flip"],this.scaleConstraints={requireMainAxisBands:!0},this.grid={cartesian:{hideGridX:!0},flip:{hideGridX:!0}},this.legend={suppressWhenSingleItem:!0},this.spatialKind="rects",this.highlightStrategy="observationRerender",this.tooltip=[{key:"Upper whisker",aesthetic:"upperWhisker",optional:!0},{key:"Q3",aesthetic:"q3",optional:!0},{key:"Median",aesthetic:"median",optional:!0},{key:"Q1",aesthetic:"q1",optional:!0},{key:"Lower whisker",aesthetic:"lowerWhisker",optional:!0},{key:"Count",aesthetic:"count",optional:!0},{key:"Mean",aesthetic:"mean",optional:!0},{key:"Outlier",aesthetic:"outlier",optional:!0}],this.styleTarget=(0,a.defineGeomStyleTarget)({observation:{vocabulary:ye,aesthetics:{fill:"color"},rest:{fill:(0,a.token)("geom"),fillAlpha:1,stroke:(0,a.token)("geomBorder"),strokeWidth:he}},parts:{median:{vocabulary:B,rest:{stroke:(0,a.token)("graphBackground"),alpha:1,strokeWidth:de,dashArray:[]}},whisker:{vocabulary:B,aesthetics:{stroke:"color"},rest:{stroke:(0,a.token)("geom"),alpha:1,strokeWidth:pe,dashArray:[]}},cap:{vocabulary:B,aesthetics:{stroke:"color"},rest:{stroke:(0,a.token)("geom"),alpha:1,strokeWidth:0,dashArray:[]}},outlier:{vocabulary:L,aesthetics:{fill:"color"},rest:{fill:(0,a.token)("geom"),fillAlpha:1,stroke:(0,a.token)("graphBackground"),alpha:1,size:me,strokeWidth:ve}},mean:{vocabulary:L,aesthetics:{stroke:"color"},rest:{fill:(0,a.token)("graphBackground"),fillAlpha:1,stroke:(0,a.token)("geom"),alpha:1,size:ge,strokeWidth:fe}}}}),this.resolveBandFraction=t=>C(t),this.resolveValueSource=t=>t.median??{variable:y.median},this.validateMapping=({mapping:t,computedAesthetics:r})=>r.has("y")?[{code:"CONFLICTING_STAT_MAPPING",message:"boxplot geom draws a summary, not a single 'y'; use the 'boxplot' stat or 'identity'"}]:r.has("median")?[...[...H].filter(o=>t[o]!==void 0).map(o=>({code:"CONFLICTING_STAT_MAPPING",message:`boxplot stat computes '${o}' from 'y'; remove its mapping, or set the layer's stat to 'identity'`})),...t.y===void 0?[{code:"MISSING_AESTHETIC",message:"boxplot stat summarises 'y'; map it to the raw values"}]:[]]:ke.filter(o=>t[o]===void 0).map(o=>({code:"MISSING_AESTHETIC",message:`boxplot geom requires '${o}' when its data is already summarised`,context:{aesthetic:o}})),this.resolveAnchorPosition=(t,{coordSystem:r})=>{const o=(0,a.readMainAxis)(r),n=xe(t,o);return n===null?null:o==="x"?{x:n.band,y:n.value}:{x:n.value,y:n.band}}}resolveParams(e){const{extent:t,width:r,...o}=super.resolveParams(e);return{...o,extent:this.resolveExtent(t,e.diagnostics),...this.resolveWidth(r,e.diagnostics)}}compile({data:e,mapping:t,params:r}){const o=I(e,t.lowerWhisker),n=I(e,t.upperWhisker);if(o===null||n===null)return{data:e,mapping:{}};const{outliers:s,notch:i,showMean:c,varwidth:u}=r,l=I(e,t.outlier),d=s===!1&&l!==null?Pe(e,l):e,m=I(d,t.count),f=C(r)/2;return{data:d.addVariable(y.relativeWidth,"numeric",u===!0&&m!==null?we(d,m):Me(d)).addVariable(a.POSITION_VARIABLES.yMin,"numeric",R(d,o,l)).addVariable(a.POSITION_VARIABLES.yMax,"numeric",R(d,n,l)).addConstantVariable(a.POSITION_VARIABLES.xMin,"numeric",-f).addConstantVariable(a.POSITION_VARIABLES.xMax,"numeric",f),mapping:{...t.y===void 0&&{y:t.median},...c===!0&&t.mean===void 0&&d.hasVariable(y.mean)&&{mean:y.mean},...i===!0&&t.notchLower===void 0&&d.hasVariable(y.notchLower)&&{notchLower:y.notchLower,notchUpper:y.notchUpper}}}}resolveExtent(e,t){return X(e)?e:(t?.addWarning({code:"INVALID_GEOM_PARAM",message:`Boxplot extent must be a non-negative number or 'min-max', got ${String(e)}; falling back to ${O}.`,context:{geom:this.type,param:"extent",expected:"extent >= 0 or 'min-max'",actual:String(e)},suggestion:"Set params.extent to a number of interquartile ranges, or 'min-max'."}),O)}resolveWidth(e,t){if(e===void 0)return{};const r=typeof e=="number"&&Number.isFinite(e)?e:null;if(r!==null&&r>0&&r<=1)return{width:r};const o=r!==null&&r>1?1:void 0;return t?.addWarning({code:"INVALID_GEOM_PARAM",message:`Boxplot width must be a fraction in (0, 1], got ${String(e)}; falling back to ${o??z}.`,context:{geom:this.type,param:"width",expected:"0 < width <= 1",actual:r??String(e)},suggestion:"Set params.width to a fraction of the category band in (0, 1]."}),o!==void 0?{width:o}:{}}},xe=(e,t)=>{const r=U(e,t);if(r!==null)return{band:b(r),value:r.median};const o=$(e,t);return o===null?null:{band:o.band,value:o.value}},C=({width:e})=>e??z,we=(e,t)=>{const r=e.getValues(t,{type:"numeric"}),o=Math.max(0,...r.map(n=>n??0));return r.map(n=>n===null||o===0?null:Math.sqrt(n/o))},Me=e=>Array.from({length:e.size()},()=>null),R=(e,t,r)=>{const o=r===null?[]:e.getValues(r,{type:"numeric"});return e.getValues(t,{type:"numeric"}).map((n,s)=>n??o[s]??null)},Pe=(e,t)=>{const r=e.getValues(t,{type:"numeric"});return e.take(r.flatMap((o,n)=>o===null?[n]:[]))},I=(e,t)=>{const r=(0,a.readVariableName)(t);return r!==null&&e.hasVariable(r)?r:null},Se=5e-4,We=.5,Ie=.5,Q=(e,t)=>{const r=(e.q1+e.q3)/2,o=Math.max(Math.abs(e.q3-e.q1),Se)/2,n=(0,a.composePoint)(t,{main:e.start,cross:r-o}),s=(0,a.composePoint)(t,{main:e.end,cross:r+o}),[i,c]=D(n.x,s.x),[u,l]=D(n.y,s.y);return{x:i,y:u,width:c-i,height:l-u}},Z=(e,t)=>{if(e.notch===null)return null;const{lower:r,upper:o}=e.notch,[n,s]=ee(e);return[(0,a.composePoint)(t,{main:e.start,cross:e.q1}),(0,a.composePoint)(t,{main:e.start,cross:r}),(0,a.composePoint)(t,{main:n,cross:e.median}),(0,a.composePoint)(t,{main:e.start,cross:o}),(0,a.composePoint)(t,{main:e.start,cross:e.q3}),(0,a.composePoint)(t,{main:e.end,cross:e.q3}),(0,a.composePoint)(t,{main:e.end,cross:o}),(0,a.composePoint)(t,{main:s,cross:e.median}),(0,a.composePoint)(t,{main:e.end,cross:r}),(0,a.composePoint)(t,{main:e.end,cross:e.q1})]},Oe=(e,t)=>{const[r,o]=e.notch===null?[e.start,e.end]:ee(e);return{from:(0,a.composePoint)(t,{main:r,cross:e.median}),to:(0,a.composePoint)(t,{main:o,cross:e.median})}},J=(e,t)=>e.mean===null?null:(0,a.composePoint)(t,{main:b(e),cross:e.mean}),ee=e=>{const t=(e.end-e.start)*(1-Ie)/2;return[e.start+t,e.end-t]},te=(e,t)=>{const r=b(e),o=(e.end-e.start)*We/2;return[{side:"lower",quartile:e.q1,reach:e.lowerWhisker},{side:"upper",quartile:e.q3,reach:e.upperWhisker}].filter(({quartile:n,reach:s})=>n!==s).map(({side:n,quartile:s,reach:i})=>({side:n,stem:{from:(0,a.composePoint)(t,{main:r,cross:s}),to:(0,a.composePoint)(t,{main:r,cross:i})},cap:{from:(0,a.composePoint)(t,{main:r-o,cross:i}),to:(0,a.composePoint)(t,{main:r+o,cross:i})}}))},D=(e,t)=>e<=t?[e,t]:[t,e],W=(e,t)=>({x:e.x*t.width,y:e.y*t.height}),A=(e,t)=>`${e.map((r,o)=>{const{x:n,y:s}=W(r,t);return`${o===0?"M":"L"}${n},${s}`}).join("")}Z`,be=(e,t)=>A([{x:e.x,y:e.y},{x:e.x+e.width,y:e.y},{x:e.x+e.width,y:e.y+e.height},{x:e.x,y:e.y+e.height}],t),Ee=(e,t)=>{const r=W(e.from,t),o=W(e.to,t);return`M${r.x},${r.y}L${o.x},${o.y}`},Te=({layer:e,coordSystem:t,panelRect:r,styleReaders:o})=>{const n=(0,a.readMainAxis)(t),{boxes:s,outliers:i}=P(e.data,n),c=s.map(h=>{const k=Z(h,n);return k!==null?{kind:"region",pathData:A(k,r)}:{kind:"region",pathData:be(Q(h,n),r)}}),u=o.part("whisker"),l=o.part("cap"),d=s.flatMap(h=>te(h,n).flatMap(k=>[{segment:k.stem,readers:u},{segment:k.cap,readers:l}].flatMap(({segment:w,readers:E})=>{const S=E?.get("strokeWidth",h.observation)??0;return S>0?[{kind:"stroke",pathData:Ee(w,r),width:S}]:[]}))),m=o.part("outlier"),f=m===void 0?[]:i.map(h=>({center:W((0,a.composePoint)(n,{main:h.band,cross:h.value}),r),size:K(m,h.observation)})),p=o.part("mean"),v=p===void 0?[]:s.flatMap(h=>{const k=J(h,n);return k===null?[]:[{center:W(k,r),size:K(p,h.observation)}]}),x=(0,a.buildDotsEditOutlineShapes)([...f,...v]);return[...d,...c,...x]},K=(e,t)=>(e.get("size",t)??0)+(e.get("strokeWidth",t)??0),N=e=>{const t=(0,a.createStableKeyGenerator)(e.data,e.mapping,e.id),r=(0,a.readVariableName)(e.mapping.outlier),o=n=>`${t(n.observation)}-outlier-${String(r===null?n.value:n.observation[r])}`;return{readBoxKey:t,readOutlierKeys:n=>{const s=new Map;return n.map(i=>{const c=o(i),u=s.get(c)??0;return s.set(c,u+1),u===0?c:`${c}-${u}`})}}},_e=(e,t,r)=>{const o=e.data.getVariableNames(),n=i=>JSON.stringify(o.map(c=>i.observation[c]??null)),s=new Set(r.map(n));return t.filter(i=>s.has(n(i)))},re=(e,t,r)=>{const o=new Set(t.map(n=>r(n.observation)));return e.filter(n=>o.has(r(n.observation)))},V=({boxes:e,outliers:t,mainAxis:r,panelSize:o,source:n,styleReaders:s,keys:i,hovered:c,animateTransitions:u=!1})=>{const l=c===void 0?void 0:"hovered",d=s.part("whisker"),m=s.part("cap"),f=s.part("median"),p=s.part("mean"),v=s.part("outlier"),x=i.readOutlierKeys(t);return(0,g.jsxs)(g.Fragment,{children:[e.flatMap(h=>te(h,r).flatMap(k=>[{piece:"stem",testId:"boxplot-whisker",readers:d},{piece:"cap",testId:"boxplot-cap",readers:m}].map(({piece:w,testId:E,readers:S})=>S===void 0?null:(0,g.jsx)(j,{testId:E,segment:k[w],observation:h.observation,readers:S,state:l,animateTransitions:u},`${i.readBoxKey(h.observation)}-${k.side}-${w}`)))),(0,g.jsx)(a.GeomOverpaint,{styleReaders:s,state:l,children:e.map(h=>(0,g.jsx)(Be,{box:h,mainAxis:r,panelSize:o,source:n,styleReaders:s,state:l,animateTransitions:u},i.readBoxKey(h.observation)))}),f&&e.map(h=>(0,g.jsx)(j,{testId:"boxplot-median",segment:Oe(h,r),observation:h.observation,readers:f,state:l,animateTransitions:u},i.readBoxKey(h.observation))),p&&e.map(h=>{const k=J(h,r);return k===null?null:(0,g.jsx)(G,{testId:"boxplot-mean",centre:k,observation:h.observation,readers:p,state:l,animateTransitions:u},i.readBoxKey(h.observation))}),v&&t.map((h,k)=>(0,g.jsx)(G,{testId:"boxplot-outlier",centre:(0,a.composePoint)(r,{main:h.band,cross:h.value}),observation:h.observation,readers:v,state:l,animateTransitions:u},x[k]))]})},j=({testId:e,segment:t,observation:r,readers:o,state:n,animateTransitions:s})=>{const i=o.get("strokeWidth",r,n)??0,c=o.get("stroke",r,n);return(0,g.jsx)(a.GeomLine,{"data-testid":e,x1:(0,a.toPercent)(t.from.x),y1:(0,a.toPercent)(t.from.y),x2:(0,a.toPercent)(t.to.x),y2:(0,a.toPercent)(t.to.y),stroke:c===void 0?void 0:(0,a.toPaintColor)(c),strokeOpacity:o.get("alpha",r,n),strokeWidth:i,strokeDasharray:(0,a.toStrokeDasharray)(o.get("dashArray",r,n),i),animateTransitions:s})},Be=({box:e,mainAxis:t,panelSize:r,source:o,styleReaders:n,state:s,animateTransitions:i})=>{const c=n.get("fill",e.observation,s),u=n.get("stroke",e.observation,s),l={fill:c===void 0?void 0:(0,a.toPaintColor)(c),opacity:n.get("alpha",e.observation,s),fillOpacity:n.get("fillAlpha",e.observation,s),stroke:u===void 0?void 0:(0,a.toPaintColor)(u),strokeOpacity:n.get("strokeAlpha",e.observation,s),strokeWidth:n.get("strokeWidth",e.observation,s),effects:(0,a.readGeomEffects)(n,e.observation,s),animateTransitions:i},d=Z(e,t);if(d!==null)return(0,g.jsx)(a.GeomPath,{"data-testid":"boxplot-box",d:A(d,r),source:o,...l});const m=Q(e,t);return(0,g.jsx)(a.GeomRect,{"data-testid":"boxplot-box",x:(0,a.toPercent)(m.x),y:(0,a.toPercent)(m.y),width:(0,a.toPercent)(m.width),height:(0,a.toPercent)(m.height),cornerRadius:n.get("cornerRadius",e.observation,s),...l})},G=({testId:e,centre:t,observation:r,readers:o,state:n,animateTransitions:s})=>{const i=o.get("fill",r,n),c=o.get("stroke",r,n);return(0,g.jsx)(a.GeomCircle,{"data-testid":e,cx:(0,a.toPercent)(t.x),cy:(0,a.toPercent)(t.y),r:(o.get("size",r,n)??0)/2,fill:i===void 0?void 0:(0,a.toPaintColor)(i),opacity:o.get("alpha",r,n),fillOpacity:o.get("fillAlpha",r,n),stroke:c===void 0?void 0:(0,a.toPaintColor)(c),strokeWidth:o.get("strokeWidth",r,n),symbol:o.get("symbol",r,n),animateTransitions:s})},qe=({layer:e,sourceLayer:t,mainAxis:r,styleReaders:o})=>{const n=(0,a.useGeomPanelSize)(),s=(0,M.useMemo)(()=>N(t),[t]),i=(0,M.useMemo)(()=>P(t.data,r).outliers,[t.data,r]),{boxes:c,outliers:u}=(0,M.useMemo)(()=>{const l=P(e.data,r),d=new Set(_e(t,i,l.outliers)),m=new Set(re(i,l.boxes,s.readBoxKey)),f=i.filter(p=>m.has(p)||d.has(p));return{boxes:l.boxes,outliers:f}},[e.data,r,t,i,s]);return(0,g.jsx)(V,{boxes:c,outliers:u,mainAxis:r,panelSize:n,source:t,styleReaders:o,keys:s})},Ae=({layer:e,primary:t,mainAxis:r,styleReaders:o})=>{const n=(0,a.useGeomPanelSize)(),s=(0,M.useMemo)(()=>P(e.data,r).outliers,[e.data,r]),i=(0,M.useMemo)(()=>N(e),[e]),{boxes:c,outliers:u}=P([t.observation],r);return(0,g.jsx)("g",{"data-testid":"hovered-boxes",children:(0,g.jsx)(V,{boxes:c,outliers:c.length>0?re(s,c,i.readBoxKey):u,mainAxis:r,panelSize:n,source:e,styleReaders:o,keys:i,hovered:t.observation})})},Ne=({layer:e,mainAxis:t,styleReaders:r,animateTransitions:o,intro:n})=>{const s=(0,a.useGeomPanelSize)(),{boxes:i,outliers:c}=(0,M.useMemo)(()=>P(e.data,t),[e.data,t]),u=(0,g.jsx)(V,{boxes:i,outliers:c,mainAxis:t,panelSize:s,source:e,styleReaders:r,keys:(0,M.useMemo)(()=>N(e),[e]),animateTransitions:o});return n==null?u:(0,g.jsx)(a.IntroFade,{intro:{type:"fade",layerId:n.layerId,durationSeconds:n.durationSeconds},children:u})},Ve=(0,a.defineGeomRenderer)(new Y,{coord:"cartesian",swatchShape:"square",overpaintPlacement:"manual",guideMode:"band",render:({layer:e,coordSystem:t,styleReaders:r,animateTransitions:o,intro:n})=>(0,g.jsx)(Ne,{layer:e,mainAxis:(0,a.readMainAxis)(t),styleReaders:r,animateTransitions:o,intro:n}),renderHighlight:({layer:e,sourceLayer:t,coordSystem:r,styleReaders:o})=>(0,g.jsx)(qe,{layer:e,sourceLayer:t,mainAxis:(0,a.readMainAxis)(r),styleReaders:o}),renderHover:({layer:e,primary:t,coordSystem:r,styleReaders:o})=>(0,g.jsx)(Ae,{layer:e,primary:t,mainAxis:(0,a.readMainAxis)(r),styleReaders:o}),getEditOutlineShapes:Te});exports.BOXPLOT_VARIABLES=y;exports.BoxplotGeom=Y;exports.boxplot=Ve;

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { Dataset as me, Geom as ve, GeomCircle as ge, GeomLine as fe, GeomOverpaint as ye, GeomPath as ke, GeomRect as we, IntroFade as xe, POSITION_VARIABLES as _, Stat as We, UserInputError as Me, buildDotsEditOutlineShapes as Se, composePoint as Ie, createStableKeyGenerator as Oe, defineGeomRenderer as be, defineGeomStyleTarget as Ee, getGroupVariables as Be, getScaledAesthetic as b, getXMax as A, getXMin as K, getYMax as U, getYMin as $, readGeomEffects as Te, readMainAxis as E, readVariableName as V, toPaintColor as B, toPercent as x, toStrokeDasharray as _e, toViewBoxX as qe, toViewBoxY as Pe, token as M, useGeomPanelSize as F } from "@graphysdk/react";
+import { Dataset as me, Geom as ve, GeomCircle as ge, GeomLine as fe, GeomOverpaint as ye, GeomPath as ke, GeomRect as we, IntroFade as xe, POSITION_VARIABLES as _, Stat as We, UserInputError as Me, buildDotsEditOutlineShapes as Se, composePoint as v, createStableKeyGenerator as Ie, defineGeomRenderer as Oe, defineGeomStyleTarget as be, getGroupVariables as Ee, getScaledAesthetic as b, getXMax as R, getXMin as K, getYMax as U, getYMin as $, readGeomEffects as Te, readMainAxis as E, readVariableName as N, toPaintColor as T, toPercent as x, toStrokeDasharray as Be, token as M, useGeomPanelSize as F } from "@graphysdk/react";
 import { useMemo as S } from "react";
-import { Fragment as Ve, jsx as y, jsxs as Ne } from "react/jsx-runtime";
+import { Fragment as _e, jsx as y, jsxs as qe } from "react/jsx-runtime";
 var k = {
   q1: "boxplotQ1",
   median: "boxplotMedian",
@@ -13,30 +13,30 @@ var k = {
   notchUpper: "boxplotNotchUpper",
   relativeWidth: "boxplotRelativeWidth",
   outlier: "boxplotOutlier"
-}, N = (e) => (e.start + e.end) / 2, re = (e, t) => {
-  const r = t === "x" ? K(e) : $(e), o = t === "x" ? A(e) : U(e), n = t === "x" ? $(e) : K(e), a = t === "x" ? U(e) : A(e), s = b(e, "q1"), i = b(e, "median"), u = b(e, "q3");
-  if (r === null || o === null || n === null || a === null || i === null || s === null || u === null) return null;
-  const l = C(e, "notchLower"), h = C(e, "notchUpper"), [p, g] = Le(r, o, e);
+}, V = (e) => (e.start + e.end) / 2, re = (e, t) => {
+  const r = t === "x" ? K(e) : $(e), o = t === "x" ? R(e) : U(e), n = t === "x" ? $(e) : K(e), a = t === "x" ? U(e) : R(e), s = b(e, "q1"), l = b(e, "median"), u = b(e, "q3");
+  if (r === null || o === null || n === null || a === null || l === null || s === null || u === null) return null;
+  const i = Pe(s, u, t), h = C(e, "notchLower"), p = C(e, "notchUpper"), [g, d] = Ne(r, o, e);
   return {
     observation: e,
-    start: p,
-    end: g,
-    lowerWhisker: n,
+    start: g,
+    end: d,
+    lowerWhisker: i ? n : a,
     q1: s,
-    median: i,
+    median: l,
     q3: u,
-    upperWhisker: a,
+    upperWhisker: i ? a : n,
     mean: C(e, "mean"),
-    notch: l === null || h === null ? null : {
-      lower: l,
-      upper: h
+    notch: h === null || p === null ? null : {
+      lower: h,
+      upper: p
     }
   };
 }, oe = (e, t) => {
-  const r = t === "x" ? K(e) : $(e), o = t === "x" ? A(e) : U(e), n = b(e, "outlier");
+  const r = t === "x" ? K(e) : $(e), o = t === "x" ? R(e) : U(e), n = b(e, "outlier");
   return r === null || o === null || n === null ? null : {
     observation: e,
-    band: N({
+    band: V({
       start: r,
       end: o
     }),
@@ -57,20 +57,20 @@ var k = {
     boxes: r,
     outliers: o
   };
-}, C = (e, t) => b(e, t) ?? null, Le = (e, t, r) => {
+}, Pe = (e, t, r) => e === t ? r === "y" : e < t, C = (e, t) => b(e, t) ?? null, Ne = (e, t, r) => {
   const o = r[k.relativeWidth];
   if (typeof o != "number") return [e, t];
   const n = (e + t) / 2, a = (t - e) * o / 2;
   return [n - a, n + a];
-}, P = 1.5, ne = (e) => e === "min-max" || typeof e == "number" && Number.isFinite(e) && e >= 0, Ce = 1.58, De = (e, t) => {
+}, P = 1.5, ne = (e) => e === "min-max" || typeof e == "number" && Number.isFinite(e) && e >= 0, Ve = 1.58, Le = (e, t) => {
   if (e.length === 0) return null;
-  const r = [...e].sort((p, g) => p - g), o = D(r, 0.25), n = D(r, 0.5), a = D(r, 0.75), s = t === "min-max" ? 1 / 0 : t * (a - o), i = o - s, u = a + s, l = r.filter((p) => p >= i && p <= u), h = Ce * (a - o) / Math.sqrt(e.length);
+  const r = [...e].sort((p, g) => p - g), o = D(r, 0.25), n = D(r, 0.5), a = D(r, 0.75), s = t === "min-max" ? 1 / 0 : t * (a - o), l = o - s, u = a + s, i = r.filter((p) => p >= l && p <= u), h = Ve * (a - o) / Math.sqrt(e.length);
   return {
-    lowerWhisker: Math.min(l[0] ?? o, o),
+    lowerWhisker: Math.min(i[0] ?? o, o),
     q1: o,
     median: n,
     q3: a,
-    upperWhisker: Math.max(l[l.length - 1] ?? a, a),
+    upperWhisker: Math.max(i[i.length - 1] ?? a, a),
     count: e.length,
     mean: r.reduce((p, g) => p + g, 0) / r.length,
     notchLower: n - h,
@@ -92,12 +92,12 @@ var k = {
   "mean",
   "notchLower",
   "notchUpper"
-]), Re = class extends We {
+]), Ce = class extends We {
   constructor(...e) {
     super(...e), this.type = "boxplot", this.computedAesthetics = se;
   }
   computeStat({ data: e, mapping: t, params: r }) {
-    const o = V(t.x), n = V(t.y);
+    const o = N(t.x), n = N(t.y);
     if (o === null || n === null || !e.hasVariable(o) || !e.hasVariable(n)) return {
       data: e,
       mapping: {}
@@ -117,18 +117,18 @@ var k = {
     }
     const a = r?.extent;
     return {
-      data: Ae({
+      data: De({
         data: e,
         xVariable: o,
         yVariable: n,
-        groupVariables: Be(e, t).filter((s) => s !== o),
+        groupVariables: Ee(e, t).filter((s) => s !== o),
         extent: ne(a) ? a : P
       }),
       mapping: ae
     };
   }
-}, Ae = ({ data: e, xVariable: t, yVariable: r, groupVariables: o, extent: n }) => {
-  const a = Ke(e, t, r, o), s = e.getVariableNames(), i = new Map(s.map((d) => [d, e.getValues(d)])), u = new Map(s.map((d) => [d, []])), l = {
+}, De = ({ data: e, xVariable: t, yVariable: r, groupVariables: o, extent: n }) => {
+  const a = Ae(e, t, r, o), s = e.getVariableNames(), l = new Map(s.map((d) => [d, e.getValues(d)])), u = new Map(s.map((d) => [d, []])), i = {
     q1: [],
     median: [],
     q3: [],
@@ -141,10 +141,10 @@ var k = {
     outlier: []
   }, h = [];
   for (const d of a) {
-    const m = De(d.values, n);
+    const m = Le(d.values, n);
     if (m === null) continue;
-    for (const c of s) u.get(c)?.push(Ue(i.get(c) ?? [], d.indices));
-    l.q1.push(m.q1), l.median.push(m.median), l.q3.push(m.q3), l.lowerWhisker.push(m.lowerWhisker), l.upperWhisker.push(m.upperWhisker), l.count.push(m.count), l.mean.push(m.mean), l.notchLower.push(m.notchLower), l.notchUpper.push(m.notchUpper), l.outlier.push(null);
+    for (const c of s) u.get(c)?.push(Re(l.get(c) ?? [], d.indices));
+    i.q1.push(m.q1), i.median.push(m.median), i.q3.push(m.q3), i.lowerWhisker.push(m.lowerWhisker), i.upperWhisker.push(m.upperWhisker), i.count.push(m.count), i.mean.push(m.mean), i.notchLower.push(m.notchLower), i.notchUpper.push(m.notchUpper), i.outlier.push(null);
     const w = {
       low: m.lowerWhisker,
       high: m.upperWhisker
@@ -158,15 +158,15 @@ var k = {
     });
   }
   for (const { index: d, value: m } of h) {
-    for (const w of s) u.get(w)?.push(i.get(w)?.[d] ?? null);
-    l.q1.push(null), l.median.push(null), l.q3.push(null), l.lowerWhisker.push(null), l.upperWhisker.push(null), l.count.push(null), l.mean.push(null), l.notchLower.push(null), l.notchUpper.push(null), l.outlier.push(m);
+    for (const w of s) u.get(w)?.push(l.get(w)?.[d] ?? null);
+    i.q1.push(null), i.median.push(null), i.q3.push(null), i.lowerWhisker.push(null), i.upperWhisker.push(null), i.count.push(null), i.mean.push(null), i.notchLower.push(null), i.notchUpper.push(null), i.outlier.push(m);
   }
   const p = e.getValueFormat(r), g = Object.fromEntries(s.map((d) => [d, {
     type: e.getType(d),
     values: u.get(d) ?? [],
     valueFormat: e.getValueFormat(d)
   }]));
-  for (const [d, m] of Object.entries(l)) {
+  for (const [d, m] of Object.entries(i)) {
     const w = k[d];
     g[w] = d === "count" ? {
       type: "numeric",
@@ -178,29 +178,29 @@ var k = {
     };
   }
   return new me(g, e.parsingLocale);
-}, Ke = (e, t, r, o) => {
-  const n = [t, ...o].map((i) => e.getValues(i)), a = e.getValues(r, { type: "numeric" }), s = /* @__PURE__ */ new Map();
-  return a.forEach((i, u) => {
-    if (i === null || !Number.isFinite(i)) return;
-    const l = n.map((p) => G(p[u] ?? null)).join("\0"), h = s.get(l) ?? {
+}, Ae = (e, t, r, o) => {
+  const n = [t, ...o].map((l) => e.getValues(l)), a = e.getValues(r, { type: "numeric" }), s = /* @__PURE__ */ new Map();
+  return a.forEach((l, u) => {
+    if (l === null || !Number.isFinite(l)) return;
+    const i = n.map((p) => G(p[u] ?? null)).join("\0"), h = s.get(i) ?? {
       indices: [],
       values: []
     };
-    h.indices.push(u), h.values.push(i), s.set(l, h);
+    h.indices.push(u), h.values.push(l), s.set(i, h);
   }), [...s.values()];
-}, Ue = (e, t) => {
+}, Re = (e, t) => {
   const r = e[t[0] ?? -1] ?? null, o = G(r);
   return t.every((n) => G(e[n] ?? null) === o) ? r : null;
-}, G = (e) => e === null ? "\0null" : e instanceof Date ? `date:${e.getTime()}` : `${typeof e}:${String(e)}`, le = 0.6, $e = 1, Ge = 2, Fe = 1.5, Xe = 7, He = 1, ze = 7, Ye = 1.5, je = [
+}, G = (e) => e === null ? "\0null" : e instanceof Date ? `date:${e.getTime()}` : `${typeof e}:${String(e)}`, ie = 0.6, Ke = 1, Ue = 2, $e = 1.5, Ge = 7, Fe = 1, He = 7, Xe = 1.5, ze = [
   "q1",
   "median",
   "q3"
-], Qe = { strokeWidth: "pixels" }, R = {
+], je = { strokeWidth: "pixels" }, A = {
   stroke: "color",
   alpha: "unitInterval",
   strokeWidth: "pixels",
   dashArray: "dashArray"
-}, Y = {
+}, j = {
   fill: "color",
   fillAlpha: "unitInterval",
   stroke: "color",
@@ -208,7 +208,7 @@ var k = {
   size: "pixels",
   strokeWidth: "pixels",
   symbol: "pointSymbol"
-}, Ze = class extends ve {
+}, Ye = class extends ve {
   constructor(...e) {
     super(...e), this.type = "boxplot", this.defaultParams = {
       extent: P,
@@ -216,7 +216,7 @@ var k = {
       notch: !1,
       showMean: !1,
       varwidth: !1
-    }, this.defaultStat = new Re(), this.derivedVariables = Object.values(k), this.positionRoles = [
+    }, this.defaultStat = new Ce(), this.derivedVariables = Object.values(k), this.positionRoles = [
       {
         axis: "x",
         role: "point",
@@ -333,39 +333,39 @@ var k = {
         aesthetic: "outlier",
         optional: !0
       }
-    ], this.styleTarget = Ee({
+    ], this.styleTarget = be({
       observation: {
-        vocabulary: Qe,
+        vocabulary: je,
         aesthetics: { fill: "color" },
         rest: {
           fill: M("geom"),
           fillAlpha: 1,
           stroke: M("geomBorder"),
-          strokeWidth: $e
+          strokeWidth: Ke
         }
       },
       parts: {
         median: {
-          vocabulary: R,
+          vocabulary: A,
           rest: {
             stroke: M("graphBackground"),
             alpha: 1,
-            strokeWidth: Ge,
+            strokeWidth: Ue,
             dashArray: []
           }
         },
         whisker: {
-          vocabulary: R,
+          vocabulary: A,
           aesthetics: { stroke: "color" },
           rest: {
             stroke: M("geom"),
             alpha: 1,
-            strokeWidth: Fe,
+            strokeWidth: $e,
             dashArray: []
           }
         },
         cap: {
-          vocabulary: R,
+          vocabulary: A,
           aesthetics: { stroke: "color" },
           rest: {
             stroke: M("geom"),
@@ -375,31 +375,31 @@ var k = {
           }
         },
         outlier: {
-          vocabulary: Y,
+          vocabulary: j,
           aesthetics: { fill: "color" },
           rest: {
             fill: M("geom"),
             fillAlpha: 1,
             stroke: M("graphBackground"),
             alpha: 1,
-            size: Xe,
-            strokeWidth: He
+            size: Ge,
+            strokeWidth: Fe
           }
         },
         mean: {
-          vocabulary: Y,
+          vocabulary: j,
           aesthetics: { stroke: "color" },
           rest: {
             fill: M("graphBackground"),
             fillAlpha: 1,
             stroke: M("geom"),
             alpha: 1,
-            size: ze,
-            strokeWidth: Ye
+            size: He,
+            strokeWidth: Xe
           }
         }
       }
-    }), this.resolveBandFraction = (t) => j(t), this.resolveValueSource = (t) => t.median ?? { variable: k.median }, this.validateMapping = ({ mapping: t, computedAesthetics: r }) => r.has("y") ? [{
+    }), this.resolveBandFraction = (t) => Y(t), this.resolveValueSource = (t) => t.median ?? { variable: k.median }, this.validateMapping = ({ mapping: t, computedAesthetics: r }) => r.has("y") ? [{
       code: "CONFLICTING_STAT_MAPPING",
       message: "boxplot geom draws a summary, not a single 'y'; use the 'boxplot' stat or 'identity'"
     }] : r.has("median") ? [...[...se].filter((o) => t[o] !== void 0).map((o) => ({
@@ -408,12 +408,12 @@ var k = {
     })), ...t.y === void 0 ? [{
       code: "MISSING_AESTHETIC",
       message: "boxplot stat summarises 'y'; map it to the raw values"
-    }] : []] : je.filter((o) => t[o] === void 0).map((o) => ({
+    }] : []] : ze.filter((o) => t[o] === void 0).map((o) => ({
       code: "MISSING_AESTHETIC",
       message: `boxplot geom requires '${o}' when its data is already summarised`,
       context: { aesthetic: o }
     })), this.resolveAnchorPosition = (t, { coordSystem: r }) => {
-      const o = E(r), n = Je(t, o);
+      const o = E(r), n = Qe(t, o);
       return n === null ? null : o === "x" ? {
         x: n.band,
         y: n.value
@@ -437,12 +437,12 @@ var k = {
       data: e,
       mapping: {}
     };
-    const { outliers: a, notch: s, showMean: i, varwidth: u } = r, l = q(e, t.outlier), h = a === !1 && l !== null ? rt(e, l) : e, p = q(h, t.count), g = j(r) / 2;
+    const { outliers: a, notch: s, showMean: l, varwidth: u } = r, i = q(e, t.outlier), h = a === !1 && i !== null ? et(e, i) : e, p = q(h, t.count), g = Y(r) / 2;
     return {
-      data: h.addVariable(k.relativeWidth, "numeric", u === !0 && p !== null ? et(h, p) : tt(h)).addVariable(_.yMin, "numeric", Q(h, o, l)).addVariable(_.yMax, "numeric", Q(h, n, l)).addConstantVariable(_.xMin, "numeric", -g).addConstantVariable(_.xMax, "numeric", g),
+      data: h.addVariable(k.relativeWidth, "numeric", u === !0 && p !== null ? Ze(h, p) : Je(h)).addVariable(_.yMin, "numeric", Q(h, o, i)).addVariable(_.yMax, "numeric", Q(h, n, i)).addConstantVariable(_.xMin, "numeric", -g).addConstantVariable(_.xMax, "numeric", g),
       mapping: {
         ...t.y === void 0 && { y: t.median },
-        ...i === !0 && t.mean === void 0 && h.hasVariable(k.mean) && { mean: k.mean },
+        ...l === !0 && t.mean === void 0 && h.hasVariable(k.mean) && { mean: k.mean },
         ...s === !0 && t.notchLower === void 0 && h.hasVariable(k.notchLower) && {
           notchLower: k.notchLower,
           notchUpper: k.notchUpper
@@ -470,7 +470,7 @@ var k = {
     const o = r !== null && r > 1 ? 1 : void 0;
     return t?.addWarning({
       code: "INVALID_GEOM_PARAM",
-      message: `Boxplot width must be a fraction in (0, 1], got ${String(e)}; falling back to ${o ?? le}.`,
+      message: `Boxplot width must be a fraction in (0, 1], got ${String(e)}; falling back to ${o ?? ie}.`,
       context: {
         geom: this.type,
         param: "width",
@@ -480,10 +480,10 @@ var k = {
       suggestion: "Set params.width to a fraction of the category band in (0, 1]."
     }), o !== void 0 ? { width: o } : {};
   }
-}, Je = (e, t) => {
+}, Qe = (e, t) => {
   const r = re(e, t);
   if (r !== null) return {
-    band: N(r),
+    band: V(r),
     value: r.median
   };
   const o = oe(e, t);
@@ -491,52 +491,97 @@ var k = {
     band: o.band,
     value: o.value
   };
-}, j = ({ width: e }) => e ?? le, et = (e, t) => {
+}, Y = ({ width: e }) => e ?? ie, Ze = (e, t) => {
   const r = e.getValues(t, { type: "numeric" }), o = Math.max(0, ...r.map((n) => n ?? 0));
   return r.map((n) => n === null || o === 0 ? null : Math.sqrt(n / o));
-}, tt = (e) => Array.from({ length: e.size() }, () => null), Q = (e, t, r) => {
+}, Je = (e) => Array.from({ length: e.size() }, () => null), Q = (e, t, r) => {
   const o = r === null ? [] : e.getValues(r, { type: "numeric" });
   return e.getValues(t, { type: "numeric" }).map((n, a) => n ?? o[a] ?? null);
-}, rt = (e, t) => {
+}, et = (e, t) => {
   const r = e.getValues(t, { type: "numeric" });
   return e.take(r.flatMap((o, n) => o === null ? [n] : []));
 }, q = (e, t) => {
-  const r = V(t);
+  const r = N(t);
   return r !== null && e.hasVariable(r) ? r : null;
-}, ot = 5e-4, nt = 0.5, at = 0.5, ie = (e, t) => {
-  const r = (e.q1 + e.q3) / 2, o = Math.max(Math.abs(e.q3 - e.q1), ot) / 2, n = v(t, e.start, r - o), a = v(t, e.end, r + o), [s, i] = Z(n.x, a.x), [u, l] = Z(n.y, a.y);
+}, tt = 5e-4, rt = 0.5, ot = 0.5, le = (e, t) => {
+  const r = (e.q1 + e.q3) / 2, o = Math.max(Math.abs(e.q3 - e.q1), tt) / 2, n = v(t, {
+    main: e.start,
+    cross: r - o
+  }), a = v(t, {
+    main: e.end,
+    cross: r + o
+  }), [s, l] = Z(n.x, a.x), [u, i] = Z(n.y, a.y);
   return {
     x: s,
     y: u,
-    width: i - s,
-    height: l - u
+    width: l - s,
+    height: i - u
   };
 }, ue = (e, t) => {
   if (e.notch === null) return null;
   const { lower: r, upper: o } = e.notch, [n, a] = he(e);
   return [
-    v(t, e.start, e.q1),
-    v(t, e.start, r),
-    v(t, n, e.median),
-    v(t, e.start, o),
-    v(t, e.start, e.q3),
-    v(t, e.end, e.q3),
-    v(t, e.end, o),
-    v(t, a, e.median),
-    v(t, e.end, r),
-    v(t, e.end, e.q1)
+    v(t, {
+      main: e.start,
+      cross: e.q1
+    }),
+    v(t, {
+      main: e.start,
+      cross: r
+    }),
+    v(t, {
+      main: n,
+      cross: e.median
+    }),
+    v(t, {
+      main: e.start,
+      cross: o
+    }),
+    v(t, {
+      main: e.start,
+      cross: e.q3
+    }),
+    v(t, {
+      main: e.end,
+      cross: e.q3
+    }),
+    v(t, {
+      main: e.end,
+      cross: o
+    }),
+    v(t, {
+      main: a,
+      cross: e.median
+    }),
+    v(t, {
+      main: e.end,
+      cross: r
+    }),
+    v(t, {
+      main: e.end,
+      cross: e.q1
+    })
   ];
-}, st = (e, t) => {
+}, nt = (e, t) => {
   const [r, o] = e.notch === null ? [e.start, e.end] : he(e);
   return {
-    from: v(t, r, e.median),
-    to: v(t, o, e.median)
+    from: v(t, {
+      main: r,
+      cross: e.median
+    }),
+    to: v(t, {
+      main: o,
+      cross: e.median
+    })
   };
-}, ce = (e, t) => e.mean === null ? null : v(t, N(e), e.mean), he = (e) => {
-  const t = (e.end - e.start) * (1 - at) / 2;
+}, ce = (e, t) => e.mean === null ? null : v(t, {
+  main: V(e),
+  cross: e.mean
+}), he = (e) => {
+  const t = (e.end - e.start) * (1 - ot) / 2;
   return [e.start + t, e.end - t];
 }, de = (e, t) => {
-  const r = N(e), o = (e.end - e.start) * nt / 2;
+  const r = V(e), o = (e.end - e.start) * rt / 2;
   return [{
     side: "lower",
     quartile: e.q1,
@@ -548,30 +593,33 @@ var k = {
   }].filter(({ quartile: n, reach: a }) => n !== a).map(({ side: n, quartile: a, reach: s }) => ({
     side: n,
     stem: {
-      from: v(t, r, a),
-      to: v(t, r, s)
+      from: v(t, {
+        main: r,
+        cross: a
+      }),
+      to: v(t, {
+        main: r,
+        cross: s
+      })
     },
     cap: {
-      from: v(t, r - o, s),
-      to: v(t, r + o, s)
+      from: v(t, {
+        main: r - o,
+        cross: s
+      }),
+      to: v(t, {
+        main: r + o,
+        cross: s
+      })
     }
   }));
-}, v = (e, t, r) => {
-  const o = Ie(e, {
-    main: t,
-    cross: r
-  });
-  return {
-    x: qe(o.x),
-    y: Pe(o.y)
-  };
-}, Z = (e, t) => e <= t ? [e, t] : [t, e], T = (e, t) => ({
+}, Z = (e, t) => e <= t ? [e, t] : [t, e], B = (e, t) => ({
   x: e.x * t.width,
   y: e.y * t.height
-}), X = (e, t) => `${e.map((r, o) => {
-  const { x: n, y: a } = T(r, t);
+}), H = (e, t) => `${e.map((r, o) => {
+  const { x: n, y: a } = B(r, t);
   return `${o === 0 ? "M" : "L"}${n},${a}`;
-}).join("")}Z`, lt = (e, t) => X([
+}).join("")}Z`, at = (e, t) => H([
   {
     x: e.x,
     y: e.y
@@ -588,68 +636,71 @@ var k = {
     x: e.x,
     y: e.y + e.height
   }
-], t), it = (e, t) => {
-  const r = T(e.from, t), o = T(e.to, t);
+], t), st = (e, t) => {
+  const r = B(e.from, t), o = B(e.to, t);
   return `M${r.x},${r.y}L${o.x},${o.y}`;
-}, ut = ({ layer: e, coordSystem: t, panelRect: r, styleReaders: o }) => {
-  const n = E(t), { boxes: a, outliers: s } = I(e.data, n), i = a.map((c) => {
+}, it = ({ layer: e, coordSystem: t, panelRect: r, styleReaders: o }) => {
+  const n = E(t), { boxes: a, outliers: s } = I(e.data, n), l = a.map((c) => {
     const f = ue(c, n);
     return f !== null ? {
       kind: "region",
-      pathData: X(f, r)
+      pathData: H(f, r)
     } : {
       kind: "region",
-      pathData: lt(ie(c, n), r)
+      pathData: at(le(c, n), r)
     };
-  }), u = o.part("whisker"), l = o.part("cap"), h = a.flatMap((c) => de(c, n).flatMap((f) => [{
+  }), u = o.part("whisker"), i = o.part("cap"), h = a.flatMap((c) => de(c, n).flatMap((f) => [{
     segment: f.stem,
     readers: u
   }, {
     segment: f.cap,
-    readers: l
+    readers: i
   }].flatMap(({ segment: W, readers: L }) => {
     const O = L?.get("strokeWidth", c.observation) ?? 0;
     return O > 0 ? [{
       kind: "stroke",
-      pathData: it(W, r),
+      pathData: st(W, r),
       width: O
     }] : [];
   }))), p = o.part("outlier"), g = p === void 0 ? [] : s.map((c) => ({
-    center: T(v(n, c.band, c.value), r),
+    center: B(v(n, {
+      main: c.band,
+      cross: c.value
+    }), r),
     size: J(p, c.observation)
   })), d = o.part("mean"), m = d === void 0 ? [] : a.flatMap((c) => {
     const f = ce(c, n);
     return f === null ? [] : [{
-      center: T(f, r),
+      center: B(f, r),
       size: J(d, c.observation)
     }];
   }), w = Se([...g, ...m]);
   return [
     ...h,
-    ...i,
+    ...l,
     ...w
   ];
-}, J = (e, t) => (e.get("size", t) ?? 0) + (e.get("strokeWidth", t) ?? 0), H = (e) => {
-  const t = Oe(e.data, e.mapping, e.id), r = V(e.mapping.outlier), o = (n) => `${t(n.observation)}-outlier-${String(r === null ? n.value : n.observation[r])}`;
+}, J = (e, t) => (e.get("size", t) ?? 0) + (e.get("strokeWidth", t) ?? 0), X = (e) => {
+  const t = Ie(e.data, e.mapping, e.id), r = N(e.mapping.outlier), o = (n) => `${t(n.observation)}-outlier-${String(r === null ? n.value : n.observation[r])}`;
   return {
     readBoxKey: t,
     readOutlierKeys: (n) => {
       const a = /* @__PURE__ */ new Map();
       return n.map((s) => {
-        const i = o(s), u = a.get(i) ?? 0;
-        return a.set(i, u + 1), u === 0 ? i : `${i}-${u}`;
+        const l = o(s), u = a.get(l) ?? 0;
+        return a.set(l, u + 1), u === 0 ? l : `${l}-${u}`;
       });
     }
   };
-}, ct = (e, t, r) => {
-  const o = e.data.getVariableNames(), n = (s) => JSON.stringify(o.map((i) => s.observation[i] ?? null)), a = new Set(r.map(n));
+}, lt = (e, t, r) => {
+  const o = e.data.getVariableNames(), n = (s) => JSON.stringify(o.map((l) => s.observation[l] ?? null)), a = new Set(r.map(n));
   return t.filter((s) => a.has(n(s)));
 }, pe = (e, t, r) => {
   const o = new Set(t.map((n) => r(n.observation)));
   return e.filter((n) => o.has(r(n.observation)));
-}, z = ({ boxes: e, outliers: t, mainAxis: r, panelSize: o, source: n, styleReaders: a, keys: s, hovered: i, animateTransitions: u = !1 }) => {
-  const l = i === void 0 ? void 0 : "hovered", h = a.part("whisker"), p = a.part("cap"), g = a.part("median"), d = a.part("mean"), m = a.part("outlier"), w = s.readOutlierKeys(t);
-  return /* @__PURE__ */ Ne(Ve, { children: [
+}, z = ({ boxes: e, outliers: t, mainAxis: r, panelSize: o, source: n, styleReaders: a, keys: s, hovered: l, animateTransitions: u = !1 }) => {
+  const i = l === void 0 ? void 0 : "hovered", h = a.part("whisker"), p = a.part("cap"), g = a.part("median"), d = a.part("mean"), m = a.part("outlier"), w = s.readOutlierKeys(t);
+  return /* @__PURE__ */ qe(_e, { children: [
     e.flatMap((c) => de(c, r).flatMap((f) => [{
       piece: "stem",
       testId: "boxplot-whisker",
@@ -663,28 +714,28 @@ var k = {
       segment: f[W],
       observation: c.observation,
       readers: O,
-      state: l,
+      state: i,
       animateTransitions: u
     }, `${s.readBoxKey(c.observation)}-${f.side}-${W}`)))),
     /* @__PURE__ */ y(ye, {
       styleReaders: a,
-      state: l,
-      children: e.map((c) => /* @__PURE__ */ y(ht, {
+      state: i,
+      children: e.map((c) => /* @__PURE__ */ y(ut, {
         box: c,
         mainAxis: r,
         panelSize: o,
         source: n,
         styleReaders: a,
-        state: l,
+        state: i,
         animateTransitions: u
       }, s.readBoxKey(c.observation)))
     }),
     g && e.map((c) => /* @__PURE__ */ y(ee, {
       testId: "boxplot-median",
-      segment: st(c, r),
+      segment: nt(c, r),
       observation: c.observation,
       readers: g,
-      state: l,
+      state: i,
       animateTransitions: u
     }, s.readBoxKey(c.observation))),
     d && e.map((c) => {
@@ -694,39 +745,42 @@ var k = {
         centre: f,
         observation: c.observation,
         readers: d,
-        state: l,
+        state: i,
         animateTransitions: u
       }, s.readBoxKey(c.observation));
     }),
     m && t.map((c, f) => /* @__PURE__ */ y(te, {
       testId: "boxplot-outlier",
-      centre: v(r, c.band, c.value),
+      centre: v(r, {
+        main: c.band,
+        cross: c.value
+      }),
       observation: c.observation,
       readers: m,
-      state: l,
+      state: i,
       animateTransitions: u
     }, w[f]))
   ] });
 }, ee = ({ testId: e, segment: t, observation: r, readers: o, state: n, animateTransitions: a }) => {
-  const s = o.get("strokeWidth", r, n) ?? 0, i = o.get("stroke", r, n);
+  const s = o.get("strokeWidth", r, n) ?? 0, l = o.get("stroke", r, n);
   return /* @__PURE__ */ y(fe, {
     "data-testid": e,
     x1: x(t.from.x),
     y1: x(t.from.y),
     x2: x(t.to.x),
     y2: x(t.to.y),
-    stroke: i === void 0 ? void 0 : B(i),
+    stroke: l === void 0 ? void 0 : T(l),
     strokeOpacity: o.get("alpha", r, n),
     strokeWidth: s,
-    strokeDasharray: _e(o.get("dashArray", r, n), s),
+    strokeDasharray: Be(o.get("dashArray", r, n), s),
     animateTransitions: a
   });
-}, ht = ({ box: e, mainAxis: t, panelSize: r, source: o, styleReaders: n, state: a, animateTransitions: s }) => {
-  const i = n.get("fill", e.observation, a), u = n.get("stroke", e.observation, a), l = {
-    fill: i === void 0 ? void 0 : B(i),
+}, ut = ({ box: e, mainAxis: t, panelSize: r, source: o, styleReaders: n, state: a, animateTransitions: s }) => {
+  const l = n.get("fill", e.observation, a), u = n.get("stroke", e.observation, a), i = {
+    fill: l === void 0 ? void 0 : T(l),
     opacity: n.get("alpha", e.observation, a),
     fillOpacity: n.get("fillAlpha", e.observation, a),
-    stroke: u === void 0 ? void 0 : B(u),
+    stroke: u === void 0 ? void 0 : T(u),
     strokeOpacity: n.get("strokeAlpha", e.observation, a),
     strokeWidth: n.get("strokeWidth", e.observation, a),
     effects: Te(n, e.observation, a),
@@ -734,11 +788,11 @@ var k = {
   }, h = ue(e, t);
   if (h !== null) return /* @__PURE__ */ y(ke, {
     "data-testid": "boxplot-box",
-    d: X(h, r),
+    d: H(h, r),
     source: o,
-    ...l
+    ...i
   });
-  const p = ie(e, t);
+  const p = le(e, t);
   return /* @__PURE__ */ y(we, {
     "data-testid": "boxplot-box",
     x: x(p.x),
@@ -746,28 +800,28 @@ var k = {
     width: x(p.width),
     height: x(p.height),
     cornerRadius: n.get("cornerRadius", e.observation, a),
-    ...l
+    ...i
   });
 }, te = ({ testId: e, centre: t, observation: r, readers: o, state: n, animateTransitions: a }) => {
-  const s = o.get("fill", r, n), i = o.get("stroke", r, n);
+  const s = o.get("fill", r, n), l = o.get("stroke", r, n);
   return /* @__PURE__ */ y(ge, {
     "data-testid": e,
     cx: x(t.x),
     cy: x(t.y),
     r: (o.get("size", r, n) ?? 0) / 2,
-    fill: s === void 0 ? void 0 : B(s),
+    fill: s === void 0 ? void 0 : T(s),
     opacity: o.get("alpha", r, n),
     fillOpacity: o.get("fillAlpha", r, n),
-    stroke: i === void 0 ? void 0 : B(i),
+    stroke: l === void 0 ? void 0 : T(l),
     strokeWidth: o.get("strokeWidth", r, n),
     symbol: o.get("symbol", r, n),
     animateTransitions: a
   });
-}, dt = ({ layer: e, sourceLayer: t, mainAxis: r, styleReaders: o }) => {
-  const n = F(), a = S(() => H(t), [t]), s = S(() => I(t.data, r).outliers, [t.data, r]), { boxes: i, outliers: u } = S(() => {
-    const l = I(e.data, r), h = new Set(ct(t, s, l.outliers)), p = new Set(pe(s, l.boxes, a.readBoxKey)), g = s.filter((d) => p.has(d) || h.has(d));
+}, ct = ({ layer: e, sourceLayer: t, mainAxis: r, styleReaders: o }) => {
+  const n = F(), a = S(() => X(t), [t]), s = S(() => I(t.data, r).outliers, [t.data, r]), { boxes: l, outliers: u } = S(() => {
+    const i = I(e.data, r), h = new Set(lt(t, s, i.outliers)), p = new Set(pe(s, i.boxes, a.readBoxKey)), g = s.filter((d) => p.has(d) || h.has(d));
     return {
-      boxes: l.boxes,
+      boxes: i.boxes,
       outliers: g
     };
   }, [
@@ -778,7 +832,7 @@ var k = {
     a
   ]);
   return /* @__PURE__ */ y(z, {
-    boxes: i,
+    boxes: l,
     outliers: u,
     mainAxis: r,
     panelSize: n,
@@ -786,13 +840,13 @@ var k = {
     styleReaders: o,
     keys: a
   });
-}, pt = ({ layer: e, primary: t, mainAxis: r, styleReaders: o }) => {
-  const n = F(), a = S(() => I(e.data, r).outliers, [e.data, r]), s = S(() => H(e), [e]), { boxes: i, outliers: u } = I([t.observation], r);
+}, ht = ({ layer: e, primary: t, mainAxis: r, styleReaders: o }) => {
+  const n = F(), a = S(() => I(e.data, r).outliers, [e.data, r]), s = S(() => X(e), [e]), { boxes: l, outliers: u } = I([t.observation], r);
   return /* @__PURE__ */ y("g", {
     "data-testid": "hovered-boxes",
     children: /* @__PURE__ */ y(z, {
-      boxes: i,
-      outliers: i.length > 0 ? pe(a, i, s.readBoxKey) : u,
+      boxes: l,
+      outliers: l.length > 0 ? pe(a, l, s.readBoxKey) : u,
       mainAxis: r,
       panelSize: n,
       source: e,
@@ -801,15 +855,15 @@ var k = {
       hovered: t.observation
     })
   });
-}, mt = ({ layer: e, mainAxis: t, styleReaders: r, animateTransitions: o, intro: n }) => {
-  const a = F(), { boxes: s, outliers: i } = S(() => I(e.data, t), [e.data, t]), u = /* @__PURE__ */ y(z, {
+}, dt = ({ layer: e, mainAxis: t, styleReaders: r, animateTransitions: o, intro: n }) => {
+  const a = F(), { boxes: s, outliers: l } = S(() => I(e.data, t), [e.data, t]), u = /* @__PURE__ */ y(z, {
     boxes: s,
-    outliers: i,
+    outliers: l,
     mainAxis: t,
     panelSize: a,
     source: e,
     styleReaders: r,
-    keys: S(() => H(e), [e]),
+    keys: S(() => X(e), [e]),
     animateTransitions: o
   });
   return n == null ? u : /* @__PURE__ */ y(xe, {
@@ -820,34 +874,34 @@ var k = {
     },
     children: u
   });
-}, yt = be(new Ze(), {
+}, gt = Oe(new Ye(), {
   coord: "cartesian",
   swatchShape: "square",
   overpaintPlacement: "manual",
   guideMode: "band",
-  render: ({ layer: e, coordSystem: t, styleReaders: r, animateTransitions: o, intro: n }) => /* @__PURE__ */ y(mt, {
+  render: ({ layer: e, coordSystem: t, styleReaders: r, animateTransitions: o, intro: n }) => /* @__PURE__ */ y(dt, {
     layer: e,
     mainAxis: E(t),
     styleReaders: r,
     animateTransitions: o,
     intro: n
   }),
-  renderHighlight: ({ layer: e, sourceLayer: t, coordSystem: r, styleReaders: o }) => /* @__PURE__ */ y(dt, {
+  renderHighlight: ({ layer: e, sourceLayer: t, coordSystem: r, styleReaders: o }) => /* @__PURE__ */ y(ct, {
     layer: e,
     sourceLayer: t,
     mainAxis: E(r),
     styleReaders: o
   }),
-  renderHover: ({ layer: e, primary: t, coordSystem: r, styleReaders: o }) => /* @__PURE__ */ y(pt, {
+  renderHover: ({ layer: e, primary: t, coordSystem: r, styleReaders: o }) => /* @__PURE__ */ y(ht, {
     layer: e,
     primary: t,
     mainAxis: E(r),
     styleReaders: o
   }),
-  getEditOutlineShapes: ut
+  getEditOutlineShapes: it
 });
 export {
   k as BOXPLOT_VARIABLES,
-  Ze as BoxplotGeom,
-  yt as boxplot
+  Ye as BoxplotGeom,
+  gt as boxplot
 };

package/dist/renderer/utils/box-geometry.d.ts

@@ -32,5 +32,3 @@ export declare const readMedianSegment: (box: Box, mainAxis: MainAxis) => ViewBo
 export declare const readMeanPoint: (box: Box, mainAxis: MainAxis) => XYPoint | null;
 /** The whiskers that reach past the box; one that ends on its quartile draws nothing. */
 export declare const readWhiskers: (box: Box, mainAxis: MainAxis) => Whisker[];
-/** A point placed by its main-axis and value-axis fractions, in the view box. */
-export declare const toViewBox: (mainAxis: MainAxis, main: number, cross: number) => XYPoint;

package/dist/utils/read-boxplot.d.ts

@@ -18,7 +18,7 @@ export interface Box {
         upper: number;
     } | null;
 }
-/** A value past its box's whiskers, standing on the box's centre line. */
+/** A value past its box's whiskers, standing on the box's center line. */
 export interface Outlier {
     observation: Observation;
     /** The centre of its box's share of the band. */
@@ -29,7 +29,7 @@ export interface Boxplot {
     boxes: Box[];
     outliers: Outlier[];
 }
-/** The centre line a box's whiskers and outliers stand on. */
+/** The center line a box's whiskers and outliers stand on. */
 export declare const readBoxCentre: (box: Pick<Box, "start" | "end">) => number;
 /**
  * Reads where a box sits. The flip is already baked into the position columns, so under `coord.flip()` the

package/package.json

@@ -13,7 +13,7 @@
     "boxplot",
     "box-plot"
   ],
-  "version": "0.1.1-beta.1794327284843",
+  "version": "0.1.1-beta.1794395798194",
   "type": "module",
   "sideEffects": false,
   "types": "./dist/index.d.ts",
@@ -32,7 +32,7 @@
   },
   "peerDependencies": {
     "react": "^19.0.0",
-    "@graphysdk/react": "^1.9.0-beta.1794327284843"
+    "@graphysdk/react": "^1.9.0-beta.1794395798194"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.1",
@@ -44,8 +44,8 @@
     "vite": "^8.1.5",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.11",
-    "@graphysdk/react": "1.9.0-beta.1794327284843",
-    "@graphysdk/viz-engine": "1.9.0-beta.1794327284843",
+    "@graphysdk/react": "1.9.0-beta.1794395798194",
+    "@graphysdk/viz-engine": "1.9.0-beta.1794395798194",
     "@graphytools/eslint-config": "0.0.1",
     "@graphytools/typescript-config": "0.0.1",
     "@graphytools/vitest-config": "1.0.0"