@sanity/workflow-studio-plugin 0.5.0 → 0.20.0

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

@@ -2,22 +2,6 @@
 
 var jsxRuntime = require("react/jsx-runtime"), ui = require("@sanity/ui"), react = require("react"), router = require("sanity/router"), index = require("./index.cjs"), ArrowLeft = require("@sanity/icons/ArrowLeft"), workflowDiagram = require("@sanity/workflow-diagram"), workflowEngine = require("@sanity/workflow-engine"), Add = require("@sanity/icons/Add"), Search = require("@sanity/icons/Search"), 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"), reactDom = require("react-dom"), sanity = require("sanity"), Calendar = require("@sanity/icons/Calendar"), workflowStudio = require("@sanity/workflow-studio");
 
-function SpinnerSlot({busy: busy}) {
-    /* @__PURE__ */
-    return jsxRuntime.jsx(ui.Flex, {
-        align: "center",
-        flex: "none",
-        justify: "center",
-        style: {
-            width: 19,
-            height: 19
-        },
-        children: busy ? /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {
-            muted: !0
-        }) : null
-    });
-}
-
 function documentRefsOf(instance) {
     const seen = /* @__PURE__ */ new Map;
     for (const ref of workflowEngine.entryDocRefs(instance.fields)) seen.has(ref.id) || seen.set(ref.id, ref);
@@ -181,7 +165,7 @@ function DetailHeader({entry: entry, definition: definition, onBack: onBack}) {
             }) : /* @__PURE__ */ jsxRuntime.jsx(index.AbortedBadge, {
                 instance: instance
             }), 
-            /* @__PURE__ */ jsxRuntime.jsx(SpinnerSlot, {
+            /* @__PURE__ */ jsxRuntime.jsx(index.SpinnerSlot, {
                 busy: !ready || index.isEvaluationStale(entry)
             }) ]
         })
@@ -404,7 +388,7 @@ function datesOf(state) {
 
 function spawnOrigins(instances) {
     const origins = /* @__PURE__ */ new Map;
-    for (const parent of instances) for (const row of parent.subworkflows ?? []) origins.set(workflowEngine.extractDocumentId(row.ref.id), {
+    for (const parent of instances) for (const row of parent.subworkflows ?? []) origins.set(workflowEngine.toBareId(row.ref.id), {
         parent: parent,
         activityName: row.activity,
         cohortStage: row.cohortStage
@@ -414,7 +398,7 @@ function spawnOrigins(instances) {
 
 function rootOf(instance, byId) {
     const rootRef = instance.ancestors[0];
-    return rootRef ? byId.get(workflowEngine.extractDocumentId(rootRef.id)) ?? instance : instance;
+    return rootRef ? byId.get(workflowEngine.toBareId(rootRef.id)) ?? instance : instance;
 }
 
 function taskRowsOf(args) {
@@ -1088,7 +1072,7 @@ function DocumentField({documents: documents, activeIds: activeIds, onToggle: on
     if (documents.length === 0) return null;
     const rows = documents.map(doc => ({
         key: doc.id,
-        text: `${titles.get(doc.id) ?? ""} ${doc.type} ${workflowEngine.extractDocumentId(doc.id)}`,
+        text: `${titles.get(doc.id) ?? ""} ${doc.type} ${workflowEngine.toBareId(doc.id)}`,
         node: /* @__PURE__ */ jsxRuntime.jsx(index.DocRefFace, {
             gdr: doc
         })
@@ -1173,7 +1157,7 @@ function useDocumentChipLabels(documentIds, documents) {
     const schema = sanity.useSchema(), activeDocs = documents.filter(doc => documentIds.includes(doc.id)), {titles: titles, resolved: resolved} = useDocPreviewTitles(activeDocs), labels = /* @__PURE__ */ new Map;
     for (const doc of activeDocs) {
         if (!resolved.has(doc.id)) continue;
-        const label = titles.get(doc.id) ?? schemaTypeTitle(schema, doc.type) ?? workflowEngine.extractDocumentId(doc.id);
+        const label = titles.get(doc.id) ?? schemaTypeTitle(schema, doc.type) ?? workflowEngine.toBareId(doc.id);
         labels.set(doc.id, label);
     }
     return labels;
@@ -1300,6 +1284,28 @@ function ActivityDateControl({instanceId: instanceId, state: state, dates: dates
     });
 }
 
+const PREWARM_MARGIN = "600px 0px";
+
+function useNearViewport() {
+    const [element, setElement] = react.useState(null), [near, setNear] = react.useState(!1);
+    return react.useEffect(() => {
+        if (element === null) return;
+        if (typeof IntersectionObserver > "u") {
+            setNear(!0);
+            return;
+        }
+        const observer = new IntersectionObserver(entries => {
+            setNear(entries.at(-1)?.isIntersecting ?? !1);
+        }, {
+            rootMargin: PREWARM_MARGIN
+        });
+        return observer.observe(element), () => observer.disconnect();
+    }, [ element ]), {
+        ref: setElement,
+        near: near
+    };
+}
+
 function RefChips({refs: refs, max: max = 2}) {
     if (refs.length === 0) return null;
     const shown = refs.slice(0, max), overflow = refs.length - shown.length;
@@ -1329,7 +1335,7 @@ function TaskGroupList({groups: groups, onOpenTask: onOpenTask, onOpenWorkflow:
         children: [ groups.withDocuments.map(group => /* @__PURE__ */ jsxRuntime.jsx(index.CollapsibleBand, {
             background: !0,
             sticky: !0,
-            title: workflowEngine.extractDocumentId(group.document.id),
+            title: workflowEngine.toBareId(group.document.id),
             header: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, {
                 align: "center",
                 flex: "none",
@@ -1452,22 +1458,27 @@ function TaskRows({rows: rows, onOpenTask: onOpenTask, showTerminalActions: show
 }
 
 function TaskActivityRow({row: row, onOpen: onOpen, showTerminalActions: showTerminalActions}) {
-    const entry = index.useWorkflowInstanceEntry(row.instanceId), render = taskRowRender(row, entry);
+    const {ref: ref, near: near} = useNearViewport(), entry = index.useWorkflowInstanceEntry(row.instanceId, {
+        evaluate: near
+    }), render = taskRowRender(row, entry);
     /* @__PURE__ */
-    return jsxRuntime.jsx(index.StaleLock, {
-        stale: render.stale,
-        children: /* @__PURE__ */ jsxRuntime.jsx(index.ActivityRow, {
-            assignState: render.assignState,
-            assigneeIds: render.assigneeIds,
-            dateControl: /* @__PURE__ */ jsxRuntime.jsx(ActivityDateControl, {
-                dates: render.dates,
+    return jsxRuntime.jsx(ui.Box, {
+        ref: ref,
+        children: /* @__PURE__ */ jsxRuntime.jsx(index.StaleLock, {
+            stale: render.stale,
+            children: /* @__PURE__ */ jsxRuntime.jsx(index.ActivityRow, {
+                assignState: render.assignState,
+                assigneeIds: render.assigneeIds,
+                dateControl: /* @__PURE__ */ jsxRuntime.jsx(ActivityDateControl, {
+                    dates: render.dates,
+                    instanceId: row.instanceId,
+                    state: render.dateState
+                }),
+                face: render.face,
                 instanceId: row.instanceId,
-                state: render.dateState
-            }),
-            face: render.face,
-            instanceId: row.instanceId,
-            onOpen: onOpen,
-            terminalActions: showTerminalActions ? render.terminalActions : []
+                onOpen: onOpen,
+                terminalActions: showTerminalActions ? render.terminalActions : []
+            })
         })
     });
 }