@zsviczian/excalidraw 0.10.0-obsidian-29 → 0.10.0-simplify-zoom-1

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

@@ -4,13 +4,6 @@ object-assign
 @license MIT
 */
 
-/*!
-
-pica
-https://github.com/nodeca/pica
-
-*/
-
 /**
  * @license
  * Lodash <https://lodash.com/>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zsviczian/excalidraw",
-  "version": "0.10.0-obsidian-29",
+  "version": "0.10.0-simplify-zoom-1",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [

package/types/actions/actionCanvas.d.ts

@@ -1,98 +1,8 @@
-import { ExcalidrawElement } from "../element/types";
-import { AppState, NormalizedZoomValue } from "../types";
 export declare const actionChangeViewBackgroundColor: import("./types").Action;
 export declare const actionClearCanvas: import("./types").Action;
 export declare const actionZoomIn: import("./types").Action;
 export declare const actionZoomOut: import("./types").Action;
 export declare const actionResetZoom: import("./types").Action;
-export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, zoomToSelection: boolean, maxZoom?: number, margin?: number) => {
-    appState: {
-        zoom: Readonly<{
-            value: NormalizedZoomValue;
-            translation: Readonly<{
-                x: number;
-                y: number;
-            }>;
-        }>;
-        scrollX: number;
-        scrollY: number;
-        isLoading: boolean;
-        errorMessage: string | null;
-        draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-        resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-        multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
-        selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
-        isBindingEnabled: boolean;
-        startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
-        suggestedBindings: import("../element/binding").SuggestedBinding[];
-        editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-        editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
-        elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
-        elementLocked: boolean;
-        exportBackground: boolean;
-        exportEmbedScene: boolean;
-        exportWithDarkMode: boolean;
-        exportScale: number;
-        currentItemStrokeColor: string;
-        currentItemBackgroundColor: string;
-        currentItemFillStyle: import("../element/types").FillStyle;
-        currentItemStrokeWidth: number;
-        currentItemStrokeStyle: import("../element/types").StrokeStyle;
-        currentItemRoughness: number;
-        currentItemOpacity: number;
-        currentItemFontFamily: number;
-        currentItemFontSize: number;
-        currentItemTextAlign: import("../element/types").TextAlign;
-        currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
-        currentItemStartArrowhead: import("../element/types").Arrowhead | null;
-        currentItemEndArrowhead: import("../element/types").Arrowhead | null;
-        currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
-        viewBackgroundColor: string;
-        cursorButton: "up" | "down";
-        scrolledOutside: boolean;
-        name: string;
-        isResizing: boolean;
-        isRotating: boolean;
-        openMenu: "canvas" | "shape" | null;
-        openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
-        lastPointerDownWith: import("../element/types").PointerType;
-        selectedElementIds: {
-            [id: string]: boolean;
-        };
-        previousSelectedElementIds: {
-            [id: string]: boolean;
-        };
-        shouldCacheIgnoreZoom: boolean;
-        showHelpDialog: boolean;
-        toastMessage: string | null;
-        zenModeEnabled: boolean;
-        theme: string;
-        gridSize: number | null;
-        viewModeEnabled: boolean;
-        selectedGroupIds: {
-            [groupId: string]: boolean;
-        };
-        editingGroupId: string | null;
-        width: number;
-        height: number;
-        offsetTop: number;
-        offsetLeft: number;
-        isLibraryOpen: boolean;
-        fileHandle: import("browser-fs-access").FileSystemHandle | null;
-        collaborators: Map<string, import("../types").Collaborator>;
-        showStats: boolean;
-        currentChartType: import("../element/types").ChartType;
-        pasteDialog: {
-            shown: false;
-            data: null;
-        } | {
-            shown: true;
-            data: import("../charts").Spreadsheet;
-        };
-        pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
-    };
-    commitToHistory: boolean;
-};
 export declare const actionZoomToSelected: import("./types").Action;
 export declare const actionZoomToFit: import("./types").Action;
 export declare const actionToggleTheme: import("./types").Action;

package/types/actions/index.d.ts

@@ -3,7 +3,7 @@ export { actionBringForward, actionBringToFront, actionSendBackward, actionSendT
 export { actionSelectAll } from "./actionSelectAll";
 export { actionDuplicateSelection } from "./actionDuplicateSelection";
 export { actionChangeStrokeColor, actionChangeBackgroundColor, actionChangeStrokeWidth, actionChangeFillStyle, actionChangeSloppiness, actionChangeOpacity, actionChangeFontSize, actionChangeFontFamily, actionChangeTextAlign, } from "./actionProperties";
-export { actionChangeViewBackgroundColor, actionClearCanvas, actionZoomIn, actionZoomOut, actionResetZoom, actionZoomToFit, actionToggleTheme, zoomToFitElements, } from "./actionCanvas";
+export { actionChangeViewBackgroundColor, actionClearCanvas, actionZoomIn, actionZoomOut, actionResetZoom, actionZoomToFit, actionToggleTheme, } from "./actionCanvas";
 export { actionFinalize } from "./actionFinalize";
 export { actionChangeProjectName, actionChangeExportBackground, actionSaveToActiveFile, actionSaveFileToDisk, actionLoadScene, } from "./actionExport";
 export { actionCopyStyles, actionPasteStyles } from "./actionStyles";

package/types/appState.d.ts

@@ -6,10 +6,6 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     viewBackgroundColor?: string | undefined;
     zoom?: Readonly<{
         value: NormalizedZoomValue;
-        translation: Readonly<{
-            x: number;
-            y: number;
-        }>;
     }> | undefined;
     shouldCacheIgnoreZoom?: boolean | undefined;
     theme?: string | undefined;

package/types/components/App.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { RoughCanvas } from "roughjs/bin/canvas";
 import { ActionManager } from "../actions/manager";
-import { ExcalidrawElement, NonDeletedExcalidrawElement } from "../element/types";
+import { ExcalidrawElement } from "../element/types";
 import History from "../history";
 import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData } from "../types";
 export declare const useIsMobile: () => boolean;
@@ -33,7 +33,7 @@ declare class App extends React.Component<AppProps, AppState> {
     render(): JSX.Element;
     focusContainer: AppClassProperties["focusContainer"];
     getSceneElementsIncludingDeleted: () => readonly ExcalidrawElement[];
-    getSceneElements: () => readonly NonDeletedExcalidrawElement[];
+    getSceneElements: () => readonly import("../element/types").NonDeletedExcalidrawElement[];
     private syncActionResult;
     private onBlur;
     private onUnload;
@@ -70,9 +70,6 @@ declare class App extends React.Component<AppProps, AppState> {
     toggleZenMode: () => void;
     toggleStats: () => void;
     scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[]) => void;
-    zoomToFit: (target?: readonly ExcalidrawElement[], maxZoom?: number, margin?: number) => void;
-    handleBindTextResize: (containerElements: NonDeletedExcalidrawElement[]) => void;
-    updateContainerSize: (containers: NonDeletedExcalidrawElement[]) => void;
     clearToast: () => void;
     setToastMessage: (toastMessage: string) => void;
     restoreFileFromShare: () => Promise<void>;

package/types/element/dragElements.d.ts

@@ -1,6 +1,6 @@
 import { SHAPES } from "../shapes";
 import { NonDeletedExcalidrawElement } from "./types";
-import { PointerDownState } from "../types";
-export declare const dragSelectedElements: (pointerDownState: PointerDownState, selectedElements: NonDeletedExcalidrawElement[], pointerX: number, pointerY: number, lockDirection?: boolean, distanceX?: number, distanceY?: number) => void;
+import { AppState, PointerDownState } from "../types";
+export declare const dragSelectedElements: (pointerDownState: PointerDownState, selectedElements: NonDeletedExcalidrawElement[], pointerX: number, pointerY: number, lockDirection: boolean | undefined, distanceX: number | undefined, distanceY: number | undefined, appState: AppState) => void;
 export declare const getDragOffsetXY: (selectedElements: NonDeletedExcalidrawElement[], x: number, y: number) => [number, number];
 export declare const dragNewElement: (draggingElement: NonDeletedExcalidrawElement, elementType: typeof SHAPES[number]["value"], originX: number, originY: number, x: number, y: number, width: number, height: number, shouldMaintainAspectRatio: boolean, shouldResizeFromCenter: boolean, widthAspectRatio?: number | null | undefined) => void;

package/types/element/linearElementEditor.d.ts

@@ -126,10 +126,6 @@ export declare class LinearElementEditor {
             isRotating: boolean;
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
-                translation: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
             }>;
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;

package/types/element/newElement.d.ts

@@ -6,18 +6,16 @@ export declare const newElement: (opts: {
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawGenericElement>;
 export declare const newTextElement: (opts: {
     text: string;
-    rawText: string;
     fontSize: number;
     fontFamily: FontFamilyValues;
     textAlign: TextAlign;
     verticalAlign: VerticalAlign;
     containerId?: ExcalidrawRectangleElement["id"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawTextElement>;
-export declare const updateTextElement: (element: ExcalidrawTextElement, { text, isDeleted, originalText, rawText, }: {
+export declare const updateTextElement: (element: ExcalidrawTextElement, { text, isDeleted, originalText, }: {
     text: string;
     isDeleted?: boolean | undefined;
     originalText: string;
-    rawText?: string | undefined;
 }, updateDimensions: boolean) => ExcalidrawTextElement;
 export declare const newFreeDrawElement: (opts: {
     type: "freedraw";

package/types/element/types.d.ts

@@ -91,7 +91,6 @@ export declare type ExcalidrawTextElement = _ExcalidrawElementBase & Readonly<{
     fontSize: number;
     fontFamily: FontFamilyValues;
     text: string;
-    rawText: string;
     baseline: number;
     textAlign: TextAlign;
     verticalAlign: VerticalAlign;

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

@@ -9,7 +9,7 @@ export default _default;
 export { getSceneVersion, isInvisiblySmallElement, getNonDeletedElements, } from "../../element";
 export { defaultLang, languages } from "../../i18n";
 export { restore, restoreAppState, restoreElements } from "../../data/restore";
-export { exportToCanvas, exportToBlob, exportToSvg, serializeAsJSON, loadLibraryFromBlob, loadFromBlob, getFreeDrawSvgPath, getCommonBoundingBox, getMaximumGroups, intersectElementWithLine, determineFocusDistance, } from "../../packages/utils";
+export { exportToCanvas, exportToBlob, exportToSvg, serializeAsJSON, loadLibraryFromBlob, loadFromBlob, getFreeDrawSvgPath, } from "../../packages/utils";
 export { isLinearElement } from "../../element/typeChecks";
 export { FONT_FAMILY, THEME } from "../../constants";
 export { mutateElement, newElementWith, bumpVersion, } from "../../element/mutateElement";

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

@@ -1,5 +1,7 @@
 import autoprefixer = require("autoprefixer");
+import webpack = require("webpack");
 export const mode: string;
+export const devtool: boolean;
 export const entry: {
     "excalidraw.development": string;
 };
@@ -34,25 +36,13 @@ export namespace module {
     } | {
         test: RegExp;
         exclude: RegExp;
-        use: ({
+        use: {
             loader: string;
             options: {
                 transpileOnly: boolean;
                 configFile: string;
-                presets?: undefined;
-                plugins?: undefined;
             };
-        } | {
-            loader: string;
-            options: {
-                presets: (string | (string | {
-                    runtime: string;
-                })[])[];
-                plugins: string[];
-                transpileOnly?: undefined;
-                configFile?: undefined;
-            };
-        })[];
+        }[];
         type?: undefined;
     } | {
         test: RegExp;
@@ -72,7 +62,7 @@ export namespace optimization {
         }
     }
 }
-export const plugins: any[];
+export const plugins: (webpack.EvalSourceMapDevToolPlugin | webpack.DefinePlugin)[];
 export const externals: {
     react: {
         root: string;

package/types/packages/utils.d.ts

@@ -22,7 +22,3 @@ export declare const exportToSvg: ({ elements, appState, files, exportPadding, }
 export { serializeAsJSON } from "../data/json";
 export { loadFromBlob, loadLibraryFromBlob } from "../data/blob";
 export { getFreeDrawSvgPath } from "../renderer/renderElement";
-export { getCommonBoundingBox } from "../element/bounds";
-export { getMaximumGroups } from "../align";
-export { intersectElementWithLine } from "../element/collision";
-export { determineFocusDistance } from "../element/collision";

package/types/scene/index.d.ts

@@ -2,4 +2,4 @@ export { isOverScrollBars } from "./scrollbars";
 export { isSomeElementSelected, getElementsWithinSelection, getCommonAttributeOfSelectedElements, getSelectedElements, getTargetElements, } from "./selection";
 export { calculateScrollCenter } from "./scroll";
 export { hasBackground, hasStrokeWidth, hasStrokeStyle, canHaveArrowheads, canChangeSharpness, getElementAtPosition, getElementContainingPosition, hasText, getElementsAtPosition, } from "./comparisons";
-export { getNormalizedZoom, getNewZoom } from "./zoom";
+export { getNormalizedZoom } from "./zoom";

package/types/scene/zoom.d.ts

@@ -1,6 +1,13 @@
-import { NormalizedZoomValue, PointerCoords, Zoom } from "../types";
-export declare const getNewZoom: (newZoomValue: NormalizedZoomValue, prevZoom: Zoom, canvasOffset: {
-    left: number;
-    top: number;
-}, zoomOnViewportPoint?: PointerCoords) => Zoom;
+import { AppState, NormalizedZoomValue } from "../types";
 export declare const getNormalizedZoom: (zoom: number) => NormalizedZoomValue;
+export declare const getStateForZoom: ({ viewportX, viewportY, nextZoom, }: {
+    viewportX: number;
+    viewportY: number;
+    nextZoom: NormalizedZoomValue;
+}, appState: AppState) => {
+    scrollX: number;
+    scrollY: number;
+    zoom: {
+        value: NormalizedZoomValue;
+    };
+};

package/types/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, Arrowhead, ChartType, FontFamilyValues, ExcalidrawTextElement, FileId, ExcalidrawImageElement, Theme } from "./element/types";
+import { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, Arrowhead, ChartType, FontFamilyValues, FileId, ExcalidrawImageElement, Theme } from "./element/types";
 import { SHAPES } from "./shapes";
 import { Point as RoughPoint } from "roughjs/bin/geometry";
 import { LinearElementEditor } from "./element/linearElementEditor";
@@ -129,10 +129,6 @@ export declare type NormalizedZoomValue = number & {
 };
 export declare type Zoom = Readonly<{
     value: NormalizedZoomValue;
-    translation: Readonly<{
-        x: number;
-        y: number;
-    }>;
 }>;
 export declare type PointerCoords = Readonly<{
     x: number;
@@ -185,7 +181,6 @@ export interface ExcalidrawProps {
         pointersMap: Gesture["pointers"];
     }) => void;
     onPaste?: (data: ClipboardData, event: ClipboardEvent | null) => Promise<boolean> | boolean;
-    onDrop?: (event: React.DragEvent<HTMLDivElement>) => Promise<boolean> | boolean;
     renderTopRightUI?: (isMobile: boolean, appState: AppState) => JSX.Element | null;
     renderFooter?: (isMobile: boolean, appState: AppState) => JSX.Element;
     langCode?: Language["code"];
@@ -201,10 +196,7 @@ export interface ExcalidrawProps {
     handleKeyboardGlobally?: boolean;
     onLibraryChange?: (libraryItems: LibraryItems) => void | Promise<any>;
     autoFocus?: boolean;
-    onBeforeTextEdit?: (textElement: ExcalidrawTextElement) => string;
-    onBeforeTextSubmit?: (textElement: ExcalidrawTextElement, textToSubmit: string, originalText: string, isDeleted: boolean) => [string, string];
     generateIdForFile?: (file: File) => string | Promise<string>;
-    onThemeChange?: (newTheme: string) => void;
 }
 export declare type SceneData = {
     elements?: ImportedDataState["elements"];
@@ -318,7 +310,6 @@ export declare type ExcalidrawImperativeAPI = {
         clear: InstanceType<typeof App>["resetHistory"];
     };
     scrollToContent: InstanceType<typeof App>["scrollToContent"];
-    zoomToFit: InstanceType<typeof App>["zoomToFit"];
     getSceneElements: InstanceType<typeof App>["getSceneElements"];
     getAppState: () => InstanceType<typeof App>["state"];
     getFiles: () => InstanceType<typeof App>["files"];
@@ -326,8 +317,6 @@ export declare type ExcalidrawImperativeAPI = {
     importLibrary: InstanceType<typeof App>["importLibraryFromUrl"];
     setToastMessage: InstanceType<typeof App>["setToastMessage"];
     addFiles: (data: BinaryFileData[]) => void;
-    handleBindTextResize: InstanceType<typeof App>["handleBindTextResize"];
-    updateContainerSize: InstanceType<typeof App>["updateContainerSize"];
     readyPromise: ResolvablePromise<ExcalidrawImperativeAPI>;
     ready: true;
     id: string;