@dwelle/excalidraw 0.3.78 → 0.4.0-08c4fac

package/types/components/ToolButton.d.ts

@@ -1,46 +1,46 @@
-import "./ToolIcon.scss";
-import React from "react";
-import { PointerType } from "../element/types";
-export declare type ToolButtonSize = "small" | "medium";
-declare type ToolButtonBaseProps = {
-    icon?: React.ReactNode;
-    "aria-label": string;
-    "aria-keyshortcuts"?: string;
-    "data-testid"?: string;
-    label?: string;
-    title?: string;
-    name?: string;
-    id?: string;
-    size?: ToolButtonSize;
-    keyBindingLabel?: string;
-    showAriaLabel?: boolean;
-    hidden?: boolean;
-    visible?: boolean;
-    selected?: boolean;
-    className?: string;
-    isLoading?: boolean;
-};
-declare type ToolButtonProps = (ToolButtonBaseProps & {
-    type: "button";
-    children?: React.ReactNode;
-    onClick?(event: React.MouseEvent): void;
-}) | (ToolButtonBaseProps & {
-    type: "submit";
-    children?: React.ReactNode;
-    onClick?(event: React.MouseEvent): void;
-}) | (ToolButtonBaseProps & {
-    type: "icon";
-    children?: React.ReactNode;
-    onClick?(): void;
-}) | (ToolButtonBaseProps & {
-    type: "radio";
-    checked: boolean;
-    onChange?(data: {
-        pointerType: PointerType | null;
-    }): void;
-    onPointerDown?(data: {
-        pointerType: PointerType;
-    }): void;
-});
-export declare const ToolButton: React.ForwardRefExoticComponent<ToolButtonProps & React.RefAttributes<unknown>>;
-export {};
+import "./ToolIcon.scss";
+import React from "react";
+import { PointerType } from "../element/types";
+export declare type ToolButtonSize = "small" | "medium";
+declare type ToolButtonBaseProps = {
+    icon?: React.ReactNode;
+    "aria-label": string;
+    "aria-keyshortcuts"?: string;
+    "data-testid"?: string;
+    label?: string;
+    title?: string;
+    name?: string;
+    id?: string;
+    size?: ToolButtonSize;
+    keyBindingLabel?: string;
+    showAriaLabel?: boolean;
+    hidden?: boolean;
+    visible?: boolean;
+    selected?: boolean;
+    className?: string;
+    isLoading?: boolean;
+};
+declare type ToolButtonProps = (ToolButtonBaseProps & {
+    type: "button";
+    children?: React.ReactNode;
+    onClick?(event: React.MouseEvent): void;
+}) | (ToolButtonBaseProps & {
+    type: "submit";
+    children?: React.ReactNode;
+    onClick?(event: React.MouseEvent): void;
+}) | (ToolButtonBaseProps & {
+    type: "icon";
+    children?: React.ReactNode;
+    onClick?(): void;
+}) | (ToolButtonBaseProps & {
+    type: "radio";
+    checked: boolean;
+    onChange?(data: {
+        pointerType: PointerType | null;
+    }): void;
+    onPointerDown?(data: {
+        pointerType: PointerType;
+    }): void;
+});
+export declare const ToolButton: React.ForwardRefExoticComponent<ToolButtonProps & React.RefAttributes<unknown>>;
+export {};

package/types/components/Tooltip.d.ts

@@ -1,17 +1,17 @@
-import "./Tooltip.scss";
-import React from "react";
-export declare const getTooltipDiv: () => HTMLDivElement;
-export declare const updateTooltipPosition: (tooltip: HTMLDivElement, item: {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-}, position?: "bottom" | "top") => void;
-declare type TooltipProps = {
-    children: React.ReactNode;
-    label: string;
-    long?: boolean;
-    style?: React.CSSProperties;
-};
-export declare const Tooltip: ({ children, label, long, style, }: TooltipProps) => JSX.Element;
-export {};
+import "./Tooltip.scss";
+import React from "react";
+export declare const getTooltipDiv: () => HTMLDivElement;
+export declare const updateTooltipPosition: (tooltip: HTMLDivElement, item: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}, position?: "bottom" | "top") => void;
+declare type TooltipProps = {
+    children: React.ReactNode;
+    label: string;
+    long?: boolean;
+    style?: React.CSSProperties;
+};
+export declare const Tooltip: ({ children, label, long, style, }: TooltipProps) => JSX.Element;
+export {};

