@ones-editor/editor 2.2.4-beta.1 → 2.2.5-beta.1

package/@ones-editor/ui/src/index.d.ts

@@ -4,6 +4,7 @@ import { QuickMenuCommandBetween, QuickMenuCommandInline, QuickMenuCommandProvid
 import OnesEditorQuickMenu from './quick-menu';
 import * as BasicCommands from './providers/utils/basic-commands';
 import OnesEditorTooltip from './tooltips';
+import type { OnesEditorTooltipCallbacks, EditorTooltipTippyInstance, OnesEditorTooltipProps } from './tooltips';
 import TextStyleShortcuts from './shortcuts';
 import { editLink } from './link-popup';
 import { getToolbar } from './toolbar/helper';
@@ -37,6 +38,6 @@ import ClipboardProvider from './providers/clipboard-provider';
 export * from './providers/utils/clipboard';
 export * from './providers/utils';
 export { ClipboardProvider, ListProvider, QuotedProvider, TextCommandProvider, injectBlockOptions, LinkProvider, InlineBoxCommandProvider, AlignProvider, ParagraphProvider, ProxyProvider, InlineCodeProvider, InlineStyleProvider, ColorStyleProvider, ScriptDropdownProvider, TextScriptProvider, HeadingProvider, MobileLinkProvider, InsertMenuProvider, };
-export type { QuickMenuCommandParams, QuickMenuCommandProvider, QuickMenuCommandBetween, AddMenuCommand, QuickMenuCommandInline, OnesEditorToolbarBase, QuickMenuItem, QuickMenuOptions, ReadonlyToolbarCommandProvider, ReadonlyCommandOptions, };
+export type { QuickMenuCommandParams, QuickMenuCommandProvider, QuickMenuCommandBetween, AddMenuCommand, QuickMenuCommandInline, OnesEditorToolbarBase, OnesEditorTooltipCallbacks, EditorTooltipTippyInstance, OnesEditorTooltipProps, QuickMenuItem, QuickMenuOptions, ReadonlyToolbarCommandProvider, ReadonlyCommandOptions, };
 export { BlockMenu, BlockCommandProviders, OnesEditorToolbar, OnesEditorQuickMenu, OnesEditorTooltip, editLink, TextStyleShortcuts, getToolbar, BasicCommands, isSelectBoxOnly, getReferenceClientRect, ReadonlyToolbar, AddCommentToOldDocCommandProvider, };
 export * from './utils/hide-toolbar';

package/@ones-editor/ui/src/readonly-toolbar/add-comment-to-old-doc.d.ts

@@ -14,6 +14,9 @@ export declare class AddCommentToOldDocCommandProvider implements ReadonlyToolba
         commands: {
             id: string;
             name: string;
+            icon: string;
+            groupOrder: number;
+            order: number;
         }[];
         executeCommand: (editor: OnesEditor, block: BlockElement, item: CommandItem, child: TextBlockContentChild | null) => void;
     } | undefined;

package/@ones-editor/ui/src/readonly-toolbar/helper.d.ts

@@ -0,0 +1,2 @@
+import type { OnesEditor } from '../../../../@ones-editor/editor';
+export declare const isAllContainersSelected: (editor: OnesEditor) => boolean;

package/@ones-editor/ui/src/readonly-toolbar/index.d.ts

@@ -25,5 +25,7 @@ export declare class ReadonlyToolbar implements OnesEditorCustom {
     handleSelectionChange: import("lodash").DebouncedFunc<(editor: OnesEditor) => void>;
     private handleHoveringBlockChildChange;
     groupCommands: (allCommands: CommandItem[]) => CommandItem[];
+    hideToolbar(editor: OnesEditor): void;
     showTextToolbar(reason: string): void;
+    static isVisible(): boolean;
 }

package/@ones-editor/ui/src/tooltips/index.d.ts

