@prosekit/react 0.0.22 → 0.0.24

package/dist/_tsup-dts-rollup.d.ts

@@ -8,8 +8,6 @@ import { AutocompleteList as AutocompleteList_2 } from '@prosekit/lit/autocomple
 import { AutocompleteListProps as AutocompleteListProps_2 } from '@prosekit/lit/autocomplete-list';
 import { AutocompletePopover as AutocompletePopover_2 } from '@prosekit/lit/autocomplete-popover';
 import { AutocompletePopoverProps as AutocompletePopoverProps_2 } from '@prosekit/lit/autocomplete-popover';
-import { CodeBlockPopover as CodeBlockPopover_2 } from '@prosekit/lit/code-block-popover';
-import { CodeBlockPopoverProps as CodeBlockPopoverProps_2 } from '@prosekit/lit/code-block-popover';
 import { ComboBox as ComboBox_2 } from '@prosekit/lit/combo-box';
 import { ComboBoxInput as ComboBoxInput_2 } from '@prosekit/lit/combo-box-input';
 import { ComboBoxInputProps as ComboBoxInputProps_2 } from '@prosekit/lit/combo-box-input';
@@ -25,6 +23,8 @@ import { Editor } from '@prosekit/core';
 import { Extension } from '@prosekit/core';
 import { ExtensionTyping } from '@prosekit/core';
 import type { ForwardRefExoticComponent } from 'react';
+import { InlinePopover as InlinePopover_2 } from '@prosekit/lit/inline-popover';
+import { InlinePopoverProps as InlinePopoverProps_2 } from '@prosekit/lit/inline-popover';
 import { Keymap } from '@prosekit/core';
 import type { NodeViewContext } from '@prosemirror-adapter/react';
 import { Options } from 'tsup';
