@tetrascience-npm/tetrascience-react-ui 0.7.0-beta.108.1 → 0.7.0-beta.129.1

package/dist/components/charts/ChromatogramChart/peakDetection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"peakDetection.js","sources":["../../../../src/components/charts/ChromatogramChart/peakDetection.ts"],"sourcesContent":["/**\n * Peak detection algorithms for ChromatogramChart\n */\n\nimport type { PeakAnnotation, PeakDetectionOptions } from \"./types\";\n\n/**\n * Calculate prominence of a peak (how much it stands out from neighbors)\n */\nexport function calculateProminence(\n  y: number[],\n  peakIndex: number,\n  searchWindow: number\n): number {\n  let leftMin = y[peakIndex];\n  let rightMin = y[peakIndex];\n\n  for (let j = peakIndex - 1; j >= Math.max(0, peakIndex - searchWindow); j--) {\n    leftMin = Math.min(leftMin, y[j]);\n  }\n  for (\n    let j = peakIndex + 1;\n    j < Math.min(y.length, peakIndex + searchWindow);\n    j++\n  ) {\n    rightMin = Math.min(rightMin, y[j]);\n  }\n\n  return y[peakIndex] - Math.max(leftMin, rightMin);\n}\n\n/**\n * Find peak boundary indices by walking outward from peak\n */\nexport function findPeakBoundaries(\n  y: number[],\n  peakIndex: number\n): { startIndex: number; endIndex: number } {\n  let startIndex = peakIndex;\n  let endIndex = peakIndex;\n\n  // Walk left to find start\n  for (let j = peakIndex - 1; j >= 0; j--) {\n    if (y[j] <= y[j + 1]) {\n      startIndex = j;\n    } else {\n      break;\n    }\n  }\n\n  // Walk right to find end\n  for (let j = peakIndex + 1; j < y.length; j++) {\n    if (y[j] <= y[j - 1]) {\n      endIndex = j;\n    } else {\n      break;\n    }\n  }\n\n  return { startIndex, endIndex };\n}\n\n/**\n * Calculate peak area using trapezoidal integration\n */\nexport function calculatePeakArea(\n  x: number[],\n  y: number[],\n  startIndex: number,\n  endIndex: number\n): number {\n  const baselineY = Math.min(y[startIndex], y[endIndex]);\n  let area = 0;\n\n  for (let j = startIndex; j < endIndex; j++) {\n    const h = x[j + 1] - x[j];\n    const y1 = y[j] - baselineY;\n    const y2 = y[j + 1] - baselineY;\n    area += ((y1 + y2) * h) / 2;\n  }\n\n  return area;\n}\n\n/**\n * Calculate width at half maximum of a peak\n */\nexport function calculateWidthAtHalfMax(\n  x: number[],\n  y: number[],\n  peakIndex: number,\n  startIndex: number,\n  endIndex: number\n): number {\n  const baselineY = Math.min(y[startIndex], y[endIndex]);\n  const halfMax = (y[peakIndex] + baselineY) / 2;\n  let leftHalf = peakIndex;\n  let rightHalf = peakIndex;\n\n  for (let j = peakIndex; j >= startIndex; j--) {\n    if (y[j] < halfMax) {\n      leftHalf = j;\n      break;\n    }\n  }\n  for (let j = peakIndex; j <= endIndex; j++) {\n    if (y[j] < halfMax) {\n      rightHalf = j;\n      break;\n    }\n  }\n\n  return x[rightHalf] - x[leftHalf];\n}\n\n/**\n * Filter peaks by minimum distance, keeping more intense peaks\n */\nexport function filterPeaksByDistance(\n  peaks: PeakAnnotation[],\n  minDistance: number\n): PeakAnnotation[] {\n  const filtered: PeakAnnotation[] = [];\n\n  for (const peak of peaks) {\n    const tooClose = filtered.some(\n      (p) => Math.abs((p._computed?.index ?? 0) - (peak._computed?.index ?? 0)) < minDistance\n    );\n    if (!tooClose) {\n      filtered.push(peak);\n    } else if (\n      filtered.length > 0 &&\n      peak.y > filtered[filtered.length - 1].y\n    ) {\n      filtered.pop();\n      filtered.push(peak);\n    }\n  }\n\n  return filtered.sort((a, b) => a.x - b.x);\n}\n\n/**\n * Detect peaks in signal data using derivative analysis.\n *\n * Default parameters are tuned for typical HPLC chromatograms:\n * - minHeight (0.05 = 5%): Filters noise while detecting small peaks\n * - minDistance (5 points): Prevents detecting noise as multiple peaks\n * - prominence (0.02 = 2%): Ensures peaks stand out from baseline/shoulders\n */\nexport function detectPeaks(\n  x: number[],\n  y: number[],\n  options: PeakDetectionOptions = {}\n): PeakAnnotation[] {\n  const {\n    minHeight = 0.05,\n    minDistance = 5,\n    prominence = 0.02,\n    relativeThreshold = true,\n  } = options;\n\n  if (y.length < 3) return [];\n\n  const maxY = Math.max(...y);\n  const threshold = relativeThreshold ? minHeight * maxY : minHeight;\n  const prominenceThreshold = relativeThreshold ? prominence * maxY : prominence;\n  const searchWindow = minDistance * 3;\n\n  const peaks: PeakAnnotation[] = [];\n\n  // Find local maxima\n  for (let i = 1; i < y.length - 1; i++) {\n    const isLocalMax =\n      y[i] > y[i - 1] && y[i] > y[i + 1] && y[i] >= threshold;\n    if (!isLocalMax) continue;\n\n    const peakProminence = calculateProminence(y, i, searchWindow);\n    if (peakProminence < prominenceThreshold) continue;\n\n    const { startIndex, endIndex } = findPeakBoundaries(y, i);\n    const area = calculatePeakArea(x, y, startIndex, endIndex);\n    const widthAtHalfMax = calculateWidthAtHalfMax(\n      x,\n      y,\n      i,\n      startIndex,\n      endIndex\n    );\n\n    peaks.push({\n      x: x[i],\n      y: y[i],\n      _computed: {\n        area,\n        index: i,\n        startIndex,\n        endIndex,\n        widthAtHalfMax,\n      },\n    });\n  }\n\n  return filterPeaksByDistance(peaks, minDistance);\n}\n\n"],"names":["calculateProminence","y","peakIndex","searchWindow","leftMin","rightMin","j","findPeakBoundaries","startIndex","endIndex","calculatePeakArea","x","baselineY","area","h","y1","y2","calculateWidthAtHalfMax","halfMax","leftHalf","rightHalf","filterPeaksByDistance","peaks","minDistance","filtered","peak","p","a","b","detectPeaks","options","minHeight","prominence","relativeThreshold","maxY","threshold","prominenceThreshold","i","widthAtHalfMax"],"mappings":"AASO,SAASA,EACdC,GACAC,GACAC,GACQ;AACR,MAAIC,IAAUH,EAAEC,CAAS,GACrBG,IAAWJ,EAAEC,CAAS;AAE1B,WAASI,IAAIJ,IAAY,GAAGI,KAAK,KAAK,IAAI,GAAGJ,IAAYC,CAAY,GAAGG;AACtE,IAAAF,IAAU,KAAK,IAAIA,GAASH,EAAEK,CAAC,CAAC;AAElC,WACMA,IAAIJ,IAAY,GACpBI,IAAI,KAAK,IAAIL,EAAE,QAAQC,IAAYC,CAAY,GAC/CG;AAEA,IAAAD,IAAW,KAAK,IAAIA,GAAUJ,EAAEK,CAAC,CAAC;AAGpC,SAAOL,EAAEC,CAAS,IAAI,KAAK,IAAIE,GAASC,CAAQ;AAClD;AAKO,SAASE,EACdN,GACAC,GAC0C;AAC1C,MAAIM,IAAaN,GACbO,IAAWP;AAGf,WAASI,IAAIJ,IAAY,GAAGI,KAAK,KAC3BL,EAAEK,CAAC,KAAKL,EAAEK,IAAI,CAAC,GADeA;AAEhC,IAAAE,IAAaF;AAOjB,WAASA,IAAIJ,IAAY,GAAGI,IAAIL,EAAE,UAC5BA,EAAEK,CAAC,KAAKL,EAAEK,IAAI,CAAC,GADqBA;AAEtC,IAAAG,IAAWH;AAMf,SAAO,EAAE,YAAAE,GAAY,UAAAC,EAAA;AACvB;AAKO,SAASC,EACdC,GACAV,GACAO,GACAC,GACQ;AACR,QAAMG,IAAY,KAAK,IAAIX,EAAEO,CAAU,GAAGP,EAAEQ,CAAQ,CAAC;AACrD,MAAII,IAAO;AAEX,WAASP,IAAIE,GAAYF,IAAIG,GAAUH,KAAK;AAC1C,UAAMQ,IAAIH,EAAEL,IAAI,CAAC,IAAIK,EAAEL,CAAC,GAClBS,IAAKd,EAAEK,CAAC,IAAIM,GACZI,IAAKf,EAAEK,IAAI,CAAC,IAAIM;AACtB,IAAAC,MAAUE,IAAKC,KAAMF,IAAK;AAAA,EAC5B;AAEA,SAAOD;AACT;AAKO,SAASI,EACdN,GACAV,GACAC,GACAM,GACAC,GACQ;AACR,QAAMG,IAAY,KAAK,IAAIX,EAAEO,CAAU,GAAGP,EAAEQ,CAAQ,CAAC,GAC/CS,KAAWjB,EAAEC,CAAS,IAAIU,KAAa;AAC7C,MAAIO,IAAWjB,GACXkB,IAAYlB;AAEhB,WAASI,IAAIJ,GAAWI,KAAKE,GAAYF;AACvC,QAAIL,EAAEK,CAAC,IAAIY,GAAS;AAClB,MAAAC,IAAWb;AACX;AAAA,IACF;AAEF,WAASA,IAAIJ,GAAWI,KAAKG,GAAUH;AACrC,QAAIL,EAAEK,CAAC,IAAIY,GAAS;AAClB,MAAAE,IAAYd;AACZ;AAAA,IACF;AAGF,SAAOK,EAAES,CAAS,IAAIT,EAAEQ,CAAQ;AAClC;AAKO,SAASE,EACdC,GACAC,GACkB;AAClB,QAAMC,IAA6B,CAAA;AAEnC,aAAWC,KAAQH;AAIjB,IAHiBE,EAAS;AAAA,MACxB,CAACE,MAAM,KAAK,KAAKA,EAAE,WAAW,SAAS,MAAMD,EAAK,WAAW,SAAS,EAAE,IAAIF;AAAA,IAAA,IAK5EC,EAAS,SAAS,KAClBC,EAAK,IAAID,EAASA,EAAS,SAAS,CAAC,EAAE,MAEvCA,EAAS,IAAA,GACTA,EAAS,KAAKC,CAAI,KANlBD,EAAS,KAAKC,CAAI;AAUtB,SAAOD,EAAS,KAAK,CAACG,GAAGC,MAAMD,EAAE,IAAIC,EAAE,CAAC;AAC1C;AAUO,SAASC,EACdlB,GACAV,GACA6B,IAAgC,CAAA,GACd;AAClB,QAAM;AAAA,IACJ,WAAAC,IAAY;AAAA,IACZ,aAAAR,IAAc;AAAA,IACd,YAAAS,IAAa;AAAA,IACb,mBAAAC,IAAoB;AAAA,EAAA,IAClBH;AAEJ,MAAI7B,EAAE,SAAS,EAAG,QAAO,CAAA;AAEzB,QAAMiC,IAAO,KAAK,IAAI,GAAGjC,CAAC,GACpBkC,IAAYF,IAAoBF,IAAYG,IAAOH,GACnDK,IAAsBH,IAAoBD,IAAaE,IAAOF,GAC9D7B,IAAeoB,IAAc,GAE7BD,IAA0B,CAAA;AAGhC,WAASe,IAAI,GAAGA,IAAIpC,EAAE,SAAS,GAAGoC,KAAK;AAMrC,QAHI,EADFpC,EAAEoC,CAAC,IAAIpC,EAAEoC,IAAI,CAAC,KAAKpC,EAAEoC,CAAC,IAAIpC,EAAEoC,IAAI,CAAC,KAAKpC,EAAEoC,CAAC,KAAKF,MAGzBnC,EAAoBC,GAAGoC,GAAGlC,CAAY,IACxCiC,EAAqB;AAE1C,UAAM,EAAE,YAAA5B,GAAY,UAAAC,EAAA,IAAaF,EAAmBN,GAAGoC,CAAC,GAClDxB,IAAOH,EAAkBC,GAAGV,GAAGO,GAAYC,CAAQ,GACnD6B,IAAiBrB;AAAA,MACrBN;AAAA,MACAV;AAAA,MACAoC;AAAA,MACA7B;AAAA,MACAC;AAAA,IAAA;AAGF,IAAAa,EAAM,KAAK;AAAA,MACT,GAAGX,EAAE0B,CAAC;AAAA,MACN,GAAGpC,EAAEoC,CAAC;AAAA,MACN,WAAW;AAAA,QACT,MAAAxB;AAAA,QACA,OAAOwB;AAAA,QACP,YAAA7B;AAAA,QACA,UAAAC;AAAA,QACA,gBAAA6B;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH;AAEA,SAAOjB,EAAsBC,GAAOC,CAAW;AACjD;"}

