@excalidraw/excalidraw 0.17.1-1d71f84 → 0.17.1-1ed53b1

package/dist/excalidraw/actions/actionAddToLibrary.d.ts

@@ -4,8 +4,8 @@ export declare const actionAddToLibrary: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => Promise<{
-        commitToHistory: boolean;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => Promise<{
+        storeAction: import("../store").StoreActionType;
         appState: {
             toast: {
                 message: string;
@@ -157,7 +157,7 @@ export declare const actionAddToLibrary: {
             followedBy: Set<import("../types").SocketId>;
         };
     } | {
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
         appState: {
             errorMessage: any;
             contextMenu: {
@@ -311,7 +311,7 @@ export declare const actionAddToLibrary: {
             followedBy: Set<import("../types").SocketId>;
         };
     }> | {
-        commitToHistory: false;
+        storeAction: import("../store").StoreActionType;
         appState: {
             errorMessage: string;
             contextMenu: {

package/dist/excalidraw/actions/actionAddToLibrary.js

@@ -3,6 +3,7 @@ import { deepCopyElement } from "../element/newElement";
 import { randomId } from "../random";
 import { t } from "../i18n";
 import { LIBRARY_DISABLED_TYPES } from "../constants";
+import { StoreAction } from "../store";
 export const actionAddToLibrary = register({
     name: "addToLibrary",
     trackEvent: { category: "element" },
@@ -15,7 +16,7 @@ export const actionAddToLibrary = register({
         for (const type of LIBRARY_DISABLED_TYPES) {
             if (selectedElements.some((element) => element.type === type)) {
                 return {
-                    commitToHistory: false,
+                    storeAction: StoreAction.NONE,
                     appState: {
                         ...appState,
                         errorMessage: t(`errors.libraryElementTypeError.${type}`),
@@ -38,7 +39,7 @@ export const actionAddToLibrary = register({
         })
             .then(() => {
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
                 appState: {
                     ...appState,
                     toast: { message: t("toast.addedToLibrary") },
@@ -47,7 +48,7 @@ export const actionAddToLibrary = register({
         })
             .catch((error) => {
             return {
-                commitToHistory: false,
+                storeAction: StoreAction.NONE,
                 appState: {
                     ...appState,
                     errorMessage: error.message,

package/dist/excalidraw/actions/actionAlign.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState, UIAppState } from "../types";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState, UIAppState } from "../types";
 export declare const actionAlignTop: {
     name: "alignTop";
     label: string;
@@ -9,15 +9,15 @@ export declare const actionAlignTop: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: UIAppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionAlignBottom: {
     name: "alignBottom";
@@ -27,15 +27,15 @@ export declare const actionAlignBottom: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: UIAppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionAlignLeft: {
     name: "alignLeft";
@@ -45,15 +45,15 @@ export declare const actionAlignLeft: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: UIAppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionAlignRight: {
     name: "alignRight";
@@ -63,15 +63,15 @@ export declare const actionAlignRight: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: UIAppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionAlignVerticallyCentered: {
     name: "alignVerticallyCentered";
@@ -81,10 +81,10 @@ export declare const actionAlignVerticallyCentered: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: UIAppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -98,10 +98,10 @@ export declare const actionAlignHorizontallyCentered: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: UIAppState, _: unknown, app: AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: Readonly<AppState>;
         elements: ExcalidrawElement[];
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {

package/dist/excalidraw/actions/actionAlign.js

@@ -8,6 +8,7 @@ import { updateFrameMembershipOfSelectedElements } from "../frame";
 import { t } from "../i18n";
 import { KEYS } from "../keys";
 import { isSomeElementSelected } from "../scene";
+import { StoreAction } from "../store";
 import { arrayToMap, getShortcutKey } from "../utils";
 import { register } from "./register";
 const alignActionsPredicate = (elements, appState, _, app) => {
@@ -36,7 +37,7 @@ export const actionAlignTop = register({
                 position: "start",
                 axis: "y",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_UP,
@@ -55,7 +56,7 @@ export const actionAlignBottom = register({
                 position: "end",
                 axis: "y",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_DOWN,
@@ -74,7 +75,7 @@ export const actionAlignLeft = register({
                 position: "start",
                 axis: "x",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_LEFT,
@@ -93,7 +94,7 @@ export const actionAlignRight = register({
                 position: "end",
                 axis: "x",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.shiftKey && event.key === KEYS.ARROW_RIGHT,
@@ -112,7 +113,7 @@ export const actionAlignVerticallyCentered = register({
                 position: "center",
                 axis: "y",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData, app }) => (_jsx(ToolButton, { hidden: !alignActionsPredicate(elements, appState, null, app), type: "button", icon: CenterVerticallyIcon, onClick: () => updateData(null), title: t("labels.centerVertically"), "aria-label": t("labels.centerVertically"), visible: isSomeElementSelected(getNonDeletedElements(elements), appState) })),
@@ -130,7 +131,7 @@ export const actionAlignHorizontallyCentered = register({
                 position: "center",
                 axis: "x",
             }),
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
     PanelComponent: ({ elements, appState, updateData, app }) => (_jsx(ToolButton, { hidden: !alignActionsPredicate(elements, appState, null, app), type: "button", icon: CenterHorizontallyIcon, onClick: () => updateData(null), title: t("labels.centerHorizontally"), "aria-label": t("labels.centerHorizontally"), visible: isSomeElementSelected(getNonDeletedElements(elements), appState) })),

package/dist/excalidraw/actions/actionBoundText.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
-import { AppState } from "../types";
-import { Mutable } from "../utility-types";
+import type { ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
+import type { AppState } from "../types";
+import type { Mutable } from "../utility-types";
 export declare const actionUnbindText: {
     name: "unbindText";
     label: string;
@@ -9,10 +9,10 @@ export declare const actionUnbindText: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
-        elements: readonly ExcalidrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
         appState: Readonly<AppState>;
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
 } & {
     keyTest?: undefined;
@@ -24,7 +24,7 @@ export declare const actionBindText: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             selectedElementIds: {
@@ -178,7 +178,7 @@ export declare const actionBindText: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
 } & {
     keyTest?: undefined;
@@ -190,7 +190,7 @@ export declare const actionWrapTextInContainer: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
         elements: readonly ExcalidrawElement[];
         appState: {
             selectedElementIds: Mutable<Readonly<{
@@ -344,7 +344,7 @@ export declare const actionWrapTextInContainer: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        commitToHistory: true;
+        storeAction: import("../store").StoreActionType;
     };
 } & {
     keyTest?: undefined;

package/dist/excalidraw/actions/actionBoundText.js

@@ -4,8 +4,10 @@ import { mutateElement } from "../element/mutateElement";
 import { computeBoundTextPosition, computeContainerDimensionForBoundText, getBoundTextElement, measureText, redrawTextBoundingBox, } from "../element/textElement";
 import { getOriginalContainerHeightFromCache, resetOriginalContainerCache, updateOriginalContainerCache, } from "../element/containerCache";
 import { hasBoundTextElement, isTextBindableContainer, isUsingAdaptiveRadius, } from "../element/typeChecks";
-import { getFontString } from "../utils";
+import { arrayToMap, getFontString } from "../utils";
 import { register } from "./register";
+import { syncMovedIndices } from "../fractionalIndex";
+import { StoreAction } from "../store";
 export const actionUnbindText = register({
     name: "unbindText",
     label: "labels.unbindText",
@@ -43,7 +45,7 @@ export const actionUnbindText = register({
         return {
             elements,
             appState,
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
 });
@@ -103,7 +105,7 @@ export const actionBindText = register({
         return {
             elements: pushTextAboveContainer(elements, container, textElement),
             appState: { ...appState, selectedElementIds: { [container.id]: true } },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
 });
@@ -113,6 +115,7 @@ const pushTextAboveContainer = (elements, container, textElement) => {
     updatedElements.splice(textElementIndex, 1);
     const containerIndex = updatedElements.findIndex((ele) => ele.id === container.id);
     updatedElements.splice(containerIndex + 1, 0, textElement);
+    syncMovedIndices(updatedElements, arrayToMap([container, textElement]));
     return updatedElements;
 };
 const pushContainerBelowText = (elements, container, textElement) => {
@@ -121,6 +124,7 @@ const pushContainerBelowText = (elements, container, textElement) => {
     updatedElements.splice(containerIndex, 1);
     const textElementIndex = updatedElements.findIndex((ele) => ele.id === textElement.id);
     updatedElements.splice(textElementIndex, 0, container);
+    syncMovedIndices(updatedElements, arrayToMap([container, textElement]));
     return updatedElements;
 };
 export const actionWrapTextInContainer = register({
@@ -207,7 +211,7 @@ export const actionWrapTextInContainer = register({
                 ...appState,
                 selectedElementIds: containerIds,
             },
-            commitToHistory: true,
+            storeAction: StoreAction.CAPTURE,
         };
     },
 });