@domternal/react 0.6.1 → 0.7.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/README.md +12 -10
- package/dist/Domternal.d.ts +7 -7
- package/dist/Domternal.d.ts.map +1 -1
- package/dist/DomternalFloatingMenu.d.ts +29 -6
- package/dist/DomternalFloatingMenu.d.ts.map +1 -1
- package/dist/EditorContent.d.ts +2 -2
- package/dist/EditorContent.d.ts.map +1 -1
- package/dist/EditorContext.d.ts +2 -4
- package/dist/EditorContext.d.ts.map +1 -1
- package/dist/bubble-menu/DomternalBubbleMenu.d.ts +2 -1
- package/dist/bubble-menu/DomternalBubbleMenu.d.ts.map +1 -1
- package/dist/bubble-menu/useBubbleMenu.d.ts +36 -6
- package/dist/bubble-menu/useBubbleMenu.d.ts.map +1 -1
- package/dist/emoji-picker/DomternalEmojiPicker.d.ts +2 -1
- package/dist/emoji-picker/DomternalEmojiPicker.d.ts.map +1 -1
- package/dist/emoji-picker/useEmojiPicker.d.ts +5 -3
- package/dist/emoji-picker/useEmojiPicker.d.ts.map +1 -1
- package/dist/index.d.ts +121 -30
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +962 -77
- package/dist/index.js.map +1 -1
- package/dist/node-views/NodeViewContent.d.ts +2 -2
- package/dist/node-views/NodeViewContent.d.ts.map +1 -1
- package/dist/node-views/NodeViewWrapper.d.ts +2 -2
- package/dist/node-views/NodeViewWrapper.d.ts.map +1 -1
- package/dist/node-views/ReactNodeViewRenderer.d.ts +1 -1
- package/dist/node-views/ReactNodeViewRenderer.d.ts.map +1 -1
- package/dist/notion-color-picker/DomternalNotionColorPicker.d.ts +25 -0
- package/dist/notion-color-picker/DomternalNotionColorPicker.d.ts.map +1 -0
- package/dist/notion-color-picker/index.d.ts +5 -0
- package/dist/notion-color-picker/index.d.ts.map +1 -0
- package/dist/notion-color-picker/useNotionColorPicker.d.ts +47 -0
- package/dist/notion-color-picker/useNotionColorPicker.d.ts.map +1 -0
- package/dist/toolbar/DomternalToolbar.d.ts +2 -1
- package/dist/toolbar/DomternalToolbar.d.ts.map +1 -1
- package/dist/toolbar/ToolbarButton.d.ts +2 -1
- package/dist/toolbar/ToolbarButton.d.ts.map +1 -1
- package/dist/toolbar/ToolbarDropdown.d.ts +2 -1
- package/dist/toolbar/ToolbarDropdown.d.ts.map +1 -1
- package/dist/toolbar/ToolbarDropdownPanel.d.ts +2 -1
- package/dist/toolbar/ToolbarDropdownPanel.d.ts.map +1 -1
- package/dist/toolbar/useKeyboardNav.d.ts.map +1 -1
- package/dist/toolbar/useToolbarController.d.ts +6 -4
- package/dist/toolbar/useToolbarController.d.ts.map +1 -1
- package/dist/toolbar/useToolbarIcons.d.ts +4 -3
- package/dist/toolbar/useToolbarIcons.d.ts.map +1 -1
- package/dist/toolbar/useTooltip.d.ts.map +1 -1
- package/dist/useEditor.d.ts +4 -3
- package/dist/useEditor.d.ts.map +1 -1
- package/package.json +4 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { ElementType, HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
export interface NodeViewContentProps extends HTMLAttributes<HTMLElement> {
|
|
3
3
|
/** The HTML element type to render. @default 'div' */
|
|
4
4
|
as?: ElementType;
|
|
@@ -7,5 +7,5 @@ export interface NodeViewContentProps extends HTMLAttributes<HTMLElement> {
|
|
|
7
7
|
* Placeholder for editable nested content within a custom React node view.
|
|
8
8
|
* ProseMirror manages the content DOM inside this element.
|
|
9
9
|
*/
|
|
10
|
-
export declare function NodeViewContent({ as: Tag, style, ...props }: NodeViewContentProps):
|
|
10
|
+
export declare function NodeViewContent({ as: Tag, style, ...props }: NodeViewContentProps): ReactNode;
|
|
11
11
|
//# sourceMappingURL=NodeViewContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeViewContent.d.ts","sourceRoot":"","sources":["../../src/node-views/NodeViewContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"NodeViewContent.d.ts","sourceRoot":"","sources":["../../src/node-views/NodeViewContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACvE,sDAAsD;IACtD,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,GAAW,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAWrG"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { ElementType, HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
export interface NodeViewWrapperProps extends HTMLAttributes<HTMLElement> {
|
|
3
3
|
/** The HTML element type to render. @default 'div' */
|
|
4
4
|
as?: ElementType;
|
|
@@ -7,5 +7,5 @@ export interface NodeViewWrapperProps extends HTMLAttributes<HTMLElement> {
|
|
|
7
7
|
* Container component for custom React node views.
|
|
8
8
|
* Handles drag events and marks the element as a node view wrapper.
|
|
9
9
|
*/
|
|
10
|
-
export declare function NodeViewWrapper({ as: Tag, style, ...props }: NodeViewWrapperProps):
|
|
10
|
+
export declare function NodeViewWrapper({ as: Tag, style, ...props }: NodeViewWrapperProps): ReactNode;
|
|
11
11
|
//# sourceMappingURL=NodeViewWrapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeViewWrapper.d.ts","sourceRoot":"","sources":["../../src/node-views/NodeViewWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"NodeViewWrapper.d.ts","sourceRoot":"","sources":["../../src/node-views/NodeViewWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACvE,sDAAsD;IACtD,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,GAAW,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAWrG"}
|
|
@@ -66,7 +66,7 @@ export interface ReactNodeViewRendererOptions {
|
|
|
66
66
|
* }
|
|
67
67
|
* ```
|
|
68
68
|
*/
|
|
69
|
-
export declare function ReactNodeViewRenderer(component: React.ComponentType<ReactNodeViewProps>, options?: ReactNodeViewRendererOptions): (node: PMNode,
|
|
69
|
+
export declare function ReactNodeViewRenderer(component: React.ComponentType<ReactNodeViewProps>, options?: ReactNodeViewRendererOptions): (node: PMNode, view: unknown, getPos: () => number, decorations: unknown[]) => ReactNodeView;
|
|
70
70
|
interface ReactNodeViewInit {
|
|
71
71
|
editor: Editor;
|
|
72
72
|
node: PMNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactNodeViewRenderer.d.ts","sourceRoot":"","sources":["../../src/node-views/ReactNodeViewRenderer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAmB,MAAM,iBAAiB,CAAC;AAE/D,mDAAmD;AACnD,UAAU,MAAM;IACd,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,QAAQ,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,MAAM,EAAE,MAAM,MAAM,CAAC;IACrB,oCAAoC;IACpC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC3D,0CAA0C;IAC1C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mFAAmF;IACnF,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IAC9D,oDAAoD;IACpD,WAAW,EAAE,OAAO,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,4BAA4B;IAC3C,uEAAuE;IACvE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2FAA2F;IAC3F,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,EAClD,OAAO,GAAE,4BAAiC,
|
|
1
|
+
{"version":3,"file":"ReactNodeViewRenderer.d.ts","sourceRoot":"","sources":["../../src/node-views/ReactNodeViewRenderer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DomternalNotionColorPicker
|
|
3
|
+
*
|
|
4
|
+
* Notion-style inline color picker rendered via `createPortal` into the
|
|
5
|
+
* `.dm-editor` host. The portal target keeps the panel inside the editor's
|
|
6
|
+
* CSS-variable scope (theme tokens cascade) without imperative DOM moves.
|
|
7
|
+
*
|
|
8
|
+
* Opens in response to the `notionColorOpen` event emitted by the bubble
|
|
9
|
+
* menu's "A" trigger. Two sections: text color (top), background color
|
|
10
|
+
* (bottom). Each section is a default-swatch plus the named-token palette.
|
|
11
|
+
*
|
|
12
|
+
* The default UI is rendered when no `children` prop is provided. Pass
|
|
13
|
+
* `children` to take over rendering while keeping the hook's lifecycle.
|
|
14
|
+
*/
|
|
15
|
+
import { type ReactNode } from 'react';
|
|
16
|
+
import type { Editor } from '@domternal/core';
|
|
17
|
+
import { type UseNotionColorPickerResult } from './useNotionColorPicker.js';
|
|
18
|
+
export interface DomternalNotionColorPickerProps {
|
|
19
|
+
/** The editor instance. If omitted, uses EditorProvider context. */
|
|
20
|
+
editor?: Editor;
|
|
21
|
+
/** Custom panel content. When provided, replaces the default swatch grid. */
|
|
22
|
+
children?: ReactNode | ((api: UseNotionColorPickerResult) => ReactNode);
|
|
23
|
+
}
|
|
24
|
+
export declare function DomternalNotionColorPicker({ editor: editorProp, children, }: DomternalNotionColorPickerProps): ReactNode;
|
|
25
|
+
//# sourceMappingURL=DomternalNotionColorPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DomternalNotionColorPicker.d.ts","sourceRoot":"","sources":["../../src/notion-color-picker/DomternalNotionColorPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAEL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAG9C,OAAO,EAAwB,KAAK,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAElG,MAAM,WAAW,+BAA+B;IAC9C,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE,0BAA0B,KAAK,SAAS,CAAC,CAAC;CACzE;AAED,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EAAE,UAAU,EAClB,QAAQ,GACT,EAAE,+BAA+B,GAAG,SAAS,CAkI7C"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { DomternalNotionColorPicker } from './DomternalNotionColorPicker.js';
|
|
2
|
+
export type { DomternalNotionColorPickerProps } from './DomternalNotionColorPicker.js';
|
|
3
|
+
export { useNotionColorPicker } from './useNotionColorPicker.js';
|
|
4
|
+
export type { UseNotionColorPickerOptions, UseNotionColorPickerResult } from './useNotionColorPicker.js';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notion-color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,YAAY,EAAE,+BAA+B,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useNotionColorPicker
|
|
3
|
+
*
|
|
4
|
+
* State and effect plumbing for the Notion-style inline color picker. Listens
|
|
5
|
+
* for the `notionColorOpen` event emitted by the bubble menu's "A" trigger,
|
|
6
|
+
* tracks the active text/background tokens, and exposes the imperative
|
|
7
|
+
* commands consumers need (`applyText`, `applyBg`, `close`).
|
|
8
|
+
*
|
|
9
|
+
* The default component (`DomternalNotionColorPicker`) consumes this hook and
|
|
10
|
+
* renders the panel via `createPortal`. Consumers building custom UIs can
|
|
11
|
+
* call this hook directly.
|
|
12
|
+
*/
|
|
13
|
+
import { type KeyboardEvent as ReactKeyboardEvent, type RefObject } from 'react';
|
|
14
|
+
import type { Editor } from '@domternal/core';
|
|
15
|
+
export interface UseNotionColorPickerOptions {
|
|
16
|
+
editor: Editor | null;
|
|
17
|
+
}
|
|
18
|
+
export interface UseNotionColorPickerResult {
|
|
19
|
+
/** Whether the picker panel is currently open. */
|
|
20
|
+
isOpen: boolean;
|
|
21
|
+
/** Editor host element (`.dm-editor`) used as the portal target. Null until the editor is ready. */
|
|
22
|
+
hostEl: HTMLElement | null;
|
|
23
|
+
/** Anchor element the picker positions against (the bubble-menu "A" trigger button). */
|
|
24
|
+
anchorEl: HTMLElement | null;
|
|
25
|
+
/** Ref to the panel root, used by the picker UI for positioning + focus management. */
|
|
26
|
+
panelRef: RefObject<HTMLDivElement | null>;
|
|
27
|
+
/** Currently applied text token at the cursor, or null when default. */
|
|
28
|
+
currentTextToken: string | null;
|
|
29
|
+
/** Currently applied background token at the cursor, or null when default. */
|
|
30
|
+
currentBgToken: string | null;
|
|
31
|
+
/** Named-token palette (read from the NotionColorPicker extension options). */
|
|
32
|
+
palette: readonly string[];
|
|
33
|
+
/** Apply a text color token to the current selection. Picker stays open. */
|
|
34
|
+
applyText: (token: string | null) => void;
|
|
35
|
+
/** Apply a background color token to the current selection. Picker stays open. */
|
|
36
|
+
applyBg: (token: string | null) => void;
|
|
37
|
+
/** Close the picker. When `refocus` is true, returns focus to the anchor button. */
|
|
38
|
+
close: (opts?: {
|
|
39
|
+
refocus?: boolean;
|
|
40
|
+
}) => void;
|
|
41
|
+
/** Display label for a palette token (defaults to title-case fallback). */
|
|
42
|
+
tokenLabel: (token: string) => string;
|
|
43
|
+
/** Arrow / Home / End keyboard navigation across the 5-column swatch grid. */
|
|
44
|
+
onPanelKeydown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;
|
|
45
|
+
}
|
|
46
|
+
export declare function useNotionColorPicker(options: UseNotionColorPickerOptions): UseNotionColorPickerResult;
|
|
47
|
+
//# sourceMappingURL=useNotionColorPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useNotionColorPicker.d.ts","sourceRoot":"","sources":["../../src/notion-color-picker/useNotionColorPicker.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAKL,KAAK,aAAa,IAAI,kBAAkB,EACxC,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AA8B9C,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,0BAA0B;IACzC,kDAAkD;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,oGAAoG;IACpG,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,wFAAwF;IACxF,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,uFAAuF;IACvF,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3C,wEAAwE;IACxE,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,8EAA8E;IAC9E,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,+EAA+E;IAC/E,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,4EAA4E;IAC5E,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,kFAAkF;IAClF,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,oFAAoF;IACpF,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9C,2EAA2E;IAC3E,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,8EAA8E;IAC9E,cAAc,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACrE;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,2BAA2B,GACnC,0BAA0B,CAsP5B"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
1
2
|
import type { Editor, IconSet, ToolbarLayoutEntry } from '@domternal/core';
|
|
2
3
|
export interface DomternalToolbarProps {
|
|
3
4
|
/** The editor instance. If omitted, uses EditorProvider context. */
|
|
@@ -7,5 +8,5 @@ export interface DomternalToolbarProps {
|
|
|
7
8
|
/** Custom toolbar layout. */
|
|
8
9
|
layout?: ToolbarLayoutEntry[];
|
|
9
10
|
}
|
|
10
|
-
export declare function DomternalToolbar({ editor: editorProp, icons, layout }: DomternalToolbarProps):
|
|
11
|
+
export declare function DomternalToolbar({ editor: editorProp, icons, layout }: DomternalToolbarProps): ReactNode;
|
|
11
12
|
//# sourceMappingURL=DomternalToolbar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DomternalToolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/DomternalToolbar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DomternalToolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/DomternalToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EACV,MAAM,EACN,OAAO,EAGP,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAUzB,MAAM,WAAW,qBAAqB;IACpC,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4FAA4F;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,qBAAqB,GAAG,SAAS,CAiKxG"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
1
2
|
import type { ToolbarButton as ToolbarButtonType } from '@domternal/core';
|
|
2
3
|
export interface ToolbarButtonProps {
|
|
3
4
|
item: ToolbarButtonType;
|
|
@@ -10,5 +11,5 @@ export interface ToolbarButtonProps {
|
|
|
10
11
|
onClick: (item: ToolbarButtonType, event: React.MouseEvent) => void;
|
|
11
12
|
onFocus: (name: string) => void;
|
|
12
13
|
}
|
|
13
|
-
export declare function ToolbarButton({ item, isActive, isDisabled, tabIndex, tooltip, iconHtml, ariaExpanded, onClick, onFocus, }: ToolbarButtonProps):
|
|
14
|
+
export declare function ToolbarButton({ item, isActive, isDisabled, tabIndex, tooltip, iconHtml, ariaExpanded, onClick, onFocus, }: ToolbarButtonProps): ReactNode;
|
|
14
15
|
//# sourceMappingURL=ToolbarButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACpE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,OAAO,GACR,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACpE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,OAAO,GACR,EAAE,kBAAkB,GAAG,SAAS,CAiBhC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
1
2
|
import type { ToolbarButton, ToolbarDropdown as ToolbarDropdownType } from '@domternal/core';
|
|
2
3
|
export interface ToolbarDropdownProps {
|
|
3
4
|
dropdown: ToolbarDropdownType;
|
|
@@ -12,5 +13,5 @@ export interface ToolbarDropdownProps {
|
|
|
12
13
|
onItemClick: (item: ToolbarButton, event: React.MouseEvent) => void;
|
|
13
14
|
onFocus: (name: string) => void;
|
|
14
15
|
}
|
|
15
|
-
export declare function ToolbarDropdown({ dropdown, isOpen, isActive, isDropdownActive, isDisabled, tabIndex, triggerHtml, getCachedItemContent, onToggle, onItemClick, onFocus, }: ToolbarDropdownProps):
|
|
16
|
+
export declare function ToolbarDropdown({ dropdown, isOpen, isActive, isDropdownActive, isDisabled, tabIndex, triggerHtml, getCachedItemContent, onToggle, onItemClick, onFocus, }: ToolbarDropdownProps): ReactNode;
|
|
16
17
|
//# sourceMappingURL=ToolbarDropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarDropdown.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG7F,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACpG,QAAQ,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACpE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,WAAW,EACX,OAAO,GACR,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"ToolbarDropdown.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG7F,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACpG,QAAQ,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACpE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,WAAW,EACX,OAAO,GACR,EAAE,oBAAoB,GAAG,SAAS,CA4BlC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
1
2
|
import type { ToolbarButton, ToolbarDropdown } from '@domternal/core';
|
|
2
3
|
export interface ToolbarDropdownPanelProps {
|
|
3
4
|
dropdown: ToolbarDropdown;
|
|
@@ -5,5 +6,5 @@ export interface ToolbarDropdownPanelProps {
|
|
|
5
6
|
getCachedItemContent: (icon: string, label: string, mode?: 'icon-text' | 'text' | 'icon') => string;
|
|
6
7
|
onItemClick: (item: ToolbarButton, event: React.MouseEvent) => void;
|
|
7
8
|
}
|
|
8
|
-
export declare function ToolbarDropdownPanel({ dropdown, isActive, getCachedItemContent, onItemClick, }: ToolbarDropdownPanelProps):
|
|
9
|
+
export declare function ToolbarDropdownPanel({ dropdown, isActive, getCachedItemContent, onItemClick, }: ToolbarDropdownPanelProps): ReactNode;
|
|
9
10
|
//# sourceMappingURL=ToolbarDropdownPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarDropdownPanel.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarDropdownPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEtE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACpG,WAAW,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrE;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,oBAAoB,EACpB,WAAW,GACZ,EAAE,yBAAyB,
|
|
1
|
+
{"version":3,"file":"ToolbarDropdownPanel.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarDropdownPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEtE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACpG,WAAW,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrE;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,oBAAoB,EACpB,WAAW,GACZ,EAAE,yBAAyB,GAAG,SAAS,CA8DvC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useKeyboardNav.d.ts","sourceRoot":"","sources":["../../src/toolbar/useKeyboardNav.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,wBAAgB,cAAc,CAC5B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,EACxD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAClD,aAAa,EAAE,MAAM,IAAI;
|
|
1
|
+
{"version":3,"file":"useKeyboardNav.d.ts","sourceRoot":"","sources":["../../src/toolbar/useKeyboardNav.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,wBAAgB,cAAc,CAC5B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,EACxD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAClD,aAAa,EAAE,MAAM,IAAI,GACxB;IACD,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CA6EA"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
+
import { type RefObject } from 'react';
|
|
1
2
|
import { ToolbarController } from '@domternal/core';
|
|
2
3
|
import type { Editor, ToolbarButton, ToolbarDropdown, ToolbarGroup, ToolbarLayoutEntry } from '@domternal/core';
|
|
3
|
-
export
|
|
4
|
-
controller:
|
|
4
|
+
export interface UseToolbarControllerResult {
|
|
5
|
+
controller: RefObject<ToolbarController | null>;
|
|
5
6
|
groups: ToolbarGroup[];
|
|
6
7
|
focusedIndex: number;
|
|
7
8
|
openDropdown: string | null;
|
|
8
9
|
activeVersion: number;
|
|
9
|
-
toolbarRef:
|
|
10
|
+
toolbarRef: RefObject<HTMLDivElement | null>;
|
|
10
11
|
isActive: (name: string) => boolean;
|
|
11
12
|
isDisabled: (name: string) => boolean;
|
|
12
13
|
isDropdownActive: (dropdown: ToolbarDropdown) => boolean;
|
|
@@ -15,5 +16,6 @@ export declare function useToolbarController(editor: Editor | null, layout?: Too
|
|
|
15
16
|
handleDropdownToggle: (dropdown: ToolbarDropdown) => void;
|
|
16
17
|
closeDropdown: () => void;
|
|
17
18
|
syncState: () => void;
|
|
18
|
-
}
|
|
19
|
+
}
|
|
20
|
+
export declare function useToolbarController(editor: Editor | null, layout?: ToolbarLayoutEntry[]): UseToolbarControllerResult;
|
|
19
21
|
//# sourceMappingURL=useToolbarController.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToolbarController.d.ts","sourceRoot":"","sources":["../../src/toolbar/useToolbarController.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useToolbarController.d.ts","sourceRoot":"","sources":["../../src/toolbar/useToolbarController.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EACL,iBAAiB,EAElB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,eAAe,EAEf,YAAY,EACZ,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAChD,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,OAAO,CAAC;IACzD,eAAe,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,MAAM,GAAG,IAAI,CAAC;IACxD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,oBAAoB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAC5B,0BAA0B,CAsK5B"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import type { IconSet, ToolbarButton, ToolbarDropdown } from '@domternal/core';
|
|
2
2
|
export declare const DROPDOWN_CARET = "<svg class=\"dm-dropdown-caret\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\"><path d=\"M2 4l3 3 3-3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>";
|
|
3
|
-
export
|
|
3
|
+
export interface UseToolbarIconsResult {
|
|
4
4
|
resolveIconSvg: (name: string) => string;
|
|
5
5
|
getCachedIcon: (name: string) => string;
|
|
6
6
|
getCachedTriggerLabel: (label: string, isIcon?: boolean) => string;
|
|
7
7
|
getCachedTriggerIcon: (iconName: string) => string;
|
|
8
|
-
getCachedItemContent: (iconName: string, label: string, displayMode?:
|
|
8
|
+
getCachedItemContent: (iconName: string, label: string, displayMode?: 'icon-text' | 'text' | 'icon') => string;
|
|
9
9
|
getDropdownTriggerHtml: (dropdown: ToolbarDropdown, activeItem: ToolbarButton | undefined) => string;
|
|
10
|
-
}
|
|
10
|
+
}
|
|
11
|
+
export declare function useToolbarIcons(icons?: IconSet | null): UseToolbarIconsResult;
|
|
11
12
|
//# sourceMappingURL=useToolbarIcons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToolbarIcons.d.ts","sourceRoot":"","sources":["../../src/toolbar/useToolbarIcons.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE/E,eAAO,MAAM,cAAc,qOAAiN,CAAC;AAE7O,
|
|
1
|
+
{"version":3,"file":"useToolbarIcons.d.ts","sourceRoot":"","sources":["../../src/toolbar/useToolbarIcons.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE/E,eAAO,MAAM,cAAc,qOAAiN,CAAC;AAE7O,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,MAAM,CAAC;IACnE,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAC/G,sBAAsB,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,GAAG,SAAS,KAAK,MAAM,CAAC;CACtG;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,qBAAqB,CA8G7E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../src/toolbar/useTooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,wBAAgB,UAAU;
|
|
1
|
+
{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../src/toolbar/useTooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,wBAAgB,UAAU,IAAI;IAAE,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,MAAM,CAAA;CAAE,CAiB5E"}
|
package/dist/useEditor.d.ts
CHANGED
|
@@ -72,8 +72,9 @@ export interface UseEditorOptions {
|
|
|
72
72
|
* // Editor is recreated when locale changes
|
|
73
73
|
* ```
|
|
74
74
|
*/
|
|
75
|
-
export
|
|
75
|
+
export interface UseEditorResult {
|
|
76
76
|
editor: Editor | null;
|
|
77
|
-
editorRef:
|
|
78
|
-
}
|
|
77
|
+
editorRef: React.RefObject<HTMLDivElement | null>;
|
|
78
|
+
}
|
|
79
|
+
export declare function useEditor(options?: UseEditorOptions, deps?: DependencyList): UseEditorResult;
|
|
79
80
|
//# sourceMappingURL=useEditor.d.ts.map
|
package/dist/useEditor.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEditor.d.ts","sourceRoot":"","sources":["../src/useEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AACzE,OAAO,EACL,MAAM,EAMP,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAA0C,MAAM,iBAAiB,CAAC;AAEpH,eAAO,MAAM,kBAAkB,EAAE,YAAY,EAAqD,CAAC;AAEnG,MAAM,WAAW,gBAAgB;IAC/B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/C,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxD,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,0CAA0C;IAC1C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,SAAS,CAAC,OAAO,GAAE,gBAAqB,EAAE,IAAI,CAAC,EAAE,cAAc
|
|
1
|
+
{"version":3,"file":"useEditor.d.ts","sourceRoot":"","sources":["../src/useEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AACzE,OAAO,EACL,MAAM,EAMP,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAA0C,MAAM,iBAAiB,CAAC;AAEpH,eAAO,MAAM,kBAAkB,EAAE,YAAY,EAAqD,CAAC;AAEnG,MAAM,WAAW,gBAAgB;IAC/B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/C,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxD,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,0CAA0C;IAC1C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACnD;AAED,wBAAgB,SAAS,CAAC,OAAO,GAAE,gBAAqB,EAAE,IAAI,CAAC,EAAE,cAAc,GAAG,eAAe,CAiKhG"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@domternal/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"description": "React components for Domternal editor",
|
|
5
5
|
"author": "https://github.com/ThomasNowHere",
|
|
6
6
|
"license": "MIT",
|
|
@@ -21,7 +21,8 @@
|
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"react": ">=18",
|
|
23
23
|
"react-dom": ">=18",
|
|
24
|
-
"@domternal/core": ">=0.
|
|
24
|
+
"@domternal/core": ">=0.7.0",
|
|
25
|
+
"@domternal/extension-block-menu": ">=0.7.0"
|
|
25
26
|
},
|
|
26
27
|
"keywords": [
|
|
27
28
|
"react",
|
|
@@ -42,6 +43,7 @@
|
|
|
42
43
|
"scripts": {
|
|
43
44
|
"build": "tsup",
|
|
44
45
|
"dev": "tsup --watch",
|
|
46
|
+
"lint": "eslint src",
|
|
45
47
|
"typecheck": "tsc --noEmit"
|
|
46
48
|
}
|
|
47
49
|
}
|