npm - @zsviczian/excalidraw - Versions diffs - 0.18.0-6 → 0.18.0-8 - Mend

@zsviczian/excalidraw 0.18.0-6 → 0.18.0-8

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.

Files changed (39) hide show

package/types/excalidraw/actions/actionLinearEditor.d.ts CHANGED Viewed

@@ -184,6 +184,10 @@ export declare const actionToggleLinearEditor: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/actions/actionLink.d.ts CHANGED Viewed

@@ -178,6 +178,10 @@ export declare const actionLink: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/actions/actionMenu.d.ts CHANGED Viewed

@@ -179,6 +179,10 @@ export declare const actionToggleCanvasMenu: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -398,6 +402,10 @@ export declare const actionToggleEditMenu: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -612,6 +620,10 @@ export declare const actionShortcuts: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/actions/actionNavigate.d.ts CHANGED Viewed

@@ -182,6 +182,10 @@ export declare const actionGoToCollaborator: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -393,6 +397,10 @@ export declare const actionGoToCollaborator: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/actions/actionProperties.d.ts CHANGED Viewed

@@ -201,6 +201,10 @@ export declare const actionChangeFillStyle: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -419,6 +423,10 @@ export declare const actionChangeStrokeWidth: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -637,6 +645,10 @@ export declare const actionChangeSloppiness: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -855,6 +867,10 @@ export declare const actionChangeStrokeStyle: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -1073,6 +1089,10 @@ export declare const actionChangeOpacity: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -1292,6 +1312,10 @@ export declare const actionChangeFontSize: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -1511,6 +1535,10 @@ export declare const actionDecreaseFontSize: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -1730,6 +1758,10 @@ export declare const actionIncreaseFontSize: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -1947,6 +1979,10 @@ export declare const actionChangeFontFamily: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -2156,6 +2192,10 @@ export declare const actionChangeFontFamily: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -2374,6 +2414,10 @@ export declare const actionChangeTextAlign: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -2594,6 +2638,10 @@ export declare const actionChangeVerticalAlign: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -2812,6 +2860,10 @@ export declare const actionChangeRoundness: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -3033,6 +3085,10 @@ export declare const actionChangeArrowhead: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -3251,6 +3307,10 @@ export declare const actionChangeArrowType: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/actions/actionSelectAll.d.ts CHANGED Viewed

@@ -184,6 +184,10 @@ export declare const actionSelectAll: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/actions/actionStyles.d.ts CHANGED Viewed

@@ -179,6 +179,10 @@ export declare const actionCopyStyles: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/actions/actionToggleGridMode.d.ts CHANGED Viewed

@@ -185,6 +185,10 @@ export declare const actionToggleGridMode: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/actions/actionToggleObjectsSnapMode.d.ts CHANGED Viewed

@@ -183,6 +183,10 @@ export declare const actionToggleObjectsSnapMode: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/actions/actionToggleSearchMenu.d.ts CHANGED Viewed

@@ -182,6 +182,10 @@ export declare const actionToggleSearchMenu: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -380,6 +384,10 @@ export declare const actionToggleSearchMenu: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/actions/actionToggleStats.d.ts CHANGED Viewed

@@ -182,6 +182,10 @@ export declare const actionToggleStats: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/actions/actionToggleViewMode.d.ts CHANGED Viewed

@@ -182,6 +182,10 @@ export declare const actionToggleViewMode: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/actions/actionToggleZenMode.d.ts CHANGED Viewed

@@ -182,6 +182,10 @@ export declare const actionToggleZenMode: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;

package/types/excalidraw/components/App.d.ts CHANGED Viewed

