@sanity/hierarchical-document-list 1.0.0 → 2.0.0

package/lib/components/TreeEditor.js

@@ -1,59 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var icons_1 = require("@sanity/icons");
-var ui_1 = require("@sanity/ui");
-var react_sortable_tree_1 = __importDefault(require("react-sortable-tree"));
-var getCommonTreeProps_1 = __importDefault(require("../utils/getCommonTreeProps"));
-var getTreeHeight_1 = __importDefault(require("../utils/getTreeHeight"));
-var treeData_1 = require("../utils/treeData");
-var useAllItems_1 = __importDefault(require("../hooks/useAllItems"));
-var useLocalTree_1 = __importDefault(require("../hooks/useLocalTree"));
-var useTreeOperations_1 = require("../hooks/useTreeOperations");
-var useTreeOperationsProvider_1 = __importDefault(require("../hooks/useTreeOperationsProvider"));
-var DocumentInNode_1 = __importDefault(require("./DocumentInNode"));
-var TreeEditorErrorBoundary_1 = __importDefault(require("./TreeEditorErrorBoundary"));
-/**
- * The loaded tree users interact with
- */
-var TreeEditor = function (props) {
-    var _a = (0, useAllItems_1.default)(props.options), allItemsStatus = _a.status, allItems = _a.allItems;
-    var unaddedItems = (0, treeData_1.getUnaddedItems)({ tree: props.tree, allItems: allItems });
-    var _b = (0, useLocalTree_1.default)({
-        tree: props.tree,
-        allItems: allItems
-    }), localTree = _b.localTree, handleVisibilityToggle = _b.handleVisibilityToggle;
-    var operations = (0, useTreeOperationsProvider_1.default)({
-        patchPrefix: props.patchPrefix,
-        onChange: props.onChange,
-        localTree: localTree
-    });
-    return ((0, jsx_runtime_1.jsx)(TreeEditorErrorBoundary_1.default, { children: (0, jsx_runtime_1.jsx)(useTreeOperations_1.TreeOperationsContext.Provider, __assign({ value: __assign(__assign({}, operations), { allItemsStatus: allItemsStatus }) }, { children: (0, jsx_runtime_1.jsxs)(ui_1.Stack, __assign({ space: 4, paddingTop: 4 }, { children: [(0, jsx_runtime_1.jsx)(ui_1.Card, __assign({ style: { minHeight: (0, getTreeHeight_1.default)(localTree) }, 
-                        // Only include borderBottom if there's something to show in unadded items
-                        borderBottom: allItemsStatus !== 'success' || (unaddedItems === null || unaddedItems === void 0 ? void 0 : unaddedItems.length) > 0 }, { children: (0, jsx_runtime_1.jsx)(react_sortable_tree_1.default, __assign({ maxDepth: props.options.maxDepth, onChange: function () {
-                                // Do nothing. onMoveNode will do all the work
-                            }, onVisibilityToggle: handleVisibilityToggle, onMoveNode: function (data) {
-                                return operations.handleMovedNode(data);
-                            }, treeData: localTree }, (0, getCommonTreeProps_1.default)({
-                            placeholder: {
-                                title: 'Add items from the list below'
-                            }
-                        })), void 0) }), void 0), allItemsStatus === 'success' && (unaddedItems === null || unaddedItems === void 0 ? void 0 : unaddedItems.length) > 0 && ((0, jsx_runtime_1.jsxs)(ui_1.Stack, __assign({ space: 1, paddingX: 2, paddingTop: 3 }, { children: [(0, jsx_runtime_1.jsxs)(ui_1.Stack, __assign({ space: 2, paddingX: 2, paddingBottom: 3 }, { children: [(0, jsx_runtime_1.jsx)(ui_1.Text, __assign({ size: 2, as: "h2", weight: "semibold" }, { children: "Add more items" }), void 0), (0, jsx_runtime_1.jsx)(ui_1.Text, __assign({ size: 1, muted: true }, { children: "Only published documents are shown." }), void 0)] }), void 0), unaddedItems.map(function (item) { return ((0, jsx_runtime_1.jsx)(DocumentInNode_1.default, { item: item, action: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, __assign({ portal: true, placement: "left", content: (0, jsx_runtime_1.jsx)(ui_1.Box, __assign({ padding: 2 }, { children: (0, jsx_runtime_1.jsx)(ui_1.Text, __assign({ size: 1 }, { children: "Add to list" }), void 0) }), void 0) }, { children: (0, jsx_runtime_1.jsx)(ui_1.Button, { onClick: function () {
-                                            operations.addItem(item);
-                                        }, mode: "bleed", icon: icons_1.AddCircleIcon, style: { cursor: 'pointer' } }, void 0) }), void 0) }, item.publishedId || item.draftId)); })] }), void 0)), allItemsStatus === 'loading' && ((0, jsx_runtime_1.jsx)(ui_1.Flex, __assign({ padding: 4, align: 'center', justify: 'center' }, { children: (0, jsx_runtime_1.jsx)(ui_1.Spinner, { size: 3, muted: true }, void 0) }), void 0)), allItemsStatus === 'error' && ((0, jsx_runtime_1.jsx)(ui_1.Flex, __assign({ padding: 4, align: 'center', justify: 'center' }, { children: (0, jsx_runtime_1.jsx)(ui_1.Text, __assign({ size: 2, weight: "semibold" }, { children: "Something went wrong when loading documents" }), void 0) }), void 0))] }), void 0) }), void 0) }, void 0));
-};
-exports.default = TreeEditor;

