@sanity/hierarchical-document-list 1.0.0 → 1.1.0

package/lib/TreeDeskStructure.js

@@ -1,96 +1,96 @@
-"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 __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.DEFAULT_FIELD_KEY = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var icons_1 = require("@sanity/icons");
-var react_hooks_1 = require("@sanity/react-hooks");
-var ui_1 = require("@sanity/ui");
-var React = __importStar(require("react"));
-var DeskWarning_1 = __importDefault(require("./components/DeskWarning"));
-var TreeEditor_1 = __importDefault(require("./components/TreeEditor"));
-var gradientPatchAdapter_1 = require("./utils/gradientPatchAdapter");
-var injectNodeTypeInPatches_1 = __importStar(require("./utils/injectNodeTypeInPatches"));
-exports.DEFAULT_FIELD_KEY = 'tree';
-var TreeDeskStructure = function (props) {
-    var treeDocType = props.options.documentType || injectNodeTypeInPatches_1.DEFAULT_DOC_TYPE;
-    var treeFieldKey = props.options.fieldKeyInDocument || exports.DEFAULT_FIELD_KEY;
-    var _a = (0, react_hooks_1.useEditState)(props.options.documentId, treeDocType), published = _a.published, draft = _a.draft, liveEdit = _a.liveEdit;
-    var _b = (0, react_hooks_1.useDocumentOperation)(props.options.documentId, treeDocType), patch = _b.patch, ops = __rest(_b, ["patch"]);
-    var push = (0, ui_1.useToast)().push;
-    var treeValue = ((published === null || published === void 0 ? void 0 : published[treeFieldKey]) || []);
-    var handleChange = React.useCallback(function (patchEvent) {
-        if (!(patch === null || patch === void 0 ? void 0 : patch.execute)) {
-            return;
-        }
-        patch.execute((0, gradientPatchAdapter_1.toGradient)((0, injectNodeTypeInPatches_1.default)(patchEvent.patches, treeDocType)));
-    }, [patch]);
-    React.useEffect(function () {
-        var _a;
-        if (!(published === null || published === void 0 ? void 0 : published._id) && (patch === null || patch === void 0 ? void 0 : patch.execute) && !(patch === null || patch === void 0 ? void 0 : patch.disabled)) {
-            // If no published document, create it
-            patch.execute([{ setIfMissing: (_a = {}, _a[treeFieldKey] = [], _a) }]);
-        }
-    }, [published === null || published === void 0 ? void 0 : published._id, patch]);
-    if (!liveEdit) {
-        return ((0, jsx_runtime_1.jsx)(DeskWarning_1.default, { title: "Invalid configuration", subtitle: "The `documentType` passed to `createDeskHiearchy` isn't live editable. \\nTo continue using this plugin, add `liveEdit: true` to your custom schema type or unset `documentType` in your hierarchy configuration." }, void 0));
-    }
-    if (draft === null || draft === void 0 ? void 0 : draft._id) {
-        return ((0, jsx_runtime_1.jsx)(DeskWarning_1.default, __assign({ title: "This hierarchy tree contains a draft", subtitle: "Click on the button below to publish your draft in order to continue editing the live\n      published document." }, { children: (0, jsx_runtime_1.jsx)(ui_1.Button, { fontSize: 1, tone: "positive", text: "Publish draft", icon: icons_1.PublishIcon, onClick: function () {
-                    var _a, _b;
-                    (_b = (_a = ops.publish) === null || _a === void 0 ? void 0 : _a.execute) === null || _b === void 0 ? void 0 : _b.call(_a);
-                    push({
-                        status: 'info',
-                        title: 'Publishing draft...'
-                    });
-                } }, void 0) }), void 0));
-    }
-    if (!(published === null || published === void 0 ? void 0 : published._id)) {
-        return ((0, jsx_runtime_1.jsx)(ui_1.Flex, __assign({ padding: 5, align: 'center', justify: 'center', height: 'fill' }, { children: (0, jsx_runtime_1.jsx)(ui_1.Spinner, { width: 4, muted: true }, void 0) }), void 0));
-    }
-    return ((0, jsx_runtime_1.jsx)(ui_1.Box, __assign({ paddingBottom: 5, paddingRight: 2 }, { children: (0, jsx_runtime_1.jsx)(TreeEditor_1.default, { options: props.options, tree: treeValue, onChange: handleChange, patchPrefix: treeFieldKey }, void 0) }), void 0));
-};
-exports.default = TreeDeskStructure;
+"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 __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.DEFAULT_FIELD_KEY = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_1 = require("@sanity/icons");
+var react_hooks_1 = require("@sanity/react-hooks");
+var ui_1 = require("@sanity/ui");
+var React = __importStar(require("react"));
+var DeskWarning_1 = __importDefault(require("./components/DeskWarning"));
+var TreeEditor_1 = __importDefault(require("./components/TreeEditor"));
+var gradientPatchAdapter_1 = require("./utils/gradientPatchAdapter");
+var injectNodeTypeInPatches_1 = __importStar(require("./utils/injectNodeTypeInPatches"));
+exports.DEFAULT_FIELD_KEY = 'tree';
+var TreeDeskStructure = function (props) {
+    var treeDocType = props.options.documentType || injectNodeTypeInPatches_1.DEFAULT_DOC_TYPE;
+    var treeFieldKey = props.options.fieldKeyInDocument || exports.DEFAULT_FIELD_KEY;
+    var _a = (0, react_hooks_1.useEditState)(props.options.documentId, treeDocType), published = _a.published, draft = _a.draft, liveEdit = _a.liveEdit;
+    var _b = (0, react_hooks_1.useDocumentOperation)(props.options.documentId, treeDocType), patch = _b.patch, ops = __rest(_b, ["patch"]);
+    var push = (0, ui_1.useToast)().push;
+    var treeValue = ((published === null || published === void 0 ? void 0 : published[treeFieldKey]) || []);
+    var handleChange = React.useCallback(function (patchEvent) {
+        if (!(patch === null || patch === void 0 ? void 0 : patch.execute)) {
+            return;
+        }
+        patch.execute((0, gradientPatchAdapter_1.toGradient)((0, injectNodeTypeInPatches_1.default)(patchEvent.patches, treeDocType)));
+    }, [patch]);
+    React.useEffect(function () {
+        var _a;
+        if (!(published === null || published === void 0 ? void 0 : published._id) && (patch === null || patch === void 0 ? void 0 : patch.execute) && !(patch === null || patch === void 0 ? void 0 : patch.disabled)) {
+            // If no published document, create it
+            patch.execute([{ setIfMissing: (_a = {}, _a[treeFieldKey] = [], _a) }]);
+        }
+    }, [published === null || published === void 0 ? void 0 : published._id, patch]);
+    if (!liveEdit) {
+        return ((0, jsx_runtime_1.jsx)(DeskWarning_1.default, { title: "Invalid configuration", subtitle: "The `documentType` passed to `createDeskHiearchy` isn't live editable. \\nTo continue using this plugin, add `liveEdit: true` to your custom schema type or unset `documentType` in your hierarchy configuration." }, void 0));
+    }
+    if (draft === null || draft === void 0 ? void 0 : draft._id) {
+        return ((0, jsx_runtime_1.jsx)(DeskWarning_1.default, __assign({ title: "This hierarchy tree contains a draft", subtitle: "Click on the button below to publish your draft in order to continue editing the live\n      published document." }, { children: (0, jsx_runtime_1.jsx)(ui_1.Button, { fontSize: 1, tone: "positive", text: "Publish draft", icon: icons_1.PublishIcon, onClick: function () {
+                    var _a, _b;
+                    (_b = (_a = ops.publish) === null || _a === void 0 ? void 0 : _a.execute) === null || _b === void 0 ? void 0 : _b.call(_a);
+                    push({
+                        status: 'info',
+                        title: 'Publishing draft...'
+                    });
+                } }, void 0) }), void 0));
+    }
+    if (!(published === null || published === void 0 ? void 0 : published._id)) {
+        return ((0, jsx_runtime_1.jsx)(ui_1.Flex, __assign({ padding: 5, align: 'center', justify: 'center', height: 'fill' }, { children: (0, jsx_runtime_1.jsx)(ui_1.Spinner, { width: 4, muted: true }, void 0) }), void 0));
+    }
+    return ((0, jsx_runtime_1.jsx)(ui_1.Box, __assign({ paddingBottom: 5, paddingRight: 2 }, { children: (0, jsx_runtime_1.jsx)(TreeEditor_1.default, { options: props.options, tree: treeValue, onChange: handleChange, patchPrefix: treeFieldKey }, void 0) }), void 0));
+};
+exports.default = TreeDeskStructure;

