@arbidocs/blocks 0.4.61 → 0.4.62

package/dist/files/index.js

@@ -8,16 +8,16 @@ export { DEFAULT_SELECTION_BAR_LABELS, GridView, SelectionBar, SelectionBarActio
 import { TONE_SURFACE, ToneBadge } from '../chunk-DPLRHEJZ.js';
 import { FilterInput } from '../chunk-YU2KUMGE.js';
 import { ActionLink } from '../chunk-S7PSMMRG.js';
-import '../chunk-76JDDMSP.js';
 import '../chunk-SLSBJRWW.js';
 import '../chunk-NPLYHR2E.js';
+import '../chunk-76JDDMSP.js';
 import { formatCount } from '../chunk-OXF2IFXG.js';
 import { ShareControl } from '../chunk-K4BGOPGG.js';
 import { ModalSection, ModalSectionTitle, ModalHeader } from '../chunk-CPMNAJLF.js';
 import '../chunk-TJMKFY5P.js';
 import { testIdOr } from '../chunk-7F6CBP3Z.js';
 import { memo, useState, useRef, useEffect, forwardRef, useMemo, useCallback } from 'react';
-import { Check, Minus, PencilLine, Loader2, UploadCloud, Folder, LoaderCircle, Sparkles, AlertCircle, X, FolderOpen, Upload, FileText, FolderPlus, Globe, Download, FolderUp, Users, XCircle, AlertTriangle, CheckCircle2, Share2, ImagePlus, Crop, ChevronLeft, ChevronRight, ZoomIn, CopyX, Plus, Tags, StickyNote, Columns2, Copy, ChevronDown, BookMarked, ExternalLink, Square, RefreshCw, Settings, Unplug, CalendarDays, CheckCircle, CircleSlash, Hourglass, Mail, CornerDownRight, CornerRightDown, GitFork, Blend, MoreVertical, SquarePen, BookOpen, MessagesSquare, Pencil, FolderInput, Trash2, SquareCheckBig, NotebookPen, MoreHorizontal, ArrowRightFromLine, ArrowDownToLine, Tag, Bot, Calendar, Search, Hash, List, Columns3, Save, Undo2, CheckIcon, ArrowUpDown, FileX, ChevronsUpDown, Table2, ArrowRightLeft } from 'lucide-react';
+import { Check, Minus, PencilLine, Loader2, UploadCloud, Folder, LoaderCircle, Sparkles, AlertCircle, X, FolderOpen, Upload, FileText, FolderPlus, Globe, Download, FolderUp, Users, XCircle, AlertTriangle, CheckCircle2, Share2, ImagePlus, Crop, ChevronLeft, ChevronRight, ZoomIn, CopyX, Plus, Tags, StickyNote, Columns2, Copy, ChevronDown, BookMarked, ExternalLink, Square, RefreshCw, Settings, Unplug, CalendarDays, CheckCircle, CircleSlash, Hourglass, Mail, CornerDownRight, CornerRightDown, GitFork, Blend, MoreVertical, SquarePen, BookOpen, MessagesSquare, Pencil, FolderInput, Trash2, SquareCheckBig, NotebookPen, MoreHorizontal, ArrowRightFromLine, Hash, ArrowDownToLine, Tag, Bot, Calendar, Search, List, Columns3, Save, Undo2, CheckIcon, ArrowUpDown, FileX, ChevronsUpDown, Table2, ArrowRightLeft } from 'lucide-react';
 import { cn, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Tooltip, TooltipTrigger, TooltipContent, Button, Progress, Badge, RadioGroup, RadioGroupItem, Label, ScrollArea, Dialog, DialogContent, DialogTitle, DialogDescription, TooltipProvider, IconToggle, Textarea, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem, DialogTrigger, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Checkbox, DialogHeader, CommandSeparator, getTagTypeIcon, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, Switch } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
@@ -3751,6 +3751,8 @@ function RelatedDocsCell({
   parent,
   attachments,
   madeFrom = [],
+  copies = [],
+  getRelation,
   duplicates,
   similar,
   renderDoc,
@@ -3763,15 +3765,33 @@ function RelatedDocsCell({
   const [open, setOpen] = useState(false);
   const attachmentCount = attachments.length;
   const madeFromCount = madeFrom.length;
+  const copyCount = copies.length;
   const dupeCount = duplicates.length;
   const simCount = similar.length;
-  if (!parent && attachmentCount === 0 && madeFromCount === 0 && dupeCount === 0 && simCount === 0)
+  if (!parent && attachmentCount === 0 && madeFromCount === 0 && copyCount === 0 && dupeCount === 0 && simCount === 0)
     return null;
   const row = (doc, action) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
     renderDoc(doc),
     action
   ] }, getKey(doc));
   const switchAction = (doc) => /* @__PURE__ */ jsx(ActionButton, { icon: ArrowRightLeft, label: "Switch to", onClick: () => onSwitchTo(doc) });
+  const derivedRow = (doc) => {
+    const relation = getRelation?.(doc);
+    return row(
+      doc,
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        relation && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "shrink-0 text-xs text-muted-foreground",
+            "data-slot": "related-docs-relation",
+            children: relation
+          }
+        ),
+        switchAction(doc)
+      ] })
+    );
+  };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       "button",
@@ -3794,6 +3814,7 @@ function RelatedDocsCell({
             }
           ),
           /* @__PURE__ */ jsx(RelatedBadge, { icon: GitFork, count: madeFromCount, label: "made from" }),