@@ -138,10 +138,6 @@ declare class App extends React.Component<AppProps, AppState> {
         hit: {
             element: NonDeleted<ExcalidrawElement> | null;
             allHitElements: NonDeleted<ExcalidrawElement>[];
-            /**
-             * Returns gridSize taking into account `gridModeEnabled`.
-             * If disabled, returns null.
-             */
             wasAddedToSelection: boolean;
             hasBeenDuplicated: boolean;
             hasHitCommonBoundingBoxOfSelectedElements: boolean;
@@ -153,6 +149,10 @@ declare class App extends React.Component<AppProps, AppState> {
                 x: number;
                 y: number;
             } | null;
+            origin: {
+                x: number;
+                y: number;
+            };
         };
         eventListeners: {
             onMove: {
@@ -207,10 +207,6 @@ declare class App extends React.Component<AppProps, AppState> {
         hit: {
             element: NonDeleted<ExcalidrawElement> | null;
             allHitElements: NonDeleted<ExcalidrawElement>[];
-            /**
-             * Returns gridSize taking into account `gridModeEnabled`.
-             * If disabled, returns null.
-             */
             wasAddedToSelection: boolean;
             hasBeenDuplicated: boolean;
             hasHitCommonBoundingBoxOfSelectedElements: boolean;
@@ -222,6 +218,10 @@ declare class App extends React.Component<AppProps, AppState> {
                 x: number;
                 y: number;
             } | null;
+            origin: {
+                x: number;
+                y: number;
+            };
         };
         eventListeners: {
             onMove: {

package/types/excalidraw/components/canvases/InteractiveCanvas.d.ts CHANGED Viewed

@@ -14,6 +14,7 @@ type InteractiveCanvasProps = {
     selectionNonce: number | undefined;
     scale: number;
     appState: InteractiveCanvasAppState;
+    renderScrollbars: boolean;
     device: Device;
     renderInteractiveSceneCallback: (data: RenderInteractiveSceneCallback) => void;
     handleCanvasRef: (canvas: HTMLCanvasElement | null) => void;

package/types/excalidraw/scene/scrollbars.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
-import type { ExcalidrawElement } from "@excalidraw/element/types";
 import type { InteractiveCanvasAppState } from "../types";
-import type { ScrollBars } from "./types";
+import type { RenderableElementsMap, ScrollBars } from "./types";
 export declare const SCROLLBAR_MARGIN = 4;
 export declare const SCROLLBAR_WIDTH = 6;
 export declare const SCROLLBAR_COLOR = "rgba(128,128,128,0.3)";
-export declare const getScrollBars: (elements: readonly ExcalidrawElement[], viewportWidth: number, viewportHeight: number, appState: InteractiveCanvasAppState) => ScrollBars;
+export declare const getScrollBars: (elements: RenderableElementsMap, viewportWidth: number, viewportHeight: number, appState: InteractiveCanvasAppState) => ScrollBars;
 export declare const isOverScrollBars: (scrollBars: ScrollBars, x: number, y: number) => {
     isOverEither: boolean;
     isOverHorizontal: boolean;

package/types/excalidraw/types.d.ts CHANGED Viewed

@@ -126,6 +126,7 @@ export type StaticCanvasAppState = Readonly<_CommonCanvasAppState & {
     frameRendering: AppState["frameRendering"];
     linkOpacity: AppState["linkOpacity"];
     gridColor: AppState["gridColor"];
+    gridDirection: AppState["gridDirection"];
     frameColor: AppState["frameColor"];
     currentHoveredFontFamily: AppState["currentHoveredFontFamily"];
     hoveredElementIds: AppState["hoveredElementIds"];
@@ -147,6 +148,7 @@ export type InteractiveCanvasAppState = Readonly<_CommonCanvasAppState & {
     zenModeEnabled: AppState["zenModeEnabled"];
     editingTextElement: AppState["editingTextElement"];
     gridColor: AppState["gridColor"];
+    gridDirection: AppState["gridDirection"];
     highlightSearchResult: AppState["highlightSearchResult"];
     isCropping: AppState["isCropping"];
     croppingElementId: AppState["croppingElementId"];
@@ -354,6 +356,10 @@ export interface AppState {
         Bold: string;
         Regular: string;
     };
+    gridDirection: {
+        horizontal: boolean;
+        vertical: boolean;
+    };
     highlightSearchResult: boolean;
     dynamicStyle: {
         [x: string]: string;
@@ -512,6 +518,7 @@ export interface ExcalidrawProps {
     aiEnabled?: boolean;
     showDeprecatedFonts?: boolean;
     insertLinkAction?: (linkVal: string) => void;
+    renderScrollbars?: boolean;
 }
 export type SceneData = {
     elements?: ImportedDataState["elements"];
@@ -641,6 +648,10 @@ export type PointerDownState = Readonly<{
             x: number;
             y: number;
         } | null;
+        origin: {
+            x: number;
+            y: number;
+        };
     };
     eventListeners: {
         onMove: null | ReturnType<typeof throttleRAF>;