camox 0.76.0 → 0.77.0

package/dist/features/preview/components/Overlays.js

@@ -1,20 +1,15 @@
+import { slotId, slotOf } from "../../../core/editing/fieldSlot.js";
 import { previewStore, selectionForOwner } from "../previewStore.js";
 import { useEditingFrame } from "../editingFrame.js";
-import { overlayFieldId, recordFieldId } from "../overlayMessages.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { useSelector } from "@xstate/store-react";
 
 //#region src/features/preview/components/Overlays.tsx
-/** The field ID of a selected String field; only those are focused in the page. */
+/** The overlay id of a selected String field; only those are focused in the page. */
 function stringFieldId(selection) {
-	if (!selection) return null;
-	switch (selection.type) {
-		case "block-field": return selection.fieldType === "String" ? overlayFieldId(selection.blockId, selection.fieldName) : null;
-		case "item-field": return selection.fieldType === "String" ? overlayFieldId(selection.blockId, selection.fieldName, { itemId: selection.itemId }) : null;
-		case "record-field": return selection.recordFieldType === "String" ? recordFieldId(selection, selection.recordFieldName) : null;
-		default: return null;
-	}
+	const slot = slotOf(selection);
+	return slot?.type === "String" ? slotId(slot) : null;
 }
 const Overlays = (t0) => {
 	const $ = c(7);

package/dist/features/preview/components/PreviewPanel.js

@@ -3,16 +3,16 @@ import { ArtifactStudioContext } from "../../../core/hooks/useArtifactHost.js";
 import { cn } from "../../../lib/utils.js";
 import { previewStore } from "../previewStore.js";
 import { useEditingFrameClaim, useEditingOwner } from "../editingFrame.js";
-import { EditableSurfaceContext } from "../../../core/hooks/useIsEditable.js";
-import { CanvasWorkspaceContext } from "../../canvas/canvasZoom.js";
+import { Frame, useFrame } from "./Frame.js";
 import { PreviewEditingOwnerContext } from "../previewSelection.js";
+import { EditableSurfaceContext } from "../../../core/editing/useFieldSlot.js";
+import { CanvasWorkspaceContext } from "../../canvas/canvasZoom.js";
 import { previewPageIframeProps, usePreviewPageFrame } from "../previewPageFrame.js";
 import { adoptCanvasDocument, pauseCanvasDocument } from "../../canvas/canvasFrameDocument.js";
 import { forwardCanvasWheel, useCanvasFrameInput } from "../../canvas/useCanvasFrameInput.js";
 import { useActionShortcuts } from "../../provider/useAdminShortcuts.js";
 import { guardStrayCaret } from "../strayCaretGuard.js";
 import { useBlockActionsShortcuts } from "./BlockActionsPopover.js";
-import { Frame, useFrame } from "./Frame.js";
 import { FieldOverlayStyles } from "./FieldOverlayStyles.js";
 import { MobilePreviewDrawer } from "./MobilePreviewDrawer.js";
 import { Overlays } from "./Overlays.js";

package/dist/features/preview/components/RemovedBlockPlaceholder.js

@@ -1,6 +1,6 @@
-import { useIsEditable } from "../../../core/hooks/useIsEditable.js";
-import { useStudioNotice } from "../studioNotice.js";
 import { useApplyContentEdit } from "../../../core/editing/contentEdits.js";
+import { useIsEditable } from "../../../core/editing/useFieldSlot.js";
+import { useStudioNotice } from "../studioNotice.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";