@excalidraw/excalidraw 0.13.0-6184422 → 0.13.0-893c487

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.13.0-6184422",
+  "version": "0.13.0-893c487",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [

package/types/components/App.d.ts

@@ -7,16 +7,16 @@ import History from "../history";
 import Scene from "../scene/Scene";
 import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device } from "../types";
 import { FileSystemHandle } from "../data/filesystem";
+export declare const ExcalidrawContainerContext: React.Context<{
+    container: HTMLDivElement | null;
+    id: string | null;
+}>;
 export declare const useDevice: () => Readonly<{
     isSmScreen: boolean;
     isMobile: boolean;
     isTouchScreen: boolean;
     canDeviceFitSidebar: boolean;
 }>;
-export declare const ExcalidrawContainerContext: React.Context<{
-    container: HTMLDivElement | null;
-    id: string | null;
-}>;
 export declare const useExcalidrawContainer: () => {
     container: HTMLDivElement | null;
     id: string | null;

package/types/components/Button.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import "./Button.scss";
+interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    type?: "button" | "submit" | "reset";
+    onSelect: () => any;
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * A generic button component that follows Excalidraw's design system.
+ * Style can be customised using `className` or `style` prop.
+ * Accepts all props that a regular `button` element accepts.
+ */
+export declare const Button: ({ type, onSelect, children, className, ...rest }: ButtonProps) => JSX.Element;
+export {};

package/types/components/LayerUI.d.ts

@@ -13,7 +13,6 @@ interface LayerUIProps {
     canvas: HTMLCanvasElement | null;
     setAppState: React.Component<any, AppState>["setState"];
     elements: readonly NonDeletedExcalidrawElement[];
-    onCollabButtonClick?: () => void;
     onLockToggle: () => void;
     onPenModeToggle: () => void;
     onInsertElements: (elements: readonly NonDeletedExcalidrawElement[]) => void;
@@ -34,5 +33,5 @@ interface LayerUIProps {
     renderWelcomeScreen: boolean;
     children?: React.ReactNode;
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onCollabButtonClick, onLockToggle, onPenModeToggle, onInsertElements, showExitZenModeBtn, isCollaborating, renderTopRightUI, renderCustomStats, renderCustomSidebar, libraryReturnUrl, UIOptions, focusContainer, library, id, onImageAction, renderWelcomeScreen, children, }: LayerUIProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onPenModeToggle, onInsertElements, showExitZenModeBtn, isCollaborating, renderTopRightUI, renderCustomStats, renderCustomSidebar, libraryReturnUrl, UIOptions, focusContainer, library, id, onImageAction, renderWelcomeScreen, children, }: LayerUIProps) => JSX.Element>;
 export default _default;

package/types/components/MobileMenu.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { AppState, Device, ExcalidrawProps } from "../types";
+import { AppState, Device, ExcalidrawProps, UIWelcomeScreenComponents } from "../types";
 import { ActionManager } from "../actions/manager";
 import { NonDeletedExcalidrawElement } from "../element/types";
 declare type MobileMenuProps = {
@@ -9,11 +9,9 @@ declare type MobileMenuProps = {
     renderImageExportDialog: () => React.ReactNode;
     setAppState: React.Component<any, AppState>["setState"];
     elements: readonly NonDeletedExcalidrawElement[];
-    onCollabButtonClick?: () => void;
     onLockToggle: () => void;
     onPenModeToggle: () => void;
     canvas: HTMLCanvasElement | null;
-    isCollaborating: boolean;
     onImageAction: (data: {
         insertOnCanvasDirectly: boolean;
     }) => void;
@@ -21,8 +19,8 @@ declare type MobileMenuProps = {
     renderCustomStats?: ExcalidrawProps["renderCustomStats"];
     renderSidebars: () => JSX.Element | null;
     device: Device;
-    renderWelcomeScreen?: boolean;
     renderMenu: () => React.ReactNode;
+    welcomeScreenCenter: UIWelcomeScreenComponents["Center"];
 };
-export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onPenModeToggle, canvas, isCollaborating, onImageAction, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, renderMenu, }: MobileMenuProps) => JSX.Element;
+export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onPenModeToggle, canvas, onImageAction, renderTopRightUI, renderCustomStats, renderSidebars, device, renderMenu, welcomeScreenCenter, }: MobileMenuProps) => JSX.Element;
 export {};

