Signal drop!
Relay (operand.online) is unreachable.
Usually, a dropped signal means an upgrade is happening. Hold on!
Sorry, no connección.
Hang in there while we get back on track
gram: docs
> ./openspec/changes/vue-editor-robust-implementation/notes/feature-parity-report.json
{
"generatedAt": "2026-05-12T21:25:05.355Z",
"reactRoot": "packages/react/src",
"vueRoot": "packages/vue/src",
"summary": {
"present-in-both": 20,
"react-only": 3,
"vue-only": 19,
"signature-divergence": 72
},
"components": [
{
"name": "AddCommentCard",
"react": {
"componentName": "AddCommentCard",
"filePath": "packages/react/src/components/sidebar/AddCommentCard.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onSubmit",
"required": false,
"type": "(text: string) => void"
},
{
"name": "onCancel",
"required": false,
"type": "() => void"
}
],
"emits": ["onCancel", "onSubmit"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "AddCommentCard",
"filePath": "packages/vue/src/components/sidebar/AddCommentCard.vue",
"isCoreReexport": false,
"props": [],
"emits": ["cancel", "submit"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onSubmit",
"required": false,
"type": "(text: string) => void"
},
{
"name": "onCancel",
"required": false,
"type": "() => void"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "AlignmentButtons",
"react": {
"componentName": "AlignmentButtons",
"filePath": "packages/react/src/components/ui/AlignmentButtons.tsx",
"isCoreReexport": false,
"props": [
{
"name": "value",
"required": false,
"type": "ParagraphAlignment"
},
{
"name": "onChange",
"required": false,
"type": "(alignment: ParagraphAlignment) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "showLabels",
"required": false,
"type": "boolean"
},
{
"name": "compact",
"required": false,
"type": "boolean"
},
{
"name": "active",
"required": false,
"type": "boolean"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "title",
"required": false,
"type": "string"
},
{
"name": "onClick",
"required": false,
"type": "() => void"
},
{
"name": "children",
"required": true,
"type": "ReactNode"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "value",
"required": true,
"type": "'left',"
},
{
"name": "label",
"required": true,
"type": "'Align Left',"
},
{
"name": "labelKey",
"required": true,
"type": "'alignment.alignLeft',"
},
{
"name": "shortcutKey",
"required": true,
"type": "'alignment.alignLeftShortcut',"
},
{
"name": "icon",
"required": true,
"type": "<MaterialSymbol name=\"format_align_left\" size={ICON_SIZE} />,"
},
{
"name": "iconName",
"required": true,
"type": "'format_align_left',"
},
{
"name": "shortcut",
"required": true,
"type": "'Ctrl+L',"
},
{
"name": "value",
"required": true,
"type": "'center',"
},
{
"name": "label",
"required": true,
"type": "'Center',"
},
{
"name": "labelKey",
"required": true,
"type": "'alignment.center',"
},
{
"name": "shortcutKey",
"required": true,
"type": "'alignment.centerShortcut',"
},
{
"name": "icon",
"required": true,
"type": "<MaterialSymbol name=\"format_align_center\" size={ICON_SIZE} />,"
},
{
"name": "iconName",
"required": true,
"type": "'format_align_center',"
},
{
"name": "shortcut",
"required": true,
"type": "'Ctrl+E',"
},
{
"name": "value",
"required": true,
"type": "'right',"
},
{
"name": "label",
"required": true,
"type": "'Align Right',"
},
{
"name": "labelKey",
"required": true,
"type": "'alignment.alignRight',"
},
{
"name": "shortcutKey",
"required": true,
"type": "'alignment.alignRightShortcut',"
},
{
"name": "icon",
"required": true,
"type": "<MaterialSymbol name=\"format_align_right\" size={ICON_SIZE} />,"
},
{
"name": "iconName",
"required": true,
"type": "'format_align_right',"
},
{
"name": "shortcut",
"required": true,
"type": "'Ctrl+R',"
},
{
"name": "value",
"required": true,
"type": "'both',"
},
{
"name": "label",
"required": true,
"type": "'Justify',"
},
{
"name": "labelKey",
"required": true,
"type": "'alignment.justify',"
},
{
"name": "shortcutKey",
"required": true,
"type": "'alignment.justifyShortcut',"
},
{
"name": "icon",
"required": true,
"type": "<MaterialSymbol name=\"format_align_justify\" size={ICON_SIZE} />,"
},
{
"name": "iconName",
"required": true,
"type": "'format_align_justify',"
},
{
"name": "shortcut",
"required": true,
"type": "'Ctrl+J',"
}
],
"emits": ["onChange", "onClick"],
"commands": [],
"shortcuts": ["'Ctrl+E'", "'Ctrl+J'", "'Ctrl+L'", "'Ctrl+R'"],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "AlignmentButtons",
"filePath": "packages/vue/src/components/ui/AlignmentButtons.vue",
"isCoreReexport": false,
"props": [
{
"name": "value",
"required": false,
"type": "ParagraphAlignment"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
}
],
"emits": ["change"],
"commands": [],
"shortcuts": ["'Ctrl+E'", "'Ctrl+J'", "'Ctrl+L'", "'Ctrl+R'"],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onChange",
"required": false,
"type": "(alignment: ParagraphAlignment) => void"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "showLabels",
"required": false,
"type": "boolean"
},
{
"name": "compact",
"required": false,
"type": "boolean"
},
{
"name": "active",
"required": false,
"type": "boolean"
},
{
"name": "title",
"required": false,
"type": "string"
},
{
"name": "onClick",
"required": false,
"type": "() => void"
},
{
"name": "children",
"required": true,
"type": "ReactNode"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "label",
"required": true,
"type": "'Align Left',"
},
{
"name": "labelKey",
"required": true,
"type": "'alignment.alignLeft',"
},
{
"name": "shortcutKey",
"required": true,
"type": "'alignment.alignLeftShortcut',"
},
{
"name": "icon",
"required": true,
"type": "<MaterialSymbol name=\"format_align_left\" size={ICON_SIZE} />,"
},
{
"name": "iconName",
"required": true,
"type": "'format_align_left',"
},
{
"name": "shortcut",
"required": true,
"type": "'Ctrl+L',"
},
{
"name": "label",
"required": true,
"type": "'Center',"
},
{
"name": "labelKey",
"required": true,
"type": "'alignment.center',"
},
{
"name": "shortcutKey",
"required": true,
"type": "'alignment.centerShortcut',"
},
{
"name": "icon",
"required": true,
"type": "<MaterialSymbol name=\"format_align_center\" size={ICON_SIZE} />,"
},
{
"name": "iconName",
"required": true,
"type": "'format_align_center',"
},
{
"name": "shortcut",
"required": true,
"type": "'Ctrl+E',"
},
{
"name": "label",
"required": true,
"type": "'Align Right',"
},
{
"name": "labelKey",
"required": true,
"type": "'alignment.alignRight',"
},
{
"name": "shortcutKey",
"required": true,
"type": "'alignment.alignRightShortcut',"
},
{
"name": "icon",
"required": true,
"type": "<MaterialSymbol name=\"format_align_right\" size={ICON_SIZE} />,"
},
{
"name": "iconName",
"required": true,
"type": "'format_align_right',"
},
{
"name": "shortcut",
"required": true,
"type": "'Ctrl+R',"
},
{
"name": "label",
"required": true,
"type": "'Justify',"
},
{
"name": "labelKey",
"required": true,
"type": "'alignment.justify',"
},
{
"name": "shortcutKey",
"required": true,
"type": "'alignment.justifyShortcut',"
},
{
"name": "icon",
"required": true,
"type": "<MaterialSymbol name=\"format_align_justify\" size={ICON_SIZE} />,"
},
{
"name": "iconName",
"required": true,
"type": "'format_align_justify',"
},
{
"name": "shortcut",
"required": true,
"type": "'Ctrl+J',"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": ["click"],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "Avatar",
"vue": {
"componentName": "Avatar",
"filePath": "packages/vue/src/components/sidebar/Avatar.vue",
"isCoreReexport": false,
"props": [
{
"name": "name",
"required": false,
"type": "string | null"
},
{
"name": "size",
"required": false,
"type": "32 | 28"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "Button",
"react": {
"componentName": "Button",
"filePath": "packages/react/src/components/ui/Button.tsx",
"isCoreReexport": false,
"props": [
{
"name": "asChild",
"required": false,
"type": "boolean"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "Button",
"filePath": "packages/vue/src/components/ui/Button.vue",
"isCoreReexport": false,
"props": [
{
"name": "variant",
"required": false,
"type": "ButtonVariant"
},
{
"name": "size",
"required": false,
"type": "ButtonSize"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
}
],
"emits": ["click"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "asChild",
"required": false,
"type": "boolean"
}
],
"propsAddedInVue": [
{
"name": "variant",
"required": false,
"type": "ButtonVariant"
},
{
"name": "size",
"required": false,
"type": "ButtonSize"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": ["click"]
},
"status": "signature-divergence"
},
{
"name": "cardStyles",
"react": {
"componentName": "cardStyles",
"filePath": "packages/react/src/components/sidebar/cardStyles.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "cardStyles",
"filePath": "packages/vue/src/components/sidebar/cardStyles.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "cardUtils",
"react": {
"componentName": "cardUtils",
"filePath": "packages/react/src/components/sidebar/cardUtils.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "cardUtils",
"filePath": "packages/vue/src/components/sidebar/cardUtils.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "ColorPicker",
"react": {
"componentName": "ColorPicker",
"filePath": "packages/react/src/components/ui/ColorPicker.tsx",
"isCoreReexport": false,
"props": [
{
"name": "mode",
"required": true,
"type": "ColorPickerMode"
},
{
"name": "value",
"required": false,
"type": "ColorValue | string"
},
{
"name": "onChange",
"required": false,
"type": "(color: ColorValue | string) => void"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "title",
"required": false,
"type": "string"
},
{
"name": "icon",
"required": false,
"type": "string"
},
{
"name": "autoLabel",
"required": false,
"type": "string"
},
{
"name": "splitButton",
"required": false,
"type": "boolean"
},
{
"name": "defaultColor",
"required": false,
"type": "ColorValue | string"
}
],
"emits": ["onChange"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ColorPicker",
"filePath": "packages/vue/src/components/ui/ColorPicker.vue",
"isCoreReexport": false,
"props": [
{
"name": "mode",
"required": true,
"type": "ColorPickerMode"
},
{
"name": "value",
"required": false,
"type": "ColorValue | string"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "title",
"required": false,
"type": "string"
},
{
"name": "icon",
"required": false,
"type": "string"
},
{
"name": "autoLabel",
"required": false,
"type": "string"
},
{
"name": "splitButton",
"required": false,
"type": "boolean"
},
{
"name": "defaultColor",
"required": false,
"type": "ColorValue | string"
}
],
"emits": ["change"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onChange",
"required": false,
"type": "(color: ColorValue | string) => void"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "CommentCard",
"react": {
"componentName": "CommentCard",
"filePath": "packages/react/src/components/sidebar/CommentCard.tsx",
"isCoreReexport": false,
"props": [
{
"name": "comment",
"required": true,
"type": "Comment"
},
{
"name": "replies",
"required": true,
"type": "Comment[]"
},
{
"name": "onReply",
"required": false,
"type": "(commentId: number, text: string) => void"
},
{
"name": "onResolve",
"required": false,
"type": "(commentId: number) => void"
},
{
"name": "onUnresolve",
"required": false,
"type": "(commentId: number) => void"
},
{
"name": "onDelete",
"required": false,
"type": "(commentId: number) => void"
}
],
"emits": ["onDelete", "onReply", "onResolve", "onUnresolve"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "CommentCard",
"filePath": "packages/vue/src/components/sidebar/CommentCard.vue",
"isCoreReexport": false,
"props": [
{
"name": "comment",
"required": true,
"type": "Comment"
},
{
"name": "replies",
"required": true,
"type": "Comment[]"
},
{
"name": "expanded",
"required": true,
"type": "boolean"
}
],
"emits": ["click", "delete", "reply", "resolve", "unresolve"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onReply",
"required": false,
"type": "(commentId: number, text: string) => void"
},
{
"name": "onResolve",
"required": false,
"type": "(commentId: number) => void"
},
{
"name": "onUnresolve",
"required": false,
"type": "(commentId: number) => void"
},
{
"name": "onDelete",
"required": false,
"type": "(commentId: number) => void"
}
],
"propsAddedInVue": [
{
"name": "expanded",
"required": true,
"type": "boolean"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": ["click"]
},
"status": "signature-divergence"
},
{
"name": "CommentMarginMarkers",
"react": {
"componentName": "CommentMarginMarkers",
"filePath": "packages/react/src/components/CommentMarginMarkers.tsx",
"isCoreReexport": false,
"props": [
{
"name": "comments",
"required": true,
"type": "Comment[]"
},
{
"name": "anchorPositions",
"required": true,
"type": "Map<string, number>"
},
{
"name": "zoom",
"required": true,
"type": "number"
},
{
"name": "pageWidth",
"required": true,
"type": "number"
},
{
"name": "sidebarOpen",
"required": true,
"type": "boolean"
},
{
"name": "resolvedCommentIds",
"required": true,
"type": "Set<number>"
},
{
"name": "onMarkerClick",
"required": true,
"type": "(commentId: number) => void"
}
],
"emits": ["onMarkerClick"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "CommentMarginMarkers",
"filePath": "packages/vue/src/components/CommentMarginMarkers.vue",
"isCoreReexport": false,
"props": [
{
"name": "comments",
"required": true,
"type": "Comment[]"
},
{
"name": "pagesContainer",
"required": true,
"type": "HTMLElement | null"
},
{
"name": "zoom",
"required": true,
"type": "number"
},
{
"name": "pageWidthPx",
"required": true,
"type": "number"
},
{
"name": "sidebarOpen",
"required": true,
"type": "boolean"
},
{
"name": "resolvedCommentIds",
"required": true,
"type": "Set<number>"
}
],
"emits": ["marker-click"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "anchorPositions",
"required": true,
"type": "Map<string, number>"
},
{
"name": "pageWidth",
"required": true,
"type": "number"
},
{
"name": "onMarkerClick",
"required": true,
"type": "(commentId: number) => void"
}
],
"propsAddedInVue": [
{
"name": "pagesContainer",
"required": true,
"type": "HTMLElement | null"
},
{
"name": "pageWidthPx",
"required": true,
"type": "number"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "ContextMenu",
"react": {
"componentName": "ContextMenu",
"filePath": "packages/react/src/components/ContextMenu.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "position",
"required": true,
"type": "{ x: number"
}
],
"emits": [],
"commands": [],
"shortcuts": ["'Ctrl+Shift+G'", "'Ctrl+Shift+R'", "'Ctrl+Shift+S'", "'Ctrl+Shift+T'"],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ContextMenu",
"filePath": "packages/vue/src/components/ContextMenu.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "position",
"required": true,
"type": "{ x: number"
}
],
"emits": ["action", "close"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": ["action", "close"]
},
"status": "signature-divergence"
},
{
"name": "DecorationLayer",
"vue": {
"componentName": "DecorationLayer",
"filePath": "packages/vue/src/components/DecorationLayer.vue",
"isCoreReexport": false,
"props": [
{
"name": "getView",
"required": true,
"type": "() => EditorView | null"
},
{
"name": "getPagesContainer",
"required": true,
"type": "() => HTMLElement | null"
},
{
"name": "zoom",
"required": true,
"type": "number"
},
{
"name": "transactionVersion",
"required": true,
"type": "number"
},
{
"name": "syncCoordinator",
"required": true,
"type": "LayoutSelectionGate"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "DocumentName",
"vue": {
"componentName": "DocumentName",
"filePath": "packages/vue/src/components/DocumentName.vue",
"isCoreReexport": false,
"props": [
{
"name": "modelValue",
"required": true,
"type": "string"
},
{
"name": "editable",
"required": false,
"type": "boolean"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "DocumentOutline",
"react": {
"componentName": "DocumentOutline",
"filePath": "packages/react/src/components/DocumentOutline.tsx",
"isCoreReexport": false,
"props": [
{
"name": "headings",
"required": true,
"type": "HeadingInfo[]"
},
{
"name": "onHeadingClick",
"required": true,
"type": "(pmPos: number) => void"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "topOffset",
"required": false,
"type": "number"
},
{
"name": "scrollLeft",
"required": false,
"type": "number"
},
{
"name": "position",
"required": true,
"type": "'absolute',"
},
{
"name": "top",
"required": true,
"type": "topOffset,"
},
{
"name": "left",
"required": true,
"type": "OUTLINE_LEFT_OFFSET - scrollLeft,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "width",
"required": true,
"type": "OUTLINE_WIDTH,"
},
{
"name": "paddingTop",
"required": true,
"type": "OUTLINE_TOP_PADDING,"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "flexDirection",
"required": true,
"type": "'column',"
},
{
"name": "overflow",
"required": true,
"type": "'hidden',"
},
{
"name": "fontFamily",
"required": true,
"type": "\"'Google Sans', Roboto, Arial, sans-serif\","
},
{
"name": "zIndex",
"required": true,
"type": "40,"
},
{
"name": "transform",
"required": true,
"type": "open ? 'translateX(0)' : `translateX(-${OUTLINE_LEFT_OFFSET + OUTLINE_WIDTH}px)`,"
},
{
"name": "transition",
"required": true,
"type": "'transform 0.15s ease-out',"
}
],
"emits": ["onClose", "onHeadingClick"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "DocumentOutline",
"filePath": "packages/vue/src/components/DocumentOutline.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "headings",
"required": true,
"type": "HeadingInfo[]"
}
],
"emits": ["close", "navigate"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onHeadingClick",
"required": true,
"type": "(pmPos: number) => void"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "topOffset",
"required": false,
"type": "number"
},
{
"name": "scrollLeft",
"required": false,
"type": "number"
},
{
"name": "position",
"required": true,
"type": "'absolute',"
},
{
"name": "top",
"required": true,
"type": "topOffset,"
},
{
"name": "left",
"required": true,
"type": "OUTLINE_LEFT_OFFSET - scrollLeft,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "width",
"required": true,
"type": "OUTLINE_WIDTH,"
},
{
"name": "paddingTop",
"required": true,
"type": "OUTLINE_TOP_PADDING,"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "flexDirection",
"required": true,
"type": "'column',"
},
{
"name": "overflow",
"required": true,
"type": "'hidden',"
},
{
"name": "fontFamily",
"required": true,
"type": "\"'Google Sans', Roboto, Arial, sans-serif\","
},
{
"name": "zIndex",
"required": true,
"type": "40,"
},
{
"name": "transform",
"required": true,
"type": "open ? 'translateX(0)' : `translateX(-${OUTLINE_LEFT_OFFSET + OUTLINE_WIDTH}px)`,"
},
{
"name": "transition",
"required": true,
"type": "'transform 0.15s ease-out',"
}
],
"propsAddedInVue": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
}
],
"emitsAddedInReact": ["heading-click"],
"emitsAddedInVue": ["navigate"]
},
"status": "signature-divergence"
},
{
"name": "DocxEditor",
"react": {
"componentName": "DocxEditor",
"filePath": "packages/react/src/components/DocxEditor.tsx",
"isCoreReexport": false,
"props": [
{
"name": "documentBuffer",
"required": false,
"type": "DocxInput | null"
},
{
"name": "document",
"required": false,
"type": "Document | null"
},
{
"name": "onSave",
"required": false,
"type": "(buffer: ArrayBuffer) => void"
},
{
"name": "author",
"required": false,
"type": "string"
},
{
"name": "onChange",
"required": false,
"type": "(document: Document) => void"
},
{
"name": "onSelectionChange",
"required": false,
"type": "(state: SelectionState | null) => void"
},
{
"name": "onError",
"required": false,
"type": "(error: Error) => void"
},
{
"name": "onFontsLoaded",
"required": false,
"type": "() => void"
},
{
"name": "externalPlugins",
"required": false,
"type": "import('prosemirror-state').Plugin[]"
},
{
"name": "externalContent",
"required": false,
"type": "boolean"
},
{
"name": "onEditorViewReady",
"required": false,
"type": "(view: import('prosemirror-view').EditorView) => void"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
},
{
"name": "showToolbar",
"required": false,
"type": "boolean"
},
{
"name": "showZoomControl",
"required": false,
"type": "boolean"
},
{
"name": "showMarginGuides",
"required": false,
"type": "boolean"
},
{
"name": "marginGuideColor",
"required": false,
"type": "string"
},
{
"name": "showRuler",
"required": false,
"type": "boolean"
},
{
"name": "rulerUnit",
"required": false,
"type": "'inch' | 'cm'"
},
{
"name": "initialZoom",
"required": false,
"type": "number"
},
{
"name": "readOnly",
"required": false,
"type": "boolean"
},
{
"name": "disableFindReplaceShortcuts",
"required": false,
"type": "boolean"
},
{
"name": "toolbarExtra",
"required": false,
"type": "ReactNode"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "placeholder",
"required": false,
"type": "ReactNode"
},
{
"name": "loadingIndicator",
"required": false,
"type": "ReactNode"
},
{
"name": "showOutline",
"required": false,
"type": "boolean"
},
{
"name": "showOutlineButton",
"required": false,
"type": "boolean"
},
{
"name": "fontFamilies",
"required": false,
"type": "ReadonlyArray<string | FontOption>"
},
{
"name": "showPrintButton",
"required": false,
"type": "boolean"
},
{
"name": "printOptions",
"required": false,
"type": "PrintOptions"
},
{
"name": "onPrint",
"required": false,
"type": "() => void"
},
{
"name": "onCopy",
"required": false,
"type": "() => void"
},
{
"name": "onCut",
"required": false,
"type": "() => void"
},
{
"name": "onPaste",
"required": false,
"type": "() => void"
},
{
"name": "mode",
"required": false,
"type": "EditorMode"
},
{
"name": "onModeChange",
"required": false,
"type": "(mode: EditorMode) => void"
},
{
"name": "onCommentAdd",
"required": false,
"type": "(comment: Comment) => void"
},
{
"name": "onCommentResolve",
"required": false,
"type": "(comment: Comment) => void"
},
{
"name": "onCommentDelete",
"required": false,
"type": "(comment: Comment) => void"
},
{
"name": "onCommentReply",
"required": false,
"type": "(reply: Comment, parent: Comment) => void"
},
{
"name": "comments",
"required": false,
"type": "Comment[]"
},
{
"name": "onCommentsChange",
"required": false,
"type": "(comments: Comment[]) => void"
},
{
"name": "onRenderedDomContextReady",
"required": false,
"type": "(context: RenderedDomContext) => void"
},
{
"name": "pluginOverlays",
"required": false,
"type": "ReactNode"
},
{
"name": "pluginSidebarItems",
"required": false,
"type": "ReactSidebarItem[]"
},
{
"name": "pluginRenderedDomContext",
"required": false,
"type": "RenderedDomContext | null"
},
{
"name": "renderLogo",
"required": false,
"type": "() => ReactNode"
},
{
"name": "documentName",
"required": false,
"type": "string"
},
{
"name": "onDocumentNameChange",
"required": false,
"type": "(name: string) => void"
},
{
"name": "documentNameEditable",
"required": false,
"type": "boolean"
},
{
"name": "renderTitleBarRight",
"required": false,
"type": "() => ReactNode"
},
{
"name": "i18n",
"required": false,
"type": "Translations"
},
{
"name": "agentPanel",
"required": false,
"type": "{"
},
{
"name": "render",
"required": true,
"type": "(ctx: { close: () => void"
}
],
"emits": [
"onChange",
"onCommentAdd",
"onCommentDelete",
"onCommentReply",
"onCommentResolve",
"onCommentsChange",
"onCopy",
"onCut",
"onDocumentNameChange",
"onEditorViewReady",
"onError",
"onFontsLoaded",
"onModeChange",
"onPaste",
"onPrint",
"onRenderedDomContextReady",
"onSave",
"onSelectionChange"
],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "react-only"
},
{
"name": "DocxEditorHelpers",
"react": {
"componentName": "DocxEditorHelpers",
"filePath": "packages/react/src/components/DocxEditorHelpers.tsx",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "DocxEditorHelpers",
"filePath": "packages/vue/src/components/DocxEditorHelpers.vue",
"isCoreReexport": false,
"props": [
{
"name": "kind",
"required": true,
"type": "'loading' | 'placeholder' | 'error'"
},
{
"name": "message",
"required": false,
"type": "string"
},
{
"name": "onRetry",
"required": false,
"type": "() => void"
}
],
"emits": ["onRetry"],
"commands": [],
"shortcuts": [],
"sidebarKinds": ["loading"],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [
{
"name": "kind",
"required": true,
"type": "'loading' | 'placeholder' | 'error'"
},
{
"name": "message",
"required": false,
"type": "string"
},
{
"name": "onRetry",
"required": false,
"type": "() => void"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": ["retry"]
},
"status": "signature-divergence"
},
{
"name": "DocxEditorVue",
"vue": {
"componentName": "DocxEditorVue",
"filePath": "packages/vue/src/components/DocxEditorVue.vue",
"isCoreReexport": false,
"props": [],
"emits": ["change", "error", "menu-action", "mode-change", "ready", "rename"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": ["getCommands"]
},
"status": "vue-only"
},
{
"name": "EditingModeDropdown",
"vue": {
"componentName": "EditingModeDropdown",
"filePath": "packages/vue/src/components/EditingModeDropdown.vue",
"isCoreReexport": false,
"props": [
{
"name": "modelValue",
"required": true,
"type": "EditorMode"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "editor-mode",
"vue": {
"componentName": "editor-mode",
"filePath": "packages/vue/src/editor-mode.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "editor-ref",
"vue": {
"componentName": "editor-ref",
"filePath": "packages/vue/src/editor-ref.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "EditorToolbar",
"react": {
"componentName": "EditorToolbar",
"filePath": "packages/react/src/components/EditorToolbar.tsx",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "EditorToolbar",
"filePath": "packages/vue/src/components/EditorToolbar.vue",
"isCoreReexport": false,
"props": [
{
"name": "showMenuBar",
"required": false,
"type": "boolean"
}
],
"emits": ["menu-action"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [
{
"name": "showMenuBar",
"required": false,
"type": "boolean"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": ["menu-action"]
},
"status": "signature-divergence"
},
{
"name": "EditorToolbarContext",
"react": {
"componentName": "EditorToolbarContext",
"filePath": "packages/react/src/components/EditorToolbarContext.tsx",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "EditorToolbarContext",
"filePath": "packages/vue/src/components/EditorToolbarContext.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "ErrorBoundary",
"react": {
"componentName": "ErrorBoundary",
"filePath": "packages/react/src/components/ErrorBoundary.tsx",
"isCoreReexport": false,
"props": [
{
"name": "children",
"required": true,
"type": "ReactNode"
},
{
"name": "fallback",
"required": false,
"type": "ReactNode | ((error: Error, reset: () => void) => ReactNode)"
},
{
"name": "onError",
"required": false,
"type": "(error: Error, errorInfo: ErrorInfo) => void"
},
{
"name": "showDetails",
"required": false,
"type": "boolean"
},
{
"name": "hasError",
"required": true,
"type": "boolean"
},
{
"name": "error",
"required": true,
"type": "Error | null"
},
{
"name": "errorInfo",
"required": true,
"type": "ErrorInfo | null"
}
],
"emits": ["onError"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ErrorBoundary",
"filePath": "packages/vue/src/components/ErrorBoundary.vue",
"isCoreReexport": false,
"props": [
{
"name": "autoDismiss",
"required": false,
"type": "number"
}
],
"emits": ["error"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "children",
"required": true,
"type": "ReactNode"
},
{
"name": "fallback",
"required": false,
"type": "ReactNode | ((error: Error, reset: () => void) => ReactNode)"
},
{
"name": "onError",
"required": false,
"type": "(error: Error, errorInfo: ErrorInfo) => void"
},
{
"name": "showDetails",
"required": false,
"type": "boolean"
},
{
"name": "hasError",
"required": true,
"type": "boolean"
},
{
"name": "error",
"required": true,
"type": "Error | null"
},
{
"name": "errorInfo",
"required": true,
"type": "ErrorInfo | null"
}
],
"propsAddedInVue": [
{
"name": "autoDismiss",
"required": false,
"type": "number"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "FindReplaceDialog",
"react": {
"componentName": "FindReplaceDialog",
"filePath": "packages/react/src/components/dialogs/FindReplaceDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onFind",
"required": true,
"type": "(searchText: string, options: FindOptions) => FindResult | null"
},
{
"name": "onFindNext",
"required": true,
"type": "() => FindMatch | null"
},
{
"name": "onFindPrevious",
"required": true,
"type": "() => FindMatch | null"
},
{
"name": "onReplace",
"required": true,
"type": "(replaceText: string) => boolean"
},
{
"name": "onReplaceAll",
"required": true,
"type": "(searchText: string, replaceText: string, options: FindOptions) => number"
},
{
"name": "onHighlightMatches",
"required": false,
"type": "(matches: FindMatch[]) => void"
},
{
"name": "onClearHighlights",
"required": false,
"type": "() => void"
},
{
"name": "initialSearchText",
"required": false,
"type": "string"
},
{
"name": "replaceMode",
"required": false,
"type": "boolean"
},
{
"name": "currentResult",
"required": false,
"type": "FindResult | null"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'transparent',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'flex-start',"
},
{
"name": "justifyContent",
"required": true,
"type": "'flex-end',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
},
{
"name": "pointerEvents",
"required": true,
"type": "'none',"
}
],
"emits": [
"onClearHighlights",
"onClose",
"onFind",
"onFindNext",
"onFindPrevious",
"onHighlightMatches",
"onReplace",
"onReplaceAll"
],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "FindReplaceDialog",
"filePath": "packages/vue/src/components/dialogs/FindReplaceDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "view",
"required": true,
"type": "EditorView | null"
}
],
"emits": ["close"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onFind",
"required": true,
"type": "(searchText: string, options: FindOptions) => FindResult | null"
},
{
"name": "onFindNext",
"required": true,
"type": "() => FindMatch | null"
},
{
"name": "onFindPrevious",
"required": true,
"type": "() => FindMatch | null"
},
{
"name": "onReplace",
"required": true,
"type": "(replaceText: string) => boolean"
},
{
"name": "onReplaceAll",
"required": true,
"type": "(searchText: string, replaceText: string, options: FindOptions) => number"
},
{
"name": "onHighlightMatches",
"required": false,
"type": "(matches: FindMatch[]) => void"
},
{
"name": "onClearHighlights",
"required": false,
"type": "() => void"
},
{
"name": "initialSearchText",
"required": false,
"type": "string"
},
{
"name": "replaceMode",
"required": false,
"type": "boolean"
},
{
"name": "currentResult",
"required": false,
"type": "FindResult | null"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'transparent',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'flex-start',"
},
{
"name": "justifyContent",
"required": true,
"type": "'flex-end',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
},
{
"name": "pointerEvents",
"required": true,
"type": "'none',"
}
],
"propsAddedInVue": [
{
"name": "view",
"required": true,
"type": "EditorView | null"
}
],
"emitsAddedInReact": [
"clear-highlights",
"find",
"find-next",
"find-previous",
"highlight-matches",
"replace",
"replace-all"
],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "FontPicker",
"react": {
"componentName": "FontPicker",
"filePath": "packages/react/src/components/ui/FontPicker.tsx",
"isCoreReexport": false,
"props": [
{
"name": "value",
"required": false,
"type": "string"
},
{
"name": "onChange",
"required": false,
"type": "(fontFamily: string) => void"
},
{
"name": "fonts",
"required": false,
"type": "FontOption[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "placeholder",
"required": false,
"type": "string"
},
{
"name": "width",
"required": false,
"type": "number | string"
},
{
"name": "showPreview",
"required": false,
"type": "boolean"
},
{
"name": "serif",
"required": true,
"type": "[],"
},
{
"name": "monospace",
"required": true,
"type": "[],"
},
{
"name": "other",
"required": true,
"type": "[],"
}
],
"emits": ["onChange"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "FontPicker",
"filePath": "packages/vue/src/components/ui/FontPicker.vue",
"isCoreReexport": false,
"props": [
{
"name": "value",
"required": false,
"type": "string"
},
{
"name": "fonts",
"required": false,
"type": "FontOption[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "placeholder",
"required": false,
"type": "string"
},
{
"name": "showPreview",
"required": false,
"type": "boolean"
}
],
"emits": ["change"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onChange",
"required": false,
"type": "(fontFamily: string) => void"
},
{
"name": "width",
"required": false,
"type": "number | string"
},
{
"name": "serif",
"required": true,
"type": "[],"
},
{
"name": "monospace",
"required": true,
"type": "[],"
},
{
"name": "other",
"required": true,
"type": "[],"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "FontSizePicker",
"react": {
"componentName": "FontSizePicker",
"filePath": "packages/react/src/components/ui/FontSizePicker.tsx",
"isCoreReexport": false,
"props": [
{
"name": "value",
"required": false,
"type": "number"
},
{
"name": "onChange",
"required": false,
"type": "(size: number) => void"
},
{
"name": "sizes",
"required": false,
"type": "number[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "placeholder",
"required": false,
"type": "string"
},
{
"name": "width",
"required": false,
"type": "number | string"
},
{
"name": "minSize",
"required": false,
"type": "number"
},
{
"name": "maxSize",
"required": false,
"type": "number"
},
{
"name": "dropdownStyle",
"required": true,
"type": "fixedDropdownStyle,"
},
{
"name": "isOpen",
"required": true,
"type": "isDropdownOpen,"
},
{
"name": "onClose",
"required": true,
"type": "onCloseDropdown,"
}
],
"emits": ["onChange", "onClose"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "FontSizePicker",
"filePath": "packages/vue/src/components/ui/FontSizePicker.vue",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "value",
"required": false,
"type": "number"
},
{
"name": "onChange",
"required": false,
"type": "(size: number) => void"
},
{
"name": "sizes",
"required": false,
"type": "number[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "placeholder",
"required": false,
"type": "string"
},
{
"name": "width",
"required": false,
"type": "number | string"
},
{
"name": "minSize",
"required": false,
"type": "number"
},
{
"name": "maxSize",
"required": false,
"type": "number"
},
{
"name": "dropdownStyle",
"required": true,
"type": "fixedDropdownStyle,"
},
{
"name": "isOpen",
"required": true,
"type": "isDropdownOpen,"
},
{
"name": "onClose",
"required": true,
"type": "onCloseDropdown,"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": ["change", "close"],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "FootnotePropertiesDialog",
"react": {
"componentName": "FootnotePropertiesDialog",
"filePath": "packages/react/src/components/dialogs/FootnotePropertiesDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onApply",
"required": true,
"type": "(footnoteProps: FootnoteProperties, endnoteProps: EndnoteProperties) => void"
},
{
"name": "footnotePr",
"required": false,
"type": "FootnoteProperties"
},
{
"name": "endnotePr",
"required": false,
"type": "EndnoteProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"emits": ["onApply", "onClose"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "FootnotePropertiesDialog",
"filePath": "packages/vue/src/components/dialogs/FootnotePropertiesDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "footnotePr",
"required": false,
"type": "FootnoteProperties"
},
{
"name": "endnotePr",
"required": false,
"type": "EndnoteProperties"
}
],
"emits": ["apply", "close"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onApply",
"required": true,
"type": "(footnoteProps: FootnoteProperties, endnoteProps: EndnoteProperties) => void"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "HorizontalRuler",
"react": {
"componentName": "HorizontalRuler",
"filePath": "packages/react/src/components/ui/HorizontalRuler.tsx",
"isCoreReexport": false,
"props": [
{
"name": "sectionProps",
"required": false,
"type": "SectionProperties | null"
},
{
"name": "zoom",
"required": false,
"type": "number"
},
{
"name": "editable",
"required": false,
"type": "boolean"
},
{
"name": "onLeftMarginChange",
"required": false,
"type": "(marginTwips: number) => void"
},
{
"name": "onRightMarginChange",
"required": false,
"type": "(marginTwips: number) => void"
},
{
"name": "onFirstLineIndentChange",
"required": false,
"type": "(indentTwips: number) => void"
},
{
"name": "showFirstLineIndent",
"required": false,
"type": "boolean"
},
{
"name": "firstLineIndent",
"required": false,
"type": "number"
},
{
"name": "hangingIndent",
"required": false,
"type": "boolean"
},
{
"name": "indentLeft",
"required": false,
"type": "number"
},
{
"name": "indentRight",
"required": false,
"type": "number"
},
{
"name": "onIndentLeftChange",
"required": false,
"type": "(indentTwips: number) => void"
},
{
"name": "onIndentRightChange",
"required": false,
"type": "(indentTwips: number) => void"
},
{
"name": "unit",
"required": false,
"type": "'inch' | 'cm'"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "tabStops",
"required": false,
"type": "TabStop[] | null"
},
{
"name": "onTabStopRemove",
"required": false,
"type": "(positionTwips: number) => void"
}
],
"emits": [
"onFirstLineIndentChange",
"onIndentLeftChange",
"onIndentRightChange",
"onLeftMarginChange",
"onRightMarginChange",
"onTabStopRemove"
],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "HorizontalRuler",
"filePath": "packages/vue/src/components/ui/HorizontalRuler.vue",
"isCoreReexport": false,
"props": [
{
"name": "sectionProps",
"required": false,
"type": "SectionProperties | null"
},
{
"name": "zoom",
"required": false,
"type": "number"
},
{
"name": "editable",
"required": false,
"type": "boolean"
},
{
"name": "showFirstLineIndent",
"required": false,
"type": "boolean"
},
{
"name": "firstLineIndent",
"required": false,
"type": "number"
},
{
"name": "hangingIndent",
"required": false,
"type": "boolean"
},
{
"name": "indentLeft",
"required": false,
"type": "number"
},
{
"name": "indentRight",
"required": false,
"type": "number"
},
{
"name": "unit",
"required": false,
"type": "'inch' | 'cm'"
},
{
"name": "tabStops",
"required": false,
"type": "TabStop[] | null"
}
],
"emits": [
"first-line-indent-change",
"indent-left-change",
"indent-right-change",
"left-margin-change",
"right-margin-change",
"tab-stop-remove"
],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onLeftMarginChange",
"required": false,
"type": "(marginTwips: number) => void"
},
{
"name": "onRightMarginChange",
"required": false,
"type": "(marginTwips: number) => void"
},
{
"name": "onFirstLineIndentChange",
"required": false,
"type": "(indentTwips: number) => void"
},
{
"name": "onIndentLeftChange",
"required": false,
"type": "(indentTwips: number) => void"
},
{
"name": "onIndentRightChange",
"required": false,
"type": "(indentTwips: number) => void"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "onTabStopRemove",
"required": false,
"type": "(positionTwips: number) => void"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "HyperlinkDialog",
"react": {
"componentName": "HyperlinkDialog",
"filePath": "packages/react/src/components/dialogs/HyperlinkDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onSubmit",
"required": true,
"type": "(data: HyperlinkData) => void"
},
{
"name": "onRemove",
"required": false,
"type": "() => void"
},
{
"name": "initialData",
"required": false,
"type": "HyperlinkData"
},
{
"name": "selectedText",
"required": false,
"type": "string"
},
{
"name": "isEditing",
"required": false,
"type": "boolean"
},
{
"name": "bookmarks",
"required": false,
"type": "BookmarkOption[]"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"emits": ["onClose", "onRemove", "onSubmit"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "HyperlinkDialog",
"filePath": "packages/vue/src/components/dialogs/HyperlinkDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "view",
"required": true,
"type": "EditorView | null"
},
{
"name": "bookmarks",
"required": false,
"type": "Array<{ name: string"
}
],
"emits": ["close", "remove", "submit"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onSubmit",
"required": true,
"type": "(data: HyperlinkData) => void"
},
{
"name": "onRemove",
"required": false,
"type": "() => void"
},
{
"name": "initialData",
"required": false,
"type": "HyperlinkData"
},
{
"name": "selectedText",
"required": false,
"type": "string"
},
{
"name": "isEditing",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"propsAddedInVue": [
{
"name": "view",
"required": true,
"type": "EditorView | null"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "HyperlinkPopup",
"react": {
"componentName": "HyperlinkPopup",
"filePath": "packages/react/src/components/ui/HyperlinkPopup.tsx",
"isCoreReexport": false,
"props": [
{
"name": "data",
"required": true,
"type": "HyperlinkPopupData | null"
},
{
"name": "onNavigate",
"required": true,
"type": "(href: string) => void"
},
{
"name": "onCopy",
"required": true,
"type": "(href: string) => void"
},
{
"name": "onEdit",
"required": true,
"type": "(displayText: string, href: string) => void"
},
{
"name": "onRemove",
"required": true,
"type": "() => void"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "readOnly",
"required": false,
"type": "boolean"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
},
{
"name": "background",
"required": true,
"type": "'white',"
},
{
"name": "borderRadius",
"required": true,
"type": "'8px',"
},
{
"name": "boxShadow",
"required": true,
"type": "'0 1px 3px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.08)',"
},
{
"name": "border",
"required": true,
"type": "'1px solid #dadce0',"
},
{
"name": "fontFamily",
"required": true,
"type": "'-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',"
},
{
"name": "fontSize",
"required": true,
"type": "'14px',"
}
],
"emits": ["onClose", "onCopy", "onEdit", "onNavigate", "onRemove"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "HyperlinkPopup",
"filePath": "packages/vue/src/components/ui/HyperlinkPopup.vue",
"isCoreReexport": false,
"props": [
{
"name": "data",
"required": true,
"type": "HyperlinkPopupData | null"
},
{
"name": "readOnly",
"required": false,
"type": "boolean"
}
],
"emits": ["close", "copy", "edit", "navigate", "remove"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onNavigate",
"required": true,
"type": "(href: string) => void"
},
{
"name": "onCopy",
"required": true,
"type": "(href: string) => void"
},
{
"name": "onEdit",
"required": true,
"type": "(displayText: string, href: string) => void"
},
{
"name": "onRemove",
"required": true,
"type": "() => void"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
},
{
"name": "background",
"required": true,
"type": "'white',"
},
{
"name": "borderRadius",
"required": true,
"type": "'8px',"
},
{
"name": "boxShadow",
"required": true,
"type": "'0 1px 3px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.08)',"
},
{
"name": "border",
"required": true,
"type": "'1px solid #dadce0',"
},
{
"name": "fontFamily",
"required": true,
"type": "'-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',"
},
{
"name": "fontSize",
"required": true,
"type": "'14px',"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "IconGridDropdown",
"react": {
"componentName": "IconGridDropdown",
"filePath": "packages/react/src/components/ui/IconGridDropdown.tsx",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "IconGridDropdown",
"filePath": "packages/vue/src/components/ui/IconGridDropdown.vue",
"isCoreReexport": false,
"props": [
{
"name": "options",
"required": true,
"type": "IconGridOption<T>[]"
},
{
"name": "activeValue",
"required": false,
"type": "T | null"
},
{
"name": "triggerIcon",
"required": true,
"type": "string"
},
{
"name": "tooltipContent",
"required": true,
"type": "string"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "ariaLabel",
"required": false,
"type": "string"
}
],
"emits": ["select"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [
{
"name": "options",
"required": true,
"type": "IconGridOption<T>[]"
},
{
"name": "activeValue",
"required": false,
"type": "T | null"
},
{
"name": "triggerIcon",
"required": true,
"type": "string"
},
{
"name": "tooltipContent",
"required": true,
"type": "string"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "ariaLabel",
"required": false,
"type": "string"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": ["select"]
},
"status": "signature-divergence"
},
{
"name": "Icons",
"react": {
"componentName": "Icons",
"filePath": "packages/react/src/components/ui/Icons.tsx",
"isCoreReexport": false,
"props": [
{
"name": "size",
"required": false,
"type": "number"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "Icons",
"filePath": "packages/vue/src/components/ui/Icons.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "size",
"required": false,
"type": "number"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "ImageContextMenu",
"react": {
"componentName": "ImageContextMenu",
"filePath": "packages/react/src/components/ImageContextMenu.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "position",
"required": true,
"type": "{ x: number"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ImageContextMenu",
"filePath": "packages/vue/src/components/ImageContextMenu.vue",
"isCoreReexport": false,
"props": [
{
"name": "state",
"required": true,
"type": "ImageContextMenuState | null"
},
{
"name": "textActions",
"required": false,
"type": "ImageContextMenuTextAction[]"
}
],
"emits": ["close", "select", "text-action"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "position",
"required": true,
"type": "{ x: number"
}
],
"propsAddedInVue": [
{
"name": "state",
"required": true,
"type": "ImageContextMenuState | null"
},
{
"name": "textActions",
"required": false,
"type": "ImageContextMenuTextAction[]"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": ["close", "select", "text-action"]
},
"status": "signature-divergence"
},
{
"name": "ImagePositionDialog",
"react": {
"componentName": "ImagePositionDialog",
"filePath": "packages/react/src/components/dialogs/ImagePositionDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onApply",
"required": true,
"type": "(data: ImagePositionData) => void"
},
{
"name": "currentData",
"required": false,
"type": "ImagePositionData"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"emits": ["onApply", "onClose"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ImagePositionDialog",
"filePath": "packages/vue/src/components/dialogs/ImagePositionDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "currentData",
"required": false,
"type": "ImagePositionData"
}
],
"emits": ["apply", "close"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onApply",
"required": true,
"type": "(data: ImagePositionData) => void"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "ImagePropertiesDialog",
"react": {
"componentName": "ImagePropertiesDialog",
"filePath": "packages/react/src/components/dialogs/ImagePropertiesDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onApply",
"required": true,
"type": "(data: ImagePropertiesData) => void"
},
{
"name": "currentData",
"required": false,
"type": "ImagePropertiesData"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"emits": ["onApply", "onClose"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ImagePropertiesDialog",
"filePath": "packages/vue/src/components/dialogs/ImagePropertiesDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "view",
"required": true,
"type": "EditorView | null"
},
{
"name": "pmPos",
"required": true,
"type": "number | null"
}
],
"emits": ["close"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onApply",
"required": true,
"type": "(data: ImagePropertiesData) => void"
},
{
"name": "currentData",
"required": false,
"type": "ImagePropertiesData"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"propsAddedInVue": [
{
"name": "view",
"required": true,
"type": "EditorView | null"
},
{
"name": "pmPos",
"required": true,
"type": "number | null"
}
],
"emitsAddedInReact": ["apply"],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "ImageSelectionOverlay",
"vue": {
"componentName": "ImageSelectionOverlay",
"filePath": "packages/vue/src/components/ImageSelectionOverlay.vue",
"isCoreReexport": false,
"props": [
{
"name": "imageInfo",
"required": true,
"type": "ImageSelectionInfo | null"
},
{
"name": "zoom",
"required": true,
"type": "number"
},
{
"name": "view",
"required": true,
"type": "EditorView | null"
}
],
"emits": ["context-menu", "deselect", "interact-end", "interact-start", "open-properties"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "ImageTransformDropdown",
"react": {
"componentName": "ImageTransformDropdown",
"filePath": "packages/react/src/components/ui/ImageTransformDropdown.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onTransform",
"required": true,
"type": "(action: TransformAction) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "label",
"required": true,
"type": "t(opt.labelKey),"
}
],
"emits": ["onTransform"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ImageTransformDropdown",
"filePath": "packages/vue/src/components/ui/ImageTransformDropdown.vue",
"isCoreReexport": false,
"props": [
{
"name": "disabled",
"required": false,
"type": "boolean"
}
],
"emits": ["transform"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onTransform",
"required": true,
"type": "(action: TransformAction) => void"
},
{
"name": "label",
"required": true,
"type": "t(opt.labelKey),"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "ImageWrapDropdown",
"react": {
"componentName": "ImageWrapDropdown",
"filePath": "packages/react/src/components/ui/ImageWrapDropdown.tsx",
"isCoreReexport": false,
"props": [
{
"name": "imageContext",
"required": true,
"type": "{"
},
{
"name": "wrapType",
"required": true,
"type": "string"
},
{
"name": "displayMode",
"required": true,
"type": "string"
},
{
"name": "cssFloat",
"required": true,
"type": "string | null"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ImageWrapDropdown",
"filePath": "packages/vue/src/components/ui/ImageWrapDropdown.vue",
"isCoreReexport": false,
"props": [
{
"name": "imageContext",
"required": true,
"type": "{ wrapType: string"
}
],
"emits": ["change"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "wrapType",
"required": true,
"type": "string"
},
{
"name": "displayMode",
"required": true,
"type": "string"
},
{
"name": "cssFloat",
"required": true,
"type": "string | null"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": ["change"]
},
"status": "signature-divergence"
},
{
"name": "index",
"react": {
"componentName": "index",
"filePath": "packages/react/src/styles/index.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "index",
"filePath": "packages/vue/src/styles/index.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "InlineHeaderFooterEditor",
"react": {
"componentName": "InlineHeaderFooterEditor",
"filePath": "packages/react/src/components/InlineHeaderFooterEditor.tsx",
"isCoreReexport": false,
"props": [
{
"name": "headerFooter",
"required": true,
"type": "HeaderFooter"
},
{
"name": "position",
"required": true,
"type": "'header' | 'footer'"
},
{
"name": "styles",
"required": false,
"type": "StyleDefinitions | null"
},
{
"name": "targetElement",
"required": true,
"type": "HTMLElement"
},
{
"name": "parentElement",
"required": true,
"type": "HTMLElement"
},
{
"name": "onSave",
"required": true,
"type": "(content: Array<Paragraph | Table>) => void"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onSelectionChange",
"required": false,
"type": "(state: SelectionState | null) => void"
},
{
"name": "onRemove",
"required": false,
"type": "() => void"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'space-between',"
},
{
"name": "padding",
"required": true,
"type": "'2px 0',"
},
{
"name": "fontSize",
"required": true,
"type": "11,"
},
{
"name": "color",
"required": true,
"type": "'#4285f4',"
},
{
"name": "userSelect",
"required": true,
"type": "'none',"
}
],
"emits": ["onClose", "onRemove", "onSave", "onSelectionChange"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "InlineHeaderFooterEditor",
"filePath": "packages/vue/src/components/InlineHeaderFooterEditor.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "position",
"required": true,
"type": "'header' | 'footer'"
},
{
"name": "headerFooter",
"required": true,
"type": "HeaderFooter | null"
},
{
"name": "styles",
"required": false,
"type": "StyleDefinitions | null"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
},
{
"name": "targetRect",
"required": false,
"type": "{ top: number"
}
],
"emits": ["close", "remove", "save"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "targetElement",
"required": true,
"type": "HTMLElement"
},
{
"name": "parentElement",
"required": true,
"type": "HTMLElement"
},
{
"name": "onSave",
"required": true,
"type": "(content: Array<Paragraph | Table>) => void"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onSelectionChange",
"required": false,
"type": "(state: SelectionState | null) => void"
},
{
"name": "onRemove",
"required": false,
"type": "() => void"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'space-between',"
},
{
"name": "padding",
"required": true,
"type": "'2px 0',"
},
{
"name": "fontSize",
"required": true,
"type": "11,"
},
{
"name": "color",
"required": true,
"type": "'#4285f4',"
},
{
"name": "userSelect",
"required": true,
"type": "'none',"
}
],
"propsAddedInVue": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
},
{
"name": "targetRect",
"required": false,
"type": "{ top: number"
}
],
"emitsAddedInReact": ["selection-change"],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "InsertImageDialog",
"react": {
"componentName": "InsertImageDialog",
"filePath": "packages/react/src/components/dialogs/InsertImageDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onInsert",
"required": true,
"type": "(data: ImageData) => void"
},
{
"name": "maxWidth",
"required": false,
"type": "number"
},
{
"name": "maxHeight",
"required": false,
"type": "number"
},
{
"name": "accept",
"required": false,
"type": "string"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"emits": ["onClose", "onInsert"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "InsertImageDialog",
"filePath": "packages/vue/src/components/dialogs/InsertImageDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
}
],
"emits": ["close", "insert"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onInsert",
"required": true,
"type": "(data: ImageData) => void"
},
{
"name": "maxWidth",
"required": false,
"type": "number"
},
{
"name": "maxHeight",
"required": false,
"type": "number"
},
{
"name": "accept",
"required": false,
"type": "string"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "InsertSymbolDialog",
"react": {
"componentName": "InsertSymbolDialog",
"filePath": "packages/react/src/components/dialogs/InsertSymbolDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onInsert",
"required": true,
"type": "(symbol: string) => void"
},
{
"name": "recentSymbols",
"required": false,
"type": "string[]"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"emits": ["onClose", "onInsert"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "InsertSymbolDialog",
"filePath": "packages/vue/src/components/dialogs/InsertSymbolDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
}
],
"emits": ["close", "insert"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onInsert",
"required": true,
"type": "(symbol: string) => void"
},
{
"name": "recentSymbols",
"required": false,
"type": "string[]"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "InsertTableDialog",
"react": {
"componentName": "InsertTableDialog",
"filePath": "packages/react/src/components/dialogs/InsertTableDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onInsert",
"required": true,
"type": "(config: TableConfig) => void"
},
{
"name": "maxGridRows",
"required": false,
"type": "number"
},
{
"name": "maxGridColumns",
"required": false,
"type": "number"
},
{
"name": "maxRows",
"required": false,
"type": "number"
},
{
"name": "maxColumns",
"required": false,
"type": "number"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"emits": ["onClose", "onInsert"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "InsertTableDialog",
"filePath": "packages/vue/src/components/dialogs/InsertTableDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
}
],
"emits": ["close", "insert"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onInsert",
"required": true,
"type": "(config: TableConfig) => void"
},
{
"name": "maxGridRows",
"required": false,
"type": "number"
},
{
"name": "maxGridColumns",
"required": false,
"type": "number"
},
{
"name": "maxRows",
"required": false,
"type": "number"
},
{
"name": "maxColumns",
"required": false,
"type": "number"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "insertTableState",
"vue": {
"componentName": "insertTableState",
"filePath": "packages/vue/src/components/insertTableState.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "KeyboardShortcutsDialog",
"react": {
"componentName": "KeyboardShortcutsDialog",
"filePath": "packages/react/src/components/dialogs/KeyboardShortcutsDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "customShortcuts",
"required": false,
"type": "KeyboardShortcut[]"
},
{
"name": "showSearch",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "enabled",
"required": false,
"type": "boolean"
},
{
"name": "openShortcut",
"required": false,
"type": "string"
},
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "open",
"required": true,
"type": "() => void"
},
{
"name": "close",
"required": true,
"type": "() => void"
},
{
"name": "toggle",
"required": true,
"type": "() => void"
},
{
"name": "handleKeyDown",
"required": true,
"type": "(event: KeyboardEvent) => void"
},
{
"name": "editing",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.editing',"
},
{
"name": "formatting",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.formatting',"
},
{
"name": "navigation",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.navigation',"
},
{
"name": "clipboard",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.clipboard',"
},
{
"name": "selection",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.selection',"
},
{
"name": "view",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.view',"
},
{
"name": "file",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.file',"
},
{
"name": "other",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.other',"
}
],
"emits": ["onClose"],
"commands": [],
"shortcuts": [
"'Ctrl++'",
"'Ctrl+-'",
"'Ctrl+0'",
"'Ctrl+A'",
"'Ctrl+Arrow'",
"'Ctrl+B'",
"'Ctrl+C'",
"'Ctrl+E'",
"'Ctrl+End'",
"'Ctrl+F'",
"'Ctrl+H'",
"'Ctrl+Home'",
"'Ctrl+I'",
"'Ctrl+J'",
"'Ctrl+L'",
"'Ctrl+P'",
"'Ctrl+R'",
"'Ctrl+S'",
"'Ctrl+Shift+Arrow'",
"'Ctrl+Shift+V'",
"'Ctrl+Shift+X'",
"'Ctrl+Shift+Z'",
"'Ctrl+U'",
"'Ctrl+V'",
"'Ctrl+X'",
"'Ctrl+Y'",
"'Ctrl+Z'"
],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "KeyboardShortcutsDialog",
"filePath": "packages/vue/src/components/dialogs/KeyboardShortcutsDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "showSearch",
"required": false,
"type": "boolean"
}
],
"emits": ["close"],
"commands": [],
"shortcuts": [
"'Ctrl++'",
"'Ctrl+-'",
"'Ctrl+0'",
"'Ctrl+A'",
"'Ctrl+Arrow'",
"'Ctrl+B'",
"'Ctrl+C'",
"'Ctrl+E'",
"'Ctrl+End'",
"'Ctrl+F'",
"'Ctrl+H'",
"'Ctrl+Home'",
"'Ctrl+I'",
"'Ctrl+J'",
"'Ctrl+K'",
"'Ctrl+L'",
"'Ctrl+R'",
"'Ctrl+Shift+X'",
"'Ctrl+Shift+Z'",
"'Ctrl+U'",
"'Ctrl+V'",
"'Ctrl+X'",
"'Ctrl+Y'",
"'Ctrl+Z'"
],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "customShortcuts",
"required": false,
"type": "KeyboardShortcut[]"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "enabled",
"required": false,
"type": "boolean"
},
{
"name": "openShortcut",
"required": false,
"type": "string"
},
{
"name": "open",
"required": true,
"type": "() => void"
},
{
"name": "close",
"required": true,
"type": "() => void"
},
{
"name": "toggle",
"required": true,
"type": "() => void"
},
{
"name": "handleKeyDown",
"required": true,
"type": "(event: KeyboardEvent) => void"
},
{
"name": "editing",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.editing',"
},
{
"name": "formatting",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.formatting',"
},
{
"name": "navigation",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.navigation',"
},
{
"name": "clipboard",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.clipboard',"
},
{
"name": "selection",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.selection',"
},
{
"name": "view",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.view',"
},
{
"name": "file",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.file',"
},
{
"name": "other",
"required": true,
"type": "'dialogs.keyboardShortcuts.categories.other',"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "LineSpacingPicker",
"react": {
"componentName": "LineSpacingPicker",
"filePath": "packages/react/src/components/ui/LineSpacingPicker.tsx",
"isCoreReexport": false,
"props": [
{
"name": "value",
"required": false,
"type": "number"
},
{
"name": "onChange",
"required": false,
"type": "(twipsValue: number) => void"
},
{
"name": "options",
"required": false,
"type": "LineSpacingOption[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "width",
"required": false,
"type": "number | string"
}
],
"emits": ["onChange"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "LineSpacingPicker",
"filePath": "packages/vue/src/components/ui/LineSpacingPicker.vue",
"isCoreReexport": false,
"props": [
{
"name": "value",
"required": false,
"type": "number"
},
{
"name": "options",
"required": false,
"type": "LineSpacingOption[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
}
],
"emits": ["change"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onChange",
"required": false,
"type": "(twipsValue: number) => void"
},
{
"name": "width",
"required": false,
"type": "number | string"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "ListButtons",
"react": {
"componentName": "ListButtons",
"filePath": "packages/react/src/components/ui/ListButtons.tsx",
"isCoreReexport": false,
"props": [
{
"name": "listState",
"required": false,
"type": "ListState"
},
{
"name": "onBulletList",
"required": false,
"type": "() => void"
},
{
"name": "onNumberedList",
"required": false,
"type": "() => void"
},
{
"name": "onIndent",
"required": false,
"type": "() => void"
},
{
"name": "onOutdent",
"required": false,
"type": "() => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "showIndentButtons",
"required": false,
"type": "boolean"
},
{
"name": "compact",
"required": false,
"type": "boolean"
},
{
"name": "hasIndent",
"required": false,
"type": "boolean"
},
{
"name": "active",
"required": false,
"type": "boolean"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "title",
"required": false,
"type": "string"
},
{
"name": "onClick",
"required": false,
"type": "() => void"
},
{
"name": "children",
"required": true,
"type": "ReactNode"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "display",
"required": true,
"type": "'inline-flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "gap",
"required": true,
"type": "'4px',"
}
],
"emits": ["onBulletList", "onClick", "onIndent", "onNumberedList", "onOutdent"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ListButtons",
"filePath": "packages/vue/src/components/ui/ListButtons.vue",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "listState",
"required": false,
"type": "ListState"
},
{
"name": "onBulletList",
"required": false,
"type": "() => void"
},
{
"name": "onNumberedList",
"required": false,
"type": "() => void"
},
{
"name": "onIndent",
"required": false,
"type": "() => void"
},
{
"name": "onOutdent",
"required": false,
"type": "() => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "showIndentButtons",
"required": false,
"type": "boolean"
},
{
"name": "compact",
"required": false,
"type": "boolean"
},
{
"name": "hasIndent",
"required": false,
"type": "boolean"
},
{
"name": "active",
"required": false,
"type": "boolean"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "title",
"required": false,
"type": "string"
},
{
"name": "onClick",
"required": false,
"type": "() => void"
},
{
"name": "children",
"required": true,
"type": "ReactNode"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "display",
"required": true,
"type": "'inline-flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "gap",
"required": true,
"type": "'4px',"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": ["bullet-list", "click", "indent", "numbered-list", "outdent"],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "LoadingIndicator",
"react": {
"componentName": "LoadingIndicator",
"filePath": "packages/react/src/components/ui/LoadingIndicator.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isLoading",
"required": true,
"type": "boolean"
},
{
"name": "variant",
"required": false,
"type": "LoadingVariant"
},
{
"name": "size",
"required": false,
"type": "LoadingSize"
},
{
"name": "message",
"required": false,
"type": "string"
},
{
"name": "overlay",
"required": false,
"type": "boolean"
},
{
"name": "overlayOpacity",
"required": false,
"type": "number"
},
{
"name": "progress",
"required": false,
"type": "number"
},
{
"name": "showProgressText",
"required": false,
"type": "boolean"
},
{
"name": "color",
"required": false,
"type": "string"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "React.CSSProperties"
},
{
"name": "initialLoading",
"required": false,
"type": "boolean"
},
{
"name": "minDuration",
"required": false,
"type": "number"
},
{
"name": "onStart",
"required": false,
"type": "() => void"
},
{
"name": "onEnd",
"required": false,
"type": "() => void"
},
{
"name": "isLoading",
"required": true,
"type": "boolean"
},
{
"name": "message",
"required": true,
"type": "string | null"
},
{
"name": "progress",
"required": true,
"type": "number"
},
{
"name": "startLoading",
"required": true,
"type": "(message?: string) => void"
},
{
"name": "stopLoading",
"required": true,
"type": "() => void"
},
{
"name": "setProgress",
"required": true,
"type": "(progress: number) => void"
},
{
"name": "setMessage",
"required": true,
"type": "(message: string | null) => void"
},
{
"name": "withLoading",
"required": true,
"type": "<T>(operation: () => Promise<T>, message?: string) => Promise<T>"
},
{
"name": "id",
"required": true,
"type": "string"
},
{
"name": "message",
"required": false,
"type": "string"
},
{
"name": "progress",
"required": false,
"type": "number"
},
{
"name": "startTime",
"required": true,
"type": "number"
}
],
"emits": ["onEnd", "onStart"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "LoadingIndicator",
"filePath": "packages/vue/src/components/ui/LoadingIndicator.vue",
"isCoreReexport": false,
"props": [
{
"name": "isLoading",
"required": true,
"type": "boolean"
},
{
"name": "variant",
"required": false,
"type": "'spinner' | 'bar' | 'progress'"
},
{
"name": "size",
"required": false,
"type": "'small' | 'medium' | 'large'"
},
{
"name": "message",
"required": false,
"type": "string"
},
{
"name": "overlay",
"required": false,
"type": "boolean"
},
{
"name": "progress",
"required": false,
"type": "number | null"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "overlayOpacity",
"required": false,
"type": "number"
},
{
"name": "showProgressText",
"required": false,
"type": "boolean"
},
{
"name": "color",
"required": false,
"type": "string"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "React.CSSProperties"
},
{
"name": "initialLoading",
"required": false,
"type": "boolean"
},
{
"name": "minDuration",
"required": false,
"type": "number"
},
{
"name": "onStart",
"required": false,
"type": "() => void"
},
{
"name": "onEnd",
"required": false,
"type": "() => void"
},
{
"name": "startLoading",
"required": true,
"type": "(message?: string) => void"
},
{
"name": "stopLoading",
"required": true,
"type": "() => void"
},
{
"name": "setProgress",
"required": true,
"type": "(progress: number) => void"
},
{
"name": "setMessage",
"required": true,
"type": "(message: string | null) => void"
},
{
"name": "withLoading",
"required": true,
"type": "<T>(operation: () => Promise<T>, message?: string) => Promise<T>"
},
{
"name": "id",
"required": true,
"type": "string"
},
{
"name": "startTime",
"required": true,
"type": "number"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": ["end", "start"],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "LocaleContext",
"react": {
"componentName": "LocaleContext",
"filePath": "packages/react/src/i18n/LocaleContext.tsx",
"isCoreReexport": false,
"props": [
{
"name": "i18n",
"required": false,
"type": "Translations"
},
{
"name": "children",
"required": true,
"type": "ReactNode"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "LocaleContext",
"filePath": "packages/vue/src/i18n/LocaleContext.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "i18n",
"required": false,
"type": "Translations"
},
{
"name": "children",
"required": true,
"type": "ReactNode"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "MaterialSymbol",
"react": {
"componentName": "MaterialSymbol",
"filePath": "packages/react/src/components/ui/MaterialSymbol.tsx",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "MaterialSymbol",
"filePath": "packages/vue/src/components/ui/MaterialSymbol.vue",
"isCoreReexport": false,
"props": [
{
"name": "name",
"required": true,
"type": "string"
},
{
"name": "size",
"required": false,
"type": "number"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [
{
"name": "name",
"required": true,
"type": "string"
},
{
"name": "size",
"required": false,
"type": "number"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "MenuBar",
"vue": {
"componentName": "MenuBar",
"filePath": "packages/vue/src/components/MenuBar.vue",
"isCoreReexport": false,
"props": [],
"emits": ["action", "insert-table"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "MenuDropdown",
"react": {
"componentName": "MenuDropdown",
"filePath": "packages/react/src/components/ui/MenuDropdown.tsx",
"isCoreReexport": false,
"props": [
{
"name": "label",
"required": true,
"type": "string"
},
{
"name": "items",
"required": true,
"type": "MenuEntry[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "gap",
"required": true,
"type": "2,"
},
{
"name": "padding",
"required": true,
"type": "'2px 8px',"
},
{
"name": "border",
"required": true,
"type": "'none',"
},
{
"name": "background",
"required": true,
"type": "'transparent',"
},
{
"name": "borderRadius",
"required": true,
"type": "4,"
},
{
"name": "cursor",
"required": true,
"type": "'pointer',"
},
{
"name": "fontSize",
"required": true,
"type": "13,"
},
{
"name": "fontWeight",
"required": true,
"type": "400,"
},
{
"name": "color",
"required": true,
"type": "'var(--doc-text, #374151)',"
},
{
"name": "whiteSpace",
"required": true,
"type": "'nowrap',"
},
{
"name": "height",
"required": true,
"type": "28,"
},
{
"name": "lineHeight",
"required": true,
"type": "'28px',"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "MenuDropdown",
"filePath": "packages/vue/src/components/ui/MenuDropdown.vue",
"isCoreReexport": false,
"props": [
{
"name": "label",
"required": true,
"type": "string"
},
{
"name": "items",
"required": true,
"type": "MenuEntry[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "gap",
"required": true,
"type": "2,"
},
{
"name": "padding",
"required": true,
"type": "'2px 8px',"
},
{
"name": "border",
"required": true,
"type": "'none',"
},
{
"name": "background",
"required": true,
"type": "'transparent',"
},
{
"name": "borderRadius",
"required": true,
"type": "4,"
},
{
"name": "cursor",
"required": true,
"type": "'pointer',"
},
{
"name": "fontSize",
"required": true,
"type": "13,"
},
{
"name": "fontWeight",
"required": true,
"type": "400,"
},
{
"name": "color",
"required": true,
"type": "'var(--doc-text, #374151)',"
},
{
"name": "whiteSpace",
"required": true,
"type": "'nowrap',"
},
{
"name": "height",
"required": true,
"type": "28,"
},
{
"name": "lineHeight",
"required": true,
"type": "'28px',"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "PageIndicator",
"vue": {
"componentName": "PageIndicator",
"filePath": "packages/vue/src/components/PageIndicator.vue",
"isCoreReexport": false,
"props": [
{
"name": "currentPage",
"required": true,
"type": "number"
},
{
"name": "totalPages",
"required": true,
"type": "number"
},
{
"name": "visible",
"required": true,
"type": "boolean"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "PageSetupDialog",
"react": {
"componentName": "PageSetupDialog",
"filePath": "packages/react/src/components/dialogs/PageSetupDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onApply",
"required": true,
"type": "(props: Partial<SectionProperties>) => void"
},
{
"name": "currentProps",
"required": false,
"type": "SectionProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"emits": ["onApply", "onClose"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "PageSetupDialog",
"filePath": "packages/vue/src/components/dialogs/PageSetupDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "sectionProperties",
"required": false,
"type": "SectionProperties | null"
}
],
"emits": ["apply", "close"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onApply",
"required": true,
"type": "(props: Partial<SectionProperties>) => void"
},
{
"name": "currentProps",
"required": false,
"type": "SectionProperties"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"propsAddedInVue": [
{
"name": "sectionProperties",
"required": false,
"type": "SectionProperties | null"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "PasteSpecialDialog",
"react": {
"componentName": "PasteSpecialDialog",
"filePath": "packages/react/src/components/dialogs/PasteSpecialDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onPaste",
"required": true,
"type": "(content: ParsedClipboardContent, asPlainText: boolean) => void"
},
{
"name": "position",
"required": false,
"type": "{ x: number"
}
],
"emits": ["onClose", "onPaste"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "PasteSpecialDialog",
"filePath": "packages/vue/src/components/dialogs/PasteSpecialDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
}
],
"emits": ["close", "paste"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onPaste",
"required": true,
"type": "(content: ParsedClipboardContent, asPlainText: boolean) => void"
},
{
"name": "position",
"required": false,
"type": "{ x: number"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "PluginHost",
"react": {
"componentName": "PluginHost",
"filePath": "packages/react/src/plugin-api/PluginHost.tsx",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": ["getSidebarItems"]
},
"vue": {
"componentName": "PluginHost",
"filePath": "packages/vue/src/plugin-api/PluginHost.vue",
"isCoreReexport": false,
"props": [
{
"name": "plugins",
"required": false,
"type": "unknown[]"
},
{
"name": "editorView",
"required": false,
"type": "EditorView | null"
},
{
"name": "panelConfig",
"required": false,
"type": "PanelConfig"
},
{
"name": "panelCollapsed",
"required": false,
"type": "boolean"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": ["onMount", "onUnmount"]
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [
{
"name": "plugins",
"required": false,
"type": "unknown[]"
},
{
"name": "editorView",
"required": false,
"type": "EditorView | null"
},
{
"name": "panelConfig",
"required": false,
"type": "PanelConfig"
},
{
"name": "panelCollapsed",
"required": false,
"type": "boolean"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "Popover",
"vue": {
"componentName": "Popover",
"filePath": "packages/vue/src/components/ui/Popover.vue",
"isCoreReexport": false,
"props": [
{
"name": "open",
"required": true,
"type": "boolean"
},
{
"name": "placement",
"required": false,
"type": "'bottom-left' | 'bottom-right' | 'top-left' | 'top-right'"
},
{
"name": "panelClass",
"required": false,
"type": "string"
},
{
"name": "panelStyle",
"required": false,
"type": "CSSProperties"
},
{
"name": "closeOnScroll",
"required": false,
"type": "boolean"
}
],
"emits": ["close"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "PrintButton",
"vue": {
"componentName": "PrintButton",
"filePath": "packages/vue/src/components/PrintButton.vue",
"isCoreReexport": false,
"props": [
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "label",
"required": false,
"type": "string"
},
{
"name": "compact",
"required": false,
"type": "boolean"
}
],
"emits": ["print"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "PrintPreview",
"react": {
"componentName": "PrintPreview",
"filePath": "packages/react/src/components/ui/PrintPreview.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onPrint",
"required": true,
"type": "() => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "label",
"required": false,
"type": "string"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "showIcon",
"required": false,
"type": "boolean"
},
{
"name": "compact",
"required": false,
"type": "boolean"
},
{
"name": "includeHeaders",
"required": true,
"type": "true,"
},
{
"name": "includeFooters",
"required": true,
"type": "true,"
},
{
"name": "includePageNumbers",
"required": true,
"type": "true,"
},
{
"name": "pageRange",
"required": true,
"type": "null,"
},
{
"name": "scale",
"required": true,
"type": "1.0,"
},
{
"name": "printBackground",
"required": true,
"type": "true,"
},
{
"name": "margins",
"required": true,
"type": "'default',"
}
],
"emits": ["onPrint"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "PrintPreview",
"filePath": "packages/vue/src/components/ui/PrintPreview.vue",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onPrint",
"required": true,
"type": "() => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "label",
"required": false,
"type": "string"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "showIcon",
"required": false,
"type": "boolean"
},
{
"name": "compact",
"required": false,
"type": "boolean"
},
{
"name": "includeHeaders",
"required": true,
"type": "true,"
},
{
"name": "includeFooters",
"required": true,
"type": "true,"
},
{
"name": "includePageNumbers",
"required": true,
"type": "true,"
},
{
"name": "pageRange",
"required": true,
"type": "null,"
},
{
"name": "scale",
"required": true,
"type": "1.0,"
},
{
"name": "printBackground",
"required": true,
"type": "true,"
},
{
"name": "margins",
"required": true,
"type": "'default',"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": ["print"],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "renderAsync",
"react": {
"componentName": "renderAsync",
"filePath": "packages/react/src/renderAsync.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "renderAsync",
"filePath": "packages/vue/src/renderAsync.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "ReplyInput",
"react": {
"componentName": "ReplyInput",
"filePath": "packages/react/src/components/sidebar/ReplyInput.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onSubmit",
"required": true,
"type": "(text: string) => void"
}
],
"emits": ["onSubmit"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ReplyInput",
"filePath": "packages/vue/src/components/sidebar/ReplyInput.vue",
"isCoreReexport": false,
"props": [],
"emits": ["submit"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onSubmit",
"required": true,
"type": "(text: string) => void"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "ReplyThread",
"react": {
"componentName": "ReplyThread",
"filePath": "packages/react/src/components/sidebar/ReplyThread.tsx",
"isCoreReexport": false,
"props": [
{
"name": "replies",
"required": true,
"type": "Comment[]"
},
{
"name": "isExpanded",
"required": true,
"type": "boolean"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ReplyThread",
"filePath": "packages/vue/src/components/sidebar/ReplyThread.vue",
"isCoreReexport": false,
"props": [
{
"name": "replies",
"required": true,
"type": "Comment[]"
},
{
"name": "isExpanded",
"required": true,
"type": "boolean"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "ResolvedCommentMarker",
"react": {
"componentName": "ResolvedCommentMarker",
"filePath": "packages/react/src/components/sidebar/ResolvedCommentMarker.tsx",
"isCoreReexport": false,
"props": [
{
"name": "comment",
"required": true,
"type": "Comment"
},
{
"name": "display",
"required": true,
"type": "'inline-flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "cursor",
"required": true,
"type": "'pointer',"
},
{
"name": "color",
"required": true,
"type": "'#5f6368',"
},
{
"name": "padding",
"required": true,
"type": "2,"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ResolvedCommentMarker",
"filePath": "packages/vue/src/components/sidebar/ResolvedCommentMarker.vue",
"isCoreReexport": false,
"props": [
{
"name": "comment",
"required": true,
"type": "Comment"
}
],
"emits": ["toggle-expand"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "display",
"required": true,
"type": "'inline-flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "cursor",
"required": true,
"type": "'pointer',"
},
{
"name": "color",
"required": true,
"type": "'#5f6368',"
},
{
"name": "padding",
"required": true,
"type": "2,"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": ["toggle-expand"]
},
"status": "signature-divergence"
},
{
"name": "resolveItemPositions",
"react": {
"componentName": "resolveItemPositions",
"filePath": "packages/react/src/components/sidebar/resolveItemPositions.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "resolveItemPositions",
"filePath": "packages/vue/src/components/sidebar/resolveItemPositions.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "ResponsePreview",
"react": {
"componentName": "ResponsePreview",
"filePath": "packages/react/src/components/ResponsePreview.tsx",
"isCoreReexport": false,
"props": [
{
"name": "originalText",
"required": true,
"type": "string"
},
{
"name": "response",
"required": true,
"type": "AgentResponse | null"
},
{
"name": "action",
"required": true,
"type": "AIAction"
},
{
"name": "isLoading",
"required": true,
"type": "boolean"
},
{
"name": "error",
"required": false,
"type": "string"
},
{
"name": "onAccept",
"required": true,
"type": "(newText: string) => void"
},
{
"name": "onReject",
"required": true,
"type": "() => void"
},
{
"name": "onRetry",
"required": false,
"type": "() => void"
},
{
"name": "allowEdit",
"required": false,
"type": "boolean"
},
{
"name": "showDiff",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "position",
"required": false,
"type": "{ x: number"
}
],
"emits": ["onAccept", "onReject", "onRetry"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ResponsePreview",
"filePath": "packages/vue/src/components/ResponsePreview.vue",
"isCoreReexport": false,
"props": [
{
"name": "originalText",
"required": true,
"type": "string"
},
{
"name": "response",
"required": true,
"type": "AgentResponse | null"
},
{
"name": "action",
"required": true,
"type": "AIAction"
},
{
"name": "isLoading",
"required": true,
"type": "boolean"
},
{
"name": "error",
"required": false,
"type": "string"
},
{
"name": "allowEdit",
"required": false,
"type": "boolean"
},
{
"name": "showDiff",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "position",
"required": false,
"type": "{ x: number"
}
],
"emits": ["accept", "reject"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onAccept",
"required": true,
"type": "(newText: string) => void"
},
{
"name": "onReject",
"required": true,
"type": "() => void"
},
{
"name": "onRetry",
"required": false,
"type": "() => void"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": ["retry"],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "ResponsiveToolbar",
"react": {
"componentName": "ResponsiveToolbar",
"filePath": "packages/react/src/components/ui/ResponsiveToolbar.tsx",
"isCoreReexport": false,
"props": [
{
"name": "items",
"required": true,
"type": "ToolbarItem[]"
},
{
"name": "overflowItems",
"required": false,
"type": "ToolbarItem[]"
},
{
"name": "alwaysShowOverflow",
"required": false,
"type": "boolean"
},
{
"name": "renderOverflowButton",
"required": false,
"type": "(itemCount: number, isOpen: boolean, onClick: () => void) => ReactNode"
},
{
"name": "renderOverflowMenu",
"required": false,
"type": "(items: ToolbarItem[], onClose: () => void) => ReactNode"
},
{
"name": "itemGap",
"required": false,
"type": "number"
},
{
"name": "padding",
"required": false,
"type": "number | string"
},
{
"name": "overflowButtonWidth",
"required": false,
"type": "number"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "height",
"required": false,
"type": "number | string"
},
{
"name": "backgroundColor",
"required": false,
"type": "string"
},
{
"name": "borderBottom",
"required": false,
"type": "string"
},
{
"name": "containerRef",
"required": true,
"type": "React.RefObject<HTMLElement | null>"
},
{
"name": "items",
"required": true,
"type": "ToolbarItem[]"
},
{
"name": "itemGap",
"required": false,
"type": "number"
},
{
"name": "overflowButtonWidth",
"required": false,
"type": "number"
},
{
"name": "visibleItems",
"required": true,
"type": "ToolbarItem[]"
},
{
"name": "overflowItems",
"required": true,
"type": "ToolbarItem[]"
},
{
"name": "hasOverflow",
"required": true,
"type": "boolean"
},
{
"name": "recalculate",
"required": true,
"type": "() => void"
},
{
"name": "options",
"required": true,
"type": "UseResponsiveToolbarOptions"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ResponsiveToolbar",
"filePath": "packages/vue/src/components/ui/ResponsiveToolbar.vue",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "items",
"required": true,
"type": "ToolbarItem[]"
},
{
"name": "overflowItems",
"required": false,
"type": "ToolbarItem[]"
},
{
"name": "alwaysShowOverflow",
"required": false,
"type": "boolean"
},
{
"name": "renderOverflowButton",
"required": false,
"type": "(itemCount: number, isOpen: boolean, onClick: () => void) => ReactNode"
},
{
"name": "renderOverflowMenu",
"required": false,
"type": "(items: ToolbarItem[], onClose: () => void) => ReactNode"
},
{
"name": "itemGap",
"required": false,
"type": "number"
},
{
"name": "padding",
"required": false,
"type": "number | string"
},
{
"name": "overflowButtonWidth",
"required": false,
"type": "number"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "height",
"required": false,
"type": "number | string"
},
{
"name": "backgroundColor",
"required": false,
"type": "string"
},
{
"name": "borderBottom",
"required": false,
"type": "string"
},
{
"name": "containerRef",
"required": true,
"type": "React.RefObject<HTMLElement | null>"
},
{
"name": "items",
"required": true,
"type": "ToolbarItem[]"
},
{
"name": "itemGap",
"required": false,
"type": "number"
},
{
"name": "overflowButtonWidth",
"required": false,
"type": "number"
},
{
"name": "visibleItems",
"required": true,
"type": "ToolbarItem[]"
},
{
"name": "overflowItems",
"required": true,
"type": "ToolbarItem[]"
},
{
"name": "hasOverflow",
"required": true,
"type": "boolean"
},
{
"name": "recalculate",
"required": true,
"type": "() => void"
},
{
"name": "options",
"required": true,
"type": "UseResponsiveToolbarOptions"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "Select",
"react": {
"componentName": "Select",
"filePath": "packages/react/src/components/ui/Select.tsx",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "Select",
"filePath": "packages/vue/src/components/ui/Select.vue",
"isCoreReexport": false,
"props": [
{
"name": "value",
"required": false,
"type": "string"
},
{
"name": "options",
"required": true,
"type": "SelectOption[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
}
],
"emits": ["change"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [
{
"name": "value",
"required": false,
"type": "string"
},
{
"name": "options",
"required": true,
"type": "SelectOption[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": ["change"]
},
"status": "signature-divergence"
},
{
"name": "shims-vue.d",
"vue": {
"componentName": "shims-vue.d",
"filePath": "packages/vue/src/shims-vue.d.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "sidebarUtils",
"vue": {
"componentName": "sidebarUtils",
"filePath": "packages/vue/src/components/sidebar/sidebarUtils.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "SplitCellDialog",
"react": {
"componentName": "SplitCellDialog",
"filePath": "packages/react/src/components/dialogs/SplitCellDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onApply",
"required": true,
"type": "(rows: number, cols: number) => void"
},
{
"name": "initialRows",
"required": false,
"type": "number"
},
{
"name": "initialCols",
"required": false,
"type": "number"
},
{
"name": "minRows",
"required": false,
"type": "number"
},
{
"name": "minCols",
"required": false,
"type": "number"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"emits": ["onApply", "onClose"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "SplitCellDialog",
"filePath": "packages/vue/src/components/dialogs/SplitCellDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "initialRows",
"required": false,
"type": "number"
},
{
"name": "initialCols",
"required": false,
"type": "number"
},
{
"name": "minRows",
"required": false,
"type": "number"
},
{
"name": "minCols",
"required": false,
"type": "number"
}
],
"emits": ["apply", "close"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onApply",
"required": true,
"type": "(rows: number, cols: number) => void"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "top",
"required": true,
"type": "0,"
},
{
"name": "left",
"required": true,
"type": "0,"
},
{
"name": "right",
"required": true,
"type": "0,"
},
{
"name": "bottom",
"required": true,
"type": "0,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'rgba(0, 0, 0, 0.5)',"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "StylePicker",
"react": {
"componentName": "StylePicker",
"filePath": "packages/react/src/components/ui/StylePicker.tsx",
"isCoreReexport": false,
"props": [
{
"name": "value",
"required": false,
"type": "string"
},
{
"name": "onChange",
"required": false,
"type": "(styleId: string) => void"
},
{
"name": "styles",
"required": false,
"type": "Style[]"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "width",
"required": false,
"type": "number | string"
},
{
"name": "styleId",
"required": true,
"type": "'Normal',"
},
{
"name": "name",
"required": true,
"type": "'Normal text',"
},
{
"name": "nameKey",
"required": true,
"type": "'styles.normalText',"
},
{
"name": "type",
"required": true,
"type": "'paragraph',"
},
{
"name": "isDefault",
"required": true,
"type": "true,"
},
{
"name": "priority",
"required": true,
"type": "0,"
},
{
"name": "qFormat",
"required": true,
"type": "true,"
},
{
"name": "fontSize",
"required": true,
"type": "22, // 11pt"
},
{
"name": "styleId",
"required": true,
"type": "'Title',"
},
{
"name": "name",
"required": true,
"type": "'Title',"
},
{
"name": "nameKey",
"required": true,
"type": "'styles.title',"
},
{
"name": "type",
"required": true,
"type": "'paragraph',"
},
{
"name": "priority",
"required": true,
"type": "1,"
},
{
"name": "qFormat",
"required": true,
"type": "true,"
},
{
"name": "fontSize",
"required": true,
"type": "52, // 26pt"
},
{
"name": "bold",
"required": true,
"type": "true,"
},
{
"name": "styleId",
"required": true,
"type": "'Subtitle',"
},
{
"name": "name",
"required": true,
"type": "'Subtitle',"
},
{
"name": "nameKey",
"required": true,
"type": "'styles.subtitle',"
},
{
"name": "type",
"required": true,
"type": "'paragraph',"
},
{
"name": "priority",
"required": true,
"type": "2,"
},
{
"name": "qFormat",
"required": true,
"type": "true,"
},
{
"name": "fontSize",
"required": true,
"type": "30, // 15pt"
},
{
"name": "color",
"required": true,
"type": "'666666', // Gray"
},
{
"name": "styleId",
"required": true,
"type": "'Heading1',"
},
{
"name": "name",
"required": true,
"type": "'Heading 1',"
},
{
"name": "nameKey",
"required": true,
"type": "'styles.heading1',"
},
{
"name": "type",
"required": true,
"type": "'paragraph',"
},
{
"name": "priority",
"required": true,
"type": "3,"
},
{
"name": "qFormat",
"required": true,
"type": "true,"
},
{
"name": "fontSize",
"required": true,
"type": "40, // 20pt"
},
{
"name": "bold",
"required": true,
"type": "true,"
},
{
"name": "styleId",
"required": true,
"type": "'Heading2',"
},
{
"name": "name",
"required": true,
"type": "'Heading 2',"
},
{
"name": "nameKey",
"required": true,
"type": "'styles.heading2',"
},
{
"name": "type",
"required": true,
"type": "'paragraph',"
},
{
"name": "priority",
"required": true,
"type": "4,"
},
{
"name": "qFormat",
"required": true,
"type": "true,"
},
{
"name": "fontSize",
"required": true,
"type": "32, // 16pt"
},
{
"name": "bold",
"required": true,
"type": "true,"
},
{
"name": "styleId",
"required": true,
"type": "'Heading3',"
},
{
"name": "name",
"required": true,
"type": "'Heading 3',"
},
{
"name": "nameKey",
"required": true,
"type": "'styles.heading3',"
},
{
"name": "type",
"required": true,
"type": "'paragraph',"
},
{
"name": "priority",
"required": true,
"type": "5,"
},
{
"name": "qFormat",
"required": true,
"type": "true,"
},
{
"name": "fontSize",
"required": true,
"type": "28, // 14pt"
},
{
"name": "bold",
"required": true,
"type": "true,"
},
{
"name": "Title",
"required": true,
"type": "26,"
},
{
"name": "Subtitle",
"required": true,
"type": "18,"
},
{
"name": "Heading1",
"required": true,
"type": "24,"
},
{
"name": "Heading2",
"required": true,
"type": "18,"
},
{
"name": "Heading3",
"required": true,
"type": "16,"
},
{
"name": "Heading4",
"required": true,
"type": "14,"
},
{
"name": "Heading5",
"required": true,
"type": "13,"
},
{
"name": "Heading6",
"required": true,
"type": "13,"
},
{
"name": "Normal",
"required": true,
"type": "14,"
}
],
"emits": ["onChange"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "StylePicker",
"filePath": "packages/vue/src/components/ui/StylePicker.vue",
"isCoreReexport": false,
"props": [
{
"name": "value",
"required": false,
"type": "string"
},
{
"name": "styles",
"required": false,
"type": "StyleOption[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
}
],
"emits": ["change"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onChange",
"required": false,
"type": "(styleId: string) => void"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
},
{
"name": "width",
"required": false,
"type": "number | string"
},
{
"name": "styleId",
"required": true,
"type": "'Normal',"
},
{
"name": "name",
"required": true,
"type": "'Normal text',"
},
{
"name": "nameKey",
"required": true,
"type": "'styles.normalText',"
},
{
"name": "type",
"required": true,
"type": "'paragraph',"
},
{
"name": "isDefault",
"required": true,
"type": "true,"
},
{
"name": "priority",
"required": true,
"type": "0,"
},
{
"name": "qFormat",
"required": true,
"type": "true,"
},
{
"name": "fontSize",
"required": true,
"type": "22, // 11pt"
},
{
"name": "styleId",
"required": true,
"type": "'Title',"
},
{
"name": "name",
"required": true,
"type": "'Title',"
},
{
"name": "nameKey",
"required": true,
"type": "'styles.title',"
},
{
"name": "type",
"required": true,
"type": "'paragraph',"
},
{
"name": "priority",
"required": true,
"type": "1,"
},
{
"name": "qFormat",
"required": true,
"type": "true,"
},
{
"name": "fontSize",
"required": true,
"type": "52, // 26pt"
},
{
"name": "bold",
"required": true,
"type": "true,"
},
{
"name": "styleId",
"required": true,
"type": "'Subtitle',"
},
{
"name": "name",
"required": true,
"type": "'Subtitle',"
},
{
"name": "nameKey",
"required": true,
"type": "'styles.subtitle',"
},
{
"name": "type",
"required": true,
"type": "'paragraph',"
},
{
"name": "priority",
"required": true,
"type": "2,"
},
{
"name": "qFormat",
"required": true,
"type": "true,"
},
{
"name": "fontSize",
"required": true,
"type": "30, // 15pt"
},
{
"name": "color",
"required": true,
"type": "'666666', // Gray"
},
{
"name": "styleId",
"required": true,
"type": "'Heading1',"
},
{
"name": "name",
"required": true,
"type": "'Heading 1',"
},
{
"name": "nameKey",
"required": true,
"type": "'styles.heading1',"
},
{
"name": "type",
"required": true,
"type": "'paragraph',"
},
{
"name": "priority",
"required": true,
"type": "3,"
},
{
"name": "qFormat",
"required": true,
"type": "true,"
},
{
"name": "fontSize",
"required": true,
"type": "40, // 20pt"
},
{
"name": "bold",
"required": true,
"type": "true,"
},
{
"name": "styleId",
"required": true,
"type": "'Heading2',"
},
{
"name": "name",
"required": true,
"type": "'Heading 2',"
},
{
"name": "nameKey",
"required": true,
"type": "'styles.heading2',"
},
{
"name": "type",
"required": true,
"type": "'paragraph',"
},
{
"name": "priority",
"required": true,
"type": "4,"
},
{
"name": "qFormat",
"required": true,
"type": "true,"
},
{
"name": "fontSize",
"required": true,
"type": "32, // 16pt"
},
{
"name": "bold",
"required": true,
"type": "true,"
},
{
"name": "styleId",
"required": true,
"type": "'Heading3',"
},
{
"name": "name",
"required": true,
"type": "'Heading 3',"
},
{
"name": "nameKey",
"required": true,
"type": "'styles.heading3',"
},
{
"name": "type",
"required": true,
"type": "'paragraph',"
},
{
"name": "priority",
"required": true,
"type": "5,"
},
{
"name": "qFormat",
"required": true,
"type": "true,"
},
{
"name": "fontSize",
"required": true,
"type": "28, // 14pt"
},
{
"name": "bold",
"required": true,
"type": "true,"
},
{
"name": "Title",
"required": true,
"type": "26,"
},
{
"name": "Subtitle",
"required": true,
"type": "18,"
},
{
"name": "Heading1",
"required": true,
"type": "24,"
},
{
"name": "Heading2",
"required": true,
"type": "18,"
},
{
"name": "Heading3",
"required": true,
"type": "16,"
},
{
"name": "Heading4",
"required": true,
"type": "14,"
},
{
"name": "Heading5",
"required": true,
"type": "13,"
},
{
"name": "Heading6",
"required": true,
"type": "13,"
},
{
"name": "Normal",
"required": true,
"type": "14,"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "TableBorderColorPicker",
"react": {
"componentName": "TableBorderColorPicker",
"filePath": "packages/react/src/components/ui/TableBorderColorPicker.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
},
{
"name": "value",
"required": false,
"type": "string"
}
],
"emits": ["onAction"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TableBorderColorPicker",
"filePath": "packages/vue/src/components/ui/TableBorderColorPicker.vue",
"isCoreReexport": false,
"props": [
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
},
{
"name": "value",
"required": false,
"type": "string"
}
],
"emits": ["change"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": ["action"],
"emitsAddedInVue": ["change"]
},
"status": "signature-divergence"
},
{
"name": "TableBorderPicker",
"react": {
"componentName": "TableBorderPicker",
"filePath": "packages/react/src/components/ui/TableBorderPicker.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "close,"
}
],
"emits": ["onAction", "onClose"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TableBorderPicker",
"filePath": "packages/vue/src/components/ui/TableBorderPicker.vue",
"isCoreReexport": false,
"props": [
{
"name": "disabled",
"required": false,
"type": "boolean"
}
],
"emits": ["change"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "onClose",
"required": true,
"type": "close,"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": ["action", "close"],
"emitsAddedInVue": ["change"]
},
"status": "signature-divergence"
},
{
"name": "TableBorderWidthPicker",
"react": {
"componentName": "TableBorderWidthPicker",
"filePath": "packages/react/src/components/ui/TableBorderWidthPicker.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "close,"
}
],
"emits": ["onAction", "onClose"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TableBorderWidthPicker",
"filePath": "packages/vue/src/components/ui/TableBorderWidthPicker.vue",
"isCoreReexport": false,
"props": [
{
"name": "disabled",
"required": false,
"type": "boolean"
}
],
"emits": ["change"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "onClose",
"required": true,
"type": "close,"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": ["action", "close"],
"emitsAddedInVue": ["change"]
},
"status": "signature-divergence"
},
{
"name": "TableCellFillPicker",
"react": {
"componentName": "TableCellFillPicker",
"filePath": "packages/react/src/components/ui/TableCellFillPicker.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
},
{
"name": "value",
"required": false,
"type": "string"
}
],
"emits": ["onAction"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TableCellFillPicker",
"filePath": "packages/vue/src/components/ui/TableCellFillPicker.vue",
"isCoreReexport": false,
"props": [
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
},
{
"name": "value",
"required": false,
"type": "string"
}
],
"emits": ["change"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": ["action"],
"emitsAddedInVue": ["change"]
},
"status": "signature-divergence"
},
{
"name": "TableGridInline",
"react": {
"componentName": "TableGridInline",
"filePath": "packages/react/src/components/ui/TableGridInline.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onInsert",
"required": true,
"type": "(rows: number, columns: number) => void"
},
{
"name": "gridRows",
"required": false,
"type": "number"
},
{
"name": "gridColumns",
"required": false,
"type": "number"
},
{
"name": "width",
"required": true,
"type": "CELL_SIZE,"
},
{
"name": "height",
"required": true,
"type": "CELL_SIZE,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'white',"
},
{
"name": "border",
"required": true,
"type": "'1px solid var(--doc-border, #d1d5db)',"
},
{
"name": "borderRadius",
"required": true,
"type": "2,"
},
{
"name": "transition",
"required": true,
"type": "'background-color 0.1s, border-color 0.1s',"
},
{
"name": "cursor",
"required": true,
"type": "'pointer',"
}
],
"emits": ["onInsert"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TableGridInline",
"filePath": "packages/vue/src/components/ui/TableGridInline.vue",
"isCoreReexport": false,
"props": [
{
"name": "gridRows",
"required": false,
"type": "number"
},
{
"name": "gridColumns",
"required": false,
"type": "number"
}
],
"emits": ["insert"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onInsert",
"required": true,
"type": "(rows: number, columns: number) => void"
},
{
"name": "width",
"required": true,
"type": "CELL_SIZE,"
},
{
"name": "height",
"required": true,
"type": "CELL_SIZE,"
},
{
"name": "backgroundColor",
"required": true,
"type": "'white',"
},
{
"name": "border",
"required": true,
"type": "'1px solid var(--doc-border, #d1d5db)',"
},
{
"name": "borderRadius",
"required": true,
"type": "2,"
},
{
"name": "transition",
"required": true,
"type": "'background-color 0.1s, border-color 0.1s',"
},
{
"name": "cursor",
"required": true,
"type": "'pointer',"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "TableGridPicker",
"react": {
"componentName": "TableGridPicker",
"filePath": "packages/react/src/components/ui/TableGridPicker.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onInsert",
"required": true,
"type": "(rows: number, columns: number) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "gridRows",
"required": false,
"type": "number"
},
{
"name": "gridColumns",
"required": false,
"type": "number"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "tooltip",
"required": false,
"type": "string"
},
{
"name": "backgroundColor",
"required": true,
"type": "'white',"
},
{
"name": "border",
"required": true,
"type": "'1px solid var(--doc-border)',"
},
{
"name": "borderRadius",
"required": true,
"type": "6,"
},
{
"name": "boxShadow",
"required": true,
"type": "'0 4px 16px rgba(0, 0, 0, 0.12)',"
},
{
"name": "padding",
"required": true,
"type": "8,"
}
],
"emits": ["onInsert"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TableGridPicker",
"filePath": "packages/vue/src/components/ui/TableGridPicker.vue",
"isCoreReexport": false,
"props": [
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "gridRows",
"required": false,
"type": "number"
},
{
"name": "gridColumns",
"required": false,
"type": "number"
},
{
"name": "tooltip",
"required": false,
"type": "string"
}
],
"emits": ["insert"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onInsert",
"required": true,
"type": "(rows: number, columns: number) => void"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "backgroundColor",
"required": true,
"type": "'white',"
},
{
"name": "border",
"required": true,
"type": "'1px solid var(--doc-border)',"
},
{
"name": "borderRadius",
"required": true,
"type": "6,"
},
{
"name": "boxShadow",
"required": true,
"type": "'0 4px 16px rgba(0, 0, 0, 0.12)',"
},
{
"name": "padding",
"required": true,
"type": "8,"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "TableInsertButtons",
"react": {
"componentName": "TableInsertButtons",
"filePath": "packages/react/src/components/ui/TableInsertButtons.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "action",
"required": true,
"type": "TableAction"
},
{
"name": "icon",
"required": true,
"type": "string"
},
{
"name": "labelKey",
"required": true,
"type": "TranslationKey"
},
{
"name": "testId",
"required": true,
"type": "string"
},
{
"name": "action",
"required": true,
"type": "'addRowAbove',"
},
{
"name": "icon",
"required": true,
"type": "'keyboard_arrow_up',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.insertRowAbove',"
},
{
"name": "testId",
"required": true,
"type": "'toolbar-table-add-row-above',"
},
{
"name": "action",
"required": true,
"type": "'addRowBelow',"
},
{
"name": "icon",
"required": true,
"type": "'keyboard_arrow_down',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.insertRowBelow',"
},
{
"name": "testId",
"required": true,
"type": "'toolbar-table-add-row-below',"
},
{
"name": "action",
"required": true,
"type": "'addColumnLeft',"
},
{
"name": "icon",
"required": true,
"type": "'keyboard_arrow_left',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.insertColumnLeft',"
},
{
"name": "testId",
"required": true,
"type": "'toolbar-table-add-col-left',"
},
{
"name": "action",
"required": true,
"type": "'addColumnRight',"
},
{
"name": "icon",
"required": true,
"type": "'keyboard_arrow_right',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.insertColumnRight',"
},
{
"name": "testId",
"required": true,
"type": "'toolbar-table-add-col-right',"
}
],
"emits": ["onAction"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TableInsertButtons",
"filePath": "packages/vue/src/components/ui/TableInsertButtons.vue",
"isCoreReexport": false,
"props": [
{
"name": "disabled",
"required": false,
"type": "boolean"
}
],
"emits": ["action"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "action",
"required": true,
"type": "TableAction"
},
{
"name": "icon",
"required": true,
"type": "string"
},
{
"name": "labelKey",
"required": true,
"type": "TranslationKey"
},
{
"name": "testId",
"required": true,
"type": "string"
},
{
"name": "action",
"required": true,
"type": "'addRowAbove',"
},
{
"name": "icon",
"required": true,
"type": "'keyboard_arrow_up',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.insertRowAbove',"
},
{
"name": "testId",
"required": true,
"type": "'toolbar-table-add-row-above',"
},
{
"name": "action",
"required": true,
"type": "'addRowBelow',"
},
{
"name": "icon",
"required": true,
"type": "'keyboard_arrow_down',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.insertRowBelow',"
},
{
"name": "testId",
"required": true,
"type": "'toolbar-table-add-row-below',"
},
{
"name": "action",
"required": true,
"type": "'addColumnLeft',"
},
{
"name": "icon",
"required": true,
"type": "'keyboard_arrow_left',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.insertColumnLeft',"
},
{
"name": "testId",
"required": true,
"type": "'toolbar-table-add-col-left',"
},
{
"name": "action",
"required": true,
"type": "'addColumnRight',"
},
{
"name": "icon",
"required": true,
"type": "'keyboard_arrow_right',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.insertColumnRight',"
},
{
"name": "testId",
"required": true,
"type": "'toolbar-table-add-col-right',"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "TableMergeButton",
"react": {
"componentName": "TableMergeButton",
"filePath": "packages/react/src/components/ui/TableMergeButton.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "canMerge",
"required": false,
"type": "boolean"
},
{
"name": "canSplit",
"required": false,
"type": "boolean"
}
],
"emits": ["onAction"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TableMergeButton",
"filePath": "packages/vue/src/components/ui/TableMergeButton.vue",
"isCoreReexport": false,
"props": [
{
"name": "canSplit",
"required": false,
"type": "boolean"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
}
],
"emits": ["action"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "canMerge",
"required": false,
"type": "boolean"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "TableMoreDropdown",
"react": {
"componentName": "TableMoreDropdown",
"filePath": "packages/react/src/components/ui/TableMoreDropdown.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "tableContext",
"required": false,
"type": "{"
},
{
"name": "isInTable",
"required": true,
"type": "boolean"
},
{
"name": "rowCount",
"required": false,
"type": "number"
},
{
"name": "columnCount",
"required": false,
"type": "number"
},
{
"name": "canSplitCell",
"required": false,
"type": "boolean"
},
{
"name": "hasMultiCellSelection",
"required": false,
"type": "boolean"
},
{
"name": "table",
"required": false,
"type": "{ attrs?: { justification?: string }"
}
],
"emits": ["onAction"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TableMoreDropdown",
"filePath": "packages/vue/src/components/ui/TableMoreDropdown.vue",
"isCoreReexport": false,
"props": [
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "canSplit",
"required": false,
"type": "boolean"
},
{
"name": "canMerge",
"required": false,
"type": "boolean"
},
{
"name": "rowCount",
"required": false,
"type": "number"
},
{
"name": "columnCount",
"required": false,
"type": "number"
},
{
"name": "currentJustification",
"required": false,
"type": "'left' | 'center' | 'right'"
}
],
"emits": ["action", "cell-margins", "cell-text-direction", "row-height"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "tableContext",
"required": false,
"type": "{"
},
{
"name": "isInTable",
"required": true,
"type": "boolean"
},
{
"name": "canSplitCell",
"required": false,
"type": "boolean"
},
{
"name": "hasMultiCellSelection",
"required": false,
"type": "boolean"
},
{
"name": "table",
"required": false,
"type": "{ attrs?: { justification?: string }"
}
],
"propsAddedInVue": [
{
"name": "canSplit",
"required": false,
"type": "boolean"
},
{
"name": "canMerge",
"required": false,
"type": "boolean"
},
{
"name": "currentJustification",
"required": false,
"type": "'left' | 'center' | 'right'"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": ["cell-margins", "cell-text-direction", "row-height"]
},
"status": "signature-divergence"
},
{
"name": "TableOptionsDropdown",
"react": {
"componentName": "TableOptionsDropdown",
"filePath": "packages/react/src/components/ui/TableOptionsDropdown.tsx",
"isCoreReexport": false,
"props": [
{
"name": "onAction",
"required": false,
"type": "(action: TableAction) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "tableContext",
"required": false,
"type": "TableContextInfo | null"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "tooltip",
"required": false,
"type": "string"
},
{
"name": "action",
"required": true,
"type": "SimpleAction"
},
{
"name": "labelKey",
"required": true,
"type": "TranslationKey"
},
{
"name": "icon",
"required": true,
"type": "string"
},
{
"name": "shortcut",
"required": false,
"type": "string"
},
{
"name": "danger",
"required": false,
"type": "boolean"
},
{
"name": "separator",
"required": false,
"type": "boolean"
},
{
"name": "disabled",
"required": false,
"type": "(ctx: TableOptionsDropdownProps['tableContext']) => boolean"
},
{
"name": "action",
"required": true,
"type": "'deleteRow',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.deleteRow',"
},
{
"name": "icon",
"required": true,
"type": "'delete',"
},
{
"name": "danger",
"required": true,
"type": "true,"
},
{
"name": "disabled",
"required": true,
"type": "(ctx) => (ctx?.rowCount ?? 0) <= 1,"
},
{
"name": "action",
"required": true,
"type": "'deleteColumn',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.deleteColumn',"
},
{
"name": "icon",
"required": true,
"type": "'delete',"
},
{
"name": "danger",
"required": true,
"type": "true,"
},
{
"name": "disabled",
"required": true,
"type": "(ctx) => (ctx?.columnCount ?? 0) <= 1,"
},
{
"name": "action",
"required": true,
"type": "'deleteTable',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.deleteTable',"
},
{
"name": "icon",
"required": true,
"type": "'delete',"
},
{
"name": "danger",
"required": true,
"type": "true,"
},
{
"name": "separator",
"required": true,
"type": "true,"
},
{
"name": "action",
"required": true,
"type": "'mergeCells',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.mergeCells',"
},
{
"name": "icon",
"required": true,
"type": "'call_merge',"
},
{
"name": "disabled",
"required": true,
"type": "(ctx) => !ctx?.hasMultiCellSelection,"
},
{
"name": "action",
"required": true,
"type": "'splitCell',"
},
{
"name": "labelKey",
"required": true,
"type": "'table.splitCell',"
},
{
"name": "icon",
"required": true,
"type": "'call_split',"
},
{
"name": "disabled",
"required": true,
"type": "(ctx) => !ctx?.canSplitCell,"
},
{
"name": "position",
"required": true,
"type": "'fixed',"
},
{
"name": "backgroundColor",
"required": true,
"type": "'white',"
},
{
"name": "border",
"required": true,
"type": "'1px solid var(--doc-border)',"
},
{
"name": "borderRadius",
"required": true,
"type": "8,"
},
{
"name": "boxShadow",
"required": true,
"type": "'0 4px 16px rgba(0, 0, 0, 0.12)',"
},
{
"name": "padding",
"required": true,
"type": "'4px 0',"
},
{
"name": "zIndex",
"required": true,
"type": "10000,"
},
{
"name": "minWidth",
"required": true,
"type": "220,"
},
{
"name": "maxHeight",
"required": true,
"type": "'70vh',"
},
{
"name": "overflowY",
"required": true,
"type": "'auto',"
}
],
"emits": ["onAction"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "react-only"
},
{
"name": "TablePropertiesDialog",
"react": {
"componentName": "TablePropertiesDialog",
"filePath": "packages/react/src/components/dialogs/TablePropertiesDialog.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onApply",
"required": true,
"type": "(props: TableProperties) => void"
},
{
"name": "currentProps",
"required": false,
"type": "{"
},
{
"name": "width",
"required": false,
"type": "number"
},
{
"name": "widthType",
"required": false,
"type": "string"
},
{
"name": "justification",
"required": false,
"type": "string"
}
],
"emits": ["onApply", "onClose"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TablePropertiesDialog",
"filePath": "packages/vue/src/components/dialogs/TablePropertiesDialog.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "currentProps",
"required": false,
"type": "{ width?: number"
}
],
"emits": ["apply", "close"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onClose",
"required": true,
"type": "() => void"
},
{
"name": "onApply",
"required": true,
"type": "(props: TableProperties) => void"
},
{
"name": "width",
"required": false,
"type": "number"
},
{
"name": "widthType",
"required": false,
"type": "string"
},
{
"name": "justification",
"required": false,
"type": "string"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "TableStyleGallery",
"react": {
"componentName": "TableStyleGallery",
"filePath": "packages/react/src/components/ui/TableStyleGallery.tsx",
"isCoreReexport": false,
"props": [
{
"name": "currentStyleId",
"required": false,
"type": "string | null"
},
{
"name": "documentStyles",
"required": false,
"type": "Style[]"
},
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "TableNormal",
"required": true,
"type": "'table.styles.normalTable',"
},
{
"name": "TableGrid",
"required": true,
"type": "'table.styles.tableGrid',"
},
{
"name": "TableGridLight",
"required": true,
"type": "'table.styles.gridTableLight',"
},
{
"name": "PlainTable1",
"required": true,
"type": "'table.styles.plainTable1',"
},
{
"name": "PlainTable2",
"required": true,
"type": "'table.styles.plainTable2',"
},
{
"name": "PlainTable3",
"required": true,
"type": "'table.styles.plainTable3',"
},
{
"name": "PlainTable4",
"required": true,
"type": "'table.styles.plainTable4',"
}
],
"emits": ["onAction"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TableStyleGallery",
"filePath": "packages/vue/src/components/ui/TableStyleGallery.vue",
"isCoreReexport": false,
"props": [
{
"name": "currentStyleId",
"required": false,
"type": "string | null"
}
],
"emits": ["apply"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "documentStyles",
"required": false,
"type": "Style[]"
},
{
"name": "onAction",
"required": true,
"type": "(action: TableAction) => void"
},
{
"name": "TableNormal",
"required": true,
"type": "'table.styles.normalTable',"
},
{
"name": "TableGrid",
"required": true,
"type": "'table.styles.tableGrid',"
},
{
"name": "TableGridLight",
"required": true,
"type": "'table.styles.gridTableLight',"
},
{
"name": "PlainTable1",
"required": true,
"type": "'table.styles.plainTable1',"
},
{
"name": "PlainTable2",
"required": true,
"type": "'table.styles.plainTable2',"
},
{
"name": "PlainTable3",
"required": true,
"type": "'table.styles.plainTable3',"
},
{
"name": "PlainTable4",
"required": true,
"type": "'table.styles.plainTable4',"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": ["action"],
"emitsAddedInVue": ["apply"]
},
"status": "signature-divergence"
},
{
"name": "tableStylePresets",
"vue": {
"componentName": "tableStylePresets",
"filePath": "packages/vue/src/components/tableStylePresets.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "TableToolbar",
"react": {
"componentName": "TableToolbar",
"filePath": "packages/react/src/components/ui/TableToolbar.tsx",
"isCoreReexport": false,
"props": [
{
"name": "context",
"required": true,
"type": "TableContext | null"
},
{
"name": "onAction",
"required": false,
"type": "(action: TableAction, context: TableContext) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "showLabels",
"required": false,
"type": "boolean"
},
{
"name": "compact",
"required": false,
"type": "boolean"
},
{
"name": "position",
"required": false,
"type": "'top' | 'floating'"
},
{
"name": "children",
"required": false,
"type": "ReactNode"
},
{
"name": "action",
"required": true,
"type": "TableAction"
},
{
"name": "label",
"required": true,
"type": "string"
},
{
"name": "icon",
"required": true,
"type": "ReactNode"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "onClick",
"required": false,
"type": "() => void"
},
{
"name": "showLabel",
"required": false,
"type": "boolean"
},
{
"name": "compact",
"required": false,
"type": "boolean"
},
{
"name": "shortcut",
"required": false,
"type": "string"
},
{
"name": "container",
"required": true,
"type": "{"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "gap",
"required": true,
"type": "'4px',"
},
{
"name": "padding",
"required": true,
"type": "'4px 8px',"
},
{
"name": "backgroundColor",
"required": true,
"type": "'var(--doc-bg-subtle)',"
},
{
"name": "borderRadius",
"required": true,
"type": "'4px',"
},
{
"name": "border",
"required": true,
"type": "'1px solid var(--doc-border)',"
},
{
"name": "fontSize",
"required": true,
"type": "'12px',"
},
{
"name": "containerCompact",
"required": true,
"type": "{"
},
{
"name": "padding",
"required": true,
"type": "'2px 4px',"
},
{
"name": "gap",
"required": true,
"type": "'2px',"
},
{
"name": "containerFloating",
"required": true,
"type": "{"
},
{
"name": "position",
"required": true,
"type": "'absolute',"
},
{
"name": "zIndex",
"required": true,
"type": "1000,"
},
{
"name": "boxShadow",
"required": true,
"type": "'0 2px 8px rgba(0, 0, 0, 0.15)',"
},
{
"name": "group",
"required": true,
"type": "{"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "gap",
"required": true,
"type": "'2px',"
},
{
"name": "separator",
"required": true,
"type": "{"
},
{
"name": "width",
"required": true,
"type": "'1px',"
},
{
"name": "height",
"required": true,
"type": "'20px',"
},
{
"name": "backgroundColor",
"required": true,
"type": "'var(--doc-border-dark)',"
},
{
"name": "margin",
"required": true,
"type": "'0 4px',"
},
{
"name": "button",
"required": true,
"type": "{"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "gap",
"required": true,
"type": "'4px',"
},
{
"name": "padding",
"required": true,
"type": "'4px 8px',"
},
{
"name": "border",
"required": true,
"type": "'none',"
},
{
"name": "borderRadius",
"required": true,
"type": "'3px',"
},
{
"name": "backgroundColor",
"required": true,
"type": "'transparent',"
},
{
"name": "color",
"required": true,
"type": "'var(--doc-text)',"
},
{
"name": "cursor",
"required": true,
"type": "'pointer',"
},
{
"name": "fontSize",
"required": true,
"type": "'12px',"
},
{
"name": "lineHeight",
"required": true,
"type": "'1',"
},
{
"name": "transition",
"required": true,
"type": "'background-color 0.15s, color 0.15s',"
},
{
"name": "buttonCompact",
"required": true,
"type": "{"
},
{
"name": "padding",
"required": true,
"type": "'3px 5px',"
},
{
"name": "buttonHover",
"required": true,
"type": "{"
},
{
"name": "backgroundColor",
"required": true,
"type": "'var(--doc-border)',"
},
{
"name": "buttonDisabled",
"required": true,
"type": "{"
},
{
"name": "color",
"required": true,
"type": "'var(--doc-text-subtle)',"
},
{
"name": "cursor",
"required": true,
"type": "'not-allowed',"
},
{
"name": "buttonDelete",
"required": true,
"type": "{"
},
{
"name": "color",
"required": true,
"type": "'var(--doc-error)',"
},
{
"name": "label",
"required": true,
"type": "{"
},
{
"name": "fontSize",
"required": true,
"type": "'11px',"
},
{
"name": "fontWeight",
"required": true,
"type": "500,"
},
{
"name": "color",
"required": true,
"type": "'var(--doc-text-muted)',"
},
{
"name": "marginRight",
"required": true,
"type": "'8px',"
},
{
"name": "whiteSpace",
"required": true,
"type": "'nowrap',"
},
{
"name": "hidden",
"required": true,
"type": "{"
},
{
"name": "display",
"required": true,
"type": "'none',"
}
],
"emits": ["onAction", "onClick"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TableToolbar",
"filePath": "packages/vue/src/components/ui/TableToolbar.vue",
"isCoreReexport": false,
"props": [
{
"name": "view",
"required": true,
"type": "EditorView | null"
},
{
"name": "getCommands",
"required": true,
"type": "() => Record<string, (...args: any[]) => any>"
},
{
"name": "stateTick",
"required": true,
"type": "number"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": ["getCommands"]
},
"divergence": {
"propsAddedInReact": [
{
"name": "context",
"required": true,
"type": "TableContext | null"
},
{
"name": "onAction",
"required": false,
"type": "(action: TableAction, context: TableContext) => void"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "showLabels",
"required": false,
"type": "boolean"
},
{
"name": "compact",
"required": false,
"type": "boolean"
},
{
"name": "position",
"required": false,
"type": "'top' | 'floating'"
},
{
"name": "children",
"required": false,
"type": "ReactNode"
},
{
"name": "action",
"required": true,
"type": "TableAction"
},
{
"name": "label",
"required": true,
"type": "string"
},
{
"name": "icon",
"required": true,
"type": "ReactNode"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "onClick",
"required": false,
"type": "() => void"
},
{
"name": "showLabel",
"required": false,
"type": "boolean"
},
{
"name": "compact",
"required": false,
"type": "boolean"
},
{
"name": "shortcut",
"required": false,
"type": "string"
},
{
"name": "container",
"required": true,
"type": "{"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "gap",
"required": true,
"type": "'4px',"
},
{
"name": "padding",
"required": true,
"type": "'4px 8px',"
},
{
"name": "backgroundColor",
"required": true,
"type": "'var(--doc-bg-subtle)',"
},
{
"name": "borderRadius",
"required": true,
"type": "'4px',"
},
{
"name": "border",
"required": true,
"type": "'1px solid var(--doc-border)',"
},
{
"name": "fontSize",
"required": true,
"type": "'12px',"
},
{
"name": "containerCompact",
"required": true,
"type": "{"
},
{
"name": "padding",
"required": true,
"type": "'2px 4px',"
},
{
"name": "gap",
"required": true,
"type": "'2px',"
},
{
"name": "containerFloating",
"required": true,
"type": "{"
},
{
"name": "position",
"required": true,
"type": "'absolute',"
},
{
"name": "zIndex",
"required": true,
"type": "1000,"
},
{
"name": "boxShadow",
"required": true,
"type": "'0 2px 8px rgba(0, 0, 0, 0.15)',"
},
{
"name": "group",
"required": true,
"type": "{"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "gap",
"required": true,
"type": "'2px',"
},
{
"name": "separator",
"required": true,
"type": "{"
},
{
"name": "width",
"required": true,
"type": "'1px',"
},
{
"name": "height",
"required": true,
"type": "'20px',"
},
{
"name": "backgroundColor",
"required": true,
"type": "'var(--doc-border-dark)',"
},
{
"name": "margin",
"required": true,
"type": "'0 4px',"
},
{
"name": "button",
"required": true,
"type": "{"
},
{
"name": "display",
"required": true,
"type": "'flex',"
},
{
"name": "alignItems",
"required": true,
"type": "'center',"
},
{
"name": "justifyContent",
"required": true,
"type": "'center',"
},
{
"name": "gap",
"required": true,
"type": "'4px',"
},
{
"name": "padding",
"required": true,
"type": "'4px 8px',"
},
{
"name": "border",
"required": true,
"type": "'none',"
},
{
"name": "borderRadius",
"required": true,
"type": "'3px',"
},
{
"name": "backgroundColor",
"required": true,
"type": "'transparent',"
},
{
"name": "color",
"required": true,
"type": "'var(--doc-text)',"
},
{
"name": "cursor",
"required": true,
"type": "'pointer',"
},
{
"name": "fontSize",
"required": true,
"type": "'12px',"
},
{
"name": "lineHeight",
"required": true,
"type": "'1',"
},
{
"name": "transition",
"required": true,
"type": "'background-color 0.15s, color 0.15s',"
},
{
"name": "buttonCompact",
"required": true,
"type": "{"
},
{
"name": "padding",
"required": true,
"type": "'3px 5px',"
},
{
"name": "buttonHover",
"required": true,
"type": "{"
},
{
"name": "backgroundColor",
"required": true,
"type": "'var(--doc-border)',"
},
{
"name": "buttonDisabled",
"required": true,
"type": "{"
},
{
"name": "color",
"required": true,
"type": "'var(--doc-text-subtle)',"
},
{
"name": "cursor",
"required": true,
"type": "'not-allowed',"
},
{
"name": "buttonDelete",
"required": true,
"type": "{"
},
{
"name": "color",
"required": true,
"type": "'var(--doc-error)',"
},
{
"name": "label",
"required": true,
"type": "{"
},
{
"name": "fontSize",
"required": true,
"type": "'11px',"
},
{
"name": "fontWeight",
"required": true,
"type": "500,"
},
{
"name": "color",
"required": true,
"type": "'var(--doc-text-muted)',"
},
{
"name": "marginRight",
"required": true,
"type": "'8px',"
},
{
"name": "whiteSpace",
"required": true,
"type": "'nowrap',"
},
{
"name": "hidden",
"required": true,
"type": "{"
},
{
"name": "display",
"required": true,
"type": "'none',"
}
],
"propsAddedInVue": [
{
"name": "view",
"required": true,
"type": "EditorView | null"
},
{
"name": "getCommands",
"required": true,
"type": "() => Record<string, (...args: any[]) => any>"
},
{
"name": "stateTick",
"required": true,
"type": "number"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
}
],
"emitsAddedInReact": ["action", "click"],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "TemplateChip",
"react": {
"componentName": "TemplateChip",
"filePath": "packages/react/src/plugins/template/components/TemplateChip.tsx",
"isCoreReexport": false,
"props": [
{
"name": "tag",
"required": true,
"type": "TemplateTag"
},
{
"name": "isHovered",
"required": true,
"type": "boolean"
},
{
"name": "onHover",
"required": true,
"type": "(id: string | undefined) => void"
},
{
"name": "onSelect",
"required": true,
"type": "(id: string) => void"
},
{
"name": "display",
"required": true,
"type": "inline-flex"
},
{
"name": "gap",
"required": true,
"type": "4px"
},
{
"name": "padding",
"required": true,
"type": "5px 10px"
},
{
"name": "background",
"required": true,
"type": "white"
},
{
"name": "border",
"required": true,
"type": "1px solid #e2e8f0"
},
{
"name": "cursor",
"required": true,
"type": "pointer"
},
{
"name": "padding",
"required": true,
"type": "1px 5px"
},
{
"name": "color",
"required": true,
"type": "white"
},
{
"name": "color",
"required": true,
"type": "#334155"
},
{
"name": "display",
"required": true,
"type": "flex"
},
{
"name": "gap",
"required": true,
"type": "4px"
},
{
"name": "width",
"required": true,
"type": "100%"
},
{
"name": "color",
"required": true,
"type": "#64748b"
},
{
"name": "background",
"required": true,
"type": "rgba(0, 0, 0, 0.04)"
},
{
"name": "padding",
"required": true,
"type": "2px 6px"
},
{
"name": "background",
"required": true,
"type": "rgba(59, 130, 246, 0.15)"
},
{
"name": "color",
"required": true,
"type": "#1e40af"
}
],
"emits": ["onHover", "onSelect"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": ["getSidebarItems"]
},
"vue": {
"componentName": "TemplateChip",
"filePath": "packages/vue/src/plugins/template/components/TemplateChip.vue",
"isCoreReexport": false,
"props": [
{
"name": "tag",
"required": true,
"type": "TemplateTag"
},
{
"name": "isHovered",
"required": false,
"type": "boolean"
}
],
"emits": ["hover", "select"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onHover",
"required": true,
"type": "(id: string | undefined) => void"
},
{
"name": "onSelect",
"required": true,
"type": "(id: string) => void"
},
{
"name": "display",
"required": true,
"type": "inline-flex"
},
{
"name": "gap",
"required": true,
"type": "4px"
},
{
"name": "padding",
"required": true,
"type": "5px 10px"
},
{
"name": "background",
"required": true,
"type": "white"
},
{
"name": "border",
"required": true,
"type": "1px solid #e2e8f0"
},
{
"name": "cursor",
"required": true,
"type": "pointer"
},
{
"name": "padding",
"required": true,
"type": "1px 5px"
},
{
"name": "color",
"required": true,
"type": "white"
},
{
"name": "color",
"required": true,
"type": "#334155"
},
{
"name": "display",
"required": true,
"type": "flex"
},
{
"name": "gap",
"required": true,
"type": "4px"
},
{
"name": "width",
"required": true,
"type": "100%"
},
{
"name": "color",
"required": true,
"type": "#64748b"
},
{
"name": "background",
"required": true,
"type": "rgba(0, 0, 0, 0.04)"
},
{
"name": "padding",
"required": true,
"type": "2px 6px"
},
{
"name": "background",
"required": true,
"type": "rgba(59, 130, 246, 0.15)"
},
{
"name": "color",
"required": true,
"type": "#1e40af"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "TemplateHighlightOverlay",
"react": {
"componentName": "TemplateHighlightOverlay",
"filePath": "packages/react/src/plugins/template/components/TemplateHighlightOverlay.tsx",
"isCoreReexport": false,
"props": [
{
"name": "context",
"required": true,
"type": "RenderedDomContext"
},
{
"name": "tags",
"required": true,
"type": "TemplateTag[]"
},
{
"name": "hoveredId",
"required": false,
"type": "string"
},
{
"name": "selectedId",
"required": false,
"type": "string"
},
{
"name": "onHover",
"required": false,
"type": "(id: string | undefined) => void"
},
{
"name": "onSelect",
"required": false,
"type": "(id: string) => void"
},
{
"name": "variable",
"required": true,
"type": "'rgba(245, 158, 11, 0.3)',"
},
{
"name": "sectionStart",
"required": true,
"type": "'rgba(59, 130, 246, 0.3)',"
},
{
"name": "sectionEnd",
"required": true,
"type": "'rgba(59, 130, 246, 0.3)',"
},
{
"name": "invertedStart",
"required": true,
"type": "'rgba(139, 92, 246, 0.3)',"
},
{
"name": "raw",
"required": true,
"type": "'rgba(239, 68, 68, 0.3)',"
}
],
"emits": ["onHover", "onSelect"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TemplateHighlightOverlay",
"filePath": "packages/vue/src/plugins/template/components/TemplateHighlightOverlay.vue",
"isCoreReexport": false,
"props": [
{
"name": "tag",
"required": true,
"type": "TemplateTag | null"
},
{
"name": "pagesContainer",
"required": true,
"type": "HTMLElement | null"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "context",
"required": true,
"type": "RenderedDomContext"
},
{
"name": "tags",
"required": true,
"type": "TemplateTag[]"
},
{
"name": "hoveredId",
"required": false,
"type": "string"
},
{
"name": "selectedId",
"required": false,
"type": "string"
},
{
"name": "onHover",
"required": false,
"type": "(id: string | undefined) => void"
},
{
"name": "onSelect",
"required": false,
"type": "(id: string) => void"
},
{
"name": "variable",
"required": true,
"type": "'rgba(245, 158, 11, 0.3)',"
},
{
"name": "sectionStart",
"required": true,
"type": "'rgba(59, 130, 246, 0.3)',"
},
{
"name": "sectionEnd",
"required": true,
"type": "'rgba(59, 130, 246, 0.3)',"
},
{
"name": "invertedStart",
"required": true,
"type": "'rgba(139, 92, 246, 0.3)',"
},
{
"name": "raw",
"required": true,
"type": "'rgba(239, 68, 68, 0.3)',"
}
],
"propsAddedInVue": [
{
"name": "tag",
"required": true,
"type": "TemplateTag | null"
},
{
"name": "pagesContainer",
"required": true,
"type": "HTMLElement | null"
}
],
"emitsAddedInReact": ["hover", "select"],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "TextContextMenu",
"react": {
"componentName": "TextContextMenu",
"filePath": "packages/react/src/components/TextContextMenu.tsx",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "position",
"required": true,
"type": "{ x: number"
}
],
"emits": [],
"commands": [],
"shortcuts": ["'Ctrl+A'", "'Ctrl+C'", "'Ctrl+Shift+V'", "'Ctrl+V'", "'Ctrl+X'"],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TextContextMenu",
"filePath": "packages/vue/src/components/TextContextMenu.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "position",
"required": true,
"type": "{ x: number"
}
],
"emits": ["action", "close"],
"commands": [],
"shortcuts": ["'Ctrl+A'", "'Ctrl+C'", "'Ctrl+Shift+V'", "'Ctrl+V'", "'Ctrl+X'"],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": ["action", "close"]
},
"status": "signature-divergence"
},
{
"name": "TitleBar",
"react": {
"componentName": "TitleBar",
"filePath": "packages/react/src/components/TitleBar.tsx",
"isCoreReexport": false,
"props": [
{
"name": "children",
"required": true,
"type": "ReactNode"
},
{
"name": "value",
"required": true,
"type": "string"
},
{
"name": "onChange",
"required": false,
"type": "(value: string) => void"
},
{
"name": "placeholder",
"required": false,
"type": "string"
},
{
"name": "editable",
"required": false,
"type": "boolean"
},
{
"name": "children",
"required": true,
"type": "ReactNode"
}
],
"emits": ["onChange"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TitleBar",
"filePath": "packages/vue/src/components/TitleBar.vue",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "children",
"required": true,
"type": "ReactNode"
},
{
"name": "value",
"required": true,
"type": "string"
},
{
"name": "onChange",
"required": false,
"type": "(value: string) => void"
},
{
"name": "placeholder",
"required": false,
"type": "string"
},
{
"name": "editable",
"required": false,
"type": "boolean"
},
{
"name": "children",
"required": true,
"type": "ReactNode"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": ["change"],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "Toolbar",
"react": {
"componentName": "Toolbar",
"filePath": "packages/react/src/components/Toolbar.tsx",
"isCoreReexport": false,
"props": [
{
"name": "currentFormatting",
"required": false,
"type": "SelectionFormatting"
},
{
"name": "onFormat",
"required": false,
"type": "(action: FormattingAction) => void"
},
{
"name": "onUndo",
"required": false,
"type": "() => void"
},
{
"name": "onRedo",
"required": false,
"type": "() => void"
},
{
"name": "canUndo",
"required": false,
"type": "boolean"
},
{
"name": "canRedo",
"required": false,
"type": "boolean"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "enableShortcuts",
"required": false,
"type": "boolean"
},
{
"name": "editorRef",
"required": false,
"type": "React.RefObject<HTMLElement>"
},
{
"name": "children",
"required": false,
"type": "ReactNode"
},
{
"name": "inline",
"required": false,
"type": "boolean"
},
{
"name": "showFontPicker",
"required": false,
"type": "boolean"
},
{
"name": "fontFamilies",
"required": false,
"type": "ReadonlyArray<string | FontOption>"
},
{
"name": "showFontSizePicker",
"required": false,
"type": "boolean"
},
{
"name": "showTextColorPicker",
"required": false,
"type": "boolean"
},
{
"name": "showHighlightColorPicker",
"required": false,
"type": "boolean"
},
{
"name": "showAlignmentButtons",
"required": false,
"type": "boolean"
},
{
"name": "showListButtons",
"required": false,
"type": "boolean"
},
{
"name": "showLineSpacingPicker",
"required": false,
"type": "boolean"
},
{
"name": "showStylePicker",
"required": false,
"type": "boolean"
},
{
"name": "documentStyles",
"required": false,
"type": "Style[]"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
},
{
"name": "onPrint",
"required": false,
"type": "() => void"
},
{
"name": "showPrintButton",
"required": false,
"type": "boolean"
},
{
"name": "onOpen",
"required": false,
"type": "() => void"
},
{
"name": "onSave",
"required": false,
"type": "() => void"
},
{
"name": "showZoomControl",
"required": false,
"type": "boolean"
},
{
"name": "zoom",
"required": false,
"type": "number"
},
{
"name": "onZoomChange",
"required": false,
"type": "(zoom: number) => void"
},
{
"name": "onRefocusEditor",
"required": false,
"type": "() => void"
},
{
"name": "onInsertTable",
"required": false,
"type": "(rows: number, columns: number) => void"
},
{
"name": "showTableInsert",
"required": false,
"type": "boolean"
},
{
"name": "onInsertImage",
"required": false,
"type": "() => void"
},
{
"name": "onInsertPageBreak",
"required": false,
"type": "() => void"
},
{
"name": "onInsertTOC",
"required": false,
"type": "() => void"
},
{
"name": "onInsertShape",
"required": false,
"type": "(data: {"
},
{
"name": "shapeType",
"required": true,
"type": "string"
},
{
"name": "width",
"required": true,
"type": "number"
},
{
"name": "height",
"required": true,
"type": "number"
},
{
"name": "fillColor",
"required": false,
"type": "string"
},
{
"name": "fillType",
"required": false,
"type": "string"
},
{
"name": "outlineWidth",
"required": false,
"type": "number"
},
{
"name": "outlineColor",
"required": false,
"type": "string"
}
],
"emits": [
"onFormat",
"onInsertImage",
"onInsertPageBreak",
"onInsertShape",
"onInsertTOC",
"onInsertTable",
"onOpen",
"onPrint",
"onRedo",
"onRefocusEditor",
"onSave",
"onUndo",
"onZoomChange"
],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "Toolbar",
"filePath": "packages/vue/src/components/Toolbar.vue",
"isCoreReexport": false,
"props": [
{
"name": "view",
"required": true,
"type": "EditorView | null"
},
{
"name": "getCommands",
"required": true,
"type": "() => Record<string, (...args: any[]) => any>"
},
{
"name": "stateTick",
"required": true,
"type": "number"
},
{
"name": "zoomPercent",
"required": false,
"type": "number"
},
{
"name": "isMinZoom",
"required": false,
"type": "boolean"
},
{
"name": "isMaxZoom",
"required": false,
"type": "boolean"
},
{
"name": "zoomPresets",
"required": false,
"type": "number[]"
},
{
"name": "editorMode",
"required": false,
"type": "EditorMode"
},
{
"name": "commentsSidebarOpen",
"required": false,
"type": "boolean"
},
{
"name": "imageContext",
"required": false,
"type": "ImageToolbarContext | null"
},
{
"name": "theme",
"required": false,
"type": "Theme | null"
}
],
"emits": [
"apply-style",
"find-replace",
"image-properties",
"image-transform",
"image-wrap-type",
"insert-image",
"insert-link",
"insert-page-break",
"insert-symbol",
"insert-table",
"insert-toc",
"mode-change",
"page-setup",
"toggle-outline",
"toggle-sidebar",
"zoom-in",
"zoom-out",
"zoom-set"
],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": ["getCommands"]
},
"divergence": {
"propsAddedInReact": [
{
"name": "currentFormatting",
"required": false,
"type": "SelectionFormatting"
},
{
"name": "onFormat",
"required": false,
"type": "(action: FormattingAction) => void"
},
{
"name": "onUndo",
"required": false,
"type": "() => void"
},
{
"name": "onRedo",
"required": false,
"type": "() => void"
},
{
"name": "canUndo",
"required": false,
"type": "boolean"
},
{
"name": "canRedo",
"required": false,
"type": "boolean"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
},
{
"name": "enableShortcuts",
"required": false,
"type": "boolean"
},
{
"name": "editorRef",
"required": false,
"type": "React.RefObject<HTMLElement>"
},
{
"name": "children",
"required": false,
"type": "ReactNode"
},
{
"name": "inline",
"required": false,
"type": "boolean"
},
{
"name": "showFontPicker",
"required": false,
"type": "boolean"
},
{
"name": "fontFamilies",
"required": false,
"type": "ReadonlyArray<string | FontOption>"
},
{
"name": "showFontSizePicker",
"required": false,
"type": "boolean"
},
{
"name": "showTextColorPicker",
"required": false,
"type": "boolean"
},
{
"name": "showHighlightColorPicker",
"required": false,
"type": "boolean"
},
{
"name": "showAlignmentButtons",
"required": false,
"type": "boolean"
},
{
"name": "showListButtons",
"required": false,
"type": "boolean"
},
{
"name": "showLineSpacingPicker",
"required": false,
"type": "boolean"
},
{
"name": "showStylePicker",
"required": false,
"type": "boolean"
},
{
"name": "documentStyles",
"required": false,
"type": "Style[]"
},
{
"name": "onPrint",
"required": false,
"type": "() => void"
},
{
"name": "showPrintButton",
"required": false,
"type": "boolean"
},
{
"name": "onOpen",
"required": false,
"type": "() => void"
},
{
"name": "onSave",
"required": false,
"type": "() => void"
},
{
"name": "showZoomControl",
"required": false,
"type": "boolean"
},
{
"name": "zoom",
"required": false,
"type": "number"
},
{
"name": "onZoomChange",
"required": false,
"type": "(zoom: number) => void"
},
{
"name": "onRefocusEditor",
"required": false,
"type": "() => void"
},
{
"name": "onInsertTable",
"required": false,
"type": "(rows: number, columns: number) => void"
},
{
"name": "showTableInsert",
"required": false,
"type": "boolean"
},
{
"name": "onInsertImage",
"required": false,
"type": "() => void"
},
{
"name": "onInsertPageBreak",
"required": false,
"type": "() => void"
},
{
"name": "onInsertTOC",
"required": false,
"type": "() => void"
},
{
"name": "onInsertShape",
"required": false,
"type": "(data: {"
},
{
"name": "shapeType",
"required": true,
"type": "string"
},
{
"name": "width",
"required": true,
"type": "number"
},
{
"name": "height",
"required": true,
"type": "number"
},
{
"name": "fillColor",
"required": false,
"type": "string"
},
{
"name": "fillType",
"required": false,
"type": "string"
},
{
"name": "outlineWidth",
"required": false,
"type": "number"
},
{
"name": "outlineColor",
"required": false,
"type": "string"
}
],
"propsAddedInVue": [
{
"name": "view",
"required": true,
"type": "EditorView | null"
},
{
"name": "getCommands",
"required": true,
"type": "() => Record<string, (...args: any[]) => any>"
},
{
"name": "stateTick",
"required": true,
"type": "number"
},
{
"name": "zoomPercent",
"required": false,
"type": "number"
},
{
"name": "isMinZoom",
"required": false,
"type": "boolean"
},
{
"name": "isMaxZoom",
"required": false,
"type": "boolean"
},
{
"name": "zoomPresets",
"required": false,
"type": "number[]"
},
{
"name": "editorMode",
"required": false,
"type": "EditorMode"
},
{
"name": "commentsSidebarOpen",
"required": false,
"type": "boolean"
},
{
"name": "imageContext",
"required": false,
"type": "ImageToolbarContext | null"
}
],
"emitsAddedInReact": [
"format",
"insert-shape",
"insert-t-o-c",
"open",
"print",
"redo",
"refocus-editor",
"save",
"undo",
"zoom-change"
],
"emitsAddedInVue": [
"apply-style",
"find-replace",
"image-properties",
"image-transform",
"image-wrap-type",
"insert-link",
"insert-symbol",
"insert-toc",
"mode-change",
"page-setup",
"toggle-outline",
"toggle-sidebar",
"zoom-in",
"zoom-out",
"zoom-set"
]
},
"status": "signature-divergence"
},
{
"name": "Tooltip",
"react": {
"componentName": "Tooltip",
"filePath": "packages/react/src/components/ui/Tooltip.tsx",
"isCoreReexport": false,
"props": [
{
"name": "content",
"required": true,
"type": "React.ReactNode"
},
{
"name": "children",
"required": true,
"type": "React.ReactElement"
},
{
"name": "side",
"required": false,
"type": "'top' | 'bottom' | 'left' | 'right'"
},
{
"name": "delayMs",
"required": false,
"type": "number"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "Tooltip",
"filePath": "packages/vue/src/components/ui/Tooltip.vue",
"isCoreReexport": false,
"props": [
{
"name": "content",
"required": true,
"type": "string"
},
{
"name": "side",
"required": false,
"type": "'top' | 'bottom' | 'left' | 'right'"
},
{
"name": "delayMs",
"required": false,
"type": "number"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "children",
"required": true,
"type": "React.ReactElement"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "TrackedChangeCard",
"react": {
"componentName": "TrackedChangeCard",
"filePath": "packages/react/src/components/sidebar/TrackedChangeCard.tsx",
"isCoreReexport": false,
"props": [
{
"name": "change",
"required": true,
"type": "TrackedChangeEntry"
},
{
"name": "replies",
"required": true,
"type": "Comment[]"
},
{
"name": "onAccept",
"required": false,
"type": "(from: number, to: number) => void"
},
{
"name": "onReject",
"required": false,
"type": "(from: number, to: number) => void"
},
{
"name": "onReply",
"required": false,
"type": "(revisionId: number, text: string) => void"
}
],
"emits": ["onAccept", "onReject", "onReply"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "TrackedChangeCard",
"filePath": "packages/vue/src/components/sidebar/TrackedChangeCard.vue",
"isCoreReexport": false,
"props": [
{
"name": "change",
"required": true,
"type": "TrackedChangeEntry"
},
{
"name": "expanded",
"required": true,
"type": "boolean"
}
],
"emits": ["accept", "click", "reject", "reply"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "replies",
"required": true,
"type": "Comment[]"
},
{
"name": "onAccept",
"required": false,
"type": "(from: number, to: number) => void"
},
{
"name": "onReject",
"required": false,
"type": "(from: number, to: number) => void"
},
{
"name": "onReply",
"required": false,
"type": "(revisionId: number, text: string) => void"
}
],
"propsAddedInVue": [
{
"name": "expanded",
"required": true,
"type": "boolean"
}
],
"emitsAddedInReact": [],
"emitsAddedInVue": ["click"]
},
"status": "signature-divergence"
},
{
"name": "types",
"react": {
"componentName": "types",
"filePath": "packages/react/src/i18n/types.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "types",
"filePath": "packages/vue/src/i18n/types.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "ui",
"react": {
"componentName": "ui",
"filePath": "packages/react/src/ui.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "react-only"
},
{
"name": "UnifiedSidebar",
"react": {
"componentName": "UnifiedSidebar",
"filePath": "packages/react/src/components/UnifiedSidebar.tsx",
"isCoreReexport": false,
"props": [
{
"name": "items",
"required": true,
"type": "ReactSidebarItem[]"
},
{
"name": "anchorPositions",
"required": true,
"type": "Map<string, number>"
},
{
"name": "renderedDomContext",
"required": true,
"type": "RenderedDomContext | null"
},
{
"name": "pageWidth",
"required": true,
"type": "number"
},
{
"name": "zoom",
"required": true,
"type": "number"
},
{
"name": "editorContainerRef",
"required": true,
"type": "React.RefObject<HTMLDivElement | null>"
},
{
"name": "onExpandedItemChange",
"required": false,
"type": "(itemId: string | null) => void"
},
{
"name": "activeItemId",
"required": false,
"type": "string | null"
}
],
"emits": ["onExpandedItemChange"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "UnifiedSidebar",
"filePath": "packages/vue/src/components/UnifiedSidebar.vue",
"isCoreReexport": false,
"props": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "comments",
"required": true,
"type": "Comment[]"
},
{
"name": "trackedChanges",
"required": true,
"type": "TrackedChangeEntry[]"
},
{
"name": "isAddingComment",
"required": false,
"type": "boolean"
},
{
"name": "showResolved",
"required": false,
"type": "boolean"
},
{
"name": "pagesContainer",
"required": true,
"type": "HTMLElement | null"
},
{
"name": "pageWidthPx",
"required": true,
"type": "number"
},
{
"name": "zoom",
"required": false,
"type": "number"
},
{
"name": "activeItemId",
"required": false,
"type": "string | null"
},
{
"name": "addCommentYPosition",
"required": false,
"type": "number | null"
}
],
"emits": [
"accept-change",
"add-comment",
"cancel-add-comment",
"close",
"comment-delete",
"comment-reply",
"comment-resolve",
"comment-unresolve",
"reject-change",
"tracked-change-reply"
],
"commands": [],
"shortcuts": [],
"sidebarKinds": ["comment", "tracked-change"],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "items",
"required": true,
"type": "ReactSidebarItem[]"
},
{
"name": "anchorPositions",
"required": true,
"type": "Map<string, number>"
},
{
"name": "renderedDomContext",
"required": true,
"type": "RenderedDomContext | null"
},
{
"name": "pageWidth",
"required": true,
"type": "number"
},
{
"name": "editorContainerRef",
"required": true,
"type": "React.RefObject<HTMLDivElement | null>"
},
{
"name": "onExpandedItemChange",
"required": false,
"type": "(itemId: string | null) => void"
}
],
"propsAddedInVue": [
{
"name": "isOpen",
"required": true,
"type": "boolean"
},
{
"name": "comments",
"required": true,
"type": "Comment[]"
},
{
"name": "trackedChanges",
"required": true,
"type": "TrackedChangeEntry[]"
},
{
"name": "isAddingComment",
"required": false,
"type": "boolean"
},
{
"name": "showResolved",
"required": false,
"type": "boolean"
},
{
"name": "pagesContainer",
"required": true,
"type": "HTMLElement | null"
},
{
"name": "pageWidthPx",
"required": true,
"type": "number"
},
{
"name": "addCommentYPosition",
"required": false,
"type": "number | null"
}
],
"emitsAddedInReact": ["expanded-item-change"],
"emitsAddedInVue": [
"accept-change",
"add-comment",
"cancel-add-comment",
"close",
"comment-delete",
"comment-reply",
"comment-resolve",
"comment-unresolve",
"reject-change",
"tracked-change-reply"
]
},
"status": "signature-divergence"
},
{
"name": "UnsavedIndicator",
"react": {
"componentName": "UnsavedIndicator",
"filePath": "packages/react/src/components/ui/UnsavedIndicator.tsx",
"isCoreReexport": false,
"props": [
{
"name": "hasUnsavedChanges",
"required": true,
"type": "boolean"
},
{
"name": "variant",
"required": false,
"type": "IndicatorVariant"
},
{
"name": "position",
"required": false,
"type": "IndicatorPosition"
},
{
"name": "showPulse",
"required": false,
"type": "boolean"
},
{
"name": "label",
"required": false,
"type": "string"
},
{
"name": "savedLabel",
"required": false,
"type": "string"
},
{
"name": "showWhenSaved",
"required": false,
"type": "boolean"
},
{
"name": "unsavedColor",
"required": false,
"type": "string"
},
{
"name": "savedColor",
"required": false,
"type": "string"
},
{
"name": "size",
"required": false,
"type": "number"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "React.CSSProperties"
},
{
"name": "onClick",
"required": false,
"type": "() => void"
},
{
"name": "title",
"required": false,
"type": "string"
},
{
"name": "document",
"required": false,
"type": "Document | null"
},
{
"name": "warnBeforeLeave",
"required": false,
"type": "boolean"
},
{
"name": "warningMessage",
"required": false,
"type": "string"
},
{
"name": "enabled",
"required": false,
"type": "boolean"
},
{
"name": "onChangeStatusChange",
"required": false,
"type": "(hasChanges: boolean) => void"
},
{
"name": "hasUnsavedChanges",
"required": true,
"type": "boolean"
},
{
"name": "markAsSaved",
"required": true,
"type": "() => void"
},
{
"name": "markAsChanged",
"required": true,
"type": "() => void"
},
{
"name": "resetTracking",
"required": true,
"type": "(newDocument?: Document | null) => void"
},
{
"name": "lastSavedDocument",
"required": true,
"type": "Document | null"
},
{
"name": "changeCount",
"required": true,
"type": "number"
}
],
"emits": ["onChangeStatusChange", "onClick"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "UnsavedIndicator",
"filePath": "packages/vue/src/components/ui/UnsavedIndicator.vue",
"isCoreReexport": false,
"props": [
{
"name": "currentState",
"required": false,
"type": "string"
},
{
"name": "warnOnUnload",
"required": false,
"type": "boolean"
},
{
"name": "variant",
"required": false,
"type": "'dot' | 'badge' | 'text'"
},
{
"name": "label",
"required": false,
"type": "string"
},
{
"name": "title",
"required": false,
"type": "string"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "hasUnsavedChanges",
"required": true,
"type": "boolean"
},
{
"name": "position",
"required": false,
"type": "IndicatorPosition"
},
{
"name": "showPulse",
"required": false,
"type": "boolean"
},
{
"name": "savedLabel",
"required": false,
"type": "string"
},
{
"name": "showWhenSaved",
"required": false,
"type": "boolean"
},
{
"name": "unsavedColor",
"required": false,
"type": "string"
},
{
"name": "savedColor",
"required": false,
"type": "string"
},
{
"name": "size",
"required": false,
"type": "number"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "React.CSSProperties"
},
{
"name": "onClick",
"required": false,
"type": "() => void"
},
{
"name": "document",
"required": false,
"type": "Document | null"
},
{
"name": "warnBeforeLeave",
"required": false,
"type": "boolean"
},
{
"name": "warningMessage",
"required": false,
"type": "string"
},
{
"name": "enabled",
"required": false,
"type": "boolean"
},
{
"name": "onChangeStatusChange",
"required": false,
"type": "(hasChanges: boolean) => void"
},
{
"name": "hasUnsavedChanges",
"required": true,
"type": "boolean"
},
{
"name": "markAsSaved",
"required": true,
"type": "() => void"
},
{
"name": "markAsChanged",
"required": true,
"type": "() => void"
},
{
"name": "resetTracking",
"required": true,
"type": "(newDocument?: Document | null) => void"
},
{
"name": "lastSavedDocument",
"required": true,
"type": "Document | null"
},
{
"name": "changeCount",
"required": true,
"type": "number"
}
],
"propsAddedInVue": [
{
"name": "currentState",
"required": false,
"type": "string"
},
{
"name": "warnOnUnload",
"required": false,
"type": "boolean"
}
],
"emitsAddedInReact": ["change-status-change", "click"],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "useAutoSave",
"react": {
"componentName": "useAutoSave",
"filePath": "packages/react/src/hooks/useAutoSave.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "useAutoSave",
"filePath": "packages/vue/src/composables/useAutoSave.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "useClipboard",
"react": {
"componentName": "useClipboard",
"filePath": "packages/react/src/hooks/useClipboard.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "useClipboard",
"filePath": "packages/vue/src/composables/useClipboard.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "useCommentSidebarItems",
"react": {
"componentName": "useCommentSidebarItems",
"filePath": "packages/react/src/hooks/useCommentSidebarItems.tsx",
"isCoreReexport": false,
"props": [
{
"name": "comments",
"required": true,
"type": "Comment[]"
},
{
"name": "trackedChanges",
"required": true,
"type": "TrackedChangeEntry[]"
},
{
"name": "callbacks",
"required": true,
"type": "CommentCallbacks"
},
{
"name": "showResolved",
"required": false,
"type": "boolean"
},
{
"name": "isAddingComment",
"required": false,
"type": "boolean"
},
{
"name": "addCommentYPosition",
"required": false,
"type": "number | null"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "useCommentSidebarItems",
"filePath": "packages/vue/src/composables/useCommentSidebarItems.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": ["add-comment", "comment", "tracked-change"],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "comments",
"required": true,
"type": "Comment[]"
},
{
"name": "trackedChanges",
"required": true,
"type": "TrackedChangeEntry[]"
},
{
"name": "callbacks",
"required": true,
"type": "CommentCallbacks"
},
{
"name": "showResolved",
"required": false,
"type": "boolean"
},
{
"name": "isAddingComment",
"required": false,
"type": "boolean"
},
{
"name": "addCommentYPosition",
"required": false,
"type": "number | null"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "useDocxEditor",
"vue": {
"componentName": "useDocxEditor",
"filePath": "packages/vue/src/composables/useDocxEditor.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": ["image", "paragraph"],
"pluginHooks": ["getCommands"]
},
"status": "vue-only"
},
{
"name": "useDragAutoScroll",
"react": {
"componentName": "useDragAutoScroll",
"filePath": "packages/react/src/hooks/useDragAutoScroll.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "useDragAutoScroll",
"filePath": "packages/vue/src/composables/useDragAutoScroll.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "useFindReplace",
"react": {
"componentName": "useFindReplace",
"filePath": "packages/react/src/hooks/useFindReplace.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "useFindReplace",
"filePath": "packages/vue/src/composables/useFindReplace.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "useFixedDropdown",
"react": {
"componentName": "useFixedDropdown",
"filePath": "packages/react/src/hooks/useFixedDropdown.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "useFixedDropdown",
"filePath": "packages/vue/src/composables/useFixedDropdown.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "useHistory",
"react": {
"componentName": "useHistory",
"filePath": "packages/react/src/hooks/useHistory.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "useHistory",
"filePath": "packages/vue/src/composables/useHistory.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "useSelectionHighlight",
"react": {
"componentName": "useSelectionHighlight",
"filePath": "packages/react/src/hooks/useSelectionHighlight.ts",
"isCoreReexport": false,
"props": [
{
"name": "rects",
"required": true,
"type": "HighlightRect[]"
},
{
"name": "config",
"required": false,
"type": "SelectionHighlightConfig"
},
{
"name": "className",
"required": false,
"type": "string"
}
],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "useSelectionHighlight",
"filePath": "packages/vue/src/composables/useSelectionHighlight.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "rects",
"required": true,
"type": "HighlightRect[]"
},
{
"name": "config",
"required": false,
"type": "SelectionHighlightConfig"
},
{
"name": "className",
"required": false,
"type": "string"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "useTableResize",
"vue": {
"componentName": "useTableResize",
"filePath": "packages/vue/src/composables/useTableResize.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "useTableSelection",
"react": {
"componentName": "useTableSelection",
"filePath": "packages/react/src/hooks/useTableSelection.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "useTableSelection",
"filePath": "packages/vue/src/composables/useTableSelection.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "useTrackedChanges",
"react": {
"componentName": "useTrackedChanges",
"filePath": "packages/react/src/hooks/useTrackedChanges.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "useTrackedChanges",
"filePath": "packages/vue/src/composables/useTrackedChanges.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "useVisualLineNavigation",
"react": {
"componentName": "useVisualLineNavigation",
"filePath": "packages/react/src/hooks/useVisualLineNavigation.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "useVisualLineNavigation",
"filePath": "packages/vue/src/composables/useVisualLineNavigation.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "useWheelZoom",
"react": {
"componentName": "useWheelZoom",
"filePath": "packages/react/src/hooks/useWheelZoom.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "useWheelZoom",
"filePath": "packages/vue/src/composables/useWheelZoom.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "useZoom",
"vue": {
"componentName": "useZoom",
"filePath": "packages/vue/src/composables/useZoom.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"status": "vue-only"
},
{
"name": "utils",
"react": {
"componentName": "utils",
"filePath": "packages/react/src/lib/utils.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "utils",
"filePath": "packages/vue/src/lib/utils.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "VerticalRuler",
"react": {
"componentName": "VerticalRuler",
"filePath": "packages/react/src/components/ui/VerticalRuler.tsx",
"isCoreReexport": false,
"props": [
{
"name": "sectionProps",
"required": false,
"type": "SectionProperties | null"
},
{
"name": "zoom",
"required": false,
"type": "number"
},
{
"name": "editable",
"required": false,
"type": "boolean"
},
{
"name": "onTopMarginChange",
"required": false,
"type": "(marginTwips: number) => void"
},
{
"name": "onBottomMarginChange",
"required": false,
"type": "(marginTwips: number) => void"
},
{
"name": "unit",
"required": false,
"type": "'inch' | 'cm'"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
}
],
"emits": ["onBottomMarginChange", "onTopMarginChange"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "VerticalRuler",
"filePath": "packages/vue/src/components/ui/VerticalRuler.vue",
"isCoreReexport": false,
"props": [
{
"name": "sectionProps",
"required": false,
"type": "SectionProperties | null"
},
{
"name": "zoom",
"required": false,
"type": "number"
},
{
"name": "editable",
"required": false,
"type": "boolean"
},
{
"name": "unit",
"required": false,
"type": "'inch' | 'cm'"
}
],
"emits": ["bottom-margin-change", "top-margin-change"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onTopMarginChange",
"required": false,
"type": "(marginTwips: number) => void"
},
{
"name": "onBottomMarginChange",
"required": false,
"type": "(marginTwips: number) => void"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "style",
"required": false,
"type": "CSSProperties"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
},
{
"name": "zIndex",
"react": {
"componentName": "zIndex",
"filePath": "packages/react/src/styles/zIndex.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "zIndex",
"filePath": "packages/vue/src/styles/zIndex.ts",
"isCoreReexport": false,
"props": [],
"emits": [],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "present-in-both"
},
{
"name": "ZoomControl",
"react": {
"componentName": "ZoomControl",
"filePath": "packages/react/src/components/ui/ZoomControl.tsx",
"isCoreReexport": false,
"props": [
{
"name": "value",
"required": false,
"type": "number"
},
{
"name": "onChange",
"required": false,
"type": "(zoom: number) => void"
},
{
"name": "levels",
"required": false,
"type": "ZoomLevel[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "minZoom",
"required": false,
"type": "number"
},
{
"name": "maxZoom",
"required": false,
"type": "number"
},
{
"name": "showButtons",
"required": false,
"type": "boolean"
},
{
"name": "persistZoom",
"required": false,
"type": "boolean"
},
{
"name": "storageKey",
"required": false,
"type": "string"
},
{
"name": "compact",
"required": false,
"type": "boolean"
}
],
"emits": ["onChange"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"vue": {
"componentName": "ZoomControl",
"filePath": "packages/vue/src/components/ui/ZoomControl.vue",
"isCoreReexport": false,
"props": [
{
"name": "value",
"required": false,
"type": "number"
},
{
"name": "levels",
"required": false,
"type": "ZoomLevel[]"
},
{
"name": "disabled",
"required": false,
"type": "boolean"
},
{
"name": "className",
"required": false,
"type": "string"
},
{
"name": "compact",
"required": false,
"type": "boolean"
}
],
"emits": ["change"],
"commands": [],
"shortcuts": [],
"sidebarKinds": [],
"pluginHooks": []
},
"divergence": {
"propsAddedInReact": [
{
"name": "onChange",
"required": false,
"type": "(zoom: number) => void"
},
{
"name": "minZoom",
"required": false,
"type": "number"
},
{
"name": "maxZoom",
"required": false,
"type": "number"
},
{
"name": "showButtons",
"required": false,
"type": "boolean"
},
{
"name": "persistZoom",
"required": false,
"type": "boolean"
},
{
"name": "storageKey",
"required": false,
"type": "string"
}
],
"propsAddedInVue": [],
"emitsAddedInReact": [],
"emitsAddedInVue": []
},
"status": "signature-divergence"
}
],
"commands": {
"both": [],
"reactOnly": [],
"vueOnly": []
},
"shortcuts": {
"both": [
"'Ctrl++'",
"'Ctrl+-'",
"'Ctrl+0'",
"'Ctrl+A'",
"'Ctrl+Arrow'",
"'Ctrl+B'",
"'Ctrl+C'",
"'Ctrl+E'",
"'Ctrl+End'",
"'Ctrl+F'",
"'Ctrl+H'",
"'Ctrl+Home'",
"'Ctrl+I'",
"'Ctrl+J'",
"'Ctrl+L'",
"'Ctrl+R'",
"'Ctrl+Shift+V'",
"'Ctrl+Shift+X'",
"'Ctrl+Shift+Z'",
"'Ctrl+U'",
"'Ctrl+V'",
"'Ctrl+X'",
"'Ctrl+Y'",
"'Ctrl+Z'"
],
"reactOnly": [
"'Ctrl+P'",
"'Ctrl+S'",
"'Ctrl+Shift+Arrow'",
"'Ctrl+Shift+G'",
"'Ctrl+Shift+R'",
"'Ctrl+Shift+S'",
"'Ctrl+Shift+T'"
],
"vueOnly": ["'Ctrl+K'"]
},
"sidebarKinds": {
"both": [],
"reactOnly": [],
"vueOnly": ["add-comment", "comment", "image", "loading", "paragraph", "tracked-change"]
},
"pluginHooks": {
"both": [],
"reactOnly": ["getSidebarItems"],
"vueOnly": ["getCommands", "onMount", "onUnmount"]
}
}