@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.71.1 → 0.5.0-beta.72.1

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +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-muted/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.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlateMapGrid.js","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-muted/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","o","arr","item","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/PlateMapManifest.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("./WellManifestTable.cjs"),p=require("../../../lib/utils.cjs");function b({values:t,onChange:l,columns:s,fields:n,selection:i,onSelectionChange:r,emptyEntry:u,isPopulated:c,filterable:o,groupable:f,pageSize:d,pageSizeOptions:m,title:a,className:x}){return e.jsxs("div",{"data-slot":"plate-map-manifest",className:p.cn("flex flex-col gap-3",x),children:[a?e.jsx("div",{className:"text-base leading-snug font-medium",children:a}):null,e.jsx(M.WellManifestTable,{values:t,onChange:l,columns:s,fields:n,selection:i,onSelectionChange:r,emptyEntry:u,isPopulated:c,filterable:o,groupable:f,pageSize:d,pageSizeOptions:m})]})}exports.PlateMapManifest=b;
+//# sourceMappingURL=PlateMapManifest.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlateMapManifest.cjs","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapManifest.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { WellManifestTable } from \"./WellManifestTable\";\n\nimport type { WellColumn, WellField, WellId, WellRecord } from \"./types\";\n\nimport { cn } from \"@/lib/utils\";\n\nexport interface PlateMapManifestProps<T extends WellRecord = WellRecord> {\n  values: Map<WellId, T>;\n  onChange: (next: Map<WellId, T>) => void;\n  columns: WellColumn<T>[];\n  fields?: WellField<T>[];\n  selection?: Set<WellId>;\n  onSelectionChange?: (next: Set<WellId>) => void;\n  /** Builds an empty record when a manifest row is freshly created. */\n  emptyEntry: (id: WellId) => T;\n  /** Filter for the manifest's \"hide empty\" mode. */\n  isPopulated?: (row: T) => boolean;\n  /** Enables the filter popover on the manifest table. */\n  filterable?: boolean;\n  /** Enables the group-by selector on the manifest table. */\n  groupable?: boolean;\n  pageSize?: number;\n  pageSizeOptions?: number[];\n  /** Optional heading rendered above the table. Omit for a bare table. */\n  title?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * Card-agnostic sample-manifest panel. A thin wrapper over `WellManifestTable`\n * with an optional heading and no width constraint of its own, so it can span\n * the full screen width or sit inside any container the caller chooses.\n */\nexport function PlateMapManifest<T extends WellRecord = WellRecord>({\n  values,\n  onChange,\n  columns,\n  fields,\n  selection,\n  onSelectionChange,\n  emptyEntry,\n  isPopulated,\n  filterable,\n  groupable,\n  pageSize,\n  pageSizeOptions,\n  title,\n  className,\n}: PlateMapManifestProps<T>) {\n  return (\n    <div data-slot=\"plate-map-manifest\" className={cn(\"flex flex-col gap-3\", className)}>\n      {title ? <div className=\"text-base leading-snug font-medium\">{title}</div> : null}\n      <WellManifestTable<T>\n        values={values}\n        onChange={onChange}\n        columns={columns}\n        fields={fields}\n        selection={selection}\n        onSelectionChange={onSelectionChange}\n        emptyEntry={emptyEntry}\n        isPopulated={isPopulated}\n        filterable={filterable}\n        groupable={groupable}\n        pageSize={pageSize}\n        pageSizeOptions={pageSizeOptions}\n      />\n    </div>\n  );\n}\n"],"names":["PlateMapManifest","values","onChange","columns","fields","selection","onSelectionChange","emptyEntry","isPopulated","filterable","groupable","pageSize","pageSizeOptions","title","className","jsxs","cn","jsx","WellManifestTable"],"mappings":"8LAmCO,SAASA,EAAoD,CAClE,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,UAAAC,CACF,EAA6B,CAC3B,OACEC,OAAC,OAAI,YAAU,qBAAqB,UAAWC,EAAAA,GAAG,sBAAuBF,CAAS,EAC/E,SAAA,CAAAD,EAAQI,EAAAA,IAAC,MAAA,CAAI,UAAU,qCAAsC,WAAM,EAAS,KAC7EA,EAAAA,IAACC,EAAAA,kBAAA,CACC,OAAAjB,EACA,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,gBAAAC,CAAA,CAAA,CACF,EACF,CAEJ"}

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

