@camstack/ui-library 1.0.6 → 1.0.7

package/dist/{MotionZonesSettings-Ci1mzrki.cjs → MotionZonesSettings-BP9p0pFB.cjs}

@@ -80,7 +80,7 @@ var BTN_PRIMARY = "rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1
 /** Coerce an arbitrary `cells` array to exactly `width*height` booleans. */
 function normaliseCells(cells, width, height) {
 	const total = width * height;
-	const next = new Array(total);
+	const next = Array.from({ length: total });
 	for (let i = 0; i < total; i += 1) next[i] = cells[i] === true;
 	return next;
 }
@@ -115,7 +115,7 @@ function cameraToUi(c, cameraDim, uiDim) {
 function coarsenCells(cameraCells, cw, ch, m) {
 	const uw = coarseDim(cw, m);
 	const uh = coarseDim(ch, m);
-	const out = new Array(uw * uh).fill(false);
+	const out = Array.from({ length: uw * uh }, () => false);
 	for (let cy = 0; cy < ch; cy += 1) {
 		const uy = cameraToUi(cy, ch, uh);
 		for (let cx = 0; cx < cw; cx += 1) {
@@ -136,7 +136,7 @@ function coarsenCells(cameraCells, cw, ch, m) {
 function expandCells(uiCells, cw, ch, m) {
 	const uw = coarseDim(cw, m);
 	const uh = coarseDim(ch, m);
-	const out = new Array(cw * ch).fill(false);
+	const out = Array.from({ length: cw * ch }, () => false);
 	for (let cy = 0; cy < ch; cy += 1) {
 		const uy = cameraToUi(cy, ch, uh);
 		for (let cx = 0; cx < cw; cx += 1) out[cy * cw + cx] = uiCells[uy * uw + cameraToUi(cx, cw, uw)] === true;
@@ -204,7 +204,7 @@ function MotionZonesSettings({ deviceId }) {
 	const cameraTotal = cw * ch;
 	const uiTotal = uiWidth * uiHeight;
 	const setAll = (0, react.useCallback)((value) => {
-		if (uiTotal > 0) setUiCells(new Array(uiTotal).fill(value));
+		if (uiTotal > 0) setUiCells(Array.from({ length: uiTotal }, () => value));
 	}, [uiTotal]);
 	const invert = (0, react.useCallback)(() => {
 		setUiCells((prev) => prev ? prev.map((c) => !c) : prev);

package/dist/{MotionZonesSettings-C1EEbk2V.js → MotionZonesSettings-NcxxQN8r.js}

@@ -80,7 +80,7 @@ var BTN_PRIMARY = "rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1
 /** Coerce an arbitrary `cells` array to exactly `width*height` booleans. */
 function normaliseCells(cells, width, height) {
 	const total = width * height;
-	const next = new Array(total);
+	const next = Array.from({ length: total });
 	for (let i = 0; i < total; i += 1) next[i] = cells[i] === true;
 	return next;
 }
@@ -115,7 +115,7 @@ function cameraToUi(c, cameraDim, uiDim) {
 function coarsenCells(cameraCells, cw, ch, m) {
 	const uw = coarseDim(cw, m);
 	const uh = coarseDim(ch, m);
-	const out = new Array(uw * uh).fill(false);
+	const out = Array.from({ length: uw * uh }, () => false);
 	for (let cy = 0; cy < ch; cy += 1) {
 		const uy = cameraToUi(cy, ch, uh);
 		for (let cx = 0; cx < cw; cx += 1) {
@@ -136,7 +136,7 @@ function coarsenCells(cameraCells, cw, ch, m) {
 function expandCells(uiCells, cw, ch, m) {
 	const uw = coarseDim(cw, m);
 	const uh = coarseDim(ch, m);
-	const out = new Array(cw * ch).fill(false);
+	const out = Array.from({ length: cw * ch }, () => false);
 	for (let cy = 0; cy < ch; cy += 1) {
 		const uy = cameraToUi(cy, ch, uh);
 		for (let cx = 0; cx < cw; cx += 1) out[cy * cw + cx] = uiCells[uy * uw + cameraToUi(cx, cw, uw)] === true;
@@ -204,7 +204,7 @@ function MotionZonesSettings({ deviceId }) {
 	const cameraTotal = cw * ch;
 	const uiTotal = uiWidth * uiHeight;
 	const setAll = useCallback((value) => {
-		if (uiTotal > 0) setUiCells(new Array(uiTotal).fill(value));
+		if (uiTotal > 0) setUiCells(Array.from({ length: uiTotal }, () => value));
 	}, [uiTotal]);
 	const invert = useCallback(() => {
 		setUiCells((prev) => prev ? prev.map((c) => !c) : prev);

package/dist/index.cjs

@@ -28402,17 +28402,17 @@ function ImageSelector({ images, selectedFilename, uploadedName, onSelect, onUpl
 		const input = document.createElement("input");
 		input.type = "file";
 		input.accept = accept;
-		input.onchange = () => {
+		input.addEventListener("change", () => {
 			const file = input.files?.[0];
 			if (!file) return;
 			const reader = new FileReader();
-			reader.onload = () => {
+			reader.addEventListener("load", () => {
 				const dataUrl = reader.result;
 				const b64 = dataUrl.split(",")[1];
 				if (b64) onUpload(b64, file.name, dataUrl);
-			};
+			});
 			reader.readAsDataURL(file);
-		};
+		});
 		input.click();
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -32168,7 +32168,7 @@ function RecordingPanel({ deviceId }) {
 *  `type:'widget'` ConfigField. `WidgetSlot` resolves these BEFORE the
 *  Module-Federation `WidgetRegistry`. ids are namespaced `host/<name>`. */
 var HOST_WIDGETS = {
-	"host/motion-zones-grid": (0, react$1.lazy)(() => Promise.resolve().then(() => require("./MotionZonesSettings-Ci1mzrki.cjs")).then((m) => ({ default: m.MotionZonesSettings }))),
+	"host/motion-zones-grid": (0, react$1.lazy)(() => Promise.resolve().then(() => require("./MotionZonesSettings-BP9p0pFB.cjs")).then((m) => ({ default: m.MotionZonesSettings }))),
 	"host/privacy-mask-grid": (0, react$1.lazy)(() => Promise.resolve().then(() => require("./PrivacyMaskSettings-yC-UPYPg.cjs")).then((m) => ({ default: m.PrivacyMaskSettings }))),
 	"host/ptz-panel": PtzPanel,
 	"host/consumables-panel": ConsumablesPanel,
@@ -35415,8 +35415,8 @@ function AddonGlobalSettingsForm({ trpc, addonId, nodeId, title, disabled, onAft
 			...overlay ? { overlay } : {}
 		}).then((res) => {
 			if (cancelled) return;
-			setHydrated(res);
-			if (!overlay) setBaseValues(extractValues(res));
+			setHydrated((prev) => res ?? prev);
+			if (!overlay && res) setBaseValues(extractValues(res));
 			setLoading(false);
 		}).catch((err) => {
 			if (cancelled) return;
@@ -35459,10 +35459,11 @@ function AddonGlobalSettingsForm({ trpc, addonId, nodeId, title, disabled, onAft
 				nodeId,
 				patch
 			});
-			setHydrated(await trpc.addonSettings.getGlobalSettings.query({
+			const next = await trpc.addonSettings.getGlobalSettings.query({
 				addonId,
 				nodeId
-			}));
+			});
+			if (next) setHydrated(next);
 			onAfterChange?.();
 		} catch (err) {
 			setError(err instanceof Error ? err.message : String(err));
@@ -42222,7 +42223,7 @@ function useDeviceCapSlice(trpc, deviceId, capName) {
 *  Render inside `<Suspense>` at all call sites. */
 var MaskShapeCanvas = (0, react$1.lazy)(() => Promise.resolve().then(() => require("./MaskShapeCanvas-BByN3jvt.cjs")).then((m) => ({ default: m.MaskShapeCanvas })));
 /** Lazy-wrapped `MotionZonesSettings` — code-split off the main bundle. */
-var MotionZonesSettings = (0, react$1.lazy)(() => Promise.resolve().then(() => require("./MotionZonesSettings-Ci1mzrki.cjs")).then((m) => ({ default: m.MotionZonesSettings })));
+var MotionZonesSettings = (0, react$1.lazy)(() => Promise.resolve().then(() => require("./MotionZonesSettings-BP9p0pFB.cjs")).then((m) => ({ default: m.MotionZonesSettings })));
 /** Lazy-wrapped `PrivacyMaskSettings` — code-split off the main bundle. */
 var PrivacyMaskSettings = (0, react$1.lazy)(() => Promise.resolve().then(() => require("./PrivacyMaskSettings-yC-UPYPg.cjs")).then((m) => ({ default: m.PrivacyMaskSettings })));
 //#endregion

package/dist/index.js

@@ -28378,17 +28378,17 @@ function ImageSelector({ images, selectedFilename, uploadedName, onSelect, onUpl
 		const input = document.createElement("input");
 		input.type = "file";
 		input.accept = accept;
-		input.onchange = () => {
+		input.addEventListener("change", () => {
 			const file = input.files?.[0];
 			if (!file) return;
 			const reader = new FileReader();
-			reader.onload = () => {
+			reader.addEventListener("load", () => {
 				const dataUrl = reader.result;
 				const b64 = dataUrl.split(",")[1];
 				if (b64) onUpload(b64, file.name, dataUrl);
-			};
+			});
 			reader.readAsDataURL(file);
-		};
+		});
 		input.click();
 	};
 	return /* @__PURE__ */ jsxs("div", {
@@ -32144,7 +32144,7 @@ function RecordingPanel({ deviceId }) {
 *  `type:'widget'` ConfigField. `WidgetSlot` resolves these BEFORE the
 *  Module-Federation `WidgetRegistry`. ids are namespaced `host/<name>`. */
 var HOST_WIDGETS = {
-	"host/motion-zones-grid": lazy(() => import("./MotionZonesSettings-C1EEbk2V.js").then((m) => ({ default: m.MotionZonesSettings }))),
+	"host/motion-zones-grid": lazy(() => import("./MotionZonesSettings-NcxxQN8r.js").then((m) => ({ default: m.MotionZonesSettings }))),
 	"host/privacy-mask-grid": lazy(() => import("./PrivacyMaskSettings-APgPLF7p.js").then((m) => ({ default: m.PrivacyMaskSettings }))),
 	"host/ptz-panel": PtzPanel,
 	"host/consumables-panel": ConsumablesPanel,
@@ -35391,8 +35391,8 @@ function AddonGlobalSettingsForm({ trpc, addonId, nodeId, title, disabled, onAft
 			...overlay ? { overlay } : {}
 		}).then((res) => {
 			if (cancelled) return;
-			setHydrated(res);
-			if (!overlay) setBaseValues(extractValues(res));
+			setHydrated((prev) => res ?? prev);
+			if (!overlay && res) setBaseValues(extractValues(res));
 			setLoading(false);
 		}).catch((err) => {
 			if (cancelled) return;
@@ -35435,10 +35435,11 @@ function AddonGlobalSettingsForm({ trpc, addonId, nodeId, title, disabled, onAft
 				nodeId,
 				patch
 			});
-			setHydrated(await trpc.addonSettings.getGlobalSettings.query({
+			const next = await trpc.addonSettings.getGlobalSettings.query({
 				addonId,
 				nodeId
-			}));
+			});
+			if (next) setHydrated(next);
 			onAfterChange?.();
 		} catch (err) {
 			setError(err instanceof Error ? err.message : String(err));
@@ -42198,7 +42199,7 @@ function useDeviceCapSlice(trpc, deviceId, capName) {
 *  Render inside `<Suspense>` at all call sites. */
 var MaskShapeCanvas = lazy(() => import("./MaskShapeCanvas-DI4BY7W2.js").then((m) => ({ default: m.MaskShapeCanvas })));
 /** Lazy-wrapped `MotionZonesSettings` — code-split off the main bundle. */
-var MotionZonesSettings = lazy(() => import("./MotionZonesSettings-C1EEbk2V.js").then((m) => ({ default: m.MotionZonesSettings })));
+var MotionZonesSettings = lazy(() => import("./MotionZonesSettings-NcxxQN8r.js").then((m) => ({ default: m.MotionZonesSettings })));
 /** Lazy-wrapped `PrivacyMaskSettings` — code-split off the main bundle. */
 var PrivacyMaskSettings = lazy(() => import("./PrivacyMaskSettings-APgPLF7p.js").then((m) => ({ default: m.PrivacyMaskSettings })));
 //#endregion

package/package.json

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