@camstack/ui-library 1.2.180 → 1.2.181

package/dist/composites/cap-settings/camera-grid-layout.d.ts

@@ -38,6 +38,14 @@ export interface GridProfileOffer {
      * the only place the grid's actual size is ever stated.
      */
     readonly canvas: string;
+    /**
+     * Whether this profile is PUBLISHED, of the ones the grid could serve.
+     *
+     * A grid's `high` composes its sources' `high`, so on a 4K fleet it is a 4K
+     * canvas built from 4K decodes — an opt-in, not something a viewer's adaptive
+     * should be handed by climbing to the top rung it can see.
+     */
+    readonly published: boolean;
 }
 export interface GridLayoutView {
     readonly instanceId: string;

package/dist/index.cjs

@@ -16642,7 +16642,8 @@ function readProfileOffer(value) {
 		profile,
 		offered,
 		missingSources,
-		canvas: typeof value["canvas"] === "string" ? value["canvas"] : ""
+		canvas: typeof value["canvas"] === "string" ? value["canvas"] : "",
+		published: typeof value["published"] === "boolean" ? value["published"] : offered
 	};
 }
 /**
@@ -16887,7 +16888,7 @@ function CameraGridLayoutEditor({ deviceId }) {
 			setLoaded("unreadable");
 		});
 	}, [dev, reload]);
-	const save = (0, react$1.useCallback)(async () => {
+	const save = (0, react$1.useCallback)(async (extra) => {
 		const layout = dev?.cameraGridLayout;
 		if (draft === null || !layout) return;
 		setSaving(true);
@@ -16896,7 +16897,8 @@ function CameraGridLayoutEditor({ deviceId }) {
 			const outcome = parseGridView(await layout.saveLayout({
 				name: draft.name,
 				fps: draft.fps,
-				cells: draft.cells.map((cell) => ({ ...cell }))
+				cells: draft.cells.map((cell) => ({ ...cell })),
+				...extra?.publishedProfiles !== void 0 ? { publishedProfiles: [...extra.publishedProfiles] } : {}
 			}));
 			if (outcome !== null && outcome !== "unreadable") {
 				setLoaded(outcome);
@@ -17084,7 +17086,12 @@ function CameraGridLayoutEditor({ deviceId }) {
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GridProfileReport, {
 					offers: loaded.profiles,
-					cameras
+					cameras,
+					onToggle: (profile) => {
+						if (draft === null) return;
+						const current = loaded.profiles.filter((row) => row.published).map((row) => row.profile);
+						save({ publishedProfiles: current.includes(profile) ? current.filter((entry) => entry !== profile) : [...current, profile] });
+					}
 				}),
 				draft.cells[selected] !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CellInspector, {
 					cell: draft.cells[selected],
@@ -17114,7 +17121,7 @@ function CameraGridLayoutEditor({ deviceId }) {
 * Read-only on purpose: what is on offer is decided by the source cameras'
 * assignments, and a control here would be a switch that writes nothing (D62).
 */
-function GridProfileReport({ offers, cameras }) {
+function GridProfileReport({ offers, cameras, onToggle }) {
 	const nameOf = (deviceId) => cameras.find((camera) => camera.id === deviceId)?.name ?? `#${String(deviceId)}`;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex flex-col gap-1 rounded border border-border p-2 text-[10.5px]",
@@ -17123,20 +17130,33 @@ function GridProfileReport({ offers, cameras }) {
 			children: "Published profiles"
 		}), offers.map((offer) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex items-baseline gap-2",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "w-10 uppercase",
-				children: offer.profile
-			}), offer.offered ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: "text-foreground-subtle",
-				children: [
-					offer.canvas,
-					" — composed from every source’s ",
-					offer.profile
-				]
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-danger",
-				children: offer.missingSources.length === 0 ? "not offered — this grid has no cells yet" : `not offered — no ${offer.profile} on ${offer.missingSources.map(nameOf).join(", ")}`
-			})]
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "checkbox",
+					checked: offer.published,
+					disabled: !offer.offered,
+					"aria-label": `publish ${offer.profile}`,
+					onChange: () => {
+						onToggle(offer.profile);
+					}
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "w-10 uppercase",
+					children: offer.profile
+				}),
+				offer.offered ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "text-foreground-subtle",
+					children: [
+						offer.canvas,
+						" —",
+						" ",
+						offer.published ? `composed from every source’s ${offer.profile}` : "serviceable, not published"
+					]
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-danger",
+					children: offer.missingSources.length === 0 ? "not offered — this grid has no cells yet" : `not offered — no ${offer.profile} on ${offer.missingSources.map(nameOf).join(", ")}`
+				})
+			]
 		}, offer.profile))]
 	});
 }