@@ -0,0 +1,44 @@
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { WellManifestTable as g } from "./WellManifestTable.js";
+import { cn as M } from "../../../lib/utils.js";
+function v({
+  values: l,
+  onChange: t,
+  columns: n,
+  fields: s,
+  selection: i,
+  onSelectionChange: m,
+  emptyEntry: o,
+  isPopulated: r,
+  filterable: f,
+  groupable: p,
+  pageSize: c,
+  pageSizeOptions: d,
+  title: e,
+  className: x
+}) {
+  return /* @__PURE__ */ u("div", { "data-slot": "plate-map-manifest", className: M("flex flex-col gap-3", x), children: [
+    e ? /* @__PURE__ */ a("div", { className: "text-base leading-snug font-medium", children: e }) : null,
+    /* @__PURE__ */ a(
+      g,
+      {
+        values: l,
+        onChange: t,
+        columns: n,
+        fields: s,
+        selection: i,
+        onSelectionChange: m,
+        emptyEntry: o,
+        isPopulated: r,
+        filterable: f,
+        groupable: p,
+        pageSize: c,
+        pageSizeOptions: d
+      }
+    )
+  ] });
+}
+export {
+  v as PlateMapManifest
+};
+//# sourceMappingURL=PlateMapManifest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlateMapManifest.js","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapManifest.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { WellManifestTable } from \"./WellManifestTable\";\n\nimport type { WellColumn, WellField, WellId, WellRecord } from \"./types\";\n\nimport { cn } from \"@/lib/utils\";\n\nexport interface PlateMapManifestProps<T extends WellRecord = WellRecord> {\n  values: Map<WellId, T>;\n  onChange: (next: Map<WellId, T>) => void;\n  columns: WellColumn<T>[];\n  fields?: WellField<T>[];\n  selection?: Set<WellId>;\n  onSelectionChange?: (next: Set<WellId>) => void;\n  /** Builds an empty record when a manifest row is freshly created. */\n  emptyEntry: (id: WellId) => T;\n  /** Filter for the manifest's \"hide empty\" mode. */\n  isPopulated?: (row: T) => boolean;\n  /** Enables the filter popover on the manifest table. */\n  filterable?: boolean;\n  /** Enables the group-by selector on the manifest table. */\n  groupable?: boolean;\n  pageSize?: number;\n  pageSizeOptions?: number[];\n  /** Optional heading rendered above the table. Omit for a bare table. */\n  title?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * Card-agnostic sample-manifest panel. A thin wrapper over `WellManifestTable`\n * with an optional heading and no width constraint of its own, so it can span\n * the full screen width or sit inside any container the caller chooses.\n */\nexport function PlateMapManifest<T extends WellRecord = WellRecord>({\n  values,\n  onChange,\n  columns,\n  fields,\n  selection,\n  onSelectionChange,\n  emptyEntry,\n  isPopulated,\n  filterable,\n  groupable,\n  pageSize,\n  pageSizeOptions,\n  title,\n  className,\n}: PlateMapManifestProps<T>) {\n  return (\n    <div data-slot=\"plate-map-manifest\" className={cn(\"flex flex-col gap-3\", className)}>\n      {title ? <div className=\"text-base leading-snug font-medium\">{title}</div> : null}\n      <WellManifestTable<T>\n        values={values}\n        onChange={onChange}\n        columns={columns}\n        fields={fields}\n        selection={selection}\n        onSelectionChange={onSelectionChange}\n        emptyEntry={emptyEntry}\n        isPopulated={isPopulated}\n        filterable={filterable}\n        groupable={groupable}\n        pageSize={pageSize}\n        pageSizeOptions={pageSizeOptions}\n      />\n    </div>\n  );\n}\n"],"names":["PlateMapManifest","values","onChange","columns","fields","selection","onSelectionChange","emptyEntry","isPopulated","filterable","groupable","pageSize","pageSizeOptions","title","className","jsxs","cn","jsx","WellManifestTable"],"mappings":";;;AAmCO,SAASA,EAAoD;AAAA,EAClE,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAA6B;AAC3B,SACE,gBAAAC,EAAC,SAAI,aAAU,sBAAqB,WAAWC,EAAG,uBAAuBF,CAAS,GAC/E,UAAA;AAAA,IAAAD,IAAQ,gBAAAI,EAAC,OAAA,EAAI,WAAU,sCAAsC,aAAM,IAAS;AAAA,IAC7E,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAAjB;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,mBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,iBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}