@tetrascience-npm/tetrascience-react-ui 0.5.0 → 0.6.0-beta.79.1

package/dist/components/composed/PlateMapEditor/PlateMapActionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlateMapActionsMenu.js","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapActionsMenu.tsx"],"sourcesContent":["import { Check, ChevronDown, Download, LayoutTemplate, SaveAll, Trash2, Upload } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { triagePlateMapCsvFile } from \"./csvPlateTriage\";\nimport { groupTemplateOptions } from \"./helpers\";\n\nimport type { ImportExportHandlers, PlateMapCsvTriage, TemplateOption } from \"./types\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface PlateMapActionsMenuProps extends ImportExportHandlers {\n  templates?: TemplateOption[];\n  templateId?: string;\n  onTemplateChange?: (id: string) => void;\n  onClearTemplate?: () => void;\n  /** Disable export/save actions when there is nothing to export. */\n  hasEntries?: boolean;\n  label?: React.ReactNode;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  csvAccept?: string;\n  templateAccept?: string;\n  importTemplateLabel?: string;\n  exportTemplateLabel?: string;\n  importCsvLabel?: string;\n  exportCsvLabel?: string;\n  clearLabel?: string;\n  className?: string;\n}\n\nfunction HiddenFileInput({\n  inputRef,\n  accept,\n  onPick,\n  triageCsv,\n}: {\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  accept: string;\n  onPick?: (file: File, triage?: PlateMapCsvTriage) => void | Promise<void>;\n  triageCsv?: boolean;\n}) {\n  return (\n    <input\n      ref={inputRef}\n      type=\"file\"\n      accept={accept}\n      hidden\n      onChange={(event) => {\n        const input = event.currentTarget;\n        const file = event.target.files?.[0];\n        if (!file) {\n          input.value = \"\";\n          return;\n        }\n\n        void (async () => {\n          const triage = triageCsv ? await triagePlateMapCsvFile(file) : undefined;\n          await (triage ? onPick?.(file, triage) : onPick?.(file));\n          input.value = \"\";\n        })();\n      }}\n    />\n  );\n}\n\nexport function PlateMapActionsMenu({\n  templates,\n  templateId,\n  onTemplateChange,\n  onClearTemplate,\n  hasEntries,\n  onImportCsv,\n  onExportCsv,\n  onImportTemplate,\n  onExportTemplate,\n  label = \"Actions\",\n  align = \"start\",\n  side = \"bottom\",\n  csvAccept = \".csv,text/csv\",\n  templateAccept = \"application/json\",\n  importTemplateLabel = \"Import template (JSON)\",\n  exportTemplateLabel = \"Save template\",\n  importCsvLabel = \"Import plate map (CSV)\",\n  exportCsvLabel = \"Export plate map (CSV)\",\n  clearLabel = \"Clear template\",\n  className,\n}: PlateMapActionsMenuProps) {\n  const templateInputRef = React.useRef<HTMLInputElement>(null);\n  const csvInputRef = React.useRef<HTMLInputElement>(null);\n  const templateGroups = React.useMemo(() => groupTemplateOptions(templates), [templates]);\n  const disableEntryExport = hasEntries === false;\n\n  const hasMenuItems =\n    templateGroups.length > 0 ||\n    !!onImportTemplate ||\n    !!onExportTemplate ||\n    !!onImportCsv ||\n    !!onExportCsv ||\n    !!onClearTemplate;\n\n  if (!hasMenuItems) return null;\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" className={cn(\"min-w-24 justify-between\", className)}>\n            <span>{label}</span>\n            <ChevronDown aria-hidden />\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align={align} side={side} className=\"w-64\">\n          {templateGroups.map(([group, options]) => (\n            <DropdownMenuGroup key={group || \"templates\"}>\n              {group ? <DropdownMenuLabel>{group}</DropdownMenuLabel> : null}\n              {options.map((template) => (\n                <DropdownMenuItem\n                  key={template.id}\n                  disabled={template.disabled}\n                  onClick={() => onTemplateChange?.(template.id)}\n                >\n                  {template.id === templateId ? <Check aria-hidden /> : <span className=\"size-4\" aria-hidden />}\n                  <span className=\"flex min-w-0 flex-col\">\n                    <span className=\"truncate\">{template.label}</span>\n                    {template.description ? (\n                      <span className=\"truncate text-xs text-muted-foreground\">{template.description}</span>\n                    ) : null}\n                  </span>\n                </DropdownMenuItem>\n              ))}\n            </DropdownMenuGroup>\n          ))}\n\n          {templateGroups.length > 0 &&\n          (onImportTemplate || onExportTemplate || onImportCsv || onExportCsv || onClearTemplate) ? (\n            <DropdownMenuSeparator />\n          ) : null}\n\n          {onImportTemplate ? (\n            <DropdownMenuItem onClick={() => templateInputRef.current?.click()}>\n              <LayoutTemplate aria-hidden />\n              {importTemplateLabel}\n            </DropdownMenuItem>\n          ) : null}\n          {onExportTemplate ? (\n            <DropdownMenuItem disabled={disableEntryExport} onClick={() => onExportTemplate()}>\n              <SaveAll aria-hidden />\n              {exportTemplateLabel}\n            </DropdownMenuItem>\n          ) : null}\n\n          {(onImportTemplate || onExportTemplate) && (onImportCsv || onExportCsv) ? <DropdownMenuSeparator /> : null}\n\n          {onImportCsv ? (\n            <DropdownMenuItem onClick={() => csvInputRef.current?.click()}>\n              <Upload aria-hidden />\n              {importCsvLabel}\n            </DropdownMenuItem>\n          ) : null}\n          {onExportCsv ? (\n            <DropdownMenuItem disabled={disableEntryExport} onClick={() => onExportCsv()}>\n              <Download aria-hidden />\n              {exportCsvLabel}\n            </DropdownMenuItem>\n          ) : null}\n\n          {onClearTemplate ? (\n            <>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem\n                variant=\"destructive\"\n                disabled={!templateId && !hasEntries}\n                onClick={() => onClearTemplate()}\n              >\n                <Trash2 aria-hidden />\n                {clearLabel}\n              </DropdownMenuItem>\n            </>\n          ) : null}\n        </DropdownMenuContent>\n      </DropdownMenu>\n      <HiddenFileInput inputRef={templateInputRef} accept={templateAccept} onPick={onImportTemplate} />\n      <HiddenFileInput inputRef={csvInputRef} accept={csvAccept} onPick={onImportCsv} triageCsv />\n    </>\n  );\n}\n"],"names":["HiddenFileInput","inputRef","accept","onPick","triageCsv","jsx","event","input","file","triage","triagePlateMapCsvFile","PlateMapActionsMenu","templates","templateId","onTemplateChange","onClearTemplate","hasEntries","onImportCsv","onExportCsv","onImportTemplate","onExportTemplate","label","align","side","csvAccept","templateAccept","importTemplateLabel","exportTemplateLabel","importCsvLabel","exportCsvLabel","clearLabel","className","templateInputRef","React","csvInputRef","templateGroups","groupTemplateOptions","disableEntryExport","jsxs","Fragment","DropdownMenu","DropdownMenuTrigger","Button","cn","ChevronDown","DropdownMenuContent","group","options","DropdownMenuGroup","DropdownMenuLabel","template","DropdownMenuItem","Check","DropdownMenuSeparator","LayoutTemplate","SaveAll","Upload","Download","Trash2"],"mappings":"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"}