@@ -1,16 +1,27 @@
-import { OnesEditor } from '../../../../@ones-editor/core';
-import { Instance } from 'tippy.js';
-export default class OnesEditorTooltip {
+import { EventCallbacks, OnesEditor } from '../../../../@ones-editor/core';
+import { delegate, DelegateInstance } from 'tippy.js';
+export type OnesEditorTooltipCallbacks = {
+    onBeforeShow?: (instance: EditorTooltipTippyInstance) => void;
+};
+export type EditorTooltipTippyInstance = DelegateInstance;
+export type OnesEditorTooltipProps = Omit<Parameters<typeof delegate>[1], 'onShow' | 'content' | 'onShown' | 'onHide' | 'target'>;
+type DelegateProps = OnesEditorTooltipProps & {
+    attributeNames: string[];
+};
+type OnesEditorTooltipOptions = {
+    onBeforeTooltipInitialize?: (props: Partial<DelegateProps>) => DelegateProps;
+};
+export default class OnesEditorTooltip extends EventCallbacks<OnesEditorTooltipCallbacks> {
     private editor;
-    instance: Instance;
+    instance: DelegateInstance;
     mousedown: boolean;
-    currentInstance: Instance | null;
-    attributeName: string[];
+    currentInstance: DelegateInstance | null;
+    attributeNames: string[];
     attributeDesc: string;
     private _lastClickButtonId;
     private observer;
     private observerCallback;
-    constructor(editor: OnesEditor);
+    constructor(editor: OnesEditor, options?: OnesEditorTooltipOptions);
     set lastClickButtonId(value: string);
     createContent: (reference: Element) => string | HTMLDivElement;
     visible(): boolean | undefined;
@@ -20,9 +31,9 @@ export default class OnesEditorTooltip {
     private destroyObserver;
     handleDocumentMouseDown: () => void;
     handleDocumentMouseUp: () => void;
-    handleShown: (a: Instance) => void;
+    handleShown: (a: DelegateInstance) => void;
     handleHidden: () => void;
-    handleShow: (instance: Instance) => boolean;
+    handleShow: (instance: DelegateInstance) => boolean;
     private fixContainerForFullscreen;
 }
 declare global {
@@ -30,3 +41,4 @@ declare global {
         isDragging?: boolean;
     }
 }
+export {};

package/@ones-editor/ui-base/src/color-button/text-color-item.d.ts

@@ -1,23 +1,33 @@
 import { CommandItem, OnesEditor } from '../../../../@ones-editor/core';
 import { TypedEmitter } from 'tiny-typed-emitter';
 import { ColorPaletteItem } from '../color-palette';
-import { ColorPaletteEvents } from '../color-palette/color-palette';
+import { ColorPaletteEvents, ColorAction } from '../color-palette/color-palette';
+import './text-color-item.scss';
+type Colors = [number | null, number | null];
 export declare class TextColorItem extends TypedEmitter<ColorPaletteEvents> implements CommandItem {
-    private editor;
+    editor: OnesEditor;
+    private storageName;
     id: string;
     name: string;
     dropdown: boolean;
+    dropSplit: boolean;
+    splitTooltip: string;
     manualShowChildren: boolean;
     childrenType: "mobile-bottom-menu" | undefined;
     children: CommandItem[];
     element: HTMLButtonElement;
     colorPaletteItem: ColorPaletteItem;
-    latestColors: [number | null, number | null];
-    constructor(editor: OnesEditor);
+    latestColors: Colors;
+    private currentTextColors;
+    constructor(editor: OnesEditor, storageName?: string);
+    getColorsFromLocalStorage(): Colors;
     destroy(): void;
-    handlePaletteClick: (type: 'color' | 'backgroundColor' | 'clearColor', value: number) => void;
-    setLatestColors: (type: 'color' | 'backgroundColor' | 'clearColor', value: number) => void;
+    handlePaletteClick: (type: ColorAction, value: number) => void;
+    handleButtonClick: (event: MouseEvent) => void;
+    private setLatestColors;
     beforePopup: () => void;
-    updatePaletteColor(colors: [number | null, number | null]): void;
-    updateButtonColor(colors: [number | null, number | null]): void;
+    updatePaletteColor(): void;
+    setCurrentTextColors(colors: [number | null, number | null]): void;
+    setCurrentButtonColor(colors: [number | null, number | null]): void;
 }
+export {};

package/@ones-editor/ui-base/src/color-palette/color-palette.d.ts

@@ -3,7 +3,13 @@ import type { ColorPaletteOptions } from './create-palette';
 import './palette.scss';
 export { ColorPaletteOptions };
 export type ColorType = 'color' | 'backgroundColor';
-export type PaletteClickHandler = (type: ColorType | 'clearColor', value: number) => void;
+export type ColorAction = ColorType | 'clearColor';
+export declare enum ColorClearActions {
+    clearAll = 0,
+    clearColor = 1,
+    clearBackground = 2
+}
+export type PaletteClickHandler = (type: ColorAction, value: number) => void;
 export interface ColorPaletteEvents {
     onClick: PaletteClickHandler;
     beforePopup: () => void;

package/@ones-editor/ui-base/src/color-palette/index.d.ts

@@ -1,4 +1,4 @@
-import type { ColorPaletteOptions, PaletteClickHandler } from './color-palette';
-import ColorPalette from './color-palette';
+import type { ColorPaletteOptions, PaletteClickHandler, ColorAction } from './color-palette';
+import ColorPalette, { ColorClearActions } from './color-palette';
 import ColorPaletteItem from './color-palette-item';
-export { ColorPalette, ColorPaletteOptions, ColorPaletteItem, PaletteClickHandler };
+export { ColorPalette, ColorPaletteOptions, ColorPaletteItem, PaletteClickHandler, ColorClearActions, ColorAction };

package/@ones-editor/ui-base/src/command-bar/active-observer.d.ts

@@ -0,0 +1,11 @@
+export type Options = {
+    onFocused: () => void;
+    onBlurred: () => void;
+};
+export declare class ActiveElementObserver {
+    private options;
+    constructor(options: Options);
+    handleFocusIn: () => void;
+    handleFocusOut: () => void;
+    destroy(): void;
+}

package/@ones-editor/ui-base/src/locale/en-us.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
         name: string;
         backgroundDesc: string;
         reset: string;
+        more: string;
     };
     emojiPalette: {
         name: string;

package/@ones-editor/ui-base/src/locale/ja-jp.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
         name: string;
         backgroundDesc: string;
         reset: string;
+        more: string;
     };
     emojiPalette: {
         name: string;

package/@ones-editor/ui-base/src/locale/zh-cn.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
         name: string;
         backgroundDesc: string;
         reset: string;
+        more: string;
     };
     emojiPalette: {
         name: string;

package/@ones-editor/versions/package.json

@@ -4,5 +4,8 @@
   "license": "MIT",
   "type": "module",
   "main": "./src/index.ts",
+  "devDependencies": {
+    "@types/lodash.pick": "^4.4.9"
+  },
   "types": "src/index.d.ts"
 }

package/@ones-editor/versions/src/constant/index.d.ts

@@ -7,3 +7,5 @@ export declare enum HistoryClass {
 }
 export declare const OpColor = "--op-color";
 export declare const OpSelectedColor = "--op-selected-color";
+export declare const HISTORY_TOOLTIP_IDENTIFIER = "data-history-editor-tooltip";
+export declare const HISTORY_MASK_IDENTIFIER = "history-mask-identifier";

package/@ones-editor/versions/src/history-doc/history-doc.d.ts

@@ -1,4 +1,4 @@
-import { DocBlock, DocBlockDelta, DocBlockText, DocBlockTextActions, DocObject, EventCallbacks, OnesEditorDoc, OnesEditorDocCallbacks, OnesEditorUser, RemoteUsers, UploadResourceResult, OnesEditorDocServerMeta, OnesEditorDocServer } from '../../../../@ones-editor/core';
+import { DocBlock, DocBlockDelta, DocBlockText, DocBlockTextActions, DocObject, EventCallbacks, OnesEditorDoc, OnesEditorDocCallbacks, OnesEditorUser, UploadResourceResult, OnesEditorDocServerMeta, OnesEditorDocServer } from '../../../../@ones-editor/core';
 import { HistoryUser } from '../types';
 export default class HistoryDoc extends EventCallbacks<OnesEditorDocCallbacks> implements OnesEditorDoc {
     private server;
@@ -23,7 +23,7 @@ export default class HistoryDoc extends EventCallbacks<OnesEditorDocCallbacks> i
     request<T>(): Promise<T>;
     broadcastMessage(): void;
     getUser(): OnesEditorUser;
-    getRemoteUsers(): RemoteUsers;
+    getRemoteUsers(): import("@ones-editor/core").OnesEditorRemoteUsers;
     destroy(): void;
     private transformBlockIndex;
     onDeleteBlock(containerId: string, blockIndex: number, user: HistoryUser): void;

package/@ones-editor/versions/src/history-render/index.d.ts

@@ -1,7 +1,21 @@
-import { BlockElement, BlockPath, DocBlock, DocBlockTextAttributes, OnesEditor, OnesEditorBlockRenderer, OnesEditorBlockRenderResult } from '../../../../@ones-editor/core';
+import type { BlockElement, BlockPath, DocBlock, DocBlockTextAttributes, OnesEditor, OnesEditorBlockRenderer, OnesEditorBlockRenderResult } from '../../../../@ones-editor/core';
 export default class OnesEditorHistoryRender implements OnesEditorBlockRenderer {
     renderBox(editor: OnesEditor, path: BlockPath, attributes: DocBlockTextAttributes): OnesEditorBlockRenderResult;
     renderText(editor: OnesEditor, path: BlockPath, attributes: DocBlockTextAttributes): OnesEditorBlockRenderResult;
     renderBlock(editor: OnesEditor, path: BlockPath, blockData: DocBlock): OnesEditorBlockRenderResult;
     updateBlock(editor: OnesEditor, path: BlockPath, blockElement: BlockElement, blockData: DocBlock): void;
+    renderChildContainer(editor: OnesEditor, path: BlockPath, containerId: string): {
+        classes: string[];
+        attributes: {
+            "data-history-editor-tooltip": string;
+        };
+        styles: {
+            "--op-color": string;
+            "--op-selected-color": string;
+        };
+    } | {
+        classes?: undefined;
+        attributes?: undefined;
+        styles?: undefined;
+    };
 }

package/@ones-editor/versions/src/history-tooltip/index.d.ts

@@ -0,0 +1,14 @@
+import { OnesEditor } from '../../../../@ones-editor/core';
+import { OnesEditorTooltipCallbacks, EditorTooltipTippyInstance } from '../../../../@ones-editor/ui';
+import './index.scss';
+export declare class OnesEditorHistoryTooltip implements OnesEditorTooltipCallbacks {
+    private editor;
+    static register(editor: OnesEditor): void;
+    private gap;
+    private constructor();
+    private applyGapToRect;
+    private getPseudoMaskRect;
+    private getReferenceClientRect;
+    private createContent;
+    onBeforeShow: (instance: EditorTooltipTippyInstance) => void;
+}

package/@ones-editor/versions/src/index.d.ts

@@ -1,4 +1,5 @@
 import './index.scss';
 import './locale';
 export { OnesEditorVersionsDialog } from './version-dialog';
+export { HISTORY_TOOLTIP_IDENTIFIER } from './constant';
 export * from './types';

package/@ones-editor/versions/src/locale/en-us.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     version: {
         latest: string;
+        update: string;
         insert: string;
         delete: string;
         goBack: string;

package/@ones-editor/versions/src/locale/ja-jp.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     version: {
         latest: string;
+        update: string;
         insert: string;
         delete: string;
         goBack: string;

package/@ones-editor/versions/src/locale/zh-cn.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     version: {
         latest: string;
+        update: string;
         insert: string;
         delete: string;
         goBack: string;

package/@ones-editor/versions/src/types.d.ts

@@ -1,6 +1,7 @@
 import type { OnesEditor, DocVersion, OnesEditorDocHistoryData, OnesEditorDoc, OnesEditorBlockRenderer } from '../../../@ones-editor/core';
 export interface VersionDialogOptions {
     container: HTMLElement;
+    showPublishedVersions?: boolean;
     initSelectedVersion?: VersionNum;
     useCreatedBy?: boolean;
     enableEdit?: boolean;
@@ -26,3 +27,6 @@ export interface OnesEditorVersionsProvider {
 export type HistoryUser = OnesEditorDocHistoryData['user'];
 export type UserColorTypes = 'flag' | 'selection';
 export type UserColors = Record<UserColorTypes, string>;
+export type HistoryDocMeta = {
+    'createBy'?: HistoryUser;
+};

package/@ones-editor/versions/src/utils/block-text.d.ts

@@ -1,2 +1,4 @@
 import { HistoryUser } from '../types';
-export declare function getOpDescription(user: HistoryUser, type: 'insert' | 'delete'): string;
+type OpType = 'insert' | 'delete' | 'update';
+export declare function getOpDescription(user: HistoryUser, type: OpType): string;
+export {};