@zsviczian/excalidraw 0.15.2-obsidian-10 → 0.15.2-obsidian-12

package/types/components/LoadingMessage.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { Theme } from "../element/types";
-export declare const LoadingMessage: React.FC<{
-    delay?: number;
-    theme?: Theme;
-}>;
+import { Theme } from "../element/types";
+export declare const LoadingMessage: React.FC<{
+    delay?: number;
+    theme?: Theme;
+}>;

package/types/components/LockButton.d.ts

@@ -1,10 +1,10 @@
-import "./ToolIcon.scss";
-type LockIconProps = {
-    title?: string;
-    name?: string;
-    checked: boolean;
-    onChange?(): void;
-    isMobile?: boolean;
-};
-export declare const LockButton: (props: LockIconProps) => JSX.Element;
-export {};
+import "./ToolIcon.scss";
+type LockIconProps = {
+    title?: string;
+    name?: string;
+    checked: boolean;
+    onChange?(): void;
+    isMobile?: boolean;
+};
+export declare const LockButton: (props: LockIconProps) => JSX.Element;
+export {};

package/types/components/MenuItem.d.ts

@@ -0,0 +1,11 @@
+import "./Menu.scss";
+interface MenuProps {
+    icon: JSX.Element;
+    onClick: () => void;
+    label: string;
+    dataTestId: string;
+    shortcut?: string;
+    isCollaborating?: boolean;
+}
+declare const MenuItem: ({ icon, onClick, label, dataTestId, shortcut, isCollaborating, }: MenuProps) => JSX.Element;
+export default MenuItem;

package/types/components/MenuUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const MenuLinks: () => JSX.Element;
+export declare const Separator: () => JSX.Element;

package/types/components/MobileMenu.d.ts

@@ -1,27 +1,27 @@
-import React from "react";
-import { AppClassProperties, AppState, Device, ExcalidrawProps, UIAppState } from "../types";
-import { ActionManager } from "../actions/manager";
-import { NonDeletedExcalidrawElement } from "../element/types";
-type MobileMenuProps = {
-    appState: UIAppState;
-    actionManager: ActionManager;
-    renderJSONExportDialog: () => React.ReactNode;
-    renderImageExportDialog: () => React.ReactNode;
-    setAppState: React.Component<any, AppState>["setState"];
-    elements: readonly NonDeletedExcalidrawElement[];
-    onLockToggle: () => void;
-    onHandToolToggle: () => void;
-    onPenModeToggle: () => void;
-    canvas: HTMLCanvasElement | null;
-    onImageAction: (data: {
-        insertOnCanvasDirectly: boolean;
-    }) => void;
-    renderTopRightUI?: (isMobile: boolean, appState: UIAppState) => JSX.Element | null;
-    renderCustomStats?: ExcalidrawProps["renderCustomStats"];
-    renderSidebars: () => JSX.Element | null;
-    device: Device;
-    renderWelcomeScreen: boolean;
-    app: AppClassProperties;
-};
-export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, canvas, onImageAction, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, app, }: MobileMenuProps) => JSX.Element;
-export {};
+import React from "react";
+import { AppClassProperties, AppState, Device, ExcalidrawProps, UIAppState } from "../types";
+import { ActionManager } from "../actions/manager";
+import { NonDeletedExcalidrawElement } from "../element/types";
+type MobileMenuProps = {
+    appState: UIAppState;
+    actionManager: ActionManager;
+    renderJSONExportDialog: () => React.ReactNode;
+    renderImageExportDialog: () => React.ReactNode;
+    setAppState: React.Component<any, AppState>["setState"];
+    elements: readonly NonDeletedExcalidrawElement[];
+    onLockToggle: () => void;
+    onHandToolToggle: () => void;
+    onPenModeToggle: () => void;
+    canvas: HTMLCanvasElement | null;
+    onImageAction: (data: {
+        insertOnCanvasDirectly: boolean;
+    }) => void;
+    renderTopRightUI?: (isMobile: boolean, appState: UIAppState) => JSX.Element | null;
+    renderCustomStats?: ExcalidrawProps["renderCustomStats"];
+    renderSidebars: () => JSX.Element | null;
+    device: Device;
+    renderWelcomeScreen: boolean;
+    app: AppClassProperties;
+};
+export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, canvas, onImageAction, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, app, }: MobileMenuProps) => JSX.Element;
+export {};

package/types/components/Modal.d.ts

