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

package/types/types.d.ts

@@ -66,6 +66,47 @@ export type LastActiveTool = {
 } | null;
 export type SidebarName = string;
 export type SidebarTabName = string;
+type _CommonCanvasAppState = {
+    zoom: AppState["zoom"];
+    scrollX: AppState["scrollX"];
+    scrollY: AppState["scrollY"];
+    width: AppState["width"];
+    height: AppState["height"];
+    viewModeEnabled: AppState["viewModeEnabled"];
+    editingGroupId: AppState["editingGroupId"];
+    selectedElementIds: AppState["selectedElementIds"];
+    frameToHighlight: AppState["frameToHighlight"];
+    offsetLeft: AppState["offsetLeft"];
+    offsetTop: AppState["offsetTop"];
+    theme: AppState["theme"];
+    pendingImageElementId: AppState["pendingImageElementId"];
+};
+export type StaticCanvasAppState = Readonly<_CommonCanvasAppState & {
+    shouldCacheIgnoreZoom: AppState["shouldCacheIgnoreZoom"];
+    /** null indicates transparent bg */
+    viewBackgroundColor: AppState["viewBackgroundColor"] | null;
+    exportScale: AppState["exportScale"];
+    selectedElementsAreBeingDragged: AppState["selectedElementsAreBeingDragged"];
+    gridSize: AppState["gridSize"];
+    frameRendering: AppState["frameRendering"];
+    linkOpacity: AppState["linkOpacity"];
+    gridColor: AppState["gridColor"];
+}>;
+export type InteractiveCanvasAppState = Readonly<_CommonCanvasAppState & {
+    activeEmbeddable: AppState["activeEmbeddable"];
+    editingLinearElement: AppState["editingLinearElement"];
+    selectionElement: AppState["selectionElement"];
+    selectedGroupIds: AppState["selectedGroupIds"];
+    selectedLinearElement: AppState["selectedLinearElement"];
+    multiElement: AppState["multiElement"];
+    isBindingEnabled: AppState["isBindingEnabled"];
+    suggestedBindings: AppState["suggestedBindings"];
+    isRotating: AppState["isRotating"];
+    elementsToHighlight: AppState["elementsToHighlight"];
+    openSidebar: AppState["openSidebar"];
+    showHyperlinkPopup: AppState["showHyperlinkPopup"];
+    collaborators: AppState["collaborators"];
+}>;
 export type AppState = {
     contextMenu: {
         items: ContextMenuItems;
@@ -216,7 +257,10 @@ export type AppState = {
     customPens?: any[];
     currentStrokeOptions?: any;
     resetCustomPen?: any;
-    gridColor: string;
+    gridColor: {
+        Bold: string;
+        Regular: string;
+    };
     dynamicStyle: string;
     invertBindingBehaviour: boolean;
     selectedLinearElement: LinearElementEditor | null;
@@ -329,8 +373,8 @@ export declare enum UserIdleState {
 }
 export type ExportOpts = {
     saveFileToDisk?: boolean;
-    onExportToBackend?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: UIAppState, files: BinaryFiles, canvas: HTMLCanvasElement | null) => void;
-    renderCustomUI?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: UIAppState, files: BinaryFiles, canvas: HTMLCanvasElement | null) => JSX.Element;
+    onExportToBackend?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: UIAppState, files: BinaryFiles, canvas: HTMLCanvasElement) => void;
+    renderCustomUI?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: UIAppState, files: BinaryFiles, canvas: HTMLCanvasElement) => JSX.Element;
 };
 type CanvasActions = Partial<{
     changeViewBackgroundColor: boolean;
@@ -362,7 +406,8 @@ export type AppProps = Merge<ExcalidrawProps, {
  * in the app, eg Manager. Factored out into a separate type to keep DRY. */
 export type AppClassProperties = {
     props: AppProps;
-    canvas: HTMLCanvasElement | null;
+    canvas: HTMLCanvasElement;
+    interactiveCanvas: HTMLCanvasElement | null;
     focusContainer(): void;
     library: Library;
     imageCache: Map<FileId, {

package/types/utils.d.ts

@@ -88,10 +88,10 @@ export declare const updateActiveTool: (appState: Pick<AppState, "activeTool">,
 }) & {
     lastActiveToolBeforeEraser?: LastActiveTool;
 }) => AppState["activeTool"];
-export declare const resetCursor: (canvas: HTMLCanvasElement | null) => void;
-export declare const setCursor: (canvas: HTMLCanvasElement | null, cursor: string) => void;
-export declare const setEraserCursor: (canvas: HTMLCanvasElement | null, theme: AppState["theme"]) => void;
-export declare const setCursorForShape: (canvas: HTMLCanvasElement | null, appState: Pick<AppState, "activeTool" | "theme">) => void;
+export declare const resetCursor: (interactiveCanvas: HTMLCanvasElement | null) => void;
+export declare const setCursor: (interactiveCanvas: HTMLCanvasElement | null, cursor: string) => void;
+export declare const setEraserCursor: (interactiveCanvas: HTMLCanvasElement | null, theme: AppState["theme"]) => void;
+export declare const setCursorForShape: (interactiveCanvas: HTMLCanvasElement | null, appState: Pick<AppState, "activeTool" | "theme">) => void;
 export declare const isFullScreen: () => boolean;
 export declare const allowFullScreen: () => Promise<void>;
 export declare const exitFullScreen: () => Promise<void>;
@@ -190,3 +190,11 @@ export declare const composeEventHandlers: <E>(originalEventHandler?: ((event: E
     checkForDefaultPrevented?: boolean | undefined;
 }) => (event: E) => void;
 export declare const isOnlyExportingSingleFrame: (elements: readonly NonDeletedExcalidrawElement[]) => boolean;
+export declare const assertNever: (value: never, message: string, softAssert?: boolean) => never;
+/**
+ * Memoizes on values of `opts` object (strict equality).
+ */
+export declare const memoize: <T extends Record<string, any>, R extends unknown>(func: (opts: T) => R) => ((opts: T) => R) & {
+    clear: () => void;
+};
+export declare const isRenderThrottlingEnabled: () => boolean;

package/types/actions/actionToggleLock.d.ts

@@ -1,139 +0,0 @@
-/// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-export declare const actionToggleLock: {
-    name: "toggleLock";
-    trackEvent: {
-        category: "element";
-    };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => false | {
-        elements: ExcalidrawElement[];
-        appState: {
-            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            contextMenu: {
-                items: import("../components/ContextMenu").ContextMenuItems;
-                top: number;
-                left: number;
-            } | null;
-            showWelcomeScreen: boolean;
-            isLoading: boolean;
-            errorMessage: import("react").ReactNode;
-            draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-            activeTool: {
-                lastActiveTool: import("../types").LastActiveTool;
-                locked: boolean;
-            } & ({
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
-                customType: null;
-            } | {
-                type: "custom";
-                customType: string;
-            });
-            penMode: boolean;
-            penDetected: boolean;
-            exportBackground: boolean;
-            exportEmbedScene: boolean;
-            exportWithDarkMode: boolean;
-            exportScale: number;
-            currentItemStrokeColor: string;
-            currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
-            currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
-            currentItemRoughness: number;
-            currentItemOpacity: number;
-            currentItemFontFamily: number;
-            currentItemFontSize: number;
-            currentItemTextAlign: string;
-            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
-            viewBackgroundColor: string;
-            scrollX: number;
-            scrollY: number;
-            cursorButton: "up" | "down";
-            scrolledOutside: boolean;
-            name: string;
-            isResizing: boolean;
-            isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
-            openSidebar: {
-                name: string;
-                tab?: string | undefined;
-            } | null;
-            openDialog: "imageExport" | "help" | "jsonExport" | null;
-            defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
-            selectedElementIds: {
-                [id: string]: boolean;
-            };
-            previousSelectedElementIds: {
-                [id: string]: boolean;
-            };
-            shouldCacheIgnoreZoom: boolean;
-            toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
-            } | null;
-            zenModeEnabled: boolean;
-            theme: string;
-            gridSize: number | null;
-            previousGridSize: number | null;
-            viewModeEnabled: boolean;
-            selectedGroupIds: {
-                [groupId: string]: boolean;
-            };
-            editingGroupId: string | null;
-            width: number;
-            height: number;
-            offsetTop: number;
-            offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<string, import("../types").Collaborator>;
-            showStats: boolean;
-            currentChartType: import("../element/types").ChartType;
-            pasteDialog: {
-                shown: false;
-                data: null;
-            } | {
-                shown: true;
-                data: import("../charts").Spreadsheet;
-            };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
-            linkOpacity: number;
-            trayModeEnabled: boolean;
-            colorPalette: {
-                canvasBackground?: string[] | undefined;
-                elementBackground?: string[] | undefined;
-                elementStroke?: string[] | undefined;
-            };
-            allowWheelZoom?: boolean | undefined;
-            allowPinchZoom?: boolean | undefined;
-            pinnedScripts?: string[] | undefined;
-            customPens?: any[] | undefined;
-            currentStrokeOptions?: any;
-            resetCustomPen?: any;
-            gridColor: string;
-            dynamicStyle: string;
-            invertBindingBehaviour: boolean;
-        };
-        commitToHistory: true;
-    };
-    contextItemLabel: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => "labels.elementLock.unlock" | "labels.elementLock.lock" | "labels.elementLock.lockAll" | "labels.elementLock.unlockAll";
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: import("../types").AppState, elements: readonly ExcalidrawElement[]) => boolean;
-} & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: import("../types").AppState, elements: readonly ExcalidrawElement[]) => boolean) | undefined;
-};

