@bwp-web/canvas 0.9.0 → 0.9.2

package/dist/index.js

@@ -2826,6 +2826,9 @@ function useViewCanvas(options) {
   const [zoom, setZoom] = useState2(1);
   const [objects, setObjects] = useState2([]);
   const [isLoading, setIsLoading] = useState2(false);
+  const [lockLightMode, setLockLightMode] = useState2(
+    void 0
+  );
   const onReady = useCallback2(
     (canvas) => {
       canvasRef.current = canvas;
@@ -2870,8 +2873,14 @@ function useViewCanvas(options) {
       initPromise.then(async () => {
         const onReadyResult = opts?.onReady?.(canvas);
         await Promise.resolve(onReadyResult);
+        if (canvas.lockLightMode !== void 0) {
+          setLockLightMode(canvas.lockLightMode);
+        }
         if (opts?.invertBackground !== void 0) {
-          setBackgroundInverted(canvas, opts.invertBackground);
+          setBackgroundInverted(
+            canvas,
+            opts.invertBackground && !canvas.lockLightMode
+          );
         }
         if (opts?.autoFitToBackground !== false && canvas.backgroundImage) {
           fitViewportToBackground(canvas);
@@ -2885,8 +2894,8 @@ function useViewCanvas(options) {
   useEffect3(() => {
     const canvas = canvasRef.current;
     if (!canvas || options?.invertBackground === void 0) return;
-    setBackgroundInverted(canvas, options.invertBackground);
-  }, [options?.invertBackground]);
+    setBackgroundInverted(canvas, options.invertBackground && !lockLightMode);
+  }, [options?.invertBackground, lockLightMode]);
   const { resetViewport: resetViewport2, zoomIn, zoomOut, panToObject, zoomToFit } = useViewportActions(canvasRef, viewportRef, setZoom);
   const viewport = useMemo3(
     () => ({
@@ -2969,11 +2978,13 @@ function useViewCanvas(options) {
       /** Batch-update multiple objects' visual styles in one render. Keyed by `data.id`. */
       setObjectStyles,
       /** Apply a visual style to all objects whose `data.type` matches. */
-      setObjectStyleByType
+      setObjectStyleByType,
+      /** Whether the canvas is locked to light mode. Read from loaded canvas data. */
+      lockLightMode
     }),
     // Only reactive state in deps — refs and stable callbacks are omitted
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [zoom, objects, isLoading, viewport]
+    [zoom, objects, isLoading, viewport, lockLightMode]
   );
 }
 
@@ -3246,11 +3257,12 @@ function ViewCanvasProvider({
       isLoading: canvas.isLoading,
       setObjectStyle: canvas.setObjectStyle,
       setObjectStyles: canvas.setObjectStyles,
-      setObjectStyleByType: canvas.setObjectStyleByType
+      setObjectStyleByType: canvas.setObjectStyleByType,
+      lockLightMode: canvas.lockLightMode
     }),
     // Only reactive state — stable callbacks omitted
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [canvas.objects, canvas.isLoading]
+    [canvas.objects, canvas.isLoading, canvas.lockLightMode]
   );
   return /* @__PURE__ */ jsx3(CanvasRefContext.Provider, { value: canvas.canvasRef, children: /* @__PURE__ */ jsx3(ViewViewportContext.Provider, { value: viewportValue, children: /* @__PURE__ */ jsx3(ViewStateContext.Provider, { value: stateValue, children }) }) });
 }