@arbidocs/blocks 0.5.100 → 0.5.101

package/dist/{chunk-VW6MFQFW.js → chunk-UPXQDULH.js}

@@ -2,11 +2,11 @@
 import { page, minuteUtc, cell, paragraph, documentXml, docxPackage, TABLE_DOCUMENT_STYLES, groupDefinitions, compareDefinitions } from './chunk-IYUKJESY.js';
 import { RowNavigatorControls } from './chunk-ELA7Y5YW.js';
 import { DetailLoading, DetailBody, DetailSection, DetailLinkList, DetailLinkItem, DetailEmpty, DetailFields, DetailField } from './chunk-OC2PD52M.js';
-import { taskActivityHeadline, DEFAULT_TASK_ACTIVITY_LABELS } from './chunk-SWW3KBH2.js';
-import { GridView } from './chunk-7F5Z4K5W.js';
+import { taskActivityHeadline, DEFAULT_TASK_ACTIVITY_LABELS } from './chunk-AZGELQSS.js';
+import { GridView } from './chunk-IU5CHOEU.js';
 import { DocumentPicker } from './chunk-WNDIVNPT.js';
 import { ModalHeader } from './chunk-TX2ZICS7.js';
-import { useState, useEffect, useMemo, useCallback } from 'react';
+import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { Sparkle, Search, Pencil, ArrowUp, ArrowDown, X, Plus, Loader2, ArrowUpRight, ChevronDown, MoreHorizontal, SlidersHorizontal, FileDown, Download, FileText, Lightbulb, MessagesSquare, Workflow, MessageSquare, Activity } from 'lucide-react';
 import { cn, Input, Textarea, Button, Checkbox, TagEntity, Popover, PopoverTrigger, PopoverContent, getEntityLabel, tagKindNouns, tagKindTitle, isImageDocument, getDocumentTitle, Dialog, DialogContent, DialogTitle, DialogDescription } from '@arbidocs/react/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -773,9 +773,23 @@ function TagTableCell({
   const value = cellValue(row, column);
   const nameOf = (id) => (column.type === "tag" ? tags : people)?.find((p) => p.value === id)?.label;
   const shown = cellText(value, column, nameOf);
+  const stored = cellText(value, column);
   const [draft, setDraft] = useState(shown);
-  useEffect(() => setDraft(cellText(value, column)), [value, column]);
-  const set = (next) => void onChange?.(row.external_id, column.id, next);
+  const storedRef = useRef(stored);
+  const draftRef = useRef(draft);
+  draftRef.current = draft;
+  const editing = useRef(null);
+  useEffect(() => {
+    storedRef.current = stored;
+    const typing = editing.current;
+    if (typing && draftRef.current !== typing.from) return;
+    if (typing) typing.from = stored;
+    setDraft(stored);
+  }, [stored]);
+  const set = (next) => {
+    const saving = onChange?.(row.external_id, column.id, next);
+    if (saving instanceof Promise) saving.catch(() => setDraft(storedRef.current));
+  };
   if (column.type === "tag")
     return /* @__PURE__ */ jsx(
       TagLinkCell,
@@ -824,7 +838,7 @@ function TagTableCell({
     }
     default: {
       const commit = () => {
-        if (draft !== cellText(value, column)) set(parseCell(draft, column.type));
+        if (draft !== stored) set(parseCell(draft, column.type));
       };
       return /* @__PURE__ */ jsx(
         "input",
@@ -833,10 +847,14 @@ function TagTableCell({
           type: column.type === "number" ? "number" : column.type === "date" ? "date" : "text",
           value: column.type === "date" ? draft.slice(0, 10) : draft,
           onChange: (e) => setDraft(e.target.value),
-          onBlur: commit,
+          onFocus: () => editing.current = { from: stored },
+          onBlur: () => {
+            editing.current = null;
+            commit();
+          },
           onKeyDown: (e) => {
             if (e.key === "Enter") e.target.blur();
-            if (e.key === "Escape") setDraft(cellText(value, column));
+            if (e.key === "Escape") setDraft(stored);
           },
           "aria-label": `${row.name}: ${column.name}`,
           "data-testid": testId
@@ -999,6 +1017,76 @@ function TagContentCounts({
     ] })
   ] }, kind)) });
 }
