@sanity/orderable-document-list 1.2.2 → 1.3.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 Sanity.io
+Copyright (c) 2025 Sanity.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/lib/index.cjs

@@ -0,0 +1,499 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: !0 });
+var sanity = require("sanity"), lexorank = require("lexorank"), icons = require("@sanity/icons"), jsxRuntime = require("react/jsx-runtime"), react = require("react"), ui = require("@sanity/ui"), sanityPluginUtils = require("sanity-plugin-utils"), dnd = require("@hello-pangea/dnd"), structure = require("sanity/structure");
+const ORDER_FIELD_NAME = "orderRank", API_VERSION = "2021-09-01";
+function initialRank(compareRankValue = "", newItemPosition = "after") {
+  const compareRank = compareRankValue ? lexorank.LexoRank.parse(compareRankValue) : lexorank.LexoRank.min();
+  return (newItemPosition === "before" ? compareRank.genPrev().genPrev() : compareRank.genNext().genNext()).toString();
+}
+const orderRankField = (config) => {
+  if (!config?.type)
+    throw new Error(
+      `
+      type must be provided.
+      Example: orderRankField({type: 'category'})
+      `
+    );
+  const { type, newItemPosition = "after", ...rest } = config;
+  return sanity.defineField({
+    title: "Order Rank",
+    readOnly: !0,
+    hidden: !0,
+    ...rest,
+    name: ORDER_FIELD_NAME,
+    type: "string",
+    initialValue: async (p, { getClient }) => {
+      const direction = newItemPosition === "before" ? "asc" : "desc", lastDocOrderRank = await getClient({ apiVersion: API_VERSION }).fetch(
+        `*[_type == $type]|order(@[$order] ${direction})[0][$order]`,
+        { type, order: ORDER_FIELD_NAME },
+        { tag: "orderable-document-list.last-doc-order-rank" }
+      );
+      return initialRank(lastDocOrderRank, newItemPosition);
+    }
+  });
+}, orderRankOrdering = {
+  title: "Ordered",
+  name: "ordered",
+  by: [{ field: ORDER_FIELD_NAME, direction: "asc" }]
+}, OrderableContext = react.createContext({});
+function Document({
+  doc,
+  increment,
+  entities,
+  index,
+  isFirst,
+  isLast,
+  dragBadge
+}) {
+  const { showIncrements } = react.useContext(OrderableContext), schema = sanity.useSchema(), router = structure.usePaneRouter(), { ChildLink, groupIndex, routerPanesState } = router, currentDoc = routerPanesState[groupIndex + 1]?.[0]?.id || !1, pressed = currentDoc === doc._id || currentDoc === doc._id.replace("drafts.", ""), selected = pressed && routerPanesState.length === groupIndex + 2, Link = react.useMemo(
+    () => function(linkProps) {
+      return /* @__PURE__ */ jsxRuntime.jsx(ChildLink, { ...linkProps, childId: doc._id });
+    },
+    [ChildLink, doc._id]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    sanity.PreviewCard,
+    {
+      __unstable_focusRing: !0,
+      as: Link,
+      "data-as": "a",
+      "data-ui": "PaneItem",
+      radius: 2,
+      pressed,
+      selected,
+      sizing: "border",
+      tabIndex: -1,
+      tone: "inherit",
+      width: "100%",
+      flex: 1,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 2, style: { flexShrink: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: /* @__PURE__ */ jsxRuntime.jsx(icons.DragHandleIcon, { cursor: "grab" }) }) }),
+        showIncrements && /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { style: { flexShrink: 0 }, align: "center", gap: 1, paddingRight: 1, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              padding: 2,
+              mode: "ghost",
+              onClick: () => increment(index, index + -1, doc._id, entities),
+              disabled: isFirst,
+              icon: icons.ChevronUpIcon
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              padding: 2,
+              mode: "ghost",
+              disabled: isLast,
+              onClick: () => increment(index, index + 1, doc._id, entities),
+              icon: icons.ChevronDownIcon
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { flex: 1, align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          sanity.Preview,
+          {
+            layout: "default",
+            value: doc,
+            schemaType: schema.get(doc._type)
+          }
+        ) }) }),
+        dragBadge && /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { tone: "default", marginRight: 4, radius: 5, children: /* @__PURE__ */ jsxRuntime.jsx(ui.AvatarCounter, { count: dragBadge }) })
+      ] })
+    }
+  );
+}
+function lexicographicalSort(a, b) {
+  return !a[ORDER_FIELD_NAME] || !b[ORDER_FIELD_NAME] ? 0 : a[ORDER_FIELD_NAME] < b[ORDER_FIELD_NAME] ? -1 : a[ORDER_FIELD_NAME] > b[ORDER_FIELD_NAME] ? 1 : 0;
+}
+const reorderDocuments = ({
+  entities,
+  selectedIds,
+  source,
+  destination
+}) => {
+  const startIndex = source.index, endIndex = destination.index, isMovingUp = startIndex > endIndex, selectedItems = entities.filter((item) => selectedIds.includes(item._id)), message = [
+    "Moved",
+    selectedItems.length === 1 ? "1 document" : `${selectedItems.length} documents`,
+    isMovingUp ? "up" : "down",
+    "from position",
+    `${startIndex + 1} to ${endIndex + 1}`
+  ].join(" "), { all, selected } = entities.reduce(
+    (acc, cur, curIndex) => {
+      if (selectedIds.includes(cur._id))
+        return { all: acc.all, selected: acc.selected };
+      if (curIndex === endIndex) {
+        const prevIndex = curIndex - 1, prevRank = entities[prevIndex]?.[ORDER_FIELD_NAME] ? lexorank.LexoRank.parse(entities[prevIndex]?.[ORDER_FIELD_NAME]) : lexorank.LexoRank.min(), curRank = lexorank.LexoRank.parse(entities[curIndex][ORDER_FIELD_NAME]), nextIndex = curIndex + 1, nextRank = entities[nextIndex]?.[ORDER_FIELD_NAME] ? lexorank.LexoRank.parse(entities[nextIndex]?.[ORDER_FIELD_NAME]) : lexorank.LexoRank.max();
+        let betweenRank = isMovingUp ? prevRank.between(curRank) : curRank.between(nextRank);
+        for (let selectedIndex = 0; selectedIndex < selectedItems.length; selectedIndex += 1)
+          selectedItems[selectedIndex][ORDER_FIELD_NAME] = betweenRank.toString(), betweenRank = isMovingUp ? betweenRank.between(curRank) : betweenRank.between(nextRank);
+        return {
+          // The `all` array gets sorted by order field later anyway
+          // so that this probably isn't necessary ¯\_(ツ)_/¯
+          all: isMovingUp ? [...acc.all, ...selectedItems, cur] : [...acc.all, cur, ...selectedItems],
+          selected: selectedItems
+        };
+      }
+      return { all: [...acc.all, cur], selected: acc.selected };
+    },
+    { all: [], selected: [] }
+  ), patches = selected.flatMap((doc) => {
+    const docPatches = [
+      [
+        doc._id,
+        {
+          set: {
+            [ORDER_FIELD_NAME]: doc[ORDER_FIELD_NAME]
+          }
+        }
+      ]
+    ];
+    return doc._id.startsWith("drafts.") && doc.hasPublished && docPatches.push([
+      doc._id.replace("drafts.", ""),
+      {
+        set: {
+          [ORDER_FIELD_NAME]: doc[ORDER_FIELD_NAME]
+        }
+      }
+    ]), docPatches;
+  });
+  return { newOrder: all.sort(lexicographicalSort), patches, message };
+};
+function useSanityClient() {
+  return sanity.useClient({ apiVersion: API_VERSION });
+}
+const getItemStyle = (draggableStyle, itemIsUpdating) => ({
+  userSelect: "none",
+  transition: "opacity 500ms ease-in-out",
+  opacity: itemIsUpdating ? 0.2 : 1,
+  pointerEvents: itemIsUpdating ? "none" : void 0,
+  ...draggableStyle
+}), cardTone = (settings) => {
+  const { isDuplicate, isGhosting, isDragging, isSelected } = settings;
+  if (isGhosting) return "transparent";
+  if (isDragging || isSelected) return "primary";
+  if (isDuplicate) return "caution";
+};
+function DraggableList({ data, listIsUpdating, setListIsUpdating }) {
+  const toast = ui.useToast(), router = structure.usePaneRouter(), { groupIndex, routerPanesState } = router, currentDoc = routerPanesState[groupIndex + 1]?.[0]?.id || !1, [orderedData, setOrderedData] = react.useState(data);
+  react.useEffect(() => {
+    listIsUpdating || setOrderedData(data);
+  }, [data]);
+  const [draggingId, setDraggingId] = react.useState(""), [selectedIds, setSelectedIds] = react.useState(currentDoc ? [currentDoc] : []), clearSelected = react.useCallback(() => setSelectedIds([]), [setSelectedIds]), handleSelect = react.useCallback(
+    (clickedId, index, nativeEvent) => {
+      const isSelected = selectedIds.includes(clickedId), selectMultiple = nativeEvent.shiftKey, selectAdditional = navigator.appVersion.indexOf("Win") !== -1 ? nativeEvent.ctrlKey : nativeEvent.metaKey;
+      let updatedIds = [];
+      if (!selectMultiple && !selectAdditional)
+        return setSelectedIds([clickedId]);
+      if (selectMultiple && nativeEvent.preventDefault(), selectMultiple && !isSelected) {
+        const lastSelectedId = selectedIds[selectedIds.length - 1], lastSelectedIndex = orderedData.findIndex((item) => item._id === lastSelectedId), firstSelected = index < lastSelectedIndex ? index : lastSelectedIndex, lastSelected = index > lastSelectedIndex ? index : lastSelectedIndex, betweenIds = orderedData.filter((item, itemIndex) => itemIndex > firstSelected && itemIndex < lastSelected).map((item) => item._id);
+        updatedIds = [...selectedIds, ...betweenIds, clickedId];
+      } else isSelected ? updatedIds = selectedIds.filter((id) => id !== clickedId) : updatedIds = [...selectedIds, clickedId];
+      return setSelectedIds(updatedIds);
+    },
+    [setSelectedIds, orderedData, selectedIds]
+  ), client = useSanityClient(), transactPatches = react.useCallback(
+    async (patches, message) => {
+      const transaction = client.transaction();
+      patches.forEach(([docId, ops]) => transaction.patch(docId, ops));
+      try {
+        const updated = await transaction.commit({
+          visibility: "async",
+          tag: "orderable-document-list.reorder"
+        });
+        clearSelected(), setDraggingId(""), setListIsUpdating(!1), toast.push({
+          title: `${updated.results.length === 1 ? "1 document" : `${updated.results.length} documents`} reordered`,
+          status: "success",
+          description: message
+        });
+      } catch {
+        setDraggingId(""), setListIsUpdating(!1), toast.push({
+          title: "Reordering failed",
+          status: "error"
+        });
+      }
+    },
+    [client, setDraggingId, clearSelected, setListIsUpdating, toast]
+  ), handleDragEnd = react.useCallback(
+    (result, entities) => {
+      setDraggingId("");
+      const { source, destination, draggableId } = result ?? {};
+      if (source?.index === destination?.index || !entities?.length || !draggableId) return;
+      const effectedIds = selectedIds?.length ? selectedIds : [draggableId];
+      if (!effectedIds?.length) return;
+      setListIsUpdating(!0), setSelectedIds(effectedIds);
+      const { newOrder, patches, message } = reorderDocuments({
+        entities,
+        selectedIds: effectedIds,
+        source,
+        destination
+      });
+      newOrder?.length && setOrderedData(newOrder), patches?.length && transactPatches(patches, message);
+    },
+    [selectedIds, setDraggingId, setSelectedIds, transactPatches, setListIsUpdating]
+  ), handleDragStart = react.useCallback(
+    (start) => {
+      const id = start.draggableId;
+      selectedIds.includes(id) || clearSelected(), setDraggingId(id);
+    },
+    [selectedIds, clearSelected, setDraggingId]
+  ), incrementIndex = react.useCallback(
+    (shiftFrom, shiftTo, id, entities) => handleDragEnd({
+      draggableId: id,
+      source: { index: shiftFrom },
+      destination: { index: shiftTo }
+    }, entities),
+    [handleDragEnd]
+  ), onWindowKeyDown = react.useCallback(
+    (event) => {
+      event.key === "Escape" && clearSelected();
+    },
+    [clearSelected]
+  );
+  react.useEffect(() => (window.addEventListener("keydown", onWindowKeyDown), () => {
+    window.removeEventListener("keydown", onWindowKeyDown);
+  }), [onWindowKeyDown]);
+  const duplicateOrders = react.useMemo(() => {
+    if (!orderedData.length) return [];
+    const orderField = orderedData.map((item) => item[ORDER_FIELD_NAME]);
+    return orderField.filter((item, index) => orderField.indexOf(item) !== index);
+  }, [orderedData]), onDragEnd = react.useCallback(
+    (result) => handleDragEnd(result, orderedData),
+    [orderedData, handleDragEnd]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(dnd.DragDropContext, { onDragStart: handleDragStart, onDragEnd, children: /* @__PURE__ */ jsxRuntime.jsx(dnd.Droppable, { droppableId: "documentSortZone", children: (provided) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
+    orderedData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      dnd.Draggable,
+      {
+        draggableId: item._id,
+        index,
+        children: (innerProvided, innerSnapshot) => {
+          const isSelected = selectedIds.includes(item._id), isDragging = innerSnapshot.isDragging, isGhosting = !!(!isDragging && draggingId && isSelected), isUpdating = listIsUpdating && isSelected, isDisabled = !item[ORDER_FIELD_NAME], isDuplicate = duplicateOrders.includes(item[ORDER_FIELD_NAME]), tone = cardTone({ isDuplicate, isGhosting, isDragging, isSelected }), selectedCount = selectedIds.length, dragBadge = isDragging && selectedCount > 1 ? selectedCount : !1;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: innerProvided.innerRef,
+              ...innerProvided.draggableProps,
+              ...innerProvided.dragHandleProps,
+              style: isDisabled ? { opacity: 0.2, pointerEvents: "none" } : getItemStyle(innerProvided.draggableProps.style, isUpdating),
+              children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingBottom: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Card,
+                {
+                  tone,
+                  shadow: isDragging ? 2 : void 0,
+                  radius: 2,
+                  onClick: (e) => handleSelect(item._id, index, e.nativeEvent),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    Document,
+                    {
+                      doc: item,
+                      entities: orderedData,
+                      increment: incrementIndex,
+                      index,
+                      isFirst: index === 0,
+                      isLast: index === orderedData.length - 1,
+                      dragBadge
+                    }
+                  )
+                }
+              ) })
+            }
+          );
+        }
+      },
+      `${item._id}-${item[ORDER_FIELD_NAME]}`
+    )),
+    provided.placeholder
+  ] }) }) });
+}
+const DEFAULT_PARAMS = {};
+function DocumentListQuery({ type, filter, params = DEFAULT_PARAMS }) {
+  const [listIsUpdating, setListIsUpdating] = react.useState(!1), [data, setData] = react.useState([]), query = `*[_type == $type ${filter ? `&& ${filter}` : ""}]|order(@[$order] asc){
+    _id, _type, ${ORDER_FIELD_NAME}
+  }`, queryParams = {
+    ...params,
+    type,
+    order: ORDER_FIELD_NAME
+  }, {
+    data: _queryData,
+    loading,
+    error
+  } = sanityPluginUtils.useListeningQuery(query, {
+    params: queryParams,
+    initialValue: []
+  }), queryData = _queryData;
+  react.useEffect(() => {
+    if (queryData) {
+      const filteredDocuments = queryData.reduce((acc, cur) => cur._id.startsWith("drafts.") ? (cur.hasPublished = queryData.some((doc) => doc._id === cur._id.replace("drafts.", "")), [...acc, cur]) : queryData.some((doc) => doc._id === `drafts.${cur._id}`) ? acc : [...acc, cur], []);
+      setData(filteredDocuments);
+    } else
+      setData([]);
+  }, [queryData]);
+  const unorderedDataCount = react.useMemo(
+    () => data?.length ? data.filter((doc) => !doc[ORDER_FIELD_NAME]).length : 0,
+    [data]
+  );
+  return loading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { style: { width: "100%", height: "100%" }, align: "center", justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}) }) : error ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(sanityPluginUtils.Feedback, { tone: "critical", title: "There was an error", description: "Please try again later" }) }) : !data || data?.length == 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", direction: "column", height: "fill", justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { width: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 4, paddingY: 5, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { align: "center", muted: !0, children: "No documents of this type" }) }) }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 1, style: { overflow: "auto", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { padding: 2, children: [
+    unorderedDataCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+      sanityPluginUtils.Feedback,
+      {
+        tone: "caution",
+        description: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          unorderedDataCount,
+          "/",
+          data?.length,
+          " documents have no order. Select",
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Reset Order" }),
+          " from the menu above to fix."
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DraggableList,
+      {
+        data,
+        listIsUpdating,
+        setListIsUpdating
+      }
+    )
+  ] }) });
+}
+function DocumentListWrapper({
+  type,
+  showIncrements,
+  resetOrderTransaction,
+  filter,
+  params
+}) {
+  const toast = ui.useToast(), schema = sanity.useSchema();
+  react.useEffect(() => {
+    resetOrderTransaction?.title && resetOrderTransaction?.status && toast.push(resetOrderTransaction);
+  }, [resetOrderTransaction, toast]);
+  const schemaIsInvalid = react.useMemo(() => {
+    if (!type)
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        "No ",
+        /* @__PURE__ */ jsxRuntime.jsx("code", { children: "type" }),
+        " was configured"
+      ] });
+    const typeSchema = schema.get(type);
+    return typeSchema ? !("fields" in typeSchema) || !typeSchema.fields.some((field) => field?.name === ORDER_FIELD_NAME) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      "Schema ",
+      /* @__PURE__ */ jsxRuntime.jsx("code", { children: type }),
+      " must have an ",
+      /* @__PURE__ */ jsxRuntime.jsx("code", { children: ORDER_FIELD_NAME }),
+      " field of type",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("code", { children: "string" })
+    ] }) : "fields" in typeSchema && typeSchema.fields.some(
+      (field) => field?.name === ORDER_FIELD_NAME && field?.type?.name !== "string"
+    ) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("code", { children: ORDER_FIELD_NAME }),
+      " field on Schema ",
+      /* @__PURE__ */ jsxRuntime.jsx("code", { children: type }),
+      " must be",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("code", { children: "string" }),
+      " type"
+    ] }) : "" : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      "Schema ",
+      /* @__PURE__ */ jsxRuntime.jsx("code", { children: type }),
+      " not found"
+    ] });
+  }, [type, schema]);
+  return schemaIsInvalid ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(sanityPluginUtils.Feedback, { description: schemaIsInvalid, tone: "caution" }) }) : /* @__PURE__ */ jsxRuntime.jsx(OrderableContext.Provider, { value: { showIncrements }, children: /* @__PURE__ */ jsxRuntime.jsx(DocumentListQuery, { type, filter, params }) });
+}
+async function resetOrder(type, client) {
+  const query = "*[_type == $type]|order(@[$order] asc)._id", queryParams = { type, order: ORDER_FIELD_NAME }, documentIds = await client.fetch(query, queryParams, {
+    tag: "orderable-document-list.reset-order"
+  });
+  if (documentIds.length === 0)
+    return null;
+  let aLexoRank = lexorank.LexoRank.min();
+  return documentIds.reduce((trx, documentId) => (aLexoRank = aLexoRank.genNext().genNext(), trx.patch(documentId, {
+    set: { [ORDER_FIELD_NAME]: aLexoRank.toString() }
+  })), client.transaction()).commit({
+    visibility: "async",
+    tag: "orderable-document-list.reset-order"
+  });
+}
+class OrderableDocumentList extends react.Component {
+  constructor(props) {
+    super(props), this.state = {
+      showIncrements: !1,
+      resetOrderTransaction: {}
+    };
+  }
+  actionHandlers = {
+    showIncrements: () => {
+      this.setState((state) => ({
+        showIncrements: !state.showIncrements
+      }));
+    },
+    resetOrder: async () => {
+      this.setState(() => ({
+        resetOrderTransaction: {
+          status: "info",
+          title: "Reordering started...",
+          closable: !0
+        }
+      }));
+      const update = await resetOrder(this.props.options.type, this.props.options.client), reorderWasSuccessful = update?.results?.length;
+      this.setState(() => ({
+        resetOrderTransaction: {
+          status: reorderWasSuccessful ? "success" : "info",
+          title: reorderWasSuccessful ? `Reordered ${update.results.length === 1 ? "Document" : "Documents"}` : "Reordering failed",
+          closable: !0
+        }
+      }));
+    }
+  };
+  render() {
+    const type = this?.props?.options?.type;
+    return type ? /* @__PURE__ */ jsxRuntime.jsx(
+      DocumentListWrapper,
+      {
+        filter: this?.props?.options?.filter,
+        params: this?.props?.options?.params,
+        type,
+        showIncrements: this.state.showIncrements,
+        resetOrderTransaction: this.state.resetOrderTransaction
+      }
+    ) : null;
+  }
+}
+function orderableDocumentListDeskItem(config) {
+  if (!config?.type || !config.context || !config.S)
+    throw new Error(`
+    type, context and S (StructureBuilder) must be provided.
+    context and S are available when configuring structure.
+    Example: orderableDocumentListDeskItem({type: 'category'})
+    `);
+  const { type, filter, menuItems = [], createIntent, params, title, icon, id, context, S } = config, { schema, getClient } = context, client = getClient({ apiVersion: API_VERSION }), listTitle = title ?? `Orderable ${type}`, listId = id ?? `orderable-${type}`, listIcon = icon ?? icons.SortIcon, typeTitle = schema.get(type)?.title ?? type;
+  return createIntent !== !1 && menuItems.push(
+    S.menuItem().title(`Create new ${typeTitle}`).intent({ type: "create", params: { type } }).serialize()
+  ), S.listItem().title(listTitle).id(listId).icon(listIcon).schemaType(type).child(
+    Object.assign(
+      S.documentTypeList(type).canHandleIntent(() => !!createIntent).serialize(),
+      {
+        // Prevents the component from re-rendering when switching documents
+        __preserveInstance: !0,
+        // Prevents the component from NOT re-rendering when switching listItems
+        key: listId,
+        type: "component",
+        component: OrderableDocumentList,
+        options: { type, filter, params, client },
+        menuItems: [
+          ...menuItems,
+          S.menuItem().title("Reset Order").icon(icons.GenerateIcon).action("resetOrder").serialize(),
+          S.menuItem().title("Toggle Increments").icon(icons.SortIcon).action("showIncrements").serialize()
+        ]
+      }
+    )
+  ).serialize();
+}
+exports.orderRankField = orderRankField;
+exports.orderRankOrdering = orderRankOrdering;
+exports.orderableDocumentListDeskItem = orderableDocumentListDeskItem;
+//# sourceMappingURL=index.cjs.map