package/lib/TreeInputComponent.d.ts

@@ -1,19 +1,19 @@
-import { FormFieldPresence } from '@sanity/base/presence';
-import { Marker, Path } from '@sanity/types';
-import * as React from 'react';
-import { StoredTreeItem, TreeFieldSchema } from './types';
-export interface TreeInputComponentProps {
-    type: TreeFieldSchema;
-    value: StoredTreeItem[];
-    compareValue: StoredTreeItem[];
-    markers: Marker[];
-    level: number;
-    onChange: (event: unknown) => void;
-    onFocus: (path: Path) => void;
-    onBlur: () => void;
-    focusPath: Path;
-    readOnly: boolean;
-    presence: FormFieldPresence[];
-}
-declare const TreeInputComponent: React.FC<TreeInputComponentProps>;
-export default TreeInputComponent;
+import { FormFieldPresence } from '@sanity/base/presence';
+import { Marker, Path } from '@sanity/types';
+import * as React from 'react';
+import { StoredTreeItem, TreeFieldSchema } from './types';
+export interface TreeInputComponentProps {
+    type: TreeFieldSchema;
+    value: StoredTreeItem[];
+    compareValue: StoredTreeItem[];
+    markers: Marker[];
+    level: number;
+    onChange: (event: unknown) => void;
+    onFocus: (path: Path) => void;
+    onBlur: () => void;
+    focusPath: Path;
+    readOnly: boolean;
+    presence: FormFieldPresence[];
+}
+declare const TreeInputComponent: React.FC<TreeInputComponentProps>;
+export default TreeInputComponent;