package/lib/components/TreeEditorErrorBoundary.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const TreeEditorErrorBoundary: React.FC;
-export default TreeEditorErrorBoundary;

package/lib/components/TreeEditorErrorBoundary.js

@@ -1,59 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("@sanity/ui");
-var React = __importStar(require("react"));
-var DISPLAY_ERROR = false;
-var ErrorToast = function (_a) {
-    var error = _a.error;
-    var push = (0, ui_1.useToast)().push;
-    React.useEffect(function () {
-        if ((error === null || error === void 0 ? void 0 : error.error) && DISPLAY_ERROR) {
-            push({
-                title: error.error.name,
-                description: error.error.message,
-                closable: true,
-                status: 'error',
-                id: 'hierarchical-error'
-            });
-        }
-    }, [error]);
-    return null;
-};
-var TreeEditorErrorBoundary = function (props) {
-    var _a = React.useState(undefined), exception = _a[0], setException = _a[1];
-    return ((0, jsx_runtime_1.jsxs)(ui_1.ErrorBoundary, __assign({ onCatch: function (newException) {
-            setException(newException);
-        } }, { children: [(0, jsx_runtime_1.jsx)(ErrorToast, { error: exception }, void 0), props.children] }), void 0));
-};
-exports.default = TreeEditorErrorBoundary;

package/lib/components/TreeNodeRenderer.d.ts

@@ -1,3 +0,0 @@
-import { TreeRenderer } from 'react-sortable-tree';
-declare const TreeNodeRenderer: TreeRenderer;
-export default TreeNodeRenderer;

package/lib/components/TreeNodeRenderer.js

@@ -1,59 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var React = __importStar(require("react"));
-var TreeNodeRendererScaffold_1 = __importDefault(require("./TreeNodeRendererScaffold"));
-/**
- * To prevent expand buttons from overflowing on the left, we add a minimum left padding to all entries
- */
-var BASE_LEFT_PADDING = 10;
-var NESTING_PADDING = 14;
-var TreeNodeRenderer = function (props) {
-    var children = props.children, lowerSiblingCounts = props.lowerSiblingCounts, connectDropTarget = props.connectDropTarget, isOver = props.isOver, draggedNode = props.draggedNode, canDrop = props.canDrop;
-    // Construct the scaffold representing the structure of the tree
-    var scaffoldBlockCount = lowerSiblingCounts.length;
-    return connectDropTarget((0, jsx_runtime_1.jsxs)("div", __assign({ style: props.style }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                    // prettier-ignore
-                    paddingLeft: "".concat(BASE_LEFT_PADDING + (NESTING_PADDING * scaffoldBlockCount), "px")
-                } }, { children: React.Children.map(children, function (child) {
-                    return React.cloneElement(child, {
-                        isOver: isOver,
-                        canDrop: canDrop,
-                        draggedNode: draggedNode
-                    });
-                }) }), void 0), (0, jsx_runtime_1.jsx)(TreeNodeRendererScaffold_1.default, __assign({}, props), void 0)] }), void 0));
-};
-exports.default = TreeNodeRenderer;

