@excalidraw/excalidraw 0.14.1-3a141ca → 0.14.1-6178-cc37e69

package/dist/excalidraw.production.min.js.LICENSE.txt

@@ -9,3 +9,23 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
+/**
+ * @license React
+ * use-sync-external-store-shim.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.14.1-3a141ca",
+  "version": "0.14.1-6178-cc37e69",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [

package/types/components/LayerUI.d.ts

@@ -6,6 +6,7 @@ import { AppProps, AppState, ExcalidrawProps, BinaryFiles } from "../types";
 import Library from "../data/library";
 import "./LayerUI.scss";
 import "./Toolbar.scss";
+import tunnel from "tunnel-rat";
 interface LayerUIProps {
     actionManager: ActionManager;
     appState: AppState;
@@ -19,7 +20,6 @@ interface LayerUIProps {
     onInsertElements: (elements: readonly NonDeletedExcalidrawElement[]) => void;
     showExitZenModeBtn: boolean;
     langCode: Language["code"];
-    isCollaborating: boolean;
     renderTopRightUI?: ExcalidrawProps["renderTopRightUI"];
     renderCustomStats?: ExcalidrawProps["renderCustomStats"];
     renderCustomSidebar?: ExcalidrawProps["renderSidebar"];
@@ -34,5 +34,15 @@ interface LayerUIProps {
     renderWelcomeScreen: boolean;
     children?: React.ReactNode;
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, onInsertElements, showExitZenModeBtn, isCollaborating, renderTopRightUI, renderCustomStats, renderCustomSidebar, libraryReturnUrl, UIOptions, focusContainer, library, id, onImageAction, renderWelcomeScreen, children, }: LayerUIProps) => JSX.Element>;
+declare type Tunnel = ReturnType<typeof tunnel>;
+export declare const TunnelsContext: React.Context<{
+    mainMenuTunnel: Tunnel;
+    welcomeScreenMenuHintTunnel: Tunnel;
+    welcomeScreenToolbarHintTunnel: Tunnel;
+    welcomeScreenHelpHintTunnel: Tunnel;
+    welcomeScreenCenterTunnel: Tunnel;
+    footerCenterTunnel: Tunnel;
+    jotaiScope: symbol;
+}>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, onInsertElements, showExitZenModeBtn, 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, UIWelcomeScreenComponents } from "../types";
+import { AppState, Device, ExcalidrawProps } from "../types";
 import { ActionManager } from "../actions/manager";
 import { NonDeletedExcalidrawElement } from "../element/types";
 declare type MobileMenuProps = {
@@ -20,8 +20,6 @@ declare type MobileMenuProps = {
     renderCustomStats?: ExcalidrawProps["renderCustomStats"];
     renderSidebars: () => JSX.Element | null;
     device: Device;
-    renderMenu: () => React.ReactNode;
-    welcomeScreenCenter: UIWelcomeScreenComponents["Center"];
 };
-export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, canvas, onImageAction, renderTopRightUI, renderCustomStats, renderSidebars, device, renderMenu, welcomeScreenCenter, }: MobileMenuProps) => JSX.Element;
+export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, canvas, onImageAction, renderTopRightUI, renderCustomStats, renderSidebars, device, }: MobileMenuProps) => JSX.Element;
 export {};

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

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

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const withInternalFallback: <P>(componentName: string, Component: React.FC<P>) => React.FC<P & {
+    __fallback?: boolean | undefined;
+}>;

package/types/components/main-menu/MainMenu.d.ts

@@ -1,13 +1,14 @@
 import React from "react";
 import * as DefaultItems from "./DefaultItems";
-declare const MainMenu: {
-    ({ children, onSelect, }: {
-        children?: React.ReactNode;
-        /**
-         * Called when any menu item is selected (clicked on).
-         */
-        onSelect?: ((event: Event) => void) | undefined;
-    }): JSX.Element;
+declare const MainMenu: React.FC<{
+    children?: React.ReactNode;
+    /**
+     * Called when any menu item is selected (clicked on).
+     */
+    onSelect?: ((event: Event) => void) | undefined;
+} & {
+    __fallback?: boolean | undefined;
+}> & {
     Trigger: {
         ({ className, children, onToggle, }: {
             className?: string | undefined;
@@ -55,6 +56,5 @@ declare const MainMenu: {
         displayName: string;
     };
     DefaultItems: typeof DefaultItems;
-    displayName: string;
 };
 export default MainMenu;

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

@@ -2,8 +2,8 @@
 import "./WelcomeScreen.scss";
 declare const WelcomeScreen: {
     (props: {
-        children: React.ReactNode;
-    }): null;
+        children?: React.ReactNode;
+    }): JSX.Element;
     displayName: string;
     Center: {
         ({ children }: {

package/types/types.d.ts

@@ -285,11 +285,12 @@ declare type CanvasActions = Partial<{
 }>;
 declare type UIOptions = Partial<{
     dockedSidebarBreakpoint: number;
-    welcomeScreen: boolean;
     canvasActions: CanvasActions;
+    /** @deprecated does nothing. Will be removed in 0.15 */
+    welcomeScreen?: boolean;
 }>;
 export declare type AppProps = Merge<ExcalidrawProps, {
-    UIOptions: Merge<MarkRequired<UIOptions, "welcomeScreen">, {
+    UIOptions: Merge<UIOptions, {
         canvasActions: Required<CanvasActions> & {
             export: ExportOpts;
         };
@@ -403,19 +404,4 @@ export declare type Device = Readonly<{
     isTouchScreen: boolean;
     canDeviceFitSidebar: boolean;
 }>;
-export declare type UIChildrenComponents = {
-    [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

@@ -2,7 +2,6 @@ import { EVENT } from "./constants";
 import { FontFamilyValues, FontString } from "./element/types";
 import { AppState, LastActiveTool, Zoom } from "./types";
 import { SHAPES } from "./shapes";
-import React from "react";
 export declare const setDateTimeForTests: (dateTime: string) => void;
 export declare const getDateTime: () => string;
 export declare const capitalizeString: (str: string) => string;
@@ -135,21 +134,6 @@ 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[];
-/**
- * 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;
 export declare const composeEventHandlers: <E>(originalEventHandler?: ((event: E) => void) | undefined, ourEventHandler?: ((event: E) => void) | undefined, { checkForDefaultPrevented }?: {
     checkForDefaultPrevented?: boolean | undefined;