package/types/components/UserList.d.ts

@@ -1,11 +1,10 @@
-import "./UserList.scss";
-import React from "react";
-import { AppState } from "../types";
-import { ActionManager } from "../actions/manager";
-export declare const UserList: React.FC<{
-    className?: string;
-    mobile?: boolean;
-    collaborators: AppState["collaborators"];
-    actionManager: ActionManager;
-    layout: "vertical" | "horizontal";
-}>;
+import "./UserList.scss";
+import React from "react";
+import { AppState } from "../types";
+import { ActionManager } from "../actions/manager";
+export declare const UserList: React.FC<{
+    className?: string;
+    mobile?: boolean;
+    collaborators: AppState["collaborators"];
+    actionManager: ActionManager;
+}>;

package/types/components/WelcomeScreen.d.ts

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

package/types/components/WelcomeScreenDecor.d.ts

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

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

@@ -0,0 +1,10 @@
+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/icons.d.ts

@@ -1,180 +1,139 @@
-import React from "react";
-import { Theme } from "../element/types";
-declare type Opts = {
-    width?: number;
-    height?: number;
-    mirror?: true;
-} & React.SVGProps<SVGSVGElement>;
-export declare const createIcon: (d: string | React.ReactNode, opts?: number | Opts) => JSX.Element;
-export declare const checkIcon: JSX.Element;
-export declare const link: JSX.Element;
-export declare const save: JSX.Element;
-export declare const saveAs: JSX.Element;
-export declare const load: JSX.Element;
-export declare const clipboard: JSX.Element;
-export declare const trash: JSX.Element;
-export declare const palette: JSX.Element;
-export declare const exportFile: JSX.Element;
-export declare const exportImage: JSX.Element;
-export declare const exportToFileIcon: JSX.Element;
-export declare const zoomIn: JSX.Element;
-export declare const zoomOut: JSX.Element;
-export declare const done: JSX.Element;
-export declare const menu: JSX.Element;
-export declare const undo: JSX.Element;
-export declare const redo: JSX.Element;
-export declare const questionCircle: JSX.Element;
-export declare const share: JSX.Element;
-export declare const shareIOS: JSX.Element;
-export declare const shareWindows: JSX.Element;
-export declare const resetZoom: JSX.Element;
-export declare const BringForwardIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SendBackwardIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const BringToFrontIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SendToBackIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignTopIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignBottomIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignLeftIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignRightIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const DistributeHorizontallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const DistributeVerticallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const CenterVerticallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const CenterHorizontallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const users: JSX.Element;
-export declare const start: JSX.Element;
-export declare const stop: JSX.Element;
-export declare const close: JSX.Element;
-export declare const back: JSX.Element;
-export declare const clone: JSX.Element;
-export declare const shield: JSX.Element;
-export declare const file: JSX.Element;
-export declare const GroupIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const UngroupIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FillHachureIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FillCrossHatchIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FillSolidIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const StrokeWidthIcon: React.MemoExoticComponent<({ theme, strokeWidth }: {
-    theme: Theme;
-    strokeWidth: number;
-}) => JSX.Element>;
-export declare const StrokeStyleSolidIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const StrokeStyleDashedIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const StrokeStyleDottedIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SloppinessArchitectIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SloppinessArtistIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SloppinessCartoonistIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const EdgeSharpIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const EdgeRoundIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const ArrowheadNoneIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const ArrowheadArrowIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
-    flip?: boolean | undefined;
-}) => JSX.Element>;
-export declare const ArrowheadDotIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
-    flip?: boolean | undefined;
-}) => JSX.Element>;
-export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
-    flip?: boolean | undefined;
-}) => JSX.Element>;
-export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
-    flip?: boolean | undefined;
-}) => JSX.Element>;
-export declare const FontSizeSmallIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontSizeMediumIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontSizeLargeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontSizeExtraLargeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyHandDrawnIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyNormalIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyCodeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignLeftIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignCenterIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignRightIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignTopIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignBottomIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignMiddleIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const publishIcon: JSX.Element;
-export declare const editIcon: JSX.Element;
-export declare const eraser: JSX.Element;
-export declare const home: JSX.Element;
-export {};
+import React from "react";
+import { Theme } from "../element/types";
+declare type Opts = {
+    width?: number;
+    height?: number;
+    mirror?: true;
+} & React.SVGProps<SVGSVGElement>;
+export declare const createIcon: (d: string | React.ReactNode, opts?: number | Opts) => JSX.Element;
+export declare const HomeIcon: JSX.Element;
+export declare const LibraryIcon: JSX.Element;
+export declare const PlusIcon: JSX.Element;
+export declare const DotsIcon: JSX.Element;
+export declare const PinIcon: JSX.Element;
+export declare const UnlockedIcon: JSX.Element;
+export declare const LockedIcon: JSX.Element;
+export declare const WelcomeScreenMenuArrow: JSX.Element;
+export declare const WelcomeScreenHelpArrow: JSX.Element;
+export declare const WelcomeScreenTopToolbarArrow: JSX.Element;
+export declare const ExcalLogo: JSX.Element;
+export declare const SelectionIcon: JSX.Element;
+export declare const RectangleIcon: JSX.Element;
+export declare const DiamondIcon: JSX.Element;
+export declare const EllipseIcon: JSX.Element;
+export declare const ArrowIcon: JSX.Element;
+export declare const LineIcon: JSX.Element;
+export declare const PenModeIcon: JSX.Element;
+export declare const FreedrawIcon: JSX.Element;
+export declare const TextIcon: JSX.Element;
+export declare const ImageIcon: JSX.Element;
+export declare const EraserIcon: JSX.Element;
+export declare const ZoomInIcon: JSX.Element;
+export declare const ZoomOutIcon: JSX.Element;
+export declare const TrashIcon: JSX.Element;
+export declare const DuplicateIcon: JSX.Element;
+export declare const MoonIcon: JSX.Element;
+export declare const SunIcon: JSX.Element;
+export declare const HamburgerMenuIcon: JSX.Element;
+export declare const ExportIcon: JSX.Element;
+export declare const HelpIcon: JSX.Element;
+export declare const ExternalLinkIcon: JSX.Element;
+export declare const GithubIcon: JSX.Element;
+export declare const DiscordIcon: JSX.Element;
+export declare const TwitterIcon: JSX.Element;
+export declare const checkIcon: JSX.Element;
+export declare const LinkIcon: JSX.Element;
+export declare const save: JSX.Element;
+export declare const saveAs: JSX.Element;
+export declare const LoadIcon: JSX.Element;
+export declare const clipboard: JSX.Element;
+export declare const palette: JSX.Element;
+export declare const ExportImageIcon: JSX.Element;
+export declare const exportToFileIcon: JSX.Element;
+export declare const zoomIn: JSX.Element;
+export declare const zoomOut: JSX.Element;
+export declare const done: JSX.Element;
+export declare const menu: JSX.Element;
+export declare const UndoIcon: JSX.Element;
+export declare const RedoIcon: JSX.Element;
+export declare const questionCircle: JSX.Element;
+export declare const share: JSX.Element;
+export declare const shareIOS: JSX.Element;
+export declare const shareWindows: JSX.Element;
+export declare const resetZoom: JSX.Element;
+export declare const BringForwardIcon: JSX.Element;
+export declare const SendBackwardIcon: JSX.Element;
+export declare const BringToFrontIcon: JSX.Element;
+export declare const SendToBackIcon: JSX.Element;
+export declare const AlignTopIcon: JSX.Element;
+export declare const AlignBottomIcon: JSX.Element;
+export declare const AlignLeftIcon: JSX.Element;
+export declare const AlignRightIcon: JSX.Element;
+export declare const DistributeHorizontallyIcon: JSX.Element;
+export declare const DistributeVerticallyIcon: JSX.Element;
+export declare const CenterVerticallyIcon: JSX.Element;
+export declare const CenterHorizontallyIcon: JSX.Element;
+export declare const UsersIcon: JSX.Element;
+export declare const start: JSX.Element;
+export declare const stop: JSX.Element;
+export declare const CloseIcon: JSX.Element;
+export declare const back: JSX.Element;
+export declare const clone: JSX.Element;
+export declare const shield: JSX.Element;
+export declare const file: JSX.Element;
+export declare const GroupIcon: React.MemoExoticComponent<({ theme }: {
+    theme: Theme;
+}) => JSX.Element>;
+export declare const UngroupIcon: React.MemoExoticComponent<({ theme }: {
+    theme: Theme;
+}) => JSX.Element>;
+export declare const FillHachureIcon: JSX.Element;
+export declare const FillCrossHatchIcon: JSX.Element;
+export declare const FillSolidIcon: JSX.Element;
+export declare const StrokeWidthBaseIcon: JSX.Element;
+export declare const StrokeWidthBoldIcon: JSX.Element;
+export declare const StrokeWidthExtraBoldIcon: JSX.Element;
+export declare const StrokeStyleSolidIcon: React.MemoExoticComponent<({ theme }: {
+    theme: Theme;
+}) => JSX.Element>;
+export declare const StrokeStyleDashedIcon: JSX.Element;
+export declare const StrokeStyleDottedIcon: JSX.Element;
+export declare const SloppinessArchitectIcon: JSX.Element;
+export declare const SloppinessArtistIcon: JSX.Element;
+export declare const SloppinessCartoonistIcon: JSX.Element;
+export declare const EdgeSharpIcon: JSX.Element;
+export declare const EdgeRoundIcon: JSX.Element;
+export declare const ArrowheadNoneIcon: JSX.Element;
+export declare const ArrowheadArrowIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean | undefined;
+}) => JSX.Element>;
+export declare const ArrowheadDotIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean | undefined;
+}) => JSX.Element>;
+export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean | undefined;
+}) => JSX.Element>;
+export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean | undefined;
+}) => JSX.Element>;
+export declare const FontSizeSmallIcon: JSX.Element;
+export declare const FontSizeMediumIcon: JSX.Element;
+export declare const FontSizeLargeIcon: JSX.Element;
+export declare const FontSizeExtraLargeIcon: JSX.Element;
+export declare const FontFamilyNormalIcon: JSX.Element;
+export declare const FontFamilyCodeIcon: JSX.Element;
+export declare const TextAlignLeftIcon: JSX.Element;
+export declare const TextAlignCenterIcon: JSX.Element;
+export declare const TextAlignRightIcon: JSX.Element;
+export declare const TextAlignTopIcon: React.MemoExoticComponent<({ theme }: {
+    theme: Theme;
+}) => JSX.Element>;
+export declare const TextAlignBottomIcon: React.MemoExoticComponent<({ theme }: {
+    theme: Theme;
+}) => JSX.Element>;
+export declare const TextAlignMiddleIcon: React.MemoExoticComponent<({ theme }: {
+    theme: Theme;
+}) => JSX.Element>;
+export declare const publishIcon: JSX.Element;
+export declare const eraser: JSX.Element;
+export {};