package/dist/components/composed/PlateMapEditor/PlateMapEditor.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),dt=require("react"),ut=require("./csvPlateTriage.cjs"),ft=require("./PlateMapActionsMenu.cjs"),xt=require("./PlateMapForm.cjs"),pt=require("./PlateMapGrid.cjs"),mt=require("./PlateMapManifest.cjs"),Pt=require("./PlateMapPlateSelector.cjs"),J=require("../../ui/badge.cjs"),f=require("../../ui/card.cjs"),ht=require("../../../lib/utils.cjs");function vt(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,l.get?l:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const o=vt(dt),Q="::",gt="plateBarcode",jt="Plate Barcode";function X(t,n){return`${t}${Q}${n}`}function Z(t,n){const r=`${t}${Q}`;return n.startsWith(r)?n.slice(r.length):void 0}function Mt(t,n){return{...t??{},...n}}function bt(t,n){const r=new Map;return t.forEach(l=>r.set(l.id,l)),(n??[]).forEach(l=>r.set(l.id,l)),[...r.values()]}function St(t,n){const r=t.find(l=>l.id===n);return r||(n?void 0:t[0])}function Ct(t,n){if(!n)return t;const r=new Map;return t.forEach((l,p)=>{const i=Z(n,p);i&&r.set(i,l)}),r}function Et({importedPlates:t,selectedPlateId:n,isControlled:r,providedPlateCount:l}){const p=t[0]?.id;return p?t.some(i=>i.id===n)?void 0:p:!r&&l===0?null:void 0}function wt(t,n){return t>0||!!n}function At(t,n){return!t||!!n}function yt({title:t,badges:n}){return!t&&!n?null:s.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[t?s.jsx("h2",{className:"text-lg font-semibold",children:t}):s.jsx("span",{}),n?s.jsx("div",{className:"flex flex-wrap gap-2",children:n}):null]})}function Nt({format:t,rows:n,columns:r,values:l,onChange:p,selection:i,onSelectionChange:E,fields:j,tableColumns:M,colorForWell:ee,emptyEntry:w,mergeOnApply:te,isPopulated:ne,cycleFieldOnWellDoubleClick:T,title:se,badges:ae,banner:re,legend:le,formExtras:oe,formSlot:ce,footer:q,plateTitle:ie="Plate",plateToolbar:de,plates:A,activePlateId:z,onPlateChange:b,onAddPlate:B,onRemovePlate:ue,addPlateLabel:fe,removePlateLabel:xe,plateSelectorLabel:pe,plateSelectorVariant:me,plateBarcodeField:Pe,plateBarcodeColumnHeader:F=jt,hidePlateBarcodeColumn:O=!1,groups:he,activeGroupId:ve,onGroupClick:ge,renderHoverSummary:je,cellSize:Me,emptyWellFillColor:be,wellShape:Se,framedPlate:Ce,wrapWell:Ee,highlightedWellIds:we,onHoveredWellChange:Ae,manifestFilterable:ye,manifestGroupable:Ne,autoScaleGrid:Te,minCellSize:We,maxCellSize:ke,className:_e,templates:qe,templateId:ze,onTemplateChange:Be,onClearTemplate:Fe,onImportCsv:W,onExportCsv:Oe,onImportTemplate:Re,onExportTemplate:Le,csvAccept:De,templateAccept:Ie,label:He,align:Ke,side:$e,importTemplateLabel:Ue,exportTemplateLabel:Ve,importCsvLabel:Ge,exportCsvLabel:Ye,clearLabel:Je}){const[R,L]=o.useState({}),[Qe,D]=o.useState(null),[I,H]=o.useState(),[K,Xe]=o.useState([]),[Ze,$]=o.useState(),et=te??Mt,y=o.useMemo(()=>bt(K,A),[K,A]),v=z!==void 0,N=z??Ze,U=o.useMemo(()=>St(y,N),[y,N]),P=U?.barcode,d=P,m=!!d,h=Pe??gt,V=o.useRef(d),g=o.useMemo(()=>Ct(l,d),[d,l]),G=o.useCallback(e=>!m||!d?e:X(d,e),[d,m]),tt=o.useCallback(e=>{v||$(e),b?.(e)},[v,b]),nt=o.useCallback(async(e,a)=>{if(a){const c=ut.plateOptionsFromCsvTriage(a);Xe(c);const u=Et({importedPlates:c,selectedPlateId:N,isControlled:v,providedPlateCount:A?.length??0});u!==void 0&&(v||$(u??void 0),u&&b?.(u))}await W?.(e,a)},[v,W,b,A,N]),S=o.useCallback(e=>!m||!P?e:{...e,[h]:P},[P,h,m]),C=o.useCallback(e=>{if(!m||!d){p(e);return}const a=new Map(l);[...a.keys()].forEach(c=>{Z(d,c)&&a.delete(c)}),e.forEach((c,u)=>{a.set(G(u),S(c))}),p(a)},[d,m,p,S,G,l]);o.useEffect(()=>{V.current!==d&&(V.current=d,L({}),D(null),H(void 0),i.size>0&&E(new Set))},[d,E,i.size]);const x=o.useMemo(()=>{if(!T)return;const e=j.find(a=>a.key===T);if(!(e?.kind!=="select"||!e.options?.length))return e},[T,j]),st=()=>{if(i.size===0)return;const e=new Map(g);i.forEach(a=>{const u=e.get(a)??w(a),k=S(et(u,R,a));e.set(a,k)}),C(e)},at=()=>{if(i.size===0)return;const e=new Map(g);i.forEach(a=>e.delete(a)),C(e)},rt=o.useCallback(e=>{if(!x?.options?.length)return;const a=new Map(g),c=a.get(e),u=c?.[x.key],k=x.options.findIndex(_=>_.value===u),Y=x.options[(k+1)%x.options.length];if(!Y)return;const it=c??w(e);a.set(e,S({...it,[x.key]:Y.value})),C(a),H(_=>({wellId:e,key:(_?.key??0)+1}))},[C,x,w,g,S]),lt=o.useMemo(()=>!m||!P||O||M.some(c=>c.field===h||c.id===h)?M:[{id:h,header:F,minWidth:150,render:({row:c})=>{const u=c[h]??P;return s.jsx(J.Badge,{variant:"outline",children:String(u)})}},...M],[P,h,O,m,F,M]),ot=wt(y.length,B),ct=At(v,b);return s.jsxs("div",{"data-slot":"plate-map-editor",className:ht.cn("flex flex-col gap-4",_e),children:[s.jsx(yt,{title:se,badges:ae}),re,s.jsxs("div",{className:"flex flex-wrap gap-3 md:flex-nowrap",children:[s.jsx(f.Card,{className:"flex w-full max-w-[360px] min-w-[300px] basis-[360px] flex-col",size:"sm",children:s.jsx(f.CardContent,{className:"flex h-full flex-1 flex-col gap-3",children:s.jsx(xt.PlateMapForm,{fields:j,value:R,onChange:L,selectionSize:i.size,onApply:st,onClear:at,extras:oe,legend:le,formSlot:ce})})}),s.jsxs(f.Card,{className:"flex min-w-[360px] flex-1 flex-col",size:"sm",children:[s.jsxs(f.CardHeader,{className:"border-b",children:[s.jsxs("div",{className:"flex min-w-0 flex-wrap items-center gap-2",children:[s.jsx(f.CardTitle,{className:"min-w-0",children:ie}),ot?s.jsx(Pt.PlateMapPlateSelector,{plates:y,activePlateId:U?.id,onPlateChange:ct?tt:void 0,onAddPlate:B,onRemovePlate:ue,addPlateLabel:fe,removePlateLabel:xe,label:pe,variant:me}):null]}),s.jsx(f.CardAction,{className:"flex flex-wrap items-center gap-2",children:s.jsx(ft.PlateMapActionsMenu,{templates:qe,templateId:ze,onTemplateChange:Be,onClearTemplate:Fe,hasEntries:l.size>0,onImportCsv:W?nt:void 0,onExportCsv:Oe,onImportTemplate:Re,onExportTemplate:Le,csvAccept:De,templateAccept:Ie,label:He,align:Ke,side:$e,importTemplateLabel:Ue,exportTemplateLabel:Ve,importCsvLabel:Ge,exportCsvLabel:Ye,clearLabel:Je})})]}),s.jsx(f.CardContent,{children:s.jsx(pt.PlateMapGrid,{format:t,rows:n,columns:r,values:g,selection:i,onSelectionChange:E,colorForWell:ee,fields:j,renderHoverSummary:je,hoveredWellId:Qe,onHoveredWellChange:e=>{D(e),Ae?.(e)},toolbar:de,emptyWellFillColor:be,wellShape:Se,framed:Ce,wrapWell:Ee,highlightedWellIds:we,onWellDoubleClick:x?rt:void 0,selectionFillMode:x?"well":"selection",flashWellId:I?.wellId,flashWellKey:I?.key,cellSize:Me,autoScale:Te,minCellSize:We,maxCellSize:ke,groups:he,activeGroupId:ve,onGroupClick:ge})})]})]}),s.jsxs(f.Card,{size:"sm",children:[s.jsx(f.CardHeader,{className:"border-b",children:s.jsx(f.CardTitle,{children:"Sample manifest"})}),s.jsx(f.CardContent,{children:s.jsx(mt.PlateMapManifest,{values:g,onChange:C,columns:lt,fields:j,selection:i,onSelectionChange:E,emptyEntry:w,isPopulated:ne,filterable:ye,groupable:Ne})})]}),q?s.jsx("div",{className:"flex justify-end gap-2 pt-2",children:q}):null]})}exports.PlateBadge=J.Badge;exports.PlateMapEditor=Nt;exports.getPlateMapScopedWellId=X;
+//# sourceMappingURL=PlateMapEditor.cjs.map

