@excalidraw/excalidraw 0.18.0-rc.2 → 0.18.0-rc.4

package/dist/types/excalidraw/components/welcome-screen/WelcomeScreen.d.ts

@@ -3,61 +3,61 @@ import "./WelcomeScreen.scss";
 declare const WelcomeScreen: {
     (props: {
         children?: React.ReactNode;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     Center: {
         ({ children }: {
             children?: import("react").ReactNode;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
         Logo: {
             ({ children }: {
                 children?: import("react").ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         Heading: {
             ({ children }: {
                 children: import("react").ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         Menu: {
             ({ children }: {
                 children?: import("react").ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         MenuItem: {
             ({ onSelect, children, icon, shortcut, className, ...props }: {
                 onSelect: () => void;
                 children: import("react").ReactNode;
-                icon?: JSX.Element | undefined;
+                icon?: import("react").JSX.Element | undefined;
                 shortcut?: string | null | undefined;
-            } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+            } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         MenuItemLink: {
             ({ children, href, icon, shortcut, className, ...props }: {
                 children: import("react").ReactNode;
                 href: string;
-                icon?: JSX.Element | undefined;
+                icon?: import("react").JSX.Element | undefined;
                 shortcut?: string | null | undefined;
-            } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+            } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         MenuItemHelp: {
-            (): JSX.Element;
+            (): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         MenuItemLoadScene: {
-            (): JSX.Element | null;
+            (): import("react/jsx-runtime").JSX.Element | null;
             displayName: string;
         };
         MenuItemLiveCollaborationTrigger: {
             ({ onSelect, }: {
                 onSelect: () => any;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
     };
@@ -65,19 +65,19 @@ declare const WelcomeScreen: {
         MenuHint: {
             ({ children }: {
                 children?: import("react").ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         ToolbarHint: {
             ({ children }: {
                 children?: import("react").ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         HelpHint: {
             ({ children }: {
                 children?: import("react").ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
     };

package/dist/types/excalidraw/element/ElementCanvasButtons.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { ElementsMap, NonDeletedExcalidrawElement } from "./types";
 import "./ElementCanvasButtons.scss";
 export declare const ElementCanvasButtons: ({ children, element, elementsMap, }: {
     children: React.ReactNode;
     element: NonDeletedExcalidrawElement;
     elementsMap: ElementsMap;
-}) => JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/excalidraw/element/types.d.ts

@@ -228,7 +228,7 @@ export type ExcalidrawElbowArrowElement = Merge<ExcalidrawArrowElement, {
     elbowed: true;
     startBinding: FixedPointBinding | null;
     endBinding: FixedPointBinding | null;
-    fixedSegments: FixedSegment[] | null;
+    fixedSegments: readonly FixedSegment[] | null;
     /**
      * Marks that the 3rd point should be used as the 2nd point of the arrow in
      * order to temporarily hide the first segment of the arrow without losing

package/dist/types/excalidraw/fonts/FontMetadata.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { JSX } from "react";
 /**
  * Encapsulates font metrics with additional font metadata.
  * */

package/dist/types/excalidraw/hooks/useOutsideClick.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare function useOutsideClick<T extends HTMLElement>(ref: React.RefObject<T>, 
+export declare function useOutsideClick<T extends HTMLElement>(ref: React.RefObject<T | null>, 
 /** if performance is of concern, memoize the callback */
 callback: (event: Event) => void, 
 /**

package/dist/types/excalidraw/hooks/useScrollPosition.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const useScrollPosition: <T extends HTMLElement>(elementRef: import("react").RefObject<T>) => number;
+export declare const useScrollPosition: <T extends HTMLElement>(elementRef: import("react").RefObject<T | null>) => number;

package/dist/types/excalidraw/index.d.ts

@@ -7,7 +7,7 @@ import Footer from "./components/footer/FooterCenter";
 import MainMenu from "./components/main-menu/MainMenu";
 import WelcomeScreen from "./components/welcome-screen/WelcomeScreen";
 import LiveCollaborationTrigger from "./components/live-collaboration/LiveCollaborationTrigger";
-export declare const Excalidraw: React.MemoExoticComponent<(props: ExcalidrawProps) => JSX.Element>;
+export declare const Excalidraw: React.MemoExoticComponent<(props: ExcalidrawProps) => import("react/jsx-runtime").JSX.Element>;
 export { getSceneVersion, hashElementsVersion, hashString, isInvisiblySmallElement, getNonDeletedElements, getTextFromElements, } from "./element";
 export { defaultLang, useI18n, languages } from "./i18n";
 export { restore, restoreAppState, restoreElements, restoreLibraryItems, } from "./data/restore";

package/dist/types/excalidraw/shapes.d.ts

@@ -1,65 +1,64 @@
-/// <reference types="react" />
 import { type GlobalPoint, type LocalPoint } from "@excalidraw/math";
 import { type GeometricShape } from "@excalidraw/utils/geometry/shape";
 import type { Bounds } from "./element/bounds";
 import type { ElementsMap, ExcalidrawElement, ExcalidrawLinearElement, NonDeleted } from "./element/types";
 import type { Zoom } from "./types";
 export declare const SHAPES: readonly [{
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "selection";
     readonly key: "v";
     readonly numericKey: "1";
     readonly fillable: true;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "rectangle";
     readonly key: "r";
     readonly numericKey: "2";
     readonly fillable: true;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "diamond";
     readonly key: "d";
     readonly numericKey: "3";
     readonly fillable: true;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "ellipse";
     readonly key: "o";
     readonly numericKey: "4";
     readonly fillable: true;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "arrow";
     readonly key: "a";
     readonly numericKey: "5";
     readonly fillable: true;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "line";
     readonly key: "l";
     readonly numericKey: "6";
     readonly fillable: true;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "freedraw";
     readonly key: readonly ["p", "x"];
     readonly numericKey: "7";
     readonly fillable: false;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "text";
     readonly key: "t";
     readonly numericKey: "8";
     readonly fillable: false;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "image";
     readonly key: null;
     readonly numericKey: "9";
     readonly fillable: false;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "eraser";
     readonly key: "e";
     readonly numericKey: "0";

package/dist/types/excalidraw/types.d.ts

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 import type React from "react";
 import type { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, Arrowhead, ChartType, FontFamilyValues, FileId, ExcalidrawImageElement, Theme, StrokeRoundness, ExcalidrawEmbeddableElement, ExcalidrawMagicFrameElement, ExcalidrawFrameLikeElement, ExcalidrawElementType, ExcalidrawIframeLikeElement, OrderedExcalidrawElement, ExcalidrawNonSelectionElement } from "./element/types";
 import type { Action } from "./actions/types";

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.18.0-rc.2",
+  "version": "0.18.0-rc.4",
   "type": "module",
   "types": "./dist/types/excalidraw/index.d.ts",
   "main": "./dist/prod/index.js",
   "module": "./dist/prod/index.js",
   "exports": {
+    "./*": {
+      "types": "./dist/types/excalidraw/*.d.ts"
+    },
     "./index.css": {
       "development": "./dist/dev/index.css",
       "production": "./dist/prod/index.css"
@@ -14,9 +17,6 @@
       "types": "./dist/types/excalidraw/index.d.ts",
       "development": "./dist/dev/index.js",
       "production": "./dist/prod/index.js"
-    },
-    "./*": {
-      "types": "./../excalidraw/dist/types/excalidraw/*"
     }
   },
   "files": [
@@ -54,8 +54,8 @@
     ]
   },
   "peerDependencies": {
-    "react": "^17.0.2 || ^18.2.0",
-    "react-dom": "^17.0.2 || ^18.2.0"
+    "react": "^17.0.2 || ^18.2.0 || ^19.0.0",
+    "react-dom": "^17.0.2 || ^18.2.0 || ^19.0.0"
   },
   "dependencies": {
     "@braintree/sanitize-url": "6.0.2",
@@ -75,6 +75,7 @@
     "jotai": "2.11.0",
     "jotai-scope": "0.7.2",
     "lodash.throttle": "4.1.1",
+    "lodash.debounce": "4.0.8",
     "nanoid": "3.3.3",
     "open-color": "1.9.1",
     "pako": "2.0.3",
@@ -100,8 +101,9 @@
     "@babel/preset-typescript": "7.24.1",
     "@size-limit/preset-big-lib": "9.0.0",
     "@testing-library/dom": "10.4.0",
-    "@testing-library/jest-dom": "5.16.2",
-    "@testing-library/react": "16.0.0",
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "16.2.0",
+    "@types/lodash.debounce": "4.0.8",
     "@types/pako": "2.0.3",
     "@types/pica": "5.1.3",
     "@types/resize-observer-browser": "0.1.7",
@@ -124,8 +126,6 @@
   "homepage": "https://github.com/excalidraw/excalidraw/tree/master/packages/excalidraw",
   "scripts": {
     "gen:types": "rm -rf types && tsc",
-    "build:esm": "rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types",
-    "start": "node ../../scripts/buildExample.mjs && vite",
-    "build:example": "node ../../scripts/buildExample.mjs"
+    "build:esm": "rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types"
   }
 }