@excalidraw/common 0.18.0-2874f9e → 0.18.0-2a82821

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

@@ -11,7 +11,7 @@ export type OverwriteConfirmState = {
 } | {
     active: false;
 };
-export declare const overwriteConfirmStateAtom: import("jotai/vanilla/atom").PrimitiveAtom<OverwriteConfirmState> & {
+export declare const overwriteConfirmStateAtom: import("jotai").PrimitiveAtom<OverwriteConfirmState> & {
     init: OverwriteConfirmState;
 };
 export declare function openConfirmModal({ title, description, actionLabel, color, }: {

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

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

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

@@ -1,8 +1,14 @@
+import React from "react";
 import "./Range.scss";
-import type { AppClassProperties } from "../types";
 export type RangeProps = {
-    updateData: (value: number) => void;
-    app: AppClassProperties;
+    label: React.ReactNode;
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    minLabel?: React.ReactNode;
+    hasCommonValue?: boolean;
     testId?: string;
 };
-export declare const Range: ({ updateData, app, testId }: RangeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Range: ({ label, value, onChange, min, max, step, minLabel, hasCommonValue, testId, }: RangeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import "./SVGLayer.scss";
-import type { Trail } from "../animated-trail";
+import type { Trail } from "../animatedTrail";
 type SVGLayerProps = {
     trails: Trail[];
 };

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

@@ -1,5 +1,5 @@
 import "./SearchMenu.scss";
-export declare const searchItemInFocusAtom: import("jotai/vanilla/atom").PrimitiveAtom<number | null> & {
+export declare const searchItemInFocusAtom: import("jotai").PrimitiveAtom<number | null> & {
     init: number | null;
 };
 export declare const SearchMenu: () => import("react/jsx-runtime").JSX.Element;

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

@@ -8,7 +8,7 @@ import "./Sidebar.scss";
  *
  * Since we can only render one Sidebar at a time, we can use a simple flag.
  */
-export declare const isSidebarDockedAtom: import("jotai/vanilla/atom").PrimitiveAtom<boolean> & {
+export declare const isSidebarDockedAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
 export declare const SidebarInner: React.ForwardRefExoticComponent<Omit<{

package/dist/types/excalidraw/components/TTDDialog/CodeMirrorEditor.d.ts

@@ -0,0 +1,11 @@
+import type { Theme } from "@excalidraw/element/types";
+export interface CodeMirrorEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    onKeyboardSubmit?: () => void;
+    placeholder?: string;
+    theme: Theme;
+    errorLine?: number | null;
+}
+declare const CodeMirrorEditor: ({ value, onChange, onKeyboardSubmit, placeholder, theme, errorLine, }: CodeMirrorEditorProps) => import("react/jsx-runtime").JSX.Element;
+export default CodeMirrorEditor;

package/dist/types/excalidraw/components/TTDDialog/TTDContext.d.ts

@@ -1,13 +1,13 @@
 import type { RateLimits, TChat } from "./types";
-export declare const rateLimitsAtom: import("jotai/vanilla/atom").PrimitiveAtom<RateLimits | null> & {
+export declare const rateLimitsAtom: import("jotai").PrimitiveAtom<RateLimits | null> & {
     init: RateLimits | null;
 };
-export declare const showPreviewAtom: import("jotai/vanilla/atom").PrimitiveAtom<boolean> & {
+export declare const showPreviewAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
-export declare const errorAtom: import("jotai/vanilla/atom").PrimitiveAtom<Error | null> & {
+export declare const errorAtom: import("jotai").PrimitiveAtom<Error | null> & {
     init: Error | null;
 };
-export declare const chatHistoryAtom: import("jotai/vanilla/atom").PrimitiveAtom<TChat.ChatHistory> & {
+export declare const chatHistoryAtom: import("jotai").PrimitiveAtom<TChat.ChatHistory> & {
     init: TChat.ChatHistory;
 };

package/dist/types/excalidraw/components/TTDDialog/TTDDialogInput.d.ts

@@ -1,9 +1,9 @@
-import type { ChangeEventHandler } from "react";
 interface TTDDialogInputProps {
     input: string;
     placeholder: string;
-    onChange: ChangeEventHandler<HTMLTextAreaElement>;
+    onChange: (value: string) => void;
     onKeyboardSubmit?: () => void;
+    errorLine?: number | null;
 }
-export declare const TTDDialogInput: ({ input, placeholder, onChange, onKeyboardSubmit, }: TTDDialogInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TTDDialogInput: ({ input, placeholder, onChange, onKeyboardSubmit, errorLine, }: TTDDialogInputProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/excalidraw/components/TTDDialog/TTDDialogOutput.d.ts

@@ -3,6 +3,9 @@ interface TTDDialogOutputProps {
     canvasRef: React.RefObject<HTMLDivElement | null>;
     loaded: boolean;
     hideErrorDetails?: boolean;
+    sourceText?: string;
+    autoFixAvailable?: boolean;
+    onApplyAutoFix?: () => void;
 }
-export declare const TTDDialogOutput: ({ error, canvasRef, loaded, hideErrorDetails, }: TTDDialogOutputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TTDDialogOutput: ({ error, canvasRef, loaded, hideErrorDetails, sourceText, autoFixAvailable, onApplyAutoFix, }: TTDDialogOutputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/TTDDialog/mermaid-lang-lite.d.ts

@@ -0,0 +1,2 @@
+import { StreamLanguage } from "@codemirror/language";
+export declare function mermaidLite(): StreamLanguage<unknown>;

package/dist/types/excalidraw/components/TTDDialog/useTTDChatStorage.d.ts

@@ -9,13 +9,13 @@ interface UseTTDChatStorageReturn {
     restoreChat: (chat: SavedChat) => SavedChat;
     createNewChatId: () => Promise<string>;
 }
-export declare const savedChatsAtom: import("jotai/vanilla/atom").PrimitiveAtom<SavedChats> & {
+export declare const savedChatsAtom: import("jotai").PrimitiveAtom<SavedChats> & {
     init: SavedChats;
 };
-export declare const isLoadingChatsAtom: import("jotai/vanilla/atom").PrimitiveAtom<boolean> & {
+export declare const isLoadingChatsAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
-export declare const chatsLoadedAtom: import("jotai/vanilla/atom").PrimitiveAtom<boolean> & {
+export declare const chatsLoadedAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
 export declare const useTTDChatStorage: ({ persistenceAdapter, }: UseTTDChatStorageProps) => UseTTDChatStorageReturn;

package/dist/types/excalidraw/components/TTDDialog/utils/mermaidAutoFix.d.ts

@@ -0,0 +1 @@
+export declare const getMermaidAutoFixCandidates: (sourceText: string, errorMessage: string) => string[];

package/dist/types/excalidraw/components/TTDDialog/utils/mermaidError.d.ts

@@ -0,0 +1,10 @@
+export declare const isMermaidParseSyntaxError: (message: string) => boolean;
+export declare const isMermaidAutoFixableError: (message: string) => boolean;
+export declare const isMermaidCaretLine: (line: string) => boolean;
+export declare const getMermaidInactiveParticipant: (message: string) => string | null;
+export declare const getMermaidErrorLineNumber: (message: string, sourceText?: string) => number | null;
+export declare const getMermaidSyntaxErrorGuidance: (message: string, sourceText?: string) => {
+    summary: string;
+    likelyCauses: string[];
+} | null;
+export declare const formatMermaidParseErrorMessage: (message: string) => string;

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

@@ -1,9 +1,13 @@
 import "./Toast.scss";
-import type { CSSProperties } from "react";
-export declare const Toast: ({ message, onClose, closable, duration, style, }: {
-    message: string;
+import type { CSSProperties, ReactNode } from "react";
+export declare const Toast: (({ message, onClose, closable, duration, style, }: {
+    message: ReactNode;
     onClose: () => void;
     closable?: boolean;
     duration?: number;
     style?: CSSProperties;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    ProgressBar: ({ progress }: {
+        progress: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/excalidraw/components/canvases/InteractiveCanvas.d.ts

@@ -11,7 +11,7 @@ type InteractiveCanvasProps = {
     visibleElements: readonly NonDeletedExcalidrawElement[];
     selectedElements: readonly NonDeletedExcalidrawElement[];
     allElementsMap: NonDeletedSceneElementsMap;
-    sceneNonce: number | undefined;
+    canvasNonce: string;
     selectionNonce: number | undefined;
     scale: number;
     appState: InteractiveCanvasAppState;
@@ -21,6 +21,7 @@ type InteractiveCanvasProps = {
     renderInteractiveSceneCallback: (data: RenderInteractiveSceneCallback) => void;
     handleCanvasRef: (canvas: HTMLCanvasElement | null) => void;
     onContextMenu: Exclude<DOMAttributes<HTMLCanvasElement | HTMLDivElement>["onContextMenu"], undefined>;
+    onClick: Exclude<DOMAttributes<HTMLCanvasElement>["onClick"], undefined>;
     onPointerMove: Exclude<DOMAttributes<HTMLCanvasElement>["onPointerMove"], undefined>;
     onPointerUp: Exclude<DOMAttributes<HTMLCanvasElement>["onPointerUp"], undefined>;
     onPointerCancel: Exclude<DOMAttributes<HTMLCanvasElement>["onPointerCancel"], undefined>;

package/dist/types/excalidraw/components/canvases/NewElementCanvas.d.ts

@@ -4,6 +4,7 @@ import type { AppState } from "../../types";
 import type { RoughCanvas } from "roughjs/bin/canvas";
 interface NewElementCanvasProps {
     appState: AppState;
+    newElement: NonNullable<AppState["newElement"]>;
     elementsMap: RenderableElementsMap;
     allElementsMap: NonDeletedSceneElementsMap;
     scale: number;

package/dist/types/excalidraw/components/canvases/StaticCanvas.d.ts

@@ -9,7 +9,7 @@ type StaticCanvasProps = {
     elementsMap: RenderableElementsMap;
     allElementsMap: NonDeletedSceneElementsMap;
     visibleElements: readonly NonDeletedExcalidrawElement[];
-    sceneNonce: number | undefined;
+    canvasNonce: string;
     selectionNonce: number | undefined;
     scale: number;
     appState: StaticCanvasAppState;

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

@@ -9,9 +9,10 @@ type Props<T> = {
     onChange: (value: T) => void;
     children: React.ReactNode;
     name: string;
+    icon?: React.ReactNode;
 };
 declare const DropdownMenuItemContentRadio: {
-    <T>({ value, shortcut, onChange, choices, children, name, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    <T>({ value, shortcut, onChange, choices, children, name, icon, }: Props<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default DropdownMenuItemContentRadio;

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

@@ -114,6 +114,8 @@ export declare const StrokeStyleDottedIcon: import("react/jsx-runtime").JSX.Elem
 export declare const SloppinessArchitectIcon: import("react/jsx-runtime").JSX.Element;
 export declare const SloppinessArtistIcon: import("react/jsx-runtime").JSX.Element;
 export declare const SloppinessCartoonistIcon: import("react/jsx-runtime").JSX.Element;
+export declare const strokeVariabilityConstantIcon: import("react/jsx-runtime").JSX.Element;
+export declare const strokeVariabilityVariableIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EdgeSharpIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EdgeRoundIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ArrowheadNoneIcon: React.MemoExoticComponent<({ flip }: {
@@ -122,34 +124,43 @@ export declare const ArrowheadNoneIcon: React.MemoExoticComponent<({ flip }: {
 export declare const ArrowheadArrowIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
+export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const ArrowheadTriangleOutlineIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
+}) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadCircleIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadCircleOutlineIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ flip }: {
+export declare const ArrowheadDiamondIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ flip }: {
+export declare const ArrowheadDiamondOutlineIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadTriangleOutlineIcon: React.MemoExoticComponent<({ flip }: {
+export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadDiamondIcon: React.MemoExoticComponent<({ flip }: {
+export declare const ArrowheadCardinalityOneIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadDiamondOutlineIcon: React.MemoExoticComponent<({ flip }: {
+export declare const ArrowheadCardinalityManyIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const ArrowheadCardinalityOneOrManyIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadCrowfootIcon: React.MemoExoticComponent<({ flip }: {
+export declare const ArrowheadCardinalityExactlyOneIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadCrowfootOneIcon: React.MemoExoticComponent<({ flip }: {
+export declare const ArrowheadCardinalityZeroOrOneIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadCrowfootOneOrManyIcon: React.MemoExoticComponent<({ flip }: {
+export declare const ArrowheadCardinalityZeroOrManyIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const FontSizeSmallIcon: import("react/jsx-runtime").JSX.Element;

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

@@ -35,11 +35,14 @@ export declare const ClearCanvas: {
 export declare const ToggleTheme: {
     (props: {
         allowSystemTheme: true;
+        /**
+         * Controls the theme of this UI component only.
+         * You should subscribe to `props.onThemeChange` and control the theme
+         * upstream.
+         */
         theme: Theme | "system";
-        onSelect: (theme: Theme | "system") => void;
     } | {
-        allowSystemTheme?: false;
-        onSelect?: (theme: Theme) => void;
+        allowSystemTheme: false;
     }): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
@@ -70,7 +73,10 @@ export declare const Preferences: {
         additionalItems?: React.ReactNode;
     }): import("react/jsx-runtime").JSX.Element;
     ToggleToolLock: () => import("react/jsx-runtime").JSX.Element;
+    BoxSelectionMode: () => import("react/jsx-runtime").JSX.Element;
     ToggleSnapMode: () => import("react/jsx-runtime").JSX.Element;
+    ToggleArrowBinding: () => import("react/jsx-runtime").JSX.Element;
+    ToggleMidpointSnapping: () => import("react/jsx-runtime").JSX.Element;
     ToggleGridMode: () => import("react/jsx-runtime").JSX.Element;
     ToggleZenMode: () => import("react/jsx-runtime").JSX.Element;
     ToggleViewMode: () => import("react/jsx-runtime").JSX.Element;

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

@@ -169,6 +169,13 @@ export declare const getToolbarTools: (app: AppClassProperties) => readonly [{
     readonly fillable: false;
     readonly toolbar: false;
 }] | readonly [{
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "hand";
+    readonly key: "h";
+    readonly numericKey: null;
+    readonly fillable: false;
+    readonly toolbar: true;
+}, {
     readonly value: "lasso";
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly key: "v";