package/lib/TreeInputComponent.js

@@ -1,52 +1,50 @@
-"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 components_1 = require("@sanity/base/components");
-var PatchEvent_1 = __importDefault(require("@sanity/form-builder/PatchEvent"));
-var React = __importStar(require("react"));
-var TreeEditor_1 = __importDefault(require("./components/TreeEditor"));
-var injectNodeTypeInPatches_1 = __importStar(require("./utils/injectNodeTypeInPatches"));
-var TreeInputComponent = React.forwardRef(function (props) {
-    var documentType = props.type.options.documentType || injectNodeTypeInPatches_1.DEFAULT_DOC_TYPE;
-    var onChange = React.useCallback(function (patch) {
-        var patches = (0, injectNodeTypeInPatches_1.default)(patch === null || patch === void 0 ? void 0 : patch.patches, documentType);
-        props.onChange(new PatchEvent_1.default(patches));
-    }, [props.onChange]);
-    return ((0, jsx_runtime_1.jsx)(components_1.FormField, __assign({ description: props.type.description, title: props.type.title, __unstable_markers: props.markers, __unstable_presence: props.presence, 
-        // @ts-expect-error FormField's TS definitions are off - it doesn't include compareValue
-        compareValue: props.compareValue }, { children: (0, jsx_runtime_1.jsx)(TreeEditor_1.default, { options: props.type.options, tree: props.value || [], onChange: onChange }, void 0) }), void 0));
-});
-exports.default = TreeInputComponent;
+"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 components_1 = require("@sanity/base/components");
+var PatchEvent_1 = __importDefault(require("@sanity/form-builder/PatchEvent"));
+var React = __importStar(require("react"));
+var TreeEditor_1 = __importDefault(require("./components/TreeEditor"));
+var injectNodeTypeInPatches_1 = __importStar(require("./utils/injectNodeTypeInPatches"));
+var TreeInputComponent = React.forwardRef(function (props) {
+    var documentType = props.type.options.documentType || injectNodeTypeInPatches_1.DEFAULT_DOC_TYPE;
+    var onChange = React.useCallback(function (patch) {
+        var patches = (0, injectNodeTypeInPatches_1.default)(patch === null || patch === void 0 ? void 0 : patch.patches, documentType);
+        props.onChange(new PatchEvent_1.default(patches));
+    }, [props.onChange]);
+    return ((0, jsx_runtime_1.jsx)(components_1.FormField, __assign({ description: props.type.description, title: props.type.title, __unstable_markers: props.markers, __unstable_presence: props.presence, compareValue: props.compareValue }, { children: (0, jsx_runtime_1.jsx)(TreeEditor_1.default, { options: props.type.options, tree: props.value || [], onChange: onChange }, void 0) }), void 0));
+});
+exports.default = TreeInputComponent;

