sanity
Version:
Sanity is a real-time content infrastructure with a scalable, hosted backend featuring a Graph Oriented Query Language (GROQ), asset pipelines and fast edge caches
1,036 lines (1,033 loc) • 130 kB
JavaScript
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
import { c } from "react-compiler-runtime";
import { urlSearchParamPreviewPerspective, fetchSharedAccessQuery, urlSearchParamVercelProtectionBypass, urlSearchParamVercelSetBypassCookie, schemaTypeSingleton, schemaIdSingleton, schemaType } from "@sanity/preview-url-secret/constants";
import { Card, Text, Stack, Inline, Box, Flex, Container as Container$1, Code, Label, TextInput, Spinner, useToast, Menu, Grid, Switch, MenuDivider, Hotkeys, usePrefersReducedMotion, BoundaryElementProvider } from "@sanity/ui";
import { uuid } from "@sanity/uuid";
import { memo, useEffect, useRef, useContext, useLayoutEffect, useState, forwardRef, Suspense, useId, lazy, useMemo, useCallback, useImperativeHandle, useSyncExternalStore, startTransition, useReducer } from "react";
import { useTranslation, useUnique, getPublishedId, useDocumentPreviewStore, usePerspective, getPreviewStateObservable, useSchema, getPreviewValueWithFallback, SanityDefaultPreview, PreviewCard, Translate, CommentsIntentProvider, useActiveWorkspace, useClient, useCurrentUser, useProjectId, useDataset, useWorkspace, COMMENTS_INSPECTOR_NAME, useGrantsStore } from "sanity";
import { presentationLocaleNamespace, usePresentationTool, PresentationSpinner, API_VERSION, ACTION_IFRAME_RELOAD, MAX_TIME_TO_OVERLAYS_CONNECTION, ACTION_IFRAME_LOADED, POPUP_CHECK_INTERVAL, presentationReducer, presentationReducerInit, ACTION_VISUAL_EDITING_OVERLAYS_TOGGLE, ACTION_IFRAME_REFRESH, EDIT_INTENT_MODE, DEFAULT_TOOL_NAME } from "./presentation.mjs";
import { studioPath } from "@sanity/client/csm";
import { createController, createConnectionMachine } from "@sanity/comlink";
import { createCompatibilityActors } from "@sanity/presentation-comlink";
import { StateLink, useRouter, decodeJsonParams } from "sanity/router";
import { styled } from "styled-components";
import { useEffectEvent } from "use-effect-event";
import { PresentationSharedStateContext, PresentationPanelsContext, PresentationNavigateContext, PresentationParamsContext, PresentationContext } from "sanity/_singletons";
import { WarningOutlineIcon, LaunchIcon, ResetIcon, CopyIcon, ShareIcon, PanelLeftIcon, MobileDeviceIcon, DesktopIcon, RefreshIcon } from "@sanity/icons";
import { PaneRouterContext, PaneLayout, StructureToolProvider, DocumentListPane as DocumentListPane$1, DocumentPane as DocumentPane$1 } from "sanity/structure";
import { Button, ErrorBoundary, Tooltip, MenuButton, MenuItem, TooltipDelayGroupProvider } from "./generate-help-url.esm.mjs";
import "../_singletons.mjs";
import { StructureToolProvider as StructureToolProvider$1 } from "./StructureToolProvider.mjs";
import { DisplayedDocumentBroadcasterProvider } from "./DisplayedDocumentBroadcaster.mjs";
import { v4 } from "uuid";
import { motion, AnimatePresence, MotionConfig } from "framer-motion";
import { flushSync } from "react-dom";
import { setSecretSearchParams, withoutSecretSearchParams } from "@sanity/preview-url-secret/without-secret-search-params";
import { SanityMonogram } from "@sanity/logos";
import { disablePreviewAccessSharing, enablePreviewAccessSharing } from "@sanity/preview-url-secret/toggle-preview-access-sharing";
import { validateApiPerspective } from "@sanity/client";
import isEqual from "fast-deep-equal";
import { match } from "path-to-regexp";
import { pipe, string, minLength, optional, object, record, unknown } from "valibot";
import { createPreviewSecret } from "@sanity/preview-url-secret/create-secret";
import { definePreviewUrl } from "@sanity/preview-url-secret/define-preview-url";
import { suspend } from "suspend-react";
import { subcribeToVercelProtectionBypass } from "@sanity/preview-url-secret/toggle-vercel-protection-bypass";
const PostMessageFeatures = (props) => {
const $ = c(3), {
comlink
} = props;
let t0, t1;
return $[0] !== comlink ? (t0 = () => comlink.on("visual-editing/features", _temp$a), t1 = [comlink], $[0] = comlink, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1), null;
};
var PostMessageFeatures$1 = memo(PostMessageFeatures);
function _temp$a() {
return {
features: {
optimistic: !0
}
};
}
function debounce(fn, timeout) {
let timer;
return (...args) => {
clearTimeout(timer), timer = setTimeout(() => {
fn.apply(fn, args);
}, timeout);
};
}
const SharedStateProvider = function(props) {
const $ = c(14), {
comlink,
children
} = props;
let t0;
$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {}, $[0] = t0) : t0 = $[0];
const sharedState = useRef(t0);
let t1, t2;
$[1] !== comlink ? (t1 = () => comlink?.on("visual-editing/shared-state", () => ({
state: sharedState.current
})), t2 = [comlink], $[1] = comlink, $[2] = t1, $[3] = t2) : (t1 = $[2], t2 = $[3]), useEffect(t1, t2);
let t3;
$[4] !== comlink ? (t3 = (key, value) => {
sharedState.current[key] = value, comlink?.post("presentation/shared-state", {
key,
value
});
}, $[4] = comlink, $[5] = t3) : t3 = $[5];
const setValue = t3;
let t4;
$[6] !== comlink ? (t4 = (key_0) => {
comlink?.post("presentation/shared-state", {
key: key_0
}), delete sharedState.current[key_0];
}, $[6] = comlink, $[7] = t4) : t4 = $[7];
const removeValue = t4;
let t5, t6;
$[8] !== removeValue || $[9] !== setValue ? (t6 = {
removeValue,
setValue
}, $[8] = removeValue, $[9] = setValue, $[10] = t6) : t6 = $[10], t5 = t6;
const context = t5;
let t7;
return $[11] !== children || $[12] !== context ? (t7 = /* @__PURE__ */ jsx(PresentationSharedStateContext.Provider, { value: context, children }), $[11] = children, $[12] = context, $[13] = t7) : t7 = $[13], t7;
}, Root$1 = styled.div`
overflow: hidden;
flex-basis: 0;
flex-shrink: 1;
`, Panel = function(t0) {
const $ = c(15), {
children,
defaultSize: t1,
id,
minWidth,
maxWidth,
order: t2
} = t0, defaultSize = t1 === void 0 ? null : t1, order = t2 === void 0 ? 0 : t2, context = useContext(PresentationPanelsContext);
if (context === null)
throw Error("Panel components must be rendered within a PanelGroup container");
const {
getPanelStyle,
registerElement,
unregisterElement
} = context;
let t3;
$[0] !== getPanelStyle || $[1] !== id ? (t3 = getPanelStyle(id), $[0] = getPanelStyle, $[1] = id, $[2] = t3) : t3 = $[2];
const style = t3;
let t4, t5;
$[3] !== defaultSize || $[4] !== id || $[5] !== maxWidth || $[6] !== minWidth || $[7] !== order || $[8] !== registerElement || $[9] !== unregisterElement ? (t4 = () => (registerElement(id, {
id,
type: "panel",
defaultSize,
maxWidth: maxWidth ?? null,
minWidth: minWidth ?? 0,
order
}), () => {
unregisterElement(id);
}), t5 = [id, defaultSize, order, maxWidth, minWidth, registerElement, unregisterElement], $[3] = defaultSize, $[4] = id, $[5] = maxWidth, $[6] = minWidth, $[7] = order, $[8] = registerElement, $[9] = unregisterElement, $[10] = t4, $[11] = t5) : (t4 = $[10], t5 = $[11]), useLayoutEffect(t4, t5);
let t6;
return $[12] !== children || $[13] !== style ? (t6 = /* @__PURE__ */ jsx(Root$1, { style, children }), $[12] = children, $[13] = style, $[14] = t6) : t6 = $[14], t6;
}, itemKey = "presentation/panels", getStoredItem = () => JSON.parse(localStorage.getItem(itemKey) || "{}"), setStoredItem = (data) => {
localStorage.setItem(itemKey, JSON.stringify(data));
}, getKeyForPanels = (panels) => panels.map((panel) => [panel.id, panel.order].join(":")).join(",");
function usePanelsStorage() {
const $ = c(1);
let t0;
const get = _temp2$5, set = _temp3$2;
let t1;
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
const setDebounced = debounce(set, 100);
t1 = {
get,
set,
setDebounced
}, $[0] = t1;
} else
t1 = $[0];
return t0 = t1, t0;
}
function _temp3$2(panels_0, widths) {
const stored_0 = getStoredItem(), key_0 = getKeyForPanels(panels_0), data = {
...stored_0,
[key_0]: widths
};
setStoredItem(data);
}
function _temp2$5(panels) {
const stored = getStoredItem(), key = getKeyForPanels(panels);
return Array.isArray(stored[key]) && stored[key].some(_temp$9) ? void 0 : stored[key];
}
function _temp$9(val) {
return val === null;
}
function getNextWidth(panel, nextWidth, containerWidth) {
const {
maxWidth: maxWidthPx,
minWidth: minWidthPx
} = panel, maxWidth = maxWidthPx == null ? 100 : maxWidthPx / containerWidth * 100, minWidth = minWidthPx / containerWidth * 100;
return Math.min(maxWidth, Math.max(minWidth, nextWidth));
}
function getNextWidths(delta, containerWidth, panelBefore, panelAfter, panelsState, initialDragState) {
const {
panels,
widths: prevWidths
} = panelsState, {
widths: initialWidths
} = initialDragState, widths = initialWidths || prevWidths, nextWidths = [...widths];
{
const pivotPanel2 = delta < 0 ? panelAfter : panelBefore, index2 = panels.findIndex((panel) => panel.id === pivotPanel2.id), width = widths[index2], nextWidth = getNextWidth(pivotPanel2, width + Math.abs(delta), containerWidth);
if (width === nextWidth)
return widths;
delta = delta < 0 ? width - nextWidth : nextWidth - width;
}
let deltaApplied = 0, pivotPanel = delta < 0 ? panelBefore : panelAfter, index = panels.findIndex((panel) => panel.id === pivotPanel.id);
for (; ; ) {
const panel = panels[index], width = widths[index], deltaRemaining = Math.abs(delta) - Math.abs(deltaApplied), nextWidth = getNextWidth(panel, width - deltaRemaining, containerWidth);
if (width !== nextWidth && (deltaApplied += width - nextWidth, nextWidths[index] = nextWidth, deltaApplied.toPrecision(10).localeCompare(Math.abs(delta).toPrecision(10), void 0, {
numeric: !0
}) >= 0))
break;
if (delta < 0) {
if (--index < 0)
break;
} else if (++index >= panels.length)
break;
}
return deltaApplied === 0 ? widths : (pivotPanel = delta < 0 ? panelAfter : panelBefore, index = panels.findIndex((panel) => panel.id === pivotPanel.id), nextWidths[index] = widths[index] + deltaApplied, nextWidths);
}
function getPanelWidth(panels, id, widths) {
if (panels.length === 1) return "100";
const index = panels.findIndex((panel) => panel.id === id), width = widths[index];
return width == null ? "0" : width.toPrecision(10);
}
function getOffset(event, handleElement, initialOffset = 0, initialHandleElementRect = null) {
const pointerOffset = event.clientX, elementOffset = (initialHandleElementRect || handleElement.getBoundingClientRect()).left;
return pointerOffset - elementOffset - initialOffset;
}
function isPanel(element) {
return element.type === "panel";
}
function isResizer(element) {
return element.type === "resizer";
}
function getSortedElements(elements) {
return Array.from(elements.values()).sort(({
order: a
}, {
order: b
}) => a == null && b == null ? 0 : a == null ? -1 : b == null ? 1 : a - b);
}
function validateWidths(panels, widthsToValidate, containerWidth) {
const total = widthsToValidate.reduce((total2, width) => total2 + width, 0), widths = [...widthsToValidate].map((width) => width / total * 100);
let remainingWidth = 0;
for (let index = 0; index < panels.length; index++) {
const panel = panels[index], width = widths[index], nextWidth = getNextWidth(panel, width, containerWidth);
width != nextWidth && (remainingWidth += width - nextWidth, widths[index] = nextWidth);
}
if (remainingWidth.toFixed(3) !== "0.000")
for (let index = 0; index < panels.length; index++) {
const panel = panels[index];
let {
maxWidth,
minWidth
} = panel;
minWidth = minWidth / containerWidth * 100, maxWidth != null && (maxWidth = maxWidth / containerWidth * 100);
const width = Math.min(
// eslint-disable-next-line no-negated-condition
maxWidth ?? 100,
Math.max(minWidth, widths[index] + remainingWidth)
);
if (width !== widths[index] && (remainingWidth -= width - widths[index], widths[index] = width, Math.abs(remainingWidth).toFixed(3) === "0.000"))
break;
}
return widths;
}
function getDefaultWidths(panels) {
let panelsWithoutWidth = panels.length, remainingWidthTotal = 100;
const widthsWithNulls = panels.map((panel) => panel.defaultSize ? (remainingWidthTotal -= panel.defaultSize, panelsWithoutWidth -= 1, panel.defaultSize) : null), defaultWidth = remainingWidthTotal / panelsWithoutWidth;
return widthsWithNulls.map((width) => width === null ? defaultWidth : width);
}
const PanelsWrapper = styled.div`
display: flex;
flex-direction: row;
height: 100%;
overflow: hidden;
width: 100%;
`, Panels = function(t0) {
const $ = c(46), {
children
} = t0, panelsEl = useRef(null);
let t1;
$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ new Map(), $[0] = t1) : t1 = $[0];
const [elements, setElements] = useState(t1);
let t2, t3;
$[1] !== elements ? (t3 = getSortedElements(elements).filter(isPanel), $[1] = elements, $[2] = t3) : t3 = $[2], t2 = t3;
const panels = t2;
let t4;
$[3] === Symbol.for("react.memo_cache_sentinel") ? (t4 = [], $[3] = t4) : t4 = $[3];
const [widths, setWidths] = useState(t4), [activeResizer, setActiveResizer] = useState(null);
let t5;
$[4] !== elements || $[5] !== panels || $[6] !== widths ? (t5 = {
elements,
panels,
widths
}, $[4] = elements, $[5] = panels, $[6] = widths, $[7] = t5) : t5 = $[7];
const panelsRef = useRef(t5);
let t6;
$[8] !== activeResizer || $[9] !== panels || $[10] !== widths ? (t6 = (id) => ({
flexGrow: getPanelWidth(panels, id, widths),
pointerEvents: activeResizer === null ? void 0 : "none"
}), $[8] = activeResizer, $[9] = panels, $[10] = widths, $[11] = t6) : t6 = $[11];
const getPanelStyle = t6;
let t7;
$[12] === Symbol.for("react.memo_cache_sentinel") ? (t7 = (id_0, data) => {
setElements((prev) => {
if (prev.has(id_0))
return prev;
const next = new Map(prev);
return next.set(id_0, data), next;
});
}, $[12] = t7) : t7 = $[12];
const registerElement = t7;
let t8;
$[13] === Symbol.for("react.memo_cache_sentinel") ? (t8 = (id_1) => {
setElements((prev_0) => {
if (!prev_0.has(id_1))
return prev_0;
const next_0 = new Map(prev_0);
return next_0.delete(id_1), next_0;
});
}, $[13] = t8) : t8 = $[13];
const unregisterElement = t8;
let t9;
$[14] === Symbol.for("react.memo_cache_sentinel") ? (t9 = {
containerWidth: window.innerWidth,
dragOffset: 0,
panelAfter: null,
panelBefore: null,
resizerIndex: -1,
resizerRect: null,
startX: 0,
widths: []
}, $[14] = t9) : t9 = $[14];
const dragRef = useRef(t9);
let t10;
$[15] !== elements ? (t10 = (id_2, event) => {
const elementsArr = getSortedElements(elements), index = elementsArr.findIndex((el) => el.id === id_2), resizer = elements.get(id_2);
if (!resizer || !isResizer(resizer))
return;
const resizeElement = resizer.el.current;
resizeElement && (dragRef.current = {
resizerIndex: index,
panelBefore: elementsArr.reduce((acc, el_0, i) => isPanel(el_0) && i < index ? el_0 : acc, null),
panelAfter: elementsArr.reduce((acc_0, el_1, i_0) => acc_0 === null && isPanel(el_1) && i_0 > index ? el_1 : acc_0, null),
containerWidth: window.innerWidth,
startX: event.pageX,
dragOffset: getOffset(event, resizeElement),
resizerRect: resizeElement.getBoundingClientRect(),
widths: panelsRef.current.widths
}, setActiveResizer(id_2));
}, $[15] = elements, $[16] = t10) : t10 = $[16];
const startDragging = t10;
let t11;
$[17] === Symbol.for("react.memo_cache_sentinel") ? (t11 = () => {
setActiveResizer(null);
}, $[17] = t11) : t11 = $[17];
const stopDragging = t11;
let t12;
$[18] !== elements ? (t12 = (id_3, event_0) => {
event_0.preventDefault(), event_0.stopPropagation();
const {
containerWidth,
dragOffset,
panelBefore,
panelAfter,
resizerRect
} = dragRef.current;
if (panelBefore == null || panelAfter == null)
return;
const resizer_0 = elements.get(id_3);
if (!resizer_0 || !isResizer(resizer_0))
return;
const resizeElement_0 = resizer_0.el.current;
if (!resizeElement_0)
return;
const offset = getOffset(event_0, resizeElement_0, dragOffset, resizerRect);
if (offset === 0)
return;
const {
widths: prevWidths
} = panelsRef.current, rect = panelsEl.current.getBoundingClientRect(), delta = offset / rect.width * 100, nextWidths = getNextWidths(delta, containerWidth, panelBefore, panelAfter, panelsRef.current, dragRef.current);
prevWidths.some((prevWidth, i_1) => prevWidth !== nextWidths[i_1]) && setWidths(nextWidths);
}, $[18] = elements, $[19] = t12) : t12 = $[19];
const drag = t12;
let t13, t14;
$[20] !== elements || $[21] !== panels || $[22] !== widths ? (t13 = () => {
panelsRef.current.elements = elements, panelsRef.current.panels = panels, panelsRef.current.widths = widths;
}, t14 = [elements, panels, widths], $[20] = elements, $[21] = panels, $[22] = widths, $[23] = t13, $[24] = t14) : (t13 = $[23], t14 = $[24]), useLayoutEffect(t13, t14);
const storage = usePanelsStorage();
let t15, t16;
$[25] !== panels || $[26] !== storage ? (t15 = () => {
const {
widths: widths_0
} = panelsRef.current;
if (widths_0.length === panels.length)
return;
const storedWidths = storage.get(panels);
if (storedWidths) {
const validatedStoredWidths = validateWidths(panels, storedWidths, window.innerWidth);
setWidths(validatedStoredWidths);
return;
}
const defaultWidths = getDefaultWidths(panels);
setWidths(defaultWidths);
}, t16 = [storage, panels], $[25] = panels, $[26] = storage, $[27] = t15, $[28] = t16) : (t15 = $[27], t16 = $[28]), useLayoutEffect(t15, t16);
let t17, t18;
$[29] !== panels || $[30] !== storage || $[31] !== widths ? (t17 = () => {
widths.length && storage.setDebounced(panels, widths);
}, t18 = [storage, panels, widths], $[29] = panels, $[30] = storage, $[31] = widths, $[32] = t17, $[33] = t18) : (t17 = $[32], t18 = $[33]), useEffect(t17, t18);
let t19, t20;
$[34] === Symbol.for("react.memo_cache_sentinel") ? (t19 = () => {
const resizeObserver = new ResizeObserver(() => {
const {
panels: panels_0,
widths: prevWidths_0
} = panelsRef.current, nextWidths_0 = validateWidths(panels_0, prevWidths_0, window.innerWidth);
prevWidths_0.some((prevWidth_0, i_2) => prevWidth_0 !== nextWidths_0[i_2]) && setWidths(nextWidths_0);
});
return resizeObserver.observe(panelsEl.current), () => {
resizeObserver.disconnect();
};
}, t20 = [], $[34] = t19, $[35] = t20) : (t19 = $[34], t20 = $[35]), useLayoutEffect(t19, t20);
let t21, t22;
$[36] !== activeResizer || $[37] !== drag || $[38] !== getPanelStyle || $[39] !== startDragging ? (t22 = {
activeResizer,
drag,
getPanelStyle,
registerElement,
startDragging,
stopDragging,
unregisterElement
}, $[36] = activeResizer, $[37] = drag, $[38] = getPanelStyle, $[39] = startDragging, $[40] = t22) : t22 = $[40], t21 = t22;
const context = t21;
let t23;
$[41] !== children ? (t23 = /* @__PURE__ */ jsx(PanelsWrapper, { ref: panelsEl, children }), $[41] = children, $[42] = t23) : t23 = $[42];
let t24;
return $[43] !== context || $[44] !== t23 ? (t24 = /* @__PURE__ */ jsx(PresentationPanelsContext.Provider, { value: context, children: t23 }), $[43] = context, $[44] = t23, $[45] = t24) : t24 = $[45], t24;
};
function ErrorCard(props) {
const $ = c(37);
let children, message, onContinueAnyway, onRetry, restProps;
$[0] !== props ? ({
children,
message,
onRetry,
onContinueAnyway,
...restProps
} = props, $[0] = props, $[1] = children, $[2] = message, $[3] = onContinueAnyway, $[4] = onRetry, $[5] = restProps) : (children = $[1], message = $[2], onContinueAnyway = $[3], onRetry = $[4], restProps = $[5]);
const {
t
} = useTranslation(presentationLocaleNamespace);
let t0;
$[6] !== t ? (t0 = t("error-card.retry-button.text"), $[6] = t, $[7] = t0) : t0 = $[7];
let t1;
$[8] !== onRetry || $[9] !== t0 ? (t1 = /* @__PURE__ */ jsx(Button, { mode: "ghost", onClick: onRetry, text: t0 }), $[8] = onRetry, $[9] = t0, $[10] = t1) : t1 = $[10];
const retryButton = t1;
let t2;
$[11] !== t ? (t2 = t("error-card.continue-button.text"), $[11] = t, $[12] = t2) : t2 = $[12];
let t3;
$[13] !== onContinueAnyway || $[14] !== t2 ? (t3 = /* @__PURE__ */ jsx(Button, { mode: "ghost", tone: "critical", onClick: onContinueAnyway, text: t2 }), $[13] = onContinueAnyway, $[14] = t2, $[15] = t3) : t3 = $[15];
const continueAnywayButton = t3;
let t4;
$[16] !== t ? (t4 = t("error-card.title"), $[16] = t, $[17] = t4) : t4 = $[17];
let t5;
$[18] !== t4 ? (t5 = /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: t4 }), $[18] = t4, $[19] = t5) : t5 = $[19];
let t6;
$[20] !== message ? (t6 = /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: message }), $[20] = message, $[21] = t6) : t6 = $[21];
let t7;
$[22] !== t5 || $[23] !== t6 ? (t7 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
t5,
t6
] }), $[22] = t5, $[23] = t6, $[24] = t7) : t7 = $[24];
let t8;
$[25] !== continueAnywayButton || $[26] !== onContinueAnyway || $[27] !== onRetry || $[28] !== retryButton ? (t8 = onRetry && onContinueAnyway ? /* @__PURE__ */ jsxs(Inline, { space: 2, children: [
retryButton,
continueAnywayButton
] }) : onRetry ? /* @__PURE__ */ jsx(Box, { children: retryButton }) : onContinueAnyway ? /* @__PURE__ */ jsx(Box, { children: continueAnywayButton }) : null, $[25] = continueAnywayButton, $[26] = onContinueAnyway, $[27] = onRetry, $[28] = retryButton, $[29] = t8) : t8 = $[29];
let t9;
$[30] !== children || $[31] !== t7 || $[32] !== t8 ? (t9 = /* @__PURE__ */ jsx(Flex, { align: "center", height: "fill", justify: "center", children: /* @__PURE__ */ jsx(Container$1, { padding: 4, sizing: "border", width: 0, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
t7,
children,
t8
] }) }) }), $[30] = children, $[31] = t7, $[32] = t8, $[33] = t9) : t9 = $[33];
let t10;
return $[34] !== restProps || $[35] !== t9 ? (t10 = /* @__PURE__ */ jsx(Card, { height: "fill", ...restProps, children: t9 }), $[34] = restProps, $[35] = t9, $[36] = t10) : t10 = $[36], t10;
}
function encodeQueryString(params = {}) {
const parts = Object.entries(params).map(([key, value]) => `${key}=${value}`).join("&");
return parts.length ? `?${parts}` : "";
}
function resolveQueryStringFromParams(nextParams) {
const allowed = ["comment", "inspect", "instruction", "pathKey", "rev", "since", "template", "view"], safeNextParams = Object.entries(nextParams).filter(([key]) => allowed.includes(key)).reduce((obj, [key, value]) => value == null ? obj : {
...obj,
[key]: value
}, {});
return encodeQueryString(safeNextParams);
}
const BackLink = forwardRef(function(props, ref) {
const $ = c(11);
let restProps, searchParams;
$[0] !== props ? ({
searchParams,
...restProps
} = props, $[0] = props, $[1] = restProps, $[2] = searchParams) : (restProps = $[1], searchParams = $[2]);
let t0;
$[3] !== searchParams ? (t0 = Object.entries(searchParams), $[3] = searchParams, $[4] = t0) : t0 = $[4];
let t1;
$[5] !== t0 ? (t1 = {
type: void 0,
_searchParams: t0
}, $[5] = t0, $[6] = t1) : t1 = $[6];
let t2;
return $[7] !== ref || $[8] !== restProps || $[9] !== t1 ? (t2 = /* @__PURE__ */ jsx(StateLink, { ...restProps, ref, state: t1, title: void 0 }), $[7] = ref, $[8] = restProps, $[9] = t1, $[10] = t2) : t2 = $[10], t2;
}), ReferenceChildLink = forwardRef(function(props, ref) {
const $ = c(15);
let documentId, documentType, restProps, searchParams;
if ($[0] !== props) {
const {
documentId: t02,
documentType: t12,
parentRefPath,
template,
searchParams: t22,
...t3
} = props;
documentId = t02, documentType = t12, searchParams = t22, restProps = t3, $[0] = props, $[1] = documentId, $[2] = documentType, $[3] = restProps, $[4] = searchParams;
} else
documentId = $[1], documentType = $[2], restProps = $[3], searchParams = $[4];
let t0;
$[5] !== searchParams ? (t0 = Object.entries(searchParams), $[5] = searchParams, $[6] = t0) : t0 = $[6];
let t1;
$[7] !== documentId || $[8] !== documentType || $[9] !== t0 ? (t1 = {
id: documentId,
type: documentType,
_searchParams: t0
}, $[7] = documentId, $[8] = documentType, $[9] = t0, $[10] = t1) : t1 = $[10];
let t2;
return $[11] !== ref || $[12] !== restProps || $[13] !== t1 ? (t2 = /* @__PURE__ */ jsx(StateLink, { ...restProps, ref, state: t1, title: void 0 }), $[11] = ref, $[12] = restProps, $[13] = t1, $[14] = t2) : t2 = $[14], t2;
});
function PresentationPaneRouterProvider(props) {
const $ = c(26), {
children,
onStructureParams,
structureParams,
searchParams,
refs
} = props, {
state: routerState,
resolvePathFromState
} = useRouter();
let t0;
$[0] !== routerState._searchParams ? (t0 = Object.fromEntries(routerState._searchParams || []), $[0] = routerState._searchParams, $[1] = t0) : t0 = $[1];
const routerSearchParams = useUnique(t0);
let t1;
$[2] !== resolvePathFromState || $[3] !== routerSearchParams || $[4] !== routerState ? (t1 = (nextParams) => {
const path = resolvePathFromState(routerState), qs = resolveQueryStringFromParams({
...routerSearchParams,
...nextParams
});
return `${path}${qs}`;
}, $[2] = resolvePathFromState, $[3] = routerSearchParams, $[4] = routerState, $[5] = t1) : t1 = $[5];
const createPathWithParams = t1;
let t2, t3;
$[6] === Symbol.for("react.memo_cache_sentinel") ? (t3 = {}, $[6] = t3) : t3 = $[6];
const t4 = structureParams;
let t5;
$[7] === Symbol.for("react.memo_cache_sentinel") ? (t5 = [], $[7] = t5) : t5 = $[7];
let t6;
$[8] !== refs || $[9] !== searchParams ? (t6 = (childLinkProps) => {
const {
childId,
...restProps
} = childLinkProps, ref = refs?.find((r) => r._id === childId || getPublishedId(r._id) === childId);
return ref ? /* @__PURE__ */ jsx(StateLink, { ...restProps, state: {
id: childId,
type: ref._type,
_searchParams: Object.entries(searchParams)
} }) : /* @__PURE__ */ jsx("div", { ...restProps });
}, $[8] = refs, $[9] = searchParams, $[10] = t6) : t6 = $[10];
let t7, t8;
$[11] !== searchParams ? (t7 = (backLinkProps) => /* @__PURE__ */ jsx(BackLink, { ...backLinkProps, searchParams }), t8 = (childLinkProps_0) => /* @__PURE__ */ jsx(ReferenceChildLink, { ...childLinkProps_0, searchParams }), $[11] = searchParams, $[12] = t7, $[13] = t8) : (t7 = $[12], t8 = $[13]);
let t9;
$[14] !== onStructureParams ? (t9 = (nextParams_0) => {
onStructureParams({
...nextParams_0,
inspect: nextParams_0.inspect ?? void 0
});
}, $[14] = onStructureParams, $[15] = t9) : t9 = $[15];
let t10;
$[16] !== createPathWithParams || $[17] !== t4 || $[18] !== t6 || $[19] !== t7 || $[20] !== t8 || $[21] !== t9 ? (t10 = {
index: 0,
groupIndex: 0,
siblingIndex: 0,
payload: t3,
params: t4,
hasGroupSiblings: !1,
groupLength: 1,
routerPanesState: t5,
ChildLink: t6,
BackLink: t7,
ReferenceChildLink: t8,
ParameterizedLink: _temp$8,
closeCurrentAndAfter: _temp2$4,
handleEditReference: _temp3$1,
replaceCurrent: _temp4,
closeCurrent: _temp5,
duplicateCurrent: _temp6,
setView: _temp7,
setParams: t9,
setPayload: _temp8,
navigateIntent: _temp9,
createPathWithParams
}, $[16] = createPathWithParams, $[17] = t4, $[18] = t6, $[19] = t7, $[20] = t8, $[21] = t9, $[22] = t10) : t10 = $[22], t2 = t10;
const context = t2;
let t11;
return $[23] !== children || $[24] !== context ? (t11 = /* @__PURE__ */ jsx(PaneRouterContext.Provider, { value: context, children }), $[23] = children, $[24] = context, $[25] = t11) : t11 = $[25], t11;
}
function _temp9(intentName, intentParams, options_0) {
console.warn("navigateIntent", intentName, intentParams, options_0);
}
function _temp8(payload) {
console.warn("setPayload", payload);
}
function _temp7(viewId) {
console.warn("setView", viewId);
}
function _temp6(pane_0) {
console.warn("duplicateCurrent", pane_0);
}
function _temp5() {
console.warn("closeCurrent");
}
function _temp4(pane) {
console.warn("replaceCurrent", pane);
}
function _temp3$1(options) {
console.warn("handleEditReference", options);
}
function _temp2$4() {
console.warn("closeCurrentAndAfter");
}
function _temp$8() {
throw new Error("ParameterizedLink not implemented");
}
const RootLayout = styled(PaneLayout)`
height: 100%;
`, Root = styled(Flex)`
& > div {
min-width: none !important;
max-width: none !important;
}
`, WrappedCode$1 = styled(Code)`
white-space: pre-wrap;
`;
function DocumentListPane(props) {
const $ = c(33), {
mainDocumentState,
onStructureParams,
searchParams,
refs
} = props, {
t
} = useTranslation(presentationLocaleNamespace), {
devMode
} = usePresentationTool();
let t0, t1;
if ($[0] !== mainDocumentState?.document?._id || $[1] !== refs) {
let t22;
$[3] !== mainDocumentState?.document?._id ? (t22 = (r) => getPublishedId(r._id) !== mainDocumentState?.document?._id, $[3] = mainDocumentState?.document?._id, $[4] = t22) : t22 = $[4], t1 = refs.filter(t22).map(_temp$7), $[0] = mainDocumentState?.document?._id, $[1] = refs, $[2] = t1;
} else
t1 = $[2];
t0 = t1;
const ids = t0;
let t2, t3;
$[5] !== ids ? (t3 = {
filter: "_id in $ids",
params: {
ids
}
}, $[5] = ids, $[6] = t3) : t3 = $[6];
let t4;
$[7] !== t ? (t4 = t("document-list-pane.document-list.title"), $[7] = t, $[8] = t4) : t4 = $[8];
let t5;
$[9] !== t3 || $[10] !== t4 ? (t5 = {
id: "$root",
options: t3,
schemaTypeName: "",
title: t4,
type: "documentList"
}, $[9] = t3, $[10] = t4, $[11] = t5) : t5 = $[11], t2 = t5;
const pane = t2, [errorParams, setErrorParams] = useState(null);
let t6;
$[12] === Symbol.for("react.memo_cache_sentinel") ? (t6 = () => setErrorParams(null), $[12] = t6) : t6 = $[12];
const handleRetry = t6, [structureParams] = useState(_temp2$3);
let t7;
$[13] === Symbol.for("react.memo_cache_sentinel") ? (t7 = () => setErrorParams(null), $[13] = t7) : t7 = $[13];
let t8;
if ($[14] !== refs ? (t8 = [refs], $[14] = refs, $[15] = t8) : t8 = $[15], useEffect(t7, t8), errorParams) {
let t92;
$[16] !== t ? (t92 = t("document-list-pane.error.text"), $[16] = t, $[17] = t92) : t92 = $[17];
let t102;
$[18] !== devMode || $[19] !== errorParams || $[20] !== t ? (t102 = devMode && /* @__PURE__ */ jsx(Card, { overflow: "auto", padding: 3, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
/* @__PURE__ */ jsx(Label, { muted: !0, size: 0, children: t("presentation-error.label") }),
/* @__PURE__ */ jsx(WrappedCode$1, { size: 1, children: errorParams.error.message })
] }) }), $[18] = devMode, $[19] = errorParams, $[20] = t, $[21] = t102) : t102 = $[21];
let t11;
return $[22] !== t102 || $[23] !== t92 ? (t11 = /* @__PURE__ */ jsx(ErrorCard, { flex: 1, message: t92, onRetry: handleRetry, children: t102 }), $[22] = t102, $[23] = t92, $[24] = t11) : t11 = $[24], t11;
}
let t9;
$[25] !== pane ? (t9 = /* @__PURE__ */ jsx(Root, { direction: "column", flex: 1, children: /* @__PURE__ */ jsx(DocumentListPane$1, { index: 0, itemId: "$root", pane, paneKey: "$root" }) }), $[25] = pane, $[26] = t9) : t9 = $[26];
let t10;
return $[27] !== onStructureParams || $[28] !== refs || $[29] !== searchParams || $[30] !== structureParams || $[31] !== t9 ? (t10 = /* @__PURE__ */ jsx(ErrorBoundary, { onCatch: setErrorParams, children: /* @__PURE__ */ jsx(RootLayout, { children: /* @__PURE__ */ jsx(StructureToolProvider, { children: /* @__PURE__ */ jsx(PresentationPaneRouterProvider, { onStructureParams, structureParams, searchParams, refs, children: t9 }) }) }) }), $[27] = onStructureParams, $[28] = refs, $[29] = searchParams, $[30] = structureParams, $[31] = t9, $[32] = t10) : t10 = $[32], t10;
}
function _temp2$3() {
return {};
}
function _temp$7(r_0) {
return getPublishedId(r_0._id);
}
const WrappedCode = styled(Code)`
white-space: pre-wrap;
`;
function DocumentPane(props) {
const $ = c(35), {
documentId,
documentType,
onFocusPath,
onStructureParams,
searchParams,
structureParams
} = props, {
template,
templateParams
} = structureParams, {
t
} = useTranslation(presentationLocaleNamespace), {
devMode
} = usePresentationTool();
let t0, t1;
$[0] !== templateParams ? (t1 = decodeJsonParams(templateParams), $[0] = templateParams, $[1] = t1) : t1 = $[1];
let t2;
$[2] !== documentId || $[3] !== documentType || $[4] !== t1 || $[5] !== template ? (t2 = {
id: documentId,
type: documentType,
template,
templateParameters: t1
}, $[2] = documentId, $[3] = documentType, $[4] = t1, $[5] = template, $[6] = t2) : t2 = $[6];
let t3;
$[7] !== documentId || $[8] !== t2 ? (t3 = {
id: documentId,
options: t2,
title: "",
type: "document"
}, $[7] = documentId, $[8] = t2, $[9] = t3) : t3 = $[9], t0 = t3;
const paneDocumentNode = t0, [errorParams, setErrorParams] = useState(null);
let t4;
$[10] === Symbol.for("react.memo_cache_sentinel") ? (t4 = () => setErrorParams(null), $[10] = t4) : t4 = $[10];
const handleRetry = t4;
let t5;
$[11] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
setErrorParams(null);
}, $[11] = t5) : t5 = $[11];
let t6;
if ($[12] !== documentId || $[13] !== documentType || $[14] !== structureParams ? (t6 = [documentId, documentType, structureParams], $[12] = documentId, $[13] = documentType, $[14] = structureParams, $[15] = t6) : t6 = $[15], useEffect(t5, t6), errorParams) {
let t72;
$[16] !== t ? (t72 = t("document-pane.error.text"), $[16] = t, $[17] = t72) : t72 = $[17];
let t82;
$[18] !== devMode || $[19] !== errorParams || $[20] !== t ? (t82 = devMode && /* @__PURE__ */ jsx(Card, { overflow: "auto", padding: 3, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
/* @__PURE__ */ jsx(Label, { muted: !0, size: 0, children: t("presentation-error.label") }),
/* @__PURE__ */ jsx(WrappedCode, { size: 1, children: errorParams.error.message })
] }) }), $[18] = devMode, $[19] = errorParams, $[20] = t, $[21] = t82) : t82 = $[21];
let t92;
return $[22] !== t72 || $[23] !== t82 ? (t92 = /* @__PURE__ */ jsx(ErrorCard, { flex: 1, message: t72, onRetry: handleRetry, children: t82 }), $[22] = t72, $[23] = t82, $[24] = t92) : t92 = $[24], t92;
}
let t7;
$[25] === Symbol.for("react.memo_cache_sentinel") ? (t7 = {
height: "100%"
}, $[25] = t7) : t7 = $[25];
let t8;
$[26] === Symbol.for("react.memo_cache_sentinel") ? (t8 = /* @__PURE__ */ jsx(PresentationSpinner, {}), $[26] = t8) : t8 = $[26];
let t9;
$[27] !== onFocusPath || $[28] !== paneDocumentNode ? (t9 = /* @__PURE__ */ jsx(Suspense, { fallback: t8, children: /* @__PURE__ */ jsx(DocumentPane$1, { paneKey: "document", index: 1, itemId: "document", pane: paneDocumentNode, onFocusPath }) }), $[27] = onFocusPath, $[28] = paneDocumentNode, $[29] = t9) : t9 = $[29];
let t10;
return $[30] !== onStructureParams || $[31] !== searchParams || $[32] !== structureParams || $[33] !== t9 ? (t10 = /* @__PURE__ */ jsx(ErrorBoundary, { onCatch: setErrorParams, children: /* @__PURE__ */ jsx(PaneLayout, { style: t7, children: /* @__PURE__ */ jsx(PresentationPaneRouterProvider, { searchParams, onStructureParams, structureParams, children: t9 }) }) }), $[30] = onStructureParams, $[31] = searchParams, $[32] = structureParams, $[33] = t9, $[34] = t10) : t10 = $[34], t10;
}
function DocumentPanel(props) {
const $ = c(7), {
documentId,
documentType,
onFocusPath,
onStructureParams,
searchParams,
structureParams
} = props;
let t0;
return $[0] !== documentId || $[1] !== documentType || $[2] !== onFocusPath || $[3] !== onStructureParams || $[4] !== searchParams || $[5] !== structureParams ? (t0 = /* @__PURE__ */ jsx(StructureToolProvider$1, { children: /* @__PURE__ */ jsx(DocumentPane, { documentId, documentType, onFocusPath, onStructureParams, searchParams, structureParams }) }), $[0] = documentId, $[1] = documentType, $[2] = onFocusPath, $[3] = onStructureParams, $[4] = searchParams, $[5] = structureParams, $[6] = t0) : t0 = $[6], t0;
}
function usePreviewState(documentId, schemaType2) {
const $ = c(7), documentPreviewStore = useDocumentPreviewStore();
let t0;
$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {}, $[0] = t0) : t0 = $[0];
const [preview, setPreview] = useState(t0), {
perspectiveStack
} = usePerspective();
let t1, t2;
return $[1] !== documentId || $[2] !== documentPreviewStore || $[3] !== perspectiveStack || $[4] !== schemaType2 ? (t1 = () => {
if (!schemaType2)
return;
const subscription = getPreviewStateObservable(documentPreviewStore, schemaType2, documentId, perspectiveStack).subscribe((state) => {
setPreview(state);
});
return () => {
subscription?.unsubscribe();
};
}, t2 = [documentPreviewStore, schemaType2, documentId, perspectiveStack], $[1] = documentId, $[2] = documentPreviewStore, $[3] = perspectiveStack, $[4] = schemaType2, $[5] = t1, $[6] = t2) : (t1 = $[5], t2 = $[6]), useEffect(t1, t2), preview;
}
function ContentEditor(props) {
const $ = c(38), {
documentId,
documentType,
mainDocumentState,
onFocusPath,
onStructureParams,
refs,
searchParams,
structureParams
} = props, {
t
} = useTranslation(presentationLocaleNamespace), schema = useSchema();
let t0;
$[0] !== mainDocumentState?.document?._id || $[1] !== mainDocumentState?.document?._type || $[2] !== searchParams ? (t0 = (props_0) => /* @__PURE__ */ jsx(StateLink, { ...props_0, state: {
id: mainDocumentState?.document?._id,
type: mainDocumentState?.document?._type,
_searchParams: Object.entries(searchParams)
} }), $[0] = mainDocumentState?.document?._id, $[1] = mainDocumentState?.document?._type, $[2] = searchParams, $[3] = t0) : t0 = $[3];
const MainDocumentLink = t0;
let t1, t2;
$[4] !== mainDocumentState?.document?._type || $[5] !== schema ? (t2 = schema.get(mainDocumentState?.document?._type || "shoe"), $[4] = mainDocumentState?.document?._type, $[5] = schema, $[6] = t2) : t2 = $[6], t1 = t2;
const schemaType2 = t1, previewState = usePreviewState(mainDocumentState?.document?._id || "", schemaType2);
let t3;
bb0: {
if (!mainDocumentState?.document) {
t3 = null;
break bb0;
}
let t42;
$[7] !== mainDocumentState.document || $[8] !== previewState.snapshot ? (t42 = getPreviewValueWithFallback({
snapshot: previewState.snapshot,
fallback: mainDocumentState.document
}), $[7] = mainDocumentState.document, $[8] = previewState.snapshot, $[9] = t42) : t42 = $[9];
let t52;
$[10] !== t ? (t52 = t("main-document.label"), $[10] = t, $[11] = t52) : t52 = $[11];
let t62;
$[12] !== t52 ? (t62 = /* @__PURE__ */ jsx(Card, { padding: 1, radius: 2, shadow: 1, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 0, weight: "medium", children: t52 }) }), $[12] = t52, $[13] = t62) : t62 = $[13];
let t7;
$[14] !== schemaType2 || $[15] !== t42 || $[16] !== t62 ? (t7 = /* @__PURE__ */ jsx(SanityDefaultPreview, { ...t42, schemaType: schemaType2, status: t62 }), $[14] = schemaType2, $[15] = t42, $[16] = t62, $[17] = t7) : t7 = $[17], t3 = t7;
}
const preview = t3;
if (documentId && documentType) {
let t42;
return $[18] !== documentId || $[19] !== documentType || $[20] !== onFocusPath || $[21] !== onStructureParams || $[22] !== searchParams || $[23] !== structureParams ? (t42 = /* @__PURE__ */ jsx(DocumentPanel, { documentId, documentType, onFocusPath, onStructureParams, searchParams, structureParams }), $[18] = documentId, $[19] = documentType, $[20] = onFocusPath, $[21] = onStructureParams, $[22] = searchParams, $[23] = structureParams, $[24] = t42) : t42 = $[24], t42;
}
let t4;
$[25] !== MainDocumentLink || $[26] !== mainDocumentState || $[27] !== preview || $[28] !== t ? (t4 = mainDocumentState && /* @__PURE__ */ jsx(Card, { padding: 3, tone: mainDocumentState.document ? "inherit" : "caution", children: mainDocumentState.document ? /* @__PURE__ */ jsx(PreviewCard, { __unstable_focusRing: !0, as: MainDocumentLink, "data-as": "a", radius: 2, sizing: "border", tone: "inherit", children: preview }) : /* @__PURE__ */ jsx(Card, { padding: 2, radius: 2, tone: "inherit", children: /* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
/* @__PURE__ */ jsx(Box, { flex: "none", children: /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(WarningOutlineIcon, {}) }) }),
/* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(Translate, { t, i18nKey: "main-document.missing.text", components: {
Code: "code"
}, values: {
path: mainDocumentState.path
} }) }) })
] }) }) }), $[25] = MainDocumentLink, $[26] = mainDocumentState, $[27] = preview, $[28] = t, $[29] = t4) : t4 = $[29];
let t5;
$[30] !== mainDocumentState || $[31] !== onStructureParams || $[32] !== refs || $[33] !== searchParams ? (t5 = /* @__PURE__ */ jsx(DocumentListPane, { mainDocumentState, onStructureParams, searchParams, refs }), $[30] = mainDocumentState, $[31] = onStructureParams, $[32] = refs, $[33] = searchParams, $[34] = t5) : t5 = $[34];
let t6;
return $[35] !== t4 || $[36] !== t5 ? (t6 = /* @__PURE__ */ jsxs(Flex, { direction: "column", flex: 1, height: "fill", children: [
t4,
t5
] }), $[35] = t4, $[36] = t5, $[37] = t6) : t6 = $[37], t6;
}
function usePanelId(id) {
const $ = c(2);
let t0;
$[0] !== id ? (t0 = () => id || v4(), $[0] = id, $[1] = t0) : t0 = $[1];
const [panelId] = useState(t0);
return panelId;
}
const Resizer = styled.div`
position: relative;
`, ResizerInner = styled.div`
position: absolute;
top: 0;
bottom: 0;
left: -5px;
width: 9px;
z-index: 10;
cursor: ${({
$disabled
}) => $disabled ? "auto" : "ew-resize"};
/* Border */
& > span:nth-child(1) {
display: block;
border-left: 1px solid var(--card-border-color);
position: absolute;
top: 0;
left: 4px;
bottom: 0;
transition: opacity 200ms;
}
${({
$disabled
}) => !$disabled && `
/* Hover effect */
& > span:nth-child(2) {
display: block;
position: absolute;
top: 0;
left: 0;
width: 9px;
bottom: 0;
background-color: var(--card-border-color);
opacity: 0;
transition: opacity 150ms;
}
@media (hover: hover) {
&:hover > span:nth-child(2) {
opacity: 0.2;
}
}
`}
`, PanelResizer = function(t0) {
const $ = c(27), {
id: propId,
order,
disabled: t1
} = t0, disabled = t1 === void 0 ? !1 : t1, el = useRef(null), context = useContext(PresentationPanelsContext);
if (context === null)
throw Error("Panel components must be rendered within a PanelGroup container");
const id = usePanelId(propId), {
activeResizer,
drag,
startDragging,
stopDragging,
registerElement,
unregisterElement
} = context, isDragging = activeResizer === id;
if (context === null)
throw Error("Panel components must be rendered within a PanelGroup container");
let t2;
$[0] !== id || $[1] !== startDragging ? (t2 = (event) => {
startDragging(id, event.nativeEvent);
}, $[0] = id, $[1] = startDragging, $[2] = t2) : t2 = $[2];
const onMouseDown = t2;
let t3;
$[3] !== drag || $[4] !== id ? (t3 = (e) => {
drag(id, e);
}, $[3] = drag, $[4] = id, $[5] = t3) : t3 = $[5];
const onDrag = t3;
let t4;
$[6] !== stopDragging ? (t4 = () => {
el.current.blur(), stopDragging();
}, $[6] = stopDragging, $[7] = t4) : t4 = $[7];
const onDragStop = t4;
let t5, t6;
$[8] !== disabled || $[9] !== isDragging || $[10] !== onDrag || $[11] !== onDragStop ? (t5 = () => {
if (!isDragging || disabled)
return;
const resetDocumentStyles = function() {
const bodyStyle = document.body.style, documentStyle = document.documentElement.style, {
cursor
} = documentStyle, {
userSelect
} = bodyStyle;
return documentStyle.cursor = "ew-resize", bodyStyle.userSelect = "none", () => {
cursor ? documentStyle.cursor = cursor : documentStyle.removeProperty("cursor"), userSelect ? bodyStyle.userSelect = userSelect : bodyStyle.removeProperty("user-select");
};
}();
return window.addEventListener("mousemove", onDrag), window.addEventListener("mouseup", onDragStop), window.addEventListener("contextmenu", onDragStop), () => {
resetDocumentStyles(), window.removeEventListener("mousemove", onDrag), window.removeEventListener("mouseup", onDragStop), window.removeEventListener("contextmenu", onDragStop);
};
}, t6 = [disabled, isDragging, onDrag, onDragStop], $[8] = disabled, $[9] = isDragging, $[10] = onDrag, $[11] = onDragStop, $[12] = t5, $[13] = t6) : (t5 = $[12], t6 = $[13]), useEffect(t5, t6);
let t7, t8;
$[14] !== id || $[15] !== order || $[16] !== registerElement || $[17] !== unregisterElement ? (t7 = () => (registerElement(id, {
id,
order,
type: "resizer",
el
}), () => {
unregisterElement(id);
}), t8 = [id, order, registerElement, unregisterElement], $[14] = id, $[15] = order, $[16] = registerElement, $[17] = unregisterElement, $[18] = t7, $[19] = t8) : (t7 = $[18], t8 = $[19]), useLayoutEffect(t7, t8);
let t10, t9;
$[20] === Symbol.for("react.memo_cache_sentinel") ? (t9 = /* @__PURE__ */ jsx("span", {}), t10 = /* @__PURE__ */ jsx("span", {}), $[20] = t10, $[21] = t9) : (t10 = $[20], t9 = $[21]);
let t11;
$[22] !== disabled ? (t11 = /* @__PURE__ */ jsxs(ResizerInner, { $disabled: disabled, children: [
t9,
t10
] }), $[22] = disabled, $[23] = t11) : t11 = $[23];
let t12;
return $[24] !== onMouseDown || $[25] !== t11 ? (t12 = /* @__PURE__ */ jsx(Resizer, { onMouseDown, ref: el, children: t11 }), $[24] = onMouseDown, $[25] = t11, $[26] = t12) : t12 = $[26], t12;
}, PresentationContentWrapper = (props) => {
const $ = c(8), {
documentId,
setDisplayedDocument,
getCommentIntent
} = props;
let t0;
$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(PanelResizer, { order: 4 }), $[0] = t0) : t0 = $[0];
let t1;
$[1] !== getCommentIntent || $[2] !== props.children ? (t1 = /* @__PURE__ */ jsx(CommentsIntentProvider, { getIntent: getCommentIntent, children: props.children }), $[1] = getCommentIntent, $[2] = props.children, $[3] = t1) : t1 = $[3];
let t2;
return $[4] !== documentId || $[5] !== setDisplayedDocument || $[6] !== t1 ? (t2 = /* @__PURE__ */ jsxs(Fragment, { children: [
t0,
/* @__PURE__ */ jsx(Panel, { id: "content", minWidth: 325, order: 5, children: /* @__PURE__ */ jsx(DisplayedDocumentBroadcasterProvider, { documentId, setDisplayedDocument, children: t1 }) })
] }), $[4] = documentId, $[5] = setDisplayedDocument, $[6] = t1, $[7] = t2) : t2 = $[7], t2;
}, PresentationContent = (props) => {
const $ = c(14), {
documentId,
documentsOnPage,
documentType,
getCommentIntent,
mainDocumentState,
onFocusPath,
onStructureParams,
searchParams,
setDisplayedDocument,
structureParams
} = props;
let t0;
$[0] !== documentId || $[1] !== documentType || $[2] !== documentsOnPage || $[3] !== mainDocumentState || $[4] !== onFocusPath || $[5] !== onStructureParams || $[6] !== searchParams || $[7] !== structureParams ? (t0 = /* @__PURE__ */ jsx(ContentEditor, { documentId, documentType, mainDocumentState, onFocusPath, onStructureParams, refs: documentsOnPage, searchParams, structureParams }), $[0] = documentId, $[1] = documentType, $[2] = documentsOnPage, $[3] = mainDocumentState, $[4] = onFocusPath, $[5] = onStructureParams, $[6] = searchParams, $[7] = structureParams, $[8] = t0) : t0 = $[8];
let t1;
return $[9] !== documentId || $[10] !== getCommentIntent || $[11] !== setDisplayedDocument || $[12] !== t0 ? (t1 = /* @__PURE__ */ jsx(PresentationContentWrapper, { documentId, getCommentIntent, setDisplayedDocument, children: t0 }), $[9] = documentId, $[10] = getCommentIntent, $[11] = setDisplayedDocument, $[12] = t0, $[13] = t1) : t1 = $[13], t1;
}, PresentationNavigateProvider = function(props) {
const $ = c(5), {
children,
navigate: _navigate
} = props;
let t0;
$[0] !== _navigate ? (t0 = (preview, t12) => {
_navigate((t12 === void 0 ? void 0 : t12) || {}, preview ? {
preview
} : {});
}, $[0] = _navigate, $[1] = t0) : t0 = $[1];
const navigate = t0;
let t1;
return $[2] !== children || $[3] !== navigate ? (t1 = /* @__PURE__ */ jsx(PresentationNavigateContext.Provider, { value: navigate, children }), $[2] = children, $[3] = navigate, $[4] = t1) : t1 = $[4], t1;
};
function useLocalState(key, defaultValue) {
const $ = c(9);
let t0;
$[0] !== defaultValue || $[1] !== key ? (t0 = () => JSON.parse(localStorage.getItem(key) ?? JSON.stringify(defaultValue)), $[0] = defaultValue, $[1] = key, $[2] = t0) : t0 = $[2];
const [value, setValue] = useState(t0);
let t1, t2;
$[3] !== key || $[4] !== value ? (t1 = () => {
localStorage.setItem(key, JSON.stringify(value));
}, t2 = [key, value], $[3] = key, $[4] = value, $[5] = t1, $[6] = t2) : (t1 = $[5], t2 = $[6]), useEffect(t1, t2);