package/lib/components/TreeNodeRendererScaffold.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { TreeRendererProps } from 'react-sortable-tree';
-declare const TreeNodeRendererScaffold: React.FC<TreeRendererProps>;
-export default TreeNodeRendererScaffold;

package/lib/components/TreeNodeRendererScaffold.js

@@ -1,44 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var color_1 = require("@sanity/color");
-var styled_components_1 = require("styled-components");
-// Adapted from react-sortable-tree/src/tree-node.js
-var ScaffoldStyles = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .rst__lineBlock,\n  .rst__absoluteLineBlock {\n    height: 100%;\n    position: relative;\n    display: inline-block;\n    --stroke-width: 3px;\n  }\n\n  .rst__absoluteLineBlock {\n    position: absolute;\n    top: 0;\n  }\n\n  /* Highlight line for pointing to dragged row destination\n   ========================================================================== */\n  /**\n * +--+--+\n * |  |  |\n * |  |  |\n * |  |  |\n * +--+--+\n */\n  .rst__highlightLineVertical {\n    z-index: 3;\n  }\n  .rst__highlightLineVertical::before {\n    position: absolute;\n    content: '';\n    background-color: ", ";\n    width: calc(var(--stroke-width) * 2);\n    margin-left: calc(var(--stroke-width) * -1);\n    left: 50%;\n    top: 0;\n    height: 100%;\n  }\n\n  @keyframes arrow-pulse {\n    0% {\n      transform: translate(0, 0);\n      opacity: 0;\n    }\n    30% {\n      transform: translate(0, 300%);\n      opacity: 1;\n    }\n    70% {\n      transform: translate(0, 700%);\n      opacity: 1;\n    }\n    100% {\n      transform: translate(0, 1000%);\n      opacity: 0;\n    }\n  }\n  .rst__highlightLineVertical::after {\n    content: '';\n    position: absolute;\n    height: 0;\n    margin-left: calc(var(--stroke-width) * -1);\n    left: 50%;\n    top: 0;\n    border-left: var(--stroke-width) solid transparent;\n    border-right: var(--stroke-width) solid transparent;\n    border-top: var(--stroke-width) solid white;\n    animation: arrow-pulse 1s infinite linear both;\n  }\n\n  /**\n * +-----+\n * |     |\n * |  +--+\n * |  |  |\n * +--+--+\n */\n  .rst__highlightTopLeftCorner::before {\n    z-index: 3;\n    content: '';\n    position: absolute;\n    border-top: solid calc(var(--stroke-width) * 2) ", ";\n    border-left: solid calc(var(--stroke-width) * 2) ", ";\n    box-sizing: border-box;\n    height: calc(50% + var(--stroke-width));\n    top: 50%;\n    margin-top: calc(var(--stroke-width) * -1);\n    right: 0;\n    width: calc(50% + var(--stroke-width));\n  }\n\n  /**\n * +--+--+\n * |  |  |\n * |  |  |\n * |  +->|\n * +-----+\n */\n  .rst__highlightBottomLeftCorner {\n    z-index: 3;\n  }\n  .rst__highlightBottomLeftCorner::before {\n    content: '';\n    position: absolute;\n    border-bottom: solid calc(var(--stroke-width) * 2) ", ";\n    border-left: solid calc(var(--stroke-width) * 2) ", ";\n    box-sizing: border-box;\n    height: calc(100% + var(--stroke-width));\n    top: 0;\n    right: calc(var(--stroke-width) * 3);\n    width: calc(50% - calc(var(--stroke-width) * 2));\n  }\n\n  .rst__highlightBottomLeftCorner::after {\n    content: '';\n    position: absolute;\n    height: 0;\n    right: 0;\n    top: 100%;\n    margin-top: calc(var(--stroke-width) * -3);\n    border-top: calc(var(--stroke-width) * 3) solid transparent;\n    border-bottom: calc(var(--stroke-width) * 3) solid transparent;\n    border-left: calc(var(--stroke-width) * 3) solid ", ";\n  }\n\n  .rst__unclickable {\n    pointer-events: none;\n    margin-top: -calc(var(--stroke-width) * 3);\n  }\n"], ["\n  .rst__lineBlock,\n  .rst__absoluteLineBlock {\n    height: 100%;\n    position: relative;\n    display: inline-block;\n    --stroke-width: 3px;\n  }\n\n  .rst__absoluteLineBlock {\n    position: absolute;\n    top: 0;\n  }\n\n  /* Highlight line for pointing to dragged row destination\n   ========================================================================== */\n  /**\n * +--+--+\n * |  |  |\n * |  |  |\n * |  |  |\n * +--+--+\n */\n  .rst__highlightLineVertical {\n    z-index: 3;\n  }\n  .rst__highlightLineVertical::before {\n    position: absolute;\n    content: '';\n    background-color: ", ";\n    width: calc(var(--stroke-width) * 2);\n    margin-left: calc(var(--stroke-width) * -1);\n    left: 50%;\n    top: 0;\n    height: 100%;\n  }\n\n  @keyframes arrow-pulse {\n    0% {\n      transform: translate(0, 0);\n      opacity: 0;\n    }\n    30% {\n      transform: translate(0, 300%);\n      opacity: 1;\n    }\n    70% {\n      transform: translate(0, 700%);\n      opacity: 1;\n    }\n    100% {\n      transform: translate(0, 1000%);\n      opacity: 0;\n    }\n  }\n  .rst__highlightLineVertical::after {\n    content: '';\n    position: absolute;\n    height: 0;\n    margin-left: calc(var(--stroke-width) * -1);\n    left: 50%;\n    top: 0;\n    border-left: var(--stroke-width) solid transparent;\n    border-right: var(--stroke-width) solid transparent;\n    border-top: var(--stroke-width) solid white;\n    animation: arrow-pulse 1s infinite linear both;\n  }\n\n  /**\n * +-----+\n * |     |\n * |  +--+\n * |  |  |\n * +--+--+\n */\n  .rst__highlightTopLeftCorner::before {\n    z-index: 3;\n    content: '';\n    position: absolute;\n    border-top: solid calc(var(--stroke-width) * 2) ", ";\n    border-left: solid calc(var(--stroke-width) * 2) ", ";\n    box-sizing: border-box;\n    height: calc(50% + var(--stroke-width));\n    top: 50%;\n    margin-top: calc(var(--stroke-width) * -1);\n    right: 0;\n    width: calc(50% + var(--stroke-width));\n  }\n\n  /**\n * +--+--+\n * |  |  |\n * |  |  |\n * |  +->|\n * +-----+\n */\n  .rst__highlightBottomLeftCorner {\n    z-index: 3;\n  }\n  .rst__highlightBottomLeftCorner::before {\n    content: '';\n    position: absolute;\n    border-bottom: solid calc(var(--stroke-width) * 2) ", ";\n    border-left: solid calc(var(--stroke-width) * 2) ", ";\n    box-sizing: border-box;\n    height: calc(100% + var(--stroke-width));\n    top: 0;\n    right: calc(var(--stroke-width) * 3);\n    width: calc(50% - calc(var(--stroke-width) * 2));\n  }\n\n  .rst__highlightBottomLeftCorner::after {\n    content: '';\n    position: absolute;\n    height: 0;\n    right: 0;\n    top: 100%;\n    margin-top: calc(var(--stroke-width) * -3);\n    border-top: calc(var(--stroke-width) * 3) solid transparent;\n    border-bottom: calc(var(--stroke-width) * 3) solid transparent;\n    border-left: calc(var(--stroke-width) * 3) solid ", ";\n  }\n\n  .rst__unclickable {\n    pointer-events: none;\n    margin-top: -calc(var(--stroke-width) * 3);\n  }\n"])), color_1.blue[400].hex, color_1.blue[400].hex, color_1.blue[400].hex, color_1.blue[400].hex, color_1.blue[400].hex, color_1.blue[400].hex);
-var TreeNodeRendererScaffold = function (props) {
-    var lowerSiblingCounts = props.lowerSiblingCounts, scaffoldBlockPxWidth = props.scaffoldBlockPxWidth, listIndex = props.listIndex, swapDepth = props.swapDepth, swapFrom = props.swapFrom, swapLength = props.swapLength, treeIndex = props.treeIndex;
-    // Construct the scaffold representing the structure of the tree
-    var scaffold = lowerSiblingCounts.map(function (lowerSiblingCount, i) {
-        if (lowerSiblingCount < 0 || treeIndex === listIndex || i !== swapDepth) {
-            return null;
-        }
-        // This row has been shifted, and is at the depth of
-        // the line pointing to the new destination
-        var highlightLineClass = '';
-        if (listIndex === (swapFrom || 0) + (swapLength || 0) - 1) {
-            // This block is on the bottom (target) line
-            // This block points at the target block (where the row will go when released)
-            highlightLineClass = 'rst__highlightBottomLeftCorner';
-        }
-        else if (treeIndex === swapFrom) {
-            // This block is on the top (source) line
-            highlightLineClass = 'rst__highlightTopLeftCorner';
-        }
-        else {
-            // This block is between the bottom and top
-            highlightLineClass = 'rst__highlightLineVertical';
-        }
-        var style = {
-            width: scaffoldBlockPxWidth,
-            left: scaffoldBlockPxWidth * i
-        };
-        return ((0, jsx_runtime_1.jsx)("div", { style: style, className: "rst__unclickable rst__absoluteLineBlock ".concat(highlightLineClass || ''), tabIndex: -1 }, i));
-    });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [scaffold, (0, jsx_runtime_1.jsx)(ScaffoldStyles, {}, void 0)] }, void 0));
-};
-exports.default = TreeNodeRendererScaffold;
-var templateObject_1;

