@sanity/hierarchical-document-list 1.1.0 → 2.0.1

package/lib/components/NodeContentRenderer.js

@@ -1,105 +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;
-};
-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 color_1 = require("@sanity/color");
-var icons_1 = require("@sanity/icons");
-var ui_1 = require("@sanity/ui");
-var React = __importStar(require("react"));
-var react_sortable_tree_1 = require("react-sortable-tree");
-var styled_components_1 = __importDefault(require("styled-components"));
-var Root = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  // Adapted from react-sortable-tree/style.css\n  &[data-landing='true'] > *,\n  &[data-cancel='true'] > * {\n    opacity: 0 !important;\n  }\n  &[data-landing='true']::before,\n  &[data-cancel='true']::before {\n    background-color: ", ";\n    border: 2px dashed ", ";\n    border-radius: 3px;\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n  }\n\n  &[data-cancel='true']::before {\n    background-color: ", ";\n  }\n"], ["\n  // Adapted from react-sortable-tree/style.css\n  &[data-landing='true'] > *,\n  &[data-cancel='true'] > * {\n    opacity: 0 !important;\n  }\n  &[data-landing='true']::before,\n  &[data-cancel='true']::before {\n    background-color: ", ";\n    border: 2px dashed ", ";\n    border-radius: 3px;\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n  }\n\n  &[data-cancel='true']::before {\n    background-color: ", ";\n  }\n"
-    /**
-     * Customization of react-sortable-tree's default node.
-     * Created in order to use Sanity UI for styles.
-     * Reference: https://github.com/frontend-collective/react-sortable-tree/blob/master/src/node-renderer-default.js
-     */
-])), color_1.cyan[50].hex, color_1.gray[400].hex, color_1.red[50].hex);
-/**
- * Customization of react-sortable-tree's default node.
- * Created in order to use Sanity UI for styles.
- * Reference: https://github.com/frontend-collective/react-sortable-tree/blob/master/src/node-renderer-default.js
- */
-var NodeContentRenderer = function (props) {
-    var node = props.node, path = props.path, treeIndex = props.treeIndex, _a = props.canDrag, canDrag = _a === void 0 ? false : _a;
-    var nodeTitle = node.title;
-    var Handle = React.useMemo(function () {
-        if (!canDrag) {
-            return null;
-        }
-        if (typeof node.children === 'function' && node.expanded) {
-            // Show a loading symbol on the handle when the children are expanded
-            //  and yet still defined by a function (a callback to fetch the children)
-            return (0, jsx_runtime_1.jsx)(ui_1.Spinner, {}, void 0);
-        }
-        var BtnElement = ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ui_1.Button, __assign({ mode: "bleed", paddingX: 0, paddingY: 1, style: {
-                    cursor: node.publishedId ? 'grab' : 'default',
-                    fontSize: '1.5625rem'
-                }, "data-ui": "DragHandleButton", "data-drag-handle": canDrag, disabled: !node.publishedId }, { children: (0, jsx_runtime_1.jsx)(icons_1.DragHandleIcon, { style: { marginBottom: '-0.1em' } }, void 0) }), void 0) }, void 0));
-        // Don't allow editors to drag invalid documents
-        if (!node.publishedId) {
-            return BtnElement;
-        }
-        // Show the handle used to initiate a drag-and-drop
-        return props.connectDragSource(BtnElement, {
-            dropEffect: 'copy'
-        });
-    }, [canDrag, node, typeof node.children === 'function']);
-    var isDraggedDescendant = props.draggedNode && (0, react_sortable_tree_1.isDescendant)(props.draggedNode, node);
-    var isLandingPadActive = !props.didDrop && props.isDragging;
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Box, __assign({ style: { position: 'relative' } }, { children: [props.toggleChildrenVisibility &&
-                node.children &&
-                (node.children.length > 0 || typeof node.children === 'function') && ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                    position: 'absolute',
-                    left: '-2px',
-                    top: '40%',
-                    transform: 'translate(-100%, -50%)'
-                } }, { children: (0, jsx_runtime_1.jsx)(ui_1.Button, { "aria-label": node.expanded ? 'Collapse' : 'Expand', icon: node.expanded ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, { color: color_1.gray[200].hex }, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { color: color_1.gray[200].hex }, void 0)), mode: "bleed", fontSize: 2, padding: 1, type: "button", onClick: function () {
-                        var _a;
-                        return (_a = props.toggleChildrenVisibility) === null || _a === void 0 ? void 0 : _a.call(props, {
-                            node: node,
-                            path: path,
-                            treeIndex: treeIndex
-                        });
-                    } }, void 0) }), void 0)), props.connectDragPreview((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Root, __assign({ "data-landing": isLandingPadActive, "data-cancel": isLandingPadActive && !props.canDrop, style: {
-                        opacity: isDraggedDescendant ? 0.5 : 1
-                    } }, { children: (0, jsx_runtime_1.jsxs)(ui_1.Flex, __assign({ align: "center" }, { children: [Handle, typeof nodeTitle === 'function' ? nodeTitle(props) : nodeTitle] }), void 0) }), void 0) }, void 0))] }), void 0));
-};
-exports.default = NodeContentRenderer;
-var templateObject_1;

