microboard-ui-temp 0.1.133 → 0.1.135

package/dist/index.js

@@ -276608,7 +276608,7 @@ class Screen extends BaseItem {
       const ctx = context.ctx;
       ctx.save();
       this.transformation.matrix.applyToContext(ctx);
-      ctx.drawImage(this.backgroundImage, 0, 0);
+      ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
       ctx.restore();
     }
     this.path.render(context);
@@ -276622,6 +276622,10 @@ class Screen extends BaseItem {
     div.style.borderColor = this.borderColor;
     div.style.borderWidth = `${this.borderWidth}px`;
     div.style.borderStyle = this.borderStyle;
+    if (this.backgroundUrl) {
+      div.style.backgroundSize = "cover";
+      div.style.backgroundImage = `url(${this.backgroundUrl})`;
+    }
     return div;
   }
 }
@@ -375393,18 +375397,17 @@ function SetBackgroundImage({ rounded = "none" }) {
   const account = useAccount2();
   const inputRef = import_react294.useRef(null);
   const { t: t10 } = useTranslation();
+  const single = board.selection.items.getSingle();
+  if (!single || !(single instanceof Screen)) {
+    return null;
+  }
   const handleClick = () => {
     const input2 = inputRef.current;
     if (!input2) {
       return;
     }
-    board.tools.cancel();
     input2.click();
   };
-  const single = board.selection.items.getSingle();
-  if (!single || !(single instanceof Screen)) {
-    return null;
-  }
   const handleChange = async (ev) => {
     const input2 = ev.target;
     const file = input2.files?.[0];

package/dist/spa.css

@@ -2871,6 +2871,12 @@ a.link_jFMnzg {
   background-color: #f7f7f8;
 }
 
+.quaternary_Lhh5GA {
+  color: #fff;
+  background-color: #924fe8;
+  border: 1px solid #924fe8;
+}
+
 .quaternary_Lhh5GA:hover {
   background-color: #b799f5;
   border: 1px solid #924fe8;

package/dist/spa.js

@@ -276608,7 +276608,7 @@ class Screen extends BaseItem {
       const ctx = context.ctx;
       ctx.save();
       this.transformation.matrix.applyToContext(ctx);
-      ctx.drawImage(this.backgroundImage, 0, 0);
+      ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
       ctx.restore();
     }
     this.path.render(context);
@@ -276622,6 +276622,10 @@ class Screen extends BaseItem {
     div.style.borderColor = this.borderColor;
     div.style.borderWidth = `${this.borderWidth}px`;
     div.style.borderStyle = this.borderStyle;
+    if (this.backgroundUrl) {
+      div.style.backgroundSize = "cover";
+      div.style.backgroundImage = `url(${this.backgroundUrl})`;
+    }
     return div;
   }
 }
@@ -375393,18 +375397,17 @@ function SetBackgroundImage({ rounded = "none" }) {
   const account = useAccount2();
   const inputRef = import_react294.useRef(null);
   const { t: t10 } = useTranslation();
+  const single = board.selection.items.getSingle();
+  if (!single || !(single instanceof Screen)) {
+    return null;
+  }
   const handleClick = () => {
     const input2 = inputRef.current;
     if (!input2) {
       return;
     }
-    board.tools.cancel();
     input2.click();
   };
-  const single = board.selection.items.getSingle();
-  if (!single || !(single instanceof Screen)) {
-    return null;
-  }
   const handleChange = async (ev) => {
     const input2 = ev.target;
     const file = input2.files?.[0];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.1.133",
+  "version": "0.1.135",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",
@@ -66,7 +66,7 @@
     "i18next-browser-languagedetector": "^8.2.0",
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
-    "microboard-temp": "^0.5.57",
+    "microboard-temp": "^0.5.59",
     "nanoid": "^5.1.5",
     "prop-types": "^15.8.1",
     "react-hot-toast": "2.4.1",