sanity-plugin-workflow 1.0.0-beta.7 → 1.0.0-beta.9

package/lib/index.esm.js

@@ -687,9 +687,9 @@ function useWorkflowDocuments(schemaTypes) {
       state: newStateId,
       orderRank: newOrder
     }).commit().then(res => {
-      var _a;
+      var _a, _b;
       toast.push({
-        title: "Moved to \"".concat((_a = newState == null ? void 0 : newState.title) != null ? _a : newStateId, "\""),
+        title: newState.id === document._metadata.state ? "Reordered in \"".concat((_a = newState == null ? void 0 : newState.title) != null ? _a : newStateId, "\"") : "Moved to \"".concat((_b = newState == null ? void 0 : newState.title) != null ? _b : newStateId, "\""),
         status: "success"
       });
       return res;
@@ -1059,7 +1059,8 @@ function DocumentCard(props) {
               children: [/* @__PURE__ */jsx(Box, {
                 flex: 1,
                 children: /* @__PURE__ */jsx(Preview, {
-                  layout: "block",
+                  layout: "default",
+                  skipVisibilityCheck: true,
                   value: item,
                   schemaType: schema.get(item._type)
                 })
@@ -1113,6 +1114,21 @@ function DocumentCard(props) {
     })]
   });
 }
+function getStyle(draggableStyle, virtualItem) {
+  let transform = "translateY(".concat(virtualItem.start, "px)");
+  if (draggableStyle && draggableStyle.transform) {
+    const draggableTransformY = parseInt(draggableStyle.transform.split(",")[1].split("px")[0], 10);
+    transform = "translateY(".concat(virtualItem.start + draggableTransformY, "px)");
+  }
+  return {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "".concat(virtualItem.size, "px"),
+    transform
+  };
+}
 function DocumentList(props) {
   const {
     data = [],
@@ -1131,17 +1147,20 @@ function DocumentList(props) {
     return data.length ? filterItemsAndSort(data, state.id, selectedUserIds, selectedSchemaTypes) : [];
   }, [data, selectedSchemaTypes, selectedUserIds, state.id]);
   const parentRef = useRef(null);
-  const rowVirtualizer = useVirtualizer({
-    count: data.length,
+  const virtualizer = useVirtualizer({
+    count: dataFiltered.length,
     getScrollElement: () => parentRef.current,
     getItemKey: index => {
       var _a, _b, _c;
       return (_c = (_b = (_a = dataFiltered[index]) == null ? void 0 : _a._metadata) == null ? void 0 : _b.documentId) != null ? _c : index;
     },
-    estimateSize: () => 113,
-    overscan: 10
+    estimateSize: () => 115,
+    overscan: 7,
+    measureElement: element => {
+      return element.getBoundingClientRect().height || 115;
+    }
   });
-  if (!data.length) {
+  if (!data.length || !dataFiltered.length) {
     return null;
   }
   return /* @__PURE__ */jsx("div", {
@@ -1149,44 +1168,53 @@ function DocumentList(props) {
     style: {
       height: "100%",
       overflow: "auto",
-      paddingTop: 1,
       // Smooths scrollbar behaviour
       overflowAnchor: "none",
-      scrollBehavior: "auto"
+      scrollBehavior: "auto",
+      paddingTop: 1
     },
-    children: rowVirtualizer.getVirtualItems().map(virtualItem => {
-      var _a;
-      const item = dataFiltered[virtualItem.index];
-      const {
-        documentId,
-        assignees
-      } = (_a = item == null ? void 0 : item._metadata) != null ? _a : {};
-      if (!documentId) {
-        return null;
-      }
-      const isInvalid = invalidDocumentIds.includes(documentId);
-      const meInAssignees = (user == null ? void 0 : user.id) ? assignees == null ? void 0 : assignees.includes(user.id) : false;
-      const isDragDisabled = patchingIds.includes(documentId) || !userRoleCanDrop || isInvalid || !(state.requireAssignment ? state.requireAssignment && meInAssignees : true);
-      return /* @__PURE__ */jsx(Draggable, {
-        draggableId: documentId,
-        index: virtualItem.index,
-        isDragDisabled,
-        children: (draggableProvided, draggableSnapshot) => /* @__PURE__ */jsx("div", {
-          ref: draggableProvided.innerRef,
-          ...draggableProvided.draggableProps,
-          ...draggableProvided.dragHandleProps,
-          children: /* @__PURE__ */jsx(DocumentCard, {
-            userRoleCanDrop,
-            isDragDisabled,
-            isPatching: patchingIds.includes(documentId),
-            isDragging: draggableSnapshot.isDragging,
-            item,
-            toggleInvalidDocumentId,
-            userList,
-            states
+    children: /* @__PURE__ */jsx("div", {
+      style: {
+        height: "".concat(virtualizer.getTotalSize(), "px"),
+        width: "100%",
+        position: "relative"
+      },
+      children: virtualizer.getVirtualItems().map(virtualItem => {
+        var _a;
+        const item = dataFiltered[virtualItem.index];
+        const {
+          documentId,
+          assignees
+        } = (_a = item == null ? void 0 : item._metadata) != null ? _a : {};
+        const isInvalid = invalidDocumentIds.includes(documentId);
+        const meInAssignees = (user == null ? void 0 : user.id) ? assignees == null ? void 0 : assignees.includes(user.id) : false;
+        const isDragDisabled = patchingIds.includes(documentId) || !userRoleCanDrop || isInvalid || !(state.requireAssignment ? state.requireAssignment && meInAssignees : true);
+        return /* @__PURE__ */jsx(Draggable, {
+          draggableId: documentId,
+          index: virtualItem.index,
+          isDragDisabled,
+          children: (draggableProvided, draggableSnapshot) => /* @__PURE__ */jsx("div", {
+            ref: draggableProvided.innerRef,
+            ...draggableProvided.draggableProps,
+            ...draggableProvided.dragHandleProps,
+            style: getStyle(draggableProvided.draggableProps.style, virtualItem),
+            children: /* @__PURE__ */jsx("div", {
+              ref: virtualizer.measureElement,
+              "data-index": virtualItem.index,
+              children: /* @__PURE__ */jsx(DocumentCard, {
+                userRoleCanDrop,
+                isDragDisabled,
+                isPatching: patchingIds.includes(documentId),
+                isDragging: draggableSnapshot.isDragging,
+                item,
+                toggleInvalidDocumentId,
+                userList,
+                states
+              })
+            })
           })
-        })
-      }, documentId);
+        }, virtualItem.key);
+      })
     })
   });
 }
@@ -1390,6 +1418,40 @@ function StateTitle(props) {
     })
   });
 }
+function generateMiddleValue(ranks) {
+  if (!ranks.some(rank => !rank)) {
+    return ranks;
+  }
+  const firstUndefined = ranks.findIndex(rank => !rank);
+  const firstDefinedAfter = ranks.findIndex((rank, index) => rank && index > firstUndefined);
+  const firstDefinedBefore = ranks.findLastIndex((rank, index) => rank && index < firstUndefined);
+  if (firstDefinedAfter === -1 || firstDefinedBefore === -1) {
+    throw new Error("Unable to generate middle value between indexes ".concat(firstDefinedBefore, " and ").concat(firstDefinedAfter));
+  }
+  const beforeRank = ranks[firstDefinedBefore];
+  const afterRank = ranks[firstDefinedAfter];
+  if (!beforeRank || typeof beforeRank === "undefined" || !afterRank || typeof afterRank === "undefined") {
+    throw new Error("Unable to generate middle value between indexes ".concat(firstDefinedBefore, " and ").concat(firstDefinedAfter));
+  }
+  const between = beforeRank.between(afterRank);
+  const middle = Math.floor((firstDefinedAfter + firstDefinedBefore) / 2);
+  if (ranks[middle]) {
+    throw new Error("Should not have overwritten value at index ".concat(middle));
+  }
+  ranks[middle] = between;
+  return ranks;
+}
+function generateMultipleOrderRanks(count, start, end) {
+  let ranks = [...Array(count)];
+  const rankStart = start != null ? start : LexoRank.min().genNext().genNext();
+  const rankEnd = end != null ? end : LexoRank.max().genPrev().genPrev();
+  ranks[0] = rankStart;
+  ranks[count - 1] = rankEnd;
+  for (let i = 0; i < count; i++) {
+    ranks = generateMiddleValue(ranks);
+  }
+  return ranks.sort((a, b) => a.toString().localeCompare(b.toString()));
+}
 const StyledFloatingCard = styled(Card)(() => css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    z-index: 1000;\n  "]))));
 function FloatingCard(_ref3) {
   let {
@@ -1439,7 +1501,7 @@ function Verify(props) {
     const stateExists = states.find(s => s.id === state);
     return !stateExists && documentId ? [...acc, documentId] : acc;
   }, []) : [];
-  const documentsWithInvalidUserIds = (data == null ? void 0 : data.length) ? data.reduce((acc, cur) => {
+  const documentsWithInvalidUserIds = (data == null ? void 0 : data.length) && (userList == null ? void 0 : userList.length) ? data.reduce((acc, cur) => {
     var _a;
     const {
       documentId,
@@ -1522,16 +1584,34 @@ function Verify(props) {
       var _a;
       return (_a = d._metadata) == null ? void 0 : _a.orderRank;
     });
-    const minLexo = firstOrder && data.length !== ids.length ? LexoRank.parse(firstOrder) : LexoRank.min();
-    const maxLexo = secondOrder && data.length !== ids.length ? LexoRank.parse(secondOrder) : LexoRank.max();
-    let newLexo = minLexo.between(maxLexo);
-    const lastLexo = maxLexo;
+    const minLexo = firstOrder ? LexoRank.parse(firstOrder) : void 0;
+    const maxLexo = secondOrder ? LexoRank.parse(secondOrder) : void 0;
+    const ranks = generateMultipleOrderRanks(ids.length, minLexo, maxLexo);
+    const tx = client.transaction();
+    for (let index = 0; index < ids.length; index += 1) {
+      tx.patch("workflow-metadata.".concat(ids[index]), {
+        set: {
+          orderRank: ranks[index].toString()
+        }
+      });
+    }
+    await tx.commit();
+    toast.push({
+      title: "Added order to ".concat(ids.length === 1 ? "1 Document" : "".concat(ids.length, " Documents")),
+      status: "success"
+    });
+  }, [data, client, toast]);
+  const resetOrderOfAllDocuments = React.useCallback(async ids => {
+    toast.push({
+      title: "Adding ordering...",
+      status: "info"
+    });
+    const ranks = generateMultipleOrderRanks(ids.length);
     const tx = client.transaction();
     for (let index = 0; index < ids.length; index += 1) {
-      newLexo = newLexo.between(lastLexo);
       tx.patch("workflow-metadata.".concat(ids[index]), {
         set: {
-          orderRank: newLexo.toString()
+          orderRank: ranks[index].toString()
         }
       });
     }
@@ -1562,24 +1642,39 @@ function Verify(props) {
   return /* @__PURE__ */jsxs(FloatingCard, {
     children: [documentsWithoutValidMetadataIds.length > 0 ? /* @__PURE__ */jsx(Button, {
       tone: "caution",
+      mode: "ghost",
       onClick: () => correctDocuments(documentsWithoutValidMetadataIds),
       text: documentsWithoutValidMetadataIds.length === 1 ? "Correct 1 Document State" : "Correct ".concat(documentsWithoutValidMetadataIds.length, " Document States")
     }) : null, documentsWithInvalidUserIds.length > 0 ? /* @__PURE__ */jsx(Button, {
       tone: "caution",
+      mode: "ghost",
       onClick: () => removeUsersFromDocuments(documentsWithInvalidUserIds),
       text: documentsWithInvalidUserIds.length === 1 ? "Remove Invalid Users from 1 Document" : "Remove Invalid Users from ".concat(documentsWithInvalidUserIds.length, " Documents")
     }) : null, documentsWithoutOrderIds.length > 0 ? /* @__PURE__ */jsx(Button, {
       tone: "caution",
+      mode: "ghost",
       onClick: () => addOrderToDocuments(documentsWithoutOrderIds),
       text: documentsWithoutOrderIds.length === 1 ? "Set Order for 1 Document" : "Set Order for ".concat(documentsWithoutOrderIds.length, " Documents")
-    }) : null, documentsWithDuplicatedOrderIds.length > 0 ? /* @__PURE__ */jsx(Button, {
-      tone: "caution",
-      onClick: () => addOrderToDocuments(documentsWithDuplicatedOrderIds),
-      text: documentsWithDuplicatedOrderIds.length === 1 ? "Set Unique Order for 1 Document" : "Set Unique Order for ".concat(documentsWithDuplicatedOrderIds.length, " Documents")
+    }) : null, documentsWithDuplicatedOrderIds.length > 0 ? /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx(Button, {
+        tone: "caution",
+        mode: "ghost",
+        onClick: () => addOrderToDocuments(documentsWithDuplicatedOrderIds),
+        text: documentsWithDuplicatedOrderIds.length === 1 ? "Set Unique Order for 1 Document" : "Set Unique Order for ".concat(documentsWithDuplicatedOrderIds.length, " Documents")
+      }), /* @__PURE__ */jsx(Button, {
+        tone: "caution",
+        mode: "ghost",
+        onClick: () => resetOrderOfAllDocuments(data.map(doc => {
+          var _a;
+          return String((_a = doc._metadata) == null ? void 0 : _a.documentId);
+        })),
+        text: data.length === 1 ? "Reset Order for 1 Document" : "Reset Order for all ".concat(data.length, " Documents")
+      })]
     }) : null, orphanedMetadataDocumentIds.length > 0 ? /* @__PURE__ */jsx(Button, {
       text: "Cleanup orphaned metadata",
       onClick: handleOrphans,
-      tone: "caution"
+      tone: "caution",
+      mode: "ghost"
     }) : null]
   });
 }
@@ -1846,7 +1941,6 @@ function WorkflowTool(props) {
                     ref: provided.innerRef,
                     tone: snapshot.isDraggingOver ? "primary" : defaultCardTone,
                     height: "fill",
-                    paddingTop: 1,
                     children: [loading ? /* @__PURE__ */jsx(Flex, {
                       padding: 5,
                       align: "center",