@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

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

@@ -1 +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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"}
+{"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.d.ts

@@ -0,0 +1,106 @@
+import { PlateMapActionsMenuProps } from './PlateMapActionsMenu';
+import { PlateMapPlateSelectorVariant } from './PlateMapPlateSelector';
+import { WellShape } from './PlatePaintGrid';
+import { PlateFormat, PlateMapGroupOption, PlateMapPlateOption, WellColumn, WellField, WellId, WellRecord } from './types';
+import { Badge } from '../../ui/badge';
+import * as React from "react";
+export declare function getPlateMapScopedWellId(plateBarcode: string, wellId: WellId): WellId;
+export interface PlateMapEditorProps<T extends WellRecord = WellRecord> extends Omit<PlateMapActionsMenuProps, "hasEntries" | "className"> {
+    format: PlateFormat;
+    rows?: number;
+    columns?: number;
+    values: Map<WellId, T>;
+    onChange: (next: Map<WellId, T>) => void;
+    selection: Set<WellId>;
+    onSelectionChange: (next: Set<WellId>) => void;
+    fields: WellField<T>[];
+    tableColumns: WellColumn<T>[];
+    /** Resolves the SVG fill color for a well. */
+    colorForWell: (well: T | undefined, wellId: WellId) => string;
+    /** Builds an empty record when a well is freshly created. */
+    emptyEntry: (wellId: WellId) => T;
+    /**
+     * Merges the staged form record onto an existing well record on Apply.
+     * Defaults to a shallow merge (form keys overwrite existing keys when set).
+     */
+    mergeOnApply?: (existing: T | undefined, staged: Partial<T>, wellId: WellId) => T;
+    /** Filter for the manifest's "hide empty" mode. */
+    isPopulated?: (row: T) => boolean;
+    /** Select field cycled when double-clicking a single well, e.g. role painting. */
+    cycleFieldOnWellDoubleClick?: keyof T & string;
+    /** Optional header title (e.g. plate set name). */
+    title?: string;
+    /** Optional badges shown in the header next to the title. */
+    badges?: React.ReactNode;
+    /** Optional banner (e.g. import/error alert) shown above the layout. */
+    banner?: React.ReactNode;
+    /** Legend block rendered under the form column. */
+    legend?: React.ReactNode;
+    /** Form helper slot rendered between fields and the action row. */
+    formExtras?: React.ReactNode;
+    /**
+     * Fully replaces the left column. When set, the built-in `WellMetadataForm`
+     * is omitted — use this for alternative workflows like a drag-and-drop
+     * source palette. The legend slot still renders beneath the replacement.
+     */
+    formSlot?: React.ReactNode;
+    /** Footer actions (e.g. Save, Back). */
+    footer?: React.ReactNode;
+    /** Title for the plate grid panel. */
+    plateTitle?: React.ReactNode;
+    /** Optional controls shown next to the built-in actions menu. */
+    plateToolbar?: React.ReactNode;
+    /** User-provided plates available for this editor. Barcodes are never generated by the editor. */
+    plates?: PlateMapPlateOption[];
+    activePlateId?: string;
+    onPlateChange?: (plateId: string) => void;
+    /** Opens the host app's manual barcode entry flow for creating a plate. */
+    onAddPlate?: () => void;
+    /** Removes a plate (typically when using `plateSelectorVariant="tabs"`). */
+    onRemovePlate?: (plateId: string) => void;
+    addPlateLabel?: string;
+    removePlateLabel?: string;
+    plateSelectorLabel?: string;
+    /** Layout of the plate selector. Defaults to `"dropdown"`. */
+    plateSelectorVariant?: PlateMapPlateSelectorVariant;
+    /** Row field used to stamp the active user-provided barcode onto edited wells. Defaults to `plateBarcode`. */
+    plateBarcodeField?: keyof T & string;
+    /** Header for the automatic manifest barcode column. */
+    plateBarcodeColumnHeader?: string;
+    /** Hide the automatic manifest barcode column when plate-scoped editing is active. */
+    hidePlateBarcodeColumn?: boolean;
+    /** Optional grouped well shortcuts rendered under the grid. */
+    groups?: PlateMapGroupOption[];
+    activeGroupId?: string;
+    onGroupClick?: (group: PlateMapGroupOption) => void;
+    /** Custom hover summary for the strip above the grid. */
+    renderHoverSummary?: (well: T | undefined, wellId: WellId) => React.ReactNode;
+    /** Fixed well size. When unset, the grid grows with the available width. */
+    cellSize?: number;
+    /** Fill color for empty wells. Pass `null` to delegate empty wells to `colorForWell`. */
+    emptyWellFillColor?: string | null;
+    /** Well shape forwarded to `PlatePaintGrid`. Defaults to `"rect"`. */
+    wellShape?: WellShape;
+    /** When true, wraps the grid in a card-like plate frame (rounded + border + soft shadow). */
+    framedPlate?: boolean;
+    /**
+     * Forwarded to `PlatePaintGrid`. Render-prop that places a node inside each
+     * absolute-positioned well cell — used to wire drop targets without binding
+     * the kit to a specific DnD library.
+     */
+    wrapWell?: (wellId: WellId, cellSize: number) => React.ReactNode;
+    /** Wells to highlight (e.g. when hovering a legend item externally). */
+    highlightedWellIds?: ReadonlySet<WellId>;
+    /** Fires whenever the currently hovered well changes (null on leave). */
+    onHoveredWellChange?: (wellId: WellId | null) => void;
+    /** Enables the filter popover on the manifest table. */
+    manifestFilterable?: boolean;
+    /** Enables the group-by selector on the manifest table. */
+    manifestGroupable?: boolean;
+    autoScaleGrid?: boolean;
+    minCellSize?: number;
+    maxCellSize?: number;
+    className?: string;
+}
+export declare function PlateMapEditor<T extends WellRecord = WellRecord>({ format, rows, columns, values, onChange, selection, onSelectionChange, fields, tableColumns, colorForWell, emptyEntry, mergeOnApply, isPopulated, cycleFieldOnWellDoubleClick, title, badges, banner, legend, formExtras, formSlot, footer, plateTitle, plateToolbar, plates, activePlateId, onPlateChange, onAddPlate, 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, }: PlateMapEditorProps<T>): import("react/jsx-runtime").JSX.Element;
+export { Badge as PlateBadge };

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

@@ -6,8 +6,8 @@ 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 { 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) {

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

@@ -1,2 +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;
+"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:i,applyLabel:n,clearLabel:u,extras:c,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:i,applyLabel:n,clearLabel:u,extras:c}),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

@@ -1 +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"}
+{"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":"oOAqCO,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.d.ts

@@ -0,0 +1,30 @@
+import { WellField, WellRecord } from './types';
+import * as React from "react";
+export interface PlateMapFormProps<T extends WellRecord = WellRecord> {
+    fields: WellField<T>[];
+    /** Staged values applied across the current selection on Apply. */
+    value: Partial<T>;
+    onChange: (next: Partial<T>) => void;
+    selectionSize: number;
+    onApply: () => void;
+    onClear: () => void;
+    applyLabel?: string;
+    clearLabel?: string;
+    /** Helper slot rendered between the fields and the action row. */
+    extras?: React.ReactNode;
+    /** Legend block rendered beneath the form, separated by a divider. */
+    legend?: React.ReactNode;
+    /**
+     * Fully replaces the built-in `WellMetadataForm` — e.g. a drag-and-drop
+     * source palette. The legend slot still renders beneath the replacement.
+     */
+    formSlot?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Card-agnostic metadata form panel. Renders the staged-value form (or a
+ * caller-supplied `formSlot`) plus an optional legend. Bring your own
+ * container — drop it bare into a sidebar, wrap it in a `Card`, or stack it
+ * above the grid.
+ */
+export declare function PlateMapForm<T extends WellRecord = WellRecord>({ fields, value, onChange, selectionSize, onApply, onClear, applyLabel, clearLabel, extras, legend, formSlot, className, }: PlateMapFormProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 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 { Separator as F } from "../../../ui/separator.js";
 import { cn as h } from "../../../lib/utils.js";
 function N({
   fields: t,

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

@@ -1,2 +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-accent/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;
+"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:_,maxCellSize:F,groups:d,activeGroupId:T,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:_,maxCellSize:F}),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===T,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-accent/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

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

@@ -1 +1 @@
-{"version":3,"file":"PlateMapGrid.cjs","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapGrid.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { PlatePaintGrid } from \"./PlatePaintGrid\";\nimport { allPositions, resolveDimensions } from \"./wellGrid\";\n\nimport type { WellShape } from \"./PlatePaintGrid\";\nimport type { PlateFormat, PlateMapGroupOption, WellField, WellId, WellRecord } from \"./types\";\n\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils\";\n\nfunction formatHoverFields<T extends WellRecord>(entry: T, fields: WellField<T>[]): string[] {\n  return fields\n    .map((f) => {\n      const v = entry[f.key];\n      if (v === undefined || v === null || v === \"\") return null;\n      if (f.kind === \"select\") {\n        const opt = (f.options ?? []).find((o) => o.value === v);\n        return opt?.label ?? String(v);\n      }\n      if (f.kind === \"multiselect\") {\n        const arr = Array.isArray(v) ? (v as string[]) : [];\n        if (arr.length === 0) return null;\n        return arr.map((item) => (f.options ?? []).find((o) => o.value === item)?.label ?? item).join(\", \");\n      }\n      if (f.kind === \"boolean\") {\n        return v ? f.label : null;\n      }\n      return String(v);\n    })\n    .filter(Boolean) as string[];\n}\n\nexport interface PlateMapGridProps<T extends WellRecord = WellRecord> {\n  format: PlateFormat;\n  rows?: number;\n  columns?: number;\n  values: Map<WellId, T>;\n  selection: Set<WellId>;\n  onSelectionChange: (next: Set<WellId>) => void;\n  /** Resolves the SVG fill color for a well. */\n  colorForWell: (well: T | undefined, wellId: WellId) => string;\n  /** Field schema used to build the default hover summary string. */\n  fields?: WellField<T>[];\n  /** Custom hover summary for the strip above the grid. */\n  renderHoverSummary?: (well: T | undefined, wellId: WellId) => React.ReactNode;\n  /** Fires whenever the currently hovered well changes (null on leave). */\n  onHoveredWellChange?: (wellId: WellId | null) => void;\n  /**\n   * Controlled hovered well id. When provided, the panel reflects this value\n   * instead of tracking hover internally — useful for syncing the hover\n   * summary with external state (e.g. resetting it on a plate switch).\n   */\n  hoveredWellId?: WellId | null;\n  /** Controls rendered to the left of the built-in select/deselect links. */\n  toolbar?: React.ReactNode;\n  /** Hide the built-in \"Select all\" / \"Deselect all\" links. */\n  hideSelectionControls?: boolean;\n  selectAllLabel?: string;\n  deselectAllLabel?: string;\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  framed?: boolean;\n  /** Render-prop that places a node inside each absolute-positioned well cell. */\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  onWellDoubleClick?: (wellId: WellId) => void;\n  selectionFillMode?: \"selection\" | \"well\";\n  flashWellId?: WellId;\n  flashWellKey?: number;\n  /** Fixed well size. When unset, the grid grows with the available width. */\n  cellSize?: number;\n  autoScale?: boolean;\n  minCellSize?: number;\n  maxCellSize?: number;\n  /** Optional grouped well shortcuts rendered under the grid. */\n  groups?: PlateMapGroupOption[];\n  activeGroupId?: string;\n  onGroupClick?: (group: PlateMapGroupOption) => void;\n  className?: string;\n}\n\n/**\n * Card-agnostic plate grid panel. Renders the selection toolbar, hover\n * summary, the interactive `PlatePaintGrid`, and optional group shortcuts —\n * and owns the ephemeral hover state internally. The plate title, plate\n * selector, and actions menu are intentionally NOT part of this panel; compose\n * `PlateMapPlateSelector` and `PlateMapActionsMenu` around it for full layout\n * freedom.\n */\nexport function PlateMapGrid<T extends WellRecord = WellRecord>({\n  format,\n  rows,\n  columns,\n  values,\n  selection,\n  onSelectionChange,\n  colorForWell,\n  fields,\n  renderHoverSummary,\n  onHoveredWellChange,\n  hoveredWellId,\n  toolbar,\n  hideSelectionControls = false,\n  selectAllLabel = \"Select all\",\n  deselectAllLabel = \"Deselect all\",\n  emptyWellFillColor,\n  wellShape,\n  framed,\n  wrapWell,\n  highlightedWellIds,\n  onWellDoubleClick,\n  selectionFillMode,\n  flashWellId,\n  flashWellKey,\n  cellSize,\n  autoScale,\n  minCellSize,\n  maxCellSize,\n  groups,\n  activeGroupId,\n  onGroupClick,\n  className,\n}: PlateMapGridProps<T>) {\n  const dims = resolveDimensions(format, rows, columns);\n  const [internalHoverPos, setInternalHoverPos] = React.useState<WellId | null>(null);\n  const isHoverControlled = hoveredWellId !== undefined;\n  const hoverPos = isHoverControlled ? hoveredWellId : internalHoverPos;\n\n  const selectAll = () => onSelectionChange(new Set(allPositions(dims)));\n  const deselectAll = () => onSelectionChange(new Set());\n\n  const hoverEntry = hoverPos ? values.get(hoverPos) : undefined;\n  const hoverFields = hoverEntry && fields ? formatHoverFields(hoverEntry, fields) : [];\n  const hoverSummary = hoverPos\n    ? (renderHoverSummary?.(hoverEntry, hoverPos) ?? [hoverPos, ...hoverFields].join(\" • \"))\n    : \" \";\n\n  const showSelectionControls = !hideSelectionControls;\n  const showToolbarRow = !!toolbar || showSelectionControls;\n\n  return (\n    <div data-slot=\"plate-map-grid\" className={cn(\"flex flex-col gap-1.5\", className)}>\n      {showToolbarRow ? (\n        <div className=\"flex flex-wrap items-center justify-start gap-3\">\n          {toolbar}\n          {showSelectionControls ? (\n            <div className=\"flex items-center gap-2 text-xs\">\n              <button\n                type=\"button\"\n                className=\"font-medium text-primary underline-offset-2 hover:text-primary/80 hover:underline\"\n                onClick={selectAll}\n              >\n                {selectAllLabel}\n              </button>\n              <span className=\"text-muted-foreground/60\">·</span>\n              <button\n                type=\"button\"\n                className=\"font-medium text-primary underline-offset-2 hover:text-primary/80 hover:underline\"\n                onClick={deselectAll}\n              >\n                {deselectAllLabel}\n              </button>\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n      <div className=\"h-5 text-xs text-muted-foreground\">{hoverSummary}</div>\n      <PlatePaintGrid\n        format={format}\n        rows={rows}\n        columns={columns}\n        values={values}\n        selection={selection}\n        onSelectionChange={onSelectionChange}\n        colorForWell={colorForWell}\n        emptyWellFillColor={emptyWellFillColor}\n        wellShape={wellShape}\n        framed={framed}\n        wrapWell={wrapWell}\n        highlightedWellIds={highlightedWellIds}\n        onWellHover={(wellId) => {\n          if (!isHoverControlled) setInternalHoverPos(wellId);\n          onHoveredWellChange?.(wellId);\n        }}\n        onWellDoubleClick={onWellDoubleClick}\n        selectionFillMode={selectionFillMode}\n        flashWellId={flashWellId}\n        flashWellKey={flashWellKey}\n        cellSize={cellSize}\n        autoScale={autoScale}\n        minCellSize={minCellSize}\n        maxCellSize={maxCellSize}\n      />\n      {groups && groups.length > 0 ? (\n        <>\n          <Separator className=\"mt-2\" />\n          <div className=\"flex max-h-28 flex-wrap gap-3 overflow-y-auto pt-1\">\n            {groups.map((group) => {\n              const isActive = group.id === activeGroupId;\n              const count = group.count ?? group.wellIds?.length;\n              return (\n                <button\n                  key={group.id}\n                  type=\"button\"\n                  disabled={group.disabled}\n                  onClick={() => onGroupClick?.(group)}\n                  className={cn(\n                    \"flex w-16 flex-col items-center gap-1 rounded-md px-1 py-1 text-center text-xs transition-colors\",\n                    \"text-muted-foreground hover:bg-accent/60\",\n                    isActive && \"bg-muted text-foreground ring-1 ring-primary/40\",\n                    group.disabled && \"pointer-events-none opacity-50\",\n                  )}\n                  title={group.label}\n                >\n                  <span\n                    className=\"size-7 rounded-full border\"\n                    style={{\n                      backgroundColor: group.color,\n                      borderColor: group.borderColor,\n                    }}\n                    aria-hidden\n                  />\n                  <span className=\"w-full truncate text-foreground\">{group.label}</span>\n                  {count === undefined ? null : (\n                    <span className=\"text-[0.7rem] leading-none text-muted-foreground\">{count} wells</span>\n                  )}\n                </button>\n              );\n            })}\n          </div>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["formatHoverFields","entry","fields","f","v","arr","item","o","PlateMapGrid","format","rows","columns","values","selection","onSelectionChange","colorForWell","renderHoverSummary","onHoveredWellChange","hoveredWellId","toolbar","hideSelectionControls","selectAllLabel","deselectAllLabel","emptyWellFillColor","wellShape","framed","wrapWell","highlightedWellIds","onWellDoubleClick","selectionFillMode","flashWellId","flashWellKey","cellSize","autoScale","minCellSize","maxCellSize","groups","activeGroupId","onGroupClick","className","dims","resolveDimensions","internalHoverPos","setInternalHoverPos","React","isHoverControlled","hoverPos","selectAll","allPositions","deselectAll","hoverEntry","hoverFields","hoverSummary","showSelectionControls","showToolbarRow","jsxs","cn","jsx","PlatePaintGrid","wellId","Fragment","Separator","group","isActive","count"],"mappings":"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"}
+{"version":3,"file":"PlateMapGrid.cjs","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapGrid.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { PlatePaintGrid } from \"./PlatePaintGrid\";\nimport { allPositions, resolveDimensions } from \"./wellGrid\";\n\nimport type { WellShape } from \"./PlatePaintGrid\";\nimport type { PlateFormat, PlateMapGroupOption, WellField, WellId, WellRecord } from \"./types\";\n\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils\";\n\nfunction formatHoverFields<T extends WellRecord>(entry: T, fields: WellField<T>[]): string[] {\n  return fields\n    .map((f) => {\n      const v = entry[f.key];\n      if (v === undefined || v === null || v === \"\") return null;\n      if (f.kind === \"select\") {\n        const opt = (f.options ?? []).find((o) => o.value === v);\n        return opt?.label ?? String(v);\n      }\n      if (f.kind === \"multiselect\") {\n        const arr = Array.isArray(v) ? (v as string[]) : [];\n        if (arr.length === 0) return null;\n        return arr.map((item) => (f.options ?? []).find((o) => o.value === item)?.label ?? item).join(\", \");\n      }\n      if (f.kind === \"boolean\") {\n        return v ? f.label : null;\n      }\n      return String(v);\n    })\n    .filter(Boolean) as string[];\n}\n\nexport interface PlateMapGridProps<T extends WellRecord = WellRecord> {\n  format: PlateFormat;\n  rows?: number;\n  columns?: number;\n  values: Map<WellId, T>;\n  selection: Set<WellId>;\n  onSelectionChange: (next: Set<WellId>) => void;\n  /** Resolves the SVG fill color for a well. */\n  colorForWell: (well: T | undefined, wellId: WellId) => string;\n  /** Field schema used to build the default hover summary string. */\n  fields?: WellField<T>[];\n  /** Custom hover summary for the strip above the grid. */\n  renderHoverSummary?: (well: T | undefined, wellId: WellId) => React.ReactNode;\n  /** Fires whenever the currently hovered well changes (null on leave). */\n  onHoveredWellChange?: (wellId: WellId | null) => void;\n  /**\n   * Controlled hovered well id. When provided, the panel reflects this value\n   * instead of tracking hover internally — useful for syncing the hover\n   * summary with external state (e.g. resetting it on a plate switch).\n   */\n  hoveredWellId?: WellId | null;\n  /** Controls rendered to the left of the built-in select/deselect links. */\n  toolbar?: React.ReactNode;\n  /** Hide the built-in \"Select all\" / \"Deselect all\" links. */\n  hideSelectionControls?: boolean;\n  selectAllLabel?: string;\n  deselectAllLabel?: string;\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  framed?: boolean;\n  /** Render-prop that places a node inside each absolute-positioned well cell. */\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  onWellDoubleClick?: (wellId: WellId) => void;\n  selectionFillMode?: \"selection\" | \"well\";\n  flashWellId?: WellId;\n  flashWellKey?: number;\n  /** Fixed well size. When unset, the grid grows with the available width. */\n  cellSize?: number;\n  autoScale?: boolean;\n  minCellSize?: number;\n  maxCellSize?: number;\n  /** Optional grouped well shortcuts rendered under the grid. */\n  groups?: PlateMapGroupOption[];\n  activeGroupId?: string;\n  onGroupClick?: (group: PlateMapGroupOption) => void;\n  className?: string;\n}\n\n/**\n * Card-agnostic plate grid panel. Renders the selection toolbar, hover\n * summary, the interactive `PlatePaintGrid`, and optional group shortcuts —\n * and owns the ephemeral hover state internally. The plate title, plate\n * selector, and actions menu are intentionally NOT part of this panel; compose\n * `PlateMapPlateSelector` and `PlateMapActionsMenu` around it for full layout\n * freedom.\n */\nexport function PlateMapGrid<T extends WellRecord = WellRecord>({\n  format,\n  rows,\n  columns,\n  values,\n  selection,\n  onSelectionChange,\n  colorForWell,\n  fields,\n  renderHoverSummary,\n  onHoveredWellChange,\n  hoveredWellId,\n  toolbar,\n  hideSelectionControls = false,\n  selectAllLabel = \"Select all\",\n  deselectAllLabel = \"Deselect all\",\n  emptyWellFillColor,\n  wellShape,\n  framed,\n  wrapWell,\n  highlightedWellIds,\n  onWellDoubleClick,\n  selectionFillMode,\n  flashWellId,\n  flashWellKey,\n  cellSize,\n  autoScale,\n  minCellSize,\n  maxCellSize,\n  groups,\n  activeGroupId,\n  onGroupClick,\n  className,\n}: PlateMapGridProps<T>) {\n  const dims = resolveDimensions(format, rows, columns);\n  const [internalHoverPos, setInternalHoverPos] = React.useState<WellId | null>(null);\n  const isHoverControlled = hoveredWellId !== undefined;\n  const hoverPos = isHoverControlled ? hoveredWellId : internalHoverPos;\n\n  const selectAll = () => onSelectionChange(new Set(allPositions(dims)));\n  const deselectAll = () => onSelectionChange(new Set());\n\n  const hoverEntry = hoverPos ? values.get(hoverPos) : undefined;\n  const hoverFields = hoverEntry && fields ? formatHoverFields(hoverEntry, fields) : [];\n  const hoverSummary = hoverPos\n    ? (renderHoverSummary?.(hoverEntry, hoverPos) ?? [hoverPos, ...hoverFields].join(\" • \"))\n    : \" \";\n\n  const showSelectionControls = !hideSelectionControls;\n  const showToolbarRow = !!toolbar || showSelectionControls;\n\n  return (\n    <div data-slot=\"plate-map-grid\" className={cn(\"flex flex-col gap-1.5\", className)}>\n      {showToolbarRow ? (\n        <div className=\"flex flex-wrap items-center justify-start gap-3\">\n          {toolbar}\n          {showSelectionControls ? (\n            <div className=\"flex items-center gap-2 text-xs\">\n              <button\n                type=\"button\"\n                className=\"font-medium text-primary underline-offset-2 hover:text-primary/80 hover:underline\"\n                onClick={selectAll}\n              >\n                {selectAllLabel}\n              </button>\n              <span className=\"text-muted-foreground/60\">·</span>\n              <button\n                type=\"button\"\n                className=\"font-medium text-primary underline-offset-2 hover:text-primary/80 hover:underline\"\n                onClick={deselectAll}\n              >\n                {deselectAllLabel}\n              </button>\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n      <div className=\"h-5 text-xs text-muted-foreground\">{hoverSummary}</div>\n      <PlatePaintGrid\n        format={format}\n        rows={rows}\n        columns={columns}\n        values={values}\n        selection={selection}\n        onSelectionChange={onSelectionChange}\n        colorForWell={colorForWell}\n        emptyWellFillColor={emptyWellFillColor}\n        wellShape={wellShape}\n        framed={framed}\n        wrapWell={wrapWell}\n        highlightedWellIds={highlightedWellIds}\n        onWellHover={(wellId) => {\n          if (!isHoverControlled) setInternalHoverPos(wellId);\n          onHoveredWellChange?.(wellId);\n        }}\n        onWellDoubleClick={onWellDoubleClick}\n        selectionFillMode={selectionFillMode}\n        flashWellId={flashWellId}\n        flashWellKey={flashWellKey}\n        cellSize={cellSize}\n        autoScale={autoScale}\n        minCellSize={minCellSize}\n        maxCellSize={maxCellSize}\n      />\n      {groups && groups.length > 0 ? (\n        <>\n          <Separator className=\"mt-2\" />\n          <div className=\"flex max-h-28 flex-wrap gap-3 overflow-y-auto pt-1\">\n            {groups.map((group) => {\n              const isActive = group.id === activeGroupId;\n              const count = group.count ?? group.wellIds?.length;\n              return (\n                <button\n                  key={group.id}\n                  type=\"button\"\n                  disabled={group.disabled}\n                  onClick={() => onGroupClick?.(group)}\n                  className={cn(\n                    \"flex w-16 flex-col items-center gap-1 rounded-md px-1 py-1 text-center text-xs transition-colors\",\n                    \"text-muted-foreground hover:bg-accent/60\",\n                    isActive && \"bg-muted text-foreground ring-1 ring-primary/40\",\n                    group.disabled && \"pointer-events-none opacity-50\",\n                  )}\n                  title={group.label}\n                >\n                  <span\n                    className=\"size-7 rounded-full border\"\n                    style={{\n                      backgroundColor: group.color,\n                      borderColor: group.borderColor,\n                    }}\n                    aria-hidden\n                  />\n                  <span className=\"w-full truncate text-foreground\">{group.label}</span>\n                  {count === undefined ? null : (\n                    <span className=\"text-[0.7rem] leading-none text-muted-foreground\">{count} wells</span>\n                  )}\n                </button>\n              );\n            })}\n          </div>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["formatHoverFields","entry","fields","f","v","arr","item","o","PlateMapGrid","format","rows","columns","values","selection","onSelectionChange","colorForWell","renderHoverSummary","onHoveredWellChange","hoveredWellId","toolbar","hideSelectionControls","selectAllLabel","deselectAllLabel","emptyWellFillColor","wellShape","framed","wrapWell","highlightedWellIds","onWellDoubleClick","selectionFillMode","flashWellId","flashWellKey","cellSize","autoScale","minCellSize","maxCellSize","groups","activeGroupId","onGroupClick","className","dims","resolveDimensions","internalHoverPos","setInternalHoverPos","React","isHoverControlled","hoverPos","selectAll","allPositions","deselectAll","hoverEntry","hoverFields","hoverSummary","showSelectionControls","showToolbarRow","jsxs","cn","jsx","PlatePaintGrid","wellId","Fragment","Separator","group","isActive","count"],"mappings":"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"}

package/dist/components/composed/PlateMapEditor/PlateMapGrid.d.ts

@@ -0,0 +1,64 @@
+import { WellShape } from './PlatePaintGrid';
+import { PlateFormat, PlateMapGroupOption, WellField, WellId, WellRecord } from './types';
+import * as React from "react";
+export interface PlateMapGridProps<T extends WellRecord = WellRecord> {
+    format: PlateFormat;
+    rows?: number;
+    columns?: number;
+    values: Map<WellId, T>;
+    selection: Set<WellId>;
+    onSelectionChange: (next: Set<WellId>) => void;
+    /** Resolves the SVG fill color for a well. */
+    colorForWell: (well: T | undefined, wellId: WellId) => string;
+    /** Field schema used to build the default hover summary string. */
+    fields?: WellField<T>[];
+    /** Custom hover summary for the strip above the grid. */
+    renderHoverSummary?: (well: T | undefined, wellId: WellId) => React.ReactNode;
+    /** Fires whenever the currently hovered well changes (null on leave). */
+    onHoveredWellChange?: (wellId: WellId | null) => void;
+    /**
+     * Controlled hovered well id. When provided, the panel reflects this value
+     * instead of tracking hover internally — useful for syncing the hover
+     * summary with external state (e.g. resetting it on a plate switch).
+     */
+    hoveredWellId?: WellId | null;
+    /** Controls rendered to the left of the built-in select/deselect links. */
+    toolbar?: React.ReactNode;
+    /** Hide the built-in "Select all" / "Deselect all" links. */
+    hideSelectionControls?: boolean;
+    selectAllLabel?: string;
+    deselectAllLabel?: string;
+    /** Fill color for empty wells. Pass `null` to delegate empty wells to `colorForWell`. */
+    emptyWellFillColor?: string | null;
+    /** Well shape forwarded to `PlatePaintGrid`. Defaults to `"rect"`. */
+    wellShape?: WellShape;
+    /** When true, wraps the grid in a card-like plate frame (rounded + border + soft shadow). */
+    framed?: boolean;
+    /** Render-prop that places a node inside each absolute-positioned well cell. */
+    wrapWell?: (wellId: WellId, cellSize: number) => React.ReactNode;
+    /** Wells to highlight (e.g. when hovering a legend item externally). */
+    highlightedWellIds?: ReadonlySet<WellId>;
+    onWellDoubleClick?: (wellId: WellId) => void;
+    selectionFillMode?: "selection" | "well";
+    flashWellId?: WellId;
+    flashWellKey?: number;
+    /** Fixed well size. When unset, the grid grows with the available width. */
+    cellSize?: number;
+    autoScale?: boolean;
+    minCellSize?: number;
+    maxCellSize?: number;
+    /** Optional grouped well shortcuts rendered under the grid. */
+    groups?: PlateMapGroupOption[];
+    activeGroupId?: string;
+    onGroupClick?: (group: PlateMapGroupOption) => void;
+    className?: string;
+}
+/**
+ * Card-agnostic plate grid panel. Renders the selection toolbar, hover
+ * summary, the interactive `PlatePaintGrid`, and optional group shortcuts —
+ * and owns the ephemeral hover state internally. The plate title, plate
+ * selector, and actions menu are intentionally NOT part of this panel; compose
+ * `PlateMapPlateSelector` and `PlateMapActionsMenu` around it for full layout
+ * freedom.
+ */
+export declare function PlateMapGrid<T extends WellRecord = WellRecord>({ format, rows, columns, values, selection, onSelectionChange, colorForWell, fields, renderHoverSummary, onHoveredWellChange, hoveredWellId, toolbar, hideSelectionControls, selectAllLabel, deselectAllLabel, emptyWellFillColor, wellShape, framed, wrapWell, highlightedWellIds, onWellDoubleClick, selectionFillMode, flashWellId, flashWellKey, cellSize, autoScale, minCellSize, maxCellSize, groups, activeGroupId, onGroupClick, className, }: PlateMapGridProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as l, Fragment as Y } from "react/jsx-runtime";
 import * as Z from "react";
 import { PlatePaintGrid as _ } from "./PlatePaintGrid.js";
 import { allPositions as $, resolveDimensions as ee } from "./wellGrid.js";
-import { Separator as te } from "../../ui/separator.js";
+import { Separator as te } from "../../../ui/separator.js";
 import { cn as y } from "../../../lib/utils.js";
 function ne(a, d) {
   return d.map((n) => {

package/dist/components/composed/PlateMapEditor/PlateMapManifest.d.ts

@@ -0,0 +1,29 @@
+import { WellColumn, WellField, WellId, WellRecord } from './types';
+import * as React from "react";
+export interface PlateMapManifestProps<T extends WellRecord = WellRecord> {
+    values: Map<WellId, T>;
+    onChange: (next: Map<WellId, T>) => void;
+    columns: WellColumn<T>[];
+    fields?: WellField<T>[];
+    selection?: Set<WellId>;
+    onSelectionChange?: (next: Set<WellId>) => void;
+    /** Builds an empty record when a manifest row is freshly created. */
+    emptyEntry: (id: WellId) => T;
+    /** Filter for the manifest's "hide empty" mode. */
+    isPopulated?: (row: T) => boolean;
+    /** Enables the filter popover on the manifest table. */
+    filterable?: boolean;
+    /** Enables the group-by selector on the manifest table. */
+    groupable?: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    /** Optional heading rendered above the table. Omit for a bare table. */
+    title?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Card-agnostic sample-manifest panel. A thin wrapper over `WellManifestTable`
+ * with an optional heading and no width constraint of its own, so it can span
+ * the full screen width or sit inside any container the caller chooses.
+ */
+export declare function PlateMapManifest<T extends WellRecord = WellRecord>({ values, onChange, columns, fields, selection, onSelectionChange, emptyEntry, isPopulated, filterable, groupable, pageSize, pageSizeOptions, title, className, }: PlateMapManifestProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lucide-react"),f=require("../../ui/badge.cjs"),u=require("../../ui/button.cjs"),s=require("../../ui/dropdown-menu.cjs"),g=require("../../ui/toggle-group.cjs"),x=require("../../../lib/utils.cjs");function w({plate:i,selected:l}){return e.jsx(f.Badge,{variant:l?"info":"outline",className:"max-w-44",children:e.jsx("span",{className:"truncate",children:i.label??i.barcode})})}function M({plates:i=[],activePlateId:l,onPlateChange:a,onAddPlate:r,onRemovePlate:j,addPlateLabel:o="Add Plate",removePlateLabel:v="Remove plate",label:h="Plate",variant:p="dropdown",align:N="start",side:y="bottom",className:m}){const c=i.find(n=>n.id===l)??(l?void 0:i[0]);return p==="tabs"?e.jsxs("div",{className:x.cn("inline-flex flex-wrap items-center gap-1",m),"data-slot":"plate-tabs",children:[e.jsx(g.ToggleGroup,{type:"single",variant:"outline",size:"sm",value:c?.id??"","aria-label":h,onValueChange:n=>{n&&a?.(n)},children:i.map(n=>{const d=n.id===c?.id,b=!!j&&i.length>1;return e.jsxs("div",{className:"inline-flex items-stretch",children:[e.jsxs(g.ToggleGroupItem,{value:n.id,disabled:n.disabled||!a,"aria-label":n.label??n.barcode,className:x.cn(b&&"rounded-r-none border-r-0"),children:[e.jsx("span",{className:"truncate",children:n.label??n.barcode}),n.count===void 0?null:e.jsx(f.Badge,{variant:d?"secondary":"outline",className:"ml-1 h-4 px-1 text-[0.65rem]",children:n.count})]}),b?e.jsx(u.Button,{type:"button",variant:"outline",size:"icon-sm","aria-label":`${v} ${n.label??n.barcode}`,className:"rounded-l-none",onClick:()=>j?.(n.id),children:e.jsx(t.X,{"aria-hidden":!0})}):null]},n.id)})}),r?e.jsx(u.Button,{type:"button",variant:"ghost",size:"icon-sm","aria-label":o,onClick:()=>r(),children:e.jsx(t.Plus,{"aria-hidden":!0})}):null]}):i.length===0?e.jsxs(u.Button,{type:"button",variant:"outline",size:"sm",disabled:!r,"aria-label":o,className:x.cn("min-w-28 justify-start",m),onClick:()=>r?.(),children:[e.jsx(t.Plus,{"aria-hidden":!0}),o]}):e.jsxs(s.DropdownMenu,{children:[e.jsx(s.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(u.Button,{type:"button",variant:"outline",size:"sm","aria-label":h,className:x.cn("min-w-36 justify-between",m),children:[e.jsx("span",{className:"flex min-w-0 items-center gap-1.5",children:c?e.jsx(w,{plate:c,selected:!0}):e.jsx("span",{children:o})}),e.jsx(t.ChevronDown,{"aria-hidden":!0})]})}),e.jsxs(s.DropdownMenuContent,{align:N,side:y,className:"w-64",children:[e.jsx(s.DropdownMenuGroup,{children:i.map(n=>{const d=n.id===c?.id;return e.jsxs(s.DropdownMenuItem,{disabled:n.disabled||!a,onClick:()=>a?.(n.id),children:[d?e.jsx(t.Check,{"aria-hidden":!0}):e.jsx("span",{className:"size-4","aria-hidden":!0}),e.jsxs("span",{className:"flex min-w-0 flex-1 items-center justify-between gap-2",children:[e.jsx(w,{plate:n,selected:d}),n.count===void 0?null:e.jsxs("span",{className:"shrink-0 text-xs text-muted-foreground",children:[n.count," wells"]})]})]},n.id)})}),r?e.jsxs(e.Fragment,{children:[e.jsx(s.DropdownMenuSeparator,{}),e.jsxs(s.DropdownMenuItem,{onClick:()=>r(),children:[e.jsx(t.Plus,{"aria-hidden":!0}),o]})]}):null]})]})}exports.PlateMapPlateSelector=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lucide-react"),f=require("../../../ui/badge.cjs"),d=require("../../../ui/button.cjs"),s=require("../../../ui/dropdown-menu.cjs"),g=require("../../../ui/toggle-group.cjs"),x=require("../../../lib/utils.cjs");function w({plate:i,selected:a}){return e.jsx(f.Badge,{variant:a?"info":"outline",className:"max-w-44",children:e.jsx("span",{className:"truncate",children:i.label??i.barcode})})}function M({plates:i=[],activePlateId:a,onPlateChange:c,onAddPlate:r,onRemovePlate:j,addPlateLabel:l="Add Plate",removePlateLabel:v="Remove plate",label:h="Plate",variant:p="dropdown",align:N="start",side:y="bottom",className:m}){const o=i.find(n=>n.id===a)??(a?void 0:i[0]);return p==="tabs"?e.jsxs("div",{className:x.cn("inline-flex flex-wrap items-center gap-1",m),"data-slot":"plate-tabs",children:[e.jsx(g.ToggleGroup,{type:"single",variant:"outline",size:"sm",value:o?.id??"","aria-label":h,onValueChange:n=>{n&&c?.(n)},children:i.map(n=>{const u=n.id===o?.id,b=!!j&&i.length>1;return e.jsxs("div",{className:"inline-flex items-stretch",children:[e.jsxs(g.ToggleGroupItem,{value:n.id,disabled:n.disabled||!c,"aria-label":n.label??n.barcode,className:x.cn(b&&"rounded-r-none border-r-0"),children:[e.jsx("span",{className:"truncate",children:n.label??n.barcode}),n.count===void 0?null:e.jsx(f.Badge,{variant:u?"secondary":"outline",className:"ml-1 h-4 px-1 text-[0.65rem]",children:n.count})]}),b?e.jsx(d.Button,{type:"button",variant:"outline",size:"icon-sm","aria-label":`${v} ${n.label??n.barcode}`,className:"rounded-l-none",onClick:()=>j?.(n.id),children:e.jsx(t.X,{"aria-hidden":!0})}):null]},n.id)})}),r?e.jsx(d.Button,{type:"button",variant:"ghost",size:"icon-sm","aria-label":l,onClick:()=>r(),children:e.jsx(t.Plus,{"aria-hidden":!0})}):null]}):i.length===0?e.jsxs(d.Button,{type:"button",variant:"outline",size:"sm",disabled:!r,"aria-label":l,className:x.cn("min-w-28 justify-start",m),onClick:()=>r?.(),children:[e.jsx(t.Plus,{"aria-hidden":!0}),l]}):e.jsxs(s.DropdownMenu,{modal:!1,children:[e.jsx(s.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(d.Button,{type:"button",variant:"outline",size:"sm","aria-label":h,className:x.cn("min-w-36 justify-between",m),children:[e.jsx("span",{className:"flex min-w-0 items-center gap-1.5",children:o?e.jsx(w,{plate:o,selected:!0}):e.jsx("span",{children:l})}),e.jsx(t.ChevronDown,{"aria-hidden":!0})]})}),e.jsxs(s.DropdownMenuContent,{align:N,side:y,className:"w-64",children:[e.jsx(s.DropdownMenuGroup,{children:i.map(n=>{const u=n.id===o?.id;return e.jsxs(s.DropdownMenuItem,{disabled:n.disabled||!c,onClick:()=>c?.(n.id),children:[u?e.jsx(t.Check,{"aria-hidden":!0}):e.jsx("span",{className:"size-4","aria-hidden":!0}),e.jsxs("span",{className:"flex min-w-0 flex-1 items-center justify-between gap-2",children:[e.jsx(w,{plate:n,selected:u}),n.count===void 0?null:e.jsxs("span",{className:"shrink-0 text-xs text-muted-foreground",children:[n.count," wells"]})]})]},n.id)})}),r?e.jsxs(e.Fragment,{children:[e.jsx(s.DropdownMenuSeparator,{}),e.jsxs(s.DropdownMenuItem,{onClick:()=>r(),children:[e.jsx(t.Plus,{"aria-hidden":!0}),l]})]}):null]})]})}exports.PlateMapPlateSelector=M;
 //# sourceMappingURL=PlateMapPlateSelector.cjs.map