package/dist/index.js

@@ -16618,7 +16618,8 @@ function readProfileOffer(value) {
 		profile,
 		offered,
 		missingSources,
-		canvas: typeof value["canvas"] === "string" ? value["canvas"] : ""
+		canvas: typeof value["canvas"] === "string" ? value["canvas"] : "",
+		published: typeof value["published"] === "boolean" ? value["published"] : offered
 	};
 }
 /**
@@ -16863,7 +16864,7 @@ function CameraGridLayoutEditor({ deviceId }) {
 			setLoaded("unreadable");
 		});
 	}, [dev, reload]);
-	const save = useCallback(async () => {
+	const save = useCallback(async (extra) => {
 		const layout = dev?.cameraGridLayout;
 		if (draft === null || !layout) return;
 		setSaving(true);
@@ -16872,7 +16873,8 @@ function CameraGridLayoutEditor({ deviceId }) {
 			const outcome = parseGridView(await layout.saveLayout({
 				name: draft.name,
 				fps: draft.fps,
-				cells: draft.cells.map((cell) => ({ ...cell }))
+				cells: draft.cells.map((cell) => ({ ...cell })),
+				...extra?.publishedProfiles !== void 0 ? { publishedProfiles: [...extra.publishedProfiles] } : {}
 			}));
 			if (outcome !== null && outcome !== "unreadable") {
 				setLoaded(outcome);
@@ -17060,7 +17062,12 @@ function CameraGridLayoutEditor({ deviceId }) {
 				}),
 				/* @__PURE__ */ jsx(GridProfileReport, {
 					offers: loaded.profiles,
-					cameras
+					cameras,
+					onToggle: (profile) => {
+						if (draft === null) return;
+						const current = loaded.profiles.filter((row) => row.published).map((row) => row.profile);
+						save({ publishedProfiles: current.includes(profile) ? current.filter((entry) => entry !== profile) : [...current, profile] });
+					}
 				}),
 				draft.cells[selected] !== void 0 && /* @__PURE__ */ jsx(CellInspector, {
 					cell: draft.cells[selected],
@@ -17090,7 +17097,7 @@ function CameraGridLayoutEditor({ deviceId }) {
 * Read-only on purpose: what is on offer is decided by the source cameras'
 * assignments, and a control here would be a switch that writes nothing (D62).
 */
-function GridProfileReport({ offers, cameras }) {
+function GridProfileReport({ offers, cameras, onToggle }) {
 	const nameOf = (deviceId) => cameras.find((camera) => camera.id === deviceId)?.name ?? `#${String(deviceId)}`;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-1 rounded border border-border p-2 text-[10.5px]",
@@ -17099,20 +17106,33 @@ function GridProfileReport({ offers, cameras }) {
 			children: "Published profiles"
 		}), offers.map((offer) => /* @__PURE__ */ jsxs("div", {
 			className: "flex items-baseline gap-2",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "w-10 uppercase",
-				children: offer.profile
-			}), offer.offered ? /* @__PURE__ */ jsxs("span", {
-				className: "text-foreground-subtle",
-				children: [
-					offer.canvas,
-					" — composed from every source’s ",
-					offer.profile
-				]
-			}) : /* @__PURE__ */ jsx("span", {
-				className: "text-danger",
-				children: offer.missingSources.length === 0 ? "not offered — this grid has no cells yet" : `not offered — no ${offer.profile} on ${offer.missingSources.map(nameOf).join(", ")}`
-			})]
+			children: [
+				/* @__PURE__ */ jsx("input", {
+					type: "checkbox",
+					checked: offer.published,
+					disabled: !offer.offered,
+					"aria-label": `publish ${offer.profile}`,
+					onChange: () => {
+						onToggle(offer.profile);
+					}
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "w-10 uppercase",
+					children: offer.profile
+				}),
+				offer.offered ? /* @__PURE__ */ jsxs("span", {
+					className: "text-foreground-subtle",
+					children: [
+						offer.canvas,
+						" —",
+						" ",
+						offer.published ? `composed from every source’s ${offer.profile}` : "serviceable, not published"
+					]
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "text-danger",
+					children: offer.missingSources.length === 0 ? "not offered — this grid has no cells yet" : `not offered — no ${offer.profile} on ${offer.missingSources.map(nameOf).join(", ")}`
+				})
+			]
 		}, offer.profile))]
 	});
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.2.180",
+  "version": "1.2.181",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",