npm - @excalidraw/element - Versions diffs - 0.18.0-b9d27d3 → 0.18.0-c158187 - Mend

@excalidraw/element 0.18.0-b9d27d3 → 0.18.0-c158187

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (201) hide show

package/dist/types/excalidraw/components/dropdownMenu/DropdownMenuItemContent.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import type { JSX } from "react";
 declare const MenuItemContent: ({ textStyle, icon, shortcut, children, }: {
-    icon?: JSX.Element | undefined;
-    shortcut?: string | undefined;
-    textStyle?: import("react").CSSProperties | undefined;
+    icon?: JSX.Element;
+    shortcut?: string;
+    textStyle?: React.CSSProperties;
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 export default MenuItemContent;

package/dist/types/excalidraw/components/dropdownMenu/DropdownMenuItemContentRadio.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props<T> = {
     value: T;
     shortcut?: string;

package/dist/types/excalidraw/components/dropdownMenu/DropdownMenuItemCustom.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from "react";
 declare const DropdownMenuItemCustom: ({ children, className, selected, ...rest }: {
     children: React.ReactNode;
-    className?: string | undefined;
-    selected?: boolean | undefined;
+    className?: string;
+    selected?: boolean;
 } & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export default DropdownMenuItemCustom;

package/dist/types/excalidraw/components/dropdownMenu/DropdownMenuItemLink.d.ts CHANGED Viewed

@@ -3,13 +3,13 @@ import type { JSX } from "react";
 declare const DropdownMenuItemLink: {
     ({ icon, shortcut, href, children, onSelect, className, selected, rel, ...rest }: {
         href: string;
-        icon?: JSX.Element | undefined;
+        icon?: JSX.Element;
         children: React.ReactNode;
-        shortcut?: string | undefined;
-        className?: string | undefined;
-        selected?: boolean | undefined;
-        onSelect?: ((event: Event) => void) | undefined;
-        rel?: string | undefined;
+        shortcut?: string;
+        className?: string;
+        selected?: boolean;
+        onSelect?: (event: Event) => void;
+        rel?: string;
     } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/types/excalidraw/components/dropdownMenu/DropdownMenuTrigger.d.ts CHANGED Viewed

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 declare const MenuTrigger: {
     ({ className, children, onToggle, title, ...rest }: {
-        className?: string | undefined;
+        className?: string;
         children: React.ReactNode;
         onToggle: () => void;
-        title?: string | undefined;
-    } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
+        title?: string;
+    } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default MenuTrigger;

package/dist/types/excalidraw/components/dropdownMenu/common.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
 export declare const DropdownMenuContentPropsContext: React.Context<{
-    onSelect?: ((event: Event) => void) | undefined;
+    onSelect?: (event: Event) => void;
 }>;
 export declare const getDropdownMenuItemClassName: (className?: string, selected?: boolean, hovered?: boolean) => string;
 export declare const useHandleDropdownMenuItemClick: (origOnClick: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined, onSelect: ((event: Event) => void) | undefined) => (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void;

package/dist/types/excalidraw/components/hoc/withInternalFallback.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
 export declare const withInternalFallback: <P>(componentName: string, Component: React.FC<P>) => React.FC<P & {
-    __fallback?: boolean | undefined;
+    __fallback?: boolean;
 }>;

package/dist/types/excalidraw/components/hyperlink/helpers.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { GlobalPoint, Radians } from "@excalidraw/math";
-import type { Bounds } from "@excalidraw/element";
+import type { Bounds } from "@excalidraw/common";
 import type { ElementsMap, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { AppState, UIAppState } from "../../types";
 export declare const DEFAULT_LINK_SIZE = 12;

package/dist/types/excalidraw/components/icons.d.ts CHANGED Viewed

@@ -11,6 +11,7 @@ export declare const PlusPromoIcon: import("react/jsx-runtime").JSX.Element;
 export declare const LibraryIcon: import("react/jsx-runtime").JSX.Element;
 export declare const PlusIcon: import("react/jsx-runtime").JSX.Element;
 export declare const DotsIcon: import("react/jsx-runtime").JSX.Element;
+export declare const DotsHorizontalIcon: import("react/jsx-runtime").JSX.Element;
 export declare const PinIcon: import("react/jsx-runtime").JSX.Element;
 export declare const polygonIcon: import("react/jsx-runtime").JSX.Element;
 export declare const UnlockedIcon: import("react/jsx-runtime").JSX.Element;
@@ -30,6 +31,7 @@ export declare const LineIcon: import("react/jsx-runtime").JSX.Element;
 export declare const PenModeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FreedrawIcon: import("react/jsx-runtime").JSX.Element;
 export declare const TextIcon: import("react/jsx-runtime").JSX.Element;
+export declare const TextSizeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ImageIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EraserIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ZoomInIcon: import("react/jsx-runtime").JSX.Element;
@@ -116,37 +118,37 @@ export declare const EdgeSharpIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EdgeRoundIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ArrowheadNoneIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ArrowheadArrowIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadCircleIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadCircleOutlineIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadTriangleOutlineIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadDiamondIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadDiamondOutlineIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadCrowfootIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadCrowfootOneIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadCrowfootOneOrManyIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const FontSizeSmallIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FontSizeMediumIcon: import("react/jsx-runtime").JSX.Element;
@@ -222,4 +224,12 @@ export declare const collapseUpIcon: import("react/jsx-runtime").JSX.Element;
 export declare const upIcon: import("react/jsx-runtime").JSX.Element;
 export declare const cropIcon: import("react/jsx-runtime").JSX.Element;
 export declare const elementLinkIcon: import("react/jsx-runtime").JSX.Element;
+export declare const resizeIcon: import("react/jsx-runtime").JSX.Element;
+export declare const adjustmentsIcon: import("react/jsx-runtime").JSX.Element;
+export declare const strokeIcon: import("react/jsx-runtime").JSX.Element;
+export declare const pencilIcon: import("react/jsx-runtime").JSX.Element;
+export declare const chevronLeftIcon: import("react/jsx-runtime").JSX.Element;
+export declare const sidebarRightIcon: import("react/jsx-runtime").JSX.Element;
+export declare const messageCircleIcon: import("react/jsx-runtime").JSX.Element;
+export declare const presentationIcon: import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/live-collaboration/LiveCollaborationTrigger.d.ts CHANGED Viewed

@@ -1,10 +1,11 @@
-/// <reference types="react" />
+import { type EditorInterface } from "@excalidraw/common";
 import "./LiveCollaborationTrigger.scss";
 declare const LiveCollaborationTrigger: {
-    ({ isCollaborating, onSelect, ...rest }: {
+    ({ isCollaborating, onSelect, editorInterface, ...rest }: {
         isCollaborating: boolean;
         onSelect: () => void;
-    } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+        editorInterface?: EditorInterface;
+    } & React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default LiveCollaborationTrigger;

package/dist/types/excalidraw/components/main-menu/DefaultItems.d.ts CHANGED Viewed

@@ -38,8 +38,8 @@ export declare const ToggleTheme: {
         theme: Theme | "system";
         onSelect: (theme: Theme | "system") => void;
     } | {
-        allowSystemTheme?: false | undefined;
-        onSelect?: ((theme: Theme) => void) | undefined;
+        allowSystemTheme?: false;
+        onSelect?: (theme: Theme) => void;
     }): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/dist/types/excalidraw/components/main-menu/MainMenu.d.ts CHANGED Viewed

@@ -5,43 +5,38 @@ declare const MainMenu: React.FC<{
     /**
      * Called when any menu item is selected (clicked on).
      */
-    onSelect?: ((event: Event) => void) | undefined;
+    onSelect?: (event: Event) => void;
 } & {
-    __fallback?: boolean | undefined;
+    __fallback?: boolean;
 }> & {
     Trigger: {
         ({ className, children, onToggle, title, ...rest }: {
-            className?: string | undefined;
+            className?: string;
             children: React.ReactNode;
             onToggle: () => void;
-            title?: string | undefined;
+            title?: string;
         } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Item: {
         ({ icon, value, order, children, shortcut, className, hovered, selected, textStyle, onSelect, onClick, ...rest }: {
-            icon?: React.JSX.Element | undefined;
+            icon?: React.JSX.Element;
             value?: string | number | undefined;
-            order?: number | undefined;
-            onSelect?: ((event: Event) => void) | undefined;
+            order?: number;
+            onSelect?: (event: Event) => void;
             children: React.ReactNode;
-            /**
+            shortcut? /**
              * Called when any menu item is selected (clicked on).
-             */
-            shortcut?: string | undefined;
-            hovered?: boolean | undefined;
-            selected?: boolean | undefined;
-            textStyle?: React.CSSProperties | undefined;
-            className?: string | undefined;
+             */: string;
+            hovered?: boolean;
+            selected?: boolean;
+            textStyle?: React.CSSProperties;
+            className?: string;
         } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
         Badge: {
             ({ type, children, }: {
-                type?: import("../../../common/src/utility-types").ValueOf<{
-                    readonly GREEN: "green";
-                    readonly RED: "red";
-                    readonly BLUE: "blue";
-                }> | undefined;
+                type?: import("@excalidraw/common/utility-types").ValueOf<typeof import("../dropdownMenu/DropdownMenuItem").DropDownMenuItemBadgeType>;
                 children: React.ReactNode;
             }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
@@ -50,27 +45,27 @@ declare const MainMenu: React.FC<{
     ItemLink: {
         ({ icon, shortcut, href, children, onSelect, className, selected, rel, ...rest }: {
             href: string;
-            icon?: React.JSX.Element | undefined;
+            icon?: React.JSX.Element;
             children: React.ReactNode;
-            shortcut?: string | undefined;
-            className?: string | undefined;
-            selected?: boolean | undefined;
-            onSelect?: ((event: Event) => void) | undefined;
-            rel?: string | undefined;
+            shortcut?: string;
+            className?: string;
+            selected?: boolean;
+            onSelect?: (event: Event) => void;
+            rel?: string;
         } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     ItemCustom: ({ children, className, selected, ...rest }: {
         children: React.ReactNode;
-        className?: string | undefined;
-        selected?: boolean | undefined;
+        className?: string;
+        selected?: boolean;
     } & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
     Group: {
         ({ children, className, style, title, }: {
             children: React.ReactNode;
-            className?: string | undefined;
-            style?: React.CSSProperties | undefined;
-            title?: string | undefined;
+            className?: string;
+            style?: React.CSSProperties;
+            title?: string;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };

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

@@ -26,18 +26,18 @@ declare const Center: {
         ({ onSelect, children, icon, shortcut, className, ...props }: {
             onSelect: () => void;
             children: React.ReactNode;
-            icon?: JSX.Element | undefined;
-            shortcut?: string | null | undefined;
-        } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+            icon?: JSX.Element;
+            shortcut?: string | null;
+        } & React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     MenuItemLink: {
         ({ children, href, icon, shortcut, className, ...props }: {
             children: React.ReactNode;
             href: string;
-            icon?: JSX.Element | undefined;
-            shortcut?: string | null | undefined;
-        } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
+            icon?: JSX.Element;
+            shortcut?: string | null;
+        } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     MenuItemHelp: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./WelcomeScreen.scss";
 declare const WelcomeScreen: {
     (props: {
@@ -7,43 +6,43 @@ declare const WelcomeScreen: {
     displayName: string;
     Center: {
         ({ children }: {
-            children?: import("react").ReactNode;
+            children?: React.ReactNode;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
         Logo: {
             ({ children }: {
-                children?: import("react").ReactNode;
+                children?: React.ReactNode;
             }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         Heading: {
             ({ children }: {
-                children: import("react").ReactNode;
+                children: React.ReactNode;
             }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         Menu: {
             ({ children }: {
-                children?: import("react").ReactNode;
+                children?: React.ReactNode;
             }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         MenuItem: {
             ({ onSelect, children, icon, shortcut, className, ...props }: {
                 onSelect: () => void;
-                children: import("react").ReactNode;
-                icon?: import("react").JSX.Element | undefined;
-                shortcut?: string | null | undefined;
-            } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+                children: React.ReactNode;
+                icon?: import("react").JSX.Element;
+                shortcut?: string | null;
+            } & React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         MenuItemLink: {
             ({ children, href, icon, shortcut, className, ...props }: {
-                children: import("react").ReactNode;
+                children: React.ReactNode;
                 href: string;
-                icon?: import("react").JSX.Element | undefined;
-                shortcut?: string | null | undefined;
-            } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
+                icon?: import("react").JSX.Element;
+                shortcut?: string | null;
+            } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         MenuItemHelp: {
@@ -64,19 +63,19 @@ declare const WelcomeScreen: {
     Hints: {
         MenuHint: {
             ({ children }: {
-                children?: import("react").ReactNode;
+                children?: React.ReactNode;
             }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         ToolbarHint: {
             ({ children }: {
-                children?: import("react").ReactNode;
+                children?: React.ReactNode;
             }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         HelpHint: {
             ({ children }: {
-                children?: import("react").ReactNode;
+                children?: React.ReactNode;
             }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };