camox 0.14.2 → 0.16.0

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

@@ -4,12 +4,16 @@ import overlayStyles from "virtual:camox-overlay-css";
 
 //#region src/features/preview/components/FieldOverlayStyles.tsx
 const FieldOverlayStyles = () => {
-	const $ = c(1);
+	const $ = c(2);
+	if ($[0] !== "83d25ec6adf4086440810b5b8470ed59a6027bd66aa8eceb3fd93db084e20139") {
+		for (let $i = 0; $i < 2; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "83d25ec6adf4086440810b5b8470ed59a6027bd66aa8eceb3fd93db084e20139";
+	}
 	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = /* @__PURE__ */ jsx("style", { children: overlayStyles });
-		$[0] = t0;
-	} else t0 = $[0];
+		$[1] = t0;
+	} else t0 = $[1];
 	return t0;
 };
 

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

@@ -3,6 +3,8 @@ import { useIsPreviewSheetOpen } from "./PreviewSideSheet.js";
 import { cn, formatShortcut } from "../../../lib/utils.js";
 import { isOverlayMessage } from "../overlayMessages.js";
 import { FORMAT_FLAGS } from "../../../core/lib/modifierFormats.js";
+import { useCurrentItemActions } from "./useRepeatableItemActions.js";
+import { formatFieldName } from "./ItemFieldsEditor.js";
 import { c } from "react/compiler-runtime";
 import { Kbd } from "@camox/ui/kbd";
 import { useSelector } from "@xstate/store/react";
@@ -10,7 +12,7 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
 import * as Tooltip$1 from "@camox/ui/tooltip";
-import { Bold, Italic } from "lucide-react";
+import { Bold, CircleMinus, CirclePlus, Italic } from "lucide-react";
 import { ButtonGroup } from "@camox/ui/button-group";
 import { FloatingToolbar } from "@camox/ui/floating-toolbar";
 import { Toggle } from "@camox/ui/toggle";
