@sanity/workflow-studio-plugin 0.3.0 → 0.4.0

package/dist/_chunks-cjs/workflows-tool-root.cjs

@@ -1,6 +1,6 @@
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), ui = require("@sanity/ui"), react = require("react"), router = require("sanity/router"), index = require("./index.cjs"), ChevronDown = require("@sanity/icons/ChevronDown"), ChevronRight = require("@sanity/icons/ChevronRight"), workflowEngine = require("@sanity/workflow-engine"), Checkmark = require("@sanity/icons/Checkmark"), Close = require("@sanity/icons/Close"), Filter = require("@sanity/icons/Filter"), endOfDay = require("date-fns/endOfDay"), sanity = require("sanity"), workflowStudio = require("@sanity/workflow-studio"), ArrowLeft = require("@sanity/icons/ArrowLeft"), workflowDiagram = require("@sanity/workflow-diagram"), Add = require("@sanity/icons/Add"), Search = require("@sanity/icons/Search"), EllipsisHorizontal = require("@sanity/icons/EllipsisHorizontal");
+var jsxRuntime = require("react/jsx-runtime"), ui = require("@sanity/ui"), react = require("react"), router = require("sanity/router"), index = require("./index.cjs"), ChevronDown = require("@sanity/icons/ChevronDown"), ChevronRight = require("@sanity/icons/ChevronRight"), workflowEngine = require("@sanity/workflow-engine"), Checkmark = require("@sanity/icons/Checkmark"), Close = require("@sanity/icons/Close"), Filter = require("@sanity/icons/Filter"), workflowComponents = require("@sanity/workflow-components"), endOfDay = require("date-fns/endOfDay"), sanity = require("sanity"), workflowStudio = require("@sanity/workflow-studio"), ArrowLeft = require("@sanity/icons/ArrowLeft"), workflowDiagram = require("@sanity/workflow-diagram"), Add = require("@sanity/icons/Add"), Search = require("@sanity/icons/Search"), EllipsisHorizontal = require("@sanity/icons/EllipsisHorizontal");
 
 function MutedNote({text: text}) {
     /* @__PURE__ */
@@ -350,7 +350,7 @@ function useDocPreviewTitles(documents) {
             titles: new Map(titles),
             resolved: new Set(resolved)
         }), subscriptions = documents.flatMap(doc => {
-            const parsedRef = workflowEngine.tryParseGdr(doc.id), resource = parsedRef ? workflowEngine.resourceFromParsed(parsedRef) : void 0, local = index.isLocalContentResource(resource, binding.contentResource), schemaType = schema.get(doc.type);
+            const {parsed: parsedRef, local: local} = index.gdrLocality(doc.id, binding.contentResource), schemaType = schema.get(doc.type);
             return !parsedRef || !local || !schemaType ? (resolved.add(doc.id), []) : [ previewStore.observeForPreview({
                 _type: "reference",
                 _ref: parsedRef.documentId
@@ -384,14 +384,18 @@ function TaskFilterMenu({filters: filters, options: options, onChange: onChange}
         onDismiss: () => setOpen(!1),
         open: open,
         overflow: "visible",
-        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
-            "aria-label": "Filter",
-            fontSize: 1,
-            icon: Filter.FilterIcon,
-            mode: "bleed",
-            onClick: () => setOpen(v => !v),
-            padding: 2,
-            selected: active || open
+        children: /* @__PURE__ */ jsxRuntime.jsx(index.HoverHint, {
+            disabled: open,
+            text: "Filter",
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
+                "aria-label": "Filter",
+                fontSize: 1,
+                icon: Filter.FilterIcon,
+                mode: "bleed",
+                onClick: () => setOpen(v => !v),
+                padding: 2,
+                selected: active || open
+            })
         })
     });
 }
@@ -521,7 +525,7 @@ function FilterField({label: label, placeholder: placeholder, pills: pills, onCl
     });
 }
 