package/dist/components/composed/PlateMapEditor/PlateMapEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlateMapEditor.cjs","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapEditor.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { plateOptionsFromCsvTriage } from \"./csvPlateTriage\";\nimport { PlateMapActionsMenu } from \"./PlateMapActionsMenu\";\nimport { PlateMapForm } from \"./PlateMapForm\";\nimport { PlateMapGrid } from \"./PlateMapGrid\";\nimport { PlateMapManifest } from \"./PlateMapManifest\";\nimport { PlateMapPlateSelector } from \"./PlateMapPlateSelector\";\n\nimport type { PlateMapActionsMenuProps } from \"./PlateMapActionsMenu\";\nimport type { PlateMapPlateSelectorVariant } from \"./PlateMapPlateSelector\";\nimport type { WellShape } from \"./PlatePaintGrid\";\nimport type {\n  PlateFormat,\n  PlateMapCsvTriage,\n  PlateMapGroupOption,\n  PlateMapPlateOption,\n  WellColumn,\n  WellField,\n  WellId,\n  WellRecord,\n} from \"./types\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Card, CardAction, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { cn } from \"@/lib/utils\";\n\nconst PLATE_WELL_KEY_SEPARATOR = \"::\";\nconst DEFAULT_PLATE_BARCODE_FIELD = \"plateBarcode\";\nconst DEFAULT_PLATE_BARCODE_HEADER = \"Plate Barcode\";\n\nexport function getPlateMapScopedWellId(plateBarcode: string, wellId: WellId): WellId {\n  return `${plateBarcode}${PLATE_WELL_KEY_SEPARATOR}${wellId}`;\n}\n\nfunction wellIdFromPlateWellKey(plateId: string, key: WellId): WellId | undefined {\n  const prefix = `${plateId}${PLATE_WELL_KEY_SEPARATOR}`;\n  return key.startsWith(prefix) ? key.slice(prefix.length) : undefined;\n}\n\nexport interface PlateMapEditorProps<T extends WellRecord = WellRecord> extends Omit<\n  PlateMapActionsMenuProps,\n  \"hasEntries\" | \"className\"\n> {\n  format: PlateFormat;\n  rows?: number;\n  columns?: number;\n  values: Map<WellId, T>;\n  onChange: (next: Map<WellId, T>) => void;\n  selection: Set<WellId>;\n  onSelectionChange: (next: Set<WellId>) => void;\n\n  fields: WellField<T>[];\n  tableColumns: WellColumn<T>[];\n\n  /** Resolves the SVG fill color for a well. */\n  colorForWell: (well: T | undefined, wellId: WellId) => string;\n  /** Builds an empty record when a well is freshly created. */\n  emptyEntry: (wellId: WellId) => T;\n  /**\n   * Merges the staged form record onto an existing well record on Apply.\n   * Defaults to a shallow merge (form keys overwrite existing keys when set).\n   */\n  mergeOnApply?: (existing: T | undefined, staged: Partial<T>, wellId: WellId) => T;\n  /** Filter for the manifest's \"hide empty\" mode. */\n  isPopulated?: (row: T) => boolean;\n  /** Select field cycled when double-clicking a single well, e.g. role painting. */\n  cycleFieldOnWellDoubleClick?: keyof T & string;\n\n  /** Optional header title (e.g. plate set name). */\n  title?: string;\n  /** Optional badges shown in the header next to the title. */\n  badges?: React.ReactNode;\n  /** Optional banner (e.g. import/error alert) shown above the layout. */\n  banner?: React.ReactNode;\n  /** Legend block rendered under the form column. */\n  legend?: React.ReactNode;\n  /** Form helper slot rendered between fields and the action row. */\n  formExtras?: React.ReactNode;\n  /**\n   * Fully replaces the left column. When set, the built-in `WellMetadataForm`\n   * is omitted — use this for alternative workflows like a drag-and-drop\n   * source palette. The legend slot still renders beneath the replacement.\n   */\n  formSlot?: React.ReactNode;\n  /** Footer actions (e.g. Save, Back). */\n  footer?: React.ReactNode;\n  /** Title for the plate grid panel. */\n  plateTitle?: React.ReactNode;\n  /** Optional controls shown next to the built-in actions menu. */\n  plateToolbar?: React.ReactNode;\n  /** User-provided plates available for this editor. Barcodes are never generated by the editor. */\n  plates?: PlateMapPlateOption[];\n  activePlateId?: string;\n  onPlateChange?: (plateId: string) => void;\n  /** Opens the host app's manual barcode entry flow for creating a plate. */\n  onAddPlate?: () => void;\n  /** Removes a plate (typically when using `plateSelectorVariant=\"tabs\"`). */\n  onRemovePlate?: (plateId: string) => void;\n  addPlateLabel?: string;\n  removePlateLabel?: string;\n  plateSelectorLabel?: string;\n  /** Layout of the plate selector. Defaults to `\"dropdown\"`. */\n  plateSelectorVariant?: PlateMapPlateSelectorVariant;\n  /** Row field used to stamp the active user-provided barcode onto edited wells. Defaults to `plateBarcode`. */\n  plateBarcodeField?: keyof T & string;\n  /** Header for the automatic manifest barcode column. */\n  plateBarcodeColumnHeader?: string;\n  /** Hide the automatic manifest barcode column when plate-scoped editing is active. */\n  hidePlateBarcodeColumn?: boolean;\n  /** Optional grouped well shortcuts rendered under the grid. */\n  groups?: PlateMapGroupOption[];\n  activeGroupId?: string;\n  onGroupClick?: (group: PlateMapGroupOption) => void;\n  /** Custom hover summary for the strip above the grid. */\n  renderHoverSummary?: (well: T | undefined, wellId: WellId) => React.ReactNode;\n  /** Fixed well size. When unset, the grid grows with the available width. */\n  cellSize?: number;\n  /** Fill color for empty wells. Pass `null` to delegate empty wells to `colorForWell`. */\n  emptyWellFillColor?: string | null;\n  /** Well shape forwarded to `PlatePaintGrid`. Defaults to `\"rect\"`. */\n  wellShape?: WellShape;\n  /** When true, wraps the grid in a card-like plate frame (rounded + border + soft shadow). */\n  framedPlate?: boolean;\n  /**\n   * Forwarded to `PlatePaintGrid`. Render-prop that places a node inside each\n   * absolute-positioned well cell — used to wire drop targets without binding\n   * the kit to a specific DnD library.\n   */\n  wrapWell?: (wellId: WellId, cellSize: number) => React.ReactNode;\n  /** Wells to highlight (e.g. when hovering a legend item externally). */\n  highlightedWellIds?: ReadonlySet<WellId>;\n  /** Fires whenever the currently hovered well changes (null on leave). */\n  onHoveredWellChange?: (wellId: WellId | null) => void;\n  /** Enables the filter popover on the manifest table. */\n  manifestFilterable?: boolean;\n  /** Enables the group-by selector on the manifest table. */\n  manifestGroupable?: boolean;\n  autoScaleGrid?: boolean;\n  minCellSize?: number;\n  maxCellSize?: number;\n\n  className?: string;\n}\n\nfunction defaultMerge<T extends WellRecord>(existing: T | undefined, staged: Partial<T>): T {\n  return { ...(existing ?? ({} as T)), ...staged };\n}\n\nfunction mergePlateOptions(\n  importedPlates: PlateMapPlateOption[],\n  providedPlates: PlateMapPlateOption[] | undefined,\n): PlateMapPlateOption[] {\n  const merged = new Map<string, PlateMapPlateOption>();\n  importedPlates.forEach((plate) => merged.set(plate.id, plate));\n  (providedPlates ?? []).forEach((plate) => merged.set(plate.id, plate));\n  return [...merged.values()];\n}\n\nfunction resolveActivePlate(\n  plates: PlateMapPlateOption[],\n  selectedPlateId: string | undefined,\n): PlateMapPlateOption | undefined {\n  const matchingPlate = plates.find((plate) => plate.id === selectedPlateId);\n  if (matchingPlate) return matchingPlate;\n  return selectedPlateId ? undefined : plates[0];\n}\n\nfunction buildScopedValues<T extends WellRecord>(values: Map<WellId, T>, plateKey: string | undefined) {\n  if (!plateKey) return values;\n\n  const next = new Map<WellId, T>();\n  values.forEach((row, key) => {\n    const wellId = wellIdFromPlateWellKey(plateKey, key);\n    if (wellId) next.set(wellId, row);\n  });\n  return next;\n}\n\nfunction resolveImportedPlateSelection({\n  importedPlates,\n  selectedPlateId,\n  isControlled,\n  providedPlateCount,\n}: {\n  importedPlates: PlateMapPlateOption[];\n  selectedPlateId?: string;\n  isControlled: boolean;\n  providedPlateCount: number;\n}): string | null | undefined {\n  const firstImportedPlateId = importedPlates[0]?.id;\n  if (!firstImportedPlateId) return !isControlled && providedPlateCount === 0 ? null : undefined;\n  return importedPlates.some((plate) => plate.id === selectedPlateId) ? undefined : firstImportedPlateId;\n}\n\nfunction shouldShowPlateSelector(plateCount: number, onAddPlate: PlateMapEditorProps[\"onAddPlate\"]): boolean {\n  return plateCount > 0 || !!onAddPlate;\n}\n\nfunction canUpdatePlateSelection(isControlled: boolean, onPlateChange: PlateMapEditorProps[\"onPlateChange\"]): boolean {\n  return !isControlled || !!onPlateChange;\n}\n\nfunction PlateMapEditorTitleBar({ title, badges }: { title?: string; badges?: React.ReactNode }) {\n  if (!title && !badges) return null;\n\n  return (\n    <div className=\"flex flex-wrap items-center justify-between gap-2\">\n      {title ? <h2 className=\"text-lg font-semibold\">{title}</h2> : <span />}\n      {badges ? <div className=\"flex flex-wrap gap-2\">{badges}</div> : null}\n    </div>\n  );\n}\n\nexport function PlateMapEditor<T extends WellRecord = WellRecord>({\n  format,\n  rows,\n  columns,\n  values,\n  onChange,\n  selection,\n  onSelectionChange,\n  fields,\n  tableColumns,\n  colorForWell,\n  emptyEntry,\n  mergeOnApply,\n  isPopulated,\n  cycleFieldOnWellDoubleClick,\n  title,\n  badges,\n  banner,\n  legend,\n  formExtras,\n  formSlot,\n  footer,\n  plateTitle = \"Plate\",\n  plateToolbar,\n  plates,\n  activePlateId,\n  onPlateChange,\n  onAddPlate,\n  onRemovePlate,\n  addPlateLabel,\n  removePlateLabel,\n  plateSelectorLabel,\n  plateSelectorVariant,\n  plateBarcodeField,\n  plateBarcodeColumnHeader = DEFAULT_PLATE_BARCODE_HEADER,\n  hidePlateBarcodeColumn = false,\n  groups,\n  activeGroupId,\n  onGroupClick,\n  renderHoverSummary,\n  cellSize,\n  emptyWellFillColor,\n  wellShape,\n  framedPlate,\n  wrapWell,\n  highlightedWellIds,\n  onHoveredWellChange,\n  manifestFilterable,\n  manifestGroupable,\n  autoScaleGrid,\n  minCellSize,\n  maxCellSize,\n  className,\n  templates,\n  templateId,\n  onTemplateChange,\n  onClearTemplate,\n  onImportCsv,\n  onExportCsv,\n  onImportTemplate,\n  onExportTemplate,\n  csvAccept,\n  templateAccept,\n  label,\n  align,\n  side,\n  importTemplateLabel,\n  exportTemplateLabel,\n  importCsvLabel,\n  exportCsvLabel,\n  clearLabel,\n}: PlateMapEditorProps<T>) {\n  const [staged, setStaged] = React.useState<Partial<T>>({});\n  const [hoverPos, setHoverPos] = React.useState<WellId | null>(null);\n  const [flashWell, setFlashWell] = React.useState<{ wellId: WellId; key: number }>();\n  const [csvPlates, setCsvPlates] = React.useState<PlateMapPlateOption[]>([]);\n  const [internalActivePlateId, setInternalActivePlateId] = React.useState<string>();\n\n  const merge = mergeOnApply ?? defaultMerge<T>;\n  const availablePlates = React.useMemo(() => mergePlateOptions(csvPlates, plates), [csvPlates, plates]);\n  const isPlateSelectionControlled = activePlateId !== undefined;\n  const selectedPlateId = activePlateId ?? internalActivePlateId;\n  const activePlate = React.useMemo(\n    () => resolveActivePlate(availablePlates, selectedPlateId),\n    [availablePlates, selectedPlateId],\n  );\n  const activePlateBarcode = activePlate?.barcode;\n  const activePlateKey = activePlateBarcode;\n  const isPlateScoped = !!activePlateKey;\n  const barcodeField = (plateBarcodeField ?? DEFAULT_PLATE_BARCODE_FIELD) as keyof T & string;\n  const previousActivePlateKey = React.useRef<string | undefined>(activePlateKey);\n\n  const scopedValues = React.useMemo(() => buildScopedValues(values, activePlateKey), [activePlateKey, values]);\n\n  const toStoredWellKey = React.useCallback(\n    (wellId: WellId): WellId => {\n      if (!isPlateScoped || !activePlateKey) return wellId;\n      return getPlateMapScopedWellId(activePlateKey, wellId);\n    },\n    [activePlateKey, isPlateScoped],\n  );\n\n  const handlePlateChange = React.useCallback(\n    (plateId: string) => {\n      if (!isPlateSelectionControlled) setInternalActivePlateId(plateId);\n      onPlateChange?.(plateId);\n    },\n    [isPlateSelectionControlled, onPlateChange],\n  );\n\n  const handleImportCsv = React.useCallback(\n    async (file: File, triage?: PlateMapCsvTriage) => {\n      if (triage) {\n        const nextCsvPlates = plateOptionsFromCsvTriage(triage);\n        setCsvPlates(nextCsvPlates);\n        const nextSelection = resolveImportedPlateSelection({\n          importedPlates: nextCsvPlates,\n          selectedPlateId,\n          isControlled: isPlateSelectionControlled,\n          providedPlateCount: plates?.length ?? 0,\n        });\n\n        if (nextSelection !== undefined) {\n          if (!isPlateSelectionControlled) setInternalActivePlateId(nextSelection ?? undefined);\n          if (nextSelection) onPlateChange?.(nextSelection);\n        }\n      }\n\n      await onImportCsv?.(file, triage);\n    },\n    [isPlateSelectionControlled, onImportCsv, onPlateChange, plates, selectedPlateId],\n  );\n\n  const stampActivePlateBarcode = React.useCallback(\n    (row: T): T => {\n      if (!isPlateScoped || !activePlateBarcode) return row;\n      return { ...(row as Record<string, unknown>), [barcodeField]: activePlateBarcode } as T;\n    },\n    [activePlateBarcode, barcodeField, isPlateScoped],\n  );\n\n  const commitScopedValues = React.useCallback(\n    (nextScopedValues: Map<WellId, T>) => {\n      if (!isPlateScoped || !activePlateKey) {\n        onChange(nextScopedValues);\n        return;\n      }\n\n      const next = new Map(values);\n      [...next.keys()].forEach((key) => {\n        if (wellIdFromPlateWellKey(activePlateKey, key)) {\n          next.delete(key);\n        }\n      });\n      nextScopedValues.forEach((row, wellId) => {\n        next.set(toStoredWellKey(wellId), stampActivePlateBarcode(row));\n      });\n      onChange(next);\n    },\n    [activePlateKey, isPlateScoped, onChange, stampActivePlateBarcode, toStoredWellKey, values],\n  );\n\n  React.useEffect(() => {\n    if (previousActivePlateKey.current === activePlateKey) return;\n    previousActivePlateKey.current = activePlateKey;\n    setStaged({});\n    setHoverPos(null);\n    setFlashWell(undefined);\n    if (selection.size > 0) onSelectionChange(new Set());\n  }, [activePlateKey, onSelectionChange, selection.size]);\n\n  const doubleClickCycleField = React.useMemo(() => {\n    if (!cycleFieldOnWellDoubleClick) return;\n    const field = fields.find((f) => f.key === cycleFieldOnWellDoubleClick);\n    if (field?.kind !== \"select\" || !field.options?.length) return;\n    return field;\n  }, [cycleFieldOnWellDoubleClick, fields]);\n\n  const applyStagedToSelection = () => {\n    if (selection.size === 0) return;\n    const next = new Map(scopedValues);\n    selection.forEach((wellId) => {\n      const existing = next.get(wellId);\n      const base = existing ?? emptyEntry(wellId);\n      const merged = stampActivePlateBarcode(merge(base, staged, wellId));\n      next.set(wellId, merged);\n    });\n    commitScopedValues(next);\n  };\n\n  const clearWells = () => {\n    if (selection.size === 0) return;\n    const next = new Map(scopedValues);\n    selection.forEach((wellId) => next.delete(wellId));\n    commitScopedValues(next);\n  };\n\n  const cycleWellField = React.useCallback(\n    (wellId: WellId) => {\n      if (!doubleClickCycleField?.options?.length) return;\n\n      const next = new Map(scopedValues);\n      const existing = next.get(wellId);\n      const currentValue = existing?.[doubleClickCycleField.key];\n      const currentIndex = doubleClickCycleField.options.findIndex((opt) => opt.value === currentValue);\n      const nextOption = doubleClickCycleField.options[(currentIndex + 1) % doubleClickCycleField.options.length];\n      if (!nextOption) return;\n\n      const base = existing ?? emptyEntry(wellId);\n      next.set(wellId, stampActivePlateBarcode({ ...base, [doubleClickCycleField.key]: nextOption.value } as T));\n      commitScopedValues(next);\n      setFlashWell((current) => ({ wellId, key: (current?.key ?? 0) + 1 }));\n    },\n    [commitScopedValues, doubleClickCycleField, emptyEntry, scopedValues, stampActivePlateBarcode],\n  );\n\n  const manifestColumns = React.useMemo(() => {\n    if (!isPlateScoped || !activePlateBarcode || hidePlateBarcodeColumn) return tableColumns;\n    const alreadyHasBarcodeColumn = tableColumns.some(\n      (column) => column.field === barcodeField || column.id === barcodeField,\n    );\n    if (alreadyHasBarcodeColumn) return tableColumns;\n\n    const barcodeColumn: WellColumn<T> = {\n      id: barcodeField,\n      header: plateBarcodeColumnHeader,\n      minWidth: 150,\n      render: ({ row }) => {\n        const barcode = row[barcodeField] ?? activePlateBarcode;\n        return <Badge variant=\"outline\">{String(barcode)}</Badge>;\n      },\n    };\n    return [barcodeColumn, ...tableColumns];\n  }, [activePlateBarcode, barcodeField, hidePlateBarcodeColumn, isPlateScoped, plateBarcodeColumnHeader, tableColumns]);\n  const showPlateSelector = shouldShowPlateSelector(availablePlates.length, onAddPlate);\n  const canChangePlate = canUpdatePlateSelection(isPlateSelectionControlled, onPlateChange);\n\n  return (\n    <div data-slot=\"plate-map-editor\" className={cn(\"flex flex-col gap-4\", className)}>\n      <PlateMapEditorTitleBar title={title} badges={badges} />\n\n      {banner}\n\n      <div className=\"flex flex-wrap gap-3 md:flex-nowrap\">\n        {/* Form column */}\n        <Card className=\"flex w-full max-w-[360px] min-w-[300px] basis-[360px] flex-col\" size=\"sm\">\n          <CardContent className=\"flex h-full flex-1 flex-col gap-3\">\n            <PlateMapForm\n              fields={fields}\n              value={staged}\n              onChange={setStaged}\n              selectionSize={selection.size}\n              onApply={applyStagedToSelection}\n              onClear={clearWells}\n              extras={formExtras}\n              legend={legend}\n              formSlot={formSlot}\n            />\n          </CardContent>\n        </Card>\n\n        {/* Plate column */}\n        <Card className=\"flex min-w-[360px] flex-1 flex-col\" size=\"sm\">\n          <CardHeader className=\"border-b\">\n            <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n              <CardTitle className=\"min-w-0\">{plateTitle}</CardTitle>\n              {showPlateSelector ? (\n                <PlateMapPlateSelector\n                  plates={availablePlates}\n                  activePlateId={activePlate?.id}\n                  onPlateChange={canChangePlate ? handlePlateChange : undefined}\n                  onAddPlate={onAddPlate}\n                  onRemovePlate={onRemovePlate}\n                  addPlateLabel={addPlateLabel}\n                  removePlateLabel={removePlateLabel}\n                  label={plateSelectorLabel}\n                  variant={plateSelectorVariant}\n                />\n              ) : null}\n            </div>\n            <CardAction className=\"flex flex-wrap items-center gap-2\">\n              <PlateMapActionsMenu\n                templates={templates}\n                templateId={templateId}\n                onTemplateChange={onTemplateChange}\n                onClearTemplate={onClearTemplate}\n                hasEntries={values.size > 0}\n                onImportCsv={onImportCsv ? handleImportCsv : undefined}\n                onExportCsv={onExportCsv}\n                onImportTemplate={onImportTemplate}\n                onExportTemplate={onExportTemplate}\n                csvAccept={csvAccept}\n                templateAccept={templateAccept}\n                label={label}\n                align={align}\n                side={side}\n                importTemplateLabel={importTemplateLabel}\n                exportTemplateLabel={exportTemplateLabel}\n                importCsvLabel={importCsvLabel}\n                exportCsvLabel={exportCsvLabel}\n                clearLabel={clearLabel}\n              />\n            </CardAction>\n          </CardHeader>\n          <CardContent>\n            <PlateMapGrid\n              format={format}\n              rows={rows}\n              columns={columns}\n              values={scopedValues}\n              selection={selection}\n              onSelectionChange={onSelectionChange}\n              colorForWell={colorForWell}\n              fields={fields}\n              renderHoverSummary={renderHoverSummary}\n              hoveredWellId={hoverPos}\n              onHoveredWellChange={(wellId) => {\n                setHoverPos(wellId);\n                onHoveredWellChange?.(wellId);\n              }}\n              toolbar={plateToolbar}\n              emptyWellFillColor={emptyWellFillColor}\n              wellShape={wellShape}\n              framed={framedPlate}\n              wrapWell={wrapWell}\n              highlightedWellIds={highlightedWellIds}\n              onWellDoubleClick={doubleClickCycleField ? cycleWellField : undefined}\n              selectionFillMode={doubleClickCycleField ? \"well\" : \"selection\"}\n              flashWellId={flashWell?.wellId}\n              flashWellKey={flashWell?.key}\n              cellSize={cellSize}\n              autoScale={autoScaleGrid}\n              minCellSize={minCellSize}\n              maxCellSize={maxCellSize}\n              groups={groups}\n              activeGroupId={activeGroupId}\n              onGroupClick={onGroupClick}\n            />\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card size=\"sm\">\n        <CardHeader className=\"border-b\">\n          <CardTitle>Sample manifest</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <PlateMapManifest\n            values={scopedValues}\n            onChange={commitScopedValues}\n            columns={manifestColumns}\n            fields={fields}\n            selection={selection}\n            onSelectionChange={onSelectionChange}\n            emptyEntry={emptyEntry}\n            isPopulated={isPopulated}\n            filterable={manifestFilterable}\n            groupable={manifestGroupable}\n          />\n        </CardContent>\n      </Card>\n\n      {footer ? <div className=\"flex justify-end gap-2 pt-2\">{footer}</div> : null}\n    </div>\n  );\n}\n\nexport { Badge as PlateBadge };\n"],"names":["PLATE_WELL_KEY_SEPARATOR","DEFAULT_PLATE_BARCODE_FIELD","DEFAULT_PLATE_BARCODE_HEADER","getPlateMapScopedWellId","plateBarcode","wellId","wellIdFromPlateWellKey","plateId","key","prefix","defaultMerge","existing","staged","mergePlateOptions","importedPlates","providedPlates","merged","plate","resolveActivePlate","plates","selectedPlateId","matchingPlate","buildScopedValues","values","plateKey","next","row","resolveImportedPlateSelection","isControlled","providedPlateCount","firstImportedPlateId","shouldShowPlateSelector","plateCount","onAddPlate","canUpdatePlateSelection","onPlateChange","PlateMapEditorTitleBar","title","badges","jsxs","jsx","PlateMapEditor","format","rows","columns","onChange","selection","onSelectionChange","fields","tableColumns","colorForWell","emptyEntry","mergeOnApply","isPopulated","cycleFieldOnWellDoubleClick","banner","legend","formExtras","formSlot","footer","plateTitle","plateToolbar","activePlateId","onRemovePlate","addPlateLabel","removePlateLabel","plateSelectorLabel","plateSelectorVariant","plateBarcodeField","plateBarcodeColumnHeader","hidePlateBarcodeColumn","groups","activeGroupId","onGroupClick","renderHoverSummary","cellSize","emptyWellFillColor","wellShape","framedPlate","wrapWell","highlightedWellIds","onHoveredWellChange","manifestFilterable","manifestGroupable","autoScaleGrid","minCellSize","maxCellSize","className","templates","templateId","onTemplateChange","onClearTemplate","onImportCsv","onExportCsv","onImportTemplate","onExportTemplate","csvAccept","templateAccept","label","align","side","importTemplateLabel","exportTemplateLabel","importCsvLabel","exportCsvLabel","clearLabel","setStaged","React","hoverPos","setHoverPos","flashWell","setFlashWell","csvPlates","setCsvPlates","internalActivePlateId","setInternalActivePlateId","merge","availablePlates","isPlateSelectionControlled","activePlate","activePlateBarcode","activePlateKey","isPlateScoped","barcodeField","previousActivePlateKey","scopedValues","toStoredWellKey","handlePlateChange","handleImportCsv","file","triage","nextCsvPlates","plateOptionsFromCsvTriage","nextSelection","stampActivePlateBarcode","commitScopedValues","nextScopedValues","doubleClickCycleField","field","f","applyStagedToSelection","base","clearWells","cycleWellField","currentValue","currentIndex","opt","nextOption","current","manifestColumns","column","barcode","Badge","showPlateSelector","canChangePlate","cn","Card","CardContent","PlateMapForm","CardHeader","CardTitle","PlateMapPlateSelector","CardAction","PlateMapActionsMenu","PlateMapGrid","PlateMapManifest"],"mappings":"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"}