package/dist/components/charts/ChromatogramChart/plotBuilder.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("plotly.js-dist"),g=require("../../../utils/colors.cjs"),k=require("./boundaryMarkers.cjs"),l=require("./constants.cjs"),x=require("./dataProcessing.cjs"),y=require("./regionOverlays.cjs");function C(n){const{processedSeries:r,processedAnnotations:a,allDetectedPeaks:u,allPeaksForInteraction:s,showMarkers:d,markerSize:p,xAxisTitle:A,yAxisTitle:i,boundaryMarkers:h}=n,T=r.map((t,c)=>{const e=t.color||g.CHART_COLORS[c%g.CHART_COLORS.length],f=x.buildHoverExtraContent(t.name,t.metadata),o={x:t.x,y:t.y,type:"scatter",mode:d?"lines+markers":"lines",name:t.name,line:{color:e,width:l.CHROMATOGRAM_TRACE.BASE_LINE_WIDTH},hovertemplate:`%{x:.2f} ${A}<br>%{y:.2f} ${i}<extra>${f}</extra>`};return d&&(o.marker={size:p,color:e}),o});if(h!=="none"){const t=x.collectPeaksWithBoundaryData(u,a,r);t.length>0&&T.push(...k.createBoundaryMarkerTraces(t))}if(a.forEach(t=>{t.regionOverlay&&r[0]&&T.push(...y.createRegionOverlayTraces([t],0,r[0]))}),u.forEach(({peaks:t,seriesIndex:c})=>{t.some(e=>e.regionOverlay)&&r[c]&&T.push(...y.createRegionOverlayTraces(t,c,r[c]))}),s.length>0){const t=s.some(e=>e.peak.hoverText),c={x:s.map(e=>e.peak.x),y:s.map(e=>e.peak.y),type:"scatter",mode:"markers",marker:{size:14,opacity:0},showlegend:!1,name:"",customdata:s.map(e=>({id:e.peak.id,peak:e.peak,seriesIndex:e.seriesIndex,seriesName:e.seriesName,isAutoDetected:e.isAutoDetected})),...t?{hovertemplate:s.map(e=>e.peak.hoverText?`${e.peak.hoverText}<extra></extra>`:"<extra></extra>")}:{hovertemplate:"<extra></extra>"}};T.push(c)}return T}function M(n){const{title:r,titleFontSize:a,titleTopMargin:u,width:s,height:d,xAxisTitle:p,yAxisTitle:A,xRange:i,yRange:h,showLegend:T,seriesCount:t,showGridX:c,showGridY:e,showCrosshairs:f,theme:o,peakAnnotations:O}=n;return{title:r?{text:r,font:{size:a,family:"Inter, sans-serif",color:o.textColor}}:void 0,width:s,height:d,margin:{l:l.CHROMATOGRAM_LAYOUT.MARGIN_LEFT,r:l.CHROMATOGRAM_LAYOUT.MARGIN_RIGHT,b:l.CHROMATOGRAM_LAYOUT.MARGIN_BOTTOM,t:r?u??l.CHROMATOGRAM_LAYOUT.MARGIN_TOP_WITH_TITLE:l.CHROMATOGRAM_LAYOUT.MARGIN_TOP_NO_TITLE,pad:l.CHROMATOGRAM_LAYOUT.MARGIN_PAD},paper_bgcolor:o.paperBg,plot_bgcolor:o.plotBg,font:{family:"Inter, sans-serif"},hovermode:f?"x":"x unified",dragmode:"zoom",xaxis:{title:{text:p,font:{size:14,color:o.textSecondary,family:"Inter, sans-serif"},standoff:15},showgrid:c,gridcolor:o.gridColor,linecolor:o.lineColor,linewidth:1,range:i,autorange:!i,zeroline:!1,tickfont:{size:12,color:o.textColor,family:"Inter, sans-serif"},showspikes:f,spikemode:"across",spikesnap:"cursor",spikecolor:o.spikeColor,spikethickness:1,spikedash:"dot"},yaxis:{title:{text:A,font:{size:14,color:o.textSecondary,family:"Inter, sans-serif"},standoff:10},showgrid:e,gridcolor:o.gridColor,linecolor:o.lineColor,linewidth:1,range:h,autorange:!h,zeroline:!1,tickfont:{size:12,color:o.textColor,family:"Inter, sans-serif"},showspikes:f,spikemode:"across",spikesnap:"cursor",spikecolor:o.spikeColor,spikethickness:1,spikedash:"dot"},legend:{x:.5,y:-.15,xanchor:"center",yanchor:"top",orientation:"h",font:{size:12,color:o.textColor,family:"Inter, sans-serif"}},showlegend:T&&t>1,annotations:O}}function R(n){const{showExportButton:r,width:a,height:u}=n;return{responsive:!0,displayModeBar:!0,displaylogo:!1,modeBarButtonsToRemove:["lasso2d","select2d",...r?[]:["toImage"]],...r&&{toImageButtonOptions:{format:"png",filename:"chromatogram",width:a,height:u}}}}function _(n,r,a,u,s){return d=>{const p=d.points[0];if(p&&p.curveNumber<r){const i=p.curveNumber;a.current!==i&&(a.current!==null&&m.restyle(n,{"line.width":l.CHROMATOGRAM_TRACE.BASE_LINE_WIDTH},[a.current]),m.restyle(n,{"line.width":l.CHROMATOGRAM_TRACE.BASE_LINE_WIDTH*s},[i]),a.current=i)}const A=d.points.find(i=>i.customdata!=null);A&&u.current?.(A.customdata)}}function I(n,r,a){return()=>{a.current?.(null),r.current!==null&&(m.restyle(n,{"line.width":l.CHROMATOGRAM_TRACE.BASE_LINE_WIDTH},[r.current]),r.current=null)}}exports.buildConfig=R;exports.buildLayout=M;exports.buildTraceData=C;exports.createHoverHandler=_;exports.createUnhoverHandler=I;
-//# sourceMappingURL=plotBuilder.cjs.map

