@arbidocs/react 0.5.111 → 0.5.113

package/dist/annotations/FreezeDialog.js

@@ -0,0 +1,170 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../ui/button.js";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "../ui/dialog.js";
+import { isEffectiveRedaction } from "./model.js";
+import { pendingRedactions } from "./state.js";
+const KIND_LABELS = {
+  highlight: "highlights",
+  box: "boxes",
+  comment: "comments",
+  stamp: "stamps",
+  redaction: "redactions"
+};
+function FreezeDialog({
+  open,
+  onOpenChange,
+  controller,
+  onConfirm,
+  busy,
+  progress,
+  error
+}) {
+  const [mode, setMode] = useState("vector");
+  const [comments, setComments] = useState("omit");
+  const [redactionLog, setRedactionLog] = useState(true);
+  const marks = controller.layer.annotations;
+  const redactions = marks.filter(isEffectiveRedaction);
+  const pending = pendingRedactions(controller.layer);
+  const hasRedactionMarks = marks.some((a) => a.kind === "redaction");
+  const forced = redactions.length > 0;
+  const effectiveMode = forced ? "image" : mode;
+  const blocked = pending.length > 0;
+  const counts = Object.keys(KIND_LABELS).map(
+    (k) => [
+      k,
+      marks.filter((a) => a.kind === k && (k !== "redaction" || isEffectiveRedaction(a))).length
+    ]
+  ).filter(([, n]) => n > 0);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !busy && onOpenChange(next), children: /* @__PURE__ */ jsxs(DialogContent, { "data-testid": "freeze-dialog", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: hasRedactionMarks ? "Apply approved redactions" : "Create annotated copy" }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Approval records your review decision. Applying permanently removes the covered content from a new redacted copy. The original remains in your files." })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", "data-testid": "freeze-summary", children: counts.length === 0 ? "No annotations yet." : counts.map(([k, n]) => `${n} ${KIND_LABELS[k]}`).join(", ") }),
+    /* @__PURE__ */ jsxs("fieldset", { className: "space-y-2 text-sm", disabled: busy, children: [
+      /* @__PURE__ */ jsx("legend", { className: "mb-1 font-medium", children: "Format" }),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "radio",
+            name: "freeze-mode",
+            "data-testid": "freeze-mode-vector",
+            checked: effectiveMode === "vector",
+            disabled: forced,
+            onChange: () => setMode("vector")
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Keep text",
+          /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "Searchable, smaller. Not available when there are redactions." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "radio",
+            name: "freeze-mode",
+            "data-testid": "freeze-mode-image",
+            checked: effectiveMode === "image",
+            onChange: () => setMode("image")
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Image only",
+          /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "Every page becomes a picture. Nothing is left behind a redaction." })
+        ] })
+      ] }),
+      forced && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", "data-testid": "freeze-forced-note", children: "Image only is required because this document has redactions." })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+      "Comments",
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          "data-testid": "freeze-comments",
+          className: "h-8 rounded-md border border-input bg-background px-2",
+          value: comments,
+          disabled: busy,
+          onChange: (e) => setComments(e.target.value),
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "omit", children: "Leave out" }),
+            /* @__PURE__ */ jsx("option", { value: "markers", children: "Numbered markers" }),
+            /* @__PURE__ */ jsx("option", { value: "appendix", children: "Markers and a listing" })
+          ]
+        }
+      )
+    ] }),
+    forced && comments !== "omit" && marks.some((a) => a.kind === "comment") && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", "data-testid": "freeze-comment-warning", children: "Comments are copied as written and may repeat text you have redacted." }),
+    pending.length > 0 && /* @__PURE__ */ jsxs("p", { className: "rounded border p-2 text-sm", "data-testid": "freeze-pending", children: [
+      pending.length,
+      " redaction",
+      pending.length === 1 ? " has" : "s have",
+      " not been reviewed. Approve or reject each one before applying redactions."
+    ] }),
+    hasRedactionMarks && /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          "data-testid": "freeze-redaction-log",
+          checked: redactionLog,
+          disabled: busy,
+          onChange: (e) => setRedactionLog(e.target.checked)
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Download a redaction log (CSV)",
+        /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "Page, reason, status, who approved it and when. Never the redacted text." })
+      ] })
+    ] }),
+    busy && progress && /* @__PURE__ */ jsxs("p", { className: "text-sm", role: "status", "data-testid": "freeze-progress", children: [
+      "Page ",
+      progress.done,
+      " of ",
+      progress.total,
+      "\u2026"
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", role: "alert", "data-testid": "freeze-error", children: error }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          disabled: busy,
+          onClick: () => onOpenChange(false),
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          "data-testid": "freeze-confirm",
+          disabled: busy || blocked,
+          onClick: () => onConfirm({
+            mode: effectiveMode,
+            comments,
+            pendingRedactions: "error",
+            redactionLog: hasRedactionMarks && redactionLog
+          }),
+          children: busy ? "Creating copy\u2026" : hasRedactionMarks ? "Apply redactions and create copy" : "Create annotated copy"
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  FreezeDialog
+};
+//# sourceMappingURL=FreezeDialog.js.map

package/dist/annotations/FreezeDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/annotations/FreezeDialog.tsx"],
+  "sourcesContent": ["/**\n * Asks how to freeze the annotated document into a new copy. It only collects choices; the host\n * runs `freezePdf` (see `@arbidocs/react/annotations/freeze`) and reports progress back.\n *\n * The rules that keep a redacted copy safe are enforced here as well as in `freezePdf`: redactions\n * force an image-only copy, and unreviewed redaction marks must be resolved before freezing.\n */\n\nimport { useState } from 'react'\nimport { Button } from '../ui/button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../ui/dialog'\nimport type { AnnotationController } from './controller'\nimport { isEffectiveRedaction, type AnnotationKind } from './model'\nimport { pendingRedactions } from './state'\n\nexport interface FreezeChoices {\n  mode: 'vector' | 'image'\n  comments: 'omit' | 'markers' | 'appendix'\n  pendingRedactions: 'error' | 'burn'\n  /** Also save the redaction log (CSV: page, reason, status, approver, time; never the text). */\n  redactionLog: boolean\n}\n\nexport interface FreezeDialogProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  controller: AnnotationController\n  onConfirm: (choices: FreezeChoices) => void\n  busy?: boolean\n  progress?: { done: number; total: number } | null\n  error?: string | null\n}\n\nconst KIND_LABELS: Record<AnnotationKind, string> = {\n  highlight: 'highlights',\n  box: 'boxes',\n  comment: 'comments',\n  stamp: 'stamps',\n  redaction: 'redactions',\n}\n\nexport function FreezeDialog({\n  open,\n  onOpenChange,\n  controller,\n  onConfirm,\n  busy,\n  progress,\n  error,\n}: FreezeDialogProps) {\n  const [mode, setMode] = useState<FreezeChoices['mode']>('vector')\n  const [comments, setComments] = useState<FreezeChoices['comments']>('omit')\n  const [redactionLog, setRedactionLog] = useState(true)\n\n  const marks = controller.layer.annotations\n  const redactions = marks.filter(isEffectiveRedaction)\n  const pending = pendingRedactions(controller.layer)\n  const hasRedactionMarks = marks.some((a) => a.kind === 'redaction')\n  const forced = redactions.length > 0\n  const effectiveMode = forced ? 'image' : mode\n  const blocked = pending.length > 0\n  const counts = (Object.keys(KIND_LABELS) as AnnotationKind[])\n    .map(\n      (k) =>\n        [\n          k,\n          marks.filter((a) => a.kind === k && (k !== 'redaction' || isEffectiveRedaction(a)))\n            .length,\n        ] as const\n    )\n    .filter(([, n]) => n > 0)\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => !busy && onOpenChange(next)}>\n      <DialogContent data-testid=\"freeze-dialog\">\n        <DialogHeader>\n          <DialogTitle>\n            {hasRedactionMarks ? 'Apply approved redactions' : 'Create annotated copy'}\n          </DialogTitle>\n          <DialogDescription>\n            Approval records your review decision. Applying permanently removes the covered content\n            from a new redacted copy. The original remains in your files.\n          </DialogDescription>\n        </DialogHeader>\n\n        <p className=\"text-sm text-muted-foreground\" data-testid=\"freeze-summary\">\n          {counts.length === 0\n            ? 'No annotations yet.'\n            : counts.map(([k, n]) => `${n} ${KIND_LABELS[k]}`).join(', ')}\n        </p>\n\n        <fieldset className=\"space-y-2 text-sm\" disabled={busy}>\n          <legend className=\"mb-1 font-medium\">Format</legend>\n          <label className=\"flex items-start gap-2\">\n            <input\n              type=\"radio\"\n              name=\"freeze-mode\"\n              data-testid=\"freeze-mode-vector\"\n              checked={effectiveMode === 'vector'}\n              disabled={forced}\n              onChange={() => setMode('vector')}\n            />\n            <span>\n              Keep text\n              <span className=\"block text-xs text-muted-foreground\">\n                Searchable, smaller. Not available when there are redactions.\n              </span>\n            </span>\n          </label>\n          <label className=\"flex items-start gap-2\">\n            <input\n              type=\"radio\"\n              name=\"freeze-mode\"\n              data-testid=\"freeze-mode-image\"\n              checked={effectiveMode === 'image'}\n              onChange={() => setMode('image')}\n            />\n            <span>\n              Image only\n              <span className=\"block text-xs text-muted-foreground\">\n                Every page becomes a picture. Nothing is left behind a redaction.\n              </span>\n            </span>\n          </label>\n          {forced && (\n            <p className=\"text-xs text-muted-foreground\" data-testid=\"freeze-forced-note\">\n              Image only is required because this document has redactions.\n            </p>\n          )}\n        </fieldset>\n\n        <label className=\"flex items-center gap-2 text-sm\">\n          Comments\n          <select\n            data-testid=\"freeze-comments\"\n            className=\"h-8 rounded-md border border-input bg-background px-2\"\n            value={comments}\n            disabled={busy}\n            onChange={(e) => setComments(e.target.value as FreezeChoices['comments'])}\n          >\n            <option value=\"omit\">Leave out</option>\n            <option value=\"markers\">Numbered markers</option>\n            <option value=\"appendix\">Markers and a listing</option>\n          </select>\n        </label>\n        {forced && comments !== 'omit' && marks.some((a) => a.kind === 'comment') && (\n          <p className=\"text-xs text-destructive\" data-testid=\"freeze-comment-warning\">\n            Comments are copied as written and may repeat text you have redacted.\n          </p>\n        )}\n\n        {pending.length > 0 && (\n          <p className=\"rounded border p-2 text-sm\" data-testid=\"freeze-pending\">\n            {pending.length} redaction{pending.length === 1 ? ' has' : 's have'} not been reviewed.\n            Approve or reject each one before applying redactions.\n          </p>\n        )}\n\n        {hasRedactionMarks && (\n          <label className=\"flex items-start gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              data-testid=\"freeze-redaction-log\"\n              checked={redactionLog}\n              disabled={busy}\n              onChange={(e) => setRedactionLog(e.target.checked)}\n            />\n            <span>\n              Download a redaction log (CSV)\n              <span className=\"block text-xs text-muted-foreground\">\n                Page, reason, status, who approved it and when. Never the redacted text.\n              </span>\n            </span>\n          </label>\n        )}\n\n        {busy && progress && (\n          <p className=\"text-sm\" role=\"status\" data-testid=\"freeze-progress\">\n            Page {progress.done} of {progress.total}\u2026\n          </p>\n        )}\n        {error && (\n          <p className=\"text-sm text-destructive\" role=\"alert\" data-testid=\"freeze-error\">\n            {error}\n          </p>\n        )}\n\n        <DialogFooter>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            disabled={busy}\n            onClick={() => onOpenChange(false)}\n          >\n            Cancel\n          </Button>\n          <Button\n            type=\"button\"\n            data-testid=\"freeze-confirm\"\n            disabled={busy || blocked}\n            onClick={() =>\n              onConfirm({\n                mode: effectiveMode,\n                comments,\n                pendingRedactions: 'error',\n                redactionLog: hasRedactionMarks && redactionLog,\n              })\n            }\n          >\n            {busy\n              ? 'Creating copy\u2026'\n              : hasRedactionMarks\n                ? 'Apply redactions and create copy'\n                : 'Create annotated copy'}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/annotations/ProductionDialog.js

@@ -0,0 +1,354 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { ChevronDown, ChevronUp, GripVertical } from "lucide-react";
+import { Button } from "../ui/button.js";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "../ui/dialog.js";
+const MAX_PREFIX = 24;
+function previewLabel(choices) {
+  return `${choices.prefix}${String(choices.start).padStart(choices.digits, "0")}`;
+}
+function qrCornerFor(corner) {
+  return corner.endsWith("left") ? "bottom-right" : "bottom-left";
+}
+function moveItem(items, from, to) {
+  if (from === to || from < 0 || to < 0 || from >= items.length || to >= items.length)
+    return [...items];
+  const next = [...items];
+  const [moved] = next.splice(from, 1);
+  next.splice(to, 0, moved);
+  return next;
+}
+function ProductionDialog({
+  open,
+  onOpenChange,
+  documents,
+  leftOut = [],
+  onConfirm,
+  busy,
+  progress,
+  error
+}) {
+  const [layout, setLayout] = useState("merged");
+  const [prefix, setPrefix] = useState("");
+  const [start, setStart] = useState(1);
+  const [digits, setDigits] = useState(6);
+  const [corner, setCorner] = useState("bottom-right");
+  const [qr, setQr] = useState(false);
+  const [indexPage, setIndexPage] = useState(false);
+  const [saveToWorkspace, setSaveToWorkspace] = useState(true);
+  const documentKey = documents.map((d) => d.id).join("|");
+  const [ordered, setOrdered] = useState(documents);
+  useEffect(() => setOrdered(documents), [documentKey]);
+  const listRef = useRef(null);
+  const [dragFrom, setDragFrom] = useState(null);
+  const focusAfterMove = useRef(null);
+  useEffect(() => {
+    const pending = focusAfterMove.current;
+    focusAfterMove.current = null;
+    if (!pending || !listRef.current) return;
+    const button = (arrow) => listRef.current?.querySelector(
+      `[data-testid="production-move-${arrow}-${pending.index}"]:not(:disabled)`
+    );
+    (button(pending.arrow) ?? button(pending.arrow === "up" ? "down" : "up"))?.focus();
+  }, [ordered]);
+  const move = (from, to, arrow) => {
+    if (arrow) focusAfterMove.current = { index: to, arrow };
+    setOrdered((items) => moveItem(items, from, to));
+  };
+  const onDrop = (to) => (e) => {
+    e.preventDefault();
+    if (dragFrom !== null) move(dragFrom, to);
+    setDragFrom(null);
+  };
+  const valid = Number.isInteger(start) && start >= 0 && Number.isInteger(digits) && digits >= 1 && digits <= 12;
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !busy && onOpenChange(next), children: /* @__PURE__ */ jsxs(DialogContent, { "data-testid": "production-dialog", className: "max-h-[90dvh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Production set" }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Numbers every page with a Bates label, in the order shown. The originals are never changed; the result is downloaded and, if you choose, saved to the workspace." })
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", "data-testid": "production-summary", children: [
+      documents.length,
+      " document",
+      documents.length === 1 ? "" : "s",
+      ", numbered in this order.",
+      ordered.length > 1 ? " Drag a row or use its arrows to reorder." : ""
+    ] }),
+    /* @__PURE__ */ jsx(
+      "ol",
+      {
+        ref: listRef,
+        className: "max-h-48 space-y-1 overflow-y-auto text-sm",
+        "data-testid": "production-order",
+        "aria-label": "Numbering order",
+        children: ordered.map((doc, i) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            draggable: !busy,
+            onDragStart: () => setDragFrom(i),
+            onDragOver: (e) => e.preventDefault(),
+            onDrop: onDrop(i),
+            onDragEnd: () => setDragFrom(null),
+            className: `flex items-center gap-1 rounded-md border border-border px-2 py-1 ${dragFrom === i ? "opacity-50" : ""}`,
+            "data-testid": `production-order-item-${i}`,
+            "data-document-id": doc.id,
+            children: [
+              /* @__PURE__ */ jsx(
+                GripVertical,
+                {
+                  className: "size-4 shrink-0 cursor-grab text-muted-foreground",
+                  "aria-hidden": true
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { className: "w-6 shrink-0 text-right tabular-nums text-muted-foreground", children: [
+                i + 1,
+                "."
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", title: doc.name, children: doc.name }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  className: "size-7 pointer-coarse:size-11",
+                  "aria-label": `Move ${doc.name} up`,
+                  "data-testid": `production-move-up-${i}`,
+                  disabled: busy || i === 0,
+                  onClick: () => move(i, i - 1, "up"),
+                  children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  className: "size-7 pointer-coarse:size-11",
+                  "aria-label": `Move ${doc.name} down`,
+                  "data-testid": `production-move-down-${i}`,
+                  disabled: busy || i === ordered.length - 1,
+                  onClick: () => move(i, i + 1, "down"),
+                  children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
+                }
+              )
+            ]
+          },
+          doc.id
+        ))
+      }
+    ),
+    leftOut.length > 0 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", "data-testid": "production-left-out", children: [
+      "Left out, with no PDF version to number: ",
+      leftOut.join(", ")
+    ] }),
+    /* @__PURE__ */ jsxs("fieldset", { className: "space-y-2 text-sm", disabled: busy, children: [
+      /* @__PURE__ */ jsx("legend", { className: "mb-1 font-medium", children: "Files" }),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "radio",
+            name: "production-layout",
+            "data-testid": "production-layout-merged",
+            checked: layout === "merged",
+            onChange: () => setLayout("merged")
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "One merged file",
+          /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "All documents joined, numbered consecutively." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "radio",
+            name: "production-layout",
+            "data-testid": "production-layout-per-document",
+            checked: layout === "per-document",
+            onChange: () => setLayout("per-document")
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "One file per document",
+          /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "Numbering carries on from one file to the next." })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2 text-sm", children: [
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        "Prefix",
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            "data-testid": "production-prefix",
+            className: "h-8 w-full rounded-md border border-input bg-background px-2",
+            value: prefix,
+            maxLength: MAX_PREFIX,
+            disabled: busy,
+            onChange: (e) => setPrefix(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        "Start at",
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            "data-testid": "production-start",
+            type: "number",
+            min: 0,
+            className: "h-8 w-full rounded-md border border-input bg-background px-2",
+            value: start,
+            disabled: busy,
+            onChange: (e) => setStart(e.target.valueAsNumber)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        "Digits",
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            "data-testid": "production-digits",
+            type: "number",
+            min: 1,
+            max: 12,
+            className: "h-8 w-full rounded-md border border-input bg-background px-2",
+            value: digits,
+            disabled: busy,
+            onChange: (e) => setDigits(e.target.valueAsNumber)
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+      "Label position",
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          "data-testid": "production-corner",
+          className: "h-8 rounded-md border border-input bg-background px-2",
+          value: corner,
+          disabled: busy,
+          onChange: (e) => setCorner(e.target.value),
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "bottom-right", children: "Bottom right" }),
+            /* @__PURE__ */ jsx("option", { value: "bottom-left", children: "Bottom left" }),
+            /* @__PURE__ */ jsx("option", { value: "top-right", children: "Top right" }),
+            /* @__PURE__ */ jsx("option", { value: "top-left", children: "Top left" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          "data-testid": "production-qr",
+          checked: qr,
+          disabled: busy,
+          onChange: (e) => setQr(e.target.checked)
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "QR code on every page",
+        /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "Opens the document in ARBI for anyone with access." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          "data-testid": "production-index",
+          checked: indexPage,
+          disabled: busy,
+          onChange: (e) => setIndexPage(e.target.checked)
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Index page at the start",
+        /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "Lists every document with its Bates range. The index itself is not numbered." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          "data-testid": "production-save",
+          checked: saveToWorkspace,
+          disabled: busy,
+          onChange: (e) => setSaveToWorkspace(e.target.checked)
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Save to workspace",
+        /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: layout === "merged" ? "Adds the merged PDF to the Productions folder, so it can be shared or emailed." : "Adds each numbered file to a folder under Productions, so they can be shared or emailed." })
+      ] })
+    ] }),
+    valid && /* @__PURE__ */ jsxs("p", { className: "text-sm", "data-testid": "production-preview", children: [
+      "First label:",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-mono", children: previewLabel({ prefix, start, digits }) })
+    ] }),
+    busy && progress && /* @__PURE__ */ jsxs("p", { className: "text-sm", role: "status", "data-testid": "production-progress", children: [
+      "Document ",
+      progress.done,
+      " of ",
+      progress.total,
+      "\u2026"
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", role: "alert", "data-testid": "production-error", children: error }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          disabled: busy,
+          onClick: () => onOpenChange(false),
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          "data-testid": "production-confirm",
+          disabled: busy || !valid || ordered.length === 0,
+          onClick: () => onConfirm({
+            layout,
+            prefix,
+            start,
+            digits,
+            corner,
+            qr,
+            indexPage,
+            saveToWorkspace,
+            order: ordered.map((d) => d.id)
+          }),
+          children: busy ? "Working\u2026" : "Create production"
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  ProductionDialog,
+  moveItem,
+  previewLabel,
+  qrCornerFor
+};
+//# sourceMappingURL=ProductionDialog.js.map

package/dist/annotations/ProductionDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/annotations/ProductionDialog.tsx"],
+  "sourcesContent": ["/**\n * Asks how to number and package a set of documents as a production. It only collects choices; the\n * host runs `buildBundle` (see `@arbidocs/react/annotations/freeze`) and saves the result.\n *\n * The documents can be put in order (drag a row, or its up/down buttons from the keyboard): that\n * order is the numbering order.\n */\n\nimport { useEffect, useRef, useState, type DragEvent } from 'react'\nimport { ChevronDown, ChevronUp, GripVertical } from 'lucide-react'\nimport { Button } from '../ui/button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../ui/dialog'\n\nexport type ProductionCorner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n\nexport interface ProductionChoices {\n  layout: 'merged' | 'per-document'\n  prefix: string\n  start: number\n  digits: number\n  /** Corner of the Bates label; the QR code, when on, takes the opposite bottom corner. */\n  corner: ProductionCorner\n  qr: boolean\n  /** An index page first: every document with its Bates range. */\n  indexPage: boolean\n  /** Also save the result as a document in the workspace (it is downloaded either way). */\n  saveToWorkspace: boolean\n  /** Document ids in numbering order. */\n  order: string[]\n}\n\nexport interface ProductionDocument {\n  id: string\n  name: string\n}\n\nexport interface ProductionDialogProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  /** The documents, in the order they are numbered until the user reorders them. */\n  documents: ProductionDocument[]\n  /** Selected documents that cannot be included, with the reason, e.g. \"photo.jpg (no PDF)\". */\n  leftOut?: string[]\n  onConfirm: (choices: ProductionChoices) => void\n  busy?: boolean\n  progress?: { done: number; total: number } | null\n  error?: string | null\n}\n\nconst MAX_PREFIX = 24\n\nexport function previewLabel(choices: Pick<ProductionChoices, 'prefix' | 'start' | 'digits'>) {\n  return `${choices.prefix}${String(choices.start).padStart(choices.digits, '0')}`\n}\n\n/** The QR code sits in the bottom corner the label is not in (the label may be top or bottom). */\nexport function qrCornerFor(corner: ProductionCorner): ProductionCorner {\n  return corner.endsWith('left') ? 'bottom-right' : 'bottom-left'\n}\n\n/** `items` with the entry at `from` moved to `to`. */\nexport function moveItem<T>(items: readonly T[], from: number, to: number): T[] {\n  if (from === to || from < 0 || to < 0 || from >= items.length || to >= items.length)\n    return [...items]\n  const next = [...items]\n  const [moved] = next.splice(from, 1)\n  next.splice(to, 0, moved)\n  return next\n}\n\nexport function ProductionDialog({\n  open,\n  onOpenChange,\n  documents,\n  leftOut = [],\n  onConfirm,\n  busy,\n  progress,\n  error,\n}: ProductionDialogProps) {\n  const [layout, setLayout] = useState<ProductionChoices['layout']>('merged')\n  const [prefix, setPrefix] = useState('')\n  const [start, setStart] = useState(1)\n  const [digits, setDigits] = useState(6)\n  const [corner, setCorner] = useState<ProductionCorner>('bottom-right')\n  const [qr, setQr] = useState(false)\n  const [indexPage, setIndexPage] = useState(false)\n  const [saveToWorkspace, setSaveToWorkspace] = useState(true)\n\n  // The numbering order; starts as given and follows a changed selection.\n  const documentKey = documents.map((d) => d.id).join('|')\n  const [ordered, setOrdered] = useState(documents)\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => setOrdered(documents), [documentKey])\n  const listRef = useRef<HTMLOListElement>(null)\n  const [dragFrom, setDragFrom] = useState<number | null>(null)\n\n  // Keep the keyboard on the row that moved, so it can move again: on the same arrow, or on the\n  // other one once the row reaches the end of the list.\n  const focusAfterMove = useRef<{ index: number; arrow: 'up' | 'down' } | null>(null)\n  useEffect(() => {\n    const pending = focusAfterMove.current\n    focusAfterMove.current = null\n    if (!pending || !listRef.current) return\n    const button = (arrow: 'up' | 'down') =>\n      listRef.current?.querySelector<HTMLButtonElement>(\n        `[data-testid=\"production-move-${arrow}-${pending.index}\"]:not(:disabled)`\n      )\n    ;(button(pending.arrow) ?? button(pending.arrow === 'up' ? 'down' : 'up'))?.focus()\n  }, [ordered])\n  const move = (from: number, to: number, arrow?: 'up' | 'down') => {\n    if (arrow) focusAfterMove.current = { index: to, arrow }\n    setOrdered((items) => moveItem(items, from, to))\n  }\n  const onDrop = (to: number) => (e: DragEvent) => {\n    e.preventDefault()\n    if (dragFrom !== null) move(dragFrom, to)\n    setDragFrom(null)\n  }\n\n  const valid =\n    Number.isInteger(start) && start >= 0 && Number.isInteger(digits) && digits >= 1 && digits <= 12\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => !busy && onOpenChange(next)}>\n      <DialogContent data-testid=\"production-dialog\" className=\"max-h-[90dvh] overflow-y-auto\">\n        <DialogHeader>\n          <DialogTitle>Production set</DialogTitle>\n          <DialogDescription>\n            Numbers every page with a Bates label, in the order shown. The originals are never\n            changed; the result is downloaded and, if you choose, saved to the workspace.\n          </DialogDescription>\n        </DialogHeader>\n\n        <p className=\"text-sm text-muted-foreground\" data-testid=\"production-summary\">\n          {documents.length} document{documents.length === 1 ? '' : 's'}, numbered in this order.\n          {ordered.length > 1 ? ' Drag a row or use its arrows to reorder.' : ''}\n        </p>\n        <ol\n          ref={listRef}\n          className=\"max-h-48 space-y-1 overflow-y-auto text-sm\"\n          data-testid=\"production-order\"\n          aria-label=\"Numbering order\"\n        >\n          {ordered.map((doc, i) => (\n            <li\n              key={doc.id}\n              draggable={!busy}\n              onDragStart={() => setDragFrom(i)}\n              onDragOver={(e) => e.preventDefault()}\n              onDrop={onDrop(i)}\n              onDragEnd={() => setDragFrom(null)}\n              className={`flex items-center gap-1 rounded-md border border-border px-2 py-1 ${\n                dragFrom === i ? 'opacity-50' : ''\n              }`}\n              data-testid={`production-order-item-${i}`}\n              data-document-id={doc.id}\n            >\n              <GripVertical\n                className=\"size-4 shrink-0 cursor-grab text-muted-foreground\"\n                aria-hidden\n              />\n              <span className=\"w-6 shrink-0 text-right tabular-nums text-muted-foreground\">\n                {i + 1}.\n              </span>\n              <span className=\"min-w-0 flex-1 truncate\" title={doc.name}>\n                {doc.name}\n              </span>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"size-7 pointer-coarse:size-11\"\n                aria-label={`Move ${doc.name} up`}\n                data-testid={`production-move-up-${i}`}\n                disabled={busy || i === 0}\n                onClick={() => move(i, i - 1, 'up')}\n              >\n                <ChevronUp className=\"size-4\" />\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"size-7 pointer-coarse:size-11\"\n                aria-label={`Move ${doc.name} down`}\n                data-testid={`production-move-down-${i}`}\n                disabled={busy || i === ordered.length - 1}\n                onClick={() => move(i, i + 1, 'down')}\n              >\n                <ChevronDown className=\"size-4\" />\n              </Button>\n            </li>\n          ))}\n        </ol>\n        {leftOut.length > 0 && (\n          <p className=\"text-xs text-muted-foreground\" data-testid=\"production-left-out\">\n            Left out, with no PDF version to number: {leftOut.join(', ')}\n          </p>\n        )}\n\n        <fieldset className=\"space-y-2 text-sm\" disabled={busy}>\n          <legend className=\"mb-1 font-medium\">Files</legend>\n          <label className=\"flex items-start gap-2\">\n            <input\n              type=\"radio\"\n              name=\"production-layout\"\n              data-testid=\"production-layout-merged\"\n              checked={layout === 'merged'}\n              onChange={() => setLayout('merged')}\n            />\n            <span>\n              One merged file\n              <span className=\"block text-xs text-muted-foreground\">\n                All documents joined, numbered consecutively.\n              </span>\n            </span>\n          </label>\n          <label className=\"flex items-start gap-2\">\n            <input\n              type=\"radio\"\n              name=\"production-layout\"\n              data-testid=\"production-layout-per-document\"\n              checked={layout === 'per-document'}\n              onChange={() => setLayout('per-document')}\n            />\n            <span>\n              One file per document\n              <span className=\"block text-xs text-muted-foreground\">\n                Numbering carries on from one file to the next.\n              </span>\n            </span>\n          </label>\n        </fieldset>\n\n        <div className=\"grid grid-cols-3 gap-2 text-sm\">\n          <label className=\"space-y-1\">\n            Prefix\n            <input\n              data-testid=\"production-prefix\"\n              className=\"h-8 w-full rounded-md border border-input bg-background px-2\"\n              value={prefix}\n              maxLength={MAX_PREFIX}\n              disabled={busy}\n              onChange={(e) => setPrefix(e.target.value)}\n            />\n          </label>\n          <label className=\"space-y-1\">\n            Start at\n            <input\n              data-testid=\"production-start\"\n              type=\"number\"\n              min={0}\n              className=\"h-8 w-full rounded-md border border-input bg-background px-2\"\n              value={start}\n              disabled={busy}\n              onChange={(e) => setStart(e.target.valueAsNumber)}\n            />\n          </label>\n          <label className=\"space-y-1\">\n            Digits\n            <input\n              data-testid=\"production-digits\"\n              type=\"number\"\n              min={1}\n              max={12}\n              className=\"h-8 w-full rounded-md border border-input bg-background px-2\"\n              value={digits}\n              disabled={busy}\n              onChange={(e) => setDigits(e.target.valueAsNumber)}\n            />\n          </label>\n        </div>\n\n        <label className=\"flex items-center gap-2 text-sm\">\n          Label position\n          <select\n            data-testid=\"production-corner\"\n            className=\"h-8 rounded-md border border-input bg-background px-2\"\n            value={corner}\n            disabled={busy}\n            onChange={(e) => setCorner(e.target.value as ProductionCorner)}\n          >\n            <option value=\"bottom-right\">Bottom right</option>\n            <option value=\"bottom-left\">Bottom left</option>\n            <option value=\"top-right\">Top right</option>\n            <option value=\"top-left\">Top left</option>\n          </select>\n        </label>\n\n        <label className=\"flex items-start gap-2 text-sm\">\n          <input\n            type=\"checkbox\"\n            data-testid=\"production-qr\"\n            checked={qr}\n            disabled={busy}\n            onChange={(e) => setQr(e.target.checked)}\n          />\n          <span>\n            QR code on every page\n            <span className=\"block text-xs text-muted-foreground\">\n              Opens the document in ARBI for anyone with access.\n            </span>\n          </span>\n        </label>\n\n        <label className=\"flex items-start gap-2 text-sm\">\n          <input\n            type=\"checkbox\"\n            data-testid=\"production-index\"\n            checked={indexPage}\n            disabled={busy}\n            onChange={(e) => setIndexPage(e.target.checked)}\n          />\n          <span>\n            Index page at the start\n            <span className=\"block text-xs text-muted-foreground\">\n              Lists every document with its Bates range. The index itself is not numbered.\n            </span>\n          </span>\n        </label>\n\n        <label className=\"flex items-start gap-2 text-sm\">\n          <input\n            type=\"checkbox\"\n            data-testid=\"production-save\"\n            checked={saveToWorkspace}\n            disabled={busy}\n            onChange={(e) => setSaveToWorkspace(e.target.checked)}\n          />\n          <span>\n            Save to workspace\n            <span className=\"block text-xs text-muted-foreground\">\n              {layout === 'merged'\n                ? 'Adds the merged PDF to the Productions folder, so it can be shared or emailed.'\n                : 'Adds each numbered file to a folder under Productions, so they can be shared or emailed.'}\n            </span>\n          </span>\n        </label>\n\n        {valid && (\n          <p className=\"text-sm\" data-testid=\"production-preview\">\n            First label:{' '}\n            <span className=\"font-mono\">{previewLabel({ prefix, start, digits })}</span>\n          </p>\n        )}\n        {busy && progress && (\n          <p className=\"text-sm\" role=\"status\" data-testid=\"production-progress\">\n            Document {progress.done} of {progress.total}\u2026\n          </p>\n        )}\n        {error && (\n          <p className=\"text-sm text-destructive\" role=\"alert\" data-testid=\"production-error\">\n            {error}\n          </p>\n        )}\n\n        <DialogFooter>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            disabled={busy}\n            onClick={() => onOpenChange(false)}\n          >\n            Cancel\n          </Button>\n          <Button\n            type=\"button\"\n            data-testid=\"production-confirm\"\n            disabled={busy || !valid || ordered.length === 0}\n            onClick={() =>\n              onConfirm({\n                layout,\n                prefix,\n                start,\n                digits,\n                corner,\n                qr,\n                indexPage,\n                saveToWorkspace,\n                order: ordered.map((d) => d.id),\n              })\n            }\n          >\n            {busy ? 'Working\u2026' : 'Create production'}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}