@myoc/element 0.20.0 → 0.20.1

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

@@ -17,6 +17,7 @@ type ToolPopoverProps = {
     "data-testid": string;
     onToolChange: (type: string) => void;
     displayedOption: ToolOption;
+    shortcut?: string;
 };
-export declare const ToolPopover: ({ app, options, activeTool, defaultOption, "data-testid": dataTestId, onToolChange, displayedOption, }: ToolPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolPopover: ({ app, options, activeTool, defaultOption, "data-testid": dataTestId, onToolChange, displayedOption, shortcut, }: ToolPopoverProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,23 @@
 import type { AppClassProperties, AppProps, AppState, UIAppState } from "../types";
 import type { ActionManager } from "../actions/manager";
+import type { ToolbarToolType } from "./Tools";
+export type ExcalidrawToolbarOverflowItemName = ToolbarToolType | "objectsSnapMode" | "strokeEyedropper";
+export declare const ObjectsSnapModeButton: ({ actionManager, app, }: {
+    actionManager: ActionManager;
+    app: AppClassProperties;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export declare const StrokeEyeDropperButton: ({ app, }: {
+    app: AppClassProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ExtraToolsDropdown: ({ app, activeTool, setAppState, UIOptions, isMyocSimplifiedMode, actionManager, overflowItems, }: {
+    app: AppClassProperties;
+    activeTool: UIAppState["activeTool"];
+    setAppState: React.Component<any, AppState>["setState"];
+    UIOptions: AppProps["UIOptions"];
+    isMyocSimplifiedMode: boolean;
+    actionManager: ActionManager;
+    overflowItems?: readonly ExcalidrawToolbarOverflowItemName[];
+}) => import("react/jsx-runtime").JSX.Element;
 /** the main (desktop/tablet) toolbar island */
 export declare const Toolbar: ({ app, appState, setAppState, UIOptions, actionManager, onPenModeToggle, onLockToggle, heading, showPenMode, }: {
     app: AppClassProperties;

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

@@ -1,3 +1,4 @@
+import type { PointerType } from "@excalidraw/element/types";
 import type { AppClassProperties, AppState, ToolType, UIAppState } from "../types";
 export type ToolConfig = {
     icon: React.ReactNode;
@@ -68,6 +69,30 @@ export type ToolButtonComponentProps = {
      */
     hideShortcut?: boolean;
 };
+type ToolButtonBehavior = {
+    /**
+     * display the shortcut of another tool (tooltip, aria, keybinding badge) —
+     * e.g. the lasso button shows the selection shortcut, which activates it
+     * when lasso is the preferred selection tool
+     */
+    shortcutType?: ToolbarToolType;
+    /**
+     * custom activation — replaces the default track + `setActiveTool` (pen
+     * detection still runs before it)
+     */
+    onSelect?: (app: AppClassProperties, data: {
+        pointerType: PointerType | null;
+    }) => void;
+};
+/**
+ * Creates a toolbar button component for the given tool. Activation is
+ * uniform: track + `setActiveTool` (recording the previous tool for toggle
+ * tools), with pen detection on the first pen interaction.
+ */
+export declare const createToolButton: (type: ToolbarToolType, behavior?: ToolButtonBehavior) => {
+    ({ app, activeTool, hideKeyBinding, hideShortcut, }: ToolButtonComponentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export declare const HandToolButton: {
     ({ app, activeTool, hideKeyBinding, hideShortcut, }: ToolButtonComponentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -136,10 +161,11 @@ export declare const LassoToolButton: {
  * The selection ⇄ lasso popover used in compact (tablet) and mobile
  * toolbars; picking an option also makes it the preferred selection tool.
  */
-export declare const SelectionToolPopover: ({ app, activeTool, setAppState, }: {
+export declare const SelectionToolPopover: ({ app, activeTool, setAppState, hideShortcut, }: {
     app: AppClassProperties;
     activeTool: UIAppState["activeTool"];
     setAppState: React.Component<any, AppState>["setState"];
+    hideShortcut?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 /**
  * The freedraw ⇄ draw-shape popover used in compact (tablet) and mobile
@@ -149,3 +175,4 @@ export declare const FreedrawToolPopover: ({ app, activeTool, }: {
     app: AppClassProperties;
     activeTool: UIAppState["activeTool"];
 }) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -711,6 +711,8 @@ export type ExcalidrawUICustomItem = ExcalidrawUIItemLayout & {
     render: (context: {
         api: ExcalidrawImperativeAPI;
         appState: UIAppState;
+        /** Current canvas zoom, updated reactively when the viewport zoom changes. */
+        zoom: AppState["zoom"];
         editorInterface: EditorInterface;
         region: ExcalidrawUIRegion;
         orientation: Exclude<ExcalidrawUIOrientation, "auto">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myoc/element",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "type": "module",
   "types": "./dist/types/element/src/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -65,9 +65,9 @@
   },
   "dependencies": {
     "@discourse/gif": "1.0.0",
-    "@excalidraw/common": "npm:@myoc/common@0.20.0",
-    "@excalidraw/fractional-indexing": "npm:@myoc/fractional-indexing@0.20.0",
-    "@excalidraw/math": "npm:@myoc/math@0.20.0",
+    "@excalidraw/common": "npm:@myoc/common@0.20.1",
+    "@excalidraw/fractional-indexing": "npm:@myoc/fractional-indexing@0.20.1",
+    "@excalidraw/math": "npm:@myoc/math@0.20.1",
     "thumbhash": "0.1.1"
   }
 }