@openeditor/ui 0.0.34 → 0.0.35

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import * as react from 'react';
+import { RefObject, CSSProperties, ReactNode } from 'react';
 import { OpenEditorController, OpenEditorReactProps, OpenEditorTheme, OpenEditorSlashMenuItem } from '@openeditor/react';
 export { OpenEditorBlockAction, OpenEditorBlockRef, OpenEditorContent, OpenEditorController, OpenEditorReactProps, OpenEditorSlashMenuIcon, OpenEditorSlashMenuIconProps, OpenEditorSlashMenuItem, OpenEditorTheme, OpenEditorThemeProvider, OpenEditorThemeStyle, OpenEditorThemeToken, createOpenEditorThemeStyle, openEditorThemeTokenNames, useOpenEditorController } from '@openeditor/react';
 export { OpenEditorEmojiPicker, OpenEditorEmojiPickerProps } from '@openeditor/emoji';
@@ -6,6 +7,7 @@ import { Button } from '@base-ui/react/button';
 import { Input } from '@base-ui/react/input';
 import { Toggle } from '@base-ui/react/toggle';
 import { ToggleGroup } from '@base-ui/react/toggle-group';
+import { OpenEditorIcon } from '@openeditor/icons';
 
 type OpenEditorTableMenuProps = {
     controller: OpenEditorController;
@@ -46,7 +48,34 @@ declare const OpenEditorToggleGroup: <Value extends string = string>({ className
 declare const OpenEditorInput: ({ className, ...props }: OpenEditorInputProps) => react.JSX.Element;
 declare const OpenEditorSelectionBubble: ({ controller, className, container, }: OpenEditorSelectionBubbleProps) => react.JSX.Element | null;
 declare const OpenEditorSlashMenu: ({ controller, className, items, container, }: OpenEditorSlashMenuProps) => react.JSX.Element | null;
+type OpenEditorBlockMenuAction = {
+    id: string;
+    label: string;
+    group?: string;
+    icon?: OpenEditorIcon;
+    disabled?: boolean;
+    run: () => void | Promise<void>;
+};
+type OpenEditorBuiltInBlockMenuHandlers = {
+    canMove: (direction: -1 | 1) => boolean;
+    move: (direction: -1 | 1) => void;
+    copy: () => void | Promise<void>;
+    duplicate: () => void;
+    delete: () => void;
+};
+declare const createOpenEditorBuiltInBlockMenuActions: (handlers: OpenEditorBuiltInBlockMenuHandlers) => OpenEditorBlockMenuAction[];
+type OpenEditorBlockMenuPopupProps = {
+    actions: readonly OpenEditorBlockMenuAction[];
+    anchor: HTMLElement | RefObject<HTMLElement | null> | null;
+    ariaLabel: string;
+    container?: HTMLElement | null;
+    onOpenChange: (open: boolean) => void;
+    open: boolean;
+    style?: CSSProperties;
+    trigger?: ReactNode;
+};
+declare const OpenEditorBlockMenuPopup: ({ actions, anchor, ariaLabel, container, onOpenChange, open, style, trigger, }: OpenEditorBlockMenuPopupProps) => react.JSX.Element;
 declare const OpenEditorBlockMenu: ({ controller, className, container, }: OpenEditorBlockMenuProps) => react.JSX.Element | null;
 declare const OpenEditor: ({ className, contentClassName, overlayContainer, theme, ...props }: OpenEditorProps) => react.JSX.Element;
 
-export { OpenEditor, OpenEditorBlockMenu, type OpenEditorBlockMenuProps, OpenEditorButton, type OpenEditorButtonProps, OpenEditorInput, type OpenEditorInputProps, type OpenEditorProps, OpenEditorSelectionBubble, type OpenEditorSelectionBubbleProps, OpenEditorSlashMenu, type OpenEditorSlashMenuProps, OpenEditorTableMenu, type OpenEditorTableMenuProps, OpenEditorToggle, OpenEditorToggleGroup, type OpenEditorToggleGroupProps, type OpenEditorToggleProps };
+export { OpenEditor, OpenEditorBlockMenu, type OpenEditorBlockMenuAction, OpenEditorBlockMenuPopup, type OpenEditorBlockMenuPopupProps, type OpenEditorBlockMenuProps, type OpenEditorBuiltInBlockMenuHandlers, OpenEditorButton, type OpenEditorButtonProps, OpenEditorInput, type OpenEditorInputProps, type OpenEditorProps, OpenEditorSelectionBubble, type OpenEditorSelectionBubbleProps, OpenEditorSlashMenu, type OpenEditorSlashMenuProps, OpenEditorTableMenu, type OpenEditorTableMenuProps, OpenEditorToggle, OpenEditorToggleGroup, type OpenEditorToggleGroupProps, type OpenEditorToggleProps, createOpenEditorBuiltInBlockMenuActions };