@@ -1,13 +1,13 @@
-import "./Modal.scss";
-import React from "react";
-import { AppState } from "../types";
-export declare const Modal: React.FC<{
-    className?: string;
-    children: React.ReactNode;
-    maxWidth?: number;
-    onCloseRequest(): void;
-    labelledBy: string;
-    theme?: AppState["theme"];
-    closeOnClickOutside?: boolean;
-    style: string;
-}>;
+import "./Modal.scss";
+import React from "react";
+import { AppState } from "../types";
+export declare const Modal: React.FC<{
+    className?: string;
+    children: React.ReactNode;
+    maxWidth?: number;
+    onCloseRequest(): void;
+    labelledBy: string;
+    theme?: AppState["theme"];
+    closeOnClickOutside?: boolean;
+    style: string;
+}>;

package/types/components/OverwriteConfirm/OverwriteConfirm.d.ts

@@ -1,17 +1,17 @@
-import React from "react";
-import "./OverwriteConfirm.scss";
-export type OverwriteConfirmDialogProps = {
-    children: React.ReactNode;
-};
-declare const OverwriteConfirmDialog: React.FC<OverwriteConfirmDialogProps & {
-    __fallback?: boolean | undefined;
-}> & {
-    Actions: (({ children }: {
-        children: React.ReactNode;
-    }) => JSX.Element) & {
-        ExportToImage: () => JSX.Element;
-        SaveToDisk: () => JSX.Element;
-    };
-    Action: ({ title, children, actionLabel, onClick, }: import("./OverwriteConfirmActions").ActionProps) => JSX.Element;
-};
-export { OverwriteConfirmDialog };
+import React from "react";
+import "./OverwriteConfirm.scss";
+export type OverwriteConfirmDialogProps = {
+    children: React.ReactNode;
+};
+declare const OverwriteConfirmDialog: React.FC<OverwriteConfirmDialogProps & {
+    __fallback?: boolean | undefined;
+}> & {
+    Actions: (({ children }: {
+        children: React.ReactNode;
+    }) => JSX.Element) & {
+        ExportToImage: () => JSX.Element;
+        SaveToDisk: () => JSX.Element;
+    };
+    Action: ({ title, children, actionLabel, onClick, }: import("./OverwriteConfirmActions").ActionProps) => JSX.Element;
+};
+export { OverwriteConfirmDialog };

package/types/components/OverwriteConfirm/OverwriteConfirmActions.d.ts

