@myoc/excalidraw 0.19.529 → 0.19.531

package/dist/dev/index.js

@@ -6,6 +6,7 @@ import {
   ImageSceneDataError,
   ImageURLToFile,
   SVGStringToFile,
+  UnsupportedImageFileTypeError,
   bootstrapCanvas,
   canChangeRoundness,
   canHaveArrowheads,
@@ -62,10 +63,10 @@ import {
   serializeAsJSON,
   strokeRectWithRotation_simple,
   zoomToFitBounds
-} from "./chunk-7GX2B2N5.js";
+} from "./chunk-6NFVXSAY.js";
 import {
   define_import_meta_env_default
-} from "./chunk-H5L4PT3U.js";
+} from "./chunk-ASAPRLCW.js";
 import {
   en_default
 } from "./chunk-SKCAT7JG.js";
@@ -10936,7 +10937,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-GYAOLTNI.js").then(
+        (blob2) => import("./data/image-PZBZVE3P.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -13009,6 +13010,7 @@ var actionSmartZoom = register({
       type: "button",
       icon: arrowsToEyeIcon,
       "aria-label": t("labels.smartZoom"),
+      title: `${t("labels.smartZoom")} - ${KEYS26.F.toLocaleUpperCase()}`,
       onClick: () => updateData(null),
       size: data?.size || "medium",
       "data-testid": "button-smart-zoom",
@@ -25568,6 +25570,7 @@ var getShapeActionPredicates = (appState, targetElements, elementsMap, app) => {
     ),
     align: !isSingleElementBoundContainer && alignActionsPredicate(appState, app),
     distribute: targetElements.length > 2,
+    imageLayout: targetElements.length > 1 && targetElements.every(isImageElement4) && alignActionsPredicate(appState, app),
     // per-element actions
     // NOTE: the full panel treats a bound container as linkable; the compact /
     // mobile layouts only link a truly single selection. Both are preserved via
@@ -25598,7 +25601,8 @@ var LayersFieldset = ({
 ] });
 var AlignFieldset = ({
   renderAction,
-  showDistribute
+  showDistribute,
+  showImageLayout
 }) => {
   const isRTL3 = document.documentElement.getAttribute("dir") === "rtl";
   return /* @__PURE__ */ jsxs33("fieldset", { children: [
@@ -25631,7 +25635,12 @@ var AlignFieldset = ({
             showDistribute && renderAction("distributeVertically")
           ]
         }
-      )
+      ),
+      showImageLayout && /* @__PURE__ */ jsxs33(Fragment9, { children: [
+        /* @__PURE__ */ jsx66("div", { style: { flexBasis: "100%", height: 0 } }),
+        renderAction("arrangeElements"),
+        renderAction("normaliseElements")
+      ] })
     ] })
   ] });
 };
@@ -25678,7 +25687,8 @@ var SelectedShapeActions = ({
       AlignFieldset,
       {
         renderAction,
-        showDistribute: predicates.distribute
+        showDistribute: predicates.distribute,
+        showImageLayout: predicates.imageLayout
       }
     ),
     predicates.showExtraActions && /* @__PURE__ */ jsxs33("fieldset", { children: [
@@ -25690,7 +25700,8 @@ var SelectedShapeActions = ({
         renderAction("ungroup"),
         predicates.link && renderAction("hyperlink"),
         predicates.cropEditor && renderAction("cropEditor"),
-        predicates.lineEditor && renderAction("toggleLinearEditor")
+        predicates.lineEditor && renderAction("toggleLinearEditor"),
+        renderAction("smartZoom")
       ] })
     ] })
   ] });