package/lib/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/helpers/constants.ts","../src/helpers/initialRank.ts","../src/fields/orderRankField.ts","../src/fields/orderRankOrdering.ts","../src/OrderableContext.ts","../src/Document.tsx","../src/helpers/reorderDocuments.ts","../src/helpers/client.ts","../src/DraggableList.tsx","../src/DocumentListQuery.tsx","../src/DocumentListWrapper.tsx","../src/helpers/resetOrder.ts","../src/OrderableDocumentList.tsx","../src/desk-structure/orderableDocumentListDeskItem.ts"],"sourcesContent":["export const ORDER_FIELD_NAME = `orderRank` as const\n\nexport const API_VERSION = `2021-09-01` as const\n","import {LexoRank} from 'lexorank'\nimport {NewItemPosition} from '../types'\n\n// Use in initial value field by passing in the rank value of the last document\n// If not value passed, generate a sensibly low rank\nexport function initialRank(\n  compareRankValue = ``,\n  newItemPosition: NewItemPosition = 'after',\n): string {\n  const compareRank = compareRankValue ? LexoRank.parse(compareRankValue) : LexoRank.min()\n  const rank =\n    newItemPosition === 'before' ? compareRank.genPrev().genPrev() : compareRank.genNext().genNext()\n\n  return rank.toString()\n}\n","import {type ConfigContext, defineField, type StringDefinition} from 'sanity'\nimport {API_VERSION, ORDER_FIELD_NAME} from '../helpers/constants'\nimport {initialRank} from '../helpers/initialRank'\nimport type {NewItemPosition} from '../types'\n\nexport type SchemaContext = Omit<ConfigContext, 'schema' | 'currentUser' | 'client'>\n\nexport interface RankFieldConfig extends Omit<StringDefinition, 'name' | 'type' | 'initialValue'> {\n  type: string\n  newItemPosition?: NewItemPosition\n}\n\nexport const orderRankField = (config: RankFieldConfig): StringDefinition => {\n  if (!config?.type) {\n    throw new Error(\n      `\n      type must be provided.\n      Example: orderRankField({type: 'category'})\n      `,\n    )\n  }\n\n  const {type, newItemPosition = 'after', ...rest} = config\n  return defineField({\n    title: 'Order Rank',\n    readOnly: true,\n    hidden: true,\n    ...rest,\n    name: ORDER_FIELD_NAME,\n    type: 'string',\n    initialValue: async (p, {getClient}) => {\n      const direction = newItemPosition === 'before' ? 'asc' : 'desc'\n\n      const lastDocOrderRank = await getClient({apiVersion: API_VERSION}).fetch(\n        `*[_type == $type]|order(@[$order] ${direction})[0][$order]`,\n        {type, order: ORDER_FIELD_NAME},\n        {tag: 'orderable-document-list.last-doc-order-rank'},\n      )\n      return initialRank(lastDocOrderRank, newItemPosition)\n    },\n  })\n}\n","import type {SortOrdering} from 'sanity'\nimport {ORDER_FIELD_NAME} from '../helpers/constants'\n\nexport const orderRankOrdering: SortOrdering = {\n  title: 'Ordered',\n  name: 'ordered',\n  by: [{field: ORDER_FIELD_NAME, direction: 'asc'}],\n}\n","import {createContext} from 'react'\n\nexport interface OrderableContextValue {\n  showIncrements?: boolean\n}\n\nexport const OrderableContext = createContext<OrderableContextValue>({})\n","import {useContext, useMemo, type ReactNode} from 'react'\nimport {ChevronDownIcon, ChevronUpIcon, DragHandleIcon} from '@sanity/icons'\nimport {AvatarCounter, Card, Box, Button, Flex, Text} from '@sanity/ui'\nimport {useSchema, SchemaType, PreviewCard, Preview} from 'sanity'\nimport {usePaneRouter} from 'sanity/structure'\n\nimport {OrderableContext} from './OrderableContext'\nimport type {SanityDocumentWithOrder} from './types'\n\nexport interface DocumentProps {\n  doc: SanityDocumentWithOrder\n  entities: SanityDocumentWithOrder[]\n  increment: (\n    index: number,\n    nextIndex: number,\n    docId: string,\n    entities: SanityDocumentWithOrder[],\n  ) => void\n  index: number\n  isFirst: boolean\n  isLast: boolean\n  dragBadge: number | false\n}\n\nexport function Document({\n  doc,\n  increment,\n  entities,\n  index,\n  isFirst,\n  isLast,\n  dragBadge,\n}: DocumentProps) {\n  const {showIncrements} = useContext(OrderableContext)\n  const schema = useSchema()\n  const router = usePaneRouter()\n  const {ChildLink, groupIndex, routerPanesState} = router\n\n  const currentDoc = routerPanesState[groupIndex + 1]?.[0]?.id || false\n  const pressed = currentDoc === doc._id || currentDoc === doc._id.replace(`drafts.`, ``)\n  const selected = pressed && routerPanesState.length === groupIndex + 2\n\n  const Link = useMemo(\n    () =>\n      function LinkComponent(linkProps: {children: ReactNode}) {\n        return <ChildLink {...linkProps} childId={doc._id} />\n      },\n    [ChildLink, doc._id],\n  )\n\n  return (\n    <PreviewCard\n      __unstable_focusRing\n      // @ts-expect-error\n      as={Link}\n      data-as=\"a\"\n      data-ui=\"PaneItem\"\n      radius={2}\n      pressed={pressed}\n      selected={selected}\n      sizing=\"border\"\n      tabIndex={-1}\n      tone=\"inherit\"\n      width=\"100%\"\n      flex={1}\n    >\n      <Flex align=\"center\">\n        <Box paddingX={2} style={{flexShrink: 0}}>\n          <Text size={2}>\n            <DragHandleIcon cursor=\"grab\" />\n          </Text>\n        </Box>\n        {showIncrements && (\n          <Flex style={{flexShrink: 0}} align=\"center\" gap={1} paddingRight={1}>\n            <Button\n              padding={2}\n              mode=\"ghost\"\n              // eslint-disable-next-line react/jsx-no-bind\n              onClick={() => increment(index, index + -1, doc._id, entities)}\n              disabled={isFirst}\n              icon={ChevronUpIcon}\n            />\n            <Button\n              padding={2}\n              mode=\"ghost\"\n              disabled={isLast}\n              // eslint-disable-next-line react/jsx-no-bind\n              onClick={() => increment(index, index + 1, doc._id, entities)}\n              icon={ChevronDownIcon}\n            />\n          </Flex>\n        )}\n        <Box style={{width: `100%`}}>\n          <Flex flex={1} align=\"center\">\n            <Preview\n              layout=\"default\"\n              value={doc}\n              schemaType={schema.get(doc._type) as SchemaType}\n            />\n          </Flex>\n        </Box>\n        {dragBadge && (\n          <Card tone=\"default\" marginRight={4} radius={5}>\n            <AvatarCounter count={dragBadge} />\n          </Card>\n        )}\n      </Flex>\n    </PreviewCard>\n  )\n}\n","import {LexoRank} from 'lexorank'\nimport type {PatchOperations} from 'sanity'\n\nimport type {SanityDocumentWithOrder} from '../types'\nimport {ORDER_FIELD_NAME} from './constants'\n\nexport interface MaifestArgs {\n  entities: SanityDocumentWithOrder[]\n  selectedItems: SanityDocumentWithOrder[]\n  isMovingUp: boolean\n  curIndex: number\n  nextIndex: number\n  prevIndex: number\n}\n\nexport interface ReorderArgs {\n  entities: SanityDocumentWithOrder[]\n  selectedIds: string[]\n  source: any\n  destination: any\n}\n\nexport interface ReorderReturn {\n  newOrder: SanityDocumentWithOrder[]\n  patches: [string, PatchOperations][]\n  message: any\n}\n\nfunction lexicographicalSort(a: SanityDocumentWithOrder, b: SanityDocumentWithOrder) {\n  if (!a[ORDER_FIELD_NAME] || !b[ORDER_FIELD_NAME]) {\n    return 0\n  } else if (a[ORDER_FIELD_NAME] < b[ORDER_FIELD_NAME]) {\n    return -1\n  } else if (a[ORDER_FIELD_NAME] > b[ORDER_FIELD_NAME]) {\n    return 1\n  }\n  return 0\n}\n\nexport const reorderDocuments = ({\n  entities,\n  selectedIds,\n  source,\n  destination,\n}: ReorderArgs): ReorderReturn => {\n  const startIndex = source.index\n  const endIndex = destination.index\n  const isMovingUp = startIndex > endIndex\n  const selectedItems = entities.filter((item) => selectedIds.includes(item._id))\n  const message = [\n    'Moved',\n    selectedItems.length === 1 ? '1 document' : `${selectedItems.length} documents`,\n    isMovingUp ? 'up' : 'down',\n    'from position',\n    `${startIndex + 1} to ${endIndex + 1}`,\n  ].join(' ')\n\n  const {all, selected} = entities.reduce<{\n    all: SanityDocumentWithOrder[]\n    selected: SanityDocumentWithOrder[]\n  }>(\n    (acc, cur, curIndex) => {\n      // Selected items get spread in below, so skip them here\n      if (selectedIds.includes(cur._id)) {\n        return {all: acc.all, selected: acc.selected}\n      }\n\n      // Drop selected items in\n      if (curIndex === endIndex) {\n        const prevIndex = curIndex - 1\n        const prevRank = entities[prevIndex]?.[ORDER_FIELD_NAME]\n          ? LexoRank.parse(entities[prevIndex]?.[ORDER_FIELD_NAME] as string)\n          : LexoRank.min()\n\n        const curRank = LexoRank.parse(entities[curIndex][ORDER_FIELD_NAME] as string)\n\n        const nextIndex = curIndex + 1\n        const nextRank = entities[nextIndex]?.[ORDER_FIELD_NAME]\n          ? LexoRank.parse(entities[nextIndex]?.[ORDER_FIELD_NAME] as string)\n          : LexoRank.max()\n\n        let betweenRank = isMovingUp ? prevRank.between(curRank) : curRank.between(nextRank)\n\n        // For each selected item, assign a new orderRank between now and next\n        for (let selectedIndex = 0; selectedIndex < selectedItems.length; selectedIndex += 1) {\n          selectedItems[selectedIndex][ORDER_FIELD_NAME] = betweenRank.toString()\n          betweenRank = isMovingUp ? betweenRank.between(curRank) : betweenRank.between(nextRank)\n        }\n\n        return {\n          // The `all` array gets sorted by order field later anyway\n          // so that this probably isn't necessary ¯\\_(ツ)_/¯\n          all: isMovingUp\n            ? [...acc.all, ...selectedItems, cur]\n            : [...acc.all, cur, ...selectedItems],\n          selected: selectedItems,\n        }\n      }\n\n      return {all: [...acc.all, cur], selected: acc.selected}\n    },\n    {all: [], selected: []},\n  )\n\n  const patches = selected.flatMap((doc) => {\n    const docPatches: [string, PatchOperations][] = [\n      [\n        doc._id,\n        {\n          set: {\n            [ORDER_FIELD_NAME]: doc[ORDER_FIELD_NAME],\n          },\n        },\n      ],\n    ]\n\n    // If it's a draft, we need to patch the published document as well\n    if (doc._id.startsWith('drafts.') && doc.hasPublished) {\n      docPatches.push([\n        doc._id.replace('drafts.', ''),\n        {\n          set: {\n            [ORDER_FIELD_NAME]: doc[ORDER_FIELD_NAME],\n          },\n        },\n      ])\n    }\n\n    return docPatches\n  })\n\n  // Safety-check to make sure everything is in order\n  const allSorted = all.sort(lexicographicalSort)\n\n  return {newOrder: allSorted, patches, message}\n}\n","import {type SanityClient, useClient} from 'sanity'\nimport {API_VERSION} from './constants'\n\nexport function useSanityClient(): SanityClient {\n  return useClient({apiVersion: API_VERSION})\n}\n","import {useEffect, useState, useMemo, useCallback, type CSSProperties} from 'react'\nimport {DragDropContext, Draggable, Droppable, type DropResult} from '@hello-pangea/dnd'\nimport {Box, Card, useToast} from '@sanity/ui'\nimport type {PatchOperations} from 'sanity'\nimport {usePaneRouter} from 'sanity/structure'\n\nimport {Document} from './Document'\nimport {reorderDocuments} from './helpers/reorderDocuments'\nimport {ORDER_FIELD_NAME} from './helpers/constants'\nimport {useSanityClient} from './helpers/client'\nimport type {SanityDocumentWithOrder} from './types'\n\ninterface ListSetting {\n  isDuplicate: boolean\n  isGhosting: boolean\n  isDragging: boolean\n  isSelected: boolean\n}\n\nexport interface DraggableListProps {\n  data: SanityDocumentWithOrder[]\n  listIsUpdating: boolean\n  setListIsUpdating: (val: boolean) => void\n}\n\nconst getItemStyle = (\n  draggableStyle: CSSProperties | undefined,\n  itemIsUpdating: boolean,\n): CSSProperties => ({\n  userSelect: 'none',\n  transition: 'opacity 500ms ease-in-out',\n  opacity: itemIsUpdating ? 0.2 : 1,\n  pointerEvents: itemIsUpdating ? 'none' : undefined,\n  ...draggableStyle,\n})\n\nconst cardTone = (settings: ListSetting) => {\n  const {isDuplicate, isGhosting, isDragging, isSelected} = settings\n\n  if (isGhosting) return 'transparent'\n  if (isDragging || isSelected) return 'primary'\n  if (isDuplicate) return 'caution'\n\n  return undefined\n}\n\nexport function DraggableList({data, listIsUpdating, setListIsUpdating}: DraggableListProps) {\n  const toast = useToast()\n  const router = usePaneRouter()\n  const {groupIndex, routerPanesState} = router\n\n  const currentDoc = routerPanesState[groupIndex + 1]?.[0]?.id || false\n\n  // Maintains local state order before transaction completes\n  const [orderedData, setOrderedData] = useState<SanityDocumentWithOrder[]>(data)\n\n  // Update local state when documents change from an outside source\n  useEffect(() => {\n    if (!listIsUpdating) setOrderedData(data)\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, [data])\n\n  const [draggingId, setDraggingId] = useState('')\n  const [selectedIds, setSelectedIds] = useState<string[]>(currentDoc ? [currentDoc] : [])\n\n  const clearSelected = useCallback(() => setSelectedIds([]), [setSelectedIds])\n\n  const handleSelect = useCallback(\n    (clickedId: string, index: number, nativeEvent: MouseEvent) => {\n      const isSelected = selectedIds.includes(clickedId)\n      const selectMultiple = nativeEvent.shiftKey\n      const isUsingWindows = navigator.appVersion.indexOf('Win') !== -1\n      const selectAdditional = isUsingWindows ? nativeEvent.ctrlKey : nativeEvent.metaKey\n\n      let updatedIds = []\n\n      // No modifier keys pressed during click:\n      // - update selected to just this one\n      // - open document\n      if (!selectMultiple && !selectAdditional) {\n        return setSelectedIds([clickedId])\n      }\n\n      // If shift key was held, prevent default to avoid new window opening\n      if (selectMultiple) {\n        nativeEvent.preventDefault()\n      }\n\n      // Shift key was held, add id's between last selected and this one\n      // ...before adding this one\n      if (selectMultiple && !isSelected) {\n        const lastSelectedId = selectedIds[selectedIds.length - 1]\n        const lastSelectedIndex = orderedData.findIndex((item) => item._id === lastSelectedId)\n\n        const firstSelected = index < lastSelectedIndex ? index : lastSelectedIndex\n        const lastSelected = index > lastSelectedIndex ? index : lastSelectedIndex\n\n        const betweenIds = orderedData\n          .filter((item, itemIndex) => itemIndex > firstSelected && itemIndex < lastSelected)\n          .map((item) => item._id)\n\n        updatedIds = [...selectedIds, ...betweenIds, clickedId]\n      } else if (isSelected) {\n        // Toggle off a single id\n        updatedIds = selectedIds.filter((id) => id !== clickedId)\n      } else {\n        // Toggle on a single id\n        updatedIds = [...selectedIds, clickedId]\n      }\n\n      return setSelectedIds(updatedIds)\n    },\n    [setSelectedIds, orderedData, selectedIds],\n  )\n\n  const client = useSanityClient()\n\n  const transactPatches = useCallback(\n    async (patches: [string, PatchOperations][], message: string) => {\n      const transaction = client.transaction()\n\n      patches.forEach(([docId, ops]) => transaction.patch(docId, ops))\n\n      try {\n        const updated = await transaction.commit({\n          visibility: 'async',\n          tag: 'orderable-document-list.reorder',\n        })\n        clearSelected()\n        setDraggingId('')\n        setListIsUpdating(false)\n        toast.push({\n          title: `${\n            updated.results.length === 1 ? '1 document' : `${updated.results.length} documents`\n          } reordered`,\n          status: 'success',\n          description: message,\n        })\n      } catch (err) {\n        setDraggingId('')\n        setListIsUpdating(false)\n        toast.push({\n          title: 'Reordering failed',\n          status: 'error',\n        })\n      }\n    },\n    [client, setDraggingId, clearSelected, setListIsUpdating, toast],\n  )\n\n  const handleDragEnd = useCallback(\n    (result: DropResult | undefined, entities: SanityDocumentWithOrder[]) => {\n      setDraggingId('')\n\n      const {source, destination, draggableId} = result ?? {}\n\n      // Don't do anything if nothing changed\n      if (source?.index === destination?.index) return\n\n      // Don't do anything if we don't have the entitites\n      if (!entities?.length || !draggableId) return\n\n      // A document can be dragged without being one-of-many-selected\n      const effectedIds = selectedIds?.length ? selectedIds : [draggableId]\n\n      // Don't do anything if we don't have ids to effect\n      if (!effectedIds?.length) return\n\n      // Update state to update styles + prevent data refetching\n      setListIsUpdating(true)\n      setSelectedIds(effectedIds)\n\n      const {newOrder, patches, message} = reorderDocuments({\n        entities,\n        selectedIds: effectedIds,\n        source,\n        destination,\n      })\n\n      // Update local state\n      if (newOrder?.length) {\n        setOrderedData(newOrder)\n      }\n\n      // Transact new order patches\n      if (patches?.length) {\n        transactPatches(patches, message)\n      }\n    },\n    [selectedIds, setDraggingId, setSelectedIds, transactPatches, setListIsUpdating],\n  )\n\n  const handleDragStart = useCallback(\n    (start: {draggableId: string}) => {\n      const id = start.draggableId\n      const selected = selectedIds.includes(id)\n\n      // if dragging an item that is not selected - unselect all items\n      if (!selected) clearSelected()\n\n      setDraggingId(id)\n    },\n    [selectedIds, clearSelected, setDraggingId],\n  )\n\n  // Move one document up or down one place, by fake invoking the drag function\n  const incrementIndex = useCallback(\n    (shiftFrom: number, shiftTo: number, id: string, entities: SanityDocumentWithOrder[]) => {\n      const result = {\n        draggableId: id,\n        source: {index: shiftFrom},\n        destination: {index: shiftTo},\n      }\n\n      return handleDragEnd(result as DropResult, entities)\n    },\n    [handleDragEnd],\n  )\n\n  const onWindowKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        clearSelected()\n      }\n    },\n    [clearSelected],\n  )\n\n  useEffect(() => {\n    window.addEventListener('keydown', onWindowKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', onWindowKeyDown)\n    }\n  }, [onWindowKeyDown])\n\n  // Find all items with duplicate order field\n  const duplicateOrders = useMemo(() => {\n    if (!orderedData.length) return []\n\n    const orderField = orderedData.map((item) => item[ORDER_FIELD_NAME])\n\n    return orderField.filter((item, index) => orderField.indexOf(item) !== index)\n  }, [orderedData])\n\n  const onDragEnd = useCallback(\n    (result: DropResult) => handleDragEnd(result, orderedData),\n    [orderedData, handleDragEnd],\n  )\n\n  return (\n    <DragDropContext onDragStart={handleDragStart} onDragEnd={onDragEnd}>\n      <Droppable droppableId=\"documentSortZone\">\n        {(provided) => (\n          <div {...provided.droppableProps} ref={provided.innerRef}>\n            {orderedData.map((item, index) => (\n              <Draggable\n                key={`${item._id}-${item[ORDER_FIELD_NAME]}`}\n                draggableId={item._id}\n                index={index}\n                // onClick={(event) => handleDraggableClick(event, provided, snapshot)}\n              >\n                {(innerProvided, innerSnapshot) => {\n                  const isSelected = selectedIds.includes(item._id)\n                  const isDragging = innerSnapshot.isDragging\n                  const isGhosting = Boolean(!isDragging && draggingId && isSelected)\n                  const isUpdating = listIsUpdating && isSelected\n                  const isDisabled = Boolean(!item[ORDER_FIELD_NAME])\n                  const isDuplicate = duplicateOrders.includes(item[ORDER_FIELD_NAME])\n                  const tone = cardTone({isDuplicate, isGhosting, isDragging, isSelected})\n                  const selectedCount = selectedIds.length\n\n                  const dragBadge = isDragging && selectedCount > 1 ? selectedCount : false\n\n                  return (\n                    <div\n                      ref={innerProvided.innerRef}\n                      {...innerProvided.draggableProps}\n                      {...innerProvided.dragHandleProps}\n                      style={\n                        isDisabled\n                          ? {opacity: 0.2, pointerEvents: 'none'}\n                          : getItemStyle(innerProvided.draggableProps.style, isUpdating)\n                      }\n                    >\n                      <Box paddingBottom={1}>\n                        <Card\n                          tone={tone}\n                          shadow={isDragging ? 2 : undefined}\n                          radius={2}\n                          // eslint-disable-next-line react/jsx-no-bind\n                          onClick={(e) => handleSelect(item._id, index, e.nativeEvent)}\n                        >\n                          <Document\n                            doc={item}\n                            entities={orderedData}\n                            increment={incrementIndex}\n                            index={index}\n                            isFirst={index === 0}\n                            isLast={index === orderedData.length - 1}\n                            dragBadge={dragBadge}\n                          />\n                        </Card>\n                      </Box>\n                    </div>\n                  )\n                }}\n              </Draggable>\n            ))}\n            {provided.placeholder}\n          </div>\n        )}\n      </Droppable>\n    </DragDropContext>\n  )\n}\n","import {useEffect, useMemo, useState} from 'react'\nimport {Box, Flex, Container, Spinner, Stack, Text} from '@sanity/ui'\n\nimport {useListeningQuery, Feedback} from 'sanity-plugin-utils'\nimport {DraggableList} from './DraggableList'\nimport {ORDER_FIELD_NAME} from './helpers/constants'\nimport type {SanityDocumentWithOrder} from './types'\n\nexport interface DocumentListQueryProps {\n  type: string\n  filter?: string\n  params?: Record<string, unknown>\n}\n\nconst DEFAULT_PARAMS = {}\n\nexport function DocumentListQuery({type, filter, params = DEFAULT_PARAMS}: DocumentListQueryProps) {\n  const [listIsUpdating, setListIsUpdating] = useState(false)\n  const [data, setData] = useState<SanityDocumentWithOrder[] | null>([])\n\n  const query = `*[_type == $type ${filter ? `&& ${filter}` : ''}]|order(@[$order] asc){\n    _id, _type, ${ORDER_FIELD_NAME}\n  }`\n  const queryParams = {\n    ...params,\n    type,\n    order: ORDER_FIELD_NAME,\n  }\n\n  const {\n    data: _queryData,\n    loading,\n    error,\n  } = useListeningQuery<SanityDocumentWithOrder[]>(query, {\n    params: queryParams,\n    initialValue: [],\n  })\n  // @ts-expect-error Should not be needed to \"cast\", but sanity-plugin-utils is not typed correctly\n  const queryData: SanityDocumentWithOrder[] = _queryData\n\n  useEffect(() => {\n    if (queryData) {\n      const filteredDocuments = queryData.reduce<SanityDocumentWithOrder[]>((acc, cur) => {\n        if (!cur._id.startsWith(`drafts.`)) {\n          // eslint-disable-next-line max-nested-callbacks\n          const alsoHasDraft = queryData.some((doc) => doc._id === `drafts.${cur._id}`)\n          return alsoHasDraft ? acc : [...acc, cur]\n        }\n\n        // Check if the draft has a published version\n        cur.hasPublished = queryData.some((doc) => doc._id === cur._id.replace(`drafts.`, ``))\n\n        return [...acc, cur]\n      }, [])\n\n      setData(filteredDocuments)\n    } else {\n      setData([])\n    }\n  }, [queryData])\n\n  const unorderedDataCount = useMemo(\n    () => (data?.length ? data.filter((doc) => !doc[ORDER_FIELD_NAME]).length : 0),\n    [data],\n  )\n\n  if (loading) {\n    return (\n      <Flex style={{width: `100%`, height: `100%`}} align=\"center\" justify=\"center\">\n        <Spinner />\n      </Flex>\n    )\n  }\n\n  if (error) {\n    return (\n      <Box padding={2}>\n        <Feedback tone=\"critical\" title=\"There was an error\" description=\"Please try again later\" />\n      </Box>\n    )\n  }\n\n  if (!data || data?.length == 0)\n    return (\n      <Flex align=\"center\" direction=\"column\" height=\"fill\" justify=\"center\">\n        <Container width={1}>\n          <Box paddingX={4} paddingY={5}>\n            <Text align=\"center\" muted>\n              No documents of this type\n            </Text>\n          </Box>\n        </Container>\n      </Flex>\n    )\n\n  return (\n    <Stack space={1} style={{overflow: `auto`, height: `100%`}}>\n      <Box padding={2}>\n        {unorderedDataCount > 0 && (\n          <Box marginBottom={2}>\n            <Feedback\n              tone=\"caution\"\n              description={\n                <>\n                  {unorderedDataCount}/{data?.length} documents have no order. Select{' '}\n                  <strong>Reset Order</strong> from the menu above to fix.\n                </>\n              }\n            />\n          </Box>\n        )}\n        <DraggableList\n          data={data}\n          listIsUpdating={listIsUpdating}\n          setListIsUpdating={setListIsUpdating}\n        />\n      </Box>\n    </Stack>\n  )\n}\n","import {useEffect, useMemo} from 'react'\nimport {useToast, Box, type ToastParams} from '@sanity/ui'\n\nimport {useSchema} from 'sanity'\nimport {Feedback} from 'sanity-plugin-utils'\nimport {DocumentListQuery} from './DocumentListQuery'\nimport {OrderableContext} from './OrderableContext'\n\nimport {ORDER_FIELD_NAME} from './helpers/constants'\n\nexport interface DocumentListWrapperProps {\n  showIncrements: boolean\n  type: string\n  resetOrderTransaction: ToastParams\n  // eslint-disable-next-line react/require-default-props\n  filter?: string\n  // eslint-disable-next-line react/require-default-props\n  params?: Record<string, unknown>\n}\n\n// 1. Validate first that the schema has been configured for ordering\n// 2. Setup context for showIncrements\nexport function DocumentListWrapper({\n  type,\n  showIncrements,\n  resetOrderTransaction,\n  filter,\n  params,\n}: DocumentListWrapperProps) {\n  const toast = useToast()\n  const schema = useSchema()\n\n  useEffect(() => {\n    if (resetOrderTransaction?.title && resetOrderTransaction?.status) {\n      toast.push(resetOrderTransaction)\n    }\n  }, [resetOrderTransaction, toast])\n\n  const schemaIsInvalid = useMemo(() => {\n    // Option not passed\n    if (!type) {\n      return (\n        <>\n          No <code>type</code> was configured\n        </>\n      )\n    }\n\n    const typeSchema = schema.get(type)\n\n    // Schema not found\n    if (!typeSchema) {\n      return (\n        <>\n          Schema <code>{type}</code> not found\n        </>\n      )\n    }\n\n    // Schema lacks an order field\n    if (\n      !('fields' in typeSchema) ||\n      !typeSchema.fields.some((field) => field?.name === ORDER_FIELD_NAME)\n    ) {\n      return (\n        <>\n          Schema <code>{type}</code> must have an <code>{ORDER_FIELD_NAME}</code> field of type{' '}\n          <code>string</code>\n        </>\n      )\n    }\n\n    // Schema's order field is not a string\n    if (\n      'fields' in typeSchema &&\n      typeSchema.fields.some(\n        (field) => field?.name === ORDER_FIELD_NAME && field?.type?.name !== 'string',\n      )\n    ) {\n      return (\n        <>\n          <code>{ORDER_FIELD_NAME}</code> field on Schema <code>{type}</code> must be{' '}\n          <code>string</code> type\n        </>\n      )\n    }\n\n    return ''\n  }, [type, schema])\n\n  if (schemaIsInvalid) {\n    return (\n      <Box padding={2}>\n        <Feedback description={schemaIsInvalid} tone=\"caution\" />\n      </Box>\n    )\n  }\n\n  return (\n    <OrderableContext.Provider value={{showIncrements}}>\n      <DocumentListQuery type={type} filter={filter} params={params} />\n    </OrderableContext.Provider>\n  )\n}\n","import {LexoRank} from 'lexorank'\nimport type {MultipleMutationResult, SanityClient} from '@sanity/client'\nimport {ORDER_FIELD_NAME} from './constants'\n\n// Function to wipe and re-do ordering with LexoRank\n// Will at least attempt to start with the current order\nexport async function resetOrder(\n  type: string,\n  client: SanityClient,\n): Promise<MultipleMutationResult | null> {\n  const query = `*[_type == $type]|order(@[$order] asc)._id`\n  const queryParams = {type, order: ORDER_FIELD_NAME}\n  const documentIds = await client.fetch<Array<string>>(query, queryParams, {\n    tag: 'orderable-document-list.reset-order',\n  })\n\n  if (documentIds.length === 0) {\n    return null\n  }\n\n  let aLexoRank = LexoRank.min()\n\n  const transaction = documentIds.reduce((trx, documentId) => {\n    // Generate next rank before even the first document so there's room to move!\n    aLexoRank = aLexoRank.genNext().genNext()\n\n    return trx.patch(documentId, {\n      set: {[ORDER_FIELD_NAME]: aLexoRank.toString()},\n    })\n  }, client.transaction())\n\n  return transaction.commit({\n    visibility: 'async',\n    tag: 'orderable-document-list.reset-order',\n  })\n}\n","import {Component} from 'react'\n\nimport type {SanityClient} from '@sanity/client'\nimport type {ToastParams} from '@sanity/ui'\nimport {DocumentListWrapper} from './DocumentListWrapper'\nimport {resetOrder} from './helpers/resetOrder'\n\nexport interface OrderableDocumentListProps {\n  options: {\n    type: string\n    client: SanityClient\n    filter?: string\n    params?: Record<string, unknown>\n  }\n}\n\ninterface State {\n  showIncrements: boolean\n  resetOrderTransaction: ToastParams\n}\n\n// Must use a Class Component here so the actionHandlers can be called\nexport class OrderableDocumentList extends Component<OrderableDocumentListProps, State> {\n  constructor(props: OrderableDocumentListProps) {\n    super(props)\n    this.state = {\n      showIncrements: false,\n      resetOrderTransaction: {},\n    }\n  }\n\n  actionHandlers = {\n    showIncrements: () => {\n      this.setState((state) => ({\n        showIncrements: !state.showIncrements,\n      }))\n    },\n\n    resetOrder: async () => {\n      this.setState(() => ({\n        resetOrderTransaction: {\n          status: `info`,\n          title: `Reordering started...`,\n          closable: true,\n        },\n      }))\n\n      const update = await resetOrder(this.props.options.type, this.props.options.client)\n\n      const reorderWasSuccessful = update?.results?.length\n\n      this.setState(() => ({\n        resetOrderTransaction: {\n          status: reorderWasSuccessful ? `success` : `info`,\n          title: reorderWasSuccessful\n            ? `Reordered ${update.results.length === 1 ? `Document` : `Documents`}`\n            : `Reordering failed`,\n          closable: true,\n        },\n      }))\n    },\n  }\n\n  render() {\n    const type = this?.props?.options?.type\n    if (!type) {\n      return null\n    }\n    return (\n      <DocumentListWrapper\n        filter={this?.props?.options?.filter}\n        params={this?.props?.options?.params}\n        type={type}\n        showIncrements={this.state.showIncrements}\n        resetOrderTransaction={this.state.resetOrderTransaction}\n      />\n    )\n  }\n}\n","import {GenerateIcon, SortIcon} from '@sanity/icons'\nimport type {ConfigContext} from 'sanity'\n\nimport type {ComponentType} from 'react'\nimport {StructureBuilder, type ListItem, type MenuItem} from 'sanity/structure'\nimport {OrderableDocumentList} from '../OrderableDocumentList'\nimport {API_VERSION} from '../helpers/constants'\n\nexport interface OrderableListConfig {\n  type: string\n  id?: string\n  title?: string\n  icon?: ComponentType\n  params?: Record<string, unknown>\n  filter?: string\n  menuItems?: MenuItem[]\n  createIntent?: boolean\n  context: ConfigContext\n  S: StructureBuilder\n}\n\nexport function orderableDocumentListDeskItem(config: OrderableListConfig): ListItem {\n  if (!config?.type || !config.context || !config.S) {\n    throw new Error(`\n    type, context and S (StructureBuilder) must be provided.\n    context and S are available when configuring structure.\n    Example: orderableDocumentListDeskItem({type: 'category'})\n    `)\n  }\n\n  const {type, filter, menuItems = [], createIntent, params, title, icon, id, context, S} = config\n  const {schema, getClient} = context\n  const client = getClient({apiVersion: API_VERSION})\n\n  const listTitle = title ?? `Orderable ${type}`\n  const listId = id ?? `orderable-${type}`\n  const listIcon = icon ?? SortIcon\n  const typeTitle = schema.get(type)?.title ?? type\n\n  if (createIntent !== false) {\n    menuItems.push(\n      S.menuItem()\n        .title(`Create new ${typeTitle}`)\n        .intent({type: 'create', params: {type}})\n        .serialize(),\n    )\n  }\n  return S.listItem()\n    .title(listTitle)\n    .id(listId)\n    .icon(listIcon)\n    .schemaType(type)\n    .child(\n      Object.assign(\n        S.documentTypeList(type)\n          .canHandleIntent(() => !!createIntent)\n          .serialize(),\n        {\n          // Prevents the component from re-rendering when switching documents\n          __preserveInstance: true,\n          // Prevents the component from NOT re-rendering when switching listItems\n          key: listId,\n\n          type: 'component',\n          component: OrderableDocumentList,\n          options: {type, filter, params, client},\n          menuItems: [\n            ...menuItems,\n            S.menuItem().title(`Reset Order`).icon(GenerateIcon).action(`resetOrder`).serialize(),\n            S.menuItem()\n              .title(`Toggle Increments`)\n              .icon(SortIcon)\n              .action(`showIncrements`)\n              .serialize(),\n          ],\n        },\n      ),\n    )\n    .serialize()\n}\n"],"names":["LexoRank","defineField","createContext","useContext","useSchema","usePaneRouter","useMemo","jsx","PreviewCard","jsxs","Flex","Box","Text","DragHandleIcon","Button","ChevronUpIcon","ChevronDownIcon","Preview","Card","AvatarCounter","useClient","useToast","useState","useEffect","useCallback","DragDropContext","Droppable","Draggable","useListeningQuery","Spinner","Feedback","Container","Stack","Fragment","Component","SortIcon","GenerateIcon"],"mappings":";;;AAAa,MAAA,mBAAmB,aAEnB,cAAc;ACGpB,SAAS,YACd,mBAAmB,IACnB,kBAAmC,SAC3B;AACR,QAAM,cAAc,mBAAmBA,SAAA,SAAS,MAAM,gBAAgB,IAAIA,kBAAS,IAAI;AAIvF,UAFE,oBAAoB,WAAW,YAAY,QAAU,EAAA,QAAY,IAAA,YAAY,QAAQ,EAAE,QAAQ,GAErF,SAAS;AACvB;ACFa,MAAA,iBAAiB,CAAC,WAA8C;AAC3E,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI;AAAA,MACR;AAAA;AAAA;AAAA;AAAA,IAIF;AAGF,QAAM,EAAC,MAAM,kBAAkB,SAAS,GAAG,KAAQ,IAAA;AACnD,SAAOC,mBAAY;AAAA,IACjB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,cAAc,OAAO,GAAG,EAAC,gBAAe;AACtC,YAAM,YAAY,oBAAoB,WAAW,QAAQ,QAEnD,mBAAmB,MAAM,UAAU,EAAC,YAAY,YAAW,CAAC,EAAE;AAAA,QAClE,qCAAqC,SAAS;AAAA,QAC9C,EAAC,MAAM,OAAO,iBAAgB;AAAA,QAC9B,EAAC,KAAK,8CAA6C;AAAA,MACrD;AACO,aAAA,YAAY,kBAAkB,eAAe;AAAA,IAAA;AAAA,EACtD,CACD;AACH,GCtCa,oBAAkC;AAAA,EAC7C,OAAO;AAAA,EACP,MAAM;AAAA,EACN,IAAI,CAAC,EAAC,OAAO,kBAAkB,WAAW,MAAM,CAAA;AAClD,GCDa,mBAAmBC,MAAqC,cAAA,EAAE;ACkBhE,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkB;AACV,QAAA,EAAC,eAAkB,IAAAC,iBAAW,gBAAgB,GAC9C,SAASC,OAAAA,aACT,SAASC,2BACT,EAAC,WAAW,YAAY,qBAAoB,QAE5C,aAAa,iBAAiB,aAAa,CAAC,IAAI,CAAC,GAAG,MAAM,IAC1D,UAAU,eAAe,IAAI,OAAO,eAAe,IAAI,IAAI,QAAQ,WAAW,EAAE,GAChF,WAAW,WAAW,iBAAiB,WAAW,aAAa,GAE/D,OAAOC,MAAA;AAAA,IACX,MACE,SAAuB,WAAkC;AACvD,4CAAQ,WAAW,EAAA,GAAG,WAAW,SAAS,IAAI,KAAK;AAAA,IACrD;AAAA,IACF,CAAC,WAAW,IAAI,GAAG;AAAA,EACrB;AAGE,SAAAC,2BAAA;AAAA,IAACC,OAAA;AAAA,IAAA;AAAA,MACC,sBAAoB;AAAA,MAEpB,IAAI;AAAA,MACJ,WAAQ;AAAA,MACR,WAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,QAAO;AAAA,MACP,UAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAM;AAAA,MACN,MAAM;AAAA,MAEN,UAAAC,2BAAA,KAACC,GAAK,MAAA,EAAA,OAAM,UACV,UAAA;AAAA,QAAAH,+BAACI,GAAAA,OAAI,UAAU,GAAG,OAAO,EAAC,YAAY,KACpC,UAACJ,2BAAA,IAAAK,SAAA,EAAK,MAAM,GACV,UAAAL,+BAACM,MAAAA,kBAAe,QAAO,OAAA,CAAO,EAChC,CAAA,GACF;AAAA,QACC,kBACCJ,2BAAA,KAACC,GAAK,MAAA,EAAA,OAAO,EAAC,YAAY,EAAC,GAAG,OAAM,UAAS,KAAK,GAAG,cAAc,GACjE,UAAA;AAAA,UAAAH,2BAAA;AAAA,YAACO,GAAA;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,MAAK;AAAA,cAEL,SAAS,MAAM,UAAU,OAAO,QAAQ,IAAI,IAAI,KAAK,QAAQ;AAAA,cAC7D,UAAU;AAAA,cACV,MAAMC,MAAAA;AAAAA,YAAA;AAAA,UACR;AAAA,UACAR,2BAAA;AAAA,YAACO,GAAA;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,MAAK;AAAA,cACL,UAAU;AAAA,cAEV,SAAS,MAAM,UAAU,OAAO,QAAQ,GAAG,IAAI,KAAK,QAAQ;AAAA,cAC5D,MAAME,MAAAA;AAAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QAEDT,2BAAA,IAAAI,GAAA,KAAA,EAAI,OAAO,EAAC,OAAO,OAAA,GAClB,UAAAJ,2BAAA,IAACG,GAAK,MAAA,EAAA,MAAM,GAAG,OAAM,UACnB,UAAAH,2BAAA;AAAA,UAACU,OAAA;AAAA,UAAA;AAAA,YACC,QAAO;AAAA,YACP,OAAO;AAAA,YACP,YAAY,OAAO,IAAI,IAAI,KAAK;AAAA,UAAA;AAAA,WAEpC,EACF,CAAA;AAAA,QACC,aACCV,2BAAA,IAACW,GAAK,MAAA,EAAA,MAAK,WAAU,aAAa,GAAG,QAAQ,GAC3C,UAAAX,+BAACY,GAAAA,eAAc,EAAA,OAAO,WAAW,EACnC,CAAA;AAAA,MAAA,EAEJ,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;ACjFA,SAAS,oBAAoB,GAA4B,GAA4B;AAC/E,SAAA,CAAC,EAAE,gBAAgB,KAAK,CAAC,EAAE,gBAAgB,IACtC,IACE,EAAE,gBAAgB,IAAI,EAAE,gBAAgB,IAC1C,KACE,EAAE,gBAAgB,IAAI,EAAE,gBAAgB,IAC1C,IAEF;AACT;AAEO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAkC;AAC1B,QAAA,aAAa,OAAO,OACpB,WAAW,YAAY,OACvB,aAAa,aAAa,UAC1B,gBAAgB,SAAS,OAAO,CAAC,SAAS,YAAY,SAAS,KAAK,GAAG,CAAC,GACxE,UAAU;AAAA,IACd;AAAA,IACA,cAAc,WAAW,IAAI,eAAe,GAAG,cAAc,MAAM;AAAA,IACnE,aAAa,OAAO;AAAA,IACpB;AAAA,IACA,GAAG,aAAa,CAAC,OAAO,WAAW,CAAC;AAAA,EAAA,EACpC,KAAK,GAAG,GAEJ,EAAC,KAAK,SAAA,IAAY,SAAS;AAAA,IAI/B,CAAC,KAAK,KAAK,aAAa;AAElB,UAAA,YAAY,SAAS,IAAI,GAAG;AAC9B,eAAO,EAAC,KAAK,IAAI,KAAK,UAAU,IAAI,SAAQ;AAI9C,UAAI,aAAa,UAAU;AACnB,cAAA,YAAY,WAAW,GACvB,WAAW,SAAS,SAAS,IAAI,gBAAgB,IACnDnB,SAAA,SAAS,MAAM,SAAS,SAAS,IAAI,gBAAgB,CAAW,IAChEA,SAAS,SAAA,IAEP,GAAA,UAAUA,SAAAA,SAAS,MAAM,SAAS,QAAQ,EAAE,gBAAgB,CAAW,GAEvE,YAAY,WAAW,GACvB,WAAW,SAAS,SAAS,IAAI,gBAAgB,IACnDA,SAAAA,SAAS,MAAM,SAAS,SAAS,IAAI,gBAAgB,CAAW,IAChEA,SAAA,SAAS,IAAI;AAEb,YAAA,cAAc,aAAa,SAAS,QAAQ,OAAO,IAAI,QAAQ,QAAQ,QAAQ;AAGnF,iBAAS,gBAAgB,GAAG,gBAAgB,cAAc,QAAQ,iBAAiB;AACjF,wBAAc,aAAa,EAAE,gBAAgB,IAAI,YAAY,SAAS,GACtE,cAAc,aAAa,YAAY,QAAQ,OAAO,IAAI,YAAY,QAAQ,QAAQ;AAGjF,eAAA;AAAA;AAAA;AAAA,UAGL,KAAK,aACD,CAAC,GAAG,IAAI,KAAK,GAAG,eAAe,GAAG,IAClC,CAAC,GAAG,IAAI,KAAK,KAAK,GAAG,aAAa;AAAA,UACtC,UAAU;AAAA,QACZ;AAAA,MAAA;AAGK,aAAA,EAAC,KAAK,CAAC,GAAG,IAAI,KAAK,GAAG,GAAG,UAAU,IAAI,SAAQ;AAAA,IACxD;AAAA,IACA,EAAC,KAAK,IAAI,UAAU,CAAE,EAAA;AAAA,EAGlB,GAAA,UAAU,SAAS,QAAQ,CAAC,QAAQ;AACxC,UAAM,aAA0C;AAAA,MAC9C;AAAA,QACE,IAAI;AAAA,QACJ;AAAA,UACE,KAAK;AAAA,YACH,CAAC,gBAAgB,GAAG,IAAI,gBAAgB;AAAA,UAAA;AAAA,QAC1C;AAAA,MACF;AAAA,IAEJ;AAGI,WAAA,IAAI,IAAI,WAAW,SAAS,KAAK,IAAI,gBACvC,WAAW,KAAK;AAAA,MACd,IAAI,IAAI,QAAQ,WAAW,EAAE;AAAA,MAC7B;AAAA,QACE,KAAK;AAAA,UACH,CAAC,gBAAgB,GAAG,IAAI,gBAAgB;AAAA,QAAA;AAAA,MAC1C;AAAA,IAEH,CAAA,GAGI;AAAA,EAAA,CACR;AAKD,SAAO,EAAC,UAFU,IAAI,KAAK,mBAAmB,GAEjB,SAAS,QAAO;AAC/C;ACpIO,SAAS,kBAAgC;AAC9C,SAAOoB,iBAAU,EAAC,YAAY,aAAY;AAC5C;ACoBA,MAAM,eAAe,CACnB,gBACA,oBACmB;AAAA,EACnB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS,iBAAiB,MAAM;AAAA,EAChC,eAAe,iBAAiB,SAAS;AAAA,EACzC,GAAG;AACL,IAEM,WAAW,CAAC,aAA0B;AAC1C,QAAM,EAAC,aAAa,YAAY,YAAY,WAAc,IAAA;AAE1D,MAAI,WAAmB,QAAA;AACnB,MAAA,cAAc,WAAmB,QAAA;AACrC,MAAI,YAAoB,QAAA;AAG1B;AAEO,SAAS,cAAc,EAAC,MAAM,gBAAgB,qBAAwC;AACrF,QAAA,QAAQC,GAAAA,YACR,SAAShB,UAAA,cAAA,GACT,EAAC,YAAY,iBAAgB,IAAI,QAEjC,aAAa,iBAAiB,aAAa,CAAC,IAAI,CAAC,GAAG,MAAM,IAG1D,CAAC,aAAa,cAAc,IAAIiB,MAAA,SAAoC,IAAI;AAG9EC,QAAAA,UAAU,MAAM;AACT,sBAAgB,eAAe,IAAI;AAAA,EAAA,GAEvC,CAAC,IAAI,CAAC;AAET,QAAM,CAAC,YAAY,aAAa,IAAID,eAAS,EAAE,GACzC,CAAC,aAAa,cAAc,IAAIA,MAAAA,SAAmB,aAAa,CAAC,UAAU,IAAI,EAAE,GAEjF,gBAAgBE,MAAAA,YAAY,MAAM,eAAe,CAAE,CAAA,GAAG,CAAC,cAAc,CAAC,GAEtE,eAAeA,MAAA;AAAA,IACnB,CAAC,WAAmB,OAAe,gBAA4B;AAC7D,YAAM,aAAa,YAAY,SAAS,SAAS,GAC3C,iBAAiB,YAAY,UAE7B,mBADiB,UAAU,WAAW,QAAQ,KAAK,MAAM,KACrB,YAAY,UAAU,YAAY;AAE5E,UAAI,aAAa,CAAC;AAKd,UAAA,CAAC,kBAAkB,CAAC;AACf,eAAA,eAAe,CAAC,SAAS,CAAC;AAUnC,UANI,kBACF,YAAY,eAKV,GAAA,kBAAkB,CAAC,YAAY;AACjC,cAAM,iBAAiB,YAAY,YAAY,SAAS,CAAC,GACnD,oBAAoB,YAAY,UAAU,CAAC,SAAS,KAAK,QAAQ,cAAc,GAE/E,gBAAgB,QAAQ,oBAAoB,QAAQ,mBACpD,eAAe,QAAQ,oBAAoB,QAAQ,mBAEnD,aAAa,YAChB,OAAO,CAAC,MAAM,cAAc,YAAY,iBAAiB,YAAY,YAAY,EACjF,IAAI,CAAC,SAAS,KAAK,GAAG;AAEzB,qBAAa,CAAC,GAAG,aAAa,GAAG,YAAY,SAAS;AAAA,MACjD,MAAI,cAET,aAAa,YAAY,OAAO,CAAC,OAAO,OAAO,SAAS,IAGxD,aAAa,CAAC,GAAG,aAAa,SAAS;AAGzC,aAAO,eAAe,UAAU;AAAA,IAClC;AAAA,IACA,CAAC,gBAAgB,aAAa,WAAW;AAAA,EAGrC,GAAA,SAAS,mBAET,kBAAkBA,MAAA;AAAA,IACtB,OAAO,SAAsC,YAAoB;AACzD,YAAA,cAAc,OAAO,YAAY;AAE/B,cAAA,QAAQ,CAAC,CAAC,OAAO,GAAG,MAAM,YAAY,MAAM,OAAO,GAAG,CAAC;AAE3D,UAAA;AACI,cAAA,UAAU,MAAM,YAAY,OAAO;AAAA,UACvC,YAAY;AAAA,UACZ,KAAK;AAAA,QAAA,CACN;AACa,sBAAA,GACd,cAAc,EAAE,GAChB,kBAAkB,EAAK,GACvB,MAAM,KAAK;AAAA,UACT,OAAO,GACL,QAAQ,QAAQ,WAAW,IAAI,eAAe,GAAG,QAAQ,QAAQ,MAAM,YACzE;AAAA,UACA,QAAQ;AAAA,UACR,aAAa;AAAA,QAAA,CACd;AAAA,MAAA,QACW;AACZ,sBAAc,EAAE,GAChB,kBAAkB,EAAK,GACvB,MAAM,KAAK;AAAA,UACT,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA,CACT;AAAA,MAAA;AAAA,IAEL;AAAA,IACA,CAAC,QAAQ,eAAe,eAAe,mBAAmB,KAAK;AAAA,KAG3D,gBAAgBA,MAAA;AAAA,IACpB,CAAC,QAAgC,aAAwC;AACvE,oBAAc,EAAE;AAEhB,YAAM,EAAC,QAAQ,aAAa,YAAW,IAAI,UAAU,CAAC;AAGlD,UAAA,QAAQ,UAAU,aAAa,SAG/B,CAAC,UAAU,UAAU,CAAC,YAAa;AAGvC,YAAM,cAAc,aAAa,SAAS,cAAc,CAAC,WAAW;AAGhE,UAAA,CAAC,aAAa,OAAQ;AAGR,wBAAA,EAAI,GACtB,eAAe,WAAW;AAE1B,YAAM,EAAC,UAAU,SAAS,QAAA,IAAW,iBAAiB;AAAA,QACpD;AAAA,QACA,aAAa;AAAA,QACb;AAAA,QACA;AAAA,MAAA,CACD;AAGG,gBAAU,UACZ,eAAe,QAAQ,GAIrB,SAAS,UACX,gBAAgB,SAAS,OAAO;AAAA,IAEpC;AAAA,IACA,CAAC,aAAa,eAAe,gBAAgB,iBAAiB,iBAAiB;AAAA,KAG3E,kBAAkBA,MAAA;AAAA,IACtB,CAAC,UAAiC;AAChC,YAAM,KAAK,MAAM;AACA,kBAAY,SAAS,EAAE,KAGzB,cAAc,GAE7B,cAAc,EAAE;AAAA,IAClB;AAAA,IACA,CAAC,aAAa,eAAe,aAAa;AAAA,KAItC,iBAAiBA,MAAA;AAAA,IACrB,CAAC,WAAmB,SAAiB,IAAY,aAOxC,cANQ;AAAA,MACb,aAAa;AAAA,MACb,QAAQ,EAAC,OAAO,UAAS;AAAA,MACzB,aAAa,EAAC,OAAO,QAAO;AAAA,OAGa,QAAQ;AAAA,IAErD,CAAC,aAAa;AAAA,KAGV,kBAAkBA,MAAA;AAAA,IACtB,CAAC,UAAyB;AACpB,YAAM,QAAQ,YAChB,cAAc;AAAA,IAElB;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEAD,QAAA,UAAU,OACR,OAAO,iBAAiB,WAAW,eAAe,GAE3C,MAAM;AACJ,WAAA,oBAAoB,WAAW,eAAe;AAAA,EAAA,IAEtD,CAAC,eAAe,CAAC;AAGd,QAAA,kBAAkBjB,MAAAA,QAAQ,MAAM;AACpC,QAAI,CAAC,YAAY,OAAQ,QAAO,CAAC;AAEjC,UAAM,aAAa,YAAY,IAAI,CAAC,SAAS,KAAK,gBAAgB,CAAC;AAE5D,WAAA,WAAW,OAAO,CAAC,MAAM,UAAU,WAAW,QAAQ,IAAI,MAAM,KAAK;AAAA,EAC3E,GAAA,CAAC,WAAW,CAAC,GAEV,YAAYkB,MAAA;AAAA,IAChB,CAAC,WAAuB,cAAc,QAAQ,WAAW;AAAA,IACzD,CAAC,aAAa,aAAa;AAAA,EAC7B;AAEA,wCACGC,IAAAA,iBAAgB,EAAA,aAAa,iBAAiB,WAC7C,UAAAlB,2BAAA,IAACmB,iBAAU,aAAY,oBACpB,UAAC,CAAA,6CACC,OAAK,EAAA,GAAG,SAAS,gBAAgB,KAAK,SAAS,UAC7C,UAAA;AAAA,IAAY,YAAA,IAAI,CAAC,MAAM,UACtBnB,2BAAA;AAAA,MAACoB,IAAA;AAAA,MAAA;AAAA,QAEC,aAAa,KAAK;AAAA,QAClB;AAAA,QAGC,UAAA,CAAC,eAAe,kBAAkB;AAC3B,gBAAA,aAAa,YAAY,SAAS,KAAK,GAAG,GAC1C,aAAa,cAAc,YAC3B,aAAa,GAAQ,CAAC,cAAc,cAAc,aAClD,aAAa,kBAAkB,YAC/B,aAAqB,CAAC,KAAK,gBAAgB,GAC3C,cAAc,gBAAgB,SAAS,KAAK,gBAAgB,CAAC,GAC7D,OAAO,SAAS,EAAC,aAAa,YAAY,YAAY,YAAW,GACjE,gBAAgB,YAAY,QAE5B,YAAY,cAAc,gBAAgB,IAAI,gBAAgB;AAGlE,iBAAApB,2BAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK,cAAc;AAAA,cAClB,GAAG,cAAc;AAAA,cACjB,GAAG,cAAc;AAAA,cAClB,OACE,aACI,EAAC,SAAS,KAAK,eAAe,OAAM,IACpC,aAAa,cAAc,eAAe,OAAO,UAAU;AAAA,cAGjE,UAAAA,2BAAA,IAACI,GAAI,KAAA,EAAA,eAAe,GAClB,UAAAJ,2BAAA;AAAA,gBAACW,GAAA;AAAA,gBAAA;AAAA,kBACC;AAAA,kBACA,QAAQ,aAAa,IAAI;AAAA,kBACzB,QAAQ;AAAA,kBAER,SAAS,CAAC,MAAM,aAAa,KAAK,KAAK,OAAO,EAAE,WAAW;AAAA,kBAE3D,UAAAX,2BAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,KAAK;AAAA,sBACL,UAAU;AAAA,sBACV,WAAW;AAAA,sBACX;AAAA,sBACA,SAAS,UAAU;AAAA,sBACnB,QAAQ,UAAU,YAAY,SAAS;AAAA,sBACvC;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA,EAEJ,CAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,MAjDK,GAAG,KAAK,GAAG,IAAI,KAAK,gBAAgB,CAAC;AAAA,IAAA,CAmD7C;AAAA,IACA,SAAS;AAAA,EAAA,EACZ,CAAA,EAEJ,CAAA,GACF;AAEJ;AC7SA,MAAM,iBAAiB,CAAC;AAEjB,SAAS,kBAAkB,EAAC,MAAM,QAAQ,SAAS,kBAAyC;AAC3F,QAAA,CAAC,gBAAgB,iBAAiB,IAAIe,MAAAA,SAAS,EAAK,GACpD,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAA2C,CAAA,CAAE,GAE/D,QAAQ,oBAAoB,SAAS,MAAM,MAAM,KAAK,EAAE;AAAA,kBAC9C,gBAAgB;AAAA,MAE1B,cAAc;AAAA,IAClB,GAAG;AAAA,IACH;AAAA,IACA,OAAO;AAAA,EAAA,GAGH;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EAAA,IACEM,kBAAAA,kBAA6C,OAAO;AAAA,IACtD,QAAQ;AAAA,IACR,cAAc,CAAA;AAAA,EAAC,CAChB,GAEK,YAAuC;AAE7CL,QAAAA,UAAU,MAAM;AACd,QAAI,WAAW;AACP,YAAA,oBAAoB,UAAU,OAAkC,CAAC,KAAK,QACrE,IAAI,IAAI,WAAW,SAAS,KAOjC,IAAI,eAAe,UAAU,KAAK,CAAC,QAAQ,IAAI,QAAQ,IAAI,IAAI,QAAQ,WAAW,EAAE,CAAC,GAE9E,CAAC,GAAG,KAAK,GAAG,KAPI,UAAU,KAAK,CAAC,QAAQ,IAAI,QAAQ,UAAU,IAAI,GAAG,EAAE,IACtD,MAAM,CAAC,GAAG,KAAK,GAAG,GAOzC,EAAE;AAEL,cAAQ,iBAAiB;AAAA,IAC3B;AACE,cAAQ,CAAA,CAAE;AAAA,EAAA,GAEX,CAAC,SAAS,CAAC;AAEd,QAAM,qBAAqBjB,MAAA;AAAA,IACzB,MAAO,MAAM,SAAS,KAAK,OAAO,CAAC,QAAQ,CAAC,IAAI,gBAAgB,CAAC,EAAE,SAAS;AAAA,IAC5E,CAAC,IAAI;AAAA,EACP;AAEA,SAAI,UAECC,2BAAAA,IAAAG,GAAA,MAAA,EAAK,OAAO,EAAC,OAAO,QAAQ,QAAQ,OAAM,GAAG,OAAM,UAAS,SAAQ,UACnE,UAACH,2BAAAA,IAAAsB,GAAA,SAAA,EAAQ,GACX,IAIA,QAECtB,2BAAA,IAAAI,QAAA,EAAI,SAAS,GACZ,UAAAJ,+BAACuB,kBAAAA,YAAS,MAAK,YAAW,OAAM,sBAAqB,aAAY,yBAAyB,CAAA,GAC5F,IAIA,CAAC,QAAQ,MAAM,UAAU,mCAExBpB,GAAAA,MAAK,EAAA,OAAM,UAAS,WAAU,UAAS,QAAO,QAAO,SAAQ,UAC5D,UAAAH,2BAAAA,IAACwB,gBAAU,OAAO,GAChB,UAACxB,2BAAA,IAAAI,QAAA,EAAI,UAAU,GAAG,UAAU,GAC1B,UAACJ,2BAAA,IAAAK,SAAA,EAAK,OAAM,UAAS,OAAK,IAAC,UAAA,4BAAA,CAE3B,EACF,CAAA,GACF,EAAA,CACF,IAIDL,2BAAAA,IAAAyB,GAAA,OAAA,EAAM,OAAO,GAAG,OAAO,EAAC,UAAU,QAAQ,QAAQ,UACjD,UAACvB,2BAAA,KAAAE,QAAA,EAAI,SAAS,GACX,UAAA;AAAA,IAAA,qBAAqB,KACpBJ,+BAACI,GAAAA,KAAI,EAAA,cAAc,GACjB,UAAAJ,2BAAA;AAAA,MAACuB,kBAAA;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,aAEKrB,2BAAA,KAAAwB,qBAAA,EAAA,UAAA;AAAA,UAAA;AAAA,UAAmB;AAAA,UAAE,MAAM;AAAA,UAAO;AAAA,UAAiC;AAAA,UACpE1B,2BAAAA,IAAC,YAAO,UAAW,cAAA,CAAA;AAAA,UAAS;AAAA,QAAA,EAC9B,CAAA;AAAA,MAAA;AAAA,IAAA,GAGN;AAAA,IAEFA,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EACF,CAAA;AAEJ;ACjGO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,QAAQc,GAAAA,YACR,SAASjB,OAAAA,UAAU;AAEzBmB,QAAAA,UAAU,MAAM;AACV,2BAAuB,SAAS,uBAAuB,UACzD,MAAM,KAAK,qBAAqB;AAAA,EAAA,GAEjC,CAAC,uBAAuB,KAAK,CAAC;AAE3B,QAAA,kBAAkBjB,MAAAA,QAAQ,MAAM;AAEpC,QAAI,CAAC;AACH,aACIG,2BAAA,KAAAwB,qBAAA,EAAA,UAAA;AAAA,QAAA;AAAA,QACG1B,2BAAAA,IAAC,UAAK,UAAI,OAAA,CAAA;AAAA,QAAO;AAAA,MAAA,GACtB;AAIE,UAAA,aAAa,OAAO,IAAI,IAAI;AAGlC,WAAK,aAUH,EAAE,YAAY,eACd,CAAC,WAAW,OAAO,KAAK,CAAC,UAAU,OAAO,SAAS,gBAAgB,IAG/DE,2BAAAA,KAAAwB,WAAAA,UAAA,EAAA,UAAA;AAAA,MAAA;AAAA,MACO1B,2BAAAA,IAAC,UAAM,UAAK,KAAA,CAAA;AAAA,MAAO;AAAA,MAAcA,2BAAAA,IAAC,UAAM,UAAiB,iBAAA,CAAA;AAAA,MAAO;AAAA,MAAe;AAAA,MACtFA,2BAAAA,IAAC,UAAK,UAAM,SAAA,CAAA;AAAA,IAAA,EAAA,CACd,IAMF,YAAY,cACZ,WAAW,OAAO;AAAA,MAChB,CAAC,UAAU,OAAO,SAAS,oBAAoB,OAAO,MAAM,SAAS;AAAA,IAAA,IAKnEE,2BAAA,KAAAwB,qBAAA,EAAA,UAAA;AAAA,MAAA1B,2BAAAA,IAAC,UAAM,UAAiB,iBAAA,CAAA;AAAA,MAAO;AAAA,MAAiBA,2BAAAA,IAAC,UAAM,UAAK,KAAA,CAAA;AAAA,MAAO;AAAA,MAAS;AAAA,MAC5EA,2BAAAA,IAAC,UAAK,UAAM,SAAA,CAAA;AAAA,MAAO;AAAA,IACrB,EAAA,CAAA,IAIG,KAlCDE,2BAAA,KAAAwB,WAAA,UAAA,EAAA,UAAA;AAAA,MAAA;AAAA,MACO1B,2BAAAA,IAAC,UAAM,UAAK,KAAA,CAAA;AAAA,MAAO;AAAA,IAAA,GAC5B;AAAA,EAAA,GAiCH,CAAC,MAAM,MAAM,CAAC;AAEb,SAAA,kBAECA,2BAAA,IAAAI,GAAA,KAAA,EAAI,SAAS,GACZ,UAACJ,2BAAAA,IAAAuB,kBAAAA,UAAA,EAAS,aAAa,iBAAiB,MAAK,UAAA,CAAU,EACzD,CAAA,mCAKD,iBAAiB,UAAjB,EAA0B,OAAO,EAAC,eAAA,GACjC,UAAAvB,2BAAAA,IAAC,mBAAkB,EAAA,MAAY,QAAgB,OAAA,CAAgB,EACjE,CAAA;AAEJ;ACjGsB,eAAA,WACpB,MACA,QACwC;AACxC,QAAM,QAAQ,8CACR,cAAc,EAAC,MAAM,OAAO,iBAAgB,GAC5C,cAAc,MAAM,OAAO,MAAqB,OAAO,aAAa;AAAA,IACxE,KAAK;AAAA,EAAA,CACN;AAED,MAAI,YAAY,WAAW;AAClB,WAAA;AAGL,MAAA,YAAYP,kBAAS,IAAI;AAW7B,SAToB,YAAY,OAAO,CAAC,KAAK,gBAE3C,YAAY,UAAU,QAAU,EAAA,QAAA,GAEzB,IAAI,MAAM,YAAY;AAAA,IAC3B,KAAK,EAAC,CAAC,gBAAgB,GAAG,UAAU,SAAU,EAAA;AAAA,EAC/C,CAAA,IACA,OAAO,YAAa,CAAA,EAEJ,OAAO;AAAA,IACxB,YAAY;AAAA,IACZ,KAAK;AAAA,EAAA,CACN;AACH;ACbO,MAAM,8BAA8BkC,MAAAA,UAA6C;AAAA,EACtF,YAAY,OAAmC;AACvC,UAAA,KAAK,GACX,KAAK,QAAQ;AAAA,MACX,gBAAgB;AAAA,MAChB,uBAAuB,CAAA;AAAA,IACzB;AAAA,EAAA;AAAA,EAGF,iBAAiB;AAAA,IACf,gBAAgB,MAAM;AACf,WAAA,SAAS,CAAC,WAAW;AAAA,QACxB,gBAAgB,CAAC,MAAM;AAAA,MAAA,EACvB;AAAA,IACJ;AAAA,IAEA,YAAY,YAAY;AACtB,WAAK,SAAS,OAAO;AAAA,QACnB,uBAAuB;AAAA,UACrB,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,UAAU;AAAA,QAAA;AAAA,MACZ,EACA;AAEF,YAAM,SAAS,MAAM,WAAW,KAAK,MAAM,QAAQ,MAAM,KAAK,MAAM,QAAQ,MAAM,GAE5E,uBAAuB,QAAQ,SAAS;AAE9C,WAAK,SAAS,OAAO;AAAA,QACnB,uBAAuB;AAAA,UACrB,QAAQ,uBAAuB,YAAY;AAAA,UAC3C,OAAO,uBACH,aAAa,OAAO,QAAQ,WAAW,IAAI,aAAa,WAAW,KACnE;AAAA,UACJ,UAAU;AAAA,QAAA;AAAA,MACZ,EACA;AAAA,IAAA;AAAA,EAEN;AAAA,EAEA,SAAS;AACD,UAAA,OAAO,MAAM,OAAO,SAAS;AACnC,WAAK,OAIH3B,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ,MAAM,OAAO,SAAS;AAAA,QAC9B,QAAQ,MAAM,OAAO,SAAS;AAAA,QAC9B;AAAA,QACA,gBAAgB,KAAK,MAAM;AAAA,QAC3B,uBAAuB,KAAK,MAAM;AAAA,MAAA;AAAA,IAAA,IAR7B;AAAA,EAAA;AAYb;ACzDO,SAAS,8BAA8B,QAAuC;AACnF,MAAI,CAAC,QAAQ,QAAQ,CAAC,OAAO,WAAW,CAAC,OAAO;AAC9C,UAAM,IAAI,MAAM;AAAA;AAAA;AAAA;AAAA,KAIf;AAGG,QAAA,EAAC,MAAM,QAAQ,YAAY,CAAA,GAAI,cAAc,QAAQ,OAAO,MAAM,IAAI,SAAS,MAAK,QACpF,EAAC,QAAQ,UAAS,IAAI,SACtB,SAAS,UAAU,EAAC,YAAY,YAAA,CAAY,GAE5C,YAAY,SAAS,aAAa,IAAI,IACtC,SAAS,MAAM,aAAa,IAAI,IAChC,WAAW,QAAQ4B,gBACnB,YAAY,OAAO,IAAI,IAAI,GAAG,SAAS;AAEzC,SAAA,iBAAiB,MACnB,UAAU;AAAA,IACR,EAAE,SAAS,EACR,MAAM,cAAc,SAAS,EAAE,EAC/B,OAAO,EAAC,MAAM,UAAU,QAAQ,EAAC,OAAM,CAAA,EACvC,UAAU;AAAA,EAGV,GAAA,EAAE,SAAS,EACf,MAAM,SAAS,EACf,GAAG,MAAM,EACT,KAAK,QAAQ,EACb,WAAW,IAAI,EACf;AAAA,IACC,OAAO;AAAA,MACL,EAAE,iBAAiB,IAAI,EACpB,gBAAgB,MAAM,CAAC,CAAC,YAAY,EACpC,UAAU;AAAA,MACb;AAAA;AAAA,QAEE,oBAAoB;AAAA;AAAA,QAEpB,KAAK;AAAA,QAEL,MAAM;AAAA,QACN,WAAW;AAAA,QACX,SAAS,EAAC,MAAM,QAAQ,QAAQ,OAAM;AAAA,QACtC,WAAW;AAAA,UACT,GAAG;AAAA,UACH,EAAE,SAAA,EAAW,MAAM,aAAa,EAAE,KAAKC,MAAAA,YAAY,EAAE,OAAO,YAAY,EAAE,UAAU;AAAA,UACpF,EAAE,SAAA,EACC,MAAM,mBAAmB,EACzB,KAAKD,MAAAA,QAAQ,EACb,OAAO,gBAAgB,EACvB,UAAU;AAAA,QAAA;AAAA,MACf;AAAA,IACF;AAAA,IAGH,UAAU;AACf;;;;"}