@myoc/element 0.19.513 → 0.19.514

package/dist/types/excalidraw/components/App.d.ts

@@ -1,23 +1,23 @@
 import React from "react";
-import { AppEventBus, type EditorInterface, Emitter, type EXPORT_IMAGE_TYPES, type StylesPanelMode } from "@excalidraw/common";
-import { type ApplyToOptions, type ElementUpdate, FlowChartCreator, Scene, Store, StoreDelta } from "@excalidraw/element";
+import { AppEventBus, type EXPORT_IMAGE_TYPES, Emitter, type EditorInterface, type StylesPanelMode } from "@excalidraw/common";
+import { FlowChartCreator, Scene, Store, type ElementUpdate, StoreDelta, type ApplyToOptions } from "@excalidraw/element";
 import { LinearElementEditor } from "@excalidraw/element/linearElementEditor";
-import type { ExcalidrawElement, ExcalidrawEmbeddableElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, NonDeleted, NonDeletedExcalidrawElement, Ordered, SceneElementsMap } from "@excalidraw/element/types";
+import type { ExcalidrawElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered, SceneElementsMap } from "@excalidraw/element/types";
 import type { Mutable } from "@excalidraw/common/utility-types";
 import { ActionManager } from "../actions/manager";
 import { History } from "../history";
-import { type WritableAtom } from "../editor-jotai";
 import { Fonts } from "../fonts";
-import { LaserTrails } from "../laserTrails";
+import { type WritableAtom } from "../editor-jotai";
 import { Renderer } from "../scene/Renderer";
+import { LaserTrails } from "../laserTrails";
 import { isOverScrollBars } from "../scene/scrollbars";
 import { LassoTrail } from "../lasso";
 import { EraserTrail } from "../eraser";
 import { type OnStateChange } from "./AppStateObserver";
 import type { ExportedElements } from "../data";
+import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, SceneData, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, ExcalidrawImperativeAPIEventMap, GenerateDiagramToCode, NullableGridSize, Offsets } from "../types";
 import type { RoughCanvas } from "roughjs/bin/canvas";
 import type { ActionResult } from "../actions/types";
-import type { AppClassProperties, AppProps, AppState, BinaryFiles, ExcalidrawImperativeAPI, ExcalidrawImperativeAPIEventMap, FrameNameBoundsCache, GenerateDiagramToCode, NullableGridSize, Offsets, OnUserFollowedPayload, SceneData, SidebarName, SidebarTabName, ToolType } from "../types";
 declare const editorLifecycleEventBehavior: {
     readonly "editor:mount": {
         readonly cardinality: "once";
@@ -592,6 +592,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private maybeHandleCrop;
     private maybeHandleResize;
     private getContextMenuItems;
+    private getImageContextMenuItems;
     private handleWheel;
     private getTextWysiwygSnappedToCenterPosition;
     private savePointer;

package/dist/types/excalidraw/components/ContextMenu.d.ts

@@ -2,7 +2,12 @@ import React from "react";
 import "./ContextMenu.scss";
 import type { ActionManager } from "../actions/manager";
 import type { Action } from "../actions/types";
-export type ContextMenuItem = typeof CONTEXT_MENU_SEPARATOR | Action;
+export type ContextMenuCustomItem = {
+    key: string;
+    label: string;
+    onSelect: () => void;
+};
+export type ContextMenuItem = typeof CONTEXT_MENU_SEPARATOR | Action | ContextMenuCustomItem;
 export type ContextMenuItems = (ContextMenuItem | false | null | undefined)[];
 type ContextMenuProps = {
     actionManager: ActionManager;

package/dist/types/excalidraw/types.d.ts

@@ -9,7 +9,7 @@ import type { Action } from "./actions/types";
 import type { Spreadsheet } from "./charts";
 import type { ClipboardData } from "./clipboard";
 import type App from "./components/App";
-import type { ContextMenuItems } from "./components/ContextMenu";
+import type { ContextMenuCustomItem, ContextMenuItems } from "./components/ContextMenu";
 import type { SnapLine } from "./snapping";
 import type { ImportedDataState } from "./data/types";
 import type { Language } from "./i18n";
@@ -83,6 +83,7 @@ export type BinaryFileData = {
 };
 export type BinaryFileMetadata = Omit<BinaryFileData, "dataURL">;
 export type BinaryFiles = Record<ExcalidrawElement["id"], BinaryFileData>;
+export type ImageContextMenuItem = ContextMenuCustomItem;
 export type ToolType = "selection" | "lasso" | "rectangle" | "diamond" | "ellipse" | "arrow" | "line" | "freedraw" | "text" | "image" | "eraser" | "hand" | "frame" | "magicframe" | "embeddable" | "laser";
 export type ElementOrToolType = ExcalidrawElementType | ToolType | "custom";
 export type ActiveTool = {
@@ -534,6 +535,7 @@ export interface ExcalidrawProps {
     onLinkOpen?: (element: NonDeletedExcalidrawElement, event: CustomEvent<{
         nativeEvent: MouseEvent | React.PointerEvent<HTMLCanvasElement>;
     }>) => void;
+    imageContextMenuItems?: (imageIds: readonly ExcalidrawElement["id"][]) => readonly ImageContextMenuItem[];
     onPointerDown?: (activeTool: AppState["activeTool"], pointerDownState: PointerDownState) => void;
     onPointerUp?: (activeTool: AppState["activeTool"], pointerDownState: PointerDownState) => void;
     onScrollChange?: (scrollX: number, scrollY: number, zoom: Zoom) => void;
@@ -736,9 +738,6 @@ export type ExcalidrawMountPayload = {
     excalidrawAPI: ExcalidrawImperativeAPI;
     container: HTMLDivElement | null;
 };
-export type AddImageElementsToSceneOptions = {
-    waitFor?: "inserted" | "painted";
-};
 export type ExcalidrawImperativeAPIEventMap = {
     "editor:mount": [payload: ExcalidrawMountPayload];
     "editor:initialize": [api: ExcalidrawImperativeAPI];
@@ -766,7 +765,10 @@ export interface ExcalidrawImperativeAPI {
     refresh: InstanceType<typeof App>["refresh"];
     setToast: InstanceType<typeof App>["setToast"];
     addFiles: (data: BinaryFileData[]) => void;
-    addImageElementsToScene: (imageFiles: File[], sceneX: number, sceneY: number, options?: AddImageElementsToSceneOptions) => Promise<void>;
+    addImageElementsToScene: (imageFiles: {
+        file: File;
+        customData: Record<string, any>;
+    }[], sceneX: number, sceneY: number) => Promise<void>;
     id: string;
     setActiveTool: InstanceType<typeof App>["setActiveTool"];
     setCursor: InstanceType<typeof App>["setCursor"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myoc/element",
-  "version": "0.19.513",
+  "version": "0.19.514",
   "type": "module",
   "types": "./dist/types/element/src/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -64,8 +64,8 @@
     "build:esm": "rimraf dist && node ../../scripts/buildBase.js && yarn gen:types"
   },
   "dependencies": {
-    "@excalidraw/common": "npm:@myoc/common@0.19.513",
-    "@excalidraw/fractional-indexing": "npm:@myoc/fractional-indexing@0.19.513",
-    "@excalidraw/math": "npm:@myoc/math@0.19.513"
+    "@excalidraw/common": "npm:@myoc/common@0.19.514",
+    "@excalidraw/fractional-indexing": "npm:@myoc/fractional-indexing@0.19.514",
+    "@excalidraw/math": "npm:@myoc/math@0.19.514"
   }
 }