package/dist/components/charts/ChromatogramChart/plotBuilder.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"plotBuilder.cjs","sources":["../../../../src/components/charts/ChromatogramChart/plotBuilder.ts"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\n\nimport { CHART_COLORS } from \"../../../utils/colors\";\n\nimport { createBoundaryMarkerTraces } from \"./boundaryMarkers\";\nimport { CHROMATOGRAM_LAYOUT, CHROMATOGRAM_TRACE } from \"./constants\";\nimport { buildHoverExtraContent, collectPeaksWithBoundaryData } from \"./dataProcessing\";\nimport { createRegionOverlayTraces } from \"./regionOverlays\";\n\nimport type { ChromatogramSeries, PeakAnnotation, BoundaryMarkerStyle, PeakSelectEvent } from \"./types\";\nimport type { PlotlyThemeColors } from \"@/hooks/use-plotly-theme\";\n\ntype PeakForInteraction = {\n  peak: PeakAnnotation & { id: string };\n  seriesIndex: number;\n  seriesName: string;\n  isAutoDetected: boolean;\n};\n\ntype BuildTraceDataParams = {\n  processedSeries: ChromatogramSeries[];\n  processedAnnotations: PeakAnnotation[];\n  allDetectedPeaks: { peaks: PeakAnnotation[]; seriesIndex: number }[];\n  allPeaksForInteraction: PeakForInteraction[];\n  showMarkers: boolean;\n  markerSize: number;\n  xAxisTitle: string;\n  yAxisTitle: string;\n  boundaryMarkers: BoundaryMarkerStyle;\n};\n\ntype BuildLayoutParams = {\n  title?: string;\n  titleFontSize: number;\n  titleTopMargin?: number;\n  width: number;\n  height: number;\n  xAxisTitle: string;\n  yAxisTitle: string;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  showLegend: boolean;\n  seriesCount: number;\n  showGridX: boolean;\n  showGridY: boolean;\n  showCrosshairs: boolean;\n  theme: PlotlyThemeColors;\n  peakAnnotations: Partial<Plotly.Annotations>[];\n};\n\ntype BuildConfigParams = {\n  showExportButton: boolean;\n  width: number;\n  height: number;\n};\n\nexport type { PeakForInteraction, BuildTraceDataParams, BuildLayoutParams, BuildConfigParams };\n\nexport function buildTraceData(params: BuildTraceDataParams): Plotly.Data[] {\n  const {\n    processedSeries,\n    processedAnnotations,\n    allDetectedPeaks,\n    allPeaksForInteraction,\n    showMarkers,\n    markerSize,\n    xAxisTitle,\n    yAxisTitle,\n    boundaryMarkers,\n  } = params;\n\n  const plotData: Plotly.Data[] = processedSeries.map((s, index) => {\n    const traceColor = s.color || CHART_COLORS[index % CHART_COLORS.length];\n    const extraContent = buildHoverExtraContent(s.name, s.metadata);\n\n    const trace: Plotly.Data = {\n      x: s.x,\n      y: s.y,\n      type: \"scatter\" as const,\n      mode: showMarkers ? (\"lines+markers\" as const) : (\"lines\" as const),\n      name: s.name,\n      line: {\n        color: traceColor,\n        width: CHROMATOGRAM_TRACE.BASE_LINE_WIDTH,\n      },\n      hovertemplate: `%{x:.2f} ${xAxisTitle}<br>%{y:.2f} ${yAxisTitle}<extra>${extraContent}</extra>`,\n    };\n    if (showMarkers) {\n      trace.marker = { size: markerSize, color: traceColor };\n    }\n    return trace;\n  });\n\n  if (boundaryMarkers !== \"none\") {\n    const peaksWithData = collectPeaksWithBoundaryData(\n      allDetectedPeaks,\n      processedAnnotations,\n      processedSeries\n    );\n    if (peaksWithData.length > 0) {\n      plotData.push(...createBoundaryMarkerTraces(peaksWithData));\n    }\n  }\n\n  processedAnnotations.forEach((ann) => {\n    if (ann.regionOverlay && processedSeries[0]) {\n      plotData.push(...createRegionOverlayTraces([ann], 0, processedSeries[0]));\n    }\n  });\n  allDetectedPeaks.forEach(({ peaks, seriesIndex }) => {\n    if (peaks.some((p) => p.regionOverlay) && processedSeries[seriesIndex]) {\n      plotData.push(...createRegionOverlayTraces(peaks, seriesIndex, processedSeries[seriesIndex]));\n    }\n  });\n\n  if (allPeaksForInteraction.length > 0) {\n    const anyHoverText = allPeaksForInteraction.some((p) => p.peak.hoverText);\n    const hitAreaTrace: Plotly.Data = {\n      x: allPeaksForInteraction.map((p) => p.peak.x),\n      y: allPeaksForInteraction.map((p) => p.peak.y),\n      type: \"scatter\" as const,\n      mode: \"markers\" as const,\n      marker: { size: 14, opacity: 0 },\n      showlegend: false,\n      name: \"\",\n      customdata: allPeaksForInteraction.map((p) => ({\n        id: p.peak.id,\n        peak: p.peak,\n        seriesIndex: p.seriesIndex,\n        seriesName: p.seriesName,\n        isAutoDetected: p.isAutoDetected,\n      })) as unknown as Plotly.Datum[],\n      ...(anyHoverText\n        ? {\n            hovertemplate: allPeaksForInteraction.map((p) =>\n              p.peak.hoverText ? `${p.peak.hoverText}<extra></extra>` : \"<extra></extra>\"\n            ),\n          }\n        : { hovertemplate: \"<extra></extra>\" }),\n    };\n    plotData.push(hitAreaTrace);\n  }\n\n  return plotData;\n}\n\nexport function buildLayout(params: BuildLayoutParams): Partial<Plotly.Layout> {\n  const {\n    title,\n    titleFontSize,\n    titleTopMargin,\n    width,\n    height,\n    xAxisTitle,\n    yAxisTitle,\n    xRange,\n    yRange,\n    showLegend,\n    seriesCount,\n    showGridX,\n    showGridY,\n    showCrosshairs,\n    theme,\n    peakAnnotations,\n  } = params;\n\n  return {\n    title: title\n      ? {\n          text: title,\n          font: { size: titleFontSize, family: \"Inter, sans-serif\", color: theme.textColor },\n        }\n      : undefined,\n    width,\n    height,\n    margin: {\n      l: CHROMATOGRAM_LAYOUT.MARGIN_LEFT,\n      r: CHROMATOGRAM_LAYOUT.MARGIN_RIGHT,\n      b: CHROMATOGRAM_LAYOUT.MARGIN_BOTTOM,\n      t: title\n        ? (titleTopMargin ?? CHROMATOGRAM_LAYOUT.MARGIN_TOP_WITH_TITLE)\n        : CHROMATOGRAM_LAYOUT.MARGIN_TOP_NO_TITLE,\n      pad: CHROMATOGRAM_LAYOUT.MARGIN_PAD,\n    },\n    paper_bgcolor: theme.paperBg,\n    plot_bgcolor: theme.plotBg,\n    font: { family: \"Inter, sans-serif\" },\n    hovermode: showCrosshairs ? (\"x\" as const) : (\"x unified\" as const),\n    dragmode: \"zoom\" as const,\n    xaxis: {\n      title: {\n        text: xAxisTitle,\n        font: { size: 14, color: theme.textSecondary, family: \"Inter, sans-serif\" },\n        standoff: 15,\n      },\n      showgrid: showGridX,\n      gridcolor: theme.gridColor,\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      range: xRange,\n      autorange: !xRange,\n      zeroline: false,\n      tickfont: { size: 12, color: theme.textColor, family: \"Inter, sans-serif\" },\n      showspikes: showCrosshairs,\n      spikemode: \"across\" as const,\n      spikesnap: \"cursor\" as const,\n      spikecolor: theme.spikeColor,\n      spikethickness: 1,\n      spikedash: \"dot\" as const,\n    },\n    yaxis: {\n      title: {\n        text: yAxisTitle,\n        font: { size: 14, color: theme.textSecondary, family: \"Inter, sans-serif\" },\n        standoff: 10,\n      },\n      showgrid: showGridY,\n      gridcolor: theme.gridColor,\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      range: yRange,\n      autorange: !yRange,\n      zeroline: false,\n      tickfont: { size: 12, color: theme.textColor, family: \"Inter, sans-serif\" },\n      showspikes: showCrosshairs,\n      spikemode: \"across\" as const,\n      spikesnap: \"cursor\" as const,\n      spikecolor: theme.spikeColor,\n      spikethickness: 1,\n      spikedash: \"dot\" as const,\n    },\n    legend: {\n      x: 0.5,\n      y: -0.15,\n      xanchor: \"center\" as const,\n      yanchor: \"top\" as const,\n      orientation: \"h\" as const,\n      font: { size: 12, color: theme.textColor, family: \"Inter, sans-serif\" },\n    },\n    showlegend: showLegend && seriesCount > 1,\n    annotations: peakAnnotations,\n  };\n}\n\nexport function buildConfig(params: BuildConfigParams): Partial<Plotly.Config> {\n  const { showExportButton, width, height } = params;\n  return {\n    responsive: true,\n    displayModeBar: true,\n    displaylogo: false,\n    modeBarButtonsToRemove: [\n      \"lasso2d\",\n      \"select2d\",\n      ...(showExportButton ? [] : ([\"toImage\"] as Plotly.ModeBarDefaultButtons[])),\n    ] as Plotly.ModeBarDefaultButtons[],\n    ...(showExportButton && {\n      toImageButtonOptions: {\n        format: \"png\",\n        filename: \"chromatogram\",\n        width,\n        height,\n      },\n    }),\n  };\n}\n\ntype MutableRef<T> = { current: T };\n\nexport function createHoverHandler(\n  domElement: HTMLElement,\n  processedSeriesLength: number,\n  thickenedSeriesRef: MutableRef<number | null>,\n  onPeakHoverRef: MutableRef<((event: PeakSelectEvent | null) => void) | undefined>,\n  hoverLineWidthMultiplier: number\n): (eventData: Plotly.PlotHoverEvent) => void {\n  return (eventData) => {\n    const pt = eventData.points[0];\n    if (pt && pt.curveNumber < processedSeriesLength) {\n      const targetIdx = pt.curveNumber;\n      if (thickenedSeriesRef.current !== targetIdx) {\n        if (thickenedSeriesRef.current !== null) {\n          Plotly.restyle(domElement, { \"line.width\": CHROMATOGRAM_TRACE.BASE_LINE_WIDTH } as Plotly.Data, [thickenedSeriesRef.current]);\n        }\n        Plotly.restyle(domElement, { \"line.width\": CHROMATOGRAM_TRACE.BASE_LINE_WIDTH * hoverLineWidthMultiplier } as Plotly.Data, [targetIdx]);\n        thickenedSeriesRef.current = targetIdx;\n      }\n    }\n    const peakPoint = eventData.points.find((p) => p.customdata != null);\n    if (peakPoint) {\n      onPeakHoverRef.current?.(peakPoint.customdata as unknown as PeakSelectEvent);\n    }\n  };\n}\n\nexport function createUnhoverHandler(\n  domElement: HTMLElement,\n  thickenedSeriesRef: MutableRef<number | null>,\n  onPeakHoverRef: MutableRef<((event: PeakSelectEvent | null) => void) | undefined>\n): () => void {\n  return () => {\n    onPeakHoverRef.current?.(null);\n    if (thickenedSeriesRef.current !== null) {\n      Plotly.restyle(domElement, { \"line.width\": CHROMATOGRAM_TRACE.BASE_LINE_WIDTH } as Plotly.Data, [thickenedSeriesRef.current]);\n      thickenedSeriesRef.current = null;\n    }\n  };\n}\n"],"names":["buildTraceData","params","processedSeries","processedAnnotations","allDetectedPeaks","allPeaksForInteraction","showMarkers","markerSize","xAxisTitle","yAxisTitle","boundaryMarkers","plotData","s","index","traceColor","CHART_COLORS","extraContent","buildHoverExtraContent","trace","CHROMATOGRAM_TRACE","peaksWithData","collectPeaksWithBoundaryData","createBoundaryMarkerTraces","ann","createRegionOverlayTraces","peaks","seriesIndex","p","anyHoverText","hitAreaTrace","buildLayout","title","titleFontSize","titleTopMargin","width","height","xRange","yRange","showLegend","seriesCount","showGridX","showGridY","showCrosshairs","theme","peakAnnotations","CHROMATOGRAM_LAYOUT","buildConfig","showExportButton","createHoverHandler","domElement","processedSeriesLength","thickenedSeriesRef","onPeakHoverRef","hoverLineWidthMultiplier","eventData","pt","targetIdx","Plotly","peakPoint","createUnhoverHandler"],"mappings":"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"}