package/lib/components/PlaceholderDropzone.d.ts

@@ -1,9 +0,0 @@
-import { CardTone } from '@sanity/ui';
-import * as React from 'react';
-import { PlaceholderRendererProps } from 'react-sortable-tree';
-declare const PlaceholderDropzone: React.FC<{
-    tone?: CardTone;
-    title: string;
-    subtitle?: string;
-} & PlaceholderRendererProps>;
-export default PlaceholderDropzone;

package/lib/components/PlaceholderDropzone.js

@@ -1,30 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("@sanity/ui");
-var PlaceholderDropzone = function (props) {
-    var isValid = props.isOver && props.canDrop;
-    var isInvalid = props.isOver && !props.canDrop;
-    var tone = 'transparent';
-    if (isValid) {
-        tone = 'positive';
-    }
-    if (isInvalid) {
-        tone = 'caution';
-    }
-    return ((0, jsx_runtime_1.jsx)(ui_1.Box, __assign({ padding: 3 }, { children: (0, jsx_runtime_1.jsx)(ui_1.Card, __assign({ padding: 5, radius: 2, border: true, tone: tone, style: {
-                borderStyle: props.isOver ? undefined : 'dashed'
-            } }, { children: (0, jsx_runtime_1.jsxs)(ui_1.Stack, __assign({ space: 2, style: { textAlign: 'center' } }, { children: [(0, jsx_runtime_1.jsxs)(ui_1.Text, __assign({ size: 2, as: "h2", muted: true }, { children: [!props.isOver && props.title, isValid && 'Drop here', isInvalid && 'Invalid location or element'] }), void 0), props.subtitle && (0, jsx_runtime_1.jsx)(ui_1.Text, __assign({ size: 1 }, { children: props.subtitle }), void 0), props.children] }), void 0) }), void 0) }), void 0));
-};
-exports.default = PlaceholderDropzone;

package/lib/components/SuppressedDnDManager.d.ts

@@ -1,2 +0,0 @@
-import { DragDropManager } from 'dnd-core';
-export declare const suppressedDnDManager: DragDropManager;

package/lib/components/SuppressedDnDManager.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.suppressedDnDManager = void 0;
-var react_dnd_1 = require("react-dnd");
-var react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
-/**
- * Fix lifted from https://github.com/frontend-collective/react-sortable-tree/issues/510#issuecomment-731233436
- * This DND context is used to resolve errors: "Error: Cannot have two HTML5 backends at the same time."
- */
-var DnDContext = (0, react_dnd_1.createDndContext)(react_dnd_html5_backend_1.HTML5Backend);
-var manager = DnDContext.dragDropManager;
-var monitor = manager.getMonitor();
-/**
- * The suppressing monitor (and manager that uses it),
- * is an additional workaround to prevent non-functional errors in react-dnd from
- * bubbling to the Sanity error handler (which will emit a toast that can be ignored by the user anyway).
- */
-var suppressedMonitor = {
-    canDragSource: monitor.canDragSource.bind(monitor),
-    canDropOnTarget: function (targetId) {
-        try {
-            return monitor.canDropOnTarget(targetId);
-        }
-        catch (e) {
-            // suppress error
-            return false;
-        }
-    },
-    didDrop: monitor.didDrop.bind(monitor),
-    getClientOffset: monitor.getClientOffset.bind(monitor),
-    getDifferenceFromInitialOffset: monitor.getDifferenceFromInitialOffset.bind(monitor),
-    getDropResult: monitor.getDropResult.bind(monitor),
-    getInitialClientOffset: monitor.getInitialClientOffset.bind(monitor),
-    getInitialSourceClientOffset: monitor.getInitialSourceClientOffset.bind(monitor),
-    getItem: function () {
-        var _a;
-        // return empty instead of undefined to work around property access failing
-        return (_a = monitor.getItem()) !== null && _a !== void 0 ? _a : {};
-    },
-    getItemType: monitor.getItemType.bind(monitor),
-    getSourceClientOffset: monitor.getSourceClientOffset.bind(monitor),
-    getSourceId: monitor.getSourceId.bind(monitor),
-    getTargetIds: monitor.getTargetIds.bind(monitor),
-    isDragging: monitor.isDragging.bind(monitor),
-    isDraggingSource: monitor.isDraggingSource.bind(monitor),
-    isOverTarget: monitor.isOverTarget.bind(monitor),
-    isSourcePublic: monitor.isSourcePublic.bind(monitor),
-    subscribeToOffsetChange: monitor.subscribeToOffsetChange.bind(monitor),
-    subscribeToStateChange: monitor.subscribeToStateChange.bind(monitor)
-};
-exports.suppressedDnDManager = {
-    getMonitor: function () {
-        return suppressedMonitor;
-    },
-    getBackend: manager.getBackend.bind(manager),
-    getRegistry: manager.getRegistry.bind(manager),
-    getActions: manager.getActions.bind(manager),
-    dispatch: manager.dispatch.bind(manager)
-};

