@excalidraw/excalidraw 0.18.0-rc.7 → 0.18.0

package/dist/dev/index.js

@@ -618,10 +618,10 @@ import {
   wrapText,
   youtubeIcon,
   zoomAreaIcon
-} from "./chunk-GOAAUIXU.js";
+} from "./chunk-3KPV5WBD.js";
 import {
   define_import_meta_env_default
-} from "./chunk-TLD3FD3P.js";
+} from "./chunk-66VA7UC4.js";
 import {
   en_default
 } from "./chunk-LMHBUWQS.js";
@@ -6478,7 +6478,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-HTHTIQHJ.js").then(
+        (blob2) => import("./data/image-WB3WPX2D.js").then(
           ({ encodePngMetadata }) => encodePngMetadata({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -12457,7 +12457,7 @@ var ShapesSwitcher = ({
     }),
     /* @__PURE__ */ jsx70("div", { className: "App-toolbar__divider" }),
     /* @__PURE__ */ jsxs39(DropdownMenu_default, { open: isExtraToolsMenuOpen, children: [
-      /* @__PURE__ */ jsxs39(
+      /* @__PURE__ */ jsx70(
         DropdownMenu_default.Trigger,
         {
           className: clsx31("App-toolbar__extra-tools-trigger", {
@@ -12468,28 +12468,7 @@ var ShapesSwitcher = ({
           }),
           onToggle: () => setIsExtraToolsMenuOpen(!isExtraToolsMenuOpen),
           title: t("toolBar.extraTools"),
-          children: [
-            extraToolsIcon,
-            app.props.aiEnabled !== false && /* @__PURE__ */ jsx70(
-              "div",
-              {
-                style: {
-                  display: "inline-flex",
-                  marginLeft: "auto",
-                  padding: "2px 4px",
-                  borderRadius: 6,
-                  fontSize: 8,
-                  fontFamily: "Cascadia, monospace",
-                  position: "absolute",
-                  background: "var(--color-promo)",
-                  color: "var(--color-surface-lowest)",
-                  bottom: 3,
-                  right: 4
-                },
-                children: "AI"
-              }
-            )
-          ]
+          children: extraToolsIcon
         }
       ),
       /* @__PURE__ */ jsxs39(
@@ -17085,9 +17064,6 @@ var SidebarInner = forwardRef5(
       {
         ...rest,
         className: clsx45("sidebar", { "sidebar--docked": docked }, className),
-        style: {
-          "--right-sidebar-width": "302px"
-        },
         ref: islandRef,
         children: /* @__PURE__ */ jsx104(SidebarPropsContext.Provider, { value: headerPropsRef.current, children })
       }
@@ -21474,7 +21450,7 @@ var LayerUI = ({
         "div",
         {
           className: "layer-ui__wrapper",
-          style: appState.openSidebar && isSidebarDocked && device.editor.canFitSidebar ? { width: `calc(100% - var(--right-sidebar-width)px)` } : {},
+          style: appState.openSidebar && isSidebarDocked && device.editor.canFitSidebar ? { width: `calc(100% - var(--right-sidebar-width))` } : {},
           children: [
             renderWelcomeScreen && /* @__PURE__ */ jsx137(tunnels.WelcomeScreenCenterTunnel.Out, {}),
             renderFixedSideContainer(),
@@ -29884,7 +29860,8 @@ var App = class _App extends React43.Component {
           "excalidraw--mobile": this.device.editor.isMobile
         }),
         style: {
-          ["--ui-pointerEvents"]: shouldBlockPointerEvents ? POINTER_EVENTS.disabled : POINTER_EVENTS.enabled
+          ["--ui-pointerEvents"]: shouldBlockPointerEvents ? POINTER_EVENTS.disabled : POINTER_EVENTS.enabled,
+          ["--right-sidebar-width"]: "302px"
         },
         ref: this.excalidrawContainerRef,
         onDrop: this.handleAppOnDrop,
@@ -31531,17 +31508,49 @@ var App = class _App extends React43.Component {
             );
             const elements = this.scene.getElementsIncludingDeleted();
             for (const element of elements) {
-              if (selectedElementIds.has(element.id) || // case: the state.selectedElementIds might not have been
+              const isInSelection = selectedElementIds.has(element.id) || // case: the state.selectedElementIds might not have been
               // updated yet by the time this mousemove event is fired
-              element.id === hitElement?.id && pointerDownState.hit.wasAddedToSelection) {
+              element.id === hitElement?.id && pointerDownState.hit.wasAddedToSelection;
+              if (Math.abs(element.x) > 1e7 || Math.abs(element.x) > 1e7 || Math.abs(element.width) > 1e7 || Math.abs(element.height) > 1e7) {
+                console.error(
+                  `Alt+dragging element in scene with invalid dimensions`,
+                  element.x,
+                  element.y,
+                  element.width,
+                  element.height,
+                  isInSelection
+                );
+                return;
+              }
+              if (isInSelection) {
                 const duplicatedElement = duplicateElement(
                   this.state.editingGroupId,
                   groupIdMap,
                   element
                 );
+                if (Math.abs(duplicatedElement.x) > 1e7 || Math.abs(duplicatedElement.x) > 1e7 || Math.abs(duplicatedElement.width) > 1e7 || Math.abs(duplicatedElement.height) > 1e7) {
+                  console.error(
+                    `Alt+dragging duplicated element with invalid dimensions`,
+                    duplicatedElement.x,
+                    duplicatedElement.y,
+                    duplicatedElement.width,
+                    duplicatedElement.height
+                  );
+                  return;
+                }
                 const origElement = pointerDownState.originalElements.get(
                   element.id
                 );
+                if (Math.abs(origElement.x) > 1e7 || Math.abs(origElement.x) > 1e7 || Math.abs(origElement.width) > 1e7 || Math.abs(origElement.height) > 1e7) {
+                  console.error(
+                    `Alt+dragging duplicated element with invalid dimensions`,
+                    origElement.x,
+                    origElement.y,
+                    origElement.width,
+                    origElement.height
+                  );
+                  return;
+                }
                 mutateElement(duplicatedElement, {
                   x: origElement.x,
                   y: origElement.y