@haklex/rich-plugin-toolbar 0.57.0 → 0.59.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/InsertMenu.d.ts +10 -0
- package/dist/InsertMenu.d.ts.map +1 -0
- package/dist/ToolbarButton.d.ts.map +1 -1
- package/dist/ToolbarDropdown.d.ts.map +1 -1
- package/dist/ToolbarOverflowMenu.d.ts +20 -0
- package/dist/ToolbarOverflowMenu.d.ts.map +1 -0
- package/dist/ToolbarPlugin.d.ts.map +1 -1
- package/dist/actions.d.ts +6 -1
- package/dist/actions.d.ts.map +1 -1
- package/dist/block-types.d.ts +5 -0
- package/dist/block-types.d.ts.map +1 -0
- package/dist/constants.d.ts +2 -1
- package/dist/constants.d.ts.map +1 -1
- package/dist/entries.d.ts +38 -0
- package/dist/entries.d.ts.map +1 -0
- package/dist/index.mjs +499 -347
- package/dist/overflow.d.ts +12 -0
- package/dist/overflow.d.ts.map +1 -0
- package/dist/rich-plugin-toolbar.css +1 -1
- package/dist/styles.css.d.ts +3 -2
- package/dist/styles.css.d.ts.map +1 -1
- package/package.json +5 -4
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { SlashMenuItem } from '@haklex/rich-plugin-slash-menu';
|
|
2
|
+
import { ReactElement } from 'react';
|
|
3
|
+
import { ToolbarTooltipHandle } from './types';
|
|
4
|
+
export interface InsertMenuProps {
|
|
5
|
+
handle?: ToolbarTooltipHandle;
|
|
6
|
+
items: SlashMenuItem[];
|
|
7
|
+
onSelect: (item: SlashMenuItem) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare function InsertMenu({ handle, items, onSelect }: InsertMenuProps): ReactElement;
|
|
10
|
+
//# sourceMappingURL=InsertMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InsertMenu.d.ts","sourceRoot":"","sources":["../src/InsertMenu.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAOpE,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAC;AAE3E,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CACzC;AAID,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,YAAY,CAoGrF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../src/ToolbarButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,aAAa,GACd,EAAE,kBAAkB,+
|
|
1
|
+
{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../src/ToolbarButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,aAAa,GACd,EAAE,kBAAkB,+BAiCpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarDropdown.d.ts","sourceRoot":"","sources":["../src/ToolbarDropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToolbarDropdown.d.ts","sourceRoot":"","sources":["../src/ToolbarDropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAC;AAE3E,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,GACd,EAAE,oBAAoB,+BAkEtB"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { ToolbarEntry, ToolbarMenuItem } from './entries';
|
|
3
|
+
import { ToolbarTooltipHandle } from './types';
|
|
4
|
+
interface ToolbarMenuButtonProps {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
handle: ToolbarTooltipHandle;
|
|
7
|
+
title: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function ToolbarMenuButton({ children, handle, title, }: ToolbarMenuButtonProps): ReactElement;
|
|
10
|
+
export declare function ToolbarMenuItems({ items }: {
|
|
11
|
+
items: ToolbarMenuItem[];
|
|
12
|
+
}): ReactElement;
|
|
13
|
+
interface ToolbarOverflowMenuProps {
|
|
14
|
+
entries: ToolbarEntry[];
|
|
15
|
+
handle: ToolbarTooltipHandle;
|
|
16
|
+
icon: ReactNode;
|
|
17
|
+
}
|
|
18
|
+
export declare function ToolbarOverflowMenu({ entries, handle, icon, }: ToolbarOverflowMenuProps): ReactElement;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=ToolbarOverflowMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToolbarOverflowMenu.d.ts","sourceRoot":"","sources":["../src/ToolbarOverflowMenu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE/D,OAAO,KAAK,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAC;AAE3E,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,KAAK,GACN,EAAE,sBAAsB,GAAG,YAAY,CAgBvC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,eAAe,EAAE,CAAA;CAAE,GAAG,YAAY,CA6BtF;AAED,UAAU,wBAAwB;IAChC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,MAAM,EACN,IAAI,GACL,EAAE,wBAAwB,GAAG,YAAY,CA2BzC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarPlugin.d.ts","sourceRoot":"","sources":["../src/ToolbarPlugin.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToolbarPlugin.d.ts","sourceRoot":"","sources":["../src/ToolbarPlugin.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAwBzD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAeD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,qBAAwD,EACxD,eAAe,GAChB,EAAE,kBAAkB,GAAG,YAAY,CA+HnC"}
|
package/dist/actions.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementNode, LexicalEditor } from 'lexical';
|
|
1
|
+
import { ElementNode, Klass, LexicalEditor, LexicalNode } from 'lexical';
|
|
2
2
|
import { BlockType } from './constants';
|
|
3
3
|
/**
|
|
4
4
|
* Derive the canonical block type from an element node.
|
|
@@ -10,9 +10,14 @@ export declare function getBlockType(anchorNode: ElementNode): BlockType;
|
|
|
10
10
|
* For list types this delegates to the corresponding INSERT_*_LIST_COMMAND.
|
|
11
11
|
*/
|
|
12
12
|
export declare function applyBlockType(editor: LexicalEditor, type: BlockType): void;
|
|
13
|
+
type CodeBlockKlass = Klass<LexicalNode> & {
|
|
14
|
+
new (code: string, language: string): LexicalNode;
|
|
15
|
+
};
|
|
16
|
+
export declare function getCodeBlockKlass(editor: LexicalEditor): CodeBlockKlass | null;
|
|
13
17
|
/**
|
|
14
18
|
* Patch the `font-family` style on the current selection.
|
|
15
19
|
* Passing an empty string clears the override and inherits the editor default.
|
|
16
20
|
*/
|
|
17
21
|
export declare function applyFontFamily(editor: LexicalEditor, value: string): void;
|
|
22
|
+
export {};
|
|
18
23
|
//# sourceMappingURL=actions.d.ts.map
|
package/dist/actions.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAkB,MAAM,SAAS,CAAC;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;GAGG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,WAAW,GAAG,SAAS,CAkB/D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,CAgC3E;AAED,KAAK,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG;IAAE,KAAK,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,WAAW,CAAA;CAAE,CAAC;AAEjG,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa,GAAG,cAAc,GAAG,IAAI,CAI9E;AAoBD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAO1E"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { LexicalEditor } from 'lexical';
|
|
2
|
+
import { BlockType } from './constants';
|
|
3
|
+
import { ToolbarDropdownItem } from './ToolbarDropdown';
|
|
4
|
+
export declare function blockTypeItems(editor: LexicalEditor, active: BlockType): ToolbarDropdownItem[];
|
|
5
|
+
//# sourceMappingURL=block-types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"block-types.d.ts","sourceRoot":"","sources":["../src/block-types.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,wBAAgB,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,GAAG,mBAAmB,EAAE,CAa9F"}
|
package/dist/constants.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export interface FontFamilyDef {
|
|
|
7
7
|
}
|
|
8
8
|
export declare const FONT_FAMILIES: FontFamilyDef[];
|
|
9
9
|
export declare function getFontLabel(fontFamily: string): string;
|
|
10
|
-
export type BlockType = 'paragraph' | 'h1' | 'h2' | 'h3' | 'bullet' | 'number' | 'check' | 'other';
|
|
10
|
+
export type BlockType = 'paragraph' | 'h1' | 'h2' | 'h3' | 'bullet' | 'number' | 'check' | 'quote' | 'code' | 'other';
|
|
11
|
+
export declare const TURN_INTO_BLOCK_TYPES: readonly Exclude<BlockType, "other">[];
|
|
11
12
|
export declare const BLOCK_TYPE_LABELS: Record<BlockType, string>;
|
|
12
13
|
//# sourceMappingURL=constants.d.ts.map
|
package/dist/constants.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,aAAa,EAAE,aAAa,EAcxC,CAAC;AAEF,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAUvD;AAED,MAAM,MAAM,SAAS,GACnB,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhG,eAAO,MAAM,qBAAqB,EAA4B,SAAS,OAAO,CAC5E,SAAS,EACT,OAAO,CACR,EAAE,CAAC;AAEJ,eAAO,MAAM,iBAAiB,EAGxB,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { LexicalEditor } from 'lexical';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { ToolbarDropdownItem } from './ToolbarDropdown';
|
|
4
|
+
import { ToolbarTooltipHandle } from './types';
|
|
5
|
+
import { ToolbarState } from './use-toolbar-state';
|
|
6
|
+
export declare const TOOLBAR_GAP = 2;
|
|
7
|
+
export declare const TOOLBAR_BUTTON_SIZE = 28;
|
|
8
|
+
export interface ToolbarMenuItem {
|
|
9
|
+
active?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
label: string;
|
|
13
|
+
onSelect: () => void;
|
|
14
|
+
shortcut?: string;
|
|
15
|
+
}
|
|
16
|
+
export interface ToolbarEntry {
|
|
17
|
+
key: string;
|
|
18
|
+
menu?: {
|
|
19
|
+
items: ToolbarMenuItem[];
|
|
20
|
+
label?: string;
|
|
21
|
+
};
|
|
22
|
+
node: ReactNode;
|
|
23
|
+
separator?: boolean;
|
|
24
|
+
width: number;
|
|
25
|
+
}
|
|
26
|
+
export interface ToolbarButtonSpec extends ToolbarMenuItem {
|
|
27
|
+
key: string;
|
|
28
|
+
}
|
|
29
|
+
export declare function separatorEntry(key: string): ToolbarEntry;
|
|
30
|
+
export declare function buttonEntry(spec: ToolbarButtonSpec, handle: ToolbarTooltipHandle): ToolbarEntry;
|
|
31
|
+
export declare function dropdownEntry(key: string, options: {
|
|
32
|
+
items: ToolbarDropdownItem[];
|
|
33
|
+
label: string;
|
|
34
|
+
title: string;
|
|
35
|
+
width: number;
|
|
36
|
+
}, handle: ToolbarTooltipHandle): ToolbarEntry;
|
|
37
|
+
export declare function formattingButtons(editor: LexicalEditor, state: ToolbarState): ToolbarButtonSpec[][];
|
|
38
|
+
//# sourceMappingURL=entries.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"entries.d.ts","sourceRoot":"","sources":["../src/entries.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAkB7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAGtC,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,eAAe,EAAE,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAExD;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,iBAAiB,EAAE,MAAM,EAAE,oBAAoB,GAAG,YAAY,CAkB/F;AAED,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,EACX,OAAO,EAAE;IAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EACtF,MAAM,EAAE,oBAAoB,GAC3B,YAAY,CAmBd;AAID,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,YAAY,GAClB,iBAAiB,EAAE,EAAE,CAwIvB"}
|