npm - @tetrascience-npm/tetrascience-react-ui - Versions diffs - 0.5.0-beta.57.1 → 0.5.0-beta.58.1 - Mend

@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.57.1 → 0.5.0-beta.58.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (75) hide show

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"PlateMapEditor.js","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapEditor.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { plateOptionsFromCsvTriage } from \"./csvPlateTriage\";\nimport { PlateMapActionsMenu } from \"./PlateMapActionsMenu\";\nimport { 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 merged = stampActivePlateBarcode(merge(existing, 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","clearWells","cycleWellField","currentValue","currentIndex","opt","nextOption","base","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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"}

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

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

package/dist/components/composed/PlateMapEditor/PlateMapPlateSelector.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PlateMapPlateSelector.cjs","sources":["../../../../src/components/composed/PlateMapEditor/PlateMapPlateSelector.tsx"],"sourcesContent":["import { Check, ChevronDown, Plus, X } from \"lucide-react\";\n\nimport type { PlateMapPlateOption } from \"./types\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/ui/toggle-group\";\nimport { cn } from \"@/lib/utils\";\n\nexport type PlateMapPlateSelectorVariant = \"dropdown\" | \"tabs\";\n\nexport interface PlateMapPlateSelectorProps {\n plates?: PlateMapPlateOption[];\n activePlateId?: string;\n onPlateChange?: (plateId: string) => void;\n onAddPlate?: () => void;\n /** When supplied, the tabs variant renders a delete affordance per plate. */\n onRemovePlate?: (plateId: string) => void;\n addPlateLabel?: string;\n removePlateLabel?: string;\n label?: string;\n /** Layout. `\"dropdown\"` is the default single-trigger menu, `\"tabs\"` is a horizontal tab strip. */\n variant?: PlateMapPlateSelectorVariant;\n align?: \"start\" | \"center\" | \"end\";\n side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n className?: string;\n}\n\nfunction PlatePill({ plate, selected }: { plate: PlateMapPlateOption; selected?: boolean }) {\n return (\n <Badge variant={selected ? \"info\" : \"outline\"} className=\"max-w-44\">\n <span className=\"truncate\">{plate.label ?? plate.barcode}</span>\n </Badge>\n );\n}\n\nexport function PlateMapPlateSelector({\n plates = [],\n activePlateId,\n onPlateChange,\n onAddPlate,\n onRemovePlate,\n addPlateLabel = \"Add Plate\",\n removePlateLabel = \"Remove plate\",\n label = \"Plate\",\n variant = \"dropdown\",\n align = \"start\",\n side = \"bottom\",\n className,\n}: PlateMapPlateSelectorProps) {\n const activePlate = plates.find((plate) => plate.id === activePlateId) ?? (activePlateId ? undefined : plates[0]);\n\n if (variant === \"tabs\") {\n return (\n <div className={cn(\"inline-flex flex-wrap items-center gap-1\", className)} data-slot=\"plate-tabs\">\n <ToggleGroup\n type=\"single\"\n variant=\"outline\"\n size=\"sm\"\n value={activePlate?.id ?? \"\"}\n aria-label={label}\n onValueChange={(value) => {\n if (value) onPlateChange?.(value);\n }}\n >\n {plates.map((plate) => {\n const selected = plate.id === activePlate?.id;\n const canRemove = !!onRemovePlate && plates.length > 1;\n return (\n <div key={plate.id} className=\"inline-flex items-stretch\">\n <ToggleGroupItem\n value={plate.id}\n disabled={plate.disabled || !onPlateChange}\n aria-label={plate.label ?? plate.barcode}\n className={cn(canRemove && \"rounded-r-none border-r-0\")}\n >\n <span className=\"truncate\">{plate.label ?? plate.barcode}</span>\n {plate.count === undefined ? null : (\n <Badge variant={selected ? \"secondary\" : \"outline\"} className=\"ml-1 h-4 px-1 text-[0.65rem]\">\n {plate.count}\n </Badge>\n )}\n </ToggleGroupItem>\n {canRemove ? (\n <Button\n type=\"button\"\n variant=\"outline\"\n size=\"icon-sm\"\n aria-label={`${removePlateLabel} ${plate.label ?? plate.barcode}`}\n className=\"rounded-l-none\"\n onClick={() => onRemovePlate?.(plate.id)}\n >\n <X aria-hidden />\n </Button>\n ) : null}\n </div>\n );\n })}\n </ToggleGroup>\n {onAddPlate ? (\n <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" aria-label={addPlateLabel} onClick={() => onAddPlate()}>\n <Plus aria-hidden />\n </Button>\n ) : null}\n </div>\n );\n }\n\n if (plates.length === 0) {\n return (\n <Button\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\n disabled={!onAddPlate}\n aria-label={addPlateLabel}\n className={cn(\"min-w-28 justify-start\", className)}\n onClick={() => onAddPlate?.()}\n >\n <Plus aria-hidden />\n {addPlateLabel}\n </Button>\n );\n }\n\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\n aria-label={label}\n className={cn(\"min-w-36 justify-between\", className)}\n >\n <span className=\"flex min-w-0 items-center gap-1.5\">\n {activePlate ? <PlatePill plate={activePlate} selected /> : <span>{addPlateLabel}</span>}\n </span>\n <ChevronDown aria-hidden />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align={align} side={side} className=\"w-64\">\n <DropdownMenuGroup>\n {plates.map((plate) => {\n const selected = plate.id === activePlate?.id;\n return (\n <DropdownMenuItem\n key={plate.id}\n disabled={plate.disabled || !onPlateChange}\n onClick={() => onPlateChange?.(plate.id)}\n >\n {selected ? <Check aria-hidden /> : <span className=\"size-4\" aria-hidden />}\n <span className=\"flex min-w-0 flex-1 items-center justify-between gap-2\">\n <PlatePill plate={plate} selected={selected} />\n {plate.count === undefined ? null : (\n <span className=\"shrink-0 text-xs text-muted-foreground\">{plate.count} wells</span>\n )}\n </span>\n </DropdownMenuItem>\n );\n })}\n </DropdownMenuGroup>\n {onAddPlate ? (\n <>\n <DropdownMenuSeparator />\n <DropdownMenuItem onClick={() => onAddPlate()}>\n <Plus aria-hidden />\n {addPlateLabel}\n </DropdownMenuItem>\n </>\n ) : null}\n </DropdownMenuContent>\n </DropdownMenu>\n );\n}\n"],"names":["PlatePill","plate","selected","Badge","jsx","PlateMapPlateSelector","plates","activePlateId","onPlateChange","onAddPlate","onRemovePlate","addPlateLabel","removePlateLabel","label","variant","align","side","className","activePlate","jsxs","cn","ToggleGroup","value","canRemove","ToggleGroupItem","Button","X","Plus","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","Check","Fragment","DropdownMenuSeparator"],"mappings":"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"}