package/types/bug-issue-template.d.ts

@@ -1,2 +0,0 @@
-declare function _default(sentryErrorId: any): string;
-export default _default;

package/types/components/ActiveFile.d.ts

@@ -1,7 +0,0 @@
-import "./ActiveFile.scss";
-declare type ActiveFileProps = {
-    fileName?: string;
-    onSave: () => void;
-};
-export declare const ActiveFile: ({ fileName, onSave }: ActiveFileProps) => JSX.Element;
-export {};

package/types/components/BackgroundPickerAndDarkModeToggle.d.ts

@@ -1,4 +0,0 @@
-import { ActionManager } from "../actions/manager";
-export declare const BackgroundPickerAndDarkModeToggle: ({ actionManager, }: {
-    actionManager: ActionManager;
-}) => JSX.Element;

package/types/components/ClearCanvas.d.ts

@@ -1,4 +0,0 @@
-declare const ClearCanvas: ({ onConfirm }: {
-    onConfirm: () => void;
-}) => JSX.Element;
-export default ClearCanvas;

package/types/components/CollabButton.d.ts

@@ -1,7 +0,0 @@
-import "./CollabButton.scss";
-declare const CollabButton: ({ isCollaborating, collaboratorCount, onClick, }: {
-    isCollaborating: boolean;
-    collaboratorCount: number;
-    onClick: () => void;
-}) => JSX.Element;
-export default CollabButton;

