@prosekit/react 0.4.12 → 0.4.13
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/create-component-DATBjvTG.js +67 -0
- package/dist/create-props-B_K0wKYy.d.ts +6 -0
- package/dist/editor-context-Cci4uqN_.js +17 -0
- package/dist/prosekit-react-autocomplete.d.ts +40 -8
- package/dist/prosekit-react-autocomplete.js +17 -54
- package/dist/prosekit-react-block-handle.d.ts +32 -6
- package/dist/prosekit-react-block-handle.js +14 -42
- package/dist/prosekit-react-inline-popover.d.ts +16 -2
- package/dist/prosekit-react-inline-popover.js +8 -18
- package/dist/prosekit-react-popover.d.ts +32 -6
- package/dist/prosekit-react-popover.js +14 -42
- package/dist/prosekit-react-resizable.d.ts +24 -4
- package/dist/prosekit-react-resizable.js +11 -30
- package/dist/prosekit-react-table-handle.d.ts +64 -14
- package/dist/prosekit-react-table-handle.js +26 -90
- package/dist/prosekit-react-tooltip.d.ts +32 -6
- package/dist/prosekit-react-tooltip.js +14 -42
- package/dist/prosekit-react.d.ts +151 -17
- package/dist/prosekit-react.js +152 -195
- package/package.json +31 -14
- package/dist/_tsup-dts-rollup.d.ts +0 -574
- package/dist/chunk-BV2MZRRU.js +0 -15
- package/dist/chunk-VASCWPBI.js +0 -98
@@ -1,97 +1,33 @@
|
|
1
|
-
import
|
2
|
-
|
3
|
-
} from "
|
4
|
-
import "./chunk-BV2MZRRU.js";
|
1
|
+
import "./editor-context-Cci4uqN_.js";
|
2
|
+
import { createComponent } from "./create-component-DATBjvTG.js";
|
3
|
+
import { tableHandleColumnRootEvents, tableHandleColumnRootProps, tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, tableHandlePopoverContentEvents, tableHandlePopoverContentProps, tableHandlePopoverItemEvents, tableHandlePopoverItemProps, tableHandleRootEvents, tableHandleRootProps, tableHandleRowRootEvents, tableHandleRowRootProps, tableHandleRowTriggerEvents, tableHandleRowTriggerProps } from "@prosekit/web/table-handle";
|
5
4
|
|
6
|
-
|
7
|
-
|
8
|
-
tableHandleColumnRootProps,
|
9
|
-
tableHandleColumnRootEvents
|
10
|
-
} from "@prosekit/web/table-handle";
|
11
|
-
var TableHandleColumnRoot = createComponent(
|
12
|
-
"prosekit-table-handle-column-root",
|
13
|
-
"TableHandleColumnRoot",
|
14
|
-
Object.keys(tableHandleColumnRootProps),
|
15
|
-
Object.keys(tableHandleColumnRootEvents)
|
16
|
-
);
|
5
|
+
//#region src/components/table-handle/table-handle-column-root.gen.ts
|
6
|
+
const TableHandleColumnRoot = createComponent("prosekit-table-handle-column-root", "TableHandleColumnRoot", Object.keys(tableHandleColumnRootProps), Object.keys(tableHandleColumnRootEvents));
|
17
7
|
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
tableHandleColumnTriggerEvents
|
22
|
-
} from "@prosekit/web/table-handle";
|
23
|
-
var TableHandleColumnTrigger = createComponent(
|
24
|
-
"prosekit-table-handle-column-trigger",
|
25
|
-
"TableHandleColumnTrigger",
|
26
|
-
Object.keys(tableHandleColumnTriggerProps),
|
27
|
-
Object.keys(tableHandleColumnTriggerEvents)
|
28
|
-
);
|
8
|
+
//#endregion
|
9
|
+
//#region src/components/table-handle/table-handle-column-trigger.gen.ts
|
10
|
+
const TableHandleColumnTrigger = createComponent("prosekit-table-handle-column-trigger", "TableHandleColumnTrigger", Object.keys(tableHandleColumnTriggerProps), Object.keys(tableHandleColumnTriggerEvents));
|
29
11
|
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
tableHandlePopoverContentEvents
|
34
|
-
} from "@prosekit/web/table-handle";
|
35
|
-
var TableHandlePopoverContent = createComponent(
|
36
|
-
"prosekit-table-handle-popover-content",
|
37
|
-
"TableHandlePopoverContent",
|
38
|
-
Object.keys(tableHandlePopoverContentProps),
|
39
|
-
Object.keys(tableHandlePopoverContentEvents)
|
40
|
-
);
|
12
|
+
//#endregion
|
13
|
+
//#region src/components/table-handle/table-handle-popover-content.gen.ts
|
14
|
+
const TableHandlePopoverContent = createComponent("prosekit-table-handle-popover-content", "TableHandlePopoverContent", Object.keys(tableHandlePopoverContentProps), Object.keys(tableHandlePopoverContentEvents));
|
41
15
|
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
tableHandlePopoverItemEvents
|
46
|
-
} from "@prosekit/web/table-handle";
|
47
|
-
var TableHandlePopoverItem = createComponent(
|
48
|
-
"prosekit-table-handle-popover-item",
|
49
|
-
"TableHandlePopoverItem",
|
50
|
-
Object.keys(tableHandlePopoverItemProps),
|
51
|
-
Object.keys(tableHandlePopoverItemEvents)
|
52
|
-
);
|
16
|
+
//#endregion
|
17
|
+
//#region src/components/table-handle/table-handle-popover-item.gen.ts
|
18
|
+
const TableHandlePopoverItem = createComponent("prosekit-table-handle-popover-item", "TableHandlePopoverItem", Object.keys(tableHandlePopoverItemProps), Object.keys(tableHandlePopoverItemEvents));
|
53
19
|
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
tableHandleRootEvents
|
58
|
-
} from "@prosekit/web/table-handle";
|
59
|
-
var TableHandleRoot = createComponent(
|
60
|
-
"prosekit-table-handle-root",
|
61
|
-
"TableHandleRoot",
|
62
|
-
Object.keys(tableHandleRootProps),
|
63
|
-
Object.keys(tableHandleRootEvents)
|
64
|
-
);
|
20
|
+
//#endregion
|
21
|
+
//#region src/components/table-handle/table-handle-root.gen.ts
|
22
|
+
const TableHandleRoot = createComponent("prosekit-table-handle-root", "TableHandleRoot", Object.keys(tableHandleRootProps), Object.keys(tableHandleRootEvents));
|
65
23
|
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
tableHandleRowRootEvents
|
70
|
-
} from "@prosekit/web/table-handle";
|
71
|
-
var TableHandleRowRoot = createComponent(
|
72
|
-
"prosekit-table-handle-row-root",
|
73
|
-
"TableHandleRowRoot",
|
74
|
-
Object.keys(tableHandleRowRootProps),
|
75
|
-
Object.keys(tableHandleRowRootEvents)
|
76
|
-
);
|
24
|
+
//#endregion
|
25
|
+
//#region src/components/table-handle/table-handle-row-root.gen.ts
|
26
|
+
const TableHandleRowRoot = createComponent("prosekit-table-handle-row-root", "TableHandleRowRoot", Object.keys(tableHandleRowRootProps), Object.keys(tableHandleRowRootEvents));
|
77
27
|
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
"prosekit-table-handle-row-trigger",
|
85
|
-
"TableHandleRowTrigger",
|
86
|
-
Object.keys(tableHandleRowTriggerProps),
|
87
|
-
Object.keys(tableHandleRowTriggerEvents)
|
88
|
-
);
|
89
|
-
export {
|
90
|
-
TableHandleColumnRoot,
|
91
|
-
TableHandleColumnTrigger,
|
92
|
-
TableHandlePopoverContent,
|
93
|
-
TableHandlePopoverItem,
|
94
|
-
TableHandleRoot,
|
95
|
-
TableHandleRowRoot,
|
96
|
-
TableHandleRowTrigger
|
97
|
-
};
|
28
|
+
//#endregion
|
29
|
+
//#region src/components/table-handle/table-handle-row-trigger.gen.ts
|
30
|
+
const TableHandleRowTrigger = createComponent("prosekit-table-handle-row-trigger", "TableHandleRowTrigger", Object.keys(tableHandleRowTriggerProps), Object.keys(tableHandleRowTriggerEvents));
|
31
|
+
|
32
|
+
//#endregion
|
33
|
+
export { TableHandleColumnRoot, TableHandleColumnTrigger, TableHandlePopoverContent, TableHandlePopoverItem, TableHandleRoot, TableHandleRowRoot, TableHandleRowTrigger };
|
@@ -1,6 +1,32 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
1
|
+
import { CreateProps } from "./create-props-B_K0wKYy.js";
|
2
|
+
import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
|
3
|
+
import { TooltipContentElement, TooltipContentEvents, TooltipContentProps as TooltipContentProps$1, TooltipRootElement, TooltipRootEvents, TooltipRootProps as TooltipRootProps$1, TooltipTriggerElement, TooltipTriggerEvents, TooltipTriggerProps as TooltipTriggerProps$1 } from "@prosekit/web/tooltip";
|
4
|
+
|
5
|
+
//#region src/components/tooltip/tooltip-content.gen.d.ts
|
6
|
+
/**
|
7
|
+
* Props for the {@link TooltipContent} component.
|
8
|
+
*/
|
9
|
+
/**
|
10
|
+
* Props for the {@link TooltipContent} component.
|
11
|
+
*/
|
12
|
+
interface TooltipContentProps extends Partial<CreateProps<TooltipContentProps$1, TooltipContentEvents>> {}
|
13
|
+
declare const TooltipContent: ForwardRefExoticComponent<TooltipContentProps & RefAttributes<TooltipContentElement> & HTMLAttributes<TooltipContentElement>>;
|
14
|
+
|
15
|
+
//#endregion
|
16
|
+
//#region src/components/tooltip/tooltip-root.gen.d.ts
|
17
|
+
/**
|
18
|
+
* Props for the {@link TooltipRoot} component.
|
19
|
+
*/
|
20
|
+
interface TooltipRootProps extends Partial<CreateProps<TooltipRootProps$1, TooltipRootEvents>> {}
|
21
|
+
declare const TooltipRoot: ForwardRefExoticComponent<TooltipRootProps & RefAttributes<TooltipRootElement> & HTMLAttributes<TooltipRootElement>>;
|
22
|
+
|
23
|
+
//#endregion
|
24
|
+
//#region src/components/tooltip/tooltip-trigger.gen.d.ts
|
25
|
+
/**
|
26
|
+
* Props for the {@link TooltipTrigger} component.
|
27
|
+
*/
|
28
|
+
interface TooltipTriggerProps extends Partial<CreateProps<TooltipTriggerProps$1, TooltipTriggerEvents>> {}
|
29
|
+
declare const TooltipTrigger: ForwardRefExoticComponent<TooltipTriggerProps & RefAttributes<TooltipTriggerElement> & HTMLAttributes<TooltipTriggerElement>>;
|
30
|
+
|
31
|
+
//#endregion
|
32
|
+
export { TooltipContent, TooltipContentProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps };
|
@@ -1,45 +1,17 @@
|
|
1
|
-
import
|
2
|
-
|
3
|
-
} from "
|
4
|
-
import "./chunk-BV2MZRRU.js";
|
1
|
+
import "./editor-context-Cci4uqN_.js";
|
2
|
+
import { createComponent } from "./create-component-DATBjvTG.js";
|
3
|
+
import { tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps } from "@prosekit/web/tooltip";
|
5
4
|
|
6
|
-
|
7
|
-
|
8
|
-
tooltipContentProps,
|
9
|
-
tooltipContentEvents
|
10
|
-
} from "@prosekit/web/tooltip";
|
11
|
-
var TooltipContent = createComponent(
|
12
|
-
"prosekit-tooltip-content",
|
13
|
-
"TooltipContent",
|
14
|
-
Object.keys(tooltipContentProps),
|
15
|
-
Object.keys(tooltipContentEvents)
|
16
|
-
);
|
5
|
+
//#region src/components/tooltip/tooltip-content.gen.ts
|
6
|
+
const TooltipContent = createComponent("prosekit-tooltip-content", "TooltipContent", Object.keys(tooltipContentProps), Object.keys(tooltipContentEvents));
|
17
7
|
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
tooltipRootEvents
|
22
|
-
} from "@prosekit/web/tooltip";
|
23
|
-
var TooltipRoot = createComponent(
|
24
|
-
"prosekit-tooltip-root",
|
25
|
-
"TooltipRoot",
|
26
|
-
Object.keys(tooltipRootProps),
|
27
|
-
Object.keys(tooltipRootEvents)
|
28
|
-
);
|
8
|
+
//#endregion
|
9
|
+
//#region src/components/tooltip/tooltip-root.gen.ts
|
10
|
+
const TooltipRoot = createComponent("prosekit-tooltip-root", "TooltipRoot", Object.keys(tooltipRootProps), Object.keys(tooltipRootEvents));
|
29
11
|
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
"prosekit-tooltip-trigger",
|
37
|
-
"TooltipTrigger",
|
38
|
-
Object.keys(tooltipTriggerProps),
|
39
|
-
Object.keys(tooltipTriggerEvents)
|
40
|
-
);
|
41
|
-
export {
|
42
|
-
TooltipContent,
|
43
|
-
TooltipRoot,
|
44
|
-
TooltipTrigger
|
45
|
-
};
|
12
|
+
//#endregion
|
13
|
+
//#region src/components/tooltip/tooltip-trigger.gen.ts
|
14
|
+
const TooltipTrigger = createComponent("prosekit-tooltip-trigger", "TooltipTrigger", Object.keys(tooltipTriggerProps), Object.keys(tooltipTriggerEvents));
|
15
|
+
|
16
|
+
//#endregion
|
17
|
+
export { TooltipContent, TooltipRoot, TooltipTrigger };
|
package/dist/prosekit-react.d.ts
CHANGED
@@ -1,17 +1,151 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
1
|
+
import { MarkViewContext, NodeViewContext } from "@prosemirror-adapter/react";
|
2
|
+
import { ComponentType, ReactNode } from "react";
|
3
|
+
import { Editor, Extension, Keymap, Priority } from "@prosekit/core";
|
4
|
+
import { CoreMarkViewUserOptions, CoreNodeViewUserOptions } from "@prosemirror-adapter/core";
|
5
|
+
import { ProseMirrorNode } from "@prosekit/pm/model";
|
6
|
+
import { EditorState } from "@prosekit/pm/state";
|
7
|
+
|
8
|
+
//#region src/components/prosekit.d.ts
|
9
|
+
interface ProseKitProps {
|
10
|
+
editor: Editor;
|
11
|
+
children?: ReactNode;
|
12
|
+
}
|
13
|
+
/**
|
14
|
+
* The root component for a ProseKit editor.
|
15
|
+
*
|
16
|
+
* @public
|
17
|
+
*/
|
18
|
+
declare const ProseKit: ComponentType<ProseKitProps>;
|
19
|
+
|
20
|
+
//#endregion
|
21
|
+
//#region src/extensions/react-mark-view.d.ts
|
22
|
+
/**
|
23
|
+
* @public
|
24
|
+
*/
|
25
|
+
interface ReactMarkViewProps extends MarkViewContext {}
|
26
|
+
/**
|
27
|
+
* @public
|
28
|
+
*/
|
29
|
+
type ReactMarkViewComponent = ComponentType<ReactMarkViewProps>;
|
30
|
+
/**
|
31
|
+
* Options for {@link defineReactMarkView}.
|
32
|
+
*
|
33
|
+
* @public
|
34
|
+
*/
|
35
|
+
interface ReactMarkViewOptions extends CoreMarkViewUserOptions<ReactMarkViewComponent> {
|
36
|
+
/**
|
37
|
+
* The name of the mark type.
|
38
|
+
*/
|
39
|
+
name: string;
|
40
|
+
}
|
41
|
+
/**
|
42
|
+
* @internal
|
43
|
+
*/
|
44
|
+
|
45
|
+
/**
|
46
|
+
* Defines a mark view using a React component.
|
47
|
+
*
|
48
|
+
* @public
|
49
|
+
*/
|
50
|
+
declare function defineReactMarkView(options: ReactMarkViewOptions): Extension;
|
51
|
+
|
52
|
+
//#endregion
|
53
|
+
//#region src/extensions/react-node-view.d.ts
|
54
|
+
/**
|
55
|
+
* @public
|
56
|
+
*/
|
57
|
+
interface ReactNodeViewProps extends NodeViewContext {}
|
58
|
+
/**
|
59
|
+
* @public
|
60
|
+
*/
|
61
|
+
type ReactNodeViewComponent = ComponentType<ReactNodeViewProps>;
|
62
|
+
/**
|
63
|
+
* Options for {@link defineReactNodeView}.
|
64
|
+
*
|
65
|
+
* @public
|
66
|
+
*/
|
67
|
+
interface ReactNodeViewOptions extends CoreNodeViewUserOptions<ReactNodeViewComponent> {
|
68
|
+
/**
|
69
|
+
* The name of the node type.
|
70
|
+
*/
|
71
|
+
name: string;
|
72
|
+
}
|
73
|
+
/**
|
74
|
+
* @internal
|
75
|
+
*/
|
76
|
+
|
77
|
+
/**
|
78
|
+
* Defines a node view using a React component.
|
79
|
+
*
|
80
|
+
* @public
|
81
|
+
*/
|
82
|
+
declare function defineReactNodeView(options: ReactNodeViewOptions): Extension;
|
83
|
+
|
84
|
+
//#endregion
|
85
|
+
//#region src/hooks/use-extension.d.ts
|
86
|
+
interface UseExtensionOptions {
|
87
|
+
/**
|
88
|
+
* The editor to add the extension to. If not provided, it will use the
|
89
|
+
* editor from the nearest `ProseKit` component.
|
90
|
+
*/
|
91
|
+
editor?: Editor;
|
92
|
+
/**
|
93
|
+
* Optional priority to add the extension with.
|
94
|
+
*/
|
95
|
+
priority?: Priority;
|
96
|
+
}
|
97
|
+
/**
|
98
|
+
* Add an extension to the editor.
|
99
|
+
*/
|
100
|
+
declare function useExtension(extension: Extension | null, options?: UseExtensionOptions): void;
|
101
|
+
|
102
|
+
//#endregion
|
103
|
+
//#region src/hooks/use-doc-change.d.ts
|
104
|
+
/**
|
105
|
+
* Calls the given handler whenever the editor document changes.
|
106
|
+
*
|
107
|
+
* @public
|
108
|
+
*/
|
109
|
+
declare function useDocChange(handler: (doc: ProseMirrorNode) => void, options?: UseExtensionOptions): void;
|
110
|
+
|
111
|
+
//#endregion
|
112
|
+
//#region src/hooks/use-editor.d.ts
|
113
|
+
/**
|
114
|
+
* Retrieves the editor instance from the nearest ProseKit component.
|
115
|
+
*
|
116
|
+
* @public
|
117
|
+
*/
|
118
|
+
declare function useEditor<E extends Extension = any>(options?: {
|
119
|
+
/**
|
120
|
+
* Whether to update the component when the editor is mounted or editor state
|
121
|
+
* is updated.
|
122
|
+
*
|
123
|
+
* @default false
|
124
|
+
*/
|
125
|
+
update?: boolean;
|
126
|
+
}): Editor<E>;
|
127
|
+
|
128
|
+
//#endregion
|
129
|
+
//#region src/hooks/use-keymap.d.ts
|
130
|
+
declare function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void;
|
131
|
+
|
132
|
+
//#endregion
|
133
|
+
//#region src/hooks/use-state-update.d.ts
|
134
|
+
/**
|
135
|
+
* Calls the given handler whenever the editor state changes.
|
136
|
+
*
|
137
|
+
* @public
|
138
|
+
*/
|
139
|
+
declare function useStateUpdate(handler: (state: EditorState) => void, options?: UseExtensionOptions): void;
|
140
|
+
|
141
|
+
//#endregion
|
142
|
+
//#region src/types.d.ts
|
143
|
+
/**
|
144
|
+
* @internal
|
145
|
+
*/
|
146
|
+
type PropsWithClassName<P = unknown> = P & {
|
147
|
+
className?: string | undefined;
|
148
|
+
};
|
149
|
+
|
150
|
+
//#endregion
|
151
|
+
export { PropsWithClassName, ProseKit, ProseKitProps, ReactMarkViewComponent, ReactMarkViewOptions, ReactMarkViewProps, ReactNodeViewComponent, ReactNodeViewOptions, ReactNodeViewProps, UseExtensionOptions, defineReactMarkView, defineReactNodeView, useDocChange, useEditor, useExtension, useKeymap, useStateUpdate };
|