@prosekit/react 0.6.0 → 0.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{create-component-CBvs05W1.js → create-component-DzdxL6Ne.js} +4 -2
- package/dist/create-component-DzdxL6Ne.js.map +1 -0
- package/dist/{create-props-CkTwd_m_.d.ts → create-props-DTgCRwCm.d.ts} +3 -2
- package/dist/create-props-DTgCRwCm.d.ts.map +1 -0
- package/dist/{editor-context-Cci4uqN_.js → editor-context-cG0zkv13.js} +2 -1
- package/dist/editor-context-cG0zkv13.js.map +1 -0
- package/dist/prosekit-react-autocomplete.d.ts +11 -10
- package/dist/prosekit-react-autocomplete.d.ts.map +1 -0
- package/dist/prosekit-react-autocomplete.js +4 -3
- package/dist/prosekit-react-autocomplete.js.map +1 -0
- package/dist/prosekit-react-block-handle.d.ts +9 -8
- package/dist/prosekit-react-block-handle.d.ts.map +1 -0
- package/dist/prosekit-react-block-handle.js +4 -3
- package/dist/prosekit-react-block-handle.js.map +1 -0
- package/dist/prosekit-react-drop-indicator.d.ts +5 -4
- package/dist/prosekit-react-drop-indicator.d.ts.map +1 -0
- package/dist/prosekit-react-drop-indicator.js +4 -3
- package/dist/prosekit-react-drop-indicator.js.map +1 -0
- package/dist/prosekit-react-inline-popover.d.ts +5 -4
- package/dist/prosekit-react-inline-popover.d.ts.map +1 -0
- package/dist/prosekit-react-inline-popover.js +4 -3
- package/dist/prosekit-react-inline-popover.js.map +1 -0
- package/dist/prosekit-react-popover.d.ts +9 -8
- package/dist/prosekit-react-popover.d.ts.map +1 -0
- package/dist/prosekit-react-popover.js +4 -3
- package/dist/prosekit-react-popover.js.map +1 -0
- package/dist/prosekit-react-resizable.d.ts +7 -6
- package/dist/prosekit-react-resizable.d.ts.map +1 -0
- package/dist/prosekit-react-resizable.js +4 -3
- package/dist/prosekit-react-resizable.js.map +1 -0
- package/dist/prosekit-react-table-handle.d.ts +21 -20
- package/dist/prosekit-react-table-handle.d.ts.map +1 -0
- package/dist/prosekit-react-table-handle.js +4 -3
- package/dist/prosekit-react-table-handle.js.map +1 -0
- package/dist/prosekit-react-tooltip.d.ts +9 -8
- package/dist/prosekit-react-tooltip.d.ts.map +1 -0
- package/dist/prosekit-react-tooltip.js +4 -3
- package/dist/prosekit-react-tooltip.js.map +1 -0
- package/dist/prosekit-react.d.ts +94 -85
- package/dist/prosekit-react.d.ts.map +1 -0
- package/dist/prosekit-react.js +23 -29
- package/dist/prosekit-react.js.map +1 -0
- package/package.json +21 -21
- package/src/components/autocomplete/autocomplete-empty.gen.ts +34 -0
- package/src/components/autocomplete/autocomplete-item.gen.ts +34 -0
- package/src/components/autocomplete/autocomplete-list.gen.ts +34 -0
- package/src/components/autocomplete/autocomplete-popover.gen.ts +34 -0
- package/src/components/autocomplete/index.gen.ts +7 -0
- package/src/components/block-handle/block-handle-add.gen.ts +34 -0
- package/src/components/block-handle/block-handle-draggable.gen.ts +34 -0
- package/src/components/block-handle/block-handle-popover.gen.ts +34 -0
- package/src/components/block-handle/index.gen.ts +5 -0
- package/src/components/create-component.ts +137 -0
- package/src/components/create-props.ts +13 -0
- package/src/components/drop-indicator/drop-indicator.gen.ts +34 -0
- package/src/components/drop-indicator/index.gen.ts +1 -0
- package/src/components/inline-popover/index.gen.ts +1 -0
- package/src/components/inline-popover/inline-popover.gen.ts +34 -0
- package/src/components/merge-refs.ts +35 -0
- package/src/components/popover/index.gen.ts +5 -0
- package/src/components/popover/popover-content.gen.ts +34 -0
- package/src/components/popover/popover-root.gen.ts +34 -0
- package/src/components/popover/popover-trigger.gen.ts +34 -0
- package/src/components/prosekit.ts +37 -0
- package/src/components/resizable/index.gen.ts +3 -0
- package/src/components/resizable/resizable-handle.gen.ts +34 -0
- package/src/components/resizable/resizable-root.gen.ts +34 -0
- package/src/components/table-handle/index.gen.ts +17 -0
- package/src/components/table-handle/table-handle-column-root.gen.ts +34 -0
- package/src/components/table-handle/table-handle-column-trigger.gen.ts +34 -0
- package/src/components/table-handle/table-handle-drag-preview.gen.ts +34 -0
- package/src/components/table-handle/table-handle-drop-indicator.gen.ts +34 -0
- package/src/components/table-handle/table-handle-popover-content.gen.ts +34 -0
- package/src/components/table-handle/table-handle-popover-item.gen.ts +34 -0
- package/src/components/table-handle/table-handle-root.gen.ts +34 -0
- package/src/components/table-handle/table-handle-row-root.gen.ts +34 -0
- package/src/components/table-handle/table-handle-row-trigger.gen.ts +34 -0
- package/src/components/tooltip/index.gen.ts +5 -0
- package/src/components/tooltip/tooltip-content.gen.ts +34 -0
- package/src/components/tooltip/tooltip-root.gen.ts +34 -0
- package/src/components/tooltip/tooltip-trigger.gen.ts +34 -0
- package/src/contexts/editor-context.ts +23 -0
- package/src/extensions/react-mark-view.ts +93 -0
- package/src/extensions/react-node-view.ts +93 -0
- package/src/hooks/use-doc-change.ts +24 -0
- package/src/hooks/use-editor-derived-value.ts +85 -0
- package/src/hooks/use-editor-extension.ts +24 -0
- package/src/hooks/use-editor.ts +62 -0
- package/src/hooks/use-extension.ts +41 -0
- package/src/hooks/use-keymap.ts +15 -0
- package/src/hooks/use-priority-extension.ts +18 -0
- package/src/hooks/use-state-update.ts +24 -0
- package/src/index.ts +29 -0
- package/src/types.ts +6 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prosekit-react-table-handle.js","names":["TableHandleColumnRoot: ForwardRefExoticComponent<\n TableHandleColumnRootProps &\n RefAttributes<TableHandleColumnRootElement> &\n HTMLAttributes<TableHandleColumnRootElement>\n>","TableHandleColumnTrigger: ForwardRefExoticComponent<\n TableHandleColumnTriggerProps &\n RefAttributes<TableHandleColumnTriggerElement> &\n HTMLAttributes<TableHandleColumnTriggerElement>\n>","TableHandleDragPreview: ForwardRefExoticComponent<\n TableHandleDragPreviewProps &\n RefAttributes<TableHandleDragPreviewElement> &\n HTMLAttributes<TableHandleDragPreviewElement>\n>","TableHandleDropIndicator: ForwardRefExoticComponent<\n TableHandleDropIndicatorProps &\n RefAttributes<TableHandleDropIndicatorElement> &\n HTMLAttributes<TableHandleDropIndicatorElement>\n>","TableHandlePopoverContent: ForwardRefExoticComponent<\n TableHandlePopoverContentProps &\n RefAttributes<TableHandlePopoverContentElement> &\n HTMLAttributes<TableHandlePopoverContentElement>\n>","TableHandlePopoverItem: ForwardRefExoticComponent<\n TableHandlePopoverItemProps &\n RefAttributes<TableHandlePopoverItemElement> &\n HTMLAttributes<TableHandlePopoverItemElement>\n>","TableHandleRoot: ForwardRefExoticComponent<\n TableHandleRootProps &\n RefAttributes<TableHandleRootElement> &\n HTMLAttributes<TableHandleRootElement>\n>","TableHandleRowRoot: ForwardRefExoticComponent<\n TableHandleRowRootProps &\n RefAttributes<TableHandleRowRootElement> &\n HTMLAttributes<TableHandleRowRootElement>\n>","TableHandleRowTrigger: ForwardRefExoticComponent<\n TableHandleRowTriggerProps &\n RefAttributes<TableHandleRowTriggerElement> &\n HTMLAttributes<TableHandleRowTriggerElement>\n>"],"sources":["../src/components/table-handle/table-handle-column-root.gen.ts","../src/components/table-handle/table-handle-column-trigger.gen.ts","../src/components/table-handle/table-handle-drag-preview.gen.ts","../src/components/table-handle/table-handle-drop-indicator.gen.ts","../src/components/table-handle/table-handle-popover-content.gen.ts","../src/components/table-handle/table-handle-popover-item.gen.ts","../src/components/table-handle/table-handle-root.gen.ts","../src/components/table-handle/table-handle-row-root.gen.ts","../src/components/table-handle/table-handle-row-trigger.gen.ts"],"sourcesContent":["import {\n type TableHandleColumnRootElement,\n type TableHandleColumnRootProps as Props,\n type TableHandleColumnRootEvents as Events,\n tableHandleColumnRootProps,\n tableHandleColumnRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleColumnRoot} component.\n */\nexport interface TableHandleColumnRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleColumnRoot: ForwardRefExoticComponent<\n TableHandleColumnRootProps &\n RefAttributes<TableHandleColumnRootElement> &\n HTMLAttributes<TableHandleColumnRootElement>\n> = createComponent<\n TableHandleColumnRootProps, \n TableHandleColumnRootElement\n>(\n 'prosekit-table-handle-column-root',\n 'TableHandleColumnRoot',\n Object.keys(tableHandleColumnRootProps),\n Object.keys(tableHandleColumnRootEvents),\n)\n","import {\n type TableHandleColumnTriggerElement,\n type TableHandleColumnTriggerProps as Props,\n type TableHandleColumnTriggerEvents as Events,\n tableHandleColumnTriggerProps,\n tableHandleColumnTriggerEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleColumnTrigger} component.\n */\nexport interface TableHandleColumnTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleColumnTrigger: ForwardRefExoticComponent<\n TableHandleColumnTriggerProps &\n RefAttributes<TableHandleColumnTriggerElement> &\n HTMLAttributes<TableHandleColumnTriggerElement>\n> = createComponent<\n TableHandleColumnTriggerProps, \n TableHandleColumnTriggerElement\n>(\n 'prosekit-table-handle-column-trigger',\n 'TableHandleColumnTrigger',\n Object.keys(tableHandleColumnTriggerProps),\n Object.keys(tableHandleColumnTriggerEvents),\n)\n","import {\n type TableHandleDragPreviewElement,\n type TableHandleDragPreviewProps as Props,\n type TableHandleDragPreviewEvents as Events,\n tableHandleDragPreviewProps,\n tableHandleDragPreviewEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleDragPreview} component.\n */\nexport interface TableHandleDragPreviewProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleDragPreview: ForwardRefExoticComponent<\n TableHandleDragPreviewProps &\n RefAttributes<TableHandleDragPreviewElement> &\n HTMLAttributes<TableHandleDragPreviewElement>\n> = createComponent<\n TableHandleDragPreviewProps, \n TableHandleDragPreviewElement\n>(\n 'prosekit-table-handle-drag-preview',\n 'TableHandleDragPreview',\n Object.keys(tableHandleDragPreviewProps),\n Object.keys(tableHandleDragPreviewEvents),\n)\n","import {\n type TableHandleDropIndicatorElement,\n type TableHandleDropIndicatorProps as Props,\n type TableHandleDropIndicatorEvents as Events,\n tableHandleDropIndicatorProps,\n tableHandleDropIndicatorEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleDropIndicator} component.\n */\nexport interface TableHandleDropIndicatorProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleDropIndicator: ForwardRefExoticComponent<\n TableHandleDropIndicatorProps &\n RefAttributes<TableHandleDropIndicatorElement> &\n HTMLAttributes<TableHandleDropIndicatorElement>\n> = createComponent<\n TableHandleDropIndicatorProps, \n TableHandleDropIndicatorElement\n>(\n 'prosekit-table-handle-drop-indicator',\n 'TableHandleDropIndicator',\n Object.keys(tableHandleDropIndicatorProps),\n Object.keys(tableHandleDropIndicatorEvents),\n)\n","import {\n type TableHandlePopoverContentElement,\n type TableHandlePopoverContentProps as Props,\n type TableHandlePopoverContentEvents as Events,\n tableHandlePopoverContentProps,\n tableHandlePopoverContentEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandlePopoverContent} component.\n */\nexport interface TableHandlePopoverContentProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandlePopoverContent: ForwardRefExoticComponent<\n TableHandlePopoverContentProps &\n RefAttributes<TableHandlePopoverContentElement> &\n HTMLAttributes<TableHandlePopoverContentElement>\n> = createComponent<\n TableHandlePopoverContentProps, \n TableHandlePopoverContentElement\n>(\n 'prosekit-table-handle-popover-content',\n 'TableHandlePopoverContent',\n Object.keys(tableHandlePopoverContentProps),\n Object.keys(tableHandlePopoverContentEvents),\n)\n","import {\n type TableHandlePopoverItemElement,\n type TableHandlePopoverItemProps as Props,\n type TableHandlePopoverItemEvents as Events,\n tableHandlePopoverItemProps,\n tableHandlePopoverItemEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandlePopoverItem} component.\n */\nexport interface TableHandlePopoverItemProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandlePopoverItem: ForwardRefExoticComponent<\n TableHandlePopoverItemProps &\n RefAttributes<TableHandlePopoverItemElement> &\n HTMLAttributes<TableHandlePopoverItemElement>\n> = createComponent<\n TableHandlePopoverItemProps, \n TableHandlePopoverItemElement\n>(\n 'prosekit-table-handle-popover-item',\n 'TableHandlePopoverItem',\n Object.keys(tableHandlePopoverItemProps),\n Object.keys(tableHandlePopoverItemEvents),\n)\n","import {\n type TableHandleRootElement,\n type TableHandleRootProps as Props,\n type TableHandleRootEvents as Events,\n tableHandleRootProps,\n tableHandleRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRoot} component.\n */\nexport interface TableHandleRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRoot: ForwardRefExoticComponent<\n TableHandleRootProps &\n RefAttributes<TableHandleRootElement> &\n HTMLAttributes<TableHandleRootElement>\n> = createComponent<\n TableHandleRootProps, \n TableHandleRootElement\n>(\n 'prosekit-table-handle-root',\n 'TableHandleRoot',\n Object.keys(tableHandleRootProps),\n Object.keys(tableHandleRootEvents),\n)\n","import {\n type TableHandleRowRootElement,\n type TableHandleRowRootProps as Props,\n type TableHandleRowRootEvents as Events,\n tableHandleRowRootProps,\n tableHandleRowRootEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRowRoot} component.\n */\nexport interface TableHandleRowRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRowRoot: ForwardRefExoticComponent<\n TableHandleRowRootProps &\n RefAttributes<TableHandleRowRootElement> &\n HTMLAttributes<TableHandleRowRootElement>\n> = createComponent<\n TableHandleRowRootProps, \n TableHandleRowRootElement\n>(\n 'prosekit-table-handle-row-root',\n 'TableHandleRowRoot',\n Object.keys(tableHandleRowRootProps),\n Object.keys(tableHandleRowRootEvents),\n)\n","import {\n type TableHandleRowTriggerElement,\n type TableHandleRowTriggerProps as Props,\n type TableHandleRowTriggerEvents as Events,\n tableHandleRowTriggerProps,\n tableHandleRowTriggerEvents,\n} from '@prosekit/web/table-handle'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TableHandleRowTrigger} component.\n */\nexport interface TableHandleRowTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TableHandleRowTrigger: ForwardRefExoticComponent<\n TableHandleRowTriggerProps &\n RefAttributes<TableHandleRowTriggerElement> &\n HTMLAttributes<TableHandleRowTriggerElement>\n> = createComponent<\n TableHandleRowTriggerProps, \n TableHandleRowTriggerElement\n>(\n 'prosekit-table-handle-row-trigger',\n 'TableHandleRowTrigger',\n Object.keys(tableHandleRowTriggerProps),\n Object.keys(tableHandleRowTriggerEvents),\n)\n"],"mappings":";;;;;AAqBA,MAAaA,wBAIT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC;;;;ACZD,MAAaC,2BAIT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACZD,MAAaC,yBAIT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACZD,MAAaC,2BAIT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACZD,MAAaC,4BAIT,gBAIF,yCACA,6BACA,OAAO,KAAK,+BAA+B,EAC3C,OAAO,KAAK,gCAAgC,CAC7C;;;;ACZD,MAAaC,yBAIT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACZD,MAAaC,kBAIT,gBAIF,8BACA,mBACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;;ACZD,MAAaC,qBAIT,gBAIF,kCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC;;;;ACZD,MAAaC,wBAIT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC"}
|
|
@@ -1,27 +1,28 @@
|
|
|
1
|
-
import { CreateProps } from "./create-props-
|
|
1
|
+
import { t as CreateProps } from "./create-props-DTgCRwCm.js";
|
|
2
2
|
import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
|
|
3
3
|
import { TooltipContentElement, TooltipContentEvents, TooltipContentProps as TooltipContentProps$1, TooltipRootElement, TooltipRootEvents, TooltipRootProps as TooltipRootProps$1, TooltipTriggerElement, TooltipTriggerEvents, TooltipTriggerProps as TooltipTriggerProps$1 } from "@prosekit/web/tooltip";
|
|
4
4
|
|
|
5
5
|
//#region src/components/tooltip/tooltip-content.gen.d.ts
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
|
-
* Props for the {@link TooltipContent} component.
|
|
9
|
-
*/
|
|
8
|
+
* Props for the {@link TooltipContent} component.
|
|
9
|
+
*/
|
|
10
10
|
interface TooltipContentProps extends Partial<CreateProps<TooltipContentProps$1, TooltipContentEvents>> {}
|
|
11
11
|
declare const TooltipContent: ForwardRefExoticComponent<TooltipContentProps & RefAttributes<TooltipContentElement> & HTMLAttributes<TooltipContentElement>>;
|
|
12
12
|
//#endregion
|
|
13
13
|
//#region src/components/tooltip/tooltip-root.gen.d.ts
|
|
14
14
|
/**
|
|
15
|
-
* Props for the {@link TooltipRoot} component.
|
|
16
|
-
*/
|
|
15
|
+
* Props for the {@link TooltipRoot} component.
|
|
16
|
+
*/
|
|
17
17
|
interface TooltipRootProps extends Partial<CreateProps<TooltipRootProps$1, TooltipRootEvents>> {}
|
|
18
18
|
declare const TooltipRoot: ForwardRefExoticComponent<TooltipRootProps & RefAttributes<TooltipRootElement> & HTMLAttributes<TooltipRootElement>>;
|
|
19
19
|
//#endregion
|
|
20
20
|
//#region src/components/tooltip/tooltip-trigger.gen.d.ts
|
|
21
21
|
/**
|
|
22
|
-
* Props for the {@link TooltipTrigger} component.
|
|
23
|
-
*/
|
|
22
|
+
* Props for the {@link TooltipTrigger} component.
|
|
23
|
+
*/
|
|
24
24
|
interface TooltipTriggerProps extends Partial<CreateProps<TooltipTriggerProps$1, TooltipTriggerEvents>> {}
|
|
25
25
|
declare const TooltipTrigger: ForwardRefExoticComponent<TooltipTriggerProps & RefAttributes<TooltipTriggerElement> & HTMLAttributes<TooltipTriggerElement>>;
|
|
26
26
|
//#endregion
|
|
27
|
-
export { TooltipContent, type TooltipContentProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerProps };
|
|
27
|
+
export { TooltipContent, type TooltipContentProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerProps };
|
|
28
|
+
//# sourceMappingURL=prosekit-react-tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prosekit-react-tooltip.d.ts","names":[],"sources":["../src/components/tooltip/tooltip-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAmBA;AAAiE,UAAhD,mBAAA,SAA4B,OAAoB,CAAZ,WAAY,CAAA,qBAAA,EAAO,oBAAP,CAAA,CAAA,CAAA;AAAZ,cAExC,cAFwC,EAExB,yBAFwB,CAGnD,mBAHmD,GAInD,aAJmD,CAIrC,qBAJqC,CAAA,GAKnD,cALmD,CAKpC,qBALoC,CAAA,CAAA;;;;;AAArD;AAAiE,UCAhD,gBAAA,SAAyB,ODAuB,CCAf,WDAe,CCAH,kBDAG,ECAI,iBDAJ,CAAA,CAAA,CAAA;AAAZ,cCExC,WDFwC,ECE3B,yBDF2B,CCGnD,gBDHmD,GCInD,aDJmD,CCIrC,kBDJqC,CAAA,GCKnD,cDLmD,CCKpC,kBDLoC,CAAA,CAAA;;;;;AAArD;AAAiE,UEAhD,mBAAA,SAA4B,OFAoB,CEAZ,WFAY,CEAA,qBFAA,EEAO,oBFAP,CAAA,CAAA,CAAA;AAAZ,cEExC,cFFwC,EEExB,yBFFwB,CEGnD,mBFHmD,GEInD,aFJmD,CEIrC,qBFJqC,CAAA,GEKnD,cFLmD,CEKpC,qBFLoC,CAAA,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import "./editor-context-
|
|
2
|
-
import { createComponent } from "./create-component-
|
|
1
|
+
import "./editor-context-cG0zkv13.js";
|
|
2
|
+
import { t as createComponent } from "./create-component-DzdxL6Ne.js";
|
|
3
3
|
import { tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps } from "@prosekit/web/tooltip";
|
|
4
4
|
|
|
5
5
|
//#region src/components/tooltip/tooltip-content.gen.ts
|
|
@@ -14,4 +14,5 @@ const TooltipRoot = createComponent("prosekit-tooltip-root", "TooltipRoot", Obje
|
|
|
14
14
|
const TooltipTrigger = createComponent("prosekit-tooltip-trigger", "TooltipTrigger", Object.keys(tooltipTriggerProps), Object.keys(tooltipTriggerEvents));
|
|
15
15
|
|
|
16
16
|
//#endregion
|
|
17
|
-
export { TooltipContent, TooltipRoot, TooltipTrigger };
|
|
17
|
+
export { TooltipContent, TooltipRoot, TooltipTrigger };
|
|
18
|
+
//# sourceMappingURL=prosekit-react-tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prosekit-react-tooltip.js","names":["TooltipContent: ForwardRefExoticComponent<\n TooltipContentProps &\n RefAttributes<TooltipContentElement> &\n HTMLAttributes<TooltipContentElement>\n>","TooltipRoot: ForwardRefExoticComponent<\n TooltipRootProps &\n RefAttributes<TooltipRootElement> &\n HTMLAttributes<TooltipRootElement>\n>","TooltipTrigger: ForwardRefExoticComponent<\n TooltipTriggerProps &\n RefAttributes<TooltipTriggerElement> &\n HTMLAttributes<TooltipTriggerElement>\n>"],"sources":["../src/components/tooltip/tooltip-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["import {\n type TooltipContentElement,\n type TooltipContentProps as Props,\n type TooltipContentEvents as Events,\n tooltipContentProps,\n tooltipContentEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TooltipContent} component.\n */\nexport interface TooltipContentProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TooltipContent: ForwardRefExoticComponent<\n TooltipContentProps &\n RefAttributes<TooltipContentElement> &\n HTMLAttributes<TooltipContentElement>\n> = createComponent<\n TooltipContentProps, \n TooltipContentElement\n>(\n 'prosekit-tooltip-content',\n 'TooltipContent',\n Object.keys(tooltipContentProps),\n Object.keys(tooltipContentEvents),\n)\n","import {\n type TooltipRootElement,\n type TooltipRootProps as Props,\n type TooltipRootEvents as Events,\n tooltipRootProps,\n tooltipRootEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TooltipRoot} component.\n */\nexport interface TooltipRootProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TooltipRoot: ForwardRefExoticComponent<\n TooltipRootProps &\n RefAttributes<TooltipRootElement> &\n HTMLAttributes<TooltipRootElement>\n> = createComponent<\n TooltipRootProps, \n TooltipRootElement\n>(\n 'prosekit-tooltip-root',\n 'TooltipRoot',\n Object.keys(tooltipRootProps),\n Object.keys(tooltipRootEvents),\n)\n","import {\n type TooltipTriggerElement,\n type TooltipTriggerProps as Props,\n type TooltipTriggerEvents as Events,\n tooltipTriggerProps,\n tooltipTriggerEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component'\nimport type { CreateProps } from '../create-props'\n\n/**\n * Props for the {@link TooltipTrigger} component.\n */\nexport interface TooltipTriggerProps extends Partial<CreateProps<Props, Events>> {}\n \nexport const TooltipTrigger: ForwardRefExoticComponent<\n TooltipTriggerProps &\n RefAttributes<TooltipTriggerElement> &\n HTMLAttributes<TooltipTriggerElement>\n> = createComponent<\n TooltipTriggerProps, \n TooltipTriggerElement\n>(\n 'prosekit-tooltip-trigger',\n 'TooltipTrigger',\n Object.keys(tooltipTriggerProps),\n Object.keys(tooltipTriggerEvents),\n)\n"],"mappings":";;;;;AAqBA,MAAaA,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACZD,MAAaC,cAIT,gBAIF,yBACA,eACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;;ACZD,MAAaC,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}
|
package/dist/prosekit-react.d.ts
CHANGED
|
@@ -11,156 +11,165 @@ interface ProseKitProps {
|
|
|
11
11
|
children?: ReactNode;
|
|
12
12
|
}
|
|
13
13
|
/**
|
|
14
|
-
* The root component for a ProseKit editor.
|
|
15
|
-
*
|
|
16
|
-
* @public
|
|
17
|
-
*/
|
|
14
|
+
* The root component for a ProseKit editor.
|
|
15
|
+
*
|
|
16
|
+
* @public
|
|
17
|
+
*/
|
|
18
18
|
declare const ProseKit: ComponentType<ProseKitProps>;
|
|
19
19
|
//#endregion
|
|
20
20
|
//#region src/extensions/react-mark-view.d.ts
|
|
21
21
|
/**
|
|
22
|
-
* @public
|
|
23
|
-
*/
|
|
22
|
+
* @public
|
|
23
|
+
*/
|
|
24
24
|
interface ReactMarkViewProps extends MarkViewContext {}
|
|
25
25
|
/**
|
|
26
|
-
* @public
|
|
27
|
-
*/
|
|
26
|
+
* @public
|
|
27
|
+
*/
|
|
28
28
|
type ReactMarkViewComponent = ComponentType<ReactMarkViewProps>;
|
|
29
29
|
/**
|
|
30
|
-
* Options for {@link defineReactMarkView}.
|
|
31
|
-
*
|
|
32
|
-
* @public
|
|
33
|
-
*/
|
|
30
|
+
* Options for {@link defineReactMarkView}.
|
|
31
|
+
*
|
|
32
|
+
* @public
|
|
33
|
+
*/
|
|
34
34
|
interface ReactMarkViewOptions extends CoreMarkViewUserOptions<ReactMarkViewComponent> {
|
|
35
35
|
/**
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
* The name of the mark type.
|
|
37
|
+
*/
|
|
38
38
|
name: string;
|
|
39
39
|
}
|
|
40
40
|
/**
|
|
41
|
-
*
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
* Defines a mark view using a React component.
|
|
46
|
-
*
|
|
47
|
-
* @public
|
|
48
|
-
*/
|
|
41
|
+
* Defines a mark view using a React component.
|
|
42
|
+
*
|
|
43
|
+
* @public
|
|
44
|
+
*/
|
|
49
45
|
declare function defineReactMarkView(options: ReactMarkViewOptions): Extension;
|
|
50
46
|
//#endregion
|
|
51
47
|
//#region src/extensions/react-node-view.d.ts
|
|
52
48
|
/**
|
|
53
|
-
* @public
|
|
54
|
-
*/
|
|
49
|
+
* @public
|
|
50
|
+
*/
|
|
55
51
|
interface ReactNodeViewProps extends NodeViewContext {}
|
|
56
52
|
/**
|
|
57
|
-
* @public
|
|
58
|
-
*/
|
|
53
|
+
* @public
|
|
54
|
+
*/
|
|
59
55
|
type ReactNodeViewComponent = ComponentType<ReactNodeViewProps>;
|
|
60
56
|
/**
|
|
61
|
-
* Options for {@link defineReactNodeView}.
|
|
62
|
-
*
|
|
63
|
-
* @public
|
|
64
|
-
*/
|
|
57
|
+
* Options for {@link defineReactNodeView}.
|
|
58
|
+
*
|
|
59
|
+
* @public
|
|
60
|
+
*/
|
|
65
61
|
interface ReactNodeViewOptions extends CoreNodeViewUserOptions<ReactNodeViewComponent> {
|
|
66
62
|
/**
|
|
67
|
-
|
|
68
|
-
|
|
63
|
+
* The name of the node type.
|
|
64
|
+
*/
|
|
69
65
|
name: string;
|
|
70
66
|
}
|
|
71
67
|
/**
|
|
72
|
-
*
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
* Defines a node view using a React component.
|
|
77
|
-
*
|
|
78
|
-
* @public
|
|
79
|
-
*/
|
|
68
|
+
* Defines a node view using a React component.
|
|
69
|
+
*
|
|
70
|
+
* @public
|
|
71
|
+
*/
|
|
80
72
|
declare function defineReactNodeView(options: ReactNodeViewOptions): Extension;
|
|
81
73
|
//#endregion
|
|
82
74
|
//#region src/hooks/use-extension.d.ts
|
|
83
75
|
interface UseExtensionOptions {
|
|
84
76
|
/**
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
77
|
+
* The editor to add the extension to. If not provided, it will use the
|
|
78
|
+
* editor from the nearest `<ProseKit>` component.
|
|
79
|
+
*/
|
|
88
80
|
editor?: Editor;
|
|
89
81
|
/**
|
|
90
|
-
|
|
91
|
-
|
|
82
|
+
* Optional priority to add the extension with.
|
|
83
|
+
*/
|
|
92
84
|
priority?: Priority;
|
|
93
85
|
}
|
|
94
86
|
/**
|
|
95
|
-
* Add an extension to the editor.
|
|
96
|
-
*/
|
|
97
|
-
declare function useExtension(
|
|
87
|
+
* Add an extension to the editor.
|
|
88
|
+
*/
|
|
89
|
+
declare function useExtension(
|
|
90
|
+
/**
|
|
91
|
+
* The extension to add to the editor. If it changes, the previous
|
|
92
|
+
* extension will be removed and the new one (if not null) will be added.
|
|
93
|
+
*/
|
|
94
|
+
extension: Extension | null, options?: UseExtensionOptions): void;
|
|
98
95
|
//#endregion
|
|
99
96
|
//#region src/hooks/use-doc-change.d.ts
|
|
100
97
|
/**
|
|
101
|
-
* Calls the given handler whenever the editor document changes.
|
|
102
|
-
*
|
|
103
|
-
* @public
|
|
104
|
-
*/
|
|
98
|
+
* Calls the given handler whenever the editor document changes.
|
|
99
|
+
*
|
|
100
|
+
* @public
|
|
101
|
+
*/
|
|
105
102
|
declare function useDocChange(handler: (doc: ProseMirrorNode) => void, options?: UseExtensionOptions): void;
|
|
106
103
|
//#endregion
|
|
107
104
|
//#region src/hooks/use-editor.d.ts
|
|
108
105
|
/**
|
|
109
|
-
* Retrieves the editor instance from the nearest ProseKit component.
|
|
110
|
-
*
|
|
111
|
-
* @public
|
|
112
|
-
*/
|
|
106
|
+
* Retrieves the editor instance from the nearest ProseKit component.
|
|
107
|
+
*
|
|
108
|
+
* @public
|
|
109
|
+
*/
|
|
113
110
|
declare function useEditor<E extends Extension = any>(options?: {
|
|
114
111
|
/**
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
112
|
+
* Whether to update the component when the editor is mounted or editor state
|
|
113
|
+
* is updated.
|
|
114
|
+
*
|
|
115
|
+
* Note this this option doesn't work with [React
|
|
116
|
+
* compiler](https://react.dev/learn/react-compiler) because the returned
|
|
117
|
+
* editor will be the same instance after state updates. If you're using React
|
|
118
|
+
* compiler, you should use {@link useEditorDerivedValue} instead.
|
|
119
|
+
*
|
|
120
|
+
* @default false
|
|
121
|
+
*/
|
|
125
122
|
update?: boolean;
|
|
126
123
|
}): Editor<E>;
|
|
127
124
|
//#endregion
|
|
128
125
|
//#region src/hooks/use-editor-derived-value.d.ts
|
|
129
126
|
interface UseEditorDerivedOptions<E extends Extension = any> {
|
|
130
127
|
/**
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
128
|
+
* The editor to add the extension to. If not provided, it will use the
|
|
129
|
+
* editor from the nearest `<ProseKit>` component.
|
|
130
|
+
*/
|
|
134
131
|
editor?: Editor<E>;
|
|
135
132
|
}
|
|
136
133
|
/**
|
|
137
|
-
*
|
|
138
|
-
*
|
|
139
|
-
*
|
|
140
|
-
* This is useful when you need to render something based on the editor state,
|
|
141
|
-
* for example, whether the selected text is wrapped in an italic mark.
|
|
142
|
-
*
|
|
143
|
-
*
|
|
144
|
-
|
|
145
|
-
|
|
134
|
+
* Runs a function to derive a value from the editor instance after editor state
|
|
135
|
+
* changes.
|
|
136
|
+
*
|
|
137
|
+
* This is useful when you need to render something based on the editor state,
|
|
138
|
+
* for example, whether the selected text is wrapped in an italic mark.
|
|
139
|
+
*
|
|
140
|
+
* It returns the derived value that updates whenever the editor state changes.
|
|
141
|
+
*
|
|
142
|
+
* @public
|
|
143
|
+
*/
|
|
144
|
+
declare function useEditorDerivedValue<E extends Extension, Derived>(
|
|
145
|
+
/**
|
|
146
|
+
* A function that receives the editor instance and returns a derived value.
|
|
147
|
+
*
|
|
148
|
+
* It will be called whenever the editor's document state changes, or when it
|
|
149
|
+
* mounts.
|
|
150
|
+
*
|
|
151
|
+
* This function should be memoized.
|
|
152
|
+
*/
|
|
153
|
+
derive: (editor: Editor<E>) => Derived, options?: UseEditorDerivedOptions<E>): Derived;
|
|
146
154
|
//#endregion
|
|
147
155
|
//#region src/hooks/use-keymap.d.ts
|
|
148
156
|
declare function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void;
|
|
149
157
|
//#endregion
|
|
150
158
|
//#region src/hooks/use-state-update.d.ts
|
|
151
159
|
/**
|
|
152
|
-
* Calls the given handler whenever the editor state changes.
|
|
153
|
-
*
|
|
154
|
-
* @public
|
|
155
|
-
*/
|
|
160
|
+
* Calls the given handler whenever the editor state changes.
|
|
161
|
+
*
|
|
162
|
+
* @public
|
|
163
|
+
*/
|
|
156
164
|
declare function useStateUpdate(handler: (state: EditorState) => void, options?: UseExtensionOptions): void;
|
|
157
165
|
//#endregion
|
|
158
166
|
//#region src/types.d.ts
|
|
159
167
|
/**
|
|
160
|
-
* @internal
|
|
161
|
-
*/
|
|
168
|
+
* @internal
|
|
169
|
+
*/
|
|
162
170
|
type PropsWithClassName<P = unknown> = P & {
|
|
163
171
|
className?: string | undefined;
|
|
164
172
|
};
|
|
165
173
|
//#endregion
|
|
166
|
-
export { type PropsWithClassName, ProseKit, type ProseKitProps, type ReactMarkViewComponent, type ReactMarkViewOptions, type ReactMarkViewProps, type ReactNodeViewComponent, type ReactNodeViewOptions, type ReactNodeViewProps, type UseEditorDerivedOptions, type UseExtensionOptions, defineReactMarkView, defineReactNodeView, useDocChange, useEditor, useEditorDerivedValue, useExtension, useKeymap, useStateUpdate };
|
|
174
|
+
export { type PropsWithClassName, ProseKit, type ProseKitProps, type ReactMarkViewComponent, type ReactMarkViewOptions, type ReactMarkViewProps, type ReactNodeViewComponent, type ReactNodeViewOptions, type ReactNodeViewProps, type UseEditorDerivedOptions, type UseExtensionOptions, defineReactMarkView, defineReactNodeView, useDocChange, useEditor, useEditorDerivedValue, useExtension, useKeymap, useStateUpdate };
|
|
175
|
+
//# sourceMappingURL=prosekit-react.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prosekit-react.d.ts","names":[],"sources":["../src/components/prosekit.ts","../src/extensions/react-mark-view.ts","../src/extensions/react-node-view.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts","../src/types.ts"],"sourcesContent":[],"mappings":";;;;;;;;UAYiB,aAAA;UACP;aACG;;;;AAFb;AAUA;;cAAa,UAAU,cAAc;;;;;;UCGpB,kBAAA,SAA2B,iBDb5C;AAUA;;;KCQY,sBAAA,GAAyB,cAAc;AALnD;AAKA;AAOA;AAiCA;;UAjCiB,oBAAA,SAA6B,wBAAwB;;ACZtE;AAKA;EAOiB,IAAA,EAAA,MAAA;AAiCjB;AC3CA;;;;ACbA;iBHwDgB,mBAAA,UAA6B,uBAAuB;;;;;;UC7CnD,kBAAA,SAA2B,iBFb5C;AAUA;;;KEQY,sBAAA,GAAyB,cAAc;ADLnD;AAKA;AAOA;AAiCA;;UCjCiB,oBAAA,SAA6B,wBAAwB;;AAZtE;AAKA;EAOiB,IAAA,EAAA,MAAA;AAiCjB;AC3CA;;;;ACbA;iBFwDgB,mBAAA,UAA6B,uBAAuB;;;UC3DnD,mBAAA;;;;;WAKN;;AHJX;AAUA;aGDa;;;AFIb;AAKA;AAOiB,iBEVD,YAAA;AF2ChB;;;;AC7CA,SAAiB,ECOJ,SDPI,GAAA,IAAmB,EAAA,OAAuB,CAAf,ECQhC,mBDR+C,CAAA,EAAA,IAAA;;;;;;;;iBEX3C,YAAA,gBACC,oCACL;;;;;;;;iBCII,oBAAoB;;ALRpC;AAUA;;;;ACGA;AAKA;AAOA;AAiCA;;;IIrCI,OAAO;;;UClBM,kCAAkC;;;;;WAKxC,OAAO;;ANRlB;AAUA;;;;ACGA;AAKA;AAOA;AAiCA;;;iBKpCgB,gCAAgC;AJThD;AAKA;AAOA;AAiCA;;;;AC3DA;AAgBA,MAAgB,EAAA,CAAA,MAAA,EGgBG,MHhBS,CGgBF,CHhBE,CAAA,EAAA,GGgBK,OHXpB,EAAA,OACkB,CAAnB,EGWA,uBHXmB,CGWK,CHXL,CAAA,CAAA,EGY5B,OHZ4B;;;iBItBf,SAAA,SAAkB,kBAAkB;;;;;;;;iBCGpC,cAAA,kBACG,gCACP;;;;;;KCbA,kCAAkC"}
|
package/dist/prosekit-react.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { n as useEditorContext, t as EditorContextProvider } from "./editor-context-cG0zkv13.js";
|
|
2
2
|
import { ProsemirrorAdapterProvider, useMarkViewContext, useMarkViewFactory, useNodeViewContext, useNodeViewFactory } from "@prosemirror-adapter/react";
|
|
3
3
|
import { createElement, useEffect, useMemo, useReducer, useSyncExternalStore } from "react";
|
|
4
4
|
import { EditorNotFoundError, ProseKitError, defineDocChangeHandler, defineKeymap, defineMarkViewComponent, defineMarkViewFactory, defineMountHandler, defineNodeViewComponent, defineNodeViewFactory, defineUpdateHandler, union, withPriority } from "@prosekit/core";
|
|
@@ -39,8 +39,7 @@ function useExtension(extension, options) {
|
|
|
39
39
|
//#region src/extensions/react-mark-view.ts
|
|
40
40
|
function withMarkViewProps(component) {
|
|
41
41
|
return function MarkViewPropsWrapper() {
|
|
42
|
-
|
|
43
|
-
return createElement(component, props);
|
|
42
|
+
return createElement(component, useMarkViewContext());
|
|
44
43
|
};
|
|
45
44
|
}
|
|
46
45
|
/**
|
|
@@ -48,8 +47,7 @@ function withMarkViewProps(component) {
|
|
|
48
47
|
*/
|
|
49
48
|
const ReactMarkViewConsumer = () => {
|
|
50
49
|
const markViewFactory = useMarkViewFactory();
|
|
51
|
-
|
|
52
|
-
useExtension(extension);
|
|
50
|
+
useExtension(useMemo(() => defineReactMarkViewFactory(markViewFactory), [markViewFactory]));
|
|
53
51
|
return null;
|
|
54
52
|
};
|
|
55
53
|
/**
|
|
@@ -59,14 +57,13 @@ const ReactMarkViewConsumer = () => {
|
|
|
59
57
|
*/
|
|
60
58
|
function defineReactMarkView(options) {
|
|
61
59
|
const { name, component,...userOptions } = options;
|
|
62
|
-
const args = {
|
|
63
|
-
...userOptions,
|
|
64
|
-
component: withMarkViewProps(component)
|
|
65
|
-
};
|
|
66
60
|
return defineMarkViewComponent({
|
|
67
61
|
group: "react",
|
|
68
62
|
name,
|
|
69
|
-
args
|
|
63
|
+
args: {
|
|
64
|
+
...userOptions,
|
|
65
|
+
component: withMarkViewProps(component)
|
|
66
|
+
}
|
|
70
67
|
});
|
|
71
68
|
}
|
|
72
69
|
function defineReactMarkViewFactory(factory) {
|
|
@@ -80,8 +77,7 @@ function defineReactMarkViewFactory(factory) {
|
|
|
80
77
|
//#region src/extensions/react-node-view.ts
|
|
81
78
|
function withNodeViewProps(component) {
|
|
82
79
|
return function NodeViewPropsWrapper() {
|
|
83
|
-
|
|
84
|
-
return createElement(component, props);
|
|
80
|
+
return createElement(component, useNodeViewContext());
|
|
85
81
|
};
|
|
86
82
|
}
|
|
87
83
|
/**
|
|
@@ -89,8 +85,7 @@ function withNodeViewProps(component) {
|
|
|
89
85
|
*/
|
|
90
86
|
const ReactNodeViewConsumer = () => {
|
|
91
87
|
const nodeViewFactory = useNodeViewFactory();
|
|
92
|
-
|
|
93
|
-
useExtension(extension);
|
|
88
|
+
useExtension(useMemo(() => defineReactNodeViewFactory(nodeViewFactory), [nodeViewFactory]));
|
|
94
89
|
return null;
|
|
95
90
|
};
|
|
96
91
|
/**
|
|
@@ -100,14 +95,13 @@ const ReactNodeViewConsumer = () => {
|
|
|
100
95
|
*/
|
|
101
96
|
function defineReactNodeView(options) {
|
|
102
97
|
const { name, component,...userOptions } = options;
|
|
103
|
-
const args = {
|
|
104
|
-
...userOptions,
|
|
105
|
-
component: withNodeViewProps(component)
|
|
106
|
-
};
|
|
107
98
|
return defineNodeViewComponent({
|
|
108
99
|
group: "react",
|
|
109
100
|
name,
|
|
110
|
-
args
|
|
101
|
+
args: {
|
|
102
|
+
...userOptions,
|
|
103
|
+
component: withNodeViewProps(component)
|
|
104
|
+
}
|
|
111
105
|
});
|
|
112
106
|
}
|
|
113
107
|
function defineReactNodeViewFactory(factory) {
|
|
@@ -137,8 +131,7 @@ const ProseKit = (props) => {
|
|
|
137
131
|
* @public
|
|
138
132
|
*/
|
|
139
133
|
function useDocChange(handler, options) {
|
|
140
|
-
|
|
141
|
-
useExtension(extension, options);
|
|
134
|
+
useExtension(useMemo(() => defineDocChangeHandler((view) => handler(view.state.doc)), [handler]), options);
|
|
142
135
|
}
|
|
143
136
|
|
|
144
137
|
//#endregion
|
|
@@ -173,12 +166,14 @@ function useForceUpdate() {
|
|
|
173
166
|
//#endregion
|
|
174
167
|
//#region src/hooks/use-editor-derived-value.ts
|
|
175
168
|
/**
|
|
176
|
-
*
|
|
177
|
-
*
|
|
169
|
+
* Runs a function to derive a value from the editor instance after editor state
|
|
170
|
+
* changes.
|
|
178
171
|
*
|
|
179
172
|
* This is useful when you need to render something based on the editor state,
|
|
180
173
|
* for example, whether the selected text is wrapped in an italic mark.
|
|
181
174
|
*
|
|
175
|
+
* It returns the derived value that updates whenever the editor state changes.
|
|
176
|
+
*
|
|
182
177
|
* @public
|
|
183
178
|
*/
|
|
184
179
|
function useEditorDerivedValue(derive, options) {
|
|
@@ -188,7 +183,7 @@ function useEditorDerivedValue(derive, options) {
|
|
|
188
183
|
const [subscribe, getSnapshot] = useMemo(() => {
|
|
189
184
|
return createEditorStore(editor, derive);
|
|
190
185
|
}, [editor, derive]);
|
|
191
|
-
return useSyncExternalStore(subscribe, getSnapshot);
|
|
186
|
+
return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
|
|
192
187
|
}
|
|
193
188
|
function createEditorStore(editor, derive) {
|
|
194
189
|
let dirty = true;
|
|
@@ -214,8 +209,7 @@ function createEditorStore(editor, derive) {
|
|
|
214
209
|
//#endregion
|
|
215
210
|
//#region src/hooks/use-keymap.ts
|
|
216
211
|
function useKeymap(keymap, options) {
|
|
217
|
-
|
|
218
|
-
useExtension(extension, options);
|
|
212
|
+
useExtension(useMemo(() => defineKeymap(keymap), [keymap]), options);
|
|
219
213
|
}
|
|
220
214
|
|
|
221
215
|
//#endregion
|
|
@@ -226,9 +220,9 @@ function useKeymap(keymap, options) {
|
|
|
226
220
|
* @public
|
|
227
221
|
*/
|
|
228
222
|
function useStateUpdate(handler, options) {
|
|
229
|
-
|
|
230
|
-
useExtension(extension, options);
|
|
223
|
+
useExtension(useMemo(() => defineUpdateHandler((view) => handler(view.state)), [handler]), options);
|
|
231
224
|
}
|
|
232
225
|
|
|
233
226
|
//#endregion
|
|
234
|
-
export { ProseKit, defineReactMarkView, defineReactNodeView, useDocChange, useEditor, useEditorDerivedValue, useExtension, useKeymap, useStateUpdate };
|
|
227
|
+
export { ProseKit, defineReactMarkView, defineReactNodeView, useDocChange, useEditor, useEditorDerivedValue, useExtension, useKeymap, useStateUpdate };
|
|
228
|
+
//# sourceMappingURL=prosekit-react.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prosekit-react.js","names":["ReactMarkViewConsumer: FC","ReactNodeViewConsumer: FC","ProseKit: ComponentType<ProseKitProps>","derived: Derived"],"sources":["../src/hooks/use-editor-extension.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/extensions/react-mark-view.ts","../src/extensions/react-node-view.ts","../src/components/prosekit.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["import {\n EditorNotFoundError,\n type Editor,\n type Extension,\n} from '@prosekit/core'\nimport { useEffect } from 'react'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n editor: Editor | null | undefined,\n extension: Extension | null,\n): void {\n if (!editor) {\n throw new EditorNotFoundError()\n }\n\n useEffect(() => {\n if (extension) {\n return editor.use(extension)\n }\n }, [editor, extension])\n}\n","import {\n withPriority,\n type Extension,\n type Priority,\n} from '@prosekit/core'\nimport { useMemo } from 'react'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n extension: T | null,\n priority?: Priority | null,\n): T | null {\n return useMemo(() => {\n return extension && priority ? withPriority(extension, priority) : extension\n }, [extension, priority])\n}\n","import type {\n Editor,\n Extension,\n Priority,\n} from '@prosekit/core'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nimport { useEditorExtension } from './use-editor-extension'\nimport { usePriorityExtension } from './use-priority-extension'\n\nexport interface UseExtensionOptions {\n /**\n * The editor to add the extension to. If not provided, it will use the\n * editor from the nearest `<ProseKit>` component.\n */\n editor?: Editor\n\n /**\n * Optional priority to add the extension with.\n */\n priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n */\nexport function useExtension(\n /**\n * The extension to add to the editor. If it changes, the previous\n * extension will be removed and the new one (if not null) will be added.\n */\n extension: Extension | null,\n options?: UseExtensionOptions,\n): void {\n const editorContext = useEditorContext()\n useEditorExtension(\n options?.editor || editorContext,\n usePriorityExtension(extension, options?.priority),\n )\n}\n","import {\n defineMarkViewComponent,\n defineMarkViewFactory,\n type Extension,\n} from '@prosekit/core'\nimport type { MarkViewConstructor } from '@prosekit/pm/view'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n useMarkViewContext,\n useMarkViewFactory,\n type MarkViewContext,\n type ReactMarkViewUserOptions,\n} from '@prosemirror-adapter/react'\nimport {\n createElement,\n useMemo,\n type ComponentType,\n type FC,\n} from 'react'\n\nimport { useExtension } from '../hooks/use-extension'\n\n/**\n * @public\n */\nexport interface ReactMarkViewProps extends MarkViewContext {}\n\n/**\n * @public\n */\nexport type ReactMarkViewComponent = ComponentType<ReactMarkViewProps>\n\n/**\n * Options for {@link defineReactMarkView}.\n *\n * @public\n */\nexport interface ReactMarkViewOptions extends CoreMarkViewUserOptions<ReactMarkViewComponent> {\n /**\n * The name of the mark type.\n */\n name: string\n}\n\nfunction withMarkViewProps(component: ReactMarkViewComponent) {\n return function MarkViewPropsWrapper() {\n const props: ReactMarkViewProps = useMarkViewContext()\n return createElement(component, props)\n }\n}\n\n/**\n * @internal\n */\nexport const ReactMarkViewConsumer: FC = () => {\n const markViewFactory = useMarkViewFactory()\n const extension = useMemo(\n () => defineReactMarkViewFactory(markViewFactory),\n [markViewFactory],\n )\n useExtension(extension)\n\n return null\n}\n\n/**\n * Defines a mark view using a React component.\n *\n * @public\n */\nexport function defineReactMarkView(options: ReactMarkViewOptions): Extension {\n const { name, component, ...userOptions } = options\n\n const args: ReactMarkViewUserOptions = {\n ...userOptions,\n component: withMarkViewProps(component),\n }\n\n return defineMarkViewComponent<ReactMarkViewUserOptions>({\n group: 'react',\n name,\n args,\n })\n}\n\nfunction defineReactMarkViewFactory(\n factory: (options: ReactMarkViewUserOptions) => MarkViewConstructor,\n) {\n return defineMarkViewFactory<ReactMarkViewUserOptions>({\n group: 'react',\n factory,\n })\n}\n","import {\n defineNodeViewComponent,\n defineNodeViewFactory,\n type Extension,\n} from '@prosekit/core'\nimport type { NodeViewConstructor } from '@prosekit/pm/view'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n useNodeViewContext,\n useNodeViewFactory,\n type NodeViewContext,\n type ReactNodeViewUserOptions,\n} from '@prosemirror-adapter/react'\nimport {\n createElement,\n useMemo,\n type ComponentType,\n type FC,\n} from 'react'\n\nimport { useExtension } from '../hooks/use-extension'\n\n/**\n * @public\n */\nexport interface ReactNodeViewProps extends NodeViewContext {}\n\n/**\n * @public\n */\nexport type ReactNodeViewComponent = ComponentType<ReactNodeViewProps>\n\n/**\n * Options for {@link defineReactNodeView}.\n *\n * @public\n */\nexport interface ReactNodeViewOptions extends CoreNodeViewUserOptions<ReactNodeViewComponent> {\n /**\n * The name of the node type.\n */\n name: string\n}\n\nfunction withNodeViewProps(component: ReactNodeViewComponent) {\n return function NodeViewPropsWrapper() {\n const props: ReactNodeViewProps = useNodeViewContext()\n return createElement(component, props)\n }\n}\n\n/**\n * @internal\n */\nexport const ReactNodeViewConsumer: FC = () => {\n const nodeViewFactory = useNodeViewFactory()\n const extension = useMemo(\n () => defineReactNodeViewFactory(nodeViewFactory),\n [nodeViewFactory],\n )\n useExtension(extension)\n\n return null\n}\n\n/**\n * Defines a node view using a React component.\n *\n * @public\n */\nexport function defineReactNodeView(options: ReactNodeViewOptions): Extension {\n const { name, component, ...userOptions } = options\n\n const args: ReactNodeViewUserOptions = {\n ...userOptions,\n component: withNodeViewProps(component),\n }\n\n return defineNodeViewComponent<ReactNodeViewUserOptions>({\n group: 'react',\n name,\n args,\n })\n}\n\nfunction defineReactNodeViewFactory(\n factory: (options: ReactNodeViewUserOptions) => NodeViewConstructor,\n) {\n return defineNodeViewFactory<ReactNodeViewUserOptions>({\n group: 'react',\n factory,\n })\n}\n","import type { Editor } from '@prosekit/core'\nimport { ProsemirrorAdapterProvider } from '@prosemirror-adapter/react'\nimport {\n createElement,\n type ComponentType,\n type ReactNode,\n} from 'react'\n\nimport { EditorContextProvider } from '../contexts/editor-context'\nimport { ReactMarkViewConsumer } from '../extensions/react-mark-view'\nimport { ReactNodeViewConsumer } from '../extensions/react-node-view'\n\nexport interface ProseKitProps {\n editor: Editor\n children?: ReactNode\n}\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: ComponentType<ProseKitProps> = (props) => {\n const { editor, children } = props\n\n return createElement(\n ProsemirrorAdapterProvider,\n null,\n createElement(\n EditorContextProvider,\n { value: editor },\n createElement(ReactNodeViewConsumer),\n createElement(ReactMarkViewConsumer),\n children,\n ),\n )\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\nimport { useMemo } from 'react'\n\nimport {\n useExtension,\n type UseExtensionOptions,\n} from './use-extension'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n handler: (doc: ProseMirrorNode) => void,\n options?: UseExtensionOptions,\n): void {\n const extension = useMemo(\n () => defineDocChangeHandler((view) => handler(view.state.doc)),\n [handler],\n )\n useExtension(extension, options)\n}\n","import {\n defineMountHandler,\n defineUpdateHandler,\n ProseKitError,\n union,\n type Editor,\n type Extension,\n} from '@prosekit/core'\nimport {\n useEffect,\n useReducer,\n} from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n /**\n * Whether to update the component when the editor is mounted or editor state\n * is updated.\n *\n * Note this this option doesn't work with [React\n * compiler](https://react.dev/learn/react-compiler) because the returned\n * editor will be the same instance after state updates. If you're using React\n * compiler, you should use {@link useEditorDerivedValue} instead.\n *\n * @default false\n */\n update?: boolean\n}): Editor<E> {\n const update = options?.update ?? false\n\n const editor = useEditorContext<E>()\n if (!editor) {\n throw new ProseKitError(\n 'useEditor must be used within the ProseKit component',\n )\n }\n\n const forceUpdate = useForceUpdate()\n\n useEffect(() => {\n if (update) {\n const extension = union(\n defineMountHandler(forceUpdate),\n defineUpdateHandler(forceUpdate),\n )\n return editor.use(extension)\n }\n }, [editor, update, forceUpdate])\n\n return editor\n}\n\nfunction useForceUpdate() {\n const [, dispatch] = useReducer((x: number) => x + 1, 0)\n return dispatch\n}\n","import {\n defineMountHandler,\n defineUpdateHandler,\n EditorNotFoundError,\n union,\n type Editor,\n type Extension,\n} from '@prosekit/core'\nimport {\n useMemo,\n useSyncExternalStore,\n} from 'react'\n\nimport { useEditorContext } from '../contexts/editor-context'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n /**\n * The editor to add the extension to. If not provided, it will use the\n * editor from the nearest `<ProseKit>` component.\n */\n editor?: Editor<E>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns the derived value that updates whenever the editor state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n /**\n * A function that receives the editor instance and returns a derived value.\n *\n * It will be called whenever the editor's document state changes, or when it\n * mounts.\n *\n * This function should be memoized.\n */\n derive: (editor: Editor<E>) => Derived,\n options?: UseEditorDerivedOptions<E>,\n): Derived {\n const editorContext = useEditorContext<E>()\n const editor = options?.editor ?? editorContext\n if (!editor) {\n throw new EditorNotFoundError()\n }\n\n const [subscribe, getSnapshot] = useMemo(() => {\n return createEditorStore(editor, derive)\n }, [editor, derive])\n\n return useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n}\n\nfunction createEditorStore<Derived, E extends Extension = any>(editor: Editor<E>, derive: (editor: Editor<E>) => Derived) {\n let dirty = true\n let derived: Derived\n\n const subscribe = (onChange: VoidFunction): VoidFunction => {\n const handleChange = () => {\n dirty = true\n onChange()\n }\n const extension = union(\n defineUpdateHandler(handleChange),\n defineMountHandler(handleChange),\n )\n return editor.use(extension)\n }\n\n const getSnapshot = () => {\n if (dirty) {\n dirty = false\n derived = derive(editor)\n }\n return derived\n }\n\n return [subscribe, getSnapshot] as const\n}\n","import {\n defineKeymap,\n type Keymap,\n} from '@prosekit/core'\nimport { useMemo } from 'react'\n\nimport {\n useExtension,\n type UseExtensionOptions,\n} from './use-extension'\n\nexport function useKeymap(keymap: Keymap, options?: UseExtensionOptions): void {\n const extension = useMemo(() => defineKeymap(keymap), [keymap])\n useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\nimport { useMemo } from 'react'\n\nimport {\n useExtension,\n type UseExtensionOptions,\n} from './use-extension'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n handler: (state: EditorState) => void,\n options?: UseExtensionOptions,\n): void {\n const extension = useMemo(\n () => defineUpdateHandler((view) => handler(view.state)),\n [handler],\n )\n useExtension(extension, options)\n}\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prosekit/react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.6.
|
|
4
|
+
"version": "0.6.2",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "React components and utilities for ProseKit",
|
|
7
7
|
"author": {
|
|
@@ -10,14 +10,14 @@
|
|
|
10
10
|
},
|
|
11
11
|
"license": "MIT",
|
|
12
12
|
"funding": "https://github.com/sponsors/ocavue",
|
|
13
|
-
"homepage": "https://github.com/
|
|
13
|
+
"homepage": "https://github.com/prosekit/prosekit#readme",
|
|
14
14
|
"repository": {
|
|
15
15
|
"type": "git",
|
|
16
|
-
"url": "git+https://github.com/
|
|
16
|
+
"url": "git+https://github.com/prosekit/prosekit.git",
|
|
17
17
|
"directory": "packages/react"
|
|
18
18
|
},
|
|
19
19
|
"bugs": {
|
|
20
|
-
"url": "https://github.com/
|
|
20
|
+
"url": "https://github.com/prosekit/prosekit/issues"
|
|
21
21
|
},
|
|
22
22
|
"keywords": [
|
|
23
23
|
"ProseMirror"
|
|
@@ -64,14 +64,15 @@
|
|
|
64
64
|
}
|
|
65
65
|
},
|
|
66
66
|
"files": [
|
|
67
|
-
"dist"
|
|
67
|
+
"dist",
|
|
68
|
+
"src"
|
|
68
69
|
],
|
|
69
70
|
"dependencies": {
|
|
70
|
-
"@prosemirror-adapter/core": "^0.4.
|
|
71
|
-
"@prosemirror-adapter/react": "^0.4.
|
|
72
|
-
"@prosekit/core": "^0.8.
|
|
73
|
-
"@prosekit/
|
|
74
|
-
"@prosekit/
|
|
71
|
+
"@prosemirror-adapter/core": "^0.4.6",
|
|
72
|
+
"@prosemirror-adapter/react": "^0.4.6",
|
|
73
|
+
"@prosekit/core": "^0.8.6",
|
|
74
|
+
"@prosekit/pm": "^0.1.14",
|
|
75
|
+
"@prosekit/web": "^0.7.6"
|
|
75
76
|
},
|
|
76
77
|
"peerDependencies": {
|
|
77
78
|
"react": ">= 18.2.0",
|
|
@@ -86,15 +87,14 @@
|
|
|
86
87
|
}
|
|
87
88
|
},
|
|
88
89
|
"devDependencies": {
|
|
89
|
-
"@types/react": "^19.
|
|
90
|
-
"@types/react-dom": "^19.
|
|
91
|
-
"react": "^19.
|
|
92
|
-
"react-dom": "^19.
|
|
93
|
-
"tsdown": "^0.
|
|
94
|
-
"typescript": "~5.
|
|
95
|
-
"
|
|
96
|
-
"@prosekit/config-vitest": "0.0.0"
|
|
97
|
-
"@prosekit/config-tsdown": "0.0.0"
|
|
90
|
+
"@types/react": "^19.2.3",
|
|
91
|
+
"@types/react-dom": "^19.2.2",
|
|
92
|
+
"react": "^19.2.0",
|
|
93
|
+
"react-dom": "^19.2.0",
|
|
94
|
+
"tsdown": "^0.16.2",
|
|
95
|
+
"typescript": "~5.9.3",
|
|
96
|
+
"@prosekit/config-tsdown": "0.0.0",
|
|
97
|
+
"@prosekit/config-vitest": "0.0.0"
|
|
98
98
|
},
|
|
99
99
|
"publishConfig": {
|
|
100
100
|
"dev": {}
|
|
@@ -104,12 +104,12 @@
|
|
|
104
104
|
"prosekit-react": "./src/index.ts",
|
|
105
105
|
"prosekit-react-autocomplete": "./src/components/autocomplete/index.gen.ts",
|
|
106
106
|
"prosekit-react-block-handle": "./src/components/block-handle/index.gen.ts",
|
|
107
|
+
"prosekit-react-drop-indicator": "./src/components/drop-indicator/index.gen.ts",
|
|
107
108
|
"prosekit-react-inline-popover": "./src/components/inline-popover/index.gen.ts",
|
|
108
109
|
"prosekit-react-popover": "./src/components/popover/index.gen.ts",
|
|
109
110
|
"prosekit-react-resizable": "./src/components/resizable/index.gen.ts",
|
|
110
111
|
"prosekit-react-table-handle": "./src/components/table-handle/index.gen.ts",
|
|
111
|
-
"prosekit-react-tooltip": "./src/components/tooltip/index.gen.ts"
|
|
112
|
-
"prosekit-react-drop-indicator": "./src/components/drop-indicator/index.gen.ts"
|
|
112
|
+
"prosekit-react-tooltip": "./src/components/tooltip/index.gen.ts"
|
|
113
113
|
}
|
|
114
114
|
},
|
|
115
115
|
"scripts": {
|