camox 0.45.0 → 0.46.0

package/dist/features/canvas/sidebar/CatalogBlockInspector.js

@@ -1,189 +0,0 @@
-import { useLocation, useNavigate } from "../../navigation/navigation.js";
-import { reads, useReadQuery } from "../../../lib/studio-reads.js";
-import { useLocalizedPath } from "../../../lib/view-locale.js";
-import { CanvasInspectorBody, CanvasInspectorHeader, CanvasInspectorTitle } from "./CanvasInspector.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/features/canvas/sidebar/CatalogBlockInspector.tsx
-function PagesMessage(t0) {
-	const $ = c(3);
-	const { role, children } = t0;
-	let t1;
-	if ($[0] !== children || $[1] !== role) {
-		t1 = /* @__PURE__ */ jsx("p", {
-			role,
-			className: "text-muted-foreground text-sm",
-			children
-		});
-		$[0] = children;
-		$[1] = role;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-}
-/**
-* The Pages holding a placement of the block. Picking one selects it through
-* regular navigation, so the camera flies to it.
-*/
-function PlacementPages(t0) {
-	const $ = c(19);
-	const { block, projectId } = t0;
-	const { search, hash } = useLocation();
-	const localized = useLocalizedPath();
-	const navigate = useNavigate();
-	let t1;
-	if ($[0] !== block._internal.id || $[1] !== projectId) {
-		t1 = reads.pagesUsingBlock({
-			projectId,
-			type: block._internal.id
-		});
-		$[0] = block._internal.id;
-		$[1] = projectId;
-		$[2] = t1;
-	} else t1 = $[2];
-	const pages = useReadQuery(t1);
-	if (pages.isPending) {
-		let t2;
-		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-			t2 = /* @__PURE__ */ jsx(PagesMessage, {
-				role: "status",
-				children: "Loading pages…"
-			});
-			$[3] = t2;
-		} else t2 = $[3];
-		return t2;
-	}
-	if (pages.error) {
-		let t2;
-		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-			t2 = /* @__PURE__ */ jsx(PagesMessage, {
-				role: "alert",
-				children: "Could not load the pages using this block."
-			});
-			$[4] = t2;
-		} else t2 = $[4];
-		return t2;
-	}
-	if (pages.data.length === 0) {
-		let t2;
-		if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-			t2 = /* @__PURE__ */ jsx(PagesMessage, { children: "No pages use this block yet." });
-			$[5] = t2;
-		} else t2 = $[5];
-		return t2;
-	}
-	let t2;
-	if ($[6] !== hash || $[7] !== localized || $[8] !== navigate || $[9] !== pages.data || $[10] !== search) {
-		let t3;
-		if ($[12] !== hash || $[13] !== localized || $[14] !== navigate || $[15] !== search) {
-			t3 = (page) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				className: "hover:bg-accent focus-visible:ring-ring flex w-full min-w-0 items-baseline justify-between gap-3 rounded-md px-2 py-1.5 text-left text-sm outline-none focus-visible:ring-2",
-				onClick: () => void navigate({ to: `${localized(page.fullPath)}${search}${hash}` }),
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "truncate",
-					children: page.nickname
-				}), /* @__PURE__ */ jsx("span", {
-					className: "text-muted-foreground truncate",
-					children: page.fullPath
-				})]
-			}) }, page.id);
-			$[12] = hash;
-			$[13] = localized;
-			$[14] = navigate;
-			$[15] = search;
-			$[16] = t3;
-		} else t3 = $[16];
-		t2 = pages.data.map(t3);
-		$[6] = hash;
-		$[7] = localized;
-		$[8] = navigate;
-		$[9] = pages.data;
-		$[10] = search;
-		$[11] = t2;
-	} else t2 = $[11];
-	let t3;
-	if ($[17] !== t2) {
-		t3 = /* @__PURE__ */ jsx("ul", {
-			className: "-mx-2 flex flex-col gap-0.5",
-			children: t2
-		});
-		$[17] = t2;
-		$[18] = t3;
-	} else t3 = $[18];
-	return t3;
-}
-/** A block of the Block Catalog: its description and the Pages holding its placements. */
-function CatalogBlockInspector(t0) {
-	const $ = c(17);
-	const { block, projectId, onBack } = t0;
-	const { title, description } = block._internal;
-	let t1;
-	if ($[0] !== title) {
-		t1 = /* @__PURE__ */ jsx(CanvasInspectorTitle, { children: title });
-		$[0] = title;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== onBack || $[3] !== t1) {
-		t2 = /* @__PURE__ */ jsx(CanvasInspectorHeader, {
-			onBack,
-			children: t1
-		});
-		$[2] = onBack;
-		$[3] = t1;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== description) {
-		t3 = description && /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground text-sm",
-			children: description
-		});
-		$[5] = description;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx("p", {
-			className: "text-sm font-medium",
-			children: "Used on"
-		});
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] !== block || $[9] !== projectId) {
-		t5 = /* @__PURE__ */ jsxs("section", {
-			className: "space-y-2",
-			children: [t4, /* @__PURE__ */ jsx(PlacementPages, {
-				block,
-				projectId
-			})]
-		});
-		$[8] = block;
-		$[9] = projectId;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
-	if ($[11] !== t3 || $[12] !== t5) {
-		t6 = /* @__PURE__ */ jsx(CanvasInspectorBody, { children: /* @__PURE__ */ jsxs("div", {
-			className: "flex min-h-0 flex-1 flex-col gap-6 overflow-auto p-4",
-			children: [t3, t5]
-		}) });
-		$[11] = t3;
-		$[12] = t5;
-		$[13] = t6;
-	} else t6 = $[13];
-	let t7;
-	if ($[14] !== t2 || $[15] !== t6) {
-		t7 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, t6] });
-		$[14] = t2;
-		$[15] = t6;
-		$[16] = t7;
-	} else t7 = $[16];
-	return t7;
-}
-
-//#endregion
-export { CatalogBlockInspector };