package/types/components/dropdownMenu/DropdownMenu.d.ts

@@ -23,37 +23,29 @@ declare const DropdownMenu: {
         displayName: string;
     };
     Item: {
-        ({ icon, onSelect, children, dataTestId, shortcut, className, style, ariaLabel, }: {
+        ({ icon, onSelect, children, shortcut, className, ...rest }: {
             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;
+        } & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
         displayName: string;
     };
     ItemLink: {
-        ({ icon, dataTestId, shortcut, href, children, className, style, ariaLabel, }: {
+        ({ icon, shortcut, href, children, className, ...rest }: {
             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;
+        } & React.AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
         displayName: string;
     };
-    ItemCustom: ({ children, className, style, dataTestId, }: {
+    ItemCustom: ({ children, className, ...rest }: {
         children: React.ReactNode;
         className?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        dataTestId?: string | undefined;
-    }) => JSX.Element;
+    } & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
     Group: {
         ({ children, className, style, title, }: {
             children: React.ReactNode;

package/types/components/dropdownMenu/DropdownMenuItem.d.ts

@@ -1,16 +1,13 @@
 import React from "react";
 export declare const getDrodownMenuItemClassName: (className?: string) => string;
 declare const DropdownMenuItem: {
-    ({ icon, onSelect, children, dataTestId, shortcut, className, style, ariaLabel, }: {
+    ({ icon, onSelect, children, shortcut, className, ...rest }: {
         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;
+    } & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
     displayName: string;
 };
 export default DropdownMenuItem;

package/types/components/dropdownMenu/DropdownMenuItemCustom.d.ts

@@ -1,8 +1,6 @@
-/// <reference types="react" />
-declare const DropdownMenuItemCustom: ({ children, className, style, dataTestId, }: {
+import React from "react";
+declare const DropdownMenuItemCustom: ({ children, className, ...rest }: {
     children: React.ReactNode;
     className?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    dataTestId?: string | undefined;
-}) => JSX.Element;
+} & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
 export default DropdownMenuItemCustom;

package/types/components/dropdownMenu/DropdownMenuItemLink.d.ts

@@ -1,15 +1,12 @@
 import React from "react";
 declare const DropdownMenuItemLink: {
-    ({ icon, dataTestId, shortcut, href, children, className, style, ariaLabel, }: {
+    ({ icon, shortcut, href, children, className, ...rest }: {
         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;
+    } & React.AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
     displayName: string;
 };
 export default DropdownMenuItemLink;

package/types/components/footer/Footer.d.ts

@@ -1,12 +1,12 @@
 import { ActionManager } from "../../actions/manager";
-import { AppState, UIChildrenComponents } from "../../types";
+import { AppState, UIChildrenComponents, UIWelcomeScreenComponents } from "../../types";
 declare const Footer: {
-    ({ appState, actionManager, showExitZenModeBtn, renderWelcomeScreen, footerCenter, }: {
+    ({ appState, actionManager, showExitZenModeBtn, footerCenter, welcomeScreenHelp, }: {
         appState: AppState;
         actionManager: ActionManager;
         showExitZenModeBtn: boolean;
-        renderWelcomeScreen: boolean;
         footerCenter: UIChildrenComponents["FooterCenter"];
+        welcomeScreenHelp: UIWelcomeScreenComponents["HelpHint"];
     }): JSX.Element;
     displayName: string;
 };

package/types/components/icons.d.ts

@@ -73,7 +73,7 @@ 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 usersIcon: JSX.Element;
 export declare const start: JSX.Element;
 export declare const stop: JSX.Element;
 export declare const CloseIcon: JSX.Element;

package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./LiveCollaborationTrigger.scss";
+declare const LiveCollaborationTrigger: {
+    ({ isCollaborating, onSelect, ...rest }: {
+        isCollaborating: boolean;
+        onSelect: () => void;
+    } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+    displayName: string;
+};
+export default LiveCollaborationTrigger;

package/types/components/{mainMenu → main-menu}/DefaultItems.d.ts

@@ -35,7 +35,7 @@ export declare const Socials: {
     (): JSX.Element;
     displayName: string;
 };
-export declare const LiveCollaboration: {
+export declare const LiveCollaborationTrigger: {
     ({ onSelect, isCollaborating, }: {
         onSelect: () => void;
         isCollaborating: boolean;

package/types/components/{mainMenu → main-menu}/MainMenu.d.ts

@@ -13,37 +13,29 @@ declare const MainMenu: {
         displayName: string;
     };
     Item: {
-        ({ icon, onSelect, children, dataTestId, shortcut, className, style, ariaLabel, }: {
+        ({ icon, onSelect, children, shortcut, className, ...rest }: {
             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;
+        } & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
         displayName: string;
     };
     ItemLink: {
-        ({ icon, dataTestId, shortcut, href, children, className, style, ariaLabel, }: {
+        ({ icon, shortcut, href, children, className, ...rest }: {
             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;
+        } & React.AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
         displayName: string;
     };
-    ItemCustom: ({ children, className, style, dataTestId, }: {
+    ItemCustom: ({ children, className, ...rest }: {
         children: React.ReactNode;
         className?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        dataTestId?: string | undefined;
-    }) => JSX.Element;
+    } & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
     Group: {
         ({ children, className, style, title, }: {
             children: React.ReactNode;

package/types/components/welcome-screen/WelcomeScreen.Center.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+declare const Center: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+    Logo: {
+        ({ children }: {
+            children?: React.ReactNode;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Heading: {
+        ({ children }: {
+            children: React.ReactNode;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Menu: {
+        ({ children }: {
+            children?: React.ReactNode;
+        }): JSX.Element;
+        displayName: string;
+    };
+    MenuItem: {
+        ({ onSelect, children, icon, shortcut, className, ...props }: {
+            onSelect: () => void;
+            children: React.ReactNode;
+            icon?: JSX.Element | undefined;
+            shortcut?: string | null | undefined;
+        } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): 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>): JSX.Element;
+        displayName: string;
+    };
+    MenuItemHelp: {
+        (): JSX.Element;
+        displayName: string;
+    };
+    MenuItemLoadScene: {
+        (): JSX.Element | null;
+        displayName: string;
+    };
+    MenuItemLiveCollaborationTrigger: {
+        ({ onSelect, }: {
+            onSelect: () => any;
+        }): JSX.Element;
+        displayName: string;
+    };
+};
+export { Center };

package/types/components/welcome-screen/WelcomeScreen.Hints.d.ts

@@ -0,0 +1,19 @@
+declare const MenuHint: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
+declare const ToolbarHint: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
+declare const HelpHint: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
+export { HelpHint, MenuHint, ToolbarHint };

package/types/components/welcome-screen/WelcomeScreen.d.ts

@@ -0,0 +1,85 @@
+/// <reference types="react" />
+import "./WelcomeScreen.scss";
+declare const WelcomeScreen: {
+    (props: {
+        children: React.ReactNode;
+    }): null;
+    displayName: string;
+    Center: {
+        ({ children }: {
+            children?: import("react").ReactNode;
+        }): JSX.Element;
+        displayName: string;
+        Logo: {
+            ({ children }: {
+                children?: import("react").ReactNode;
+            }): JSX.Element;
+            displayName: string;
+        };
+        Heading: {
+            ({ children }: {
+                children: import("react").ReactNode;
+            }): JSX.Element;
+            displayName: string;
+        };
+        Menu: {
+            ({ children }: {
+                children?: import("react").ReactNode;
+            }): JSX.Element;
+            displayName: string;
+        };
+        MenuItem: {
+            ({ onSelect, children, icon, shortcut, className, ...props }: {
+                onSelect: () => void;
+                children: import("react").ReactNode;
+                icon?: JSX.Element | undefined;
+                shortcut?: string | null | undefined;
+            } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+            displayName: string;
+        };
+        MenuItemLink: {
+            ({ children, href, icon, shortcut, className, ...props }: {
+                children: import("react").ReactNode;
+                href: string;
+                icon?: JSX.Element | undefined;
+                shortcut?: string | null | undefined;
+            } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+            displayName: string;
+        };
+        MenuItemHelp: {
+            (): JSX.Element;
+            displayName: string;
+        };
+        MenuItemLoadScene: {
+            (): JSX.Element | null;
+            displayName: string;
+        };
+        MenuItemLiveCollaborationTrigger: {
+            ({ onSelect, }: {
+                onSelect: () => any;
+            }): JSX.Element;
+            displayName: string;
+        };
+    };
+    Hints: {
+        MenuHint: {
+            ({ children }: {
+                children?: import("react").ReactNode;
+            }): JSX.Element;
+            displayName: string;
+        };
+        ToolbarHint: {
+            ({ children }: {
+                children?: import("react").ReactNode;
+            }): JSX.Element;
+            displayName: string;
+        };
+        HelpHint: {
+            ({ children }: {
+                children?: import("react").ReactNode;
+            }): JSX.Element;
+            displayName: string;
+        };
+    };
+};
+export default WelcomeScreen;

package/types/constants.d.ts

@@ -151,10 +151,6 @@ export declare const ROUNDNESS: {
     readonly PROPORTIONAL_RADIUS: 2;
     readonly ADAPTIVE_RADIUS: 3;
 };
-export declare const COOKIES: {
-    readonly AUTH_STATE_COOKIE: "excplus-auth";
-};
 /** key containt id of precedeing elemnt id we use in reconciliation during
  * collaboration */
 export declare const PRECEDING_ELEMENT_KEY = "__precedingElement__";
-export declare const isExcalidrawPlusSignedUser: boolean;

package/types/packages/excalidraw/index.d.ts

@@ -3,7 +3,9 @@ import "../../css/app.scss";
 import "../../css/styles.scss";
 import { ExcalidrawAPIRefValue, ExcalidrawProps } from "../../types";
 import Footer from "../../components/footer/FooterCenter";
-import MainMenu from "../../components/mainMenu/MainMenu";
+import MainMenu from "../../components/main-menu/MainMenu";
+import WelcomeScreen from "../../components/welcome-screen/WelcomeScreen";
+import LiveCollaborationTrigger from "../../components/live-collaboration/LiveCollaborationTrigger";
 declare type PublicExcalidrawProps = Omit<ExcalidrawProps, "forwardedRef">;
 export declare const Excalidraw: React.MemoExoticComponent<React.ForwardRefExoticComponent<PublicExcalidrawProps & React.RefAttributes<ExcalidrawAPIRefValue>>>;
 export { getSceneVersion, isInvisiblySmallElement, getNonDeletedElements, } from "../../element";
@@ -16,6 +18,9 @@ export { mutateElement, newElementWith, bumpVersion, } from "../../element/mutat
 export { parseLibraryTokensFromUrl, useHandleLibrary, } from "../../data/library";
 export { sceneCoordsToViewportCoords, viewportCoordsToSceneCoords, } from "../../utils";
 export { Sidebar } from "../../components/Sidebar/Sidebar";
+export { Button } from "../../components/Button";
 export { Footer };
 export { MainMenu };
 export { useDevice } from "../../components/App";
+export { WelcomeScreen };
+export { LiveCollaborationTrigger };

package/types/types.d.ts

@@ -219,7 +219,6 @@ export interface ExcalidrawProps {
     onChange?: (elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles) => void;
     initialData?: ExcalidrawInitialDataState | null | Promise<ExcalidrawInitialDataState | null>;
     excalidrawRef?: ForwardRef<ExcalidrawAPIRefValue>;
-    onCollabButtonClick?: () => void;
     isCollaborating?: boolean;
     onPointerUpdate?: (payload: {
         pointer: {
@@ -239,10 +238,7 @@ export interface ExcalidrawProps {
     theme?: Theme;
     name?: string;
     renderCustomStats?: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => JSX.Element;
-    UIOptions?: {
-        dockedSidebarBreakpoint?: number;
-        canvasActions?: CanvasActions;
-    };
+    UIOptions?: Partial<UIOptions>;
     detectScroll?: boolean;
     handleKeyboardGlobally?: boolean;
     onLibraryChange?: (libraryItems: LibraryItems) => void | Promise<any>;
@@ -275,22 +271,26 @@ export declare type ExportOpts = {
     onExportToBackend?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles, canvas: HTMLCanvasElement | null) => void;
     renderCustomUI?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles, canvas: HTMLCanvasElement | null) => JSX.Element;
 };
-declare type CanvasActions = {
-    changeViewBackgroundColor?: boolean;
-    clearCanvas?: boolean;
-    export?: false | ExportOpts;
-    loadScene?: boolean;
-    saveToActiveFile?: boolean;
-    toggleTheme?: boolean | null;
-    saveAsImage?: boolean;
-};
+declare type CanvasActions = Partial<{
+    changeViewBackgroundColor: boolean;
+    clearCanvas: boolean;
+    export: false | ExportOpts;
+    loadScene: boolean;
+    saveToActiveFile: boolean;
+    toggleTheme: boolean | null;
+    saveAsImage: boolean;
+}>;
+declare type UIOptions = Partial<{
+    dockedSidebarBreakpoint: number;
+    welcomeScreen: boolean;
+    canvasActions: CanvasActions;
+}>;
 export declare type AppProps = Merge<ExcalidrawProps, {
-    UIOptions: {
+    UIOptions: Merge<MarkRequired<UIOptions, "welcomeScreen">, {
         canvasActions: Required<CanvasActions> & {
             export: ExportOpts;
         };
-        dockedSidebarBreakpoint?: number;
-    };
+    }>;
     detectScroll: boolean;
     handleKeyboardGlobally: boolean;
     isCollaborating: boolean;
@@ -401,6 +401,18 @@ export declare type Device = Readonly<{
     canDeviceFitSidebar: boolean;
 }>;
 export declare type UIChildrenComponents = {
-    [k in "FooterCenter" | "Menu"]?: React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    [k in "FooterCenter" | "Menu" | "WelcomeScreen"]?: React.ReactElement<{
+        children?: React.ReactNode;
+    }, React.JSXElementConstructor<any>>;
+};
+export declare type UIWelcomeScreenComponents = {
+    [k in "Center" | "MenuHint" | "ToolbarHint" | "HelpHint"]?: React.ReactElement<{
+        children?: React.ReactNode;
+    }, React.JSXElementConstructor<any>>;
+};
+export declare type UIWelcomeScreenCenterComponents = {
+    [k in "Logo" | "Heading" | "Menu" | "MenuItemLoadScene" | "MenuItemHelp"]?: React.ReactElement<{
+        children?: React.ReactNode;
+    }, React.JSXElementConstructor<any>>;
 };
 export {};

package/types/utils.d.ts

@@ -135,7 +135,19 @@ export declare const isPrimitive: (val: any) => boolean;
 export declare const getFrame: () => "top" | "iframe";
 export declare const isPromiseLike: (value: any) => value is Promise<any>;
 export declare const queryFocusableElements: (container: HTMLElement | null) => HTMLElement[];
-export declare const ReactChildrenToObject: <T extends {
-    [x: string]: React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
-}>(children: React.ReactNode) => Partial<T>;
+/**
+ * Partitions React children into named components and the rest of children.
+ *
+ * Returns known children as a dictionary of react children keyed by their
+ * displayName, and the rest children as an array.
+ *
+ * NOTE all named react components are included in the dictionary, irrespective
+ * of the supplied type parameter. This means you may be throwing away
+ * children that you aren't expecting, but should nonetheless be rendered.
+ * To guard against this (provided you care about the rest children at all),
+ * supply a second parameter with an object with keys of the expected children.
+ */
+export declare const getReactChildren: <KnownChildren extends {
+    [x: string]: React.ReactNode;
+}>(children: React.ReactNode, expectedComponents?: Record<keyof KnownChildren, any> | undefined) => readonly [Partial<KnownChildren>, React.ReactNode[]];
 export declare const isShallowEqual: <T extends Record<string, any>>(objA: T, objB: T) => boolean;

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/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;