@sanity/hierarchical-document-list 0.1.0-next.3 → 0.1.0

package/lib/components/TreeEditorErrorBoundary.js

@@ -1,10 +1,26 @@
+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 __());
+    };
+})();
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useToast } from '@sanity/ui';
 import React from 'react';
-const ErrorToast = ({ error }) => {
-    const { push } = useToast();
-    React.useEffect(() => {
-        if (error?.title) {
+var ErrorToast = function (_a) {
+    var error = _a.error;
+    var push = useToast().push;
+    React.useEffect(function () {
+        if (error === null || error === void 0 ? void 0 : error.title) {
             push({
                 title: error.title,
                 description: error.description,
@@ -16,25 +32,38 @@ const ErrorToast = ({ error }) => {
     }, [error]);
     return null;
 };
-class TreeEditorErrorBoundary extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { error: undefined };
+var TreeEditorErrorBoundary = /** @class */ (function (_super) {
+    __extends(TreeEditorErrorBoundary, _super);
+    function TreeEditorErrorBoundary(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = { error: undefined };
+        return _this;
     }
-    static getDerivedStateFromError(error) {
-        if (!error) {
+    Object.defineProperty(TreeEditorErrorBoundary, "getDerivedStateFromError", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (error) {
+            if (!error) {
+                return {
+                    error: undefined
+                };
+            }
             return {
-                error: undefined
+                error: {
+                    title: 'Something went wrong'
+                }
             };
         }
-        return {
-            error: {
-                title: 'Something went wrong'
-            }
-        };
-    }
-    render() {
-        return (_jsxs(React.Fragment, { children: [_jsx(ErrorToast, { error: this.state.error }, void 0), this.props.children] }, void 0));
-    }
-}
+    });
+    Object.defineProperty(TreeEditorErrorBoundary.prototype, "render", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            return (_jsxs(React.Fragment, { children: [_jsx(ErrorToast, { error: this.state.error }, void 0), this.props.children] }, void 0));
+        }
+    });
+    return TreeEditorErrorBoundary;
+}(React.Component));
 export default TreeEditorErrorBoundary;

package/lib/components/TreeNodeRenderer.js

@@ -1,22 +1,35 @@
+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);
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import TreeNodeRendererScaffold from './TreeNodeRendererScaffold';
 /**
  * To prevent expand buttons from overflowing on the left, we add a minimum left padding to all entries
  */
-const BASE_LEFT_PADDING = 10;
-const NESTING_PADDING = 14;
-const TreeNodeRenderer = (props) => {
-    const { children, lowerSiblingCounts, connectDropTarget, isOver, draggedNode, canDrop } = props;
+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
-    const scaffoldBlockCount = lowerSiblingCounts.length;
-    return connectDropTarget(_jsxs("div", { style: props.style, children: [_jsx("div", { style: {
+    var scaffoldBlockCount = lowerSiblingCounts.length;
+    return connectDropTarget(_jsxs("div", __assign({ style: props.style }, { children: [_jsx("div", __assign({ style: {
                     // prettier-ignore
-                    paddingLeft: `${BASE_LEFT_PADDING + (NESTING_PADDING * scaffoldBlockCount)}px`
-                }, children: React.Children.map(children, (child) => React.cloneElement(child, {
-                    isOver,
-                    canDrop,
-                    draggedNode
-                })) }, void 0), _jsx(TreeNodeRendererScaffold, { ...props }, void 0)] }, void 0));
+                    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), _jsx(TreeNodeRendererScaffold, __assign({}, props), void 0)] }), void 0));
 };
 export default TreeNodeRenderer;

package/lib/components/TreeNodeRendererScaffold.js

@@ -1,145 +1,22 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { blue } from '@sanity/color';
 import { createGlobalStyle } from 'styled-components';
 // Adapted from react-sortable-tree/src/tree-node.js
-const ScaffoldStyles = createGlobalStyle `
-  .rst__lineBlock,
-  .rst__absoluteLineBlock {
-    height: 100%;
-    position: relative;
-    display: inline-block;
-    --stroke-width: 3px;
-  }
-
-  .rst__absoluteLineBlock {
-    position: absolute;
-    top: 0;
-  }
-
-  /* Highlight line for pointing to dragged row destination
-   ========================================================================== */
-  /**
- * +--+--+
- * |  |  |
- * |  |  |
- * |  |  |
- * +--+--+
- */
-  .rst__highlightLineVertical {
-    z-index: 3;
-  }
-  .rst__highlightLineVertical::before {
-    position: absolute;
-    content: '';
-    background-color: ${blue[400].hex};
-    width: calc(var(--stroke-width) * 2);
-    margin-left: calc(var(--stroke-width) * -1);
-    left: 50%;
-    top: 0;
-    height: 100%;
-  }
-
-  @keyframes arrow-pulse {
-    0% {
-      transform: translate(0, 0);
-      opacity: 0;
-    }
-    30% {
-      transform: translate(0, 300%);
-      opacity: 1;
-    }
-    70% {
-      transform: translate(0, 700%);
-      opacity: 1;
-    }
-    100% {
-      transform: translate(0, 1000%);
-      opacity: 0;
-    }
-  }
-  .rst__highlightLineVertical::after {
-    content: '';
-    position: absolute;
-    height: 0;
-    margin-left: calc(var(--stroke-width) * -1);
-    left: 50%;
-    top: 0;
-    border-left: var(--stroke-width) solid transparent;
-    border-right: var(--stroke-width) solid transparent;
-    border-top: var(--stroke-width) solid white;
-    animation: arrow-pulse 1s infinite linear both;
-  }
-
-  /**
- * +-----+
- * |     |
- * |  +--+
- * |  |  |
- * +--+--+
- */
-  .rst__highlightTopLeftCorner::before {
-    z-index: 3;
-    content: '';
-    position: absolute;
-    border-top: solid calc(var(--stroke-width) * 2) ${blue[400].hex};
-    border-left: solid calc(var(--stroke-width) * 2) ${blue[400].hex};
-    box-sizing: border-box;
-    height: calc(50% + var(--stroke-width));
-    top: 50%;
-    margin-top: calc(var(--stroke-width) * -1);
-    right: 0;
-    width: calc(50% + var(--stroke-width));
-  }
-
-  /**
- * +--+--+
- * |  |  |
- * |  |  |
- * |  +->|
- * +-----+
- */
-  .rst__highlightBottomLeftCorner {
-    z-index: 3;
-  }
-  .rst__highlightBottomLeftCorner::before {
-    content: '';
-    position: absolute;
-    border-bottom: solid calc(var(--stroke-width) * 2) ${blue[400].hex};
-    border-left: solid calc(var(--stroke-width) * 2) ${blue[400].hex};
-    box-sizing: border-box;
-    height: calc(100% + var(--stroke-width));
-    top: 0;
-    right: calc(var(--stroke-width) * 3);
-    width: calc(50% - calc(var(--stroke-width) * 2));
-  }
-
-  .rst__highlightBottomLeftCorner::after {
-    content: '';
-    position: absolute;
-    height: 0;
-    right: 0;
-    top: 100%;
-    margin-top: calc(var(--stroke-width) * -3);
-    border-top: calc(var(--stroke-width) * 3) solid transparent;
-    border-bottom: calc(var(--stroke-width) * 3) solid transparent;
-    border-left: calc(var(--stroke-width) * 3) solid ${blue[400].hex};
-  }
-
-  .rst__unclickable {
-    pointer-events: none;
-    margin-top: -calc(var(--stroke-width) * 3);
-  }
-`;
-const TreeNodeRendererScaffold = (props) => {
-    const { lowerSiblingCounts, scaffoldBlockPxWidth, listIndex, swapDepth, swapFrom, swapLength, treeIndex } = props;
+var ScaffoldStyles = 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"])), blue[400].hex, blue[400].hex, blue[400].hex, blue[400].hex, blue[400].hex, 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
-    const scaffold = lowerSiblingCounts.map((lowerSiblingCount, i) => {
+    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
-        let highlightLineClass = '';
+        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)
@@ -153,12 +30,13 @@ const TreeNodeRendererScaffold = (props) => {
             // This block is between the bottom and top
             highlightLineClass = 'rst__highlightLineVertical';
         }
-        const style = {
+        var style = {
             width: scaffoldBlockPxWidth,
             left: scaffoldBlockPxWidth * i
         };
-        return (_jsx("div", { style: style, className: `rst__unclickable rst__absoluteLineBlock ${highlightLineClass || ''}`, tabIndex: -1 }, i));
+        return (_jsx("div", { style: style, className: "rst__unclickable rst__absoluteLineBlock ".concat(highlightLineClass || ''), tabIndex: -1 }, i));
     });
     return (_jsxs(_Fragment, { children: [scaffold, _jsx(ScaffoldStyles, {}, void 0)] }, void 0));
 };
 export default TreeNodeRendererScaffold;
+var templateObject_1;

package/lib/createDeskHierarchy.js

@@ -1,32 +1,45 @@
+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);
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import S from '@sanity/desk-tool/structure-builder';
 import { AddIcon } from '@sanity/icons';
 import TreeDeskStructure from './TreeDeskStructure';
-const deskTreeValidator = (props) => {
-    const { documentId, referenceTo } = props;
+var deskTreeValidator = function (props) {
+    var documentId = props.documentId, referenceTo = props.referenceTo;
     if (typeof documentId !== 'string' && !documentId) {
         throw new Error('[hierarchical input] Please add a documentId to your tree');
     }
     if (!Array.isArray(referenceTo)) {
-        throw new Error(`[hierarchical input] Missing valid 'referenceTo' in createDeskHierarchy (documentId "${documentId}")`);
+        throw new Error("[hierarchical input] Missing valid 'referenceTo' in createDeskHierarchy (documentId \"".concat(documentId, "\")"));
     }
-    return (deskProps) => _jsx(TreeDeskStructure, { ...deskProps, options: props }, void 0);
+    return function (deskProps) { return _jsx(TreeDeskStructure, __assign({}, deskProps, { options: props }), void 0); };
 };
 export default function createDeskHierarchy(props) {
-    const { documentId, referenceTo, referenceOptions } = props;
-    let mainList = (referenceTo?.length === 1
+    var documentId = props.documentId, referenceTo = props.referenceTo, referenceOptions = props.referenceOptions;
+    var mainList = ((referenceTo === null || referenceTo === void 0 ? void 0 : referenceTo.length) === 1
         ? S.documentTypeList(referenceTo[0]).schemaType(referenceTo[0])
         : S.documentList().filter('_type in $types').params({ types: referenceTo }))
         .id(documentId)
-        .menuItems((referenceTo || []).map((schemaType) => S.menuItem()
-        .intent({
-        type: 'create',
-        params: { type: schemaType, template: schemaType }
-    })
-        // @TODO: get the title for each schema type
-        .title(schemaType)
-        .icon(AddIcon)))
-        .canHandleIntent((intent, context) => {
+        .menuItems((referenceTo || []).map(function (schemaType) {
+        return S.menuItem()
+            .intent({
+            type: 'create',
+            params: { type: schemaType, template: schemaType }
+        })
+            // @TODO: get the title for each schema type
+            .title(schemaType)
+            .icon(AddIcon);
+    }))
+        .canHandleIntent(function (intent, context) {
         if (intent === 'edit' && context.id === props.documentId) {
             return true;
         }
@@ -35,10 +48,10 @@ export default function createDeskHierarchy(props) {
         }
         return false;
     });
-    if (referenceOptions?.filter) {
+    if (referenceOptions === null || referenceOptions === void 0 ? void 0 : referenceOptions.filter) {
         mainList = mainList.filter(referenceOptions.filter);
     }
-    if (referenceOptions?.filterParams) {
+    if (referenceOptions === null || referenceOptions === void 0 ? void 0 : referenceOptions.filterParams) {
         mainList = mainList.params(referenceOptions.filterParams);
     }
     return S.listItem()

package/lib/createHierarchicalField.js

@@ -1,15 +1,32 @@
+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;
+};
 import TreeInputComponent from './TreeInputComponent';
-export default function createHierarchicalField({ name, title, options, ...rest }) {
-    if (!Array.isArray(options?.referenceTo)) {
-        throw new Error(`[hierarchical input] Missing valid options.referenceTo in createHierarchicalField (field of name "${name}")`);
+export default 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)) {
+        throw new Error("[hierarchical input] Missing valid options.referenceTo in createHierarchicalField (field of name \"".concat(name, "\")"));
     }
-    return {
-        ...rest,
-        options,
-        name,
-        title,
-        type: 'array',
-        of: [
+    return __assign(__assign({}, rest), { options: options, name: name, title: title, type: 'array', of: [
             {
                 type: 'object',
                 fields: [
@@ -23,14 +40,12 @@ export default function createHierarchicalField({ name, title, options, ...rest
                                 name: 'reference',
                                 type: 'reference',
                                 weak: true,
-                                to: options.referenceTo.map((type) => ({ type })),
+                                to: options.referenceTo.map(function (type) { return ({ type: type }); }),
                                 options: options.referenceOptions
                             }
                         ]
                     }
                 ]
             }
-        ],
-        inputComponent: TreeInputComponent
-    };
+        ], inputComponent: TreeInputComponent });
 }

package/lib/schemas/hierarchy.tree.js

@@ -20,10 +20,11 @@ export default {
             id: '_id',
             tree: 'tree'
         },
-        prepare({ id, tree }) {
+        prepare: function (_a) {
+            var id = _a.id, tree = _a.tree;
             return {
-                title: `Hierarchical documents (ID: ${id})`,
-                subtitle: `${tree?.length || 0} document(s) in its list.`
+                title: "Hierarchical documents (ID: ".concat(id, ")"),
+                subtitle: "".concat((tree === null || tree === void 0 ? void 0 : tree.length) || 0, " document(s) in its list.")
             };
         }
     }

package/lib/utils/flatDataToTree.js

@@ -1,13 +1,22 @@
+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);
+};
 import { getTreeFromFlatData } from 'react-sortable-tree';
 export default function flatDataToTree(data) {
     return getTreeFromFlatData({
-        flatData: data.map((item) => ({
-            ...item,
+        flatData: data.map(function (item) { return (__assign(__assign({}, item), { 
             // if parent: undefined, the tree won't be constructed
-            parent: item.parent || null
-        })),
-        getKey: (item) => item._key,
-        getParentKey: (item) => item.parent,
+            parent: item.parent || null })); }),
+        getKey: function (item) { return item._key; },
+        getParentKey: function (item) { return item.parent; },
         // without rootKey, the tree won't be constructed
         rootKey: null
     });

package/lib/utils/getAdjescentNodes.js

@@ -1,15 +1,16 @@
 /**
  * Gets adjescent non-children nodes of a given treeIndex.
  */
-export default function getAdjescentNodes({ flatTree, node, treeIndex }) {
-    const leadingNode = flatTree
+export default function getAdjescentNodes(_a) {
+    var flatTree = _a.flatTree, node = _a.node, treeIndex = _a.treeIndex;
+    var leadingNode = flatTree
         .slice(0, treeIndex)
         .reverse()
         // Disregard children nodes - these include the current node's key in their `path` array
-        .find((item) => !item.path.includes(node._key));
-    const followingNode = flatTree.slice(treeIndex + 1).find((item) => !item.path.includes(node._key));
+        .find(function (item) { return !item.path.includes(node._key); });
+    var followingNode = flatTree.slice(treeIndex + 1).find(function (item) { return !item.path.includes(node._key); });
     return {
-        leadingNode,
-        followingNode
+        leadingNode: leadingNode,
+        followingNode: followingNode
     };
 }

package/lib/utils/getCommonTreeProps.js

@@ -1,13 +1,25 @@
+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);
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import NodeContentRenderer from '../components/NodeContentRenderer';
 import PlaceholderDropzone from '../components/PlaceholderDropzone';
 import TreeNodeRenderer from '../components/TreeNodeRenderer';
 import { ROW_HEIGHT } from './getTreeHeight';
-export default function getCommonTreeProps({ placeholder }) {
+export default function getCommonTreeProps(_a) {
+    var placeholder = _a.placeholder;
     return {
         theme: {
             nodeContentRenderer: NodeContentRenderer,
-            placeholderRenderer: (props) => _jsx(PlaceholderDropzone, { ...placeholder, ...props }, void 0),
+            placeholderRenderer: function (props) { return _jsx(PlaceholderDropzone, __assign({}, placeholder, props), void 0); },
             treeNodeRenderer: TreeNodeRenderer,
             rowHeight: ROW_HEIGHT
         }

package/lib/utils/getTreeHeight.js

@@ -1,7 +1,7 @@
 import { getVisibleNodeCount } from 'react-sortable-tree';
-export const ROW_HEIGHT = 51;
+export var ROW_HEIGHT = 51;
 export default function getTreeHeight(treeData) {
-    const visibleNodeCount = getVisibleNodeCount({ treeData });
+    var visibleNodeCount = getVisibleNodeCount({ treeData: treeData });
     // prettier-ignore
-    return `${50 + (ROW_HEIGHT * visibleNodeCount)}px`;
+    return "".concat(50 + (ROW_HEIGHT * visibleNodeCount), "px");
 }

package/lib/utils/gradientPatchAdapter.js

@@ -5,14 +5,15 @@ export function toGradient(patches) {
     return patches.map(toGradientPatch);
 }
 function toGradientPatch(patch) {
-    const matchPath = arrayToJSONMatchPath(patch.path || []);
+    var _a, _b, _c, _d;
+    var matchPath = arrayToJSONMatchPath(patch.path || []);
     if (patch.type === 'insert') {
-        const { position, items } = patch;
+        var position = patch.position, items = patch.items;
         return {
-            insert: {
-                [position]: matchPath,
-                items: items
-            }
+            insert: (_a = {},
+                _a[position] = matchPath,
+                _a.items = items,
+                _a)
         };
     }
     if (patch.type === 'unset') {
@@ -20,15 +21,15 @@ function toGradientPatch(patch) {
             unset: [matchPath]
         };
     }
-    assert(patch.type, `Missing patch type in patch ${JSON.stringify(patch)}`);
+    assert(patch.type, "Missing patch type in patch ".concat(JSON.stringify(patch)));
     if (matchPath) {
-        return {
-            [patch.type]: {
-                [matchPath]: patch.value
-            }
-        };
+        return _b = {},
+            _b[patch.type] = (_c = {},
+                _c[matchPath] = patch.value,
+                _c),
+            _b;
     }
-    return {
-        [patch.type]: patch.value
-    };
+    return _d = {},
+        _d[patch.type] = patch.value,
+        _d;
 }

package/lib/utils/idUtils.js

@@ -1,6 +1,8 @@
-export function unprefixId(_id = '') {
+export function unprefixId(_id) {
+    if (_id === void 0) { _id = ''; }
     return _id.replace('drafts.', '');
 }
-export function isDraft(_id = '') {
+export function isDraft(_id) {
+    if (_id === void 0) { _id = ''; }
     return _id.startsWith('drafts.');
 }

package/lib/utils/moveItemInArray.js

@@ -1,11 +1,21 @@
-export default function moveItemInArray({ array, fromIndex, toIndex }) {
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+export default function moveItemInArray(_a) {
+    var array = _a.array, fromIndex = _a.fromIndex, toIndex = _a.toIndex;
     if (fromIndex === toIndex) {
         return array;
     }
-    const newArray = [...array];
-    const target = newArray[fromIndex];
-    const inc = toIndex < fromIndex ? -1 : 1;
-    for (let i = fromIndex; i !== toIndex; i += inc) {
+    var newArray = __spreadArray([], array, true);
+    var target = newArray[fromIndex];
+    var inc = toIndex < fromIndex ? -1 : 1;
+    for (var i = fromIndex; i !== toIndex; i += inc) {
         newArray[i] = newArray[i + inc];
     }
     newArray[toIndex] = target;