package/lib/components/DeskWarning.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-declare const DeskWarning: React.FC<{
-    title: string;
-    subtitle?: string;
-}>;
-export default DeskWarning;
+import * as React from 'react';
+declare const DeskWarning: React.FC<{
+    title: string;
+    subtitle?: string;
+}>;
+export default DeskWarning;

package/lib/components/DeskWarning.js

@@ -1,46 +1,46 @@
-"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"));
-// React component that wraps text between two delimiters in a <pre> tag
-var WrapCodeBlocks = function (_a) {
-    var text = _a.text;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: text.split('`').map(function (part, i) { return ((0, jsx_runtime_1.jsx)(React.Fragment, { children: i % 2 === 0 ? part : (0, jsx_runtime_1.jsx)("code", { children: part }, void 0) }, i)); }) }, void 0));
-};
-var DeskWarning = function (_a) {
-    var subtitle = _a.subtitle, title = _a.title, children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(ui_1.Container, __assign({ padding: 5, style: { maxWidth: '25rem' }, sizing: 'content' }, { children: (0, jsx_runtime_1.jsx)(ui_1.Card, __assign({ padding: 4, border: true, radius: 2, width: 0, tone: "caution" }, { children: (0, jsx_runtime_1.jsxs)(ui_1.Stack, __assign({ space: 3 }, { children: [(0, jsx_runtime_1.jsx)(ui_1.Heading, __assign({ size: 1 }, { children: title }), void 0), subtitle &&
-                        subtitle.split('\\n').map(function (line) { return ((0, jsx_runtime_1.jsx)(ui_1.Text, __assign({ size: 1 }, { children: (0, jsx_runtime_1.jsx)(WrapCodeBlocks, { text: line }, void 0) }), void 0)); }), children && (0, jsx_runtime_1.jsx)(ui_1.Box, __assign({ marginTop: 2 }, { children: children }), void 0)] }), void 0) }), void 0) }), void 0));
-};
-exports.default = DeskWarning;
+"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"));
+// React component that wraps text between two delimiters in a <pre> tag
+var WrapCodeBlocks = function (_a) {
+    var text = _a.text;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: text.split('`').map(function (part, i) { return ((0, jsx_runtime_1.jsx)(React.Fragment, { children: i % 2 === 0 ? part : (0, jsx_runtime_1.jsx)("code", { children: part }, void 0) }, i)); }) }, void 0));
+};
+var DeskWarning = function (_a) {
+    var subtitle = _a.subtitle, title = _a.title, children = _a.children;
+    return ((0, jsx_runtime_1.jsx)(ui_1.Container, __assign({ padding: 5, style: { maxWidth: '25rem' }, sizing: 'content' }, { children: (0, jsx_runtime_1.jsx)(ui_1.Card, __assign({ padding: 4, border: true, radius: 2, width: 0, tone: "caution" }, { children: (0, jsx_runtime_1.jsxs)(ui_1.Stack, __assign({ space: 3 }, { children: [(0, jsx_runtime_1.jsx)(ui_1.Heading, __assign({ size: 1 }, { children: title }), void 0), subtitle &&
+                        subtitle.split('\\n').map(function (line) { return ((0, jsx_runtime_1.jsx)(ui_1.Text, __assign({ size: 1 }, { children: (0, jsx_runtime_1.jsx)(WrapCodeBlocks, { text: line }, void 0) }), void 0)); }), children && (0, jsx_runtime_1.jsx)(ui_1.Box, __assign({ marginTop: 2 }, { children: children }), void 0)] }), void 0) }), void 0) }), void 0));
+};
+exports.default = DeskWarning;

package/lib/components/DocumentInNode.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { LocalTreeItem } from '../types';
-/**
- * Renders a preview for each referenced document.
- * Nested inside TreeNode.tsx
- */
-declare const DocumentInNode: React.FC<{
-    item: LocalTreeItem;
-    action?: React.ReactNode;
-}>;
-export default DocumentInNode;
+import * as React from 'react';
+import { LocalTreeItem } from '../types';
+/**
+ * Renders a preview for each referenced document.
+ * Nested inside TreeNode.tsx
+ */
+declare const DocumentInNode: React.FC<{
+    item: LocalTreeItem;
+    action?: React.ReactNode;
+}>;
+export default DocumentInNode;