package/dist/components/charts/ChromatogramChart/plotBuilder.js

@@ -1,207 +0,0 @@
-import y from "plotly.js-dist";
-import { CHART_COLORS as k } from "../../../utils/colors.js";
-import { createBoundaryMarkerTraces as A } from "./boundaryMarkers.js";
-import { CHROMATOGRAM_TRACE as g, CHROMATOGRAM_LAYOUT as f } from "./constants.js";
-import { buildHoverExtraContent as _, collectPeaksWithBoundaryData as C } from "./dataProcessing.js";
-import { createRegionOverlayTraces as T } from "./regionOverlays.js";
-function B(i) {
-  const {
-    processedSeries: t,
-    processedAnnotations: a,
-    allDetectedPeaks: c,
-    allPeaksForInteraction: n,
-    showMarkers: p,
-    markerSize: m,
-    xAxisTitle: u,
-    yAxisTitle: s,
-    boundaryMarkers: x
-  } = i, d = t.map((o, l) => {
-    const e = o.color || k[l % k.length], h = _(o.name, o.metadata), r = {
-      x: o.x,
-      y: o.y,
-      type: "scatter",
-      mode: p ? "lines+markers" : "lines",
-      name: o.name,
-      line: {
-        color: e,
-        width: g.BASE_LINE_WIDTH
-      },
-      hovertemplate: `%{x:.2f} ${u}<br>%{y:.2f} ${s}<extra>${h}</extra>`
-    };
-    return p && (r.marker = { size: m, color: e }), r;
-  });
-  if (x !== "none") {
-    const o = C(
-      c,
-      a,
-      t
-    );
-    o.length > 0 && d.push(...A(o));
-  }
-  if (a.forEach((o) => {
-    o.regionOverlay && t[0] && d.push(...T([o], 0, t[0]));
-  }), c.forEach(({ peaks: o, seriesIndex: l }) => {
-    o.some((e) => e.regionOverlay) && t[l] && d.push(...T(o, l, t[l]));
-  }), n.length > 0) {
-    const o = n.some((e) => e.peak.hoverText), l = {
-      x: n.map((e) => e.peak.x),
-      y: n.map((e) => e.peak.y),
-      type: "scatter",
-      mode: "markers",
-      marker: { size: 14, opacity: 0 },
-      showlegend: !1,
-      name: "",
-      customdata: n.map((e) => ({
-        id: e.peak.id,
-        peak: e.peak,
-        seriesIndex: e.seriesIndex,
-        seriesName: e.seriesName,
-        isAutoDetected: e.isAutoDetected
-      })),
-      ...o ? {
-        hovertemplate: n.map(
-          (e) => e.peak.hoverText ? `${e.peak.hoverText}<extra></extra>` : "<extra></extra>"
-        )
-      } : { hovertemplate: "<extra></extra>" }
-    };
-    d.push(l);
-  }
-  return d;
-}
-function H(i) {
-  const {
-    title: t,
-    titleFontSize: a,
-    titleTopMargin: c,
-    width: n,
-    height: p,
-    xAxisTitle: m,
-    yAxisTitle: u,
-    xRange: s,
-    yRange: x,
-    showLegend: d,
-    seriesCount: o,
-    showGridX: l,
-    showGridY: e,
-    showCrosshairs: h,
-    theme: r,
-    peakAnnotations: I
-  } = i;
-  return {
-    title: t ? {
-      text: t,
-      font: { size: a, family: "Inter, sans-serif", color: r.textColor }
-    } : void 0,
-    width: n,
-    height: p,
-    margin: {
-      l: f.MARGIN_LEFT,
-      r: f.MARGIN_RIGHT,
-      b: f.MARGIN_BOTTOM,
-      t: t ? c ?? f.MARGIN_TOP_WITH_TITLE : f.MARGIN_TOP_NO_TITLE,
-      pad: f.MARGIN_PAD
-    },
-    paper_bgcolor: r.paperBg,
-    plot_bgcolor: r.plotBg,
-    font: { family: "Inter, sans-serif" },
-    hovermode: h ? "x" : "x unified",
-    dragmode: "zoom",
-    xaxis: {
-      title: {
-        text: m,
-        font: { size: 14, color: r.textSecondary, family: "Inter, sans-serif" },
-        standoff: 15
-      },
-      showgrid: l,
-      gridcolor: r.gridColor,
-      linecolor: r.lineColor,
-      linewidth: 1,
-      range: s,
-      autorange: !s,
-      zeroline: !1,
-      tickfont: { size: 12, color: r.textColor, family: "Inter, sans-serif" },
-      showspikes: h,
-      spikemode: "across",
-      spikesnap: "cursor",
-      spikecolor: r.spikeColor,
-      spikethickness: 1,
-      spikedash: "dot"
-    },
-    yaxis: {
-      title: {
-        text: u,
-        font: { size: 14, color: r.textSecondary, family: "Inter, sans-serif" },
-        standoff: 10
-      },
-      showgrid: e,
-      gridcolor: r.gridColor,
-      linecolor: r.lineColor,
-      linewidth: 1,
-      range: x,
-      autorange: !x,
-      zeroline: !1,
-      tickfont: { size: 12, color: r.textColor, family: "Inter, sans-serif" },
-      showspikes: h,
-      spikemode: "across",
-      spikesnap: "cursor",
-      spikecolor: r.spikeColor,
-      spikethickness: 1,
-      spikedash: "dot"
-    },
-    legend: {
-      x: 0.5,
-      y: -0.15,
-      xanchor: "center",
-      yanchor: "top",
-      orientation: "h",
-      font: { size: 12, color: r.textColor, family: "Inter, sans-serif" }
-    },
-    showlegend: d && o > 1,
-    annotations: I
-  };
-}
-function z(i) {
-  const { showExportButton: t, width: a, height: c } = i;
-  return {
-    responsive: !0,
-    displayModeBar: !0,
-    displaylogo: !1,
-    modeBarButtonsToRemove: [
-      "lasso2d",
-      "select2d",
-      ...t ? [] : ["toImage"]
-    ],
-    ...t && {
-      toImageButtonOptions: {
-        format: "png",
-        filename: "chromatogram",
-        width: a,
-        height: c
-      }
-    }
-  };
-}
-function R(i, t, a, c, n) {
-  return (p) => {
-    const m = p.points[0];
-    if (m && m.curveNumber < t) {
-      const s = m.curveNumber;
-      a.current !== s && (a.current !== null && y.restyle(i, { "line.width": g.BASE_LINE_WIDTH }, [a.current]), y.restyle(i, { "line.width": g.BASE_LINE_WIDTH * n }, [s]), a.current = s);
-    }
-    const u = p.points.find((s) => s.customdata != null);
-    u && c.current?.(u.customdata);
-  };
-}
-function b(i, t, a) {
-  return () => {
-    a.current?.(null), t.current !== null && (y.restyle(i, { "line.width": g.BASE_LINE_WIDTH }, [t.current]), t.current = null);
-  };
-}
-export {
-  z as buildConfig,
-  H as buildLayout,
-  B as buildTraceData,
-  R as createHoverHandler,
-  b as createUnhoverHandler
-};
-//# sourceMappingURL=plotBuilder.js.map

