canvu-react 0.4.41 → 0.4.43

package/dist/native.d.cts

@@ -4,10 +4,53 @@ import { C as Camera2D, S as StrokeStyle } from './shape-builders-CKEMjivV.cjs';
 export { o as createFreehandStrokeItem, q as createImageItem, t as createShapeId } from './shape-builders-CKEMjivV.cjs';
 import { V as VectorSceneItem, R as Rect } from './types-BCCvY6ie.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { R as RemotePresencePeer } from './types-BQUbxMgz.cjs';
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
 import * as react from 'react';
 import { ReactNode } from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { R as RemotePresencePeer } from './types-BQUbxMgz.cjs';
+
+type NativeImagesMenuLabels = {
+    title?: string;
+    focus?: string;
+    duplicate?: string;
+    copy?: string;
+    rotate?: string;
+    delete?: string;
+    collapse?: string;
+    expand?: string;
+};
+type NativeImagesMenuProps = {
+    readonly items: readonly VectorSceneItem[];
+    readonly onItemsChange: (items: VectorSceneItem[]) => void;
+    readonly onFocusItem?: (item: VectorSceneItem) => void;
+    readonly labels?: NativeImagesMenuLabels;
+    readonly defaultOpen?: boolean;
+    readonly style?: StyleProp<ViewStyle>;
+    readonly panelStyle?: StyleProp<ViewStyle>;
+    readonly collapsedButtonStyle?: StyleProp<ViewStyle>;
+    readonly rowStyle?: StyleProp<ViewStyle>;
+    readonly actionButtonStyle?: StyleProp<ViewStyle>;
+    readonly getImageUri?: (item: VectorSceneItem) => string | null | undefined;
+    readonly renderThumbnail?: (item: VectorSceneItem) => ReactNode;
+};
+/**
+ * React Native companion to the web `ImagesMenu` component.
+ *
+ * Use this for floating mobile page/image management controls that should look
+ * and behave like the web `ImagesMenu`: a compact button when collapsed and a
+ * small anchored panel with managed image thumbnails plus duplicate, rotate,
+ * delete, and focus actions when expanded.
+ *
+ * @example
+ * ```tsx
+ * <NativeImagesMenu
+ *   items={items}
+ *   onItemsChange={setItems}
+ *   onFocusItem={(item) => viewportRef.current?.fitWorldRect(item.bounds)}
+ * />
+ * ```
+ */
+declare function NativeImagesMenu({ items, onItemsChange, onFocusItem, labels, defaultOpen, style, panelStyle, collapsedButtonStyle, rowStyle, actionButtonStyle, getImageUri, renderThumbnail, }: NativeImagesMenuProps): react_jsx_runtime.JSX.Element | null;
 
 type TimedTrailPoint = {
     readonly x: number;
@@ -189,6 +232,19 @@ declare const DEFAULT_NATIVE_VECTOR_TOOLS: readonly NativeVectorToolDefinition[]
  */
 declare function NativeVectorToolbar({ value, onChange, tools, overflowToolIds, overflowMenuAccessibilityLabel, disabled, disabledToolIds, showToolLockToggle, toolLocked, onToolLockedChange, density, accessibilityLabel, style, contentContainerStyle, overflowPanelStyle, toolButtonStyle, activeToolButtonStyle, toolLabelStyle, activeToolLabelStyle, renderToolIcon, renderToolLockIcon, renderOverflowIcon, renderOverflowChevronIcon, renderToolButton, }: NativeVectorToolbarProps): react_jsx_runtime.JSX.Element;
 
+type NativeRemotePresenceHitTarget = "cursor" | "label";
+type NativeRemotePresenceHit = {
+    readonly peer: RemotePresencePeer;
+    readonly followId: string;
+    readonly target: NativeRemotePresenceHitTarget;
+    readonly screenX: number;
+    readonly screenY: number;
+    readonly worldX: number;
+    readonly worldY: number;
+    readonly clientId?: string;
+    readonly peerId?: string;
+};
+
 type NativeCustomShapePlacementOptions = {
     readonly toolId: string;
     readonly createItem: (args: {
@@ -215,6 +271,15 @@ type NativeWorldPointerDownDetail = {
     readonly screenX: number;
     readonly screenY: number;
 };
+/**
+ * Detail emitted when a native pointer/touch begins on a remote realtime
+ * participant label or cursor.
+ *
+ * Pass `followId` into your `followedPeerId` state for
+ * `useRealtimePeerFollow(...)`. For realtime-session peers this is the
+ * connection `clientId`, matching the session peer `id`.
+ */
+type NativeRemotePresencePressDetail = NativeRemotePresenceHit;
 /**
  * Optional override for a link item inserted from the native link tool.
  *
@@ -287,6 +352,7 @@ type NativeVectorViewportProps = {
     readonly onLinkToolRequest?: (detail: NativeLinkToolRequestDetail) => void;
     readonly linkToolDialogLabels?: NativeLinkToolDialogLabels;
     readonly onWorldPointerDown?: (detail: NativeWorldPointerDownDetail) => void;
+    readonly onRemotePresencePress?: (detail: NativeRemotePresencePressDetail) => void;
     readonly onWorldPointerMove?: (world: {
         readonly x: number;
         readonly y: number;
@@ -434,4 +500,4 @@ type SvgNode = SvgRectNode | SvgEllipseNode | SvgCircleNode | SvgLineNode | SvgP
  */
 declare function parseSvgFragment(xml: string): SvgNode[];
 
-export { CanvuLinkData, DEFAULT_NATIVE_OVERFLOW_TOOL_IDS, DEFAULT_NATIVE_VECTOR_TOOLS, NATIVE_STYLE_PALETTE, type NativeCustomShapePlacementOptions, NativeInteractionOverlay, type NativeInteractionOverlayProps, type NativeLinkToolDialogLabels, type NativeLinkToolInsertOptions, type NativeLinkToolRequestDetail, NativeSceneRenderer, type NativeSceneRendererProps, NativeShapeRenderer, type NativeShapeRendererProps, type NativeStyleColor, NativeVectorStyleInspector, type NativeVectorStyleInspectorProps, type NativeVectorStyleToolId, type NativeVectorToolDefinition, NativeVectorToolbar, type NativeVectorToolbarDensity, type NativeVectorToolbarProps, type NativeVectorToolbarRenderOverflowInput, type NativeVectorToolbarRenderToolInput, type NativeVectorToolbarRenderToolLockInput, NativeVectorViewport, type NativeVectorViewportHandle, type NativeVectorViewportProps, type NativeWorldPointerDownDetail, type PlacementPreview, type SvgNode, VectorSceneItem, nativeStyleColorWithOpacity, normalizeNativeStyleHex, parseSvgFragment };
+export { CanvuLinkData, DEFAULT_NATIVE_OVERFLOW_TOOL_IDS, DEFAULT_NATIVE_VECTOR_TOOLS, NATIVE_STYLE_PALETTE, type NativeCustomShapePlacementOptions, NativeImagesMenu, type NativeImagesMenuLabels, type NativeImagesMenuProps, NativeInteractionOverlay, type NativeInteractionOverlayProps, type NativeLinkToolDialogLabels, type NativeLinkToolInsertOptions, type NativeLinkToolRequestDetail, type NativeRemotePresencePressDetail, NativeSceneRenderer, type NativeSceneRendererProps, NativeShapeRenderer, type NativeShapeRendererProps, type NativeStyleColor, NativeVectorStyleInspector, type NativeVectorStyleInspectorProps, type NativeVectorStyleToolId, type NativeVectorToolDefinition, NativeVectorToolbar, type NativeVectorToolbarDensity, type NativeVectorToolbarProps, type NativeVectorToolbarRenderOverflowInput, type NativeVectorToolbarRenderToolInput, type NativeVectorToolbarRenderToolLockInput, NativeVectorViewport, type NativeVectorViewportHandle, type NativeVectorViewportProps, type NativeWorldPointerDownDetail, type PlacementPreview, type SvgNode, VectorSceneItem, nativeStyleColorWithOpacity, normalizeNativeStyleHex, parseSvgFragment };

package/dist/native.d.ts

@@ -4,10 +4,53 @@ import { C as Camera2D, S as StrokeStyle } from './shape-builders-Cyh8zvDG.js';
 export { o as createFreehandStrokeItem, q as createImageItem, t as createShapeId } from './shape-builders-Cyh8zvDG.js';
 import { V as VectorSceneItem, R as Rect } from './types-BCCvY6ie.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { R as RemotePresencePeer } from './types-B82WiQQh.js';
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
 import * as react from 'react';
 import { ReactNode } from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { R as RemotePresencePeer } from './types-B82WiQQh.js';
+
+type NativeImagesMenuLabels = {
+    title?: string;
+    focus?: string;
+    duplicate?: string;
+    copy?: string;
+    rotate?: string;
+    delete?: string;
+    collapse?: string;
+    expand?: string;
+};
+type NativeImagesMenuProps = {
+    readonly items: readonly VectorSceneItem[];
+    readonly onItemsChange: (items: VectorSceneItem[]) => void;
+    readonly onFocusItem?: (item: VectorSceneItem) => void;
+    readonly labels?: NativeImagesMenuLabels;
+    readonly defaultOpen?: boolean;
+    readonly style?: StyleProp<ViewStyle>;
+    readonly panelStyle?: StyleProp<ViewStyle>;
+    readonly collapsedButtonStyle?: StyleProp<ViewStyle>;
+    readonly rowStyle?: StyleProp<ViewStyle>;
+    readonly actionButtonStyle?: StyleProp<ViewStyle>;
+    readonly getImageUri?: (item: VectorSceneItem) => string | null | undefined;
+    readonly renderThumbnail?: (item: VectorSceneItem) => ReactNode;
+};
+/**
+ * React Native companion to the web `ImagesMenu` component.
+ *
+ * Use this for floating mobile page/image management controls that should look
+ * and behave like the web `ImagesMenu`: a compact button when collapsed and a
+ * small anchored panel with managed image thumbnails plus duplicate, rotate,
+ * delete, and focus actions when expanded.
+ *
+ * @example
+ * ```tsx
+ * <NativeImagesMenu
+ *   items={items}
+ *   onItemsChange={setItems}
+ *   onFocusItem={(item) => viewportRef.current?.fitWorldRect(item.bounds)}
+ * />
+ * ```
+ */
+declare function NativeImagesMenu({ items, onItemsChange, onFocusItem, labels, defaultOpen, style, panelStyle, collapsedButtonStyle, rowStyle, actionButtonStyle, getImageUri, renderThumbnail, }: NativeImagesMenuProps): react_jsx_runtime.JSX.Element | null;
 
 type TimedTrailPoint = {
     readonly x: number;
@@ -189,6 +232,19 @@ declare const DEFAULT_NATIVE_VECTOR_TOOLS: readonly NativeVectorToolDefinition[]
  */
 declare function NativeVectorToolbar({ value, onChange, tools, overflowToolIds, overflowMenuAccessibilityLabel, disabled, disabledToolIds, showToolLockToggle, toolLocked, onToolLockedChange, density, accessibilityLabel, style, contentContainerStyle, overflowPanelStyle, toolButtonStyle, activeToolButtonStyle, toolLabelStyle, activeToolLabelStyle, renderToolIcon, renderToolLockIcon, renderOverflowIcon, renderOverflowChevronIcon, renderToolButton, }: NativeVectorToolbarProps): react_jsx_runtime.JSX.Element;
 
+type NativeRemotePresenceHitTarget = "cursor" | "label";
+type NativeRemotePresenceHit = {
+    readonly peer: RemotePresencePeer;
+    readonly followId: string;
+    readonly target: NativeRemotePresenceHitTarget;
+    readonly screenX: number;
+    readonly screenY: number;
+    readonly worldX: number;
+    readonly worldY: number;
+    readonly clientId?: string;
+    readonly peerId?: string;
+};
+
 type NativeCustomShapePlacementOptions = {
     readonly toolId: string;
     readonly createItem: (args: {
@@ -215,6 +271,15 @@ type NativeWorldPointerDownDetail = {
     readonly screenX: number;
     readonly screenY: number;
 };
+/**
+ * Detail emitted when a native pointer/touch begins on a remote realtime
+ * participant label or cursor.
+ *
+ * Pass `followId` into your `followedPeerId` state for
+ * `useRealtimePeerFollow(...)`. For realtime-session peers this is the
+ * connection `clientId`, matching the session peer `id`.
+ */
+type NativeRemotePresencePressDetail = NativeRemotePresenceHit;
 /**
  * Optional override for a link item inserted from the native link tool.
  *
@@ -287,6 +352,7 @@ type NativeVectorViewportProps = {
     readonly onLinkToolRequest?: (detail: NativeLinkToolRequestDetail) => void;
     readonly linkToolDialogLabels?: NativeLinkToolDialogLabels;
     readonly onWorldPointerDown?: (detail: NativeWorldPointerDownDetail) => void;
+    readonly onRemotePresencePress?: (detail: NativeRemotePresencePressDetail) => void;
     readonly onWorldPointerMove?: (world: {
         readonly x: number;
         readonly y: number;
@@ -434,4 +500,4 @@ type SvgNode = SvgRectNode | SvgEllipseNode | SvgCircleNode | SvgLineNode | SvgP
  */
 declare function parseSvgFragment(xml: string): SvgNode[];
 
-export { CanvuLinkData, DEFAULT_NATIVE_OVERFLOW_TOOL_IDS, DEFAULT_NATIVE_VECTOR_TOOLS, NATIVE_STYLE_PALETTE, type NativeCustomShapePlacementOptions, NativeInteractionOverlay, type NativeInteractionOverlayProps, type NativeLinkToolDialogLabels, type NativeLinkToolInsertOptions, type NativeLinkToolRequestDetail, NativeSceneRenderer, type NativeSceneRendererProps, NativeShapeRenderer, type NativeShapeRendererProps, type NativeStyleColor, NativeVectorStyleInspector, type NativeVectorStyleInspectorProps, type NativeVectorStyleToolId, type NativeVectorToolDefinition, NativeVectorToolbar, type NativeVectorToolbarDensity, type NativeVectorToolbarProps, type NativeVectorToolbarRenderOverflowInput, type NativeVectorToolbarRenderToolInput, type NativeVectorToolbarRenderToolLockInput, NativeVectorViewport, type NativeVectorViewportHandle, type NativeVectorViewportProps, type NativeWorldPointerDownDetail, type PlacementPreview, type SvgNode, VectorSceneItem, nativeStyleColorWithOpacity, normalizeNativeStyleHex, parseSvgFragment };
+export { CanvuLinkData, DEFAULT_NATIVE_OVERFLOW_TOOL_IDS, DEFAULT_NATIVE_VECTOR_TOOLS, NATIVE_STYLE_PALETTE, type NativeCustomShapePlacementOptions, NativeImagesMenu, type NativeImagesMenuLabels, type NativeImagesMenuProps, NativeInteractionOverlay, type NativeInteractionOverlayProps, type NativeLinkToolDialogLabels, type NativeLinkToolInsertOptions, type NativeLinkToolRequestDetail, type NativeRemotePresencePressDetail, NativeSceneRenderer, type NativeSceneRendererProps, NativeShapeRenderer, type NativeShapeRendererProps, type NativeStyleColor, NativeVectorStyleInspector, type NativeVectorStyleInspectorProps, type NativeVectorStyleToolId, type NativeVectorToolDefinition, NativeVectorToolbar, type NativeVectorToolbarDensity, type NativeVectorToolbarProps, type NativeVectorToolbarRenderOverflowInput, type NativeVectorToolbarRenderToolInput, type NativeVectorToolbarRenderToolLockInput, NativeVectorViewport, type NativeVectorViewportHandle, type NativeVectorViewportProps, type NativeWorldPointerDownDetail, type PlacementPreview, type SvgNode, VectorSceneItem, nativeStyleColorWithOpacity, normalizeNativeStyleHex, parseSvgFragment };