package/types/components/ColorPicker.d.ts

@@ -1,19 +0,0 @@
-import "./ColorPicker.scss";
-import { ExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
-export declare const getCustomColors: (elements: readonly ExcalidrawElement[], type: "elementBackground" | "elementStroke", colors: string[]) => string[];
-export declare const ColorPicker: ({ type, color, onChange, label, isActive, setActive, colorPalette, elements, appState, }: {
-    type: "canvasBackground" | "elementBackground" | "elementStroke";
-    color: string | null;
-    onChange: (color: string) => void;
-    label: string;
-    isActive: boolean;
-    setActive: (active: boolean) => void;
-    colorPalette: {
-        canvasBackground?: string[];
-        elementBackground?: string[];
-        elementStroke?: string[];
-    };
-    elements: readonly ExcalidrawElement[];
-    appState: AppState;
-}) => JSX.Element;

package/types/components/EncryptedIcon.d.ts

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

package/types/components/Footer.d.ts

@@ -1,10 +0,0 @@
-import { ActionManager } from "../actions/manager";
-import { AppState, ExcalidrawProps } from "../types";
-declare const Footer: ({ appState, actionManager, renderCustomFooter, showExitZenModeBtn, renderWelcomeScreen, }: {
-    appState: AppState;
-    actionManager: ActionManager;
-    renderCustomFooter?: ExcalidrawProps["renderFooter"];
-    showExitZenModeBtn: boolean;
-    renderWelcomeScreen: boolean;
-}) => JSX.Element;
-export default Footer;

package/types/components/HelpIcon.d.ts

@@ -1,8 +0,0 @@
-declare type HelpIconProps = {
-    title?: string;
-    name?: string;
-    id?: string;
-    onClick?(): void;
-};
-export declare const HelpIcon: (props: HelpIconProps) => JSX.Element;
-export {};

package/types/components/LibraryButton.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { AppState } from "../types";
-import "./LibraryButton.scss";
-export declare const LibraryButton: React.FC<{
-    appState: AppState;
-    setAppState: React.Component<any, AppState>["setState"];
-    isMobile?: boolean;
-}>;

package/types/components/MenuItem.d.ts

@@ -1,11 +0,0 @@
-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

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

package/types/components/SidebarLockButton.d.ts

@@ -1,8 +0,0 @@
-import "./ToolIcon.scss";
-import "./SidebarLockButton.scss";
-declare type SidebarLockIconProps = {
-    checked: boolean;
-    onChange?(): void;
-};
-export declare const SidebarLockButton: (props: SidebarLockIconProps) => JSX.Element;
-export {};

package/types/components/SingleLibraryItem.d.ts

@@ -1,10 +0,0 @@
-import { AppState, LibraryItem } from "../types";
-import "./SingleLibraryItem.scss";
-declare const SingleLibraryItem: ({ libItem, appState, index, onChange, onRemove, }: {
-    libItem: LibraryItem;
-    appState: AppState;
-    index: number;
-    onChange: (val: string, index: number) => void;
-    onRemove: (id: string) => void;
-}) => JSX.Element;
-export default SingleLibraryItem;

package/types/components/TopErrorBoundary.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-interface TopErrorBoundaryState {
-    hasError: boolean;
-    sentryEventId: string;
-    localStorage: string;
-}
-export declare class TopErrorBoundary extends React.Component<any, TopErrorBoundaryState> {
-    state: TopErrorBoundaryState;
-    render(): any;
-    componentDidCatch(error: Error, errorInfo: any): void;
-    private selectTextArea;
-    private createGithubIssue;
-    private errorSplash;
-}
-export {};

package/types/components/WelcomeScreen.d.ts

@@ -1,8 +0,0 @@
-import { ActionManager } from "../actions/manager";
-import { AppState } from "../types";
-import "./WelcomeScreen.scss";
-declare const WelcomeScreen: ({ appState, actionManager, }: {
-    appState: AppState;
-    actionManager: ActionManager;
-}) => JSX.Element;
-export default WelcomeScreen;

package/types/components/WelcomeScreenDecor.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from "react";
-declare const WelcomeScreenDecor: ({ children, shouldRender, }: {
-    children: ReactNode;
-    shouldRender: boolean;
-}) => JSX.Element | null;
-export default WelcomeScreenDecor;

package/types/components/context/tunnels.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import tunnel from "@dwelle/tunnel-rat";
-declare type Tunnel = ReturnType<typeof tunnel>;
-declare type TunnelsContextValue = {
-    mainMenuTunnel: Tunnel;
-    welcomeScreenMenuHintTunnel: Tunnel;
-    welcomeScreenToolbarHintTunnel: Tunnel;
-    welcomeScreenHelpHintTunnel: Tunnel;
-    welcomeScreenCenterTunnel: Tunnel;
-    footerCenterTunnel: Tunnel;
-    jotaiScope: symbol;
-};
-export declare const TunnelsContext: React.Context<TunnelsContextValue>;
-export declare const useTunnels: () => TunnelsContextValue;
-export declare const useInitializeTunnels: () => TunnelsContextValue;
-export {};

package/types/components/hoc/withUpstreamOverride.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-export declare const withUpstreamOverride: <P>(Component: React.ComponentType<P>) => readonly [React.FC<{
-    children: React.ReactNode;
-}>, {
-    (props: P & {
-        /** @private internal */
-        __isFallback?: boolean | undefined;
-    }): JSX.Element | null;
-    displayName: string;
-}];

package/types/components/mainMenu/DefaultItems.d.ts

@@ -1,44 +0,0 @@
-import "./DefaultItems.scss";
-export declare const LoadScene: {
-    (): JSX.Element | null;
-    displayName: string;
-};
-export declare const SaveToActiveFile: {
-    (): JSX.Element | null;
-    displayName: string;
-};
-export declare const SaveAsImage: {
-    (): JSX.Element;
-    displayName: string;
-};
-export declare const Help: {
-    (): JSX.Element;
-    displayName: string;
-};
-export declare const ClearCanvas: {
-    (): JSX.Element | null;
-    displayName: string;
-};
-export declare const ToggleTheme: {
-    (): JSX.Element | null;
-    displayName: string;
-};
-export declare const ChangeCanvasBackground: {
-    (): JSX.Element | null;
-    displayName: string;
-};
-export declare const Export: {
-    (): JSX.Element;
-    displayName: string;
-};
-export declare const Socials: {
-    (): JSX.Element;
-    displayName: string;
-};
-export declare const LiveCollaboration: {
-    ({ onSelect, isCollaborating, }: {
-        onSelect: () => void;
-        isCollaborating: boolean;
-    }): JSX.Element;
-    displayName: string;
-};

package/types/components/mainMenu/MainMenu.d.ts

@@ -1,63 +0,0 @@
-import React from "react";
-import * as DefaultItems from "./DefaultItems";
-declare const MainMenu: {
-    ({ children }: {
-        children?: React.ReactNode;
-    }): JSX.Element;
-    Trigger: {
-        ({ className, children, onToggle, }: {
-            className?: string | undefined;
-            children: React.ReactNode;
-            onToggle: () => void;
-        }): JSX.Element;
-        displayName: string;
-    };
-    Item: {
-        ({ icon, onSelect, children, dataTestId, shortcut, className, style, ariaLabel, }: {
-            icon?: JSX.Element | undefined;
-            onSelect: () => void;
-            children: React.ReactNode;
-            dataTestId?: string | undefined;
-            shortcut?: string | undefined;
-            className?: string | undefined;
-            style?: React.CSSProperties | undefined;
-            ariaLabel?: string | undefined;
-        }): JSX.Element;
-        displayName: string;
-    };
-    ItemLink: {
-        ({ icon, dataTestId, shortcut, href, children, className, style, ariaLabel, }: {
-            icon?: JSX.Element | undefined;
-            children: React.ReactNode;
-            dataTestId?: string | undefined;
-            shortcut?: string | undefined;
-            className?: string | undefined;
-            href: string;
-            style?: React.CSSProperties | undefined;
-            ariaLabel?: string | undefined;
-        }): JSX.Element;
-        displayName: string;
-    };
-    ItemCustom: ({ children, className, style, dataTestId, }: {
-        children: React.ReactNode;
-        className?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        dataTestId?: string | undefined;
-    }) => JSX.Element;
-    Group: {
-        ({ children, className, style, title, }: {
-            children: React.ReactNode;
-            className?: string | undefined;
-            style?: React.CSSProperties | undefined;
-            title?: string | undefined;
-        }): JSX.Element;
-        displayName: string;
-    };
-    Separator: {
-        (): JSX.Element;
-        displayName: string;
-    };
-    DefaultItems: typeof DefaultItems;
-    displayName: string;
-};
-export default MainMenu;