package/dist/components/charts/ChromatogramChart/plotBuilder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"plotBuilder.js","sources":["../../../../src/components/charts/ChromatogramChart/plotBuilder.ts"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\n\nimport { CHART_COLORS } from \"../../../utils/colors\";\n\nimport { createBoundaryMarkerTraces } from \"./boundaryMarkers\";\nimport { CHROMATOGRAM_LAYOUT, CHROMATOGRAM_TRACE } from \"./constants\";\nimport { buildHoverExtraContent, collectPeaksWithBoundaryData } from \"./dataProcessing\";\nimport { createRegionOverlayTraces } from \"./regionOverlays\";\n\nimport type { ChromatogramSeries, PeakAnnotation, BoundaryMarkerStyle, PeakSelectEvent } from \"./types\";\nimport type { PlotlyThemeColors } from \"@/hooks/use-plotly-theme\";\n\ntype PeakForInteraction = {\n  peak: PeakAnnotation & { id: string };\n  seriesIndex: number;\n  seriesName: string;\n  isAutoDetected: boolean;\n};\n\ntype BuildTraceDataParams = {\n  processedSeries: ChromatogramSeries[];\n  processedAnnotations: PeakAnnotation[];\n  allDetectedPeaks: { peaks: PeakAnnotation[]; seriesIndex: number }[];\n  allPeaksForInteraction: PeakForInteraction[];\n  showMarkers: boolean;\n  markerSize: number;\n  xAxisTitle: string;\n  yAxisTitle: string;\n  boundaryMarkers: BoundaryMarkerStyle;\n};\n\ntype BuildLayoutParams = {\n  title?: string;\n  titleFontSize: number;\n  titleTopMargin?: number;\n  width: number;\n  height: number;\n  xAxisTitle: string;\n  yAxisTitle: string;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  showLegend: boolean;\n  seriesCount: number;\n  showGridX: boolean;\n  showGridY: boolean;\n  showCrosshairs: boolean;\n  theme: PlotlyThemeColors;\n  peakAnnotations: Partial<Plotly.Annotations>[];\n};\n\ntype BuildConfigParams = {\n  showExportButton: boolean;\n  width: number;\n  height: number;\n};\n\nexport type { PeakForInteraction, BuildTraceDataParams, BuildLayoutParams, BuildConfigParams };\n\nexport function buildTraceData(params: BuildTraceDataParams): Plotly.Data[] {\n  const {\n    processedSeries,\n    processedAnnotations,\n    allDetectedPeaks,\n    allPeaksForInteraction,\n    showMarkers,\n    markerSize,\n    xAxisTitle,\n    yAxisTitle,\n    boundaryMarkers,\n  } = params;\n\n  const plotData: Plotly.Data[] = processedSeries.map((s, index) => {\n    const traceColor = s.color || CHART_COLORS[index % CHART_COLORS.length];\n    const extraContent = buildHoverExtraContent(s.name, s.metadata);\n\n    const trace: Plotly.Data = {\n      x: s.x,\n      y: s.y,\n      type: \"scatter\" as const,\n      mode: showMarkers ? (\"lines+markers\" as const) : (\"lines\" as const),\n      name: s.name,\n      line: {\n        color: traceColor,\n        width: CHROMATOGRAM_TRACE.BASE_LINE_WIDTH,\n      },\n      hovertemplate: `%{x:.2f} ${xAxisTitle}<br>%{y:.2f} ${yAxisTitle}<extra>${extraContent}</extra>`,\n    };\n    if (showMarkers) {\n      trace.marker = { size: markerSize, color: traceColor };\n    }\n    return trace;\n  });\n\n  if (boundaryMarkers !== \"none\") {\n    const peaksWithData = collectPeaksWithBoundaryData(\n      allDetectedPeaks,\n      processedAnnotations,\n      processedSeries\n    );\n    if (peaksWithData.length > 0) {\n      plotData.push(...createBoundaryMarkerTraces(peaksWithData));\n    }\n  }\n\n  processedAnnotations.forEach((ann) => {\n    if (ann.regionOverlay && processedSeries[0]) {\n      plotData.push(...createRegionOverlayTraces([ann], 0, processedSeries[0]));\n    }\n  });\n  allDetectedPeaks.forEach(({ peaks, seriesIndex }) => {\n    if (peaks.some((p) => p.regionOverlay) && processedSeries[seriesIndex]) {\n      plotData.push(...createRegionOverlayTraces(peaks, seriesIndex, processedSeries[seriesIndex]));\n    }\n  });\n\n  if (allPeaksForInteraction.length > 0) {\n    const anyHoverText = allPeaksForInteraction.some((p) => p.peak.hoverText);\n    const hitAreaTrace: Plotly.Data = {\n      x: allPeaksForInteraction.map((p) => p.peak.x),\n      y: allPeaksForInteraction.map((p) => p.peak.y),\n      type: \"scatter\" as const,\n      mode: \"markers\" as const,\n      marker: { size: 14, opacity: 0 },\n      showlegend: false,\n      name: \"\",\n      customdata: allPeaksForInteraction.map((p) => ({\n        id: p.peak.id,\n        peak: p.peak,\n        seriesIndex: p.seriesIndex,\n        seriesName: p.seriesName,\n        isAutoDetected: p.isAutoDetected,\n      })) as unknown as Plotly.Datum[],\n      ...(anyHoverText\n        ? {\n            hovertemplate: allPeaksForInteraction.map((p) =>\n              p.peak.hoverText ? `${p.peak.hoverText}<extra></extra>` : \"<extra></extra>\"\n            ),\n          }\n        : { hovertemplate: \"<extra></extra>\" }),\n    };\n    plotData.push(hitAreaTrace);\n  }\n\n  return plotData;\n}\n\nexport function buildLayout(params: BuildLayoutParams): Partial<Plotly.Layout> {\n  const {\n    title,\n    titleFontSize,\n    titleTopMargin,\n    width,\n    height,\n    xAxisTitle,\n    yAxisTitle,\n    xRange,\n    yRange,\n    showLegend,\n    seriesCount,\n    showGridX,\n    showGridY,\n    showCrosshairs,\n    theme,\n    peakAnnotations,\n  } = params;\n\n  return {\n    title: title\n      ? {\n          text: title,\n          font: { size: titleFontSize, family: \"Inter, sans-serif\", color: theme.textColor },\n        }\n      : undefined,\n    width,\n    height,\n    margin: {\n      l: CHROMATOGRAM_LAYOUT.MARGIN_LEFT,\n      r: CHROMATOGRAM_LAYOUT.MARGIN_RIGHT,\n      b: CHROMATOGRAM_LAYOUT.MARGIN_BOTTOM,\n      t: title\n        ? (titleTopMargin ?? CHROMATOGRAM_LAYOUT.MARGIN_TOP_WITH_TITLE)\n        : CHROMATOGRAM_LAYOUT.MARGIN_TOP_NO_TITLE,\n      pad: CHROMATOGRAM_LAYOUT.MARGIN_PAD,\n    },\n    paper_bgcolor: theme.paperBg,\n    plot_bgcolor: theme.plotBg,\n    font: { family: \"Inter, sans-serif\" },\n    hovermode: showCrosshairs ? (\"x\" as const) : (\"x unified\" as const),\n    dragmode: \"zoom\" as const,\n    xaxis: {\n      title: {\n        text: xAxisTitle,\n        font: { size: 14, color: theme.textSecondary, family: \"Inter, sans-serif\" },\n        standoff: 15,\n      },\n      showgrid: showGridX,\n      gridcolor: theme.gridColor,\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      range: xRange,\n      autorange: !xRange,\n      zeroline: false,\n      tickfont: { size: 12, color: theme.textColor, family: \"Inter, sans-serif\" },\n      showspikes: showCrosshairs,\n      spikemode: \"across\" as const,\n      spikesnap: \"cursor\" as const,\n      spikecolor: theme.spikeColor,\n      spikethickness: 1,\n      spikedash: \"dot\" as const,\n    },\n    yaxis: {\n      title: {\n        text: yAxisTitle,\n        font: { size: 14, color: theme.textSecondary, family: \"Inter, sans-serif\" },\n        standoff: 10,\n      },\n      showgrid: showGridY,\n      gridcolor: theme.gridColor,\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      range: yRange,\n      autorange: !yRange,\n      zeroline: false,\n      tickfont: { size: 12, color: theme.textColor, family: \"Inter, sans-serif\" },\n      showspikes: showCrosshairs,\n      spikemode: \"across\" as const,\n      spikesnap: \"cursor\" as const,\n      spikecolor: theme.spikeColor,\n      spikethickness: 1,\n      spikedash: \"dot\" as const,\n    },\n    legend: {\n      x: 0.5,\n      y: -0.15,\n      xanchor: \"center\" as const,\n      yanchor: \"top\" as const,\n      orientation: \"h\" as const,\n      font: { size: 12, color: theme.textColor, family: \"Inter, sans-serif\" },\n    },\n    showlegend: showLegend && seriesCount > 1,\n    annotations: peakAnnotations,\n  };\n}\n\nexport function buildConfig(params: BuildConfigParams): Partial<Plotly.Config> {\n  const { showExportButton, width, height } = params;\n  return {\n    responsive: true,\n    displayModeBar: true,\n    displaylogo: false,\n    modeBarButtonsToRemove: [\n      \"lasso2d\",\n      \"select2d\",\n      ...(showExportButton ? [] : ([\"toImage\"] as Plotly.ModeBarDefaultButtons[])),\n    ] as Plotly.ModeBarDefaultButtons[],\n    ...(showExportButton && {\n      toImageButtonOptions: {\n        format: \"png\",\n        filename: \"chromatogram\",\n        width,\n        height,\n      },\n    }),\n  };\n}\n\ntype MutableRef<T> = { current: T };\n\nexport function createHoverHandler(\n  domElement: HTMLElement,\n  processedSeriesLength: number,\n  thickenedSeriesRef: MutableRef<number | null>,\n  onPeakHoverRef: MutableRef<((event: PeakSelectEvent | null) => void) | undefined>,\n  hoverLineWidthMultiplier: number\n): (eventData: Plotly.PlotHoverEvent) => void {\n  return (eventData) => {\n    const pt = eventData.points[0];\n    if (pt && pt.curveNumber < processedSeriesLength) {\n      const targetIdx = pt.curveNumber;\n      if (thickenedSeriesRef.current !== targetIdx) {\n        if (thickenedSeriesRef.current !== null) {\n          Plotly.restyle(domElement, { \"line.width\": CHROMATOGRAM_TRACE.BASE_LINE_WIDTH } as Plotly.Data, [thickenedSeriesRef.current]);\n        }\n        Plotly.restyle(domElement, { \"line.width\": CHROMATOGRAM_TRACE.BASE_LINE_WIDTH * hoverLineWidthMultiplier } as Plotly.Data, [targetIdx]);\n        thickenedSeriesRef.current = targetIdx;\n      }\n    }\n    const peakPoint = eventData.points.find((p) => p.customdata != null);\n    if (peakPoint) {\n      onPeakHoverRef.current?.(peakPoint.customdata as unknown as PeakSelectEvent);\n    }\n  };\n}\n\nexport function createUnhoverHandler(\n  domElement: HTMLElement,\n  thickenedSeriesRef: MutableRef<number | null>,\n  onPeakHoverRef: MutableRef<((event: PeakSelectEvent | null) => void) | undefined>\n): () => void {\n  return () => {\n    onPeakHoverRef.current?.(null);\n    if (thickenedSeriesRef.current !== null) {\n      Plotly.restyle(domElement, { \"line.width\": CHROMATOGRAM_TRACE.BASE_LINE_WIDTH } as Plotly.Data, [thickenedSeriesRef.current]);\n      thickenedSeriesRef.current = null;\n    }\n  };\n}\n"],"names":["buildTraceData","params","processedSeries","processedAnnotations","allDetectedPeaks","allPeaksForInteraction","showMarkers","markerSize","xAxisTitle","yAxisTitle","boundaryMarkers","plotData","s","index","traceColor","CHART_COLORS","extraContent","buildHoverExtraContent","trace","CHROMATOGRAM_TRACE","peaksWithData","collectPeaksWithBoundaryData","createBoundaryMarkerTraces","ann","createRegionOverlayTraces","peaks","seriesIndex","p","anyHoverText","hitAreaTrace","buildLayout","title","titleFontSize","titleTopMargin","width","height","xRange","yRange","showLegend","seriesCount","showGridX","showGridY","showCrosshairs","theme","peakAnnotations","CHROMATOGRAM_LAYOUT","buildConfig","showExportButton","createHoverHandler","domElement","processedSeriesLength","thickenedSeriesRef","onPeakHoverRef","hoverLineWidthMultiplier","eventData","pt","targetIdx","Plotly","peakPoint","createUnhoverHandler"],"mappings":"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"}