@@ -30,7 +32,11 @@ const FORMAT_BUTTONS = [{
 	shortcut: "⌘ I"
 }];
 const FieldToolbar = () => {
-	const $ = c(19);
+	const $ = c(28);
+	if ($[0] !== "2bc1b4ab9dff6fa8d9298792c58691f963acc7a7be512835cfd07df609766f8a") {
+		for (let $i = 0; $i < 28; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "2bc1b4ab9dff6fa8d9298792c58691f963acc7a7be512835cfd07df609766f8a";
+	}
 	const iframeElement = useSelector(previewStore, _temp);
 	const selection = useSelector(previewStore, _temp2);
 	const isAnySideSheetOpen = useIsPreviewSheetOpen();
@@ -38,7 +44,7 @@ const FieldToolbar = () => {
 	const [activeFormats, setActiveFormats] = React.useState(0);
 	let t0;
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = () => {
 			const handleMessage = (event) => {
 				const data = event.data;
@@ -50,28 +56,31 @@ const FieldToolbar = () => {
 			return () => window.removeEventListener("message", handleMessage);
 		};
 		t1 = [];
-		$[0] = t0;
-		$[1] = t1;
+		$[1] = t0;
+		$[2] = t1;
 	} else {
-		t0 = $[0];
-		t1 = $[1];
+		t0 = $[1];
+		t1 = $[2];
 	}
 	React.useEffect(t0, t1);
 	let t2;
-	if ($[2] !== iframeElement?.contentWindow) {
+	if ($[3] !== iframeElement?.contentWindow) {
 		t2 = (formatKey) => {
 			iframeElement?.contentWindow?.postMessage({
 				type: "CAMOX_FORMAT_TEXT",
 				formatKey
 			}, "*");
 		};
-		$[2] = iframeElement?.contentWindow;
-		$[3] = t2;
-	} else t2 = $[3];
+		$[3] = iframeElement?.contentWindow;
+		$[4] = t2;
+	} else t2 = $[4];
 	const sendFormat = t2;
-	const isVisible = (selection?.type === "block-field" || selection?.type === "item-field") && !isAnySideSheetOpen;
+	const isOnField = selection?.type === "block-field" || selection?.type === "item-field";
+	const isOnItemField = selection?.type === "item-field";
+	const isVisible = isOnField && !isAnySideSheetOpen;
+	const { canAdd, addItem, canRemove, removeItem, currentItem } = useCurrentItemActions(isOnItemField ? selection.blockId : null, isOnItemField ? selection.itemId : null);
 	let t3;
-	if ($[4] !== selection) {
+	if ($[5] !== selection) {
 		t3 = () => {
 			if (!selection) return;
 			previewStore.send({
@@ -79,43 +88,67 @@ const FieldToolbar = () => {
 				blockId: selection.blockId
 			});
 		};
-		$[4] = selection;
-		$[5] = t3;
-	} else t3 = $[5];
+		$[5] = selection;
+		$[6] = t3;
+	} else t3 = $[6];
 	const handleEditInForm = t3;
 	const t4 = isVisible ? "opacity-100 translate-y-0" : "opacity-0 pointer-events-none translate-y-2";
 	let t5;
-	if ($[6] !== t4) {
+	if ($[7] !== t4) {
 		t5 = cn("bottom-17 gap-2", t4);
-		$[6] = t4;
-		$[7] = t5;
-	} else t5 = $[7];
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
 	let t6;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ jsx(Kbd, {
-			className: "ml-2",
-			children: formatShortcut({
-				key: "j",
-				withAlt: true
-			})
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = formatShortcut({
+			key: "j",
+			withAlt: true
 		});
-		$[8] = t6;
-	} else t6 = $[8];
+		$[9] = t6;
+	} else t6 = $[9];
 	let t7;
-	if ($[9] !== handleEditInForm) {
+	if ($[10] !== handleEditInForm) {
 		t7 = /* @__PURE__ */ jsxs(Button, {
-			variant: "ghost",
-			size: "sm",
+			variant: "outline",
 			onClick: handleEditInForm,
-			children: ["Edit in form ", t6]
+			children: ["Edit in form", t6]
 		});
-		$[9] = handleEditInForm;
-		$[10] = t7;
-	} else t7 = $[10];
+		$[10] = handleEditInForm;
+		$[11] = t7;
+	} else t7 = $[11];
 	let t8;
-	if ($[11] !== activeFormats || $[12] !== hasSelection || $[13] !== sendFormat) {
-		t8 = hasSelection && /* @__PURE__ */ jsx(ButtonGroup, { children: FORMAT_BUTTONS.map((t9) => {
-			const { key, flag, icon: Icon, label, shortcut } = t9;
+	if ($[12] !== addItem || $[13] !== canAdd || $[14] !== canRemove || $[15] !== currentItem || $[16] !== isOnItemField || $[17] !== removeItem) {
+		t8 = isOnItemField && currentItem && (canAdd || canRemove) && /* @__PURE__ */ jsx(Tooltip$1.TooltipProvider, {
+			delay: 0,
+			children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [canAdd && /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+				render: /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					size: "icon",
+					onClick: () => addItem({ afterPosition: currentItem.position })
+				}),
+				children: /* @__PURE__ */ jsx(CirclePlus, {})
+			}), /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Add item to ", formatFieldName(currentItem.fieldName)] })] }), canRemove && /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+				render: /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					size: "icon",
+					onClick: () => removeItem(currentItem.id, { onSuccess: _temp4 })
+				}),
+				children: /* @__PURE__ */ jsx(CircleMinus, {})
+			}), /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Remove item from ", formatFieldName(currentItem.fieldName)] })] })] })
+		});
+		$[12] = addItem;
+		$[13] = canAdd;
+		$[14] = canRemove;
+		$[15] = currentItem;
+		$[16] = isOnItemField;
+		$[17] = removeItem;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== activeFormats || $[20] !== hasSelection || $[21] !== sendFormat) {
+		t9 = hasSelection && /* @__PURE__ */ jsx(ButtonGroup, { children: FORMAT_BUTTONS.map((t10) => {
+			const { key, flag, icon: Icon, label, shortcut } = t10;
 			const isActive = !!(activeFormats & flag);
 			return /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
 				render: /* @__PURE__ */ jsx(Toggle, {
@@ -131,24 +164,29 @@ const FieldToolbar = () => {
 				/* @__PURE__ */ jsx(Kbd, { children: shortcut })
 			] })] }, key);
 		}) });
-		$[11] = activeFormats;
-		$[12] = hasSelection;
-		$[13] = sendFormat;
-		$[14] = t8;
-	} else t8 = $[14];
-	let t9;
-	if ($[15] !== t5 || $[16] !== t7 || $[17] !== t8) {
-		t9 = /* @__PURE__ */ jsxs(FloatingToolbar, {
+		$[19] = activeFormats;
+		$[20] = hasSelection;
+		$[21] = sendFormat;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== t5 || $[24] !== t7 || $[25] !== t8 || $[26] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(FloatingToolbar, {
 			onMouseDown: _temp3,
 			className: t5,
-			children: [t7, t8]
+			children: [
+				t7,
+				t8,
+				t9
+			]
 		});
-		$[15] = t5;
-		$[16] = t7;
-		$[17] = t8;
-		$[18] = t9;
-	} else t9 = $[18];
-	return t9;
+		$[23] = t5;
+		$[24] = t7;
+		$[25] = t8;
+		$[26] = t9;
+		$[27] = t10;
+	} else t10 = $[27];
+	return t10;
 };
 function _temp(state) {
 	return state.context.iframeElement;
@@ -159,6 +197,9 @@ function _temp2(state_0) {
 function _temp3(e) {
 	return e.preventDefault();
 }
+function _temp4() {
+	return previewStore.send({ type: "selectParent" });
+}
 
 //#endregion
 export { FieldToolbar };

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

@@ -15,7 +15,11 @@ function useFrame() {
 	return context;
 }
 const Frame = (t0) => {
-	const $ = c(25);
+	const $ = c(26);
+	if ($[0] !== "d86eac45c10b92a7f69f3cd224c85551755f967726be09bb5f6e2728732531a8") {
+		for (let $i = 0; $i < 26; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "d86eac45c10b92a7f69f3cd224c85551755f967726be09bb5f6e2728732531a8";
+	}
 	const { children, className, style, copyStyles: t1, onIframeReady } = t0;
 	const copyStyles = t1 === void 0 ? true : t1;
 	const iframeRef = React.useRef(null);
@@ -25,7 +29,7 @@ const Frame = (t0) => {
 	const [hasOpenPopup, setHasOpenPopup] = React.useState(false);
 	let t2;
 	let t3;
-	if ($[0] !== copyStyles || $[1] !== onIframeReady) {
+	if ($[1] !== copyStyles || $[2] !== onIframeReady) {
 		t2 = () => {
 			const iframe = iframeRef.current;
 			if (!iframe) return;
@@ -53,18 +57,18 @@ const Frame = (t0) => {
 			};
 		};
 		t3 = [copyStyles, onIframeReady];
-		$[0] = copyStyles;
-		$[1] = onIframeReady;
-		$[2] = t2;
-		$[3] = t3;
+		$[1] = copyStyles;
+		$[2] = onIframeReady;
+		$[3] = t2;
+		$[4] = t3;
 	} else {
-		t2 = $[2];
-		t3 = $[3];
+		t2 = $[3];
+		t3 = $[4];
 	}
 	React.useEffect(t2, t3);
 	let t4;
 	let t5;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
 		t4 = () => {
 			const checkForOpenPopup = () => {
 				setHasOpenPopup(document.body.querySelector("[data-base-ui-portal] [data-open]") !== null);
@@ -82,73 +86,73 @@ const Frame = (t0) => {
 			};
 		};
 		t5 = [];
-		$[4] = t4;
-		$[5] = t5;
+		$[5] = t4;
+		$[6] = t5;
 	} else {
-		t4 = $[4];
-		t5 = $[5];
+		t4 = $[5];
+		t5 = $[6];
 	}
 	React.useEffect(t4, t5);
 	let t6;
-	if ($[6] !== className) {
+	if ($[7] !== className) {
 		t6 = cn("relative w-full h-full", className);
-		$[6] = className;
-		$[7] = t6;
-	} else t6 = $[7];
+		$[7] = className;
+		$[8] = t6;
+	} else t6 = $[8];
 	let t7;
-	if ($[8] !== hasOpenPopup) {
+	if ($[9] !== hasOpenPopup) {
 		t7 = hasOpenPopup && /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 h-full w-full" });
-		$[8] = hasOpenPopup;
-		$[9] = t7;
-	} else t7 = $[9];
+		$[9] = hasOpenPopup;
+		$[10] = t7;
+	} else t7 = $[10];
 	let t8;
-	if ($[10] !== iframeElement || $[11] !== iframeWindow) {
+	if ($[11] !== iframeElement || $[12] !== iframeWindow) {
 		t8 = {
 			window: iframeWindow,
 			iframeElement
 		};
-		$[10] = iframeElement;
-		$[11] = iframeWindow;
-		$[12] = t8;
-	} else t8 = $[12];
+		$[11] = iframeElement;
+		$[12] = iframeWindow;
+		$[13] = t8;
+	} else t8 = $[13];
 	let t9;
-	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
 		t9 = /* @__PURE__ */ jsx("iframe", {
 			ref: iframeRef,
 			className: cn("w-full h-full")
 		});
-		$[13] = t9;
-	} else t9 = $[13];
+		$[14] = t9;
+	} else t9 = $[14];
 	let t10;
-	if ($[14] !== children || $[15] !== mountNode) {
+	if ($[15] !== children || $[16] !== mountNode) {
 		t10 = mountNode && createPortal(children, mountNode);
-		$[14] = children;
-		$[15] = mountNode;
-		$[16] = t10;
-	} else t10 = $[16];
+		$[15] = children;
+		$[16] = mountNode;
+		$[17] = t10;
+	} else t10 = $[17];
 	let t11;
-	if ($[17] !== t10 || $[18] !== t8) {
+	if ($[18] !== t10 || $[19] !== t8) {
 		t11 = /* @__PURE__ */ jsxs(FrameContext.Provider, {
 			value: t8,
 			children: [t9, t10]
 		});
-		$[17] = t10;
-		$[18] = t8;
-		$[19] = t11;
-	} else t11 = $[19];
+		$[18] = t10;
+		$[19] = t8;
+		$[20] = t11;
+	} else t11 = $[20];
 	let t12;
-	if ($[20] !== style || $[21] !== t11 || $[22] !== t6 || $[23] !== t7) {
+	if ($[21] !== style || $[22] !== t11 || $[23] !== t6 || $[24] !== t7) {
 		t12 = /* @__PURE__ */ jsxs("div", {
 			className: t6,
 			style,
 			children: [t7, t11]
 		});
-		$[20] = style;
-		$[21] = t11;
-		$[22] = t6;
-		$[23] = t7;
-		$[24] = t12;
-	} else t12 = $[24];
+		$[21] = style;
+		$[22] = t11;
+		$[23] = t6;
+		$[24] = t7;
+		$[25] = t12;
+	} else t12 = $[25];
 	return t12;
 };
 function _temp(e) {

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

@@ -30,104 +30,108 @@ const getSchemaFieldsInOrder = (schema) => {
 	});
 };
 const ItemFieldsEditor = (t0) => {
-	const $ = c(46);
+	const $ = c(47);
+	if ($[0] !== "acaac456b163fd6884fa646041c6f9cfec109be9c842da24d68ef06c17989036") {
+		for (let $i = 0; $i < 47; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "acaac456b163fd6884fa646041c6f9cfec109be9c842da24d68ef06c17989036";
+	}
 	const { schema, data, blockId, itemId, onFieldChange, postToIframe, filesMap, itemsMap, fieldIdPrefix, autoFocusFieldName } = t0;
 	let t1;
-	if ($[0] !== schema) {
+	if ($[1] !== schema) {
 		t1 = getSchemaFieldsInOrder(schema);
-		$[0] = schema;
-		$[1] = t1;
-	} else t1 = $[1];
+		$[1] = schema;
+		$[2] = t1;
+	} else t1 = $[2];
 	const fields = t1;
 	const timerRef = React.useRef(null);
 	const focusedFieldIdRef = React.useRef(null);
 	let t2;
-	if ($[2] !== blockId || $[3] !== itemId) {
+	if ($[3] !== blockId || $[4] !== itemId) {
 		t2 = (fieldName) => {
 			if (itemId != null) return `${blockId}__${itemId}__${fieldName}`;
 			return `${blockId}__${fieldName}`;
 		};
-		$[2] = blockId;
-		$[3] = itemId;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[3] = blockId;
+		$[4] = itemId;
+		$[5] = t2;
+	} else t2 = $[5];
 	const getFieldId = t2;
 	let t3;
-	if ($[5] !== fieldIdPrefix) {
+	if ($[6] !== fieldIdPrefix) {
 		t3 = (fieldName_0) => `${fieldIdPrefix}-${fieldName_0}`;
-		$[5] = fieldIdPrefix;
-		$[6] = t3;
-	} else t3 = $[6];
+		$[6] = fieldIdPrefix;
+		$[7] = t3;
+	} else t3 = $[7];
 	const getFieldElementId = t3;
 	let t4;
-	if ($[7] !== autoFocusFieldName || $[8] !== fieldIdPrefix) {
+	if ($[8] !== autoFocusFieldName || $[9] !== fieldIdPrefix) {
 		t4 = {
 			fieldName: autoFocusFieldName,
 			prefix: fieldIdPrefix
 		};
-		$[7] = autoFocusFieldName;
-		$[8] = fieldIdPrefix;
-		$[9] = t4;
-	} else t4 = $[9];
+		$[8] = autoFocusFieldName;
+		$[9] = fieldIdPrefix;
+		$[10] = t4;
+	} else t4 = $[10];
 	const initialAutoFocusRef = React.useRef(t4);
 	let t5;
 	let t6;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
 		t5 = () => {
 			const { fieldName: fieldName_1, prefix } = initialAutoFocusRef.current;
 			if (!fieldName_1) return;
 			document.getElementById(`${prefix}-${fieldName_1}`)?.focus();
 		};
 		t6 = [];
-		$[10] = t5;
-		$[11] = t6;
+		$[11] = t5;
+		$[12] = t6;
 	} else {
-		t5 = $[10];
-		t6 = $[11];
+		t5 = $[11];
+		t6 = $[12];
 	}
 	React.useLayoutEffect(t5, t6);
 	let t7;
-	if ($[12] !== fields) {
+	if ($[13] !== fields) {
 		t7 = fields.filter(_temp).map(_temp2);
-		$[12] = fields;
-		$[13] = t7;
-	} else t7 = $[13];
+		$[13] = fields;
+		$[14] = t7;
+	} else t7 = $[14];
 	const scalarFields = t7;
 	let values;
-	if ($[14] !== data || $[15] !== scalarFields) {
+	if ($[15] !== data || $[16] !== scalarFields) {
 		values = {};
 		for (const fieldName_2 of scalarFields) values[fieldName_2] = data[fieldName_2] ?? "";
-		$[14] = data;
-		$[15] = scalarFields;
-		$[16] = values;
-	} else values = $[16];
+		$[15] = data;
+		$[16] = scalarFields;
+		$[17] = values;
+	} else values = $[17];
 	const defaultValues = values;
 	let t8;
-	if ($[17] !== defaultValues) {
+	if ($[18] !== defaultValues) {
 		t8 = { defaultValues };
-		$[17] = defaultValues;
-		$[18] = t8;
-	} else t8 = $[18];
+		$[18] = defaultValues;
+		$[19] = t8;
+	} else t8 = $[19];
 	const form = useForm(t8);
 	let t10;
 	let t9;
-	if ($[19] !== defaultValues || $[20] !== form) {
+	if ($[20] !== defaultValues || $[21] !== form) {
 		t9 = () => {
 			form.update({ defaultValues });
 		};
 		t10 = [defaultValues, form];
-		$[19] = defaultValues;
-		$[20] = form;
-		$[21] = t10;
-		$[22] = t9;
+		$[20] = defaultValues;
+		$[21] = form;
+		$[22] = t10;
+		$[23] = t9;
 	} else {
-		t10 = $[21];
-		t9 = $[22];
+		t10 = $[22];
+		t9 = $[23];
 	}
 	React.useEffect(t9, t10);
 	let t11;
 	let t12;
-	if ($[23] !== postToIframe) {
+	if ($[24] !== postToIframe) {
 		t11 = () => () => {
 			if (timerRef.current) clearTimeout(timerRef.current);
 			if (focusedFieldIdRef.current) postToIframe({
@@ -136,17 +140,17 @@ const ItemFieldsEditor = (t0) => {
 			});
 		};
 		t12 = [postToIframe];
-		$[23] = postToIframe;
-		$[24] = t11;
-		$[25] = t12;
+		$[24] = postToIframe;
+		$[25] = t11;
+		$[26] = t12;
 	} else {
-		t11 = $[24];
-		t12 = $[25];
+		t11 = $[25];
+		t12 = $[26];
 	}
 	React.useEffect(t11, t12);
 	let t13;
 	let t14;
-	if ($[26] !== blockId || $[27] !== data || $[28] !== fields || $[29] !== filesMap || $[30] !== form || $[31] !== getFieldElementId || $[32] !== getFieldId || $[33] !== itemId || $[34] !== itemsMap || $[35] !== onFieldChange || $[36] !== postToIframe || $[37] !== schema) {
+	if ($[27] !== blockId || $[28] !== data || $[29] !== fields || $[30] !== filesMap || $[31] !== form || $[32] !== getFieldElementId || $[33] !== getFieldId || $[34] !== itemId || $[35] !== itemsMap || $[36] !== onFieldChange || $[37] !== postToIframe || $[38] !== schema) {
 		const handleScalarChange = (fieldName_3, value, fieldApi) => {
 			fieldApi.handleChange(value);
 			if (timerRef.current) clearTimeout(timerRef.current);
@@ -187,7 +191,7 @@ const ItemFieldsEditor = (t0) => {
 			});
 		};
 		let t15;
-		if ($[40] !== blockId || $[41] !== itemId) {
+		if ($[41] !== blockId || $[42] !== itemId) {
 			t15 = (fieldName_6, fieldType_0) => {
 				if (itemId != null) previewStore.send({
 					type: "selectItemField",
@@ -203,10 +207,10 @@ const ItemFieldsEditor = (t0) => {
 					fieldType: fieldType_0
 				});
 			};
-			$[40] = blockId;
-			$[41] = itemId;
-			$[42] = t15;
-		} else t15 = $[42];
+			$[41] = blockId;
+			$[42] = itemId;
+			$[43] = t15;
+		} else t15 = $[43];
 		const drillIntoField = t15;
 		t13 = "space-y-4 px-4 py-4";
 		t14 = fields.map((field) => {
@@ -403,42 +407,40 @@ const ItemFieldsEditor = (t0) => {
 						items: items_1,
 						blockId,
 						fieldName: field.name,
-						minItems: field.minItems,
-						maxItems: field.maxItems,
 						schema: fieldSchema
 					})]
 				}, field.name);
 			}
 			return null;
 		});
-		$[26] = blockId;
-		$[27] = data;
-		$[28] = fields;
-		$[29] = filesMap;
-		$[30] = form;
-		$[31] = getFieldElementId;
-		$[32] = getFieldId;
-		$[33] = itemId;
-		$[34] = itemsMap;
-		$[35] = onFieldChange;
-		$[36] = postToIframe;
-		$[37] = schema;
-		$[38] = t13;
-		$[39] = t14;
+		$[27] = blockId;
+		$[28] = data;
+		$[29] = fields;
+		$[30] = filesMap;
+		$[31] = form;
+		$[32] = getFieldElementId;
+		$[33] = getFieldId;
+		$[34] = itemId;
+		$[35] = itemsMap;
+		$[36] = onFieldChange;
+		$[37] = postToIframe;
+		$[38] = schema;
+		$[39] = t13;
+		$[40] = t14;
 	} else {
-		t13 = $[38];
-		t14 = $[39];
+		t13 = $[39];
+		t14 = $[40];
 	}
 	let t15;
-	if ($[43] !== t13 || $[44] !== t14) {
+	if ($[44] !== t13 || $[45] !== t14) {
 		t15 = /* @__PURE__ */ jsx("form", {
 			className: t13,
 			children: t14
 		});
-		$[43] = t13;
-		$[44] = t14;
-		$[45] = t15;
-	} else t15 = $[45];
+		$[44] = t13;
+		$[45] = t14;
+		$[46] = t15;
+	} else t15 = $[46];
 	return t15;
 };
 function _temp(f) {