package/dist/components/composed/PlateMapEditor/PlateMapEditor.js

@@ -0,0 +1,341 @@
+import { jsxs as v, jsx as a } from "react/jsx-runtime";
+import * as o from "react";
+import { plateOptionsFromCsvTriage as ut } from "./csvPlateTriage.js";
+import { PlateMapActionsMenu as mt } from "./PlateMapActionsMenu.js";
+import { PlateMapForm as pt } from "./PlateMapForm.js";
+import { PlateMapGrid as ht } from "./PlateMapGrid.js";
+import { PlateMapManifest as xt } from "./PlateMapManifest.js";
+import { PlateMapPlateSelector as vt } from "./PlateMapPlateSelector.js";
+import { Badge as Pt } from "../../ui/badge.js";
+import { Card as F, CardContent as _, CardHeader as X, CardTitle as Z, CardAction as gt } from "../../ui/card.js";
+import { cn as Mt } from "../../../lib/utils.js";
+const ee = "::", St = "plateBarcode", Et = "Plate Barcode";
+function bt(t, n) {
+  return `${t}${ee}${n}`;
+}
+function te(t, n) {
+  const l = `${t}${ee}`;
+  return n.startsWith(l) ? n.slice(l.length) : void 0;
+}
+function wt(t, n) {
+  return { ...t ?? {}, ...n };
+}
+function Ct(t, n) {
+  const l = /* @__PURE__ */ new Map();
+  return t.forEach((s) => l.set(s.id, s)), (n ?? []).forEach((s) => l.set(s.id, s)), [...l.values()];
+}
+function At(t, n) {
+  const l = t.find((s) => s.id === n);
+  return l || (n ? void 0 : t[0]);
+}
+function Nt(t, n) {
+  if (!n) return t;
+  const l = /* @__PURE__ */ new Map();
+  return t.forEach((s, m) => {
+    const c = te(n, m);
+    c && l.set(c, s);
+  }), l;
+}
+function Wt({
+  importedPlates: t,
+  selectedPlateId: n,
+  isControlled: l,
+  providedPlateCount: s
+}) {
+  const m = t[0]?.id;
+  return m ? t.some((c) => c.id === n) ? void 0 : m : !l && s === 0 ? null : void 0;
+}
+function kt(t, n) {
+  return t > 0 || !!n;
+}
+function yt(t, n) {
+  return !t || !!n;
+}
+function zt({ title: t, badges: n }) {
+  return !t && !n ? null : /* @__PURE__ */ v("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+    t ? /* @__PURE__ */ a("h2", { className: "text-lg font-semibold", children: t }) : /* @__PURE__ */ a("span", {}),
+    n ? /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-2", children: n }) : null
+  ] });
+}
+function $t({
+  format: t,
+  rows: n,
+  columns: l,
+  values: s,
+  onChange: m,
+  selection: c,
+  onSelectionChange: C,
+  fields: M,
+  tableColumns: S,
+  colorForWell: ne,
+  emptyEntry: A,
+  mergeOnApply: re,
+  isPopulated: ae,
+  cycleFieldOnWellDoubleClick: y,
+  title: oe,
+  badges: se,
+  banner: le,
+  legend: ie,
+  formExtras: ce,
+  formSlot: de,
+  footer: L,
+  plateTitle: fe = "Plate",
+  plateToolbar: ue,
+  plates: N,
+  activePlateId: R,
+  onPlateChange: E,
+  onAddPlate: I,
+  onRemovePlate: me,
+  addPlateLabel: pe,
+  removePlateLabel: he,
+  plateSelectorLabel: xe,
+  plateSelectorVariant: ve,
+  plateBarcodeField: Pe,
+  plateBarcodeColumnHeader: D = Et,
+  hidePlateBarcodeColumn: H = !1,
+  groups: ge,
+  activeGroupId: Me,
+  onGroupClick: Se,
+  renderHoverSummary: Ee,
+  cellSize: be,
+  emptyWellFillColor: we,
+  wellShape: Ce,
+  framedPlate: Ae,
+  wrapWell: Ne,
+  highlightedWellIds: We,
+  onHoveredWellChange: ke,
+  manifestFilterable: ye,
+  manifestGroupable: ze,
+  autoScaleGrid: Te,
+  minCellSize: Be,
+  maxCellSize: Fe,
+  className: _e,
+  templates: Le,
+  templateId: Re,
+  onTemplateChange: Ie,
+  onClearTemplate: De,
+  onImportCsv: z,
+  onExportCsv: He,
+  onImportTemplate: Ke,
+  onExportTemplate: $e,
+  csvAccept: je,
+  templateAccept: Oe,
+  label: Ue,
+  align: Ve,
+  side: Ge,
+  importTemplateLabel: Ye,
+  exportTemplateLabel: qe,
+  importCsvLabel: Je,
+  exportCsvLabel: Qe,
+  clearLabel: Xe
+}) {
+  const [K, $] = o.useState({}), [Ze, j] = o.useState(null), [O, U] = o.useState(), [V, et] = o.useState([]), [tt, G] = o.useState(), nt = re ?? wt, W = o.useMemo(() => Ct(V, N), [V, N]), P = R !== void 0, k = R ?? tt, Y = o.useMemo(
+    () => At(W, k),
+    [W, k]
+  ), h = Y?.barcode, d = h, p = !!d, x = Pe ?? St, q = o.useRef(d), g = o.useMemo(() => Nt(s, d), [d, s]), J = o.useCallback(
+    (e) => !p || !d ? e : bt(d, e),
+    [d, p]
+  ), rt = o.useCallback(
+    (e) => {
+      P || G(e), E?.(e);
+    },
+    [P, E]
+  ), at = o.useCallback(
+    async (e, r) => {
+      if (r) {
+        const i = ut(r);
+        et(i);
+        const f = Wt({
+          importedPlates: i,
+          selectedPlateId: k,
+          isControlled: P,
+          providedPlateCount: N?.length ?? 0
+        });
+        f !== void 0 && (P || G(f ?? void 0), f && E?.(f));
+      }
+      await z?.(e, r);
+    },
+    [P, z, E, N, k]
+  ), b = o.useCallback(
+    (e) => !p || !h ? e : { ...e, [x]: h },
+    [h, x, p]
+  ), w = o.useCallback(
+    (e) => {
+      if (!p || !d) {
+        m(e);
+        return;
+      }
+      const r = new Map(s);
+      [...r.keys()].forEach((i) => {
+        te(d, i) && r.delete(i);
+      }), e.forEach((i, f) => {
+        r.set(J(f), b(i));
+      }), m(r);
+    },
+    [d, p, m, b, J, s]
+  );
+  o.useEffect(() => {
+    q.current !== d && (q.current = d, $({}), j(null), U(void 0), c.size > 0 && C(/* @__PURE__ */ new Set()));
+  }, [d, C, c.size]);
+  const u = o.useMemo(() => {
+    if (!y) return;
+    const e = M.find((r) => r.key === y);
+    if (!(e?.kind !== "select" || !e.options?.length))
+      return e;
+  }, [y, M]), ot = () => {
+    if (c.size === 0) return;
+    const e = new Map(g);
+    c.forEach((r) => {
+      const f = e.get(r) ?? A(r), T = b(nt(f, K, r));
+      e.set(r, T);
+    }), w(e);
+  }, st = () => {
+    if (c.size === 0) return;
+    const e = new Map(g);
+    c.forEach((r) => e.delete(r)), w(e);
+  }, lt = o.useCallback(
+    (e) => {
+      if (!u?.options?.length) return;
+      const r = new Map(g), i = r.get(e), f = i?.[u.key], T = u.options.findIndex((B) => B.value === f), Q = u.options[(T + 1) % u.options.length];
+      if (!Q) return;
+      const ft = i ?? A(e);
+      r.set(e, b({ ...ft, [u.key]: Q.value })), w(r), U((B) => ({ wellId: e, key: (B?.key ?? 0) + 1 }));
+    },
+    [w, u, A, g, b]
+  ), it = o.useMemo(() => !p || !h || H || S.some(
+    (i) => i.field === x || i.id === x
+  ) ? S : [{
+    id: x,
+    header: D,
+    minWidth: 150,
+    render: ({ row: i }) => {
+      const f = i[x] ?? h;
+      return /* @__PURE__ */ a(Pt, { variant: "outline", children: String(f) });
+    }
+  }, ...S], [h, x, H, p, D, S]), ct = kt(W.length, I), dt = yt(P, E);
+  return /* @__PURE__ */ v("div", { "data-slot": "plate-map-editor", className: Mt("flex flex-col gap-4", _e), children: [
+    /* @__PURE__ */ a(zt, { title: oe, badges: se }),
+    le,
+    /* @__PURE__ */ v("div", { className: "flex flex-wrap gap-3 md:flex-nowrap", children: [
+      /* @__PURE__ */ a(F, { className: "flex w-full max-w-[360px] min-w-[300px] basis-[360px] flex-col", size: "sm", children: /* @__PURE__ */ a(_, { className: "flex h-full flex-1 flex-col gap-3", children: /* @__PURE__ */ a(
+        pt,
+        {
+          fields: M,
+          value: K,
+          onChange: $,
+          selectionSize: c.size,
+          onApply: ot,
+          onClear: st,
+          extras: ce,
+          legend: ie,
+          formSlot: de
+        }
+      ) }) }),
+      /* @__PURE__ */ v(F, { className: "flex min-w-[360px] flex-1 flex-col", size: "sm", children: [
+        /* @__PURE__ */ v(X, { className: "border-b", children: [
+          /* @__PURE__ */ v("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ a(Z, { className: "min-w-0", children: fe }),
+            ct ? /* @__PURE__ */ a(
+              vt,
+              {
+                plates: W,
+                activePlateId: Y?.id,
+                onPlateChange: dt ? rt : void 0,
+                onAddPlate: I,
+                onRemovePlate: me,
+                addPlateLabel: pe,
+                removePlateLabel: he,
+                label: xe,
+                variant: ve
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ a(gt, { className: "flex flex-wrap items-center gap-2", children: /* @__PURE__ */ a(
+            mt,
+            {
+              templates: Le,
+              templateId: Re,
+              onTemplateChange: Ie,
+              onClearTemplate: De,
+              hasEntries: s.size > 0,
+              onImportCsv: z ? at : void 0,
+              onExportCsv: He,
+              onImportTemplate: Ke,
+              onExportTemplate: $e,
+              csvAccept: je,
+              templateAccept: Oe,
+              label: Ue,
+              align: Ve,
+              side: Ge,
+              importTemplateLabel: Ye,
+              exportTemplateLabel: qe,
+              importCsvLabel: Je,
+              exportCsvLabel: Qe,
+              clearLabel: Xe
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ a(_, { children: /* @__PURE__ */ a(
+          ht,
+          {
+            format: t,
+            rows: n,
+            columns: l,
+            values: g,
+            selection: c,
+            onSelectionChange: C,
+            colorForWell: ne,
+            fields: M,
+            renderHoverSummary: Ee,
+            hoveredWellId: Ze,
+            onHoveredWellChange: (e) => {
+              j(e), ke?.(e);
+            },
+            toolbar: ue,
+            emptyWellFillColor: we,
+            wellShape: Ce,
+            framed: Ae,
+            wrapWell: Ne,
+            highlightedWellIds: We,
+            onWellDoubleClick: u ? lt : void 0,
+            selectionFillMode: u ? "well" : "selection",
+            flashWellId: O?.wellId,
+            flashWellKey: O?.key,
+            cellSize: be,
+            autoScale: Te,
+            minCellSize: Be,
+            maxCellSize: Fe,
+            groups: ge,
+            activeGroupId: Me,
+            onGroupClick: Se
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ v(F, { size: "sm", children: [
+      /* @__PURE__ */ a(X, { className: "border-b", children: /* @__PURE__ */ a(Z, { children: "Sample manifest" }) }),
+      /* @__PURE__ */ a(_, { children: /* @__PURE__ */ a(
+        xt,
+        {
+          values: g,
+          onChange: w,
+          columns: it,
+          fields: M,
+          selection: c,
+          onSelectionChange: C,
+          emptyEntry: A,
+          isPopulated: ae,
+          filterable: ye,
+          groupable: ze
+        }
+      ) })
+    ] }),
+    L ? /* @__PURE__ */ a("div", { className: "flex justify-end gap-2 pt-2", children: L }) : null
+  ] });
+}
+export {
+  Pt as PlateBadge,
+  $t as PlateMapEditor,
+  bt as getPlateMapScopedWellId
+};
+//# sourceMappingURL=PlateMapEditor.js.map

package/dist/components/composed/PlateMapEditor/PlateMapEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlateMapEditor.js","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapEditor.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { plateOptionsFromCsvTriage } from \"./csvPlateTriage\";\nimport { PlateMapActionsMenu } from \"./PlateMapActionsMenu\";\nimport { PlateMapForm } from \"./PlateMapForm\";\nimport { PlateMapGrid } from \"./PlateMapGrid\";\nimport { PlateMapManifest } from \"./PlateMapManifest\";\nimport { PlateMapPlateSelector } from \"./PlateMapPlateSelector\";\n\nimport type { PlateMapActionsMenuProps } from \"./PlateMapActionsMenu\";\nimport type { PlateMapPlateSelectorVariant } from \"./PlateMapPlateSelector\";\nimport type { WellShape } from \"./PlatePaintGrid\";\nimport type {\n  PlateFormat,\n  PlateMapCsvTriage,\n  PlateMapGroupOption,\n  PlateMapPlateOption,\n  WellColumn,\n  WellField,\n  WellId,\n  WellRecord,\n} from \"./types\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Card, CardAction, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { cn } from \"@/lib/utils\";\n\nconst PLATE_WELL_KEY_SEPARATOR = \"::\";\nconst DEFAULT_PLATE_BARCODE_FIELD = \"plateBarcode\";\nconst DEFAULT_PLATE_BARCODE_HEADER = \"Plate Barcode\";\n\nexport function getPlateMapScopedWellId(plateBarcode: string, wellId: WellId): WellId {\n  return `${plateBarcode}${PLATE_WELL_KEY_SEPARATOR}${wellId}`;\n}\n\nfunction wellIdFromPlateWellKey(plateId: string, key: WellId): WellId | undefined {\n  const prefix = `${plateId}${PLATE_WELL_KEY_SEPARATOR}`;\n  return key.startsWith(prefix) ? key.slice(prefix.length) : undefined;\n}\n\nexport interface PlateMapEditorProps<T extends WellRecord = WellRecord> extends Omit<\n  PlateMapActionsMenuProps,\n  \"hasEntries\" | \"className\"\n> {\n  format: PlateFormat;\n  rows?: number;\n  columns?: number;\n  values: Map<WellId, T>;\n  onChange: (next: Map<WellId, T>) => void;\n  selection: Set<WellId>;\n  onSelectionChange: (next: Set<WellId>) => void;\n\n  fields: WellField<T>[];\n  tableColumns: WellColumn<T>[];\n\n  /** Resolves the SVG fill color for a well. */\n  colorForWell: (well: T | undefined, wellId: WellId) => string;\n  /** Builds an empty record when a well is freshly created. */\n  emptyEntry: (wellId: WellId) => T;\n  /**\n   * Merges the staged form record onto an existing well record on Apply.\n   * Defaults to a shallow merge (form keys overwrite existing keys when set).\n   */\n  mergeOnApply?: (existing: T | undefined, staged: Partial<T>, wellId: WellId) => T;\n  /** Filter for the manifest's \"hide empty\" mode. */\n  isPopulated?: (row: T) => boolean;\n  /** Select field cycled when double-clicking a single well, e.g. role painting. */\n  cycleFieldOnWellDoubleClick?: keyof T & string;\n\n  /** Optional header title (e.g. plate set name). */\n  title?: string;\n  /** Optional badges shown in the header next to the title. */\n  badges?: React.ReactNode;\n  /** Optional banner (e.g. import/error alert) shown above the layout. */\n  banner?: React.ReactNode;\n  /** Legend block rendered under the form column. */\n  legend?: React.ReactNode;\n  /** Form helper slot rendered between fields and the action row. */\n  formExtras?: React.ReactNode;\n  /**\n   * Fully replaces the left column. When set, the built-in `WellMetadataForm`\n   * is omitted — use this for alternative workflows like a drag-and-drop\n   * source palette. The legend slot still renders beneath the replacement.\n   */\n  formSlot?: React.ReactNode;\n  /** Footer actions (e.g. Save, Back). */\n  footer?: React.ReactNode;\n  /** Title for the plate grid panel. */\n  plateTitle?: React.ReactNode;\n  /** Optional controls shown next to the built-in actions menu. */\n  plateToolbar?: React.ReactNode;\n  /** User-provided plates available for this editor. Barcodes are never generated by the editor. */\n  plates?: PlateMapPlateOption[];\n  activePlateId?: string;\n  onPlateChange?: (plateId: string) => void;\n  /** Opens the host app's manual barcode entry flow for creating a plate. */\n  onAddPlate?: () => void;\n  /** Removes a plate (typically when using `plateSelectorVariant=\"tabs\"`). */\n  onRemovePlate?: (plateId: string) => void;\n  addPlateLabel?: string;\n  removePlateLabel?: string;\n  plateSelectorLabel?: string;\n  /** Layout of the plate selector. Defaults to `\"dropdown\"`. */\n  plateSelectorVariant?: PlateMapPlateSelectorVariant;\n  /** Row field used to stamp the active user-provided barcode onto edited wells. Defaults to `plateBarcode`. */\n  plateBarcodeField?: keyof T & string;\n  /** Header for the automatic manifest barcode column. */\n  plateBarcodeColumnHeader?: string;\n  /** Hide the automatic manifest barcode column when plate-scoped editing is active. */\n  hidePlateBarcodeColumn?: boolean;\n  /** Optional grouped well shortcuts rendered under the grid. */\n  groups?: PlateMapGroupOption[];\n  activeGroupId?: string;\n  onGroupClick?: (group: PlateMapGroupOption) => void;\n  /** Custom hover summary for the strip above the grid. */\n  renderHoverSummary?: (well: T | undefined, wellId: WellId) => React.ReactNode;\n  /** Fixed well size. When unset, the grid grows with the available width. */\n  cellSize?: number;\n  /** Fill color for empty wells. Pass `null` to delegate empty wells to `colorForWell`. */\n  emptyWellFillColor?: string | null;\n  /** Well shape forwarded to `PlatePaintGrid`. Defaults to `\"rect\"`. */\n  wellShape?: WellShape;\n  /** When true, wraps the grid in a card-like plate frame (rounded + border + soft shadow). */\n  framedPlate?: boolean;\n  /**\n   * Forwarded to `PlatePaintGrid`. Render-prop that places a node inside each\n   * absolute-positioned well cell — used to wire drop targets without binding\n   * the kit to a specific DnD library.\n   */\n  wrapWell?: (wellId: WellId, cellSize: number) => React.ReactNode;\n  /** Wells to highlight (e.g. when hovering a legend item externally). */\n  highlightedWellIds?: ReadonlySet<WellId>;\n  /** Fires whenever the currently hovered well changes (null on leave). */\n  onHoveredWellChange?: (wellId: WellId | null) => void;\n  /** Enables the filter popover on the manifest table. */\n  manifestFilterable?: boolean;\n  /** Enables the group-by selector on the manifest table. */\n  manifestGroupable?: boolean;\n  autoScaleGrid?: boolean;\n  minCellSize?: number;\n  maxCellSize?: number;\n\n  className?: string;\n}\n\nfunction defaultMerge<T extends WellRecord>(existing: T | undefined, staged: Partial<T>): T {\n  return { ...(existing ?? ({} as T)), ...staged };\n}\n\nfunction mergePlateOptions(\n  importedPlates: PlateMapPlateOption[],\n  providedPlates: PlateMapPlateOption[] | undefined,\n): PlateMapPlateOption[] {\n  const merged = new Map<string, PlateMapPlateOption>();\n  importedPlates.forEach((plate) => merged.set(plate.id, plate));\n  (providedPlates ?? []).forEach((plate) => merged.set(plate.id, plate));\n  return [...merged.values()];\n}\n\nfunction resolveActivePlate(\n  plates: PlateMapPlateOption[],\n  selectedPlateId: string | undefined,\n): PlateMapPlateOption | undefined {\n  const matchingPlate = plates.find((plate) => plate.id === selectedPlateId);\n  if (matchingPlate) return matchingPlate;\n  return selectedPlateId ? undefined : plates[0];\n}\n\nfunction buildScopedValues<T extends WellRecord>(values: Map<WellId, T>, plateKey: string | undefined) {\n  if (!plateKey) return values;\n\n  const next = new Map<WellId, T>();\n  values.forEach((row, key) => {\n    const wellId = wellIdFromPlateWellKey(plateKey, key);\n    if (wellId) next.set(wellId, row);\n  });\n  return next;\n}\n\nfunction resolveImportedPlateSelection({\n  importedPlates,\n  selectedPlateId,\n  isControlled,\n  providedPlateCount,\n}: {\n  importedPlates: PlateMapPlateOption[];\n  selectedPlateId?: string;\n  isControlled: boolean;\n  providedPlateCount: number;\n}): string | null | undefined {\n  const firstImportedPlateId = importedPlates[0]?.id;\n  if (!firstImportedPlateId) return !isControlled && providedPlateCount === 0 ? null : undefined;\n  return importedPlates.some((plate) => plate.id === selectedPlateId) ? undefined : firstImportedPlateId;\n}\n\nfunction shouldShowPlateSelector(plateCount: number, onAddPlate: PlateMapEditorProps[\"onAddPlate\"]): boolean {\n  return plateCount > 0 || !!onAddPlate;\n}\n\nfunction canUpdatePlateSelection(isControlled: boolean, onPlateChange: PlateMapEditorProps[\"onPlateChange\"]): boolean {\n  return !isControlled || !!onPlateChange;\n}\n\nfunction PlateMapEditorTitleBar({ title, badges }: { title?: string; badges?: React.ReactNode }) {\n  if (!title && !badges) return null;\n\n  return (\n    <div className=\"flex flex-wrap items-center justify-between gap-2\">\n      {title ? <h2 className=\"text-lg font-semibold\">{title}</h2> : <span />}\n      {badges ? <div className=\"flex flex-wrap gap-2\">{badges}</div> : null}\n    </div>\n  );\n}\n\nexport function PlateMapEditor<T extends WellRecord = WellRecord>({\n  format,\n  rows,\n  columns,\n  values,\n  onChange,\n  selection,\n  onSelectionChange,\n  fields,\n  tableColumns,\n  colorForWell,\n  emptyEntry,\n  mergeOnApply,\n  isPopulated,\n  cycleFieldOnWellDoubleClick,\n  title,\n  badges,\n  banner,\n  legend,\n  formExtras,\n  formSlot,\n  footer,\n  plateTitle = \"Plate\",\n  plateToolbar,\n  plates,\n  activePlateId,\n  onPlateChange,\n  onAddPlate,\n  onRemovePlate,\n  addPlateLabel,\n  removePlateLabel,\n  plateSelectorLabel,\n  plateSelectorVariant,\n  plateBarcodeField,\n  plateBarcodeColumnHeader = DEFAULT_PLATE_BARCODE_HEADER,\n  hidePlateBarcodeColumn = false,\n  groups,\n  activeGroupId,\n  onGroupClick,\n  renderHoverSummary,\n  cellSize,\n  emptyWellFillColor,\n  wellShape,\n  framedPlate,\n  wrapWell,\n  highlightedWellIds,\n  onHoveredWellChange,\n  manifestFilterable,\n  manifestGroupable,\n  autoScaleGrid,\n  minCellSize,\n  maxCellSize,\n  className,\n  templates,\n  templateId,\n  onTemplateChange,\n  onClearTemplate,\n  onImportCsv,\n  onExportCsv,\n  onImportTemplate,\n  onExportTemplate,\n  csvAccept,\n  templateAccept,\n  label,\n  align,\n  side,\n  importTemplateLabel,\n  exportTemplateLabel,\n  importCsvLabel,\n  exportCsvLabel,\n  clearLabel,\n}: PlateMapEditorProps<T>) {\n  const [staged, setStaged] = React.useState<Partial<T>>({});\n  const [hoverPos, setHoverPos] = React.useState<WellId | null>(null);\n  const [flashWell, setFlashWell] = React.useState<{ wellId: WellId; key: number }>();\n  const [csvPlates, setCsvPlates] = React.useState<PlateMapPlateOption[]>([]);\n  const [internalActivePlateId, setInternalActivePlateId] = React.useState<string>();\n\n  const merge = mergeOnApply ?? defaultMerge<T>;\n  const availablePlates = React.useMemo(() => mergePlateOptions(csvPlates, plates), [csvPlates, plates]);\n  const isPlateSelectionControlled = activePlateId !== undefined;\n  const selectedPlateId = activePlateId ?? internalActivePlateId;\n  const activePlate = React.useMemo(\n    () => resolveActivePlate(availablePlates, selectedPlateId),\n    [availablePlates, selectedPlateId],\n  );\n  const activePlateBarcode = activePlate?.barcode;\n  const activePlateKey = activePlateBarcode;\n  const isPlateScoped = !!activePlateKey;\n  const barcodeField = (plateBarcodeField ?? DEFAULT_PLATE_BARCODE_FIELD) as keyof T & string;\n  const previousActivePlateKey = React.useRef<string | undefined>(activePlateKey);\n\n  const scopedValues = React.useMemo(() => buildScopedValues(values, activePlateKey), [activePlateKey, values]);\n\n  const toStoredWellKey = React.useCallback(\n    (wellId: WellId): WellId => {\n      if (!isPlateScoped || !activePlateKey) return wellId;\n      return getPlateMapScopedWellId(activePlateKey, wellId);\n    },\n    [activePlateKey, isPlateScoped],\n  );\n\n  const handlePlateChange = React.useCallback(\n    (plateId: string) => {\n      if (!isPlateSelectionControlled) setInternalActivePlateId(plateId);\n      onPlateChange?.(plateId);\n    },\n    [isPlateSelectionControlled, onPlateChange],\n  );\n\n  const handleImportCsv = React.useCallback(\n    async (file: File, triage?: PlateMapCsvTriage) => {\n      if (triage) {\n        const nextCsvPlates = plateOptionsFromCsvTriage(triage);\n        setCsvPlates(nextCsvPlates);\n        const nextSelection = resolveImportedPlateSelection({\n          importedPlates: nextCsvPlates,\n          selectedPlateId,\n          isControlled: isPlateSelectionControlled,\n          providedPlateCount: plates?.length ?? 0,\n        });\n\n        if (nextSelection !== undefined) {\n          if (!isPlateSelectionControlled) setInternalActivePlateId(nextSelection ?? undefined);\n          if (nextSelection) onPlateChange?.(nextSelection);\n        }\n      }\n\n      await onImportCsv?.(file, triage);\n    },\n    [isPlateSelectionControlled, onImportCsv, onPlateChange, plates, selectedPlateId],\n  );\n\n  const stampActivePlateBarcode = React.useCallback(\n    (row: T): T => {\n      if (!isPlateScoped || !activePlateBarcode) return row;\n      return { ...(row as Record<string, unknown>), [barcodeField]: activePlateBarcode } as T;\n    },\n    [activePlateBarcode, barcodeField, isPlateScoped],\n  );\n\n  const commitScopedValues = React.useCallback(\n    (nextScopedValues: Map<WellId, T>) => {\n      if (!isPlateScoped || !activePlateKey) {\n        onChange(nextScopedValues);\n        return;\n      }\n\n      const next = new Map(values);\n      [...next.keys()].forEach((key) => {\n        if (wellIdFromPlateWellKey(activePlateKey, key)) {\n          next.delete(key);\n        }\n      });\n      nextScopedValues.forEach((row, wellId) => {\n        next.set(toStoredWellKey(wellId), stampActivePlateBarcode(row));\n      });\n      onChange(next);\n    },\n    [activePlateKey, isPlateScoped, onChange, stampActivePlateBarcode, toStoredWellKey, values],\n  );\n\n  React.useEffect(() => {\n    if (previousActivePlateKey.current === activePlateKey) return;\n    previousActivePlateKey.current = activePlateKey;\n    setStaged({});\n    setHoverPos(null);\n    setFlashWell(undefined);\n    if (selection.size > 0) onSelectionChange(new Set());\n  }, [activePlateKey, onSelectionChange, selection.size]);\n\n  const doubleClickCycleField = React.useMemo(() => {\n    if (!cycleFieldOnWellDoubleClick) return;\n    const field = fields.find((f) => f.key === cycleFieldOnWellDoubleClick);\n    if (field?.kind !== \"select\" || !field.options?.length) return;\n    return field;\n  }, [cycleFieldOnWellDoubleClick, fields]);\n\n  const applyStagedToSelection = () => {\n    if (selection.size === 0) return;\n    const next = new Map(scopedValues);\n    selection.forEach((wellId) => {\n      const existing = next.get(wellId);\n      const base = existing ?? emptyEntry(wellId);\n      const merged = stampActivePlateBarcode(merge(base, staged, wellId));\n      next.set(wellId, merged);\n    });\n    commitScopedValues(next);\n  };\n\n  const clearWells = () => {\n    if (selection.size === 0) return;\n    const next = new Map(scopedValues);\n    selection.forEach((wellId) => next.delete(wellId));\n    commitScopedValues(next);\n  };\n\n  const cycleWellField = React.useCallback(\n    (wellId: WellId) => {\n      if (!doubleClickCycleField?.options?.length) return;\n\n      const next = new Map(scopedValues);\n      const existing = next.get(wellId);\n      const currentValue = existing?.[doubleClickCycleField.key];\n      const currentIndex = doubleClickCycleField.options.findIndex((opt) => opt.value === currentValue);\n      const nextOption = doubleClickCycleField.options[(currentIndex + 1) % doubleClickCycleField.options.length];\n      if (!nextOption) return;\n\n      const base = existing ?? emptyEntry(wellId);\n      next.set(wellId, stampActivePlateBarcode({ ...base, [doubleClickCycleField.key]: nextOption.value } as T));\n      commitScopedValues(next);\n      setFlashWell((current) => ({ wellId, key: (current?.key ?? 0) + 1 }));\n    },\n    [commitScopedValues, doubleClickCycleField, emptyEntry, scopedValues, stampActivePlateBarcode],\n  );\n\n  const manifestColumns = React.useMemo(() => {\n    if (!isPlateScoped || !activePlateBarcode || hidePlateBarcodeColumn) return tableColumns;\n    const alreadyHasBarcodeColumn = tableColumns.some(\n      (column) => column.field === barcodeField || column.id === barcodeField,\n    );\n    if (alreadyHasBarcodeColumn) return tableColumns;\n\n    const barcodeColumn: WellColumn<T> = {\n      id: barcodeField,\n      header: plateBarcodeColumnHeader,\n      minWidth: 150,\n      render: ({ row }) => {\n        const barcode = row[barcodeField] ?? activePlateBarcode;\n        return <Badge variant=\"outline\">{String(barcode)}</Badge>;\n      },\n    };\n    return [barcodeColumn, ...tableColumns];\n  }, [activePlateBarcode, barcodeField, hidePlateBarcodeColumn, isPlateScoped, plateBarcodeColumnHeader, tableColumns]);\n  const showPlateSelector = shouldShowPlateSelector(availablePlates.length, onAddPlate);\n  const canChangePlate = canUpdatePlateSelection(isPlateSelectionControlled, onPlateChange);\n\n  return (\n    <div data-slot=\"plate-map-editor\" className={cn(\"flex flex-col gap-4\", className)}>\n      <PlateMapEditorTitleBar title={title} badges={badges} />\n\n      {banner}\n\n      <div className=\"flex flex-wrap gap-3 md:flex-nowrap\">\n        {/* Form column */}\n        <Card className=\"flex w-full max-w-[360px] min-w-[300px] basis-[360px] flex-col\" size=\"sm\">\n          <CardContent className=\"flex h-full flex-1 flex-col gap-3\">\n            <PlateMapForm\n              fields={fields}\n              value={staged}\n              onChange={setStaged}\n              selectionSize={selection.size}\n              onApply={applyStagedToSelection}\n              onClear={clearWells}\n              extras={formExtras}\n              legend={legend}\n              formSlot={formSlot}\n            />\n          </CardContent>\n        </Card>\n\n        {/* Plate column */}\n        <Card className=\"flex min-w-[360px] flex-1 flex-col\" size=\"sm\">\n          <CardHeader className=\"border-b\">\n            <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n              <CardTitle className=\"min-w-0\">{plateTitle}</CardTitle>\n              {showPlateSelector ? (\n                <PlateMapPlateSelector\n                  plates={availablePlates}\n                  activePlateId={activePlate?.id}\n                  onPlateChange={canChangePlate ? handlePlateChange : undefined}\n                  onAddPlate={onAddPlate}\n                  onRemovePlate={onRemovePlate}\n                  addPlateLabel={addPlateLabel}\n                  removePlateLabel={removePlateLabel}\n                  label={plateSelectorLabel}\n                  variant={plateSelectorVariant}\n                />\n              ) : null}\n            </div>\n            <CardAction className=\"flex flex-wrap items-center gap-2\">\n              <PlateMapActionsMenu\n                templates={templates}\n                templateId={templateId}\n                onTemplateChange={onTemplateChange}\n                onClearTemplate={onClearTemplate}\n                hasEntries={values.size > 0}\n                onImportCsv={onImportCsv ? handleImportCsv : undefined}\n                onExportCsv={onExportCsv}\n                onImportTemplate={onImportTemplate}\n                onExportTemplate={onExportTemplate}\n                csvAccept={csvAccept}\n                templateAccept={templateAccept}\n                label={label}\n                align={align}\n                side={side}\n                importTemplateLabel={importTemplateLabel}\n                exportTemplateLabel={exportTemplateLabel}\n                importCsvLabel={importCsvLabel}\n                exportCsvLabel={exportCsvLabel}\n                clearLabel={clearLabel}\n              />\n            </CardAction>\n          </CardHeader>\n          <CardContent>\n            <PlateMapGrid\n              format={format}\n              rows={rows}\n              columns={columns}\n              values={scopedValues}\n              selection={selection}\n              onSelectionChange={onSelectionChange}\n              colorForWell={colorForWell}\n              fields={fields}\n              renderHoverSummary={renderHoverSummary}\n              hoveredWellId={hoverPos}\n              onHoveredWellChange={(wellId) => {\n                setHoverPos(wellId);\n                onHoveredWellChange?.(wellId);\n              }}\n              toolbar={plateToolbar}\n              emptyWellFillColor={emptyWellFillColor}\n              wellShape={wellShape}\n              framed={framedPlate}\n              wrapWell={wrapWell}\n              highlightedWellIds={highlightedWellIds}\n              onWellDoubleClick={doubleClickCycleField ? cycleWellField : undefined}\n              selectionFillMode={doubleClickCycleField ? \"well\" : \"selection\"}\n              flashWellId={flashWell?.wellId}\n              flashWellKey={flashWell?.key}\n              cellSize={cellSize}\n              autoScale={autoScaleGrid}\n              minCellSize={minCellSize}\n              maxCellSize={maxCellSize}\n              groups={groups}\n              activeGroupId={activeGroupId}\n              onGroupClick={onGroupClick}\n            />\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card size=\"sm\">\n        <CardHeader className=\"border-b\">\n          <CardTitle>Sample manifest</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <PlateMapManifest\n            values={scopedValues}\n            onChange={commitScopedValues}\n            columns={manifestColumns}\n            fields={fields}\n            selection={selection}\n            onSelectionChange={onSelectionChange}\n            emptyEntry={emptyEntry}\n            isPopulated={isPopulated}\n            filterable={manifestFilterable}\n            groupable={manifestGroupable}\n          />\n        </CardContent>\n      </Card>\n\n      {footer ? <div className=\"flex justify-end gap-2 pt-2\">{footer}</div> : null}\n    </div>\n  );\n}\n\nexport { Badge as PlateBadge };\n"],"names":["PLATE_WELL_KEY_SEPARATOR","DEFAULT_PLATE_BARCODE_FIELD","DEFAULT_PLATE_BARCODE_HEADER","getPlateMapScopedWellId","plateBarcode","wellId","wellIdFromPlateWellKey","plateId","key","prefix","defaultMerge","existing","staged","mergePlateOptions","importedPlates","providedPlates","merged","plate","resolveActivePlate","plates","selectedPlateId","matchingPlate","buildScopedValues","values","plateKey","next","row","resolveImportedPlateSelection","isControlled","providedPlateCount","firstImportedPlateId","shouldShowPlateSelector","plateCount","onAddPlate","canUpdatePlateSelection","onPlateChange","PlateMapEditorTitleBar","title","badges","jsxs","jsx","PlateMapEditor","format","rows","columns","onChange","selection","onSelectionChange","fields","tableColumns","colorForWell","emptyEntry","mergeOnApply","isPopulated","cycleFieldOnWellDoubleClick","banner","legend","formExtras","formSlot","footer","plateTitle","plateToolbar","activePlateId","onRemovePlate","addPlateLabel","removePlateLabel","plateSelectorLabel","plateSelectorVariant","plateBarcodeField","plateBarcodeColumnHeader","hidePlateBarcodeColumn","groups","activeGroupId","onGroupClick","renderHoverSummary","cellSize","emptyWellFillColor","wellShape","framedPlate","wrapWell","highlightedWellIds","onHoveredWellChange","manifestFilterable","manifestGroupable","autoScaleGrid","minCellSize","maxCellSize","className","templates","templateId","onTemplateChange","onClearTemplate","onImportCsv","onExportCsv","onImportTemplate","onExportTemplate","csvAccept","templateAccept","label","align","side","importTemplateLabel","exportTemplateLabel","importCsvLabel","exportCsvLabel","clearLabel","setStaged","React","hoverPos","setHoverPos","flashWell","setFlashWell","csvPlates","setCsvPlates","internalActivePlateId","setInternalActivePlateId","merge","availablePlates","isPlateSelectionControlled","activePlate","activePlateBarcode","activePlateKey","isPlateScoped","barcodeField","previousActivePlateKey","scopedValues","toStoredWellKey","handlePlateChange","handleImportCsv","file","triage","nextCsvPlates","plateOptionsFromCsvTriage","nextSelection","stampActivePlateBarcode","commitScopedValues","nextScopedValues","doubleClickCycleField","field","f","applyStagedToSelection","base","clearWells","cycleWellField","currentValue","currentIndex","opt","nextOption","current","manifestColumns","column","barcode","Badge","showPlateSelector","canChangePlate","cn","Card","CardContent","PlateMapForm","CardHeader","CardTitle","PlateMapPlateSelector","CardAction","PlateMapActionsMenu","PlateMapGrid","PlateMapManifest"],"mappings":"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"}

package/dist/components/composed/PlateMapEditor/PlateMapForm.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("./WellMetadataForm.cjs"),x=require("../../ui/separator.cjs"),j=require("../../../lib/utils.cjs");function f({fields:t,value:a,onChange:l,selectionSize:o,onApply:s,onClear:n,applyLabel:i,clearLabel:c,extras:u,legend:r,formSlot:m,className:p}){return e.jsxs("div",{"data-slot":"plate-map-form",className:j.cn("flex flex-col gap-3",p),children:[m??e.jsx(d.WellMetadataForm,{fields:t,value:a,onChange:l,selectionSize:o,onApply:s,onClear:n,applyLabel:i,clearLabel:c,extras:u}),r?e.jsxs(e.Fragment,{children:[e.jsx(x.Separator,{}),r]}):null]})}exports.PlateMapForm=f;
+//# sourceMappingURL=PlateMapForm.cjs.map

package/dist/components/composed/PlateMapEditor/PlateMapForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlateMapForm.cjs","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapForm.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { WellMetadataForm } from \"./WellMetadataForm\";\n\nimport type { WellField, WellRecord } from \"./types\";\n\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface PlateMapFormProps<T extends WellRecord = WellRecord> {\n  fields: WellField<T>[];\n  /** Staged values applied across the current selection on Apply. */\n  value: Partial<T>;\n  onChange: (next: Partial<T>) => void;\n  selectionSize: number;\n  onApply: () => void;\n  onClear: () => void;\n  applyLabel?: string;\n  clearLabel?: string;\n  /** Helper slot rendered between the fields and the action row. */\n  extras?: React.ReactNode;\n  /** Legend block rendered beneath the form, separated by a divider. */\n  legend?: React.ReactNode;\n  /**\n   * Fully replaces the built-in `WellMetadataForm` — e.g. a drag-and-drop\n   * source palette. The legend slot still renders beneath the replacement.\n   */\n  formSlot?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * Card-agnostic metadata form panel. Renders the staged-value form (or a\n * caller-supplied `formSlot`) plus an optional legend. Bring your own\n * container — drop it bare into a sidebar, wrap it in a `Card`, or stack it\n * above the grid.\n */\nexport function PlateMapForm<T extends WellRecord = WellRecord>({\n  fields,\n  value,\n  onChange,\n  selectionSize,\n  onApply,\n  onClear,\n  applyLabel,\n  clearLabel,\n  extras,\n  legend,\n  formSlot,\n  className,\n}: PlateMapFormProps<T>) {\n  return (\n    <div data-slot=\"plate-map-form\" className={cn(\"flex flex-col gap-3\", className)}>\n      {formSlot ?? (\n        <WellMetadataForm<T>\n          fields={fields}\n          value={value}\n          onChange={onChange}\n          selectionSize={selectionSize}\n          onApply={onApply}\n          onClear={onClear}\n          applyLabel={applyLabel}\n          clearLabel={clearLabel}\n          extras={extras}\n        />\n      )}\n      {legend ? (\n        <>\n          <Separator />\n          {legend}\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["PlateMapForm","fields","value","onChange","selectionSize","onApply","onClear","applyLabel","clearLabel","extras","legend","formSlot","className","jsxs","cn","jsx","WellMetadataForm","Fragment","Separator"],"mappings":"iOAqCO,SAASA,EAAgD,CAC9D,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,QAAAC,EACA,QAAAC,EACA,WAAAC,EACA,WAAAC,EACA,OAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,CACF,EAAyB,CACvB,OACEC,OAAC,OAAI,YAAU,iBAAiB,UAAWC,EAAAA,GAAG,sBAAuBF,CAAS,EAC3E,SAAA,CAAAD,GACCI,EAAAA,IAACC,EAAAA,iBAAA,CACC,OAAAf,EACA,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,QAAAC,EACA,QAAAC,EACA,WAAAC,EACA,WAAAC,EACA,OAAAC,CAAA,CAAA,EAGHC,EACCG,EAAAA,KAAAI,WAAA,CACE,SAAA,CAAAF,EAAAA,IAACG,EAAAA,UAAA,EAAU,EACVR,CAAA,CAAA,CACH,EACE,IAAA,EACN,CAEJ"}

package/dist/components/composed/PlateMapEditor/PlateMapForm.js

@@ -0,0 +1,43 @@
+import { jsxs as o, jsx as a, Fragment as d } from "react/jsx-runtime";
+import { WellMetadataForm as u } from "./WellMetadataForm.js";
+import { Separator as F } from "../../ui/separator.js";
+import { cn as h } from "../../../lib/utils.js";
+function N({
+  fields: t,
+  value: m,
+  onChange: l,
+  selectionSize: e,
+  onApply: p,
+  onClear: f,
+  applyLabel: i,
+  clearLabel: n,
+  extras: c,
+  legend: r,
+  formSlot: s,
+  className: x
+}) {
+  return /* @__PURE__ */ o("div", { "data-slot": "plate-map-form", className: h("flex flex-col gap-3", x), children: [
+    s ?? /* @__PURE__ */ a(
+      u,
+      {
+        fields: t,
+        value: m,
+        onChange: l,
+        selectionSize: e,
+        onApply: p,
+        onClear: f,
+        applyLabel: i,
+        clearLabel: n,
+        extras: c
+      }
+    ),
+    r ? /* @__PURE__ */ o(d, { children: [
+      /* @__PURE__ */ a(F, {}),
+      r
+    ] }) : null
+  ] });
+}
+export {
+  N as PlateMapForm
+};
+//# sourceMappingURL=PlateMapForm.js.map

package/dist/components/composed/PlateMapEditor/PlateMapForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlateMapForm.js","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapForm.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { WellMetadataForm } from \"./WellMetadataForm\";\n\nimport type { WellField, WellRecord } from \"./types\";\n\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface PlateMapFormProps<T extends WellRecord = WellRecord> {\n  fields: WellField<T>[];\n  /** Staged values applied across the current selection on Apply. */\n  value: Partial<T>;\n  onChange: (next: Partial<T>) => void;\n  selectionSize: number;\n  onApply: () => void;\n  onClear: () => void;\n  applyLabel?: string;\n  clearLabel?: string;\n  /** Helper slot rendered between the fields and the action row. */\n  extras?: React.ReactNode;\n  /** Legend block rendered beneath the form, separated by a divider. */\n  legend?: React.ReactNode;\n  /**\n   * Fully replaces the built-in `WellMetadataForm` — e.g. a drag-and-drop\n   * source palette. The legend slot still renders beneath the replacement.\n   */\n  formSlot?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * Card-agnostic metadata form panel. Renders the staged-value form (or a\n * caller-supplied `formSlot`) plus an optional legend. Bring your own\n * container — drop it bare into a sidebar, wrap it in a `Card`, or stack it\n * above the grid.\n */\nexport function PlateMapForm<T extends WellRecord = WellRecord>({\n  fields,\n  value,\n  onChange,\n  selectionSize,\n  onApply,\n  onClear,\n  applyLabel,\n  clearLabel,\n  extras,\n  legend,\n  formSlot,\n  className,\n}: PlateMapFormProps<T>) {\n  return (\n    <div data-slot=\"plate-map-form\" className={cn(\"flex flex-col gap-3\", className)}>\n      {formSlot ?? (\n        <WellMetadataForm<T>\n          fields={fields}\n          value={value}\n          onChange={onChange}\n          selectionSize={selectionSize}\n          onApply={onApply}\n          onClear={onClear}\n          applyLabel={applyLabel}\n          clearLabel={clearLabel}\n          extras={extras}\n        />\n      )}\n      {legend ? (\n        <>\n          <Separator />\n          {legend}\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["PlateMapForm","fields","value","onChange","selectionSize","onApply","onClear","applyLabel","clearLabel","extras","legend","formSlot","className","jsxs","cn","jsx","WellMetadataForm","Fragment","Separator"],"mappings":";;;;AAqCO,SAASA,EAAgD;AAAA,EAC9D,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAyB;AACvB,SACE,gBAAAC,EAAC,SAAI,aAAU,kBAAiB,WAAWC,EAAG,uBAAuBF,CAAS,GAC3E,UAAA;AAAA,IAAAD,KACC,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAAf;AAAA,QACA,OAAAC;AAAA,QACA,UAAAC;AAAA,QACA,eAAAC;AAAA,QACA,SAAAC;AAAA,QACA,SAAAC;AAAA,QACA,YAAAC;AAAA,QACA,YAAAC;AAAA,QACA,QAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHC,IACC,gBAAAG,EAAAI,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAU;AAAA,MACVR;AAAA,IAAA,EAAA,CACH,IACE;AAAA,EAAA,GACN;AAEJ;"}

package/dist/components/composed/PlateMapEditor/PlateMapGrid.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),X=require("react"),Y=require("./PlatePaintGrid.cjs"),h=require("./wellGrid.cjs"),Z=require("../../ui/separator.cjs"),j=require("../../../lib/utils.cjs");function $(l){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const t in l)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(l,t);Object.defineProperty(s,t,n.get?n:{enumerable:!0,get:()=>l[t]})}}return s.default=l,Object.freeze(s)}const ee=$(X);function te(l,s){return s.map(t=>{const n=l[t.key];if(n==null||n==="")return null;if(t.kind==="select")return(t.options??[]).find(o=>o.value===n)?.label??String(n);if(t.kind==="multiselect"){const i=Array.isArray(n)?n:[];return i.length===0?null:i.map(o=>(t.options??[]).find(c=>c.value===o)?.label??o).join(", ")}return t.kind==="boolean"?n?t.label:null:String(n)}).filter(Boolean)}function ne({format:l,rows:s,columns:t,values:n,selection:i,onSelectionChange:o,colorForWell:c,fields:m,renderHoverSummary:y,onHoveredWellChange:g,hoveredWellId:x,toolbar:f,hideSelectionControls:N=!1,selectAllLabel:P="Select all",deselectAllLabel:w="Deselect all",emptyWellFillColor:S,wellShape:k,framed:q,wrapWell:C,highlightedWellIds:O,onWellDoubleClick:A,selectionFillMode:G,flashWellId:H,flashWellKey:D,cellSize:M,autoScale:R,minCellSize:F,maxCellSize:T,groups:d,activeGroupId:_,onGroupClick:z,className:B}){const E=h.resolveDimensions(l,s,t),[I,J]=ee.useState(null),p=x!==void 0,a=p?x:I,K=()=>o(new Set(h.allPositions(E))),L=()=>o(new Set),u=a?n.get(a):void 0,Q=u&&m?te(u,m):[],U=a?y?.(u,a)??[a,...Q].join(" • "):" ",v=!N,V=!!f||v;return e.jsxs("div",{"data-slot":"plate-map-grid",className:j.cn("flex flex-col gap-1.5",B),children:[V?e.jsxs("div",{className:"flex flex-wrap items-center justify-start gap-3",children:[f,v?e.jsxs("div",{className:"flex items-center gap-2 text-xs",children:[e.jsx("button",{type:"button",className:"font-medium text-primary underline-offset-2 hover:text-primary/80 hover:underline",onClick:K,children:P}),e.jsx("span",{className:"text-muted-foreground/60",children:"·"}),e.jsx("button",{type:"button",className:"font-medium text-primary underline-offset-2 hover:text-primary/80 hover:underline",onClick:L,children:w})]}):null]}):null,e.jsx("div",{className:"h-5 text-xs text-muted-foreground",children:U}),e.jsx(Y.PlatePaintGrid,{format:l,rows:s,columns:t,values:n,selection:i,onSelectionChange:o,colorForWell:c,emptyWellFillColor:S,wellShape:k,framed:q,wrapWell:C,highlightedWellIds:O,onWellHover:r=>{p||J(r),g?.(r)},onWellDoubleClick:A,selectionFillMode:G,flashWellId:H,flashWellKey:D,cellSize:M,autoScale:R,minCellSize:F,maxCellSize:T}),d&&d.length>0?e.jsxs(e.Fragment,{children:[e.jsx(Z.Separator,{className:"mt-2"}),e.jsx("div",{className:"flex max-h-28 flex-wrap gap-3 overflow-y-auto pt-1",children:d.map(r=>{const W=r.id===_,b=r.count??r.wellIds?.length;return e.jsxs("button",{type:"button",disabled:r.disabled,onClick:()=>z?.(r),className:j.cn("flex w-16 flex-col items-center gap-1 rounded-md px-1 py-1 text-center text-xs transition-colors","text-muted-foreground hover:bg-muted/60",W&&"bg-muted text-foreground ring-1 ring-primary/40",r.disabled&&"pointer-events-none opacity-50"),title:r.label,children:[e.jsx("span",{className:"size-7 rounded-full border",style:{backgroundColor:r.color,borderColor:r.borderColor},"aria-hidden":!0}),e.jsx("span",{className:"w-full truncate text-foreground",children:r.label}),b===void 0?null:e.jsxs("span",{className:"text-[0.7rem] leading-none text-muted-foreground",children:[b," wells"]})]},r.id)})})]}):null]})}exports.PlateMapGrid=ne;
+//# sourceMappingURL=PlateMapGrid.cjs.map