@bwp-web/canvas 0.9.1 → 0.9.3

package/dist/index.js

@@ -2566,6 +2566,16 @@ function useEditCanvas(options) {
           canvas.on("object:modified", markDirtyIfNotLoading);
           canvas.on("background:modified", markDirtyIfNotLoading);
         }
+        canvas.on("object:added", (e) => {
+          if (!isInitialLoadRef.current && e.target) {
+            setObjects((prev) => [...prev, e.target]);
+          }
+        });
+        canvas.on("object:removed", (e) => {
+          if (!isInitialLoadRef.current && e.target) {
+            setObjects((prev) => prev.filter((o) => o !== e.target));
+          }
+        });
         if (opts?.history) {
           const syncHistoryState = () => {
             const h = historyRef.current;
@@ -2873,12 +2883,15 @@ function useViewCanvas(options) {
       initPromise.then(async () => {
         const onReadyResult = opts?.onReady?.(canvas);
         await Promise.resolve(onReadyResult);
-        if (opts?.invertBackground !== void 0) {
-          setBackgroundInverted(canvas, opts.invertBackground);
-        }
         if (canvas.lockLightMode !== void 0) {
           setLockLightMode(canvas.lockLightMode);
         }
+        if (opts?.invertBackground !== void 0) {
+          setBackgroundInverted(
+            canvas,
+            opts.invertBackground && !canvas.lockLightMode
+          );
+        }
         if (opts?.autoFitToBackground !== false && canvas.backgroundImage) {
           fitViewportToBackground(canvas);
           syncZoom(canvasRef, setZoom);
@@ -2891,8 +2904,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(
     () => ({