package/lib/createDeskHierarchy.d.ts

@@ -1,14 +0,0 @@
-import { TreeDeskStructureProps } from './types';
-interface TreeProps extends TreeDeskStructureProps {
-    /**
-     * Visible title above the tree.
-     * Also used as the label in the desk list item.
-     */
-    title: string;
-    /**
-     * Optional icon for rendering the item in the desk structure.
-     */
-    icon?: any;
-}
-export default function createDeskHierarchy(props: TreeProps): import("@sanity/structure/dist/dts/ListItem").ListItemBuilder;
-export {};

package/lib/createDeskHierarchy.js

@@ -1,85 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var structure_builder_1 = __importDefault(require("@sanity/desk-tool/structure-builder"));
-var icons_1 = require("@sanity/icons");
-var schema_1 = __importDefault(require("part:@sanity/base/schema"));
-var TreeDeskStructure_1 = __importDefault(require("./TreeDeskStructure"));
-var throwError_1 = __importDefault(require("./utils/throwError"));
-var deskTreeValidator = function (props) {
-    var documentId = props.documentId, referenceTo = props.referenceTo;
-    if (typeof documentId !== 'string' && !documentId) {
-        (0, throwError_1.default)('invalidDocumentId');
-    }
-    if (!Array.isArray(referenceTo)) {
-        (0, throwError_1.default)('invalidReferenceTo', "(documentId \"".concat(documentId, "\")"));
-    }
-    return function (deskProps) { return (0, jsx_runtime_1.jsx)(TreeDeskStructure_1.default, __assign({}, deskProps, { options: props }), void 0); };
-};
-function createDeskHierarchy(props) {
-    var documentId = props.documentId, referenceTo = props.referenceTo, referenceOptions = props.referenceOptions;
-    // @TODO: allow creating all types once upstream desk fix is shipped
-    /**
-     * Context: With multiple referenced document types we can’t set S.documentList().schemaType(),
-     * which only accepts one type. So the desk doesn’t have an expanded schemaType to access and
-     * try creating a new document without that, which breaks resolveEnabledActions (and probably more)
-     * in packages\@sanity\base\src\actions\utils\legacy_documentActionUtils.js
-     */
-    var safelyCreatableTypes = referenceTo.slice(0, 1);
-    var mainList = ((safelyCreatableTypes === null || safelyCreatableTypes === void 0 ? void 0 : safelyCreatableTypes.length) === 1
-        ? structure_builder_1.default.documentTypeList(safelyCreatableTypes[0]).schemaType(safelyCreatableTypes[0])
-        : structure_builder_1.default.documentList().filter('_type in $types').params({ types: safelyCreatableTypes }))
-        .id(documentId)
-        .menuItems((safelyCreatableTypes || []).map(function (schemaType) {
-        var _a, _b;
-        return structure_builder_1.default.menuItem()
-            .intent({
-            type: 'create',
-            params: { type: schemaType }
-        })
-            .title("Create ".concat((_a = schema_1.default.get(schemaType)) === null || _a === void 0 ? void 0 : _a.title))
-            .icon(((_b = schema_1.default.get(schemaType)) === null || _b === void 0 ? void 0 : _b.icon) || icons_1.AddIcon);
-    }))
-        .canHandleIntent(function (intent, context) {
-        // Can edit itself
-        if (intent === 'edit' && context.id === props.documentId) {
-            return true;
-        }
-        // Can create & edit referenced document types
-        if (safelyCreatableTypes.includes(context.type)) {
-            return true;
-        }
-        return false;
-    });
-    if (referenceOptions === null || referenceOptions === void 0 ? void 0 : referenceOptions.filter) {
-        mainList = mainList.filter(referenceOptions.filter);
-    }
-    if (referenceOptions === null || referenceOptions === void 0 ? void 0 : referenceOptions.filterParams) {
-        mainList = mainList.params(referenceOptions.filterParams);
-    }
-    return structure_builder_1.default.listItem()
-        .id(documentId)
-        .title(props.title || documentId)
-        .icon(props.icon)
-        .child(Object.assign(mainList.serialize(), {
-        type: 'component',
-        component: deskTreeValidator(props),
-        options: props,
-        __preserveInstance: true
-    }, props.title ? { title: props.title } : {}));
-}
-exports.default = createDeskHierarchy;