package/lib/components/TreeEditor.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { StoredTreeItem, TreeInputOptions } from '../types';
-/**
- * The loaded tree users interact with
- */
-declare const TreeEditor: React.FC<{
-    tree: StoredTreeItem[];
-    onChange: (patch: unknown) => void;
-    options: TreeInputOptions;
-    patchPrefix?: string;
-}>;
-export default TreeEditor;

package/lib/components/TreeEditor.js

@@ -1,74 +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_1 = require("react");
-var react_sortable_tree_1 = 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 react_dnd_1 = require("react-dnd");
-var TreeEditorErrorBoundary_1 = require("./TreeEditorErrorBoundary");
-var SuppressedDnDManager_1 = require("./SuppressedDnDManager");
-/**
- * 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
-    });
-    var onMoveNode = (0, react_1.useCallback)(function (data) {
-        return operations.handleMovedNode(data);
-    }, [operations]);
-    var treeProps = (0, react_1.useMemo)(function () {
-        return (0, getCommonTreeProps_1.default)({
-            placeholder: {
-                title: 'Add items from the list below'
-            }
-        });
-    }, []);
-    var operationContext = (0, react_1.useMemo)(function () { return (__assign(__assign({}, operations), { allItemsStatus: allItemsStatus })); }, [operations, allItemsStatus]);
-    return ((0, jsx_runtime_1.jsx)(TreeEditorErrorBoundary_1.TreeEditorErrorBoundary, { children: (0, jsx_runtime_1.jsx)(react_dnd_1.DndProvider, __assign({ manager: SuppressedDnDManager_1.suppressedDnDManager }, { children: (0, jsx_runtime_1.jsx)(useTreeOperations_1.TreeOperationsContext.Provider, __assign({ value: operationContext }, { 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.SortableTreeWithoutDndContext, __assign({ maxDepth: props.options.maxDepth, onChange: doNothingOnChange, onVisibilityToggle: handleVisibilityToggle, canDrop: canDrop, onMoveNode: onMoveNode, treeData: localTree }, treeProps), 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) }, void 0));
-};
-function canDrop(_a) {
-    var nextPath = _a.nextPath, prevPath = _a.prevPath;
-    var insideItself = nextPath.length >= prevPath.length &&
-        prevPath.every(function (pathIndex, index) { return nextPath[index] === pathIndex; });
-    return !insideItself;
-}
-var doNothingOnChange = function () {
-    // Do nothing. onMoveNode will do all the work
-};
-exports.default = TreeEditor;

package/lib/components/TreeEditorErrorBoundary.js

@@ -1,74 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 });
-exports.TreeEditorErrorBoundary = void 0;
-var React = __importStar(require("react"));
-/**
- * react-sortable-tree emits a lot of random errors when dragging to invalid states,
- * even when drag-targets are disabled.
- *
- * This boundary is a workaround so users are not pestered with error-toasts for things
- * that have no functional impact.
- *
- * This boundry does NOT handle errors that happen in the React dnd
- * event handlers, so there is addtional workarounds in the
- * DnDManager.
- *  */
-var TreeEditorErrorBoundary = /** @class */ (function (_super) {
-    __extends(TreeEditorErrorBoundary, _super);
-    function TreeEditorErrorBoundary() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    Object.defineProperty(TreeEditorErrorBoundary.prototype, "componentDidCatch", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            // do nothing
-        }
-    });
-    Object.defineProperty(TreeEditorErrorBoundary.prototype, "render", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            return this.props.children;
-        }
-    });
-    return TreeEditorErrorBoundary;
-}(React.Component));
-exports.TreeEditorErrorBoundary = 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,84 +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;
-    /**
-     * 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;