camox 0.41.0 → 0.41.1

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

@@ -98,7 +98,6 @@ const PageEditorSidebar = () => {
 	const requireDraft = useRequireDraftSource();
 	const selection = useSelector(previewStore, (state) => state.context.selection);
 	const iframeElement = useSelector(previewStore, (state_0) => state_0.context.iframeElement);
-	const isReadOnly = useSelector(previewStore, (state_1) => state_1.context.previewSource) !== "draft";
 	const postToIframe = React.useCallback((message) => {
 		if (!iframeElement?.contentWindow) return;
 		iframeElement.contentWindow.postMessage(message, "*");
@@ -359,213 +358,205 @@ const PageEditorSidebar = () => {
 				})
 			})
 		})
-	}), /* @__PURE__ */ jsxs("div", {
+	}), /* @__PURE__ */ jsx("div", {
 		className: "relative flex-1 overflow-auto",
-		children: [isReadOnly && /* @__PURE__ */ jsx("button", {
-			type: "button",
-			"aria-label": "Switch to draft to edit",
-			className: "absolute inset-0 z-10 h-full w-full cursor-not-allowed",
-			onClick: () => previewStore.send({ type: "requestDraftSwitch" })
-		}), /* @__PURE__ */ jsx("div", {
-			className: cn(isReadOnly && "pointer-events-none opacity-50"),
-			children: isItemLoading ? /* @__PURE__ */ jsx("div", {
-				className: "flex h-full items-center justify-center py-12",
-				children: /* @__PURE__ */ jsx(Spinner, {})
-			}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-				currentItemId == null && !fieldHasOwnView && settingsFields.length > 0 && /* @__PURE__ */ jsxs("div", {
-					className: "border-border space-y-4 border-b px-2 py-4",
-					children: [/* @__PURE__ */ jsx(Label, {
-						className: "text-muted-foreground",
-						children: "Settings"
-					}), settingsFields.map((field) => {
-						const label = field.label ?? formatFieldName(field.name);
-						const settingsValues = block.settings ?? {};
-						if (field.fieldType === "Enum") {
-							const value_3 = settingsValues[field.name] ?? (blockDef._internal.settingsSchema?.properties?.[field.name])?.default ?? "";
-							return /* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: `setting-${field.name}`,
-									children: label
-								}), /* @__PURE__ */ jsxs(Select, {
-									value: value_3,
-									onValueChange: (newValue) => {
-										if (!requireDraft()) return;
-										sessionDirtyRef.current = true;
-										updateSettings.mutate({
-											id: block.id,
-											settings: { [field.name]: newValue }
-										});
-									},
-									children: [/* @__PURE__ */ jsx(SelectTrigger, {
-										id: `setting-${field.name}`,
-										children: /* @__PURE__ */ jsx(SelectValue, {})
-									}), /* @__PURE__ */ jsx(SelectContent, { children: field.enumValues?.map((enumValue) => /* @__PURE__ */ jsx(SelectItem, {
-										value: enumValue,
-										children: field.enumLabels?.[enumValue] ?? enumValue
-									}, enumValue)) })]
-								})]
-							}, field.name);
-						}
-						if (field.fieldType === "Boolean") {
-							const checked = settingsValues[field.name] ?? (blockDef._internal.settingsSchema?.properties?.[field.name])?.default ?? false;
-							return /* @__PURE__ */ jsxs("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: `setting-${field.name}`,
-									children: label
-								}), /* @__PURE__ */ jsx(Switch, {
+		children: /* @__PURE__ */ jsx("div", { children: isItemLoading ? /* @__PURE__ */ jsx("div", {
+			className: "flex h-full items-center justify-center py-12",
+			children: /* @__PURE__ */ jsx(Spinner, {})
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+			currentItemId == null && !fieldHasOwnView && settingsFields.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "border-border space-y-4 border-b px-2 py-4",
+				children: [/* @__PURE__ */ jsx(Label, {
+					className: "text-muted-foreground",
+					children: "Settings"
+				}), settingsFields.map((field) => {
+					const label = field.label ?? formatFieldName(field.name);
+					const settingsValues = block.settings ?? {};
+					if (field.fieldType === "Enum") {
+						const value_3 = settingsValues[field.name] ?? (blockDef._internal.settingsSchema?.properties?.[field.name])?.default ?? "";
+						return /* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: `setting-${field.name}`,
+								children: label
+							}), /* @__PURE__ */ jsxs(Select, {
+								value: value_3,
+								onValueChange: (newValue) => {
+									if (!requireDraft()) return;
+									sessionDirtyRef.current = true;
+									updateSettings.mutate({
+										id: block.id,
+										settings: { [field.name]: newValue }
+									});
+								},
+								children: [/* @__PURE__ */ jsx(SelectTrigger, {
 									id: `setting-${field.name}`,
-									checked,
-									onCheckedChange: (newValue_0) => {
-										if (!requireDraft()) return;
-										sessionDirtyRef.current = true;
-										updateSettings.mutate({
-											id: block.id,
-											settings: { [field.name]: newValue_0 }
-										});
-									}
-								})]
-							}, field.name);
-						}
-						return null;
-					})]
-				}),
-				currentItemId != null && !fieldHasOwnView && itemSettingsFields.length > 0 && /* @__PURE__ */ jsxs("div", {
-					className: "border-border space-y-4 border-b px-2 py-4",
-					children: [/* @__PURE__ */ jsx(Label, {
-						className: "text-muted-foreground",
-						children: "Settings"
-					}), itemSettingsFields.map((field_0) => {
-						const label_0 = field_0.label ?? formatFieldName(field_0.name);
-						const itemSettingsValues = currentItem?.settings ?? {};
-						const itemSettingsSchemaProps = itemArraySchema?.itemSettingsSchema?.properties;
-						if (field_0.fieldType === "Enum") {
-							const value_4 = itemSettingsValues[field_0.name] ?? itemSettingsSchemaProps?.[field_0.name]?.default ?? "";
-							return /* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: `item-setting-${field_0.name}`,
-									children: label_0
-								}), /* @__PURE__ */ jsxs(Select, {
-									value: value_4,
-									onValueChange: (newValue_1) => {
-										if (!requireDraft()) return;
-										sessionDirtyRef.current = true;
-										updateRepeatableSettings.mutate({
-											id: currentItemId,
-											settings: { [field_0.name]: newValue_1 }
-										});
-									},
-									children: [/* @__PURE__ */ jsx(SelectTrigger, {
-										id: `item-setting-${field_0.name}`,
-										children: /* @__PURE__ */ jsx(SelectValue, {})
-									}), /* @__PURE__ */ jsx(SelectContent, { children: field_0.enumValues?.map((enumValue_0) => /* @__PURE__ */ jsx(SelectItem, {
-										value: enumValue_0,
-										children: field_0.enumLabels?.[enumValue_0] ?? enumValue_0
-									}, enumValue_0)) })]
-								})]
-							}, field_0.name);
-						}
-						if (field_0.fieldType === "Boolean") {
-							const checked_0 = itemSettingsValues[field_0.name] ?? itemSettingsSchemaProps?.[field_0.name]?.default ?? false;
-							return /* @__PURE__ */ jsxs("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: `item-setting-${field_0.name}`,
-									children: label_0
-								}), /* @__PURE__ */ jsx(Switch, {
+									children: /* @__PURE__ */ jsx(SelectValue, {})
+								}), /* @__PURE__ */ jsx(SelectContent, { children: field.enumValues?.map((enumValue) => /* @__PURE__ */ jsx(SelectItem, {
+									value: enumValue,
+									children: field.enumLabels?.[enumValue] ?? enumValue
+								}, enumValue)) })]
+							})]
+						}, field.name);
+					}
+					if (field.fieldType === "Boolean") {
+						const checked = settingsValues[field.name] ?? (blockDef._internal.settingsSchema?.properties?.[field.name])?.default ?? false;
+						return /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: `setting-${field.name}`,
+								children: label
+							}), /* @__PURE__ */ jsx(Switch, {
+								id: `setting-${field.name}`,
+								checked,
+								onCheckedChange: (newValue_0) => {
+									if (!requireDraft()) return;
+									sessionDirtyRef.current = true;
+									updateSettings.mutate({
+										id: block.id,
+										settings: { [field.name]: newValue_0 }
+									});
+								}
+							})]
+						}, field.name);
+					}
+					return null;
+				})]
+			}),
+			currentItemId != null && !fieldHasOwnView && itemSettingsFields.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "border-border space-y-4 border-b px-2 py-4",
+				children: [/* @__PURE__ */ jsx(Label, {
+					className: "text-muted-foreground",
+					children: "Settings"
+				}), itemSettingsFields.map((field_0) => {
+					const label_0 = field_0.label ?? formatFieldName(field_0.name);
+					const itemSettingsValues = currentItem?.settings ?? {};
+					const itemSettingsSchemaProps = itemArraySchema?.itemSettingsSchema?.properties;
+					if (field_0.fieldType === "Enum") {
+						const value_4 = itemSettingsValues[field_0.name] ?? itemSettingsSchemaProps?.[field_0.name]?.default ?? "";
+						return /* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: `item-setting-${field_0.name}`,
+								children: label_0
+							}), /* @__PURE__ */ jsxs(Select, {
+								value: value_4,
+								onValueChange: (newValue_1) => {
+									if (!requireDraft()) return;
+									sessionDirtyRef.current = true;
+									updateRepeatableSettings.mutate({
+										id: currentItemId,
+										settings: { [field_0.name]: newValue_1 }
+									});
+								},
+								children: [/* @__PURE__ */ jsx(SelectTrigger, {
 									id: `item-setting-${field_0.name}`,
-									checked: checked_0,
-									onCheckedChange: (newValue_2) => {
-										if (!requireDraft()) return;
-										sessionDirtyRef.current = true;
-										updateRepeatableSettings.mutate({
-											id: currentItemId,
-											settings: { [field_0.name]: newValue_2 }
-										});
-									}
-								})]
-							}, field_0.name);
-						}
-						return null;
-					})]
-				}),
-				isViewingAsset && assetFieldName && isMultipleAsset && /* @__PURE__ */ jsx(MultipleAssetFieldEditor, {
-					fieldName: assetFieldName,
-					assetType,
-					currentData,
-					onFieldChange: activeFieldChangeHandler
-				}),
-				isViewingAsset && assetFieldName && !isMultipleAsset && /* @__PURE__ */ jsx(SingleAssetFieldEditor, {
-					fieldName: assetFieldName,
-					assetType,
-					currentData,
-					onFieldChange: activeFieldChangeHandler
-				}),
-				!isViewingAsset && isViewingLink && linkFieldName && /* @__PURE__ */ jsx("div", {
-					className: "px-2 py-4",
-					children: /* @__PURE__ */ jsx(LinkFieldEditor, {
-						fieldName: linkFieldName,
-						linkValue: currentData[linkFieldName] ?? {
-							type: "external",
-							text: "",
-							href: "",
-							newTab: false
+									children: /* @__PURE__ */ jsx(SelectValue, {})
+								}), /* @__PURE__ */ jsx(SelectContent, { children: field_0.enumValues?.map((enumValue_0) => /* @__PURE__ */ jsx(SelectItem, {
+									value: enumValue_0,
+									children: field_0.enumLabels?.[enumValue_0] ?? enumValue_0
+								}, enumValue_0)) })]
+							})]
+						}, field_0.name);
+					}
+					if (field_0.fieldType === "Boolean") {
+						const checked_0 = itemSettingsValues[field_0.name] ?? itemSettingsSchemaProps?.[field_0.name]?.default ?? false;
+						return /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: `item-setting-${field_0.name}`,
+								children: label_0
+							}), /* @__PURE__ */ jsx(Switch, {
+								id: `item-setting-${field_0.name}`,
+								checked: checked_0,
+								onCheckedChange: (newValue_2) => {
+									if (!requireDraft()) return;
+									sessionDirtyRef.current = true;
+									updateRepeatableSettings.mutate({
+										id: currentItemId,
+										settings: { [field_0.name]: newValue_2 }
+									});
+								}
+							})]
+						}, field_0.name);
+					}
+					return null;
+				})]
+			}),
+			isViewingAsset && assetFieldName && isMultipleAsset && /* @__PURE__ */ jsx(MultipleAssetFieldEditor, {
+				fieldName: assetFieldName,
+				assetType,
+				currentData,
+				onFieldChange: activeFieldChangeHandler
+			}),
+			isViewingAsset && assetFieldName && !isMultipleAsset && /* @__PURE__ */ jsx(SingleAssetFieldEditor, {
+				fieldName: assetFieldName,
+				assetType,
+				currentData,
+				onFieldChange: activeFieldChangeHandler
+			}),
+			!isViewingAsset && isViewingLink && linkFieldName && /* @__PURE__ */ jsx("div", {
+				className: "px-2 py-4",
+				children: /* @__PURE__ */ jsx(LinkFieldEditor, {
+					fieldName: linkFieldName,
+					linkValue: currentData[linkFieldName] ?? {
+						type: "external",
+						text: "",
+						href: "",
+						newTab: false
+					},
+					onSave: (fieldName_1, value_5) => {
+						activeFieldChangeHandler(fieldName_1, value_5);
+					}
+				})
+			}),
+			!isViewingAsset && !isViewingLink && (currentItemId == null || currentItem) && /* @__PURE__ */ jsx(ItemFieldsEditor, {
+				schema: currentSchema,
+				data: currentData,
+				blockId: block.id,
+				itemId: currentItemId ?? void 0,
+				onFieldChange: activeFieldChangeHandler,
+				postToIframe,
+				filesMap,
+				itemsMap,
+				fieldIdPrefix
+			}, currentItemId ?? `block-${block.id}`),
+			!isViewingAsset && !isViewingLink && currentItemId != null && currentItem && /* @__PURE__ */ jsxs("div", {
+				className: "border-border flex items-center gap-1 border-t px-2 py-4",
+				children: [
+					canAddSibling && /* @__PURE__ */ jsxs(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						className: "text-muted-foreground justify-start",
+						onClick: () => {
+							if (!requireDraft()) return;
+							addSibling({ afterPosition: currentItem.position });
 						},
-						onSave: (fieldName_1, value_5) => {
-							activeFieldChangeHandler(fieldName_1, value_5);
-						}
+						children: [/* @__PURE__ */ jsx(CirclePlus, { className: "h-4 w-4" }), "Add item"]
+					}),
+					canRemoveCurrent && /* @__PURE__ */ jsxs(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						className: "text-muted-foreground justify-start",
+						onClick: () => {
+							if (!requireDraft()) return;
+							removeCurrent(currentItemId, { onSuccess: () => previewStore.send({ type: "selectParent" }) });
+						},
+						children: [/* @__PURE__ */ jsx(CircleMinus, { className: "h-4 w-4" }), "Remove item"]
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						className: "text-muted-foreground justify-start",
+						onClick: () => previewStore.send({ type: "selectParent" }),
+						children: [/* @__PURE__ */ jsx(CornerLeftUp, { className: "h-4 w-4" }), "Select parent"]
 					})
-				}),
-				!isViewingAsset && !isViewingLink && (currentItemId == null || currentItem) && /* @__PURE__ */ jsx(ItemFieldsEditor, {
-					schema: currentSchema,
-					data: currentData,
-					blockId: block.id,
-					itemId: currentItemId ?? void 0,
-					onFieldChange: activeFieldChangeHandler,
-					postToIframe,
-					filesMap,
-					itemsMap,
-					fieldIdPrefix
-				}, currentItemId ?? `block-${block.id}`),
-				!isViewingAsset && !isViewingLink && currentItemId != null && currentItem && /* @__PURE__ */ jsxs("div", {
-					className: "border-border flex items-center gap-1 border-t px-2 py-4",
-					children: [
-						canAddSibling && /* @__PURE__ */ jsxs(Button, {
-							type: "button",
-							variant: "ghost",
-							size: "sm",
-							className: "text-muted-foreground justify-start",
-							onClick: () => {
-								if (!requireDraft()) return;
-								addSibling({ afterPosition: currentItem.position });
-							},
-							children: [/* @__PURE__ */ jsx(CirclePlus, { className: "h-4 w-4" }), "Add item"]
-						}),
-						canRemoveCurrent && /* @__PURE__ */ jsxs(Button, {
-							type: "button",
-							variant: "ghost",
-							size: "sm",
-							className: "text-muted-foreground justify-start",
-							onClick: () => {
-								if (!requireDraft()) return;
-								removeCurrent(currentItemId, { onSuccess: () => previewStore.send({ type: "selectParent" }) });
-							},
-							children: [/* @__PURE__ */ jsx(CircleMinus, { className: "h-4 w-4" }), "Remove item"]
-						}),
-						/* @__PURE__ */ jsxs(Button, {
-							type: "button",
-							variant: "ghost",
-							size: "sm",
-							className: "text-muted-foreground justify-start",
-							onClick: () => previewStore.send({ type: "selectParent" }),
-							children: [/* @__PURE__ */ jsx(CornerLeftUp, { className: "h-4 w-4" }), "Select parent"]
-						})
-					]
-				})
-			] })
-		})]
+				]
+			})
+		] }) })
 	})] });
 };