+function TagRowNameRenderer({
+  data: row,
+  onOpenRow,
+  testId
+}) {
+  if (!row) return null;
+  return onOpenRow ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: cn(ROW_LABEL, "text-left font-medium hover:text-primary hover:underline"),
+      title: row.name,
+      onClick: () => onOpenRow(row.external_id),
+      "data-testid": `${testId}-row-${row.external_id}-label`,
+      children: /* @__PURE__ */ jsx(TagEntity, { tag: row, showTooltip: false, wrap: true })
+    }
+  ) : /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(ROW_LABEL, "font-medium"),
+      title: row.name,
+      "data-testid": `${testId}-row-${row.external_id}-label`,
+      children: /* @__PURE__ */ jsx(TagEntity, { tag: row, showTooltip: false, wrap: true })
+    }
+  );
+}
+function TagEvidenceRenderer({
+  data: row,
+  l,
+  onOpenRow,
+  onOpenTaggedItems,
+  testId
+}) {
+  if (!row) return null;
+  return /* @__PURE__ */ jsx(
+    TagContentCounts,
+    {
+      row,
+      l,
+      onOpenRow,
+      onOpenTaggedItems,
+      testId: `${testId}-evidence-${row.external_id}`
+    }
+  );
+}
+function TagFieldRenderer({
+  data: row,
+  field,
+  people,
+  tags,
+  onOpenTag,
+  onChangeValue,
+  l,
+  testId
+}) {
+  if (!row) return null;
+  return /* @__PURE__ */ jsx(
+    TagTableCell,
+    {
+      row,
+      column: field,
+      people,
+      tags,
+      onOpenTag,
+      onChange: onChangeValue,
+      l,
+      testId: `${testId}-cell-${row.external_id}-${field.id}`
+    }
+  );
+}
 function TagTable({
   table,
   isLoading,
@@ -1049,28 +1137,8 @@ function TagTable({
         filter: false,
         autoHeight: true,
         cellClass: "px-3! py-2! leading-normal!",
-        cellRenderer: ({ data: row }) => row ? onOpenRow ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: cn(
-              ROW_LABEL,
-              "text-left font-medium hover:text-primary hover:underline"
-            ),
-            title: row.name,
-            onClick: () => onOpenRow(row.external_id),
-            "data-testid": `${testId}-row-${row.external_id}-label`,
-            children: /* @__PURE__ */ jsx(TagEntity, { tag: row, showTooltip: false, wrap: true })
-          }
-        ) : /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(ROW_LABEL, "font-medium"),
-            title: row.name,
-            "data-testid": `${testId}-row-${row.external_id}-label`,
-            children: /* @__PURE__ */ jsx(TagEntity, { tag: row, showTooltip: false, wrap: true })
-          }
-        ) : null
+        cellRenderer: TagRowNameRenderer,
+        cellRendererParams: { onOpenRow, testId }
       },
       {
         colId: "evidence",
@@ -1087,16 +1155,8 @@ function TagTable({
           const links = rowLinks(data);
           return links.doc_count + links.fact_count + links.thread_count;
         },
-        cellRenderer: ({ data: row }) => row ? /* @__PURE__ */ jsx(
-          TagContentCounts,
-          {
-            row,
-            l,
-            onOpenRow,
-            onOpenTaggedItems,
-            testId: `${testId}-evidence-${row.external_id}`
-          }
-        ) : null
+        cellRenderer: TagEvidenceRenderer,
+        cellRendererParams: { l, onOpenRow, onOpenTaggedItems, testId }
       },
       ...columns.map((column) => ({
         colId: column.id,
@@ -1124,19 +1184,16 @@ function TagTable({
             (id) => people?.find((p) => p.value === id)?.label ?? tags?.find((t) => t.value === id)?.label
           );
         },
-        cellRenderer: ({ data: row }) => row ? /* @__PURE__ */ jsx(
-          TagTableCell,
-          {
-            row,
-            column,
-            people,
-            tags,
-            onOpenTag,
-            onChange: onChangeValue,
-            l,
-            testId: `${testId}-cell-${row.external_id}-${column.id}`
-          }
-        ) : null
+        cellRenderer: TagFieldRenderer,
+        cellRendererParams: {
+          field: column,
+          people,
+          tags,
+          onOpenTag,
+          onChangeValue,
+          l,
+          testId
+        }
       }))
     ],
     [columns, l, people, tags, onOpenRow, onOpenTaggedItems, onOpenTag, onChangeValue, testId]
@@ -1838,5 +1895,5 @@ function ExtractEntitiesDialog({
 }
 
 export { DEFAULT_GLOSSARY_LABELS, DEFAULT_TAG_COLUMNS_EDITOR_LABELS, DEFAULT_TAG_DETAIL_LABELS, DEFAULT_TAG_TABLE_DOCX_LABELS, DEFAULT_TAG_TABLE_LABELS, DEFAULT_WORKSPACE_ACTIVITY_LABELS, EXTRACT_LIMIT, EntityIdentityBar, ExtractEntitiesDialog, GridRowNavigator, IDENTITY_NAME_MAX_LENGTH, LoadingIndicator, TAG_TABLE_DOCX_LANDSCAPE_AFTER, TagColumnsEditor, TagDetail, TagTable, TagTableCell, Toolbar, WorkspaceActivityList, cellText, cellValue, documentCount, entitiesPhrase, fieldWrites, glossaryDocumentXml, glossaryDocx, glossaryEntries, glossaryFileName, glossaryMarkdown, isGap, parseCell, rowLinks, tagDetailLabels, tagKindDescription, tagNoteLabel, tagTableDocumentXml, tagTableDocx, tagTableLabels, tagTableMarkdown, tagsPageNouns, useTipsPlacement, workspaceActivityHeadline, workspaceActivityTarget };
-//# sourceMappingURL=chunk-VW6MFQFW.js.map
-//# sourceMappingURL=chunk-VW6MFQFW.js.map
+//# sourceMappingURL=chunk-UPXQDULH.js.map
+//# sourceMappingURL=chunk-UPXQDULH.js.map