package/lib/createHierarchicalSchemas.d.ts

@@ -1,78 +0,0 @@
-import { ArraySchemaType } from '@sanity/types';
-import * as React from 'react';
-import { TreeDeskStructureProps, TreeFieldSchema } from './types';
-declare type SchemaOptions = Omit<TreeDeskStructureProps, 'documentId' | 'maxDepth'>;
-export declare function createHierarchicalField({ name, title, options, ...rest }: TreeFieldSchema): Omit<ArraySchemaType, 'type' | 'jsonType' | 'of'> & {
-    type: string;
-    inputComponent: React.FC<any>;
-    of?: any[];
-};
-export default function createHierarchicalSchemas(options: SchemaOptions): ({
-    name: string;
-    title: string;
-    type: string;
-    fields: ({
-        name: string;
-        type: string;
-    } | {
-        name: string;
-        type: string;
-        title: string;
-        fields: ({
-            name: string;
-            type: string;
-            weak?: undefined;
-            to?: undefined;
-            options?: undefined;
-        } | {
-            name: string;
-            type: string;
-            weak: boolean;
-            to: {
-                type: string;
-            }[];
-            options: {
-                filter?: string | undefined;
-                filterParams?: Record<string, unknown> | undefined;
-            } | undefined;
-        })[];
-    })[];
-} | {
-    name: string;
-    title: string;
-    type: string;
-    of: ({
-        name: string;
-        title: string;
-        type: string;
-        fields: ({
-            name: string;
-            type: string;
-        } | {
-            name: string;
-            type: string;
-            title: string;
-            fields: ({
-                name: string;
-                type: string;
-                weak?: undefined;
-                to?: undefined;
-                options?: undefined;
-            } | {
-                name: string;
-                type: string;
-                weak: boolean;
-                to: {
-                    type: string;
-                }[];
-                options: {
-                    filter?: string | undefined;
-                    filterParams?: Record<string, unknown> | undefined;
-                } | undefined;
-            })[];
-        })[];
-    } | {
-        type: string;
-    })[];
-})[];
-export {};