@@ -25976,7 +25987,8 @@ var CombinedExtraActions = ({
                 AlignFieldset,
                 {
                   renderAction,
-                  showDistribute: predicates.distribute
+                  showDistribute: predicates.distribute,
+                  showImageLayout: predicates.imageLayout
                 }
               ),
               /* @__PURE__ */ jsxs33("fieldset", { children: [
@@ -25986,6 +25998,7 @@ var CombinedExtraActions = ({
                   renderAction("ungroup"),
                   predicates.linkSingleOnly && renderAction("hyperlink"),
                   predicates.cropEditor && renderAction("cropEditor"),
+                  renderAction("smartZoom"),
                   showDuplicate && renderAction("duplicateSelection"),
                   showDelete && renderAction("deleteSelectedElements")
                 ] })
@@ -27103,7 +27116,9 @@ var MobileMenu = ({
       {
         className: "App-bottom-bar",
         style: {
-          marginBottom: SCROLLBAR_WIDTH + SCROLLBAR_MARGIN
+          marginBottom: SCROLLBAR_WIDTH + SCROLLBAR_MARGIN,
+          left: 14,
+          transform: "none"
         },
         "data-viewport-ui": "bottom",
         children: [
@@ -27124,7 +27139,14 @@ var MobileMenu = ({
               }
             )
           ] }),
-          !appState.viewModeEnabled && /* @__PURE__ */ jsx80(Island, { className: "App-toolbar", children: appState.openDialog?.name !== "elementLinkSelector" && renderToolbar() })
+          !appState.viewModeEnabled && /* @__PURE__ */ jsx80(
+            Island,
+            {
+              className: "App-toolbar",
+              style: { justifyContent: "flex-start" },
+              children: appState.openDialog?.name !== "elementLinkSelector" && renderToolbar()
+            }
+          )
         ]
       }
     ),
@@ -36985,10 +37007,20 @@ var App = class _App extends React40.Component {
       }
     ));
     __publicField(this, "addImageElementsToScene", async (imageFiles, sceneX, sceneY) => {
+      const unsupportedImage = imageFiles.find(
+        ({ file: file2 }) => !isSupportedImageFile(file2)
+      );
+      if (unsupportedImage) {
+        throw new UnsupportedImageFileTypeError(
+          unsupportedImage.file,
+          t("errors.unsupportedFileType")
+        );
+      }
       await this.insertImages(
         imageFiles.map(({ file: file2 }) => file2),
         sceneX,
-        sceneY
+        sceneY,
+        imageFiles.map(({ customData }) => customData ?? {})
       );
     });
     __publicField(this, "addImagePlaceholder", async (fileId, file2) => {
@@ -41184,6 +41216,13 @@ var App = class _App extends React40.Component {
       }
       return [];
     });
+    __publicField(this, "getImageActionContextMenuItems", (hitElement) => {
+      const selectedElements = this.scene.getSelectedElements(this.state);
+      if (selectedElements.length > 0 && selectedElements.every((element) => isImageElement9(element)) && (!hitElement || this.state.selectedElementIds[hitElement.id])) {
+        return [actionArrangeElements, actionNormaliseElements];
+      }
+      return [];
+    });
     __publicField(this, "getElementLinkContextMenuItems", (hitElement) => {
       if (!hitElement?.link) {
         return [];
@@ -41213,6 +41252,7 @@ var App = class _App extends React40.Component {
     });
     __publicField(this, "getContextMenuItems", (type, hitElement) => {
       const imageContextMenuItems = this.getImageContextMenuItems(hitElement);
+      const imageActionContextMenuItems = this.getImageActionContextMenuItems(hitElement);
       const elementLinkContextMenuItems = this.getElementLinkContextMenuItems(hitElement);
       if (type === "canvas") {
         if (this.state.viewModeEnabled) {
@@ -41263,6 +41303,8 @@ var App = class _App extends React40.Component {
         actionPaste,
         imageContextMenuItems.length > 0 && CONTEXT_MENU_SEPARATOR,
         ...imageContextMenuItems,
+        imageActionContextMenuItems.length > 0 && CONTEXT_MENU_SEPARATOR,
+        ...imageActionContextMenuItems,
         CONTEXT_MENU_SEPARATOR,
         actionSelectAllElementsInFrame,
         actionRemoveAllElementsFromFrame,
@@ -45926,6 +45968,7 @@ export {
   Sidebar,
   Stats,
   THEME26 as THEME,
+  UnsupportedImageFileTypeError,
   UserIdleState2 as UserIdleState,
   WelcomeScreen_default as WelcomeScreen,
   applyDarkModeFilter11 as applyDarkModeFilter,