@excalidraw/excalidraw 0.15.2-b57b3b5 → 0.15.2-bb985eb

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.15.2-b57b3b5",
+  "version": "0.15.2-bb985eb",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [
@@ -59,6 +59,7 @@
     "cross-env": "7.0.3",
     "css-loader": "6.7.1",
     "dotenv": "16.0.1",
+    "import-meta-loader": "1.1.0",
     "mini-css-extract-plugin": "2.6.1",
     "postcss-loader": "7.0.1",
     "sass-loader": "13.0.2",

package/types/actions/actionAddToLibrary.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionAddToLibrary: {
     name: "addToLibrary";
     trackEvent: {

package/types/actions/actionAlign.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
 import { AppClassProperties, AppState } from "../types";
 export declare const actionAlignTop: {

package/types/actions/actionBoundText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
 import { AppState } from "../types";
 import { Mutable } from "../utility-types";

package/types/actions/actionCanvas.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
 import { AppState, NormalizedZoomValue } from "../types";
 export declare const actionChangeViewBackgroundColor: {

package/types/actions/actionClipboard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionCopy: {
     name: "copy";
     trackEvent: {

package/types/actions/actionDeleteSelected.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
 import { AppState } from "../types";
 import { LinearElementEditor } from "../element/linearElementEditor";

package/types/actions/actionDistribute.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
 import { AppClassProperties, AppState } from "../types";
 export declare const distributeHorizontally: {

package/types/actions/actionDuplicateSelection.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
 import { AppState } from "../types";
 export declare const actionDuplicateSelection: {

package/types/actions/actionElementLock.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
 export declare const actionToggleElementLock: {
     name: "toggleElementLock";

package/types/actions/actionExport.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Theme } from "../element/types";
 import "../components/ToolIcon.scss";
 export declare const actionChangeProjectName: {

package/types/actions/actionFinalize.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LinearElementEditor } from "../element/linearElementEditor";
 import { AppState } from "../types";
 export declare const actionFinalize: {

package/types/actions/actionFlip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
 import { AppState } from "../types";
 export declare const actionFlipHorizontal: {

package/types/actions/actionFrame.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
 import { AppClassProperties, AppState } from "../types";
 export declare const actionSelectAllElementsInFrame: {

package/types/actions/actionGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
 import { AppClassProperties, AppState } from "../types";
 export declare const actionGroup: {

package/types/actions/actionLinearEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LinearElementEditor } from "../element/linearElementEditor";
 import { ExcalidrawLinearElement } from "../element/types";
 export declare const actionToggleLinearEditor: {

package/types/actions/actionMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionToggleCanvasMenu: {
     name: "toggleCanvasMenu";
     trackEvent: {

package/types/actions/actionProperties.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppState } from "../../src/types";
 import { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
 export declare const actionChangeStrokeColor: {

package/types/actions/actionSelectAll.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawElement } from "../element/types";
 export declare const actionSelectAll: {
     name: "selectAll";

package/types/actions/actionStyles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare let copiedStyles: string;
 export declare const actionCopyStyles: {
     name: "copyStyles";

package/types/actions/actionToggleGridMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppState } from "../types";
 export declare const actionToggleGridMode: {
     name: "gridMode";

package/types/actions/actionToggleStats.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionToggleStats: {
     name: "stats";
     viewMode: true;

package/types/actions/actionToggleViewMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionToggleViewMode: {
     name: "viewMode";
     viewMode: true;

package/types/actions/actionToggleZenMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionToggleZenMode: {
     name: "zenMode";
     viewMode: true;

package/types/components/Button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./Button.scss";
 interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     type?: "button" | "submit" | "reset";

package/types/components/Card.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import OpenColor from "open-color";
 import "./Card.scss";
 export declare const Card: React.FC<{

package/types/components/ColorPicker/keyboardNavHandlers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorPaletteCustom } from "../../colors";
 import { ActiveColorPickerSectionAtomType } from "./colorPickerUtils";
 interface ColorPickerKeyNavHandlerProps {

package/types/components/DefaultSidebar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MarkOptional } from "../utility-types";
 import { SidebarProps, SidebarTriggerProps } from "./Sidebar/common";
 export declare const DefaultSidebar: import("react").FC<Omit<MarkOptional<Omit<{

package/types/components/EyeDropper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./EyeDropper.scss";
 type EyeDropperProperties = {
     keepOpenOnAlt: boolean;

package/types/components/LibraryMenuHeaderContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LibraryItem, UIAppState } from "../types";
 import Library from "../data/library";
 export declare const LibraryDropdownMenuButton: React.FC<{

package/types/components/LibraryUnit.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LibraryItem } from "../types";
 import "./LibraryUnit.scss";
 import { SvgCache } from "../hooks/useLibraryItemSvg";

package/types/components/LoadingMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Theme } from "../element/types";
 export declare const LoadingMessage: React.FC<{
     delay?: number;

package/types/components/Sidebar/SidebarTab.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SidebarTabName } from "../../types";
 export declare const SidebarTab: {
     ({ tab, children, ...rest }: {

package/types/components/Sidebar/SidebarTabTrigger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SidebarTabName } from "../../types";
 export declare const SidebarTabTrigger: {
     ({ children, tab, onSelect, ...rest }: {

package/types/components/Sidebar/SidebarTabTriggers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SidebarTabTriggers: {
     ({ children, ...rest }: {
         children: React.ReactNode;

package/types/components/Sidebar/SidebarTabs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SidebarTabs: {
     ({ children, ...rest }: {
         children: React.ReactNode;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const MenuTrigger: {
     ({ className, children, onToggle, title, ...rest }: {
         className?: string | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./LiveCollaborationTrigger.scss";
 declare const LiveCollaborationTrigger: {
     ({ isCollaborating, onSelect, ...rest }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Center: {
     ({ children }: {
         children?: React.ReactNode;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./WelcomeScreen.scss";
 declare const WelcomeScreen: {
     (props: {

package/types/constants.d.ts

@@ -98,6 +98,7 @@ export declare const FRAME_STYLE: {
     radius: number;
 };
 export declare const WINDOWS_EMOJI_FALLBACK_FONT = "Segoe UI Emoji";
+export declare const MIN_FONT_SIZE = 1;
 export declare const DEFAULT_FONT_SIZE = 20;
 export declare const DEFAULT_FONT_FAMILY: FontFamilyValues;
 export declare const DEFAULT_TEXT_ALIGN = "left";
@@ -181,6 +182,8 @@ export declare const VERSIONS: {
     readonly excalidrawLibrary: 2;
 };
 export declare const BOUND_TEXT_PADDING = 5;
+export declare const ARROW_LABEL_WIDTH_FRACTION = 0.7;
+export declare const ARROW_LABEL_FONT_SIZE_TO_MIN_WIDTH_RATIO = 11;
 export declare const VERTICAL_ALIGN: {
     TOP: string;
     MIDDLE: string;

package/types/element/Hyperlink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppState, ExcalidrawProps, UIAppState } from "../types";
 import { NonDeletedExcalidrawElement } from "./types";
 import { Bounds } from "./bounds";

package/types/element/embeddable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExcalidrawProps } from "../types";
 import { ExcalidrawElement, ExcalidrawEmbeddableElement, NonDeletedExcalidrawElement, Theme } from "./types";
 type EmbeddedLink = ({

package/types/element/linearElementEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NonDeleted, ExcalidrawLinearElement, ExcalidrawElement, PointBinding, ExcalidrawBindableElement, ExcalidrawTextElementWithContainer } from "./types";
 import { Point, AppState, PointerCoords } from "../types";
 import History from "../history";

package/types/element/textElement.d.ts

@@ -6,7 +6,7 @@ export declare const normalizeText: (text: string) => string;
 export declare const splitIntoLines: (text: string) => string[];
 export declare const redrawTextBoundingBox: (textElement: ExcalidrawTextElement, container: ExcalidrawElement | null) => void;
 export declare const bindTextToShapeAfterDuplication: (sceneElements: ExcalidrawElement[], oldElements: ExcalidrawElement[], oldIdToDuplicatedId: Map<ExcalidrawElement["id"], ExcalidrawElement["id"]>) => void;
-export declare const handleBindTextResize: (container: NonDeletedExcalidrawElement, transformHandleType: MaybeTransformHandleType) => void;
+export declare const handleBindTextResize: (container: NonDeletedExcalidrawElement, transformHandleType: MaybeTransformHandleType, shouldMaintainAspectRatio?: boolean) => void;
 export declare const computeBoundTextPosition: (container: ExcalidrawElement, boundTextElement: ExcalidrawTextElementWithContainer) => {
     x: number;
     y: number;
@@ -47,10 +47,6 @@ export declare const getBoundTextElement: (element: ExcalidrawElement | null) =>
 export declare const getContainerElement: (element: (ExcalidrawElement & {
     containerId: ExcalidrawElement["id"] | null;
 }) | null) => ExcalidrawElement | null;
-export declare const getContainerDims: (element: ExcalidrawElement) => {
-    width: number;
-    height: number;
-};
 export declare const getContainerCenter: (container: ExcalidrawElement, appState: AppState) => {
     x: number;
     y: number;
@@ -71,7 +67,7 @@ export declare const getTextBindableContainerAtPosition: (elements: readonly Exc
 declare const VALID_CONTAINER_TYPES: Set<string>;
 export declare const isValidTextContainer: (element: ExcalidrawElement) => boolean;
 export declare const computeContainerDimensionForBoundText: (dimension: number, containerType: ExtractSetType<typeof VALID_CONTAINER_TYPES>) => number;
-export declare const getBoundTextMaxWidth: (container: ExcalidrawElement) => number;
+export declare const getBoundTextMaxWidth: (container: ExcalidrawElement, boundTextElement?: ExcalidrawTextElement | null) => number;
 export declare const getBoundTextMaxHeight: (container: ExcalidrawElement, boundTextElement: ExcalidrawTextElementWithContainer) => number;
 export declare const isMeasureTextSupported: () => boolean;
 export declare const getDefaultLineHeight: (fontFamily: FontFamilyValues) => number & {

package/types/hooks/useOutsideClick.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function useOutsideClick<T extends HTMLElement>(ref: React.RefObject<T>, 
 /** if performance is of concern, memoize the callback */
 callback: (event: Event) => void, 

package/types/hooks/useScrollPosition.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const useScrollPosition: <T extends HTMLElement>(elementRef: import("react").RefObject<T>) => number;

package/types/packages/excalidraw/webpack.dev.config.d.ts

@@ -36,13 +36,16 @@ export namespace module {
     } | {
         test: RegExp;
         exclude: RegExp;
-        use: {
+        use: ({
+            loader: string;
+            options?: undefined;
+        } | {
             loader: string;
             options: {
                 transpileOnly: boolean;
                 configFile: string;
             };
-        }[];
+        })[];
         type?: undefined;
     } | {
         test: RegExp;

package/types/packages/excalidraw/webpack.prod.config.d.ts

@@ -36,6 +36,9 @@ export namespace module {
         test: RegExp;
         exclude: RegExp;
         use: ({
+            loader: string;
+            options?: undefined;
+        } | {
             loader: string;
             options: {
                 transpileOnly: boolean;

package/types/utility-types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Mutable<T> = {
     -readonly [P in keyof T]: T[P];
 };