package/lib/createHierarchicalSchemas.js

@@ -1,138 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createHierarchicalField = void 0;
-var TreeDeskStructure_1 = require("./TreeDeskStructure");
-var TreeInputComponent_1 = __importDefault(require("./TreeInputComponent"));
-var injectNodeTypeInPatches_1 = require("./utils/injectNodeTypeInPatches");
-var throwError_1 = __importDefault(require("./utils/throwError"));
-function createHierarchicalNodeValueType(_a) {
-    var referenceTo = _a.referenceTo, referenceOptions = _a.referenceOptions, documentType = _a.documentType;
-    return {
-        // when used inside the field, name & type are overwritten by createHierarchicalNodeType
-        name: documentType ? (0, injectNodeTypeInPatches_1.getSchemaTypeName)(documentType, 'nodeValue') : injectNodeTypeInPatches_1.INTERNAL_NODE_VALUE_TYPE,
-        type: 'object',
-        title: "Hierarchical node value (".concat(documentType, ")"),
-        fields: [
-            { name: 'docType', type: 'string' },
-            {
-                name: 'reference',
-                type: 'reference',
-                weak: true,
-                to: referenceTo.map(function (type) { return ({ type: type }); }),
-                options: referenceOptions
-            }
-        ]
-    };
-}
-function createHierarchicalNodeType(options) {
-    return {
-        // name & type are overwritten by createHierarchicalField
-        name: options.documentType
-            ? (0, injectNodeTypeInPatches_1.getSchemaTypeName)(options.documentType, 'node')
-            : injectNodeTypeInPatches_1.INTERNAL_NODE_TYPE,
-        title: "Hierarchical node (".concat(options.documentType, ")"),
-        type: 'object',
-        fields: [
-            { name: 'parent', type: 'string' },
-            options.documentType
-                ? { name: 'value', type: (0, injectNodeTypeInPatches_1.getSchemaTypeName)(options.documentType, 'nodeValue') }
-                : // If no documentType is defined, use an anonymized inline object to avoid
-                 __assign(__assign({}, createHierarchicalNodeValueType(options)), { name: 'value', type: 'object' })
-        ]
-    };
-}
-function createHierarchicalArrayType(options) {
-    return {
-        // name & type are overwritten by createHierarchicalField
-        name: options.documentType
-            ? (0, injectNodeTypeInPatches_1.getSchemaTypeName)(options.documentType, 'array')
-            : injectNodeTypeInPatches_1.INTERNAL_NODE_ARRAY_TYPE,
-        title: "Hierarchical array of nodes (".concat(options.documentType, ")"),
-        type: 'array',
-        of: [
-            options.documentType
-                ? { type: (0, injectNodeTypeInPatches_1.getSchemaTypeName)(options.documentType, 'node') }
-                : createHierarchicalNodeType(options)
-        ]
-    };
-}
-function createHierarchicalField(_a) {
-    var name = _a.name, title = _a.title, options = _a.options, rest = __rest(_a, ["name", "title", "options"]);
-    if (!Array.isArray(options === null || options === void 0 ? void 0 : options.referenceTo)) {
-        (0, throwError_1.default)('invalidReferenceTo', "(field of name \"".concat(name, "\")"));
-    }
-    return __assign(__assign(__assign({}, rest), { name: name, title: title, inputComponent: TreeInputComponent_1.default, options: options }), (options.documentType
-        ? { type: (0, injectNodeTypeInPatches_1.getSchemaTypeName)(options.documentType, 'array') }
-        : __assign(__assign({}, createHierarchicalArrayType(options)), { name: name })));
-}
-exports.createHierarchicalField = createHierarchicalField;
-function createHierarchicalDocType(options) {
-    return {
-        name: options.documentType,
-        title: 'Hierarchical tree',
-        type: 'document',
-        // The plugin needs to define a `schemaType` with liveEdit enabled so that
-        // `useDocumentOperation` in TreeDeskStructure.tsx doesn't create drafts at every patch.
-        liveEdit: true,
-        fields: [
-            createHierarchicalField({
-                name: options.fieldKeyInDocument || TreeDeskStructure_1.DEFAULT_FIELD_KEY,
-                title: 'Hierarchical Tree',
-                options: options
-            })
-        ],
-        preview: {
-            select: {
-                id: '_id',
-                tree: 'tree'
-            },
-            prepare: function (_a) {
-                var id = _a.id, tree = _a.tree;
-                return {
-                    title: "Hierarchical documents (ID: ".concat(id, ")"),
-                    subtitle: "".concat((tree === null || tree === void 0 ? void 0 : tree.length) || 0, " document(s) in its list.")
-                };
-            }
-        }
-    };
-}
-function createHierarchicalSchemas(options) {
-    if (!Array.isArray(options.referenceTo) || options.referenceTo.length <= 0) {
-        (0, throwError_1.default)('invalidReferenceTo');
-    }
-    if (!options.documentType) {
-        (0, throwError_1.default)('invalidDocumentType');
-    }
-    return [
-        createHierarchicalDocType(options),
-        createHierarchicalArrayType(options),
-        createHierarchicalNodeType(options),
-        createHierarchicalNodeValueType(options)
-    ];
-}
-exports.default = createHierarchicalSchemas;

package/lib/hooks/useAllItems.d.ts

@@ -1,7 +0,0 @@
-import { AllItems, TreeInputOptions } from '../types';
-declare type Status = 'loading' | 'success' | 'error';
-export default function useAllItems(options: TreeInputOptions): {
-    status: Status;
-    allItems: AllItems;
-};
-export {};