package/dist/components/charts/ChromatogramChart/regionOverlays.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"regionOverlays.cjs","sources":["../../../../src/components/charts/ChromatogramChart/regionOverlays.ts"],"sourcesContent":["import { CHART_COLORS } from \"../../../utils/colors\";\n\nimport type { PeakAnnotation, ChromatogramSeries } from \"./types\";\nimport type Plotly from \"plotly.js-dist\";\n\nconst DEFAULT_REGION_OVERLAY_WIDTH = 3.5;\n\n/**\n * Build one scatter trace per peak that has regionOverlay:true, slicing the\n * underlying series data between the peak's startIndex and endIndex.\n * Traces are pushed BEFORE the invisible hit-area trace so peak click/hover\n * still resolves to the hit-area marker, not the overlay.\n */\nexport function createRegionOverlayTraces(\n  peaks: PeakAnnotation[],\n  seriesIndex: number,\n  series: ChromatogramSeries\n): Plotly.Data[] {\n  const seriesColor = series.color ?? CHART_COLORS[seriesIndex % CHART_COLORS.length];\n  const traces: Plotly.Data[] = [];\n\n  for (const peak of peaks) {\n    if (!peak.regionOverlay) continue;\n    const startIdx = peak._computed?.startIndex;\n    const endIdx = peak._computed?.endIndex;\n    if (startIdx === undefined || endIdx === undefined) continue;\n\n    const color = peak.color ?? seriesColor;\n    const lineWidth = peak.regionOverlayWidth ?? DEFAULT_REGION_OVERLAY_WIDTH;\n    const hoverProps = peak.hoverText\n      ? { hovertemplate: `${peak.hoverText}<extra></extra>` }\n      : { hoverinfo: \"skip\" as const };\n\n    traces.push({\n      x: series.x.slice(startIdx, endIdx + 1),\n      y: series.y.slice(startIdx, endIdx + 1),\n      type: \"scatter\" as const,\n      mode: \"lines\" as const,\n      line: { color, width: lineWidth },\n      showlegend: false,\n      name: \"\",\n      ...hoverProps,\n    });\n  }\n\n  return traces;\n}\n"],"names":["DEFAULT_REGION_OVERLAY_WIDTH","createRegionOverlayTraces","peaks","seriesIndex","series","seriesColor","CHART_COLORS","traces","peak","startIdx","endIdx","color","lineWidth","hoverProps"],"mappings":"6HAKMA,EAA+B,IAQ9B,SAASC,EACdC,EACAC,EACAC,EACe,CACf,MAAMC,EAAcD,EAAO,OAASE,EAAAA,aAAaH,EAAcG,EAAAA,aAAa,MAAM,EAC5EC,EAAwB,CAAA,EAE9B,UAAWC,KAAQN,EAAO,CACxB,GAAI,CAACM,EAAK,cAAe,SACzB,MAAMC,EAAWD,EAAK,WAAW,WAC3BE,EAASF,EAAK,WAAW,SAC/B,GAAIC,IAAa,QAAaC,IAAW,OAAW,SAEpD,MAAMC,EAAQH,EAAK,OAASH,EACtBO,EAAYJ,EAAK,oBAAsBR,EACvCa,EAAaL,EAAK,UACpB,CAAE,cAAe,GAAGA,EAAK,SAAS,iBAAA,EAClC,CAAE,UAAW,MAAA,EAEjBD,EAAO,KAAK,CACV,EAAGH,EAAO,EAAE,MAAMK,EAAUC,EAAS,CAAC,EACtC,EAAGN,EAAO,EAAE,MAAMK,EAAUC,EAAS,CAAC,EACtC,KAAM,UACN,KAAM,QACN,KAAM,CAAE,MAAAC,EAAO,MAAOC,CAAA,EACtB,WAAY,GACZ,KAAM,GACN,GAAGC,CAAA,CACJ,CACH,CAEA,OAAON,CACT"}

package/dist/components/charts/ChromatogramChart/regionOverlays.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"regionOverlays.js","sources":["../../../../src/components/charts/ChromatogramChart/regionOverlays.ts"],"sourcesContent":["import { CHART_COLORS } from \"../../../utils/colors\";\n\nimport type { PeakAnnotation, ChromatogramSeries } from \"./types\";\nimport type Plotly from \"plotly.js-dist\";\n\nconst DEFAULT_REGION_OVERLAY_WIDTH = 3.5;\n\n/**\n * Build one scatter trace per peak that has regionOverlay:true, slicing the\n * underlying series data between the peak's startIndex and endIndex.\n * Traces are pushed BEFORE the invisible hit-area trace so peak click/hover\n * still resolves to the hit-area marker, not the overlay.\n */\nexport function createRegionOverlayTraces(\n  peaks: PeakAnnotation[],\n  seriesIndex: number,\n  series: ChromatogramSeries\n): Plotly.Data[] {\n  const seriesColor = series.color ?? CHART_COLORS[seriesIndex % CHART_COLORS.length];\n  const traces: Plotly.Data[] = [];\n\n  for (const peak of peaks) {\n    if (!peak.regionOverlay) continue;\n    const startIdx = peak._computed?.startIndex;\n    const endIdx = peak._computed?.endIndex;\n    if (startIdx === undefined || endIdx === undefined) continue;\n\n    const color = peak.color ?? seriesColor;\n    const lineWidth = peak.regionOverlayWidth ?? DEFAULT_REGION_OVERLAY_WIDTH;\n    const hoverProps = peak.hoverText\n      ? { hovertemplate: `${peak.hoverText}<extra></extra>` }\n      : { hoverinfo: \"skip\" as const };\n\n    traces.push({\n      x: series.x.slice(startIdx, endIdx + 1),\n      y: series.y.slice(startIdx, endIdx + 1),\n      type: \"scatter\" as const,\n      mode: \"lines\" as const,\n      line: { color, width: lineWidth },\n      showlegend: false,\n      name: \"\",\n      ...hoverProps,\n    });\n  }\n\n  return traces;\n}\n"],"names":["DEFAULT_REGION_OVERLAY_WIDTH","createRegionOverlayTraces","peaks","seriesIndex","series","seriesColor","CHART_COLORS","traces","peak","startIdx","endIdx","color","lineWidth","hoverProps"],"mappings":";AAKA,MAAMA,IAA+B;AAQ9B,SAASC,EACdC,GACAC,GACAC,GACe;AACf,QAAMC,IAAcD,EAAO,SAASE,EAAaH,IAAcG,EAAa,MAAM,GAC5EC,IAAwB,CAAA;AAE9B,aAAWC,KAAQN,GAAO;AACxB,QAAI,CAACM,EAAK,cAAe;AACzB,UAAMC,IAAWD,EAAK,WAAW,YAC3BE,IAASF,EAAK,WAAW;AAC/B,QAAIC,MAAa,UAAaC,MAAW,OAAW;AAEpD,UAAMC,IAAQH,EAAK,SAASH,GACtBO,IAAYJ,EAAK,sBAAsBR,GACvCa,IAAaL,EAAK,YACpB,EAAE,eAAe,GAAGA,EAAK,SAAS,kBAAA,IAClC,EAAE,WAAW,OAAA;AAEjB,IAAAD,EAAO,KAAK;AAAA,MACV,GAAGH,EAAO,EAAE,MAAMK,GAAUC,IAAS,CAAC;AAAA,MACtC,GAAGN,EAAO,EAAE,MAAMK,GAAUC,IAAS,CAAC;AAAA,MACtC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM,EAAE,OAAAC,GAAO,OAAOC,EAAA;AAAA,MACtB,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,GAAGC;AAAA,IAAA,CACJ;AAAA,EACH;AAEA,SAAON;AACT;"}

