labellife-design-tool 2.2.4 → 2.2.6

package/dist/esm/canvas/workspace.js

@@ -3,7 +3,7 @@ import { Image, Group, Rect, Text, Arrow, Path, RegularPolygon, Star, Circle, Li
 import { observer } from 'mobx-react-lite';
 import { Box, Typography, IconButton, Button, TextField } from '@mui/material';
 import CloseIcon from '@mui/icons-material/Close';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import Konva from 'konva';
 import CloudUploadIcon from '@mui/icons-material/CloudUpload';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
@@ -2289,7 +2289,7 @@ var CheckerboardBackground = function CheckerboardBackground(_ref) {
     height: h,
     fill: "#ffffff",
     listening: false,
-    name: "page-background"
+    name: "display-only"
   });
   return /*#__PURE__*/jsx(Rect, {
     x: 0,
@@ -2299,7 +2299,7 @@ var CheckerboardBackground = function CheckerboardBackground(_ref) {
     fillPatternImage: imgRef.current,
     fillPatternRepeat: "repeat",
     listening: false,
-    name: "page-background"
+    name: "display-only"
   });
 };
 var ImageBackground = function ImageBackground(_ref2) {
@@ -2383,9 +2383,19 @@ var PageBackground = observer(function (_ref3) {
     });
   }
   if (bg === 'transparent') {
-    return /*#__PURE__*/jsx(CheckerboardBackground, {
-      w: w,
-      h: h
+    return /*#__PURE__*/jsxs(Fragment$1, {
+      children: [/*#__PURE__*/jsx(Rect, {
+        x: 0,
+        y: 0,
+        width: w,
+        height: h,
+        fill: "#ffffff",
+        listening: false,
+        name: "page-background"
+      }), /*#__PURE__*/jsx(CheckerboardBackground, {
+        w: w,
+        h: h
+      })]
     });
   }
 
@@ -2482,7 +2492,8 @@ var PageOverlayFrame = observer(function (_ref4) {
       ctx.fillStrokeShape(shape);
     },
     fill: "rgba(240,240,240,0.5)",
-    listening: false
+    listening: false,
+    name: "display-only"
   });
 });
 var ALL_ANCHORS = ['top-left', 'top-center', 'top-right', 'middle-left', 'middle-right', 'bottom-left', 'bottom-center', 'bottom-right'];
@@ -2817,7 +2828,8 @@ var Workspace = observer(function (_ref6) {
           height: store.height,
           fill: "rgba(0,0,0,0.1)",
           cornerRadius: 0,
-          listening: false
+          listening: false,
+          name: "display-only"
         }), /*#__PURE__*/jsx(PageBackground, {
           store: store
         }), page && page.children.map(function (element) {