@myoc/common 0.19.517 → 0.19.519

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

@@ -128,6 +128,7 @@ export declare const actionToggleSearchMenu: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -140,6 +140,7 @@ export declare const actionToggleStats: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -7,7 +7,7 @@ export declare const actionToggleViewMode: {
         category: "canvas";
         predicate: (appState: Readonly<import("../types").AppState>) => boolean;
     };
-    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
+    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>): false | {
         appState: {
             viewModeEnabled: boolean;
             contextMenu: {
@@ -136,6 +136,7 @@ export declare const actionToggleViewMode: {
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -177,7 +178,7 @@ export declare const actionToggleViewMode: {
     checked: (appState: Readonly<import("../types").AppState>) => boolean;
     predicate: (elements: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ data, updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ data, updateData, appState, appProps }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element | null;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

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

@@ -136,6 +136,7 @@ export declare const actionToggleZenMode: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -502,6 +502,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private handleCanvasClick;
     private getElementLinkAtPosition;
     private handleElementLinkClick;
+    private openElementLink;
     /**
      * finds candidate frame under cursor (when dragging frame children/elements
      * inside frames)

package/dist/types/excalidraw/components/main-menu/DefaultItems.d.ts

@@ -25,11 +25,14 @@ export declare const Help: {
 export declare const ToggleTheme: {
     (props: {
         allowSystemTheme: true;
+        /**
+         * Controls the theme of this UI component only.
+         * You should subscribe to `props.onThemeChange` and control the theme
+         * upstream.
+         */
         theme: Theme | "system";
-        onSelect: (theme: Theme | "system") => void;
     } | {
-        allowSystemTheme?: false;
-        onSelect?: (theme: Theme) => void;
+        allowSystemTheme: false;
     }): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
@@ -66,7 +69,7 @@ export declare const Preferences: {
     ToggleMidpointSnapping: () => import("react/jsx-runtime").JSX.Element;
     ToggleGridMode: () => import("react/jsx-runtime").JSX.Element;
     ToggleZenMode: () => import("react/jsx-runtime").JSX.Element;
-    ToggleViewMode: () => import("react/jsx-runtime").JSX.Element;
+    ToggleViewMode: () => import("react/jsx-runtime").JSX.Element | null;
     ToggleElementProperties: () => import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -18,6 +18,7 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
     elements: import("@excalidraw/element/types").OrderedExcalidrawElement[];
     appState: {
         viewModeEnabled: boolean;
+        viewModeOnly: boolean;
         zenModeEnabled: boolean;
         gridModeEnabled: boolean;
         objectsSnapModeEnabled: boolean;

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

@@ -19,6 +19,7 @@ export declare const loadFromJSON: (localAppState: AppState, localElements: read
     elements: import("@excalidraw/element/types").OrderedExcalidrawElement[];
     appState: {
         viewModeEnabled: boolean;
+        viewModeOnly: boolean;
         zenModeEnabled: boolean;
         gridModeEnabled: boolean;
         objectsSnapModeEnabled: boolean;

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

@@ -365,6 +365,7 @@ export interface AppState {
     gridStep: number;
     gridModeEnabled: boolean;
     viewModeEnabled: boolean;
+    viewModeOnly: boolean;
     /** top-most selected groups (i.e. does not include nested groups) */
     selectedGroupIds: {
         [groupId: string]: boolean;
@@ -464,6 +465,7 @@ export type CompressImageFileOpts = {
 export type CompressImageFile = (file: File, opts: CompressImageFileOpts) => Promise<File>;
 export interface ExcalidrawProps {
     onChange?: (elements: readonly OrderedExcalidrawElement[], appState: AppState, files: BinaryFiles) => void;
+    onThemeChange?: (theme: Theme | "system") => void;
     /**
      * note: only subscribes if the props.onIncrement is defined on initial render
      */
@@ -514,6 +516,7 @@ export interface ExcalidrawProps {
     renderTopRightUI?: (isMobile: boolean, appState: UIAppState) => JSX.Element | null;
     langCode?: Language["code"];
     viewModeEnabled?: boolean;
+    viewModeOnly?: boolean;
     zenModeEnabled?: boolean;
     gridModeEnabled?: boolean;
     objectsSnapModeEnabled?: boolean;
@@ -593,6 +596,11 @@ export type CanvasActions = Partial<{
     export: false | ExportOpts;
     loadScene: boolean;
     saveToActiveFile: boolean;
+    /**
+     * defaults to true if `props.theme` is omitted or `props.onThemeChange`
+     * is supplied (at which point the theme is considered as host-app controlled),
+     * else default to false
+     * */
     toggleTheme: boolean | null;
     saveAsImage: boolean;
 }>;

package/dist/types/utils/src/index.d.ts

@@ -1,4 +1,3 @@
 export * from "./export";
-export * from "./withinBounds";
-export * from "./bbox";
+export { elementsOverlappingBBox } from "@excalidraw/element";
 export { getCommonBounds } from "@excalidraw/element";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myoc/common",
-  "version": "0.19.517",
+  "version": "0.19.519",
   "type": "module",
   "types": "./dist/types/common/src/index.d.ts",
   "main": "./dist/prod/index.js",

package/dist/types/utils/src/bbox.d.ts

@@ -1,9 +0,0 @@
-import { type GlobalPoint, type LocalPoint } from "@excalidraw/math";
-import type { Bounds } from "@excalidraw/common";
-export type LineSegment<P extends LocalPoint | GlobalPoint> = [P, P];
-export declare function getBBox<P extends LocalPoint | GlobalPoint>(line: LineSegment<P>): Bounds;
-export declare function doBBoxesIntersect(a: Bounds, b: Bounds): boolean;
-export declare function isPointOnLine<P extends GlobalPoint | LocalPoint>(l: LineSegment<P>, p: P): boolean;
-export declare function isPointRightOfLine<P extends GlobalPoint | LocalPoint>(l: LineSegment<P>, p: P): boolean;
-export declare function isLineSegmentTouchingOrCrossingLine<P extends GlobalPoint | LocalPoint>(a: LineSegment<P>, b: LineSegment<P>): boolean;
-export declare function doLineSegmentsIntersect<P extends GlobalPoint | LocalPoint>(a: LineSegment<P>, b: LineSegment<P>): boolean;

package/dist/types/utils/src/withinBounds.d.ts

@@ -1,19 +0,0 @@
-import { type Bounds } from "@excalidraw/common";
-import type { ExcalidrawElement, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
-type Element = NonDeletedExcalidrawElement;
-type Elements = readonly NonDeletedExcalidrawElement[];
-export declare const isElementInsideBBox: (element: Element, bbox: Bounds, eitherDirection?: boolean) => boolean;
-export declare const elementPartiallyOverlapsWithOrContainsBBox: (element: Element, bbox: Bounds) => boolean;
-export declare const elementsOverlappingBBox: ({ elements, bounds, type, errorMargin, }: {
-    elements: Elements;
-    bounds: Bounds | ExcalidrawElement;
-    /** safety offset. Defaults to 0. */
-    errorMargin?: number;
-    /**
-     * - overlap: elements overlapping or inside bounds
-     * - contain: elements inside bounds or bounds inside elements
-     * - inside: elements inside bounds
-     **/
-    type: "overlap" | "contain" | "inside";
-}) => NonDeletedExcalidrawElement[];
-export {};