-function TagField({label: label, placeholder: placeholder, rows: rows, activeKeys: activeKeys, onToggle: onToggle, pillLabel: pillLabel, open: open, onOpen: onOpen, emptyNote: emptyNote = "Nothing matches."}) {
+function TagField({label: label, placeholder: placeholder, rows: rows, activeKeys: activeKeys, onToggle: onToggle, pillLabel: pillLabel, open: open, onOpen: onOpen, emptyNote: emptyNote = "Nothing matches"}) {
     const [query, setQuery] = react.useState(""), q = query.trim().toLowerCase(), hits = q ? rows.filter(row => row.text.toLowerCase().includes(q)) : rows, shown = shownHits(hits, HITS_CAP);
     /* @__PURE__ */
     return jsxRuntime.jsx(FilterField, {
@@ -702,7 +706,7 @@ function AssigneeField({activeIds: activeIds, onToggle: onToggle, open: open, on
             align: "center",
             gap: 2,
             children: [ 
-            /* @__PURE__ */ jsxRuntime.jsx(index.MemberAvatar, {
+            /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.MemberAvatar, {
                 imageUrl: member.imageUrl,
                 name: member.displayName
             }), 
@@ -738,7 +742,7 @@ function DocumentField({documents: documents, activeIds: activeIds, onToggle: on
     /* @__PURE__ */
     return jsxRuntime.jsx(TagField, {
         activeKeys: activeIds,
-        emptyNote: "No documents match.",
+        emptyNote: "No documents match",
         label: "Document",
         onOpen: onOpen,
         onToggle: onToggle,
@@ -795,7 +799,7 @@ function DateField({date: date, onChange: onChange, open: open, onOpen: onOpen})
                     children: "Before…"
                 })
             }), 
-            /* @__PURE__ */ jsxRuntime.jsx(index.DatePicker, {
+            /* @__PURE__ */ jsxRuntime.jsx(workflowComponents.DatePicker, {
                 onSelect: next => pick({
                     before: endOfDayIso(next)
                 }),
@@ -895,7 +899,7 @@ function WorkflowsDashboard({instances: instances, onOpenInstance: onOpenInstanc
     return loading ? /* @__PURE__ */ jsxRuntime.jsx(index.LoadingRow, {
         label: "Loading workflows…"
     }) : inFlight.length === 0 && settled.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(MutedNote, {
-        text: "No workflows yet — start one with “New workflow”."
+        text: "No workflows yet — start one with “New workflow”"
     }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
         gap: 2,
         children: [ 
@@ -915,7 +919,7 @@ function WorkflowsDashboard({instances: instances, onOpenInstance: onOpenInstanc
                 options: options
             }) ]
         }), visibleInFlight.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(MutedNote, {
-            text: "No running workflows match."
+            text: "No running workflows match"
         }) : /* @__PURE__ */ jsxRuntime.jsx(InstanceRows, {
             instances: visibleInFlight,
             onOpenInstance: onOpenInstance
@@ -997,11 +1001,7 @@ function InstanceRow({instance: instance, onOpen: onOpen}) {
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
                     flex: 1
                 }), 
-                /* @__PURE__ */ jsxRuntime.jsx(index.InstanceStatusBadge, {
-                    definition: definition,
-                    instance: instance
-                }), 
-                /* @__PURE__ */ jsxRuntime.jsx(index.PendingWorkBadge, {
+                /* @__PURE__ */ jsxRuntime.jsx(index.AbortedBadge, {
                     instance: instance
                 }) ]
             })
@@ -1156,13 +1156,16 @@ function DetailHeader({entry: entry, definition: definition, onBack: onBack}) {
             gap: 3,
             wrap: "wrap",
             children: [ 
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
-                "aria-label": "Back to workflows",
-                fontSize: 1,
-                icon: ArrowLeft.ArrowLeftIcon,
-                mode: "bleed",
-                onClick: onBack,
-                padding: 2
+            /* @__PURE__ */ jsxRuntime.jsx(index.HoverHint, {
+                text: "Back to workflows",
+                children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
+                    "aria-label": "Back to workflows",
+                    fontSize: 1,
+                    icon: ArrowLeft.ArrowLeftIcon,
+                    mode: "bleed",
+                    onClick: onBack,
+                    padding: 2
+                })
             }), 
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
                 gap: 2,
@@ -1179,11 +1182,7 @@ function DetailHeader({entry: entry, definition: definition, onBack: onBack}) {
                 }) ]
             }), workflowEngine.terminalState(instance) === "in-flight" ? /* @__PURE__ */ jsxRuntime.jsx(index.StageChip, {
                 title: index.stageTitle(definition, instance.currentStage)
-            }) : /* @__PURE__ */ jsxRuntime.jsx(index.InstanceStatusBadge, {
-                definition: definition,
-                instance: instance
-            }), 
-            /* @__PURE__ */ jsxRuntime.jsx(index.PendingWorkBadge, {
+            }) : /* @__PURE__ */ jsxRuntime.jsx(index.AbortedBadge, {
                 instance: instance
             }), 
             /* @__PURE__ */ jsxRuntime.jsx(SpinnerSlot, {
@@ -1234,7 +1233,7 @@ function StageDiagramSection({entry: entry, definition: definition}) {
         children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, {
             muted: !0,
             size: 1,
-            children: "Couldn’t load this workflow’s definition — the stage diagram is unavailable and titles fall back to raw names."
+            children: "Couldn’t load this workflow’s full details — the stage diagram is unavailable, and technical names show instead of titles."
         })
     });
 }
@@ -1313,9 +1312,9 @@ function DefinitionPickerPanel({onPick: onPick}) {
             }) : null, !definitions && !error ? /* @__PURE__ */ jsxRuntime.jsx(index.LoadingRow, {
                 label: "Loading workflows…"
             }) : null, definitions && definitions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(MutedNote, {
-                text: "No startable workflows are deployed."
+                text: "No startable workflows are deployed"
             }) : null, definitions && definitions.length > 0 && visible.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(MutedNote, {
-                text: "No workflows match."
+                text: "No workflows match"
             }) : null, 
             /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, {
                 gap: 1,
@@ -1393,7 +1392,7 @@ function ToolActivityDialog({target: target, onClose: onClose}) {
 
 function TaskGroupList({groups: groups, onOpenTask: onOpenTask, onOpenWorkflow: onOpenWorkflow}) {
     return groups.withDocuments.length === 0 && groups.withoutDocuments.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(MutedNote, {
-        text: "No tasks match — adjust the filters, or start a workflow."
+        text: "No tasks match — adjust the filters, or start a workflow"
     }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, {
         gap: 2,
         children: [ groups.withDocuments.map(group => /* @__PURE__ */ jsxRuntime.jsx(DocumentTaskGroup, {
@@ -1520,9 +1519,9 @@ function DocumentTaskGroup({group: group, onOpenTask: onOpenTask, onOpenWorkflow
 }
 
 function GroupMenu({group: group, document: document, onOpenWorkflow: onOpenWorkflow}) {
-    const router$1 = router.useRouter();
+    const router$1 = router.useRouter(), state = index.useDocLink(document);
     /* @__PURE__ */
-    return jsxRuntime.jsx(ui.MenuButton, {
+    return jsxRuntime.jsx(index.HintedMenuButton, {
         button: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, {
             "aria-label": "Group actions",
             fontSize: 1,
@@ -1530,16 +1529,16 @@ function GroupMenu({group: group, document: document, onOpenWorkflow: onOpenWork
             mode: "bleed",
             padding: 2
         }),
+        hint: "Group actions",
         id: `task-group-menu-${group.key}`,
         menu: /* @__PURE__ */ jsxRuntime.jsxs(ui.Menu, {
             children: [ 
             /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, {
                 onClick: () => onOpenWorkflow(group.instanceId),
                 text: "View workflow"
-            }), document ? /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, {
+            }), state.kind === "linked" ? /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, {
                 onClick: () => router$1.navigateIntent("edit", {
-                    id: workflowEngine.extractDocumentId(document.id),
-                    type: document.type
+                    id: state.bareId
                 }),
                 text: "Open document"
             }) : null ]