package/dist/components/charts/DotPlot/DotPlot.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),x=require("plotly.js-dist"),o=require("react"),D=require("../ChartTooltip/ChartTooltip.cjs"),H=require("../../../hooks/use-element-size.cjs"),L=require("../../../hooks/use-plotly-theme.cjs"),T=require("../../../lib/utils.cjs"),W=require("../../../utils/colors.cjs"),_=({dataSeries:i,width:s,height:b,title:z="Dot Plot",xTitle:h,yTitle:d,variant:C="default",markerSize:g=8})=>{const l=o.useRef(null),t=L.usePlotlyTheme(),{bindTooltip:R,tooltipElement:S}=D.useChartTooltip({xLabel:h,yLabel:d}),[j,v]=H.useElementSize(),r=s??v.width,n=b??v.height,q=r>0&&n>0,A=s===void 0,B=b===void 0,c=o.useRef({width:r,height:n});c.current={width:r,height:n};const m=o.useRef(!1),u=o.useRef({width:0,height:0}),M=o.useMemo(()=>Array.isArray(i)?i:[i],[i]),a=W.CHART_COLORS,y=o.useMemo(()=>["circle","square","diamond","triangle-up","triangle-down","star"],[]),P=o.useMemo(()=>M.map((e,f)=>C==="default"?{...e,color:e.color||a[0],symbol:"circle",size:e.size||g}:{...e,color:e.color||a[f%a.length],symbol:e.symbol||y[f%y.length],size:e.size||g}),[M,C,g,a,y]),p=t.gridColor,k=o.useMemo(()=>P.map(e=>({type:"scatter",x:e.x,y:e.y,mode:"markers",name:e.name,marker:{color:e.color,size:e.size,symbol:e.symbol,line:{color:t.paperBg,width:1}},hoverinfo:"none"})),[P,t]),w=o.useMemo(()=>({tickcolor:t.tickColor,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:t.textColor,family:"Inter, sans-serif",weight:400},linecolor:t.lineColor,linewidth:1,position:0,zeroline:!1}),[t]),E=o.useMemo(()=>({text:z,x:.5,y:.95,xanchor:"center",yanchor:"top",font:{size:32,weight:600,family:"Inter, sans-serif",color:t.textColor,lineheight:1.2,standoff:30}}),[z,t]);return o.useEffect(()=>{if(!l.current||!q)return;const e={width:c.current.width,height:c.current.height,font:{family:"Inter, sans-serif"},title:E,margin:{l:80,r:40,b:96,t:80,pad:0},showlegend:!0,legend:{x:.5,y:0,xanchor:"center",yanchor:"bottom",yref:"container",orientation:"h",font:{size:13,color:t.legendColor,family:"Inter, sans-serif",weight:500,lineheight:18}},xaxis:{title:{text:h,font:{size:16,color:t.textSecondary,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:p,automargin:!0,...w},yaxis:{title:{text:d,font:{size:16,color:t.textSecondary,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:p,automargin:!0,...w},paper_bgcolor:t.paperBg,plot_bgcolor:t.plotBg},f={responsive:!1,displayModeBar:!1,displaylogo:!1};x.newPlot(l.current,k,e,f),R(l.current);const I=l.current;return m.current=!0,u.current={...c.current},()=>{I&&(x.purge(I),m.current=!1)}},[q,h,d,k,E,w,p,t,R]),o.useEffect(()=>{const e=l.current;!e||!m.current||r<=0||n<=0||u.current.width===r&&u.current.height===n||(u.current={width:r,height:n},x.relayout(e,{width:r,height:n}).catch(()=>{}))},[r,n]),O.jsxs("div",{ref:j,className:T.cn("dotplot-container relative",A&&"w-full",B&&"h-full"),style:s===void 0?void 0:{width:s},children:[O.jsx("div",{ref:l,style:{width:"100%",height:"100%",margin:"0"}}),S]})};exports.DotPlot=_;
-//# sourceMappingURL=DotPlot.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DotPlot.cjs","sources":["../../../../src/components/charts/DotPlot/DotPlot.tsx"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\nimport React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { useChartTooltip } from \"../ChartTooltip\";\n\nimport { useElementSize } from \"@/hooks/use-element-size\";\nimport { usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { cn } from \"@/lib/utils\";\nimport { CHART_COLORS } from \"@/utils/colors\";\n\ntype MarkerSymbol =\n  | \"circle\"\n  | \"square\"\n  | \"diamond\"\n  | \"triangle-up\"\n  | \"triangle-down\"\n  | \"star\";\n\ninterface DotPlotDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  color?: string;\n  symbol?: MarkerSymbol;\n  size?: number;\n}\n\ntype DotPlotVariant = \"default\" | \"stacked\";\n\ntype DotPlotProps = {\n  dataSeries: DotPlotDataSeries | DotPlotDataSeries[];\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  title?: string;\n  xTitle?: string;\n  yTitle?: string;\n  variant?: DotPlotVariant;\n  markerSize?: number;\n};\n\nconst DotPlot: React.FC<DotPlotProps> = ({\n  dataSeries,\n  width,\n  height,\n  title = \"Dot Plot\",\n  xTitle,\n  yTitle,\n  variant = \"default\",\n  markerSize = 8,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n  const { bindTooltip, tooltipElement } = useChartTooltip({ xLabel: xTitle, yLabel: yTitle });\n\n  // Omitted width/height → fill the container and track its measured size;\n  // explicit pixel values override. See AreaGraph for the reference pattern.\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  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 seriesArray = useMemo(\n    () => (Array.isArray(dataSeries) ? dataSeries : [dataSeries]),\n    [dataSeries],\n  );\n\n  const defaultColors = CHART_COLORS;\n\n  const defaultSymbols: MarkerSymbol[] = useMemo(\n    () => [\n      \"circle\",\n      \"square\",\n      \"diamond\",\n      \"triangle-up\",\n      \"triangle-down\",\n      \"star\",\n    ],\n    [],\n  );\n\n  const seriesWithColors = useMemo(() => {\n    return seriesArray.map((series, index) => {\n      if (variant === \"default\") {\n        // Default variant: all circles, use first color or series color\n        return {\n          ...series,\n          color: series.color || defaultColors[0],\n          symbol: \"circle\" as MarkerSymbol,\n          size: series.size || markerSize,\n        };\n      } else {\n        // Stacked variant: different symbols and colors for each series\n        return {\n          ...series,\n          color: series.color || defaultColors[index % defaultColors.length],\n          symbol:\n            series.symbol || defaultSymbols[index % defaultSymbols.length],\n          size: series.size || markerSize,\n        };\n      }\n    });\n  }, [seriesArray, variant, markerSize, defaultColors, defaultSymbols]);\n\n  const gridColor = theme.gridColor;\n\n  const plotData = useMemo(\n    () =>\n      seriesWithColors.map((series) => ({\n        type: \"scatter\" as const,\n        x: series.x,\n        y: series.y,\n        mode: \"markers\" as const,\n        name: series.name,\n        marker: {\n          color: series.color,\n          size: series.size,\n          symbol: series.symbol,\n          line: {\n            color: theme.paperBg,\n            width: 1,\n          },\n        },\n        hoverinfo: \"none\" as const,\n      })),\n    [seriesWithColors, theme],\n  );\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: \"Inter, sans-serif\",\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      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: \"Inter, sans-serif\",\n        color: theme.textColor,\n        lineheight: 1.2,\n        standoff: 30,\n      },\n    }),\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current || !hasSize) return;\n\n    const layout = {\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      font: {\n        family: \"Inter, sans-serif\",\n      },\n      title: titleOptions,\n      // Bottom margin reserves room for tick labels, the x-axis title, and the\n      // container-anchored bottom legend stacked beneath them.\n      margin: { l: 80, r: 40, b: 96, t: 80, pad: 0 },\n      showlegend: true,\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: \"Inter, sans-serif\",\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: gridColor,\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: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: gridColor,\n        automargin: true,\n        ...tickOptions,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n    };\n\n    const config = {\n      // Sizing is driven from the measured container; disable Plotly's own\n      // window-resize responsiveness (it can't see container resizes).\n      responsive: false,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    Plotly.newPlot(plotRef.current, plotData, layout, config);\n    bindTooltip(plotRef.current);\n\n    // Capture ref value for cleanup\n    const plotElement = plotRef.current;\n    plotInitedRef.current = true;\n    appliedSizeRef.current = { ...sizeRef.current };\n\n    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [hasSize, xTitle, yTitle, plotData, titleOptions, tickOptions, gridColor, theme, bindTooltip]);\n\n  // Resize in place when the measured/overridden size changes — cheaper than\n  // 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    void Plotly.relayout(plotElement, { width: resolvedWidth, height: resolvedHeight }).catch(\n      () => {},\n    );\n  }, [resolvedWidth, resolvedHeight]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"dotplot-container relative\", fillWidth && \"w-full\", fillHeight && \"h-full\")}\n      style={width === undefined ? undefined : { width }}\n    >\n      <div\n        ref={plotRef}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          margin: \"0\",\n        }}\n      />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { DotPlot };\nexport type { DotPlotDataSeries, DotPlotProps, DotPlotVariant, MarkerSymbol };\n"],"names":["DotPlot","dataSeries","width","height","title","xTitle","yTitle","variant","markerSize","plotRef","useRef","theme","usePlotlyTheme","bindTooltip","tooltipElement","useChartTooltip","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","sizeRef","plotInitedRef","appliedSizeRef","seriesArray","useMemo","defaultColors","CHART_COLORS","defaultSymbols","seriesWithColors","series","index","gridColor","plotData","tickOptions","titleOptions","useEffect","layout","config","Plotly","plotElement","jsxs","cn","jsx"],"mappings":"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"}

package/dist/components/charts/DotPlot/DotPlot.js

@@ -1,208 +0,0 @@
-import { jsxs as j, jsx as M } from "react/jsx-runtime";
-import z from "plotly.js-dist";
-import { useRef as u, useMemo as i, useEffect as D } from "react";
-import { useChartTooltip as S } from "../ChartTooltip/ChartTooltip.js";
-import { useElementSize as q } from "../../../hooks/use-element-size.js";
-import { usePlotlyTheme as N } from "../../../hooks/use-plotly-theme.js";
-import { cn as F } from "../../../lib/utils.js";
-import { CHART_COLORS as G } from "../../../utils/colors.js";
-const Z = ({
-  dataSeries: l,
-  width: c,
-  height: b,
-  title: C = "Dot Plot",
-  xTitle: d,
-  yTitle: m,
-  variant: v = "default",
-  markerSize: g = 8
-}) => {
-  const n = u(null), o = N(), { bindTooltip: R, tooltipElement: H } = S({ xLabel: d, yLabel: m }), [L, k] = q(), e = c ?? k.width, r = b ?? k.height, I = e > 0 && r > 0, W = c === void 0, _ = b === void 0, s = u({ width: e, height: r });
-  s.current = { width: e, height: r };
-  const p = u(!1), a = u({ width: 0, height: 0 }), E = i(
-    () => Array.isArray(l) ? l : [l],
-    [l]
-  ), f = G, y = i(
-    () => [
-      "circle",
-      "square",
-      "diamond",
-      "triangle-up",
-      "triangle-down",
-      "star"
-    ],
-    []
-  ), P = i(() => E.map((t, h) => v === "default" ? {
-    ...t,
-    color: t.color || f[0],
-    symbol: "circle",
-    size: t.size || g
-  } : {
-    ...t,
-    color: t.color || f[h % f.length],
-    symbol: t.symbol || y[h % y.length],
-    size: t.size || g
-  }), [E, v, g, f, y]), w = o.gridColor, A = i(
-    () => P.map((t) => ({
-      type: "scatter",
-      x: t.x,
-      y: t.y,
-      mode: "markers",
-      name: t.name,
-      marker: {
-        color: t.color,
-        size: t.size,
-        symbol: t.symbol,
-        line: {
-          color: o.paperBg,
-          width: 1
-        }
-      },
-      hoverinfo: "none"
-    })),
-    [P, o]
-  ), x = i(
-    () => ({
-      tickcolor: o.tickColor,
-      ticklen: 12,
-      tickwidth: 1,
-      ticks: "outside",
-      tickfont: {
-        size: 16,
-        color: o.textColor,
-        family: "Inter, sans-serif",
-        weight: 400
-      },
-      linecolor: o.lineColor,
-      linewidth: 1,
-      position: 0,
-      zeroline: !1
-    }),
-    [o]
-  ), B = i(
-    () => ({
-      text: C,
-      x: 0.5,
-      y: 0.95,
-      xanchor: "center",
-      yanchor: "top",
-      font: {
-        size: 32,
-        weight: 600,
-        family: "Inter, sans-serif",
-        color: o.textColor,
-        lineheight: 1.2,
-        standoff: 30
-      }
-    }),
-    [C, o]
-  );
-  return D(() => {
-    if (!n.current || !I) return;
-    const t = {
-      width: s.current.width,
-      height: s.current.height,
-      font: {
-        family: "Inter, sans-serif"
-      },
-      title: B,
-      // Bottom margin reserves room for tick labels, the x-axis title, and the
-      // container-anchored bottom legend stacked beneath them.
-      margin: { l: 80, r: 40, b: 96, t: 80, pad: 0 },
-      showlegend: !0,
-      legend: {
-        // Anchor to the bottom of the container (not the plot area) so the
-        // legend always clears the x-axis tick labels + title — a paper-relative
-        // fractional offset collapses into the ticks at small heights (SW-2157).
-        x: 0.5,
-        y: 0,
-        xanchor: "center",
-        yanchor: "bottom",
-        yref: "container",
-        orientation: "h",
-        font: {
-          size: 13,
-          color: o.legendColor,
-          family: "Inter, sans-serif",
-          weight: 500,
-          lineheight: 18
-        }
-      },
-      xaxis: {
-        title: {
-          text: d,
-          font: {
-            size: 16,
-            color: o.textSecondary,
-            family: "Inter, sans-serif",
-            weight: 400
-          },
-          standoff: 15
-        },
-        gridcolor: w,
-        // Reserve space for tick labels + the axis title so the bottom legend
-        // can't overlap them at small sizes (SW-2157).
-        automargin: !0,
-        ...x
-      },
-      yaxis: {
-        title: {
-          text: m,
-          font: {
-            size: 16,
-            color: o.textSecondary,
-            family: "Inter, sans-serif",
-            weight: 400
-          },
-          standoff: 15
-        },
-        gridcolor: w,
-        automargin: !0,
-        ...x
-      },
-      paper_bgcolor: o.paperBg,
-      plot_bgcolor: o.plotBg
-    }, h = {
-      // Sizing is driven from the measured container; disable Plotly's own
-      // window-resize responsiveness (it can't see container resizes).
-      responsive: !1,
-      displayModeBar: !1,
-      displaylogo: !1
-    };
-    z.newPlot(n.current, A, t, h), R(n.current);
-    const O = n.current;
-    return p.current = !0, a.current = { ...s.current }, () => {
-      O && (z.purge(O), p.current = !1);
-    };
-  }, [I, d, m, A, B, x, w, o, R]), D(() => {
-    const t = n.current;
-    !t || !p.current || e <= 0 || r <= 0 || a.current.width === e && a.current.height === r || (a.current = { width: e, height: r }, z.relayout(t, { width: e, height: r }).catch(
-      () => {
-      }
-    ));
-  }, [e, r]), /* @__PURE__ */ j(
-    "div",
-    {
-      ref: L,
-      className: F("dotplot-container relative", W && "w-full", _ && "h-full"),
-      style: c === void 0 ? void 0 : { width: c },
-      children: [
-        /* @__PURE__ */ M(
-          "div",
-          {
-            ref: n,
-            style: {
-              width: "100%",
-              height: "100%",
-              margin: "0"
-            }
-          }
-        ),
-        H
-      ]
-    }
-  );
-};
-export {
-  Z as DotPlot
-};
-//# sourceMappingURL=DotPlot.js.map

package/dist/components/charts/DotPlot/DotPlot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DotPlot.js","sources":["../../../../src/components/charts/DotPlot/DotPlot.tsx"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\nimport React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { useChartTooltip } from \"../ChartTooltip\";\n\nimport { useElementSize } from \"@/hooks/use-element-size\";\nimport { usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { cn } from \"@/lib/utils\";\nimport { CHART_COLORS } from \"@/utils/colors\";\n\ntype MarkerSymbol =\n  | \"circle\"\n  | \"square\"\n  | \"diamond\"\n  | \"triangle-up\"\n  | \"triangle-down\"\n  | \"star\";\n\ninterface DotPlotDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  color?: string;\n  symbol?: MarkerSymbol;\n  size?: number;\n}\n\ntype DotPlotVariant = \"default\" | \"stacked\";\n\ntype DotPlotProps = {\n  dataSeries: DotPlotDataSeries | DotPlotDataSeries[];\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  title?: string;\n  xTitle?: string;\n  yTitle?: string;\n  variant?: DotPlotVariant;\n  markerSize?: number;\n};\n\nconst DotPlot: React.FC<DotPlotProps> = ({\n  dataSeries,\n  width,\n  height,\n  title = \"Dot Plot\",\n  xTitle,\n  yTitle,\n  variant = \"default\",\n  markerSize = 8,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n  const { bindTooltip, tooltipElement } = useChartTooltip({ xLabel: xTitle, yLabel: yTitle });\n\n  // Omitted width/height → fill the container and track its measured size;\n  // explicit pixel values override. See AreaGraph for the reference pattern.\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  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 seriesArray = useMemo(\n    () => (Array.isArray(dataSeries) ? dataSeries : [dataSeries]),\n    [dataSeries],\n  );\n\n  const defaultColors = CHART_COLORS;\n\n  const defaultSymbols: MarkerSymbol[] = useMemo(\n    () => [\n      \"circle\",\n      \"square\",\n      \"diamond\",\n      \"triangle-up\",\n      \"triangle-down\",\n      \"star\",\n    ],\n    [],\n  );\n\n  const seriesWithColors = useMemo(() => {\n    return seriesArray.map((series, index) => {\n      if (variant === \"default\") {\n        // Default variant: all circles, use first color or series color\n        return {\n          ...series,\n          color: series.color || defaultColors[0],\n          symbol: \"circle\" as MarkerSymbol,\n          size: series.size || markerSize,\n        };\n      } else {\n        // Stacked variant: different symbols and colors for each series\n        return {\n          ...series,\n          color: series.color || defaultColors[index % defaultColors.length],\n          symbol:\n            series.symbol || defaultSymbols[index % defaultSymbols.length],\n          size: series.size || markerSize,\n        };\n      }\n    });\n  }, [seriesArray, variant, markerSize, defaultColors, defaultSymbols]);\n\n  const gridColor = theme.gridColor;\n\n  const plotData = useMemo(\n    () =>\n      seriesWithColors.map((series) => ({\n        type: \"scatter\" as const,\n        x: series.x,\n        y: series.y,\n        mode: \"markers\" as const,\n        name: series.name,\n        marker: {\n          color: series.color,\n          size: series.size,\n          symbol: series.symbol,\n          line: {\n            color: theme.paperBg,\n            width: 1,\n          },\n        },\n        hoverinfo: \"none\" as const,\n      })),\n    [seriesWithColors, theme],\n  );\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: \"Inter, sans-serif\",\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      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: \"Inter, sans-serif\",\n        color: theme.textColor,\n        lineheight: 1.2,\n        standoff: 30,\n      },\n    }),\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current || !hasSize) return;\n\n    const layout = {\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      font: {\n        family: \"Inter, sans-serif\",\n      },\n      title: titleOptions,\n      // Bottom margin reserves room for tick labels, the x-axis title, and the\n      // container-anchored bottom legend stacked beneath them.\n      margin: { l: 80, r: 40, b: 96, t: 80, pad: 0 },\n      showlegend: true,\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: \"Inter, sans-serif\",\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: gridColor,\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: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: gridColor,\n        automargin: true,\n        ...tickOptions,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n    };\n\n    const config = {\n      // Sizing is driven from the measured container; disable Plotly's own\n      // window-resize responsiveness (it can't see container resizes).\n      responsive: false,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    Plotly.newPlot(plotRef.current, plotData, layout, config);\n    bindTooltip(plotRef.current);\n\n    // Capture ref value for cleanup\n    const plotElement = plotRef.current;\n    plotInitedRef.current = true;\n    appliedSizeRef.current = { ...sizeRef.current };\n\n    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [hasSize, xTitle, yTitle, plotData, titleOptions, tickOptions, gridColor, theme, bindTooltip]);\n\n  // Resize in place when the measured/overridden size changes — cheaper than\n  // 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    void Plotly.relayout(plotElement, { width: resolvedWidth, height: resolvedHeight }).catch(\n      () => {},\n    );\n  }, [resolvedWidth, resolvedHeight]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"dotplot-container relative\", fillWidth && \"w-full\", fillHeight && \"h-full\")}\n      style={width === undefined ? undefined : { width }}\n    >\n      <div\n        ref={plotRef}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          margin: \"0\",\n        }}\n      />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { DotPlot };\nexport type { DotPlotDataSeries, DotPlotProps, DotPlotVariant, MarkerSymbol };\n"],"names":["DotPlot","dataSeries","width","height","title","xTitle","yTitle","variant","markerSize","plotRef","useRef","theme","usePlotlyTheme","bindTooltip","tooltipElement","useChartTooltip","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","sizeRef","plotInitedRef","appliedSizeRef","seriesArray","useMemo","defaultColors","CHART_COLORS","defaultSymbols","seriesWithColors","series","index","gridColor","plotData","tickOptions","titleOptions","useEffect","layout","config","Plotly","plotElement","jsxs","cn","jsx"],"mappings":"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"}

package/dist/components/charts/Heatmap/Heatmap.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),H=require("react"),V=require("../PlateMap/PlateMap.cjs");function $(e){if(!e||e.length===0)return[];const n=Math.max(...e.map(t=>t.length));return e.map(t=>{if(t.length===n)return t;const l=[...t];for(;l.length<n;)l.push(0);return l})}const x=({data:e,xLabels:n,yLabels:t,title:l,xTitle:u,yTitle:s,colorscale:i,width:g=800,height:h=600,showScale:m=!0,precision:p=0,zmin:f,zmax:M,valueUnit:w=""})=>{const o=e?$(e):void 0,S=o?.length??t?.length??16,R=o?.[0]?.length??n?.length??24,v=H.useMemo(()=>{if(!o)return;const C="ABCDEFGHIJKLMNOPQRSTUVWXYZ",c=[];for(let r=0;r<o.length;r++)for(let a=0;a<o[r].length;a++){const D=t?.[r]?.toString()??C[r]??`R${r+1}`,P=n?.[a]?.toString()??String(a+1),j=`${D}${P}`;c.push({wellId:j,values:{Value:o[r][a]}})}return c},[o,n,t]),d=i;return q.jsx(V.PlateMap,{data:v,plateFormat:"custom",rows:S,columns:R,title:l,xTitle:u,yTitle:s,xLabels:n,yLabels:t,colorScale:d,valueMin:f,valueMax:M,showColorBar:m,width:g,height:h,layerConfigs:[{id:"Value",valueUnit:w}],precision:p})};exports.Heatmap=x;
-//# sourceMappingURL=Heatmap.cjs.map