@@ -83,13 +83,6 @@ declare type AutocompletePopoverProps = SimplifyUnion<{
 export { AutocompletePopoverProps }
 export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
 
-export declare const CodeBlockPopover: ForwardRefExoticComponent<PropsWithoutRef<CodeBlockPopoverProps> & RefAttributes<CodeBlockPopover_2>>;
-
-export declare type CodeBlockPopoverProps = SimplifyUnion<{
-    className?: string;
-    children?: React_2.ReactNode;
-} & CodeBlockPopoverProps_2>;
-
 export declare const ComboBox: ForwardRefExoticComponent<PropsWithoutRef<ComboBoxProps> & RefAttributes<ComboBox_2>>;
 
 export declare const ComboBoxInput: ForwardRefExoticComponent<PropsWithoutRef<ComboBoxInputProps> & RefAttributes<ComboBoxInput_2>>;
@@ -136,6 +129,13 @@ export declare interface EditorContext {
 
 export declare const editorContext: Context<EditorContext | null>;
 
+export declare const InlinePopover: ForwardRefExoticComponent<PropsWithoutRef<InlinePopoverProps> & RefAttributes<InlinePopover_2>>;
+
+export declare type InlinePopoverProps = SimplifyUnion<{
+    className?: string;
+    children?: React_2.ReactNode;
+} & InlinePopoverProps_2>;
+
 export declare const Popover: ForwardRefExoticComponent<PropsWithoutRef<PopoverProps> & RefAttributes<Popover_2>>;
 
 export { PopoverOptions }
@@ -179,17 +179,11 @@ declare interface UseEditorOptions {
 export { UseEditorOptions }
 export { UseEditorOptions as UseEditorOptions_alias_1 }
 
-declare function useExtension({ extension }: UseExtensionProps): void;
+declare function useExtension<T extends Extension = Extension>(extension: T): void;
 export { useExtension }
 export { useExtension as useExtension_alias_1 }
 
-declare interface UseExtensionProps<T extends Extension = Extension> {
-    extension: T;
-}
-
-declare function useKeymap({ keymap }: {
-    keymap: Keymap;
-}): void;
+declare function useKeymap(keymap: Keymap): void;
 export { useKeymap }
 export { useKeymap as useKeymap_alias_1 }
 

package/dist/prosekit-react-inline-popover.d.ts

@@ -0,0 +1,2 @@
+export { InlinePopoverProps } from './_tsup-dts-rollup';
+export { InlinePopover } from './_tsup-dts-rollup';

package/dist/prosekit-react-inline-popover.js

@@ -0,0 +1,17 @@
+// src/components/inline-popover.gen.ts
+import { createComponent } from "@lit/react";
+import { InlinePopover as InlinePopoverElement } from "@prosekit/lit/inline-popover";
+import React from "react";
+var InlinePopoverInner = createComponent({
+  tagName: "prosekit-inline-popover",
+  elementClass: InlinePopoverElement,
+  react: React,
+  displayName: "InlinePopoverInner"
+});
+var InlinePopover = React.forwardRef((props, ref) => {
+  return React.createElement(InlinePopoverInner, { ...props, ref });
+});
+InlinePopover.displayName = "InlinePopover";
+export {
+  InlinePopover
+};

package/dist/prosekit-react.js

@@ -57,7 +57,7 @@ import { useEffect as useEffect2 } from "react";
 // src/hooks/use-editor.ts
 import {
   ProseKitError,
-  defineEventHandler
+  defineUpdateHandler
 } from "@prosekit/core";
 import { useContext, useEffect, useReducer } from "react";
 function useEditor(options) {
@@ -73,7 +73,7 @@ function useEditor(options) {
   const forceUpdate = useForceUpdate();
   useEffect(() => {
     if (update) {
-      return editor.use(defineEventHandler({ update: forceUpdate }));
+      return editor.use(defineUpdateHandler(forceUpdate));
     }
   }, [editor, update, forceUpdate]);
   return editor;
@@ -84,7 +84,7 @@ function useForceUpdate() {
 }
 
 // src/hooks/use-extension.ts
-function useExtension({ extension }) {
+function useExtension(extension) {
   const editor = useEditor();
   useEffect2(() => {
     return editor.use(extension);
@@ -111,7 +111,7 @@ function RendererRegister() {
     () => defineReactNodeViewRenderer({ nodeViewFactory }),
     [nodeViewFactory]
   );
-  useExtension({ extension });
+  useExtension(extension);
   return null;
 }
 var EditorContextProvider = editorContext.Provider;
@@ -119,9 +119,9 @@ var EditorContextProvider = editorContext.Provider;
 // src/hooks/use-keymap.ts
 import { defineKeymap } from "@prosekit/core";
 import { useMemo as useMemo2 } from "react";
-function useKeymap({ keymap }) {
+function useKeymap(keymap) {
   const extension = useMemo2(() => defineKeymap(keymap), [keymap]);
-  useExtension({ extension });
+  useExtension(extension);
 }
 export {
   ProseKit,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -50,11 +50,6 @@
       "import": "./dist/prosekit-react-autocomplete-popover.js",
       "default": "./dist/prosekit-react-autocomplete-popover.js"
     },
-    "./code-block-popover": {
-      "types": "./dist/prosekit-react-code-block-popover.d.ts",
-      "import": "./dist/prosekit-react-code-block-popover.js",
-      "default": "./dist/prosekit-react-code-block-popover.js"
-    },
     "./combo-box": {
       "types": "./dist/prosekit-react-combo-box.d.ts",
       "import": "./dist/prosekit-react-combo-box.js",
@@ -75,6 +70,11 @@
       "import": "./dist/prosekit-react-combo-box-list.js",
       "default": "./dist/prosekit-react-combo-box-list.js"
     },
+    "./inline-popover": {
+      "types": "./dist/prosekit-react-inline-popover.d.ts",
+      "import": "./dist/prosekit-react-inline-popover.js",
+      "default": "./dist/prosekit-react-inline-popover.js"
+    },
     "./popover": {
       "types": "./dist/prosekit-react-popover.d.ts",
       "import": "./dist/prosekit-react-popover.js",
@@ -86,8 +86,8 @@
   ],
   "dependencies": {
     "@lit/react": "^1.0.1",
-    "@prosekit/core": "^0.0.18",
-    "@prosekit/lit": "^0.0.22",
+    "@prosekit/core": "^0.0.20",
+    "@prosekit/lit": "^0.0.24",
     "@prosemirror-adapter/react": "^0.2.6"
   },
   "peerDependencies": {
@@ -104,8 +104,8 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "@types/react": "^18.2.34",
-    "@types/react-dom": "^18.2.14",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tsup": "^7.2.0",
@@ -134,9 +134,6 @@
       "autocomplete-popover": [
         "./dist/prosekit-react-autocomplete-popover.d.ts"
       ],
-      "code-block-popover": [
-        "./dist/prosekit-react-code-block-popover.d.ts"
-      ],
       "combo-box": [
         "./dist/prosekit-react-combo-box.d.ts"
       ],
@@ -149,6 +146,9 @@
       "combo-box-list": [
         "./dist/prosekit-react-combo-box-list.d.ts"
       ],
+      "inline-popover": [
+        "./dist/prosekit-react-inline-popover.d.ts"
+      ],
       "popover": [
         "./dist/prosekit-react-popover.d.ts"
       ]

package/dist/prosekit-react-code-block-popover.d.ts

@@ -1,2 +0,0 @@
-export { CodeBlockPopoverProps } from './_tsup-dts-rollup';
-export { CodeBlockPopover } from './_tsup-dts-rollup';

package/dist/prosekit-react-code-block-popover.js

@@ -1,17 +0,0 @@
-// src/components/code-block-popover.gen.ts
-import { createComponent } from "@lit/react";
-import { CodeBlockPopover as CodeBlockPopoverElement } from "@prosekit/lit/code-block-popover";
-import React from "react";
-var CodeBlockPopoverInner = createComponent({
-  tagName: "prosekit-code-block-popover",
-  elementClass: CodeBlockPopoverElement,
-  react: React,
-  displayName: "CodeBlockPopoverInner"
-});
-var CodeBlockPopover = React.forwardRef((props, ref) => {
-  return React.createElement(CodeBlockPopoverInner, { ...props, ref });
-});
-CodeBlockPopover.displayName = "CodeBlockPopover";
-export {
-  CodeBlockPopover
-};