@@ -1,17 +1,17 @@
-import React from "react";
-export type ActionProps = {
-    title: string;
-    children: React.ReactNode;
-    actionLabel: string;
-    onClick: () => void;
-};
-export declare const Action: ({ title, children, actionLabel, onClick, }: ActionProps) => JSX.Element;
-export declare const ExportToImage: () => JSX.Element;
-export declare const SaveToDisk: () => JSX.Element;
-declare const Actions: (({ children }: {
-    children: React.ReactNode;
-}) => JSX.Element) & {
-    ExportToImage: () => JSX.Element;
-    SaveToDisk: () => JSX.Element;
-};
-export { Actions };
+import React from "react";
+export type ActionProps = {
+    title: string;
+    children: React.ReactNode;
+    actionLabel: string;
+    onClick: () => void;
+};
+export declare const Action: ({ title, children, actionLabel, onClick, }: ActionProps) => JSX.Element;
+export declare const ExportToImage: () => JSX.Element;
+export declare const SaveToDisk: () => JSX.Element;
+declare const Actions: (({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element) & {
+    ExportToImage: () => JSX.Element;
+    SaveToDisk: () => JSX.Element;
+};
+export { Actions };

package/types/components/OverwriteConfirm/OverwriteConfirmState.d.ts

@@ -1,22 +1,22 @@
-import React from "react";
-export type OverwriteConfirmState = {
-    active: true;
-    title: string;
-    description: React.ReactNode;
-    actionLabel: string;
-    color: "danger" | "warning";
-    onClose: () => void;
-    onConfirm: () => void;
-    onReject: () => void;
-} | {
-    active: false;
-};
-export declare const overwriteConfirmStateAtom: import("jotai").PrimitiveAtom<OverwriteConfirmState> & {
-    init: OverwriteConfirmState;
-};
-export declare function openConfirmModal({ title, description, actionLabel, color, }: {
-    title: string;
-    description: React.ReactNode;
-    actionLabel: string;
-    color: "danger" | "warning";
-}): Promise<boolean>;
+import React from "react";
+export type OverwriteConfirmState = {
+    active: true;
+    title: string;
+    description: React.ReactNode;
+    actionLabel: string;
+    color: "danger" | "warning";
+    onClose: () => void;
+    onConfirm: () => void;
+    onReject: () => void;
+} | {
+    active: false;
+};
+export declare const overwriteConfirmStateAtom: import("jotai").PrimitiveAtom<OverwriteConfirmState> & {
+    init: OverwriteConfirmState;
+};
+export declare function openConfirmModal({ title, description, actionLabel, color, }: {
+    title: string;
+    description: React.ReactNode;
+    actionLabel: string;
+    color: "danger" | "warning";
+}): Promise<boolean>;

package/types/components/PasteChartDialog.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { UIAppState } from "../types";
-import "./PasteChartDialog.scss";
-export declare const PasteChartDialog: ({ setAppState, appState, onClose, }: {
-    appState: UIAppState;
-    onClose: () => void;
-    setAppState: React.Component<any, UIAppState>["setState"];
-}) => JSX.Element;
+import React from "react";
+import { UIAppState } from "../types";
+import "./PasteChartDialog.scss";
+export declare const PasteChartDialog: ({ setAppState, appState, onClose, }: {
+    appState: UIAppState;
+    onClose: () => void;
+    setAppState: React.Component<any, UIAppState>["setState"];
+}) => JSX.Element;

package/types/components/PenModeButton.d.ts

@@ -1,12 +1,12 @@
-import "./ToolIcon.scss";
-type PenModeIconProps = {
-    title?: string;
-    name?: string;
-    checked: boolean;
-    onChange?(): void;
-    zenModeEnabled?: boolean;
-    isMobile?: boolean;
-    penDetected: boolean;
-};
-export declare const PenModeButton: (props: PenModeIconProps) => JSX.Element | null;
-export {};
+import "./ToolIcon.scss";
+type PenModeIconProps = {
+    title?: string;
+    name?: string;
+    checked: boolean;
+    onChange?(): void;
+    zenModeEnabled?: boolean;
+    isMobile?: boolean;
+    penDetected: boolean;
+};
+export declare const PenModeButton: (props: PenModeIconProps) => JSX.Element | null;
+export {};

package/types/components/Popover.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-import "./Popover.scss";
-type Props = {
-    top?: number;
-    left?: number;
-    children?: React.ReactNode;
-    onCloseRequest?(event: PointerEvent): void;
-    fitInViewport?: boolean;
-    offsetLeft?: number;
-    offsetTop?: number;
-    viewportWidth?: number;
-    viewportHeight?: number;
-};
-export declare const Popover: ({ children, left, top, onCloseRequest, fitInViewport, offsetLeft, offsetTop, viewportWidth, viewportHeight, }: Props) => JSX.Element;
-export {};
+import React from "react";
+import "./Popover.scss";
+type Props = {
+    top?: number;
+    left?: number;
+    children?: React.ReactNode;
+    onCloseRequest?(event: PointerEvent): void;
+    fitInViewport?: boolean;
+    offsetLeft?: number;
+    offsetTop?: number;
+    viewportWidth?: number;
+    viewportHeight?: number;
+};
+export declare const Popover: ({ children, left, top, onCloseRequest, fitInViewport, offsetLeft, offsetTop, viewportWidth, viewportHeight, }: Props) => JSX.Element;
+export {};

package/types/components/ProjectName.d.ts

@@ -1,11 +1,11 @@
-import "./TextInput.scss";
-import "./ProjectName.scss";
-type Props = {
-    value: string;
-    onChange: (value: string) => void;
-    label: string;
-    isNameEditable: boolean;
-    ignoreFocus?: boolean;
-};
-export declare const ProjectName: (props: Props) => JSX.Element;
-export {};
+import "./TextInput.scss";
+import "./ProjectName.scss";
+type Props = {
+    value: string;
+    onChange: (value: string) => void;
+    label: string;
+    isNameEditable: boolean;
+    ignoreFocus?: boolean;
+};
+export declare const ProjectName: (props: Props) => JSX.Element;
+export {};

package/types/components/PublishLibrary.d.ts

@@ -1,16 +1,16 @@
-import { LibraryItems, UIAppState } from "../types";
-import "./PublishLibrary.scss";
-declare const PublishLibrary: ({ onClose, libraryItems, appState, onSuccess, onError, updateItemsInStorage, onRemove, }: {
-    onClose: () => void;
-    libraryItems: LibraryItems;
-    appState: UIAppState;
-    onSuccess: (data: {
-        url: string;
-        authorName: string;
-        items: LibraryItems;
-    }) => void;
-    onError: (error: Error) => void;
-    updateItemsInStorage: (items: LibraryItems) => void;
-    onRemove: (id: string) => void;
-}) => JSX.Element;
-export default PublishLibrary;
+import { LibraryItems, UIAppState } from "../types";
+import "./PublishLibrary.scss";
+declare const PublishLibrary: ({ onClose, libraryItems, appState, onSuccess, onError, updateItemsInStorage, onRemove, }: {
+    onClose: () => void;
+    libraryItems: LibraryItems;
+    appState: UIAppState;
+    onSuccess: (data: {
+        url: string;
+        authorName: string;
+        items: LibraryItems;
+    }) => void;
+    onError: (error: Error) => void;
+    updateItemsInStorage: (items: LibraryItems) => void;
+    onRemove: (id: string) => void;
+}) => JSX.Element;
+export default PublishLibrary;

package/types/components/RadioGroup.d.ts

@@ -1,12 +1,12 @@
-import "./RadioGroup.scss";
-export type RadioGroupChoice<T> = {
-    value: T;
-    label: string;
-};
-export type RadioGroupProps<T> = {
-    choices: RadioGroupChoice<T>[];
-    value: T;
-    onChange: (value: T) => void;
-    name: string;
-};
-export declare const RadioGroup: <T>({ onChange, value, choices, name, }: RadioGroupProps<T>) => JSX.Element;
+import "./RadioGroup.scss";
+export type RadioGroupChoice<T> = {
+    value: T;
+    label: string;
+};
+export type RadioGroupProps<T> = {
+    choices: RadioGroupChoice<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    name: string;
+};
+export declare const RadioGroup: <T>({ onChange, value, choices, name, }: RadioGroupProps<T>) => JSX.Element;

package/types/components/Section.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-export declare const Section: React.FC<{
-    heading: "canvasActions" | "selectedShapeActions" | "shapes";
-    children?: React.ReactNode | ((heading: React.ReactNode) => React.ReactNode);
-    className?: string;
-}>;
+import React from "react";
+export declare const Section: React.FC<{
+    heading: "canvasActions" | "selectedShapeActions" | "shapes";
+    children?: React.ReactNode | ((heading: React.ReactNode) => React.ReactNode);
+    className?: string;
+}>;

package/types/components/Sidebar/Sidebar.d.ts

@@ -1,76 +1,76 @@
-import React from "react";
-import "./Sidebar.scss";
-/**
- * Flags whether the currently rendered Sidebar is docked or not, for use
- * in upstream components that need to act on this (e.g. LayerUI to shift the
- * UI). We use an atom because of potential host app sidebars (for the default
- * sidebar we could just read from appState.defaultSidebarDockedPreference).
- *
- * Since we can only render one Sidebar at a time, we can use a simple flag.
- */
-export declare const isSidebarDockedAtom: import("jotai").PrimitiveAtom<boolean> & {
-    init: boolean;
-};
-export declare const SidebarInner: React.ForwardRefExoticComponent<Pick<{
-    name: string;
-    children: React.ReactNode;
-    onStateChange?: ((state: {
-        name: string;
-        tab?: string | undefined;
-    } | null) => void) | undefined;
-    onDock?: ((docked: boolean) => void) | undefined;
-    docked?: boolean | undefined;
-    className?: string | undefined;
-    __fallback?: boolean | undefined;
-} & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">, "className" | "name" | "children" | "key" | "onDock" | "docked" | "onStateChange" | "__fallback"> & React.RefAttributes<HTMLDivElement>>;
-export declare const Sidebar: React.ForwardRefExoticComponent<{
-    name: string;
-    children: React.ReactNode;
-    onStateChange?: ((state: {
-        name: string;
-        tab?: string | undefined;
-    } | null) => void) | undefined;
-    onDock?: ((docked: boolean) => void) | undefined;
-    docked?: boolean | undefined;
-    className?: string | undefined;
-    __fallback?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Header: {
-        ({ children, className, }: {
-            children?: React.ReactNode;
-            className?: string | undefined;
-        }): JSX.Element;
-        displayName: string;
-    };
-    TabTriggers: {
-        ({ children, ...rest }: {
-            children: React.ReactNode;
-        } & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">): JSX.Element;
-        displayName: string;
-    };
-    TabTrigger: {
-        ({ children, tab, onSelect, ...rest }: {
-            children: React.ReactNode;
-            tab: string;
-            onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        } & Omit<React.HTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
-        displayName: string;
-    };
-    Tabs: {
-        ({ children, ...rest }: {
-            children: React.ReactNode;
-        } & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">): JSX.Element | null;
-        displayName: string;
-    };
-    Tab: {
-        ({ tab, children, ...rest }: {
-            tab: string;
-            children: React.ReactNode;
-        } & React.HTMLAttributes<HTMLDivElement>): JSX.Element;
-        displayName: string;
-    };
-    Trigger: {
-        ({ name, tab, icon, title, children, onToggle, className, style, }: import("./common").SidebarTriggerProps): JSX.Element;
-        displayName: string;
-    };
-};
+import React from "react";
+import "./Sidebar.scss";
+/**
+ * Flags whether the currently rendered Sidebar is docked or not, for use
+ * in upstream components that need to act on this (e.g. LayerUI to shift the
+ * UI). We use an atom because of potential host app sidebars (for the default
+ * sidebar we could just read from appState.defaultSidebarDockedPreference).
+ *
+ * Since we can only render one Sidebar at a time, we can use a simple flag.
+ */
+export declare const isSidebarDockedAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+export declare const SidebarInner: React.ForwardRefExoticComponent<Pick<{
+    name: string;
+    children: React.ReactNode;
+    onStateChange?: ((state: {
+        name: string;
+        tab?: string | undefined;
+    } | null) => void) | undefined;
+    onDock?: ((docked: boolean) => void) | undefined;
+    docked?: boolean | undefined;
+    className?: string | undefined;
+    __fallback?: boolean | undefined;
+} & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">, "className" | "name" | "children" | "key" | "onDock" | "docked" | "onStateChange" | "__fallback"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Sidebar: React.ForwardRefExoticComponent<{
+    name: string;
+    children: React.ReactNode;
+    onStateChange?: ((state: {
+        name: string;
+        tab?: string | undefined;
+    } | null) => void) | undefined;
+    onDock?: ((docked: boolean) => void) | undefined;
+    docked?: boolean | undefined;
+    className?: string | undefined;
+    __fallback?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Header: {
+        ({ children, className, }: {
+            children?: React.ReactNode;
+            className?: string | undefined;
+        }): JSX.Element;
+        displayName: string;
+    };
+    TabTriggers: {
+        ({ children, ...rest }: {
+            children: React.ReactNode;
+        } & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">): JSX.Element;
+        displayName: string;
+    };
+    TabTrigger: {
+        ({ children, tab, onSelect, ...rest }: {
+            children: React.ReactNode;
+            tab: string;
+            onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        } & Omit<React.HTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
+        displayName: string;
+    };
+    Tabs: {
+        ({ children, ...rest }: {
+            children: React.ReactNode;
+        } & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">): JSX.Element | null;
+        displayName: string;
+    };
+    Tab: {
+        ({ tab, children, ...rest }: {
+            tab: string;
+            children: React.ReactNode;
+        } & React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        ({ name, tab, icon, title, children, onToggle, className, style, }: import("./common").SidebarTriggerProps): JSX.Element;
+        displayName: string;
+    };
+};

package/types/components/Sidebar/SidebarHeader.d.ts

@@ -1,7 +1,7 @@
-export declare const SidebarHeader: {
-    ({ children, className, }: {
-        children?: React.ReactNode;
-        className?: string | undefined;
-    }): JSX.Element;
-    displayName: string;
-};
+export declare const SidebarHeader: {
+    ({ children, className, }: {
+        children?: React.ReactNode;
+        className?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};

package/types/components/Sidebar/SidebarTab.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { SidebarTabName } from "../../types";
-export declare const SidebarTab: {
-    ({ tab, children, ...rest }: {
-        tab: SidebarTabName;
-        children: React.ReactNode;
-    } & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
-    displayName: string;
-};
+import { SidebarTabName } from "../../types";
+export declare const SidebarTab: {
+    ({ tab, children, ...rest }: {
+        tab: SidebarTabName;
+        children: React.ReactNode;
+    } & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
+    displayName: string;
+};

package/types/components/Sidebar/SidebarTabTrigger.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { SidebarTabName } from "../../types";
-export declare const SidebarTabTrigger: {
-    ({ children, tab, onSelect, ...rest }: {
-        children: React.ReactNode;
-        tab: SidebarTabName;
-        onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    } & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
-    displayName: string;
-};
+import { SidebarTabName } from "../../types";
+export declare const SidebarTabTrigger: {
+    ({ children, tab, onSelect, ...rest }: {
+        children: React.ReactNode;
+        tab: SidebarTabName;
+        onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+    } & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
+    displayName: string;
+};