@zsviczian/excalidraw 0.17.1-obsidian-12 → 0.17.1-obsidian-14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/excalidraw.development.js +66 -55
- package/dist/excalidraw.production.min.js +1 -1
- package/dist/styles.development.css +633 -627
- package/dist/styles.production.css +4 -4
- package/package.json +1 -1
- package/types/excalidraw/actions/actionAddToLibrary.d.ts +3 -3
- package/types/excalidraw/actions/actionAlign.d.ts +6 -6
- package/types/excalidraw/actions/actionBoundText.d.ts +2 -2
- package/types/excalidraw/actions/actionCanvas.d.ts +28 -28
- package/types/excalidraw/actions/actionClipboard.d.ts +7 -7
- package/types/excalidraw/actions/actionDeleteSelected.d.ts +3 -3
- package/types/excalidraw/actions/actionDistribute.d.ts +2 -2
- package/types/excalidraw/actions/actionElementLock.d.ts +2 -2
- package/types/excalidraw/actions/actionExport.d.ts +8 -8
- package/types/excalidraw/actions/actionFinalize.d.ts +2 -2
- package/types/excalidraw/actions/actionFlip.d.ts +2 -2
- package/types/excalidraw/actions/actionFrame.d.ts +4 -4
- package/types/excalidraw/actions/actionGroup.d.ts +2 -2
- package/types/excalidraw/actions/actionLinearEditor.d.ts +1 -1
- package/types/excalidraw/actions/actionMenu.d.ts +2 -2
- package/types/excalidraw/actions/actionNavigate.d.ts +2 -2
- package/types/excalidraw/actions/actionProperties.d.ts +26 -26
- package/types/excalidraw/actions/actionSelectAll.d.ts +1 -1
- package/types/excalidraw/actions/actionStyles.d.ts +3 -3
- package/types/excalidraw/actions/actionToggleGridMode.d.ts +1 -1
- package/types/excalidraw/actions/actionToggleObjectsSnapMode.d.ts +1 -1
- package/types/excalidraw/actions/actionToggleStats.d.ts +1 -1
- package/types/excalidraw/actions/actionToggleViewMode.d.ts +1 -1
- package/types/excalidraw/actions/actionToggleZenMode.d.ts +1 -1
- package/types/excalidraw/align.d.ts +2 -2
- package/types/excalidraw/components/Actions.d.ts +3 -3
- package/types/excalidraw/components/canvases/InteractiveCanvas.d.ts +2 -2
- package/types/excalidraw/components/canvases/StaticCanvas.d.ts +4 -3
- package/types/excalidraw/constants.d.ts +1 -0
- package/types/excalidraw/distribute.d.ts +2 -2
- package/types/excalidraw/element/Hyperlink.d.ts +1 -1
- package/types/excalidraw/element/bounds.d.ts +2 -2
- package/types/excalidraw/element/collision.d.ts +3 -3
- package/types/excalidraw/element/containerCache.d.ts +11 -0
- package/types/excalidraw/element/embeddable.d.ts +7 -8
- package/types/excalidraw/element/index.d.ts +0 -1
- package/types/excalidraw/element/linearElementEditor.d.ts +8 -8
- package/types/excalidraw/element/newElement.d.ts +2 -2
- package/types/excalidraw/element/resizeElements.d.ts +5 -5
- package/types/excalidraw/element/textElement.d.ts +9 -12
- package/types/excalidraw/element/textWysiwyg.d.ts +1 -6
- package/types/excalidraw/element/transformHandles.d.ts +2 -2
- package/types/excalidraw/element/types.d.ts +24 -2
- package/types/excalidraw/frame.d.ts +16 -10
- package/types/excalidraw/groups.d.ts +3 -3
- package/types/excalidraw/index.d.ts +1 -1
- package/types/excalidraw/renderer/renderElement.d.ts +4 -4
- package/types/excalidraw/renderer/renderScene.d.ts +5 -7
- package/types/excalidraw/scene/Renderer.d.ts +1 -1
- package/types/excalidraw/scene/Scene.d.ts +9 -3
- package/types/excalidraw/scene/index.d.ts +0 -1
- package/types/excalidraw/scene/scrollbars.d.ts +2 -3
- package/types/excalidraw/scene/selection.d.ts +3 -3
- package/types/excalidraw/scene/types.d.ts +7 -4
- package/types/excalidraw/types.d.ts +2 -1
- package/types/excalidraw/utility-types.d.ts +5 -0
- package/types/excalidraw/utils.d.ts +16 -1
- package/types/excalidraw/components/LaserTool/LaserPathManager.d.ts +0 -28
- package/types/excalidraw/components/LaserTool/LaserPointerButton.d.ts +0 -10
- package/types/excalidraw/components/LaserTool/LaserTool.d.ts +0 -7
- package/types/excalidraw/example/App.d.ts +0 -14
- package/types/excalidraw/example/CustomFooter.d.ts +0 -5
- package/types/excalidraw/example/MobileFooter.d.ts +0 -5
- package/types/excalidraw/example/index.d.ts +0 -1
- package/types/excalidraw/example/initialData.d.ts +0 -290
- package/types/excalidraw/example/sidebar/ExampleSidebar.d.ts +0 -4
- package/types/excalidraw/rollup.config.d.ts +0 -10
- package/types/excalidraw/vite.config.d.mts +0 -2
- package/types/utils/index.d.ts +0 -1
|
@@ -76,7 +76,7 @@ export declare const actionChangeProjectName: {
|
|
|
76
76
|
tab?: string | undefined;
|
|
77
77
|
} | null;
|
|
78
78
|
openDialog: {
|
|
79
|
-
name: "
|
|
79
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
80
80
|
} | {
|
|
81
81
|
name: "settings";
|
|
82
82
|
source: "settings" | "tool" | "generation";
|
|
@@ -269,7 +269,7 @@ export declare const actionChangeExportScale: {
|
|
|
269
269
|
tab?: string | undefined;
|
|
270
270
|
} | null;
|
|
271
271
|
openDialog: {
|
|
272
|
-
name: "
|
|
272
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
273
273
|
} | {
|
|
274
274
|
name: "settings";
|
|
275
275
|
source: "settings" | "tool" | "generation";
|
|
@@ -462,7 +462,7 @@ export declare const actionChangeExportBackground: {
|
|
|
462
462
|
tab?: string | undefined;
|
|
463
463
|
} | null;
|
|
464
464
|
openDialog: {
|
|
465
|
-
name: "
|
|
465
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
466
466
|
} | {
|
|
467
467
|
name: "settings";
|
|
468
468
|
source: "settings" | "tool" | "generation";
|
|
@@ -655,7 +655,7 @@ export declare const actionChangeExportEmbedScene: {
|
|
|
655
655
|
tab?: string | undefined;
|
|
656
656
|
} | null;
|
|
657
657
|
openDialog: {
|
|
658
|
-
name: "
|
|
658
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
659
659
|
} | {
|
|
660
660
|
name: "settings";
|
|
661
661
|
source: "settings" | "tool" | "generation";
|
|
@@ -853,7 +853,7 @@ export declare const actionSaveToActiveFile: {
|
|
|
853
853
|
tab?: string | undefined;
|
|
854
854
|
} | null;
|
|
855
855
|
openDialog: {
|
|
856
|
-
name: "
|
|
856
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
857
857
|
} | {
|
|
858
858
|
name: "settings";
|
|
859
859
|
source: "settings" | "tool" | "generation";
|
|
@@ -1229,7 +1229,7 @@ export declare const actionLoadScene: {
|
|
|
1229
1229
|
tab?: string | undefined;
|
|
1230
1230
|
} | null;
|
|
1231
1231
|
openDialog: {
|
|
1232
|
-
name: "
|
|
1232
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
1233
1233
|
} | {
|
|
1234
1234
|
name: "settings";
|
|
1235
1235
|
source: "settings" | "tool" | "generation";
|
|
@@ -1409,7 +1409,7 @@ export declare const actionLoadScene: {
|
|
|
1409
1409
|
tab?: string | undefined;
|
|
1410
1410
|
} | null;
|
|
1411
1411
|
openDialog: {
|
|
1412
|
-
name: "
|
|
1412
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
1413
1413
|
} | {
|
|
1414
1414
|
name: "settings";
|
|
1415
1415
|
source: "settings" | "tool" | "generation";
|
|
@@ -1603,7 +1603,7 @@ export declare const actionExportWithDarkMode: {
|
|
|
1603
1603
|
tab?: string | undefined;
|
|
1604
1604
|
} | null;
|
|
1605
1605
|
openDialog: {
|
|
1606
|
-
name: "
|
|
1606
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
1607
1607
|
} | {
|
|
1608
1608
|
name: "settings";
|
|
1609
1609
|
source: "settings" | "tool" | "generation";
|
|
@@ -77,7 +77,7 @@ export declare const actionFinalize: {
|
|
|
77
77
|
tab?: string | undefined;
|
|
78
78
|
} | null;
|
|
79
79
|
openDialog: {
|
|
80
|
-
name: "
|
|
80
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
81
81
|
} | {
|
|
82
82
|
name: "settings";
|
|
83
83
|
source: "settings" | "tool" | "generation";
|
|
@@ -262,7 +262,7 @@ export declare const actionFinalize: {
|
|
|
262
262
|
tab?: string | undefined;
|
|
263
263
|
} | null;
|
|
264
264
|
openDialog: {
|
|
265
|
-
name: "
|
|
265
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
266
266
|
} | {
|
|
267
267
|
name: "settings";
|
|
268
268
|
source: "settings" | "tool" | "generation";
|
|
@@ -6,7 +6,7 @@ export declare const actionFlipHorizontal: {
|
|
|
6
6
|
category: "element";
|
|
7
7
|
};
|
|
8
8
|
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
|
|
9
|
-
elements:
|
|
9
|
+
elements: ExcalidrawElement[];
|
|
10
10
|
appState: Readonly<AppState>;
|
|
11
11
|
commitToHistory: true;
|
|
12
12
|
};
|
|
@@ -21,7 +21,7 @@ export declare const actionFlipVertical: {
|
|
|
21
21
|
category: "element";
|
|
22
22
|
};
|
|
23
23
|
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
|
|
24
|
-
elements:
|
|
24
|
+
elements: ExcalidrawElement[];
|
|
25
25
|
appState: Readonly<AppState>;
|
|
26
26
|
commitToHistory: true;
|
|
27
27
|
};
|
|
@@ -21,7 +21,7 @@ export declare const actionRemoveAllElementsFromFrame: {
|
|
|
21
21
|
category: "history";
|
|
22
22
|
};
|
|
23
23
|
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
|
|
24
|
-
elements: ExcalidrawElement[];
|
|
24
|
+
elements: readonly ExcalidrawElement[];
|
|
25
25
|
appState: {
|
|
26
26
|
selectedElementIds: {
|
|
27
27
|
[x: string]: true;
|
|
@@ -97,7 +97,7 @@ export declare const actionRemoveAllElementsFromFrame: {
|
|
|
97
97
|
tab?: string | undefined;
|
|
98
98
|
} | null;
|
|
99
99
|
openDialog: {
|
|
100
|
-
name: "
|
|
100
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
101
101
|
} | {
|
|
102
102
|
name: "settings";
|
|
103
103
|
source: "settings" | "tool" | "generation";
|
|
@@ -293,7 +293,7 @@ export declare const actionupdateFrameRendering: {
|
|
|
293
293
|
tab?: string | undefined;
|
|
294
294
|
} | null;
|
|
295
295
|
openDialog: {
|
|
296
|
-
name: "
|
|
296
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
297
297
|
} | {
|
|
298
298
|
name: "settings";
|
|
299
299
|
source: "settings" | "tool" | "generation";
|
|
@@ -487,7 +487,7 @@ export declare const actionSetFrameAsActiveTool: {
|
|
|
487
487
|
tab?: string | undefined;
|
|
488
488
|
} | null;
|
|
489
489
|
openDialog: {
|
|
490
|
-
name: "
|
|
490
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
491
491
|
} | {
|
|
492
492
|
name: "settings";
|
|
493
493
|
source: "settings" | "tool" | "generation";
|
|
@@ -89,7 +89,7 @@ export declare const actionGroup: {
|
|
|
89
89
|
tab?: string | undefined;
|
|
90
90
|
} | null;
|
|
91
91
|
openDialog: {
|
|
92
|
-
name: "
|
|
92
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
93
93
|
} | {
|
|
94
94
|
name: "settings";
|
|
95
95
|
source: "settings" | "tool" | "generation";
|
|
@@ -289,7 +289,7 @@ export declare const actionUngroup: {
|
|
|
289
289
|
tab?: string | undefined;
|
|
290
290
|
} | null;
|
|
291
291
|
openDialog: {
|
|
292
|
-
name: "
|
|
292
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
293
293
|
} | {
|
|
294
294
|
name: "settings";
|
|
295
295
|
source: "settings" | "tool" | "generation";
|
|
@@ -79,7 +79,7 @@ export declare const actionToggleLinearEditor: {
|
|
|
79
79
|
tab?: string | undefined;
|
|
80
80
|
} | null;
|
|
81
81
|
openDialog: {
|
|
82
|
-
name: "
|
|
82
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
83
83
|
} | {
|
|
84
84
|
name: "settings";
|
|
85
85
|
source: "settings" | "tool" | "generation";
|
|
@@ -76,7 +76,7 @@ export declare const actionToggleCanvasMenu: {
|
|
|
76
76
|
tab?: string | undefined;
|
|
77
77
|
} | null;
|
|
78
78
|
openDialog: {
|
|
79
|
-
name: "
|
|
79
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
80
80
|
} | {
|
|
81
81
|
name: "settings";
|
|
82
82
|
source: "settings" | "tool" | "generation";
|
|
@@ -268,7 +268,7 @@ export declare const actionToggleEditMenu: {
|
|
|
268
268
|
tab?: string | undefined;
|
|
269
269
|
} | null;
|
|
270
270
|
openDialog: {
|
|
271
|
-
name: "
|
|
271
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
272
272
|
} | {
|
|
273
273
|
name: "settings";
|
|
274
274
|
source: "settings" | "tool" | "generation";
|
|
@@ -79,7 +79,7 @@ export declare const actionGoToCollaborator: {
|
|
|
79
79
|
tab?: string | undefined;
|
|
80
80
|
} | null;
|
|
81
81
|
openDialog: {
|
|
82
|
-
name: "
|
|
82
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
83
83
|
} | {
|
|
84
84
|
name: "settings";
|
|
85
85
|
source: "settings" | "tool" | "generation";
|
|
@@ -264,7 +264,7 @@ export declare const actionGoToCollaborator: {
|
|
|
264
264
|
tab?: string | undefined;
|
|
265
265
|
} | null;
|
|
266
266
|
openDialog: {
|
|
267
|
-
name: "
|
|
267
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
268
268
|
} | {
|
|
269
269
|
name: "settings";
|
|
270
270
|
source: "settings" | "tool" | "generation";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { AppState, Primitive } from "../types";
|
|
1
|
+
import { AppClassProperties, AppState, Primitive } from "../types";
|
|
2
2
|
import { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
|
|
3
3
|
export declare const changeProperty: (elements: readonly ExcalidrawElement[], appState: AppState, callback: (element: ExcalidrawElement) => ExcalidrawElement, includeBoundText?: boolean) => ExcalidrawElement[];
|
|
4
4
|
export declare const getFormValue: <T extends Primitive>(elements: readonly ExcalidrawElement[], appState: AppState, getAttribute: (element: ExcalidrawElement) => T, isRelevantElement: true | ((element: ExcalidrawElement) => boolean), defaultValue: T | ((isSomeElementSelected: boolean) => T)) => T;
|
|
5
5
|
export declare const actionChangeStrokeColor: {
|
|
6
6
|
name: "changeStrokeColor";
|
|
7
7
|
trackEvent: false;
|
|
8
|
-
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
|
|
8
|
+
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => any;
|
|
9
9
|
PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
} & {
|
|
11
11
|
keyTest?: undefined;
|
|
@@ -21,7 +21,7 @@ export declare const actionChangeBackgroundColor: {
|
|
|
21
21
|
export declare const actionChangeFillStyle: {
|
|
22
22
|
name: "changeFillStyle";
|
|
23
23
|
trackEvent: false;
|
|
24
|
-
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app:
|
|
24
|
+
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
|
|
25
25
|
elements: ExcalidrawElement[];
|
|
26
26
|
appState: {
|
|
27
27
|
currentItemFillStyle: any;
|
|
@@ -95,7 +95,7 @@ export declare const actionChangeFillStyle: {
|
|
|
95
95
|
tab?: string | undefined;
|
|
96
96
|
} | null;
|
|
97
97
|
openDialog: {
|
|
98
|
-
name: "
|
|
98
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
99
99
|
} | {
|
|
100
100
|
name: "settings";
|
|
101
101
|
source: "settings" | "tool" | "generation";
|
|
@@ -286,7 +286,7 @@ export declare const actionChangeStrokeWidth: {
|
|
|
286
286
|
tab?: string | undefined;
|
|
287
287
|
} | null;
|
|
288
288
|
openDialog: {
|
|
289
|
-
name: "
|
|
289
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
290
290
|
} | {
|
|
291
291
|
name: "settings";
|
|
292
292
|
source: "settings" | "tool" | "generation";
|
|
@@ -477,7 +477,7 @@ export declare const actionChangeSloppiness: {
|
|
|
477
477
|
tab?: string | undefined;
|
|
478
478
|
} | null;
|
|
479
479
|
openDialog: {
|
|
480
|
-
name: "
|
|
480
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
481
481
|
} | {
|
|
482
482
|
name: "settings";
|
|
483
483
|
source: "settings" | "tool" | "generation";
|
|
@@ -668,7 +668,7 @@ export declare const actionChangeStrokeStyle: {
|
|
|
668
668
|
tab?: string | undefined;
|
|
669
669
|
} | null;
|
|
670
670
|
openDialog: {
|
|
671
|
-
name: "
|
|
671
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
672
672
|
} | {
|
|
673
673
|
name: "settings";
|
|
674
674
|
source: "settings" | "tool" | "generation";
|
|
@@ -859,7 +859,7 @@ export declare const actionChangeOpacity: {
|
|
|
859
859
|
tab?: string | undefined;
|
|
860
860
|
} | null;
|
|
861
861
|
openDialog: {
|
|
862
|
-
name: "
|
|
862
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
863
863
|
} | {
|
|
864
864
|
name: "settings";
|
|
865
865
|
source: "settings" | "tool" | "generation";
|
|
@@ -977,7 +977,7 @@ export declare const getFontSize: (size: number, zoom: number) => number;
|
|
|
977
977
|
export declare const actionChangeFontSize: {
|
|
978
978
|
name: "changeFontSize";
|
|
979
979
|
trackEvent: false;
|
|
980
|
-
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
|
|
980
|
+
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
|
|
981
981
|
elements: ExcalidrawElement[];
|
|
982
982
|
appState: {
|
|
983
983
|
currentItemFontSize: number;
|
|
@@ -1051,7 +1051,7 @@ export declare const actionChangeFontSize: {
|
|
|
1051
1051
|
tab?: string | undefined;
|
|
1052
1052
|
} | null;
|
|
1053
1053
|
openDialog: {
|
|
1054
|
-
name: "
|
|
1054
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
1055
1055
|
} | {
|
|
1056
1056
|
name: "settings";
|
|
1057
1057
|
source: "settings" | "tool" | "generation";
|
|
@@ -1161,14 +1161,14 @@ export declare const actionChangeFontSize: {
|
|
|
1161
1161
|
};
|
|
1162
1162
|
commitToHistory: boolean;
|
|
1163
1163
|
};
|
|
1164
|
-
PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
1164
|
+
PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
1165
1165
|
} & {
|
|
1166
1166
|
keyTest?: undefined;
|
|
1167
1167
|
};
|
|
1168
1168
|
export declare const actionDecreaseFontSize: {
|
|
1169
1169
|
name: "decreaseFontSize";
|
|
1170
1170
|
trackEvent: false;
|
|
1171
|
-
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
|
|
1171
|
+
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
|
|
1172
1172
|
elements: ExcalidrawElement[];
|
|
1173
1173
|
appState: {
|
|
1174
1174
|
currentItemFontSize: number;
|
|
@@ -1242,7 +1242,7 @@ export declare const actionDecreaseFontSize: {
|
|
|
1242
1242
|
tab?: string | undefined;
|
|
1243
1243
|
} | null;
|
|
1244
1244
|
openDialog: {
|
|
1245
|
-
name: "
|
|
1245
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
1246
1246
|
} | {
|
|
1247
1247
|
name: "settings";
|
|
1248
1248
|
source: "settings" | "tool" | "generation";
|
|
@@ -1359,7 +1359,7 @@ export declare const actionDecreaseFontSize: {
|
|
|
1359
1359
|
export declare const actionIncreaseFontSize: {
|
|
1360
1360
|
name: "increaseFontSize";
|
|
1361
1361
|
trackEvent: false;
|
|
1362
|
-
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
|
|
1362
|
+
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
|
|
1363
1363
|
elements: ExcalidrawElement[];
|
|
1364
1364
|
appState: {
|
|
1365
1365
|
currentItemFontSize: number;
|
|
@@ -1433,7 +1433,7 @@ export declare const actionIncreaseFontSize: {
|
|
|
1433
1433
|
tab?: string | undefined;
|
|
1434
1434
|
} | null;
|
|
1435
1435
|
openDialog: {
|
|
1436
|
-
name: "
|
|
1436
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
1437
1437
|
} | {
|
|
1438
1438
|
name: "settings";
|
|
1439
1439
|
source: "settings" | "tool" | "generation";
|
|
@@ -1550,7 +1550,7 @@ export declare const actionIncreaseFontSize: {
|
|
|
1550
1550
|
export declare const actionChangeFontFamily: {
|
|
1551
1551
|
name: "changeFontFamily";
|
|
1552
1552
|
trackEvent: false;
|
|
1553
|
-
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
|
|
1553
|
+
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
|
|
1554
1554
|
elements: ExcalidrawElement[];
|
|
1555
1555
|
appState: {
|
|
1556
1556
|
currentItemFontFamily: any;
|
|
@@ -1624,7 +1624,7 @@ export declare const actionChangeFontFamily: {
|
|
|
1624
1624
|
tab?: string | undefined;
|
|
1625
1625
|
} | null;
|
|
1626
1626
|
openDialog: {
|
|
1627
|
-
name: "
|
|
1627
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
1628
1628
|
} | {
|
|
1629
1629
|
name: "settings";
|
|
1630
1630
|
source: "settings" | "tool" | "generation";
|
|
@@ -1734,14 +1734,14 @@ export declare const actionChangeFontFamily: {
|
|
|
1734
1734
|
};
|
|
1735
1735
|
commitToHistory: true;
|
|
1736
1736
|
};
|
|
1737
|
-
PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
1737
|
+
PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
1738
1738
|
} & {
|
|
1739
1739
|
keyTest?: undefined;
|
|
1740
1740
|
};
|
|
1741
1741
|
export declare const actionChangeTextAlign: {
|
|
1742
1742
|
name: "changeTextAlign";
|
|
1743
1743
|
trackEvent: false;
|
|
1744
|
-
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
|
|
1744
|
+
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
|
|
1745
1745
|
elements: ExcalidrawElement[];
|
|
1746
1746
|
appState: {
|
|
1747
1747
|
currentItemTextAlign: any;
|
|
@@ -1815,7 +1815,7 @@ export declare const actionChangeTextAlign: {
|
|
|
1815
1815
|
tab?: string | undefined;
|
|
1816
1816
|
} | null;
|
|
1817
1817
|
openDialog: {
|
|
1818
|
-
name: "
|
|
1818
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
1819
1819
|
} | {
|
|
1820
1820
|
name: "settings";
|
|
1821
1821
|
source: "settings" | "tool" | "generation";
|
|
@@ -1925,7 +1925,7 @@ export declare const actionChangeTextAlign: {
|
|
|
1925
1925
|
};
|
|
1926
1926
|
commitToHistory: true;
|
|
1927
1927
|
};
|
|
1928
|
-
PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
1928
|
+
PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
1929
1929
|
} & {
|
|
1930
1930
|
keyTest?: undefined;
|
|
1931
1931
|
};
|
|
@@ -1934,7 +1934,7 @@ export declare const actionChangeVerticalAlign: {
|
|
|
1934
1934
|
trackEvent: {
|
|
1935
1935
|
category: "element";
|
|
1936
1936
|
};
|
|
1937
|
-
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
|
|
1937
|
+
perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
|
|
1938
1938
|
elements: ExcalidrawElement[];
|
|
1939
1939
|
appState: {
|
|
1940
1940
|
contextMenu: {
|
|
@@ -2008,7 +2008,7 @@ export declare const actionChangeVerticalAlign: {
|
|
|
2008
2008
|
tab?: string | undefined;
|
|
2009
2009
|
} | null;
|
|
2010
2010
|
openDialog: {
|
|
2011
|
-
name: "
|
|
2011
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
2012
2012
|
} | {
|
|
2013
2013
|
name: "settings";
|
|
2014
2014
|
source: "settings" | "tool" | "generation";
|
|
@@ -2118,7 +2118,7 @@ export declare const actionChangeVerticalAlign: {
|
|
|
2118
2118
|
};
|
|
2119
2119
|
commitToHistory: true;
|
|
2120
2120
|
};
|
|
2121
|
-
PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
2121
|
+
PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
2122
2122
|
} & {
|
|
2123
2123
|
keyTest?: undefined;
|
|
2124
2124
|
};
|
|
@@ -2199,7 +2199,7 @@ export declare const actionChangeRoundness: {
|
|
|
2199
2199
|
tab?: string | undefined;
|
|
2200
2200
|
} | null;
|
|
2201
2201
|
openDialog: {
|
|
2202
|
-
name: "
|
|
2202
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
2203
2203
|
} | {
|
|
2204
2204
|
name: "settings";
|
|
2205
2205
|
source: "settings" | "tool" | "generation";
|
|
@@ -2393,7 +2393,7 @@ export declare const actionChangeArrowhead: {
|
|
|
2393
2393
|
tab?: string | undefined;
|
|
2394
2394
|
} | null;
|
|
2395
2395
|
openDialog: {
|
|
2396
|
-
name: "
|
|
2396
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
2397
2397
|
} | {
|
|
2398
2398
|
name: "settings";
|
|
2399
2399
|
source: "settings" | "tool" | "generation";
|
|
@@ -86,7 +86,7 @@ export declare const actionSelectAll: {
|
|
|
86
86
|
tab?: string | undefined;
|
|
87
87
|
} | null;
|
|
88
88
|
openDialog: {
|
|
89
|
-
name: "
|
|
89
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
90
90
|
} | {
|
|
91
91
|
name: "settings";
|
|
92
92
|
source: "settings" | "tool" | "generation";
|
|
@@ -4,7 +4,7 @@ export declare const actionCopyStyles: {
|
|
|
4
4
|
trackEvent: {
|
|
5
5
|
category: "element";
|
|
6
6
|
};
|
|
7
|
-
perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState
|
|
7
|
+
perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, formData: any, app: import("../types").AppClassProperties) => {
|
|
8
8
|
appState: {
|
|
9
9
|
toast: {
|
|
10
10
|
message: string;
|
|
@@ -80,7 +80,7 @@ export declare const actionCopyStyles: {
|
|
|
80
80
|
tab?: string | undefined;
|
|
81
81
|
} | null;
|
|
82
82
|
openDialog: {
|
|
83
|
-
name: "
|
|
83
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
84
84
|
} | {
|
|
85
85
|
name: "settings";
|
|
86
86
|
source: "settings" | "tool" | "generation";
|
|
@@ -195,7 +195,7 @@ export declare const actionPasteStyles: {
|
|
|
195
195
|
trackEvent: {
|
|
196
196
|
category: "element";
|
|
197
197
|
};
|
|
198
|
-
perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState
|
|
198
|
+
perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, formData: any, app: import("../types").AppClassProperties) => {
|
|
199
199
|
elements: readonly import("../element/types").ExcalidrawElement[];
|
|
200
200
|
commitToHistory: false;
|
|
201
201
|
} | {
|
|
@@ -81,7 +81,7 @@ export declare const actionToggleGridMode: {
|
|
|
81
81
|
tab?: string | undefined;
|
|
82
82
|
} | null;
|
|
83
83
|
openDialog: {
|
|
84
|
-
name: "
|
|
84
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
85
85
|
} | {
|
|
86
86
|
name: "settings";
|
|
87
87
|
source: "settings" | "tool" | "generation";
|
|
@@ -80,7 +80,7 @@ export declare const actionToggleObjectsSnapMode: {
|
|
|
80
80
|
tab?: string | undefined;
|
|
81
81
|
} | null;
|
|
82
82
|
openDialog: {
|
|
83
|
-
name: "
|
|
83
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
84
84
|
} | {
|
|
85
85
|
name: "settings";
|
|
86
86
|
source: "settings" | "tool" | "generation";
|
|
@@ -78,7 +78,7 @@ export declare const actionToggleStats: {
|
|
|
78
78
|
tab?: string | undefined;
|
|
79
79
|
} | null;
|
|
80
80
|
openDialog: {
|
|
81
|
-
name: "
|
|
81
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
82
82
|
} | {
|
|
83
83
|
name: "settings";
|
|
84
84
|
source: "settings" | "tool" | "generation";
|
|
@@ -79,7 +79,7 @@ export declare const actionToggleViewMode: {
|
|
|
79
79
|
tab?: string | undefined;
|
|
80
80
|
} | null;
|
|
81
81
|
openDialog: {
|
|
82
|
-
name: "
|
|
82
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
83
83
|
} | {
|
|
84
84
|
name: "settings";
|
|
85
85
|
source: "settings" | "tool" | "generation";
|
|
@@ -79,7 +79,7 @@ export declare const actionToggleZenMode: {
|
|
|
79
79
|
tab?: string | undefined;
|
|
80
80
|
} | null;
|
|
81
81
|
openDialog: {
|
|
82
|
-
name: "
|
|
82
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
83
83
|
} | {
|
|
84
84
|
name: "settings";
|
|
85
85
|
source: "settings" | "tool" | "generation";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ExcalidrawElement } from "./element/types";
|
|
1
|
+
import { ElementsMap, ExcalidrawElement } from "./element/types";
|
|
2
2
|
export interface Alignment {
|
|
3
3
|
position: "start" | "center" | "end";
|
|
4
4
|
axis: "x" | "y";
|
|
5
5
|
}
|
|
6
|
-
export declare const alignElements: (selectedElements: ExcalidrawElement[], alignment: Alignment) => ExcalidrawElement[];
|
|
6
|
+
export declare const alignElements: (selectedElements: ExcalidrawElement[], elementsMap: ElementsMap, alignment: Alignment) => ExcalidrawElement[];
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ActionManager } from "../actions/manager";
|
|
2
|
-
import {
|
|
2
|
+
import { NonDeletedElementsMap, NonDeletedSceneElementsMap } from "../element/types";
|
|
3
3
|
import { AppClassProperties, AppProps, UIAppState, Zoom } from "../types";
|
|
4
4
|
import "./Actions.scss";
|
|
5
|
-
export declare const SelectedShapeActions: ({ appState,
|
|
5
|
+
export declare const SelectedShapeActions: ({ appState, elementsMap, renderAction, }: {
|
|
6
6
|
appState: UIAppState;
|
|
7
|
-
|
|
7
|
+
elementsMap: NonDeletedElementsMap | NonDeletedSceneElementsMap;
|
|
8
8
|
renderAction: ActionManager["renderAction"];
|
|
9
9
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export declare const ShapesSwitcher: ({ activeTool, appState, app, UIOptions, }: {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { DOMAttributes } from "react";
|
|
3
3
|
import type { InteractiveCanvasAppState } from "../../types";
|
|
4
|
-
import type { RenderInteractiveSceneCallback } from "../../scene/types";
|
|
4
|
+
import type { RenderableElementsMap, RenderInteractiveSceneCallback } from "../../scene/types";
|
|
5
5
|
import type { NonDeletedExcalidrawElement } from "../../element/types";
|
|
6
6
|
type InteractiveCanvasProps = {
|
|
7
7
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
8
8
|
canvas: HTMLCanvasElement | null;
|
|
9
|
-
|
|
9
|
+
elementsMap: RenderableElementsMap;
|
|
10
10
|
visibleElements: readonly NonDeletedExcalidrawElement[];
|
|
11
11
|
selectedElements: readonly NonDeletedExcalidrawElement[];
|
|
12
12
|
versionNonce: number | undefined;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { RoughCanvas } from "roughjs/bin/canvas";
|
|
3
3
|
import type { StaticCanvasAppState } from "../../types";
|
|
4
|
-
import type { StaticCanvasRenderConfig } from "../../scene/types";
|
|
5
|
-
import type { NonDeletedExcalidrawElement } from "../../element/types";
|
|
4
|
+
import type { RenderableElementsMap, StaticCanvasRenderConfig } from "../../scene/types";
|
|
5
|
+
import type { NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "../../element/types";
|
|
6
6
|
type StaticCanvasProps = {
|
|
7
7
|
canvas: HTMLCanvasElement;
|
|
8
8
|
rc: RoughCanvas;
|
|
9
|
-
|
|
9
|
+
elementsMap: RenderableElementsMap;
|
|
10
|
+
allElementsMap: NonDeletedSceneElementsMap;
|
|
10
11
|
visibleElements: readonly NonDeletedExcalidrawElement[];
|
|
11
12
|
versionNonce: number | undefined;
|
|
12
13
|
selectionNonce: number | undefined;
|
|
@@ -121,6 +121,7 @@ export declare const DEFAULT_FONT_FAMILY: FontFamilyValues;
|
|
|
121
121
|
export declare const DEFAULT_TEXT_ALIGN = "left";
|
|
122
122
|
export declare const DEFAULT_VERTICAL_ALIGN = "top";
|
|
123
123
|
export declare const DEFAULT_VERSION = "{version}";
|
|
124
|
+
export declare const DEFAULT_TRANSFORM_HANDLE_SPACING = 2;
|
|
124
125
|
export declare const CANVAS_ONLY_ACTIONS: string[];
|
|
125
126
|
export declare const GRID_SIZE = 20;
|
|
126
127
|
export declare const IMAGE_MIME_TYPES: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ExcalidrawElement } from "./element/types";
|
|
1
|
+
import type { ElementsMap, ExcalidrawElement } from "./element/types";
|
|
2
2
|
export interface Distribution {
|
|
3
3
|
space: "between";
|
|
4
4
|
axis: "x" | "y";
|
|
5
5
|
}
|
|
6
|
-
export declare const distributeElements: (selectedElements: ExcalidrawElement[], distribution: Distribution) => ExcalidrawElement[];
|
|
6
|
+
export declare const distributeElements: (selectedElements: ExcalidrawElement[], elementsMap: ElementsMap, distribution: Distribution) => ExcalidrawElement[];
|
|
@@ -91,7 +91,7 @@ export declare const actionLink: {
|
|
|
91
91
|
tab?: string | undefined;
|
|
92
92
|
} | null;
|
|
93
93
|
openDialog: {
|
|
94
|
-
name: "
|
|
94
|
+
name: "imageExport" | "help" | "jsonExport";
|
|
95
95
|
} | {
|
|
96
96
|
name: "settings";
|
|
97
97
|
source: "settings" | "tool" | "generation";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ExcalidrawElement, ExcalidrawLinearElement, Arrowhead, ExcalidrawFreeDrawElement, NonDeleted } from "./types";
|
|
1
|
+
import { ExcalidrawElement, ExcalidrawLinearElement, Arrowhead, ExcalidrawFreeDrawElement, NonDeleted, ElementsMapOrArray } from "./types";
|
|
2
2
|
import { Drawable, Op } from "roughjs/bin/core";
|
|
3
3
|
import { AppState, Point } from "../types";
|
|
4
4
|
export type RectangleBox = {
|
|
@@ -47,7 +47,7 @@ export declare const getArrowheadSize: (arrowhead: Arrowhead) => number;
|
|
|
47
47
|
export declare const getArrowheadAngle: (arrowhead: Arrowhead) => number;
|
|
48
48
|
export declare const getArrowheadPoints: (element: ExcalidrawLinearElement, shape: Drawable[], position: "start" | "end", arrowhead: Arrowhead) => number[] | null;
|
|
49
49
|
export declare const getElementBounds: (element: ExcalidrawElement) => Bounds;
|
|
50
|
-
export declare const getCommonBounds: (elements:
|
|
50
|
+
export declare const getCommonBounds: (elements: ElementsMapOrArray) => Bounds;
|
|
51
51
|
export declare const getDraggedElementsBounds: (elements: ExcalidrawElement[], dragOffset: {
|
|
52
52
|
x: number;
|
|
53
53
|
y: number;
|