+          /* @__PURE__ */ jsx(RelatedBadge, { icon: Copy, count: copyCount, label: copyCount === 1 ? "copy" : "copies" }),
           /* @__PURE__ */ jsx(
             RelatedBadge,
             {
@@ -3809,7 +3830,8 @@ function RelatedDocsCell({
     /* @__PURE__ */ jsx(PopoverContent, { className: "max-h-[400px] w-[320px] overflow-y-auto p-3", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
       parent && /* @__PURE__ */ jsx(RelatedGroup, { icon: CornerDownRight, title: "Parent", count: 1, children: row(parent, switchAction(parent)) }),
       attachmentCount > 0 && /* @__PURE__ */ jsx(RelatedGroup, { icon: CornerRightDown, title: "Attachments", count: attachmentCount, children: attachments.map((doc) => row(doc, switchAction(doc))) }),
-      madeFromCount > 0 && /* @__PURE__ */ jsx(RelatedGroup, { icon: GitFork, title: "Made from", count: madeFromCount, children: madeFrom.map((doc) => row(doc, switchAction(doc))) }),
+      madeFromCount > 0 && /* @__PURE__ */ jsx(RelatedGroup, { icon: GitFork, title: "Made from", count: madeFromCount, children: madeFrom.map(derivedRow) }),
+      copyCount > 0 && /* @__PURE__ */ jsx(RelatedGroup, { icon: Copy, title: "Copies made from it", count: copyCount, children: copies.map(derivedRow) }),
       dupeCount > 0 && /* @__PURE__ */ jsx(RelatedGroup, { icon: CopyX, title: "Duplicates", count: dupeCount, children: duplicates.map(
         (doc) => row(
           doc,
@@ -4246,6 +4268,7 @@ var DEFAULT_BULK_ACTIONS_LABELS = {
   more: "More",
   folder: "Folder",
   export: "Export",
+  production: "Production set",
   reprocess: "Reprocess",
   removeOffline: "Remove offline",
   useOffline: "Use Offline",
@@ -4262,6 +4285,7 @@ function BulkActionsBar({
   onLabel,
   onMoveToFolder,
   onExport,
+  onProduce,
   onReprocess,
   reprocessLabel,
   onToggleOffline,
@@ -4286,6 +4310,7 @@ function BulkActionsBar({
     moveFolder: testIdOr(testIds?.moveFolder, { testId: "bulk-move-folder-button" }),
     share: testIdOr(testIds?.share, { testId: "bulk-shared-toggle" }),
     export: testIdOr(testIds?.export, { testId: "bulk-export-button" }),
+    production: testIdOr(testIds?.production, { testId: "bulk-production-button" }),
     reprocess: testIdOr(testIds?.reprocess, { testId: "bulk-reprocess-button" }),
     offline: testIdOr(testIds?.offline, { testId: "bulk-offline-button" }),
     delete: testIdOr(testIds?.delete, { testId: "bulk-delete-button" })
@@ -4425,6 +4450,18 @@ function BulkActionsBar({
                     ]
                   }
                 ),
+                onProduce && /* @__PURE__ */ jsxs(
+                  DropdownMenuItem,
+                  {
+                    onClick: onProduce,
+                    disabled: noSelection || !isOnline,
+                    "data-testid": ids.production,
+                    children: [
+                      /* @__PURE__ */ jsx(Hash, { className: "mr-2 h-4 w-4" }),
+                      l.production
+                    ]
+                  }
+                ),
                 /* @__PURE__ */ jsxs(
                   DropdownMenuItem,
                   {