dn-react-text-editor 0.3.6 → 0.3.9

package/dist/html.d.mts

@@ -1,8 +1,9 @@
-import React, { DetailedHTMLProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
 
 declare function createInnerHTML(raw: string): string;
 declare function createTextEditorView(options?: {
     className?: string;
-}): ({ className, dangerouslySetInnerHTML, ...props }: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
+}): ({ className, dangerouslySetInnerHTML, ...props }: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 
 export { createInnerHTML, createTextEditorView };

package/dist/html.d.ts

@@ -1,8 +1,9 @@
-import React, { DetailedHTMLProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
 
 declare function createInnerHTML(raw: string): string;
 declare function createTextEditorView(options?: {
     className?: string;
-}): ({ className, dangerouslySetInnerHTML, ...props }: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
+}): ({ className, dangerouslySetInnerHTML, ...props }: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 
 export { createInnerHTML, createTextEditorView };

package/dist/html.js

@@ -88,7 +88,7 @@ function cn(...classes) {
 }
 
 // src/html.tsx
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function createInnerHTML(raw) {
   return raw.replace(/<\/p>/g, "<br></p>").replace(/(<p><br><\/p>)+$/g, "").replace(
     /<code class="language-(\w+)">([\s\S]*?)<\/code>/g,
@@ -116,7 +116,7 @@ function createTextEditorView(options = {}) {
     dangerouslySetInnerHTML,
     ...props
   }) {
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ...props,

package/dist/html.mjs

@@ -51,7 +51,7 @@ function cn(...classes) {
 }
 
 // src/html.tsx
-import React from "react";
+import { jsx } from "react/jsx-runtime";
 function createInnerHTML(raw) {
   return raw.replace(/<\/p>/g, "<br></p>").replace(/(<p><br><\/p>)+$/g, "").replace(
     /<code class="language-(\w+)">([\s\S]*?)<\/code>/g,
@@ -79,7 +79,7 @@ function createTextEditorView(options = {}) {
     dangerouslySetInnerHTML,
     ...props
   }) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         ...props,

package/dist/index.d.mts

@@ -3,7 +3,9 @@ export { createSchema } from './schema.mjs';
 export { AttachFile, AttachFileOptions, GenerateMetadata, UploadFile, createAttachFile } from './attach_file.mjs';
 export { createInnerHTML, createTextEditorView } from './html.mjs';
 export { ConfigTextEditorOptions, TextEditorController, TextEditorControllerProps, configTextEditorController } from './text_editor_controller.mjs';
+import 'react/jsx-runtime';
 import 'react';
+import './input.mjs';
 import 'orderedmap';
 import 'prosemirror-model';
 import 'prosemirror-view';

package/dist/index.d.ts

@@ -3,7 +3,9 @@ export { createSchema } from './schema.js';
 export { AttachFile, AttachFileOptions, GenerateMetadata, UploadFile, createAttachFile } from './attach_file.js';
 export { createInnerHTML, createTextEditorView } from './html.js';
 export { ConfigTextEditorOptions, TextEditorController, TextEditorControllerProps, configTextEditorController } from './text_editor_controller.js';
+import 'react/jsx-runtime';
 import 'react';
+import './input.js';
 import 'orderedmap';
 import 'prosemirror-model';
 import 'prosemirror-view';

package/dist/index.js

@@ -41,36 +41,35 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/text_editor.tsx
-var import_react2 = __toESM(require("react"));
+var import_react2 = require("react");
 var import_react3 = require("react");
 
 // src/input.tsx
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_rxjs = require("rxjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 function TextEditorInput({ controller, onChange, ...props }) {
-  const inputRef = import_react.default.useRef(null);
+  const inputRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
     const sub = controller.subject.pipe(
       (0, import_rxjs.filter)((tr) => tr.docChanged),
       (0, import_rxjs.debounceTime)(controller.props.updateDelay || 0)
     ).subscribe(() => {
-      if (inputRef.current) {
-        inputRef.current.value = controller.value;
-        const event = new Event("input", { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-      }
+      const input = inputRef.current;
+      if (!input) return;
+      input.value = controller.value;
+      onChange?.(controller.value);
     });
     return () => {
       sub.unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "input",
     {
       ...props,
       ref: inputRef,
       type: "hidden",
-      onInput: onChange,
       defaultValue: controller.props.defaultValue
     }
   );
@@ -1097,6 +1096,7 @@ var configTextEditorController = (options = {}) => {
 };
 
 // src/text_editor.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function TextEditor({
   ref,
   name,
@@ -1129,7 +1129,7 @@ function TextEditor({
     []
   );
   (0, import_react2.useImperativeHandle)(ref, () => controller, [controller]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useLayoutEffect)(() => {
     const container = containerRef.current;
     if (!container) {
       return;
@@ -1139,19 +1139,22 @@ function TextEditor({
       controller.dispose();
     };
   }, [controller]);
-  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("div", { ...props, ref: containerRef, className }), /* @__PURE__ */ import_react2.default.createElement(
-    TextEditorInput,
-    {
-      name,
-      controller,
-      onChange
-    }
-  ));
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ...props, ref: containerRef, className }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      TextEditorInput,
+      {
+        name,
+        controller,
+        onChange
+      }
+    )
+  ] });
 }
 
 // src/html.tsx
 var import_html_entities = require("html-entities");
-var import_react4 = __toESM(require("react"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function createInnerHTML(raw) {
   return raw.replace(/<\/p>/g, "<br></p>").replace(/(<p><br><\/p>)+$/g, "").replace(
     /<code class="language-(\w+)">([\s\S]*?)<\/code>/g,
@@ -1179,7 +1182,7 @@ function createTextEditorView(options = {}) {
     dangerouslySetInnerHTML,
     ...props
   }) {
-    return /* @__PURE__ */ import_react4.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "div",
       {
         ...props,

package/dist/index.mjs

@@ -1,39 +1,40 @@
 // src/text_editor.tsx
-import React2, {
+import {
   useImperativeHandle,
+  useLayoutEffect,
   useMemo
 } from "react";
-import { useEffect as useEffect2, useRef } from "react";
+import { useRef as useRef2 } from "react";
 
 // src/input.tsx
-import React, {
-  useEffect
+import {
+  useEffect,
+  useRef
 } from "react";
 import { debounceTime, filter } from "rxjs";
+import { jsx } from "react/jsx-runtime";
 function TextEditorInput({ controller, onChange, ...props }) {
-  const inputRef = React.useRef(null);
+  const inputRef = useRef(null);
   useEffect(() => {
     const sub = controller.subject.pipe(
       filter((tr) => tr.docChanged),
       debounceTime(controller.props.updateDelay || 0)
     ).subscribe(() => {
-      if (inputRef.current) {
-        inputRef.current.value = controller.value;
-        const event = new Event("input", { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-      }
+      const input = inputRef.current;
+      if (!input) return;
+      input.value = controller.value;
+      onChange?.(controller.value);
     });
     return () => {
       sub.unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "input",
     {
       ...props,
       ref: inputRef,
       type: "hidden",
-      onInput: onChange,
       defaultValue: controller.props.defaultValue
     }
   );
@@ -1062,6 +1063,7 @@ var configTextEditorController = (options = {}) => {
 };
 
 // src/text_editor.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 function TextEditor({
   ref,
   name,
@@ -1078,7 +1080,7 @@ function TextEditor({
   style,
   ...props
 } = {}) {
-  const containerRef = useRef(null);
+  const containerRef = useRef2(null);
   const controller = useMemo(
     () => new TextEditorController({
       mode,
@@ -1094,7 +1096,7 @@ function TextEditor({
     []
   );
   useImperativeHandle(ref, () => controller, [controller]);
-  useEffect2(() => {
+  useLayoutEffect(() => {
     const container = containerRef.current;
     if (!container) {
       return;
@@ -1104,19 +1106,22 @@ function TextEditor({
       controller.dispose();
     };
   }, [controller]);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { ...props, ref: containerRef, className }), /* @__PURE__ */ React2.createElement(
-    TextEditorInput,
-    {
-      name,
-      controller,
-      onChange
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2("div", { ...props, ref: containerRef, className }),
+    /* @__PURE__ */ jsx2(
+      TextEditorInput,
+      {
+        name,
+        controller,
+        onChange
+      }
+    )
+  ] });
 }
 
 // src/html.tsx
 import { decode } from "html-entities";
-import React3 from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function createInnerHTML(raw) {
   return raw.replace(/<\/p>/g, "<br></p>").replace(/(<p><br><\/p>)+$/g, "").replace(
     /<code class="language-(\w+)">([\s\S]*?)<\/code>/g,
@@ -1144,7 +1149,7 @@ function createTextEditorView(options = {}) {
     dangerouslySetInnerHTML,
     ...props
   }) {
-    return /* @__PURE__ */ React3.createElement(
+    return /* @__PURE__ */ jsx3(
       "div",
       {
         ...props,

package/dist/input.d.mts

@@ -1,4 +1,5 @@
-import React, { DetailedHTMLProps, HTMLAttributes } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { TextEditorController } from './text_editor_controller.mjs';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -8,11 +9,11 @@ import './schema.mjs';
 import 'orderedmap';
 import 'rxjs';
 
-type Props = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+type Props = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "onChange"> & {
     controller: TextEditorController;
     name?: string;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (value: string) => void;
 };
-declare function TextEditorInput({ controller, onChange, ...props }: Props): React.JSX.Element;
+declare function TextEditorInput({ controller, onChange, ...props }: Props): react_jsx_runtime.JSX.Element;
 
 export { TextEditorInput };

package/dist/input.d.ts

@@ -1,4 +1,5 @@
-import React, { DetailedHTMLProps, HTMLAttributes } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { TextEditorController } from './text_editor_controller.js';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -8,11 +9,11 @@ import './schema.js';
 import 'orderedmap';
 import 'rxjs';
 
-type Props = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+type Props = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "onChange"> & {
     controller: TextEditorController;
     name?: string;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (value: string) => void;
 };
-declare function TextEditorInput({ controller, onChange, ...props }: Props): React.JSX.Element;
+declare function TextEditorInput({ controller, onChange, ...props }: Props): react_jsx_runtime.JSX.Element;
 
 export { TextEditorInput };

package/dist/input.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/input.tsx
@@ -33,32 +23,31 @@ __export(input_exports, {
   TextEditorInput: () => TextEditorInput
 });
 module.exports = __toCommonJS(input_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_rxjs = require("rxjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 function TextEditorInput({ controller, onChange, ...props }) {
-  const inputRef = import_react.default.useRef(null);
+  const inputRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
     const sub = controller.subject.pipe(
       (0, import_rxjs.filter)((tr) => tr.docChanged),
       (0, import_rxjs.debounceTime)(controller.props.updateDelay || 0)
     ).subscribe(() => {
-      if (inputRef.current) {
-        inputRef.current.value = controller.value;
-        const event = new Event("input", { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-      }
+      const input = inputRef.current;
+      if (!input) return;
+      input.value = controller.value;
+      onChange?.(controller.value);
     });
     return () => {
       sub.unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "input",
     {
       ...props,
       ref: inputRef,
       type: "hidden",
-      onInput: onChange,
       defaultValue: controller.props.defaultValue
     }
   );

package/dist/input.mjs

@@ -1,32 +1,32 @@
 // src/input.tsx
-import React, {
-  useEffect
+import {
+  useEffect,
+  useRef
 } from "react";
 import { debounceTime, filter } from "rxjs";
+import { jsx } from "react/jsx-runtime";
 function TextEditorInput({ controller, onChange, ...props }) {
-  const inputRef = React.useRef(null);
+  const inputRef = useRef(null);
   useEffect(() => {
     const sub = controller.subject.pipe(
       filter((tr) => tr.docChanged),
       debounceTime(controller.props.updateDelay || 0)
     ).subscribe(() => {
-      if (inputRef.current) {
-        inputRef.current.value = controller.value;
-        const event = new Event("input", { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-      }
+      const input = inputRef.current;
+      if (!input) return;
+      input.value = controller.value;
+      onChange?.(controller.value);
     });
     return () => {
       sub.unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "input",
     {
       ...props,
       ref: inputRef,
       type: "hidden",
-      onInput: onChange,
       defaultValue: controller.props.defaultValue
     }
   );

package/dist/plugins/upload_placeholder.d.mts

@@ -1,4 +1,4 @@
-import { Plugin, EditorState } from 'prosemirror-state';
+import { EditorState, Plugin } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
 
 declare const uploadPlaceholderPlugin: Plugin<DecorationSet>;

package/dist/plugins/upload_placeholder.d.ts

@@ -1,4 +1,4 @@
-import { Plugin, EditorState } from 'prosemirror-state';
+import { EditorState, Plugin } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
 
 declare const uploadPlaceholderPlugin: Plugin<DecorationSet>;

package/dist/text_editor.d.mts

@@ -1,4 +1,6 @@
-import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import { TextEditorInput } from './input.mjs';
 import { TextEditorController, TextEditorControllerProps } from './text_editor_controller.mjs';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -9,10 +11,11 @@ import 'orderedmap';
 import 'rxjs';
 
 type HTMLElementProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-type TextEditorProps = Omit<HTMLElementProps, "ref"> & {
+type TextEditorProps = Omit<HTMLElementProps, "ref" | "onChange"> & {
     name?: string;
     ref?: Ref<TextEditorController>;
+    onChange?: Parameters<typeof TextEditorInput>[0]["onChange"];
 } & TextEditorControllerProps;
-declare function TextEditor({ ref, name, className, autoFocus, onChange, mode, state, editor, defaultValue, updateDelay, placeholder, attachFile, style, ...props }?: TextEditorProps): React.JSX.Element;
+declare function TextEditor({ ref, name, className, autoFocus, onChange, mode, state, editor, defaultValue, updateDelay, placeholder, attachFile, style, ...props }?: TextEditorProps): react_jsx_runtime.JSX.Element;
 
 export { TextEditor, type TextEditorProps };

package/dist/text_editor.d.ts

@@ -1,4 +1,6 @@
-import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import { TextEditorInput } from './input.js';
 import { TextEditorController, TextEditorControllerProps } from './text_editor_controller.js';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -9,10 +11,11 @@ import 'orderedmap';
 import 'rxjs';
 
 type HTMLElementProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-type TextEditorProps = Omit<HTMLElementProps, "ref"> & {
+type TextEditorProps = Omit<HTMLElementProps, "ref" | "onChange"> & {
     name?: string;
     ref?: Ref<TextEditorController>;
+    onChange?: Parameters<typeof TextEditorInput>[0]["onChange"];
 } & TextEditorControllerProps;
-declare function TextEditor({ ref, name, className, autoFocus, onChange, mode, state, editor, defaultValue, updateDelay, placeholder, attachFile, style, ...props }?: TextEditorProps): React.JSX.Element;
+declare function TextEditor({ ref, name, className, autoFocus, onChange, mode, state, editor, defaultValue, updateDelay, placeholder, attachFile, style, ...props }?: TextEditorProps): react_jsx_runtime.JSX.Element;
 
 export { TextEditor, type TextEditorProps };

package/dist/text_editor.js

@@ -33,36 +33,35 @@ __export(text_editor_exports, {
   TextEditor: () => TextEditor
 });
 module.exports = __toCommonJS(text_editor_exports);
-var import_react2 = __toESM(require("react"));
+var import_react2 = require("react");
 var import_react3 = require("react");
 
 // src/input.tsx
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_rxjs = require("rxjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 function TextEditorInput({ controller, onChange, ...props }) {
-  const inputRef = import_react.default.useRef(null);
+  const inputRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
     const sub = controller.subject.pipe(
       (0, import_rxjs.filter)((tr) => tr.docChanged),
       (0, import_rxjs.debounceTime)(controller.props.updateDelay || 0)
     ).subscribe(() => {
-      if (inputRef.current) {
-        inputRef.current.value = controller.value;
-        const event = new Event("input", { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-      }
+      const input = inputRef.current;
+      if (!input) return;
+      input.value = controller.value;
+      onChange?.(controller.value);
     });
     return () => {
       sub.unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "input",
     {
       ...props,
       ref: inputRef,
       type: "hidden",
-      onInput: onChange,
       defaultValue: controller.props.defaultValue
     }
   );
@@ -1081,6 +1080,7 @@ var TextEditorController = class {
 };
 
 // src/text_editor.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function TextEditor({
   ref,
   name,
@@ -1113,7 +1113,7 @@ function TextEditor({
     []
   );
   (0, import_react2.useImperativeHandle)(ref, () => controller, [controller]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useLayoutEffect)(() => {
     const container = containerRef.current;
     if (!container) {
       return;
@@ -1123,14 +1123,17 @@ function TextEditor({
       controller.dispose();
     };
   }, [controller]);
-  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("div", { ...props, ref: containerRef, className }), /* @__PURE__ */ import_react2.default.createElement(
-    TextEditorInput,
-    {
-      name,
-      controller,
-      onChange
-    }
-  ));
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ...props, ref: containerRef, className }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      TextEditorInput,
+      {
+        name,
+        controller,
+        onChange
+      }
+    )
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/text_editor.mjs

@@ -1,39 +1,40 @@
 // src/text_editor.tsx
-import React2, {
+import {
   useImperativeHandle,
+  useLayoutEffect,
   useMemo
 } from "react";
-import { useEffect as useEffect2, useRef } from "react";
+import { useRef as useRef2 } from "react";
 
 // src/input.tsx
-import React, {
-  useEffect
+import {
+  useEffect,
+  useRef
 } from "react";
 import { debounceTime, filter } from "rxjs";
+import { jsx } from "react/jsx-runtime";
 function TextEditorInput({ controller, onChange, ...props }) {
-  const inputRef = React.useRef(null);
+  const inputRef = useRef(null);
   useEffect(() => {
     const sub = controller.subject.pipe(
       filter((tr) => tr.docChanged),
       debounceTime(controller.props.updateDelay || 0)
     ).subscribe(() => {
-      if (inputRef.current) {
-        inputRef.current.value = controller.value;
-        const event = new Event("input", { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-      }
+      const input = inputRef.current;
+      if (!input) return;
+      input.value = controller.value;
+      onChange?.(controller.value);
     });
     return () => {
       sub.unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "input",
     {
       ...props,
       ref: inputRef,
       type: "hidden",
-      onInput: onChange,
       defaultValue: controller.props.defaultValue
     }
   );
@@ -1054,6 +1055,7 @@ var TextEditorController = class {
 };
 
 // src/text_editor.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 function TextEditor({
   ref,
   name,
@@ -1070,7 +1072,7 @@ function TextEditor({
   style,
   ...props
 } = {}) {
-  const containerRef = useRef(null);
+  const containerRef = useRef2(null);
   const controller = useMemo(
     () => new TextEditorController({
       mode,
@@ -1086,7 +1088,7 @@ function TextEditor({
     []
   );
   useImperativeHandle(ref, () => controller, [controller]);
-  useEffect2(() => {
+  useLayoutEffect(() => {
     const container = containerRef.current;
     if (!container) {
       return;
@@ -1096,14 +1098,17 @@ function TextEditor({
       controller.dispose();
     };
   }, [controller]);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { ...props, ref: containerRef, className }), /* @__PURE__ */ React2.createElement(
-    TextEditorInput,
-    {
-      name,
-      controller,
-      onChange
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2("div", { ...props, ref: containerRef, className }),
+    /* @__PURE__ */ jsx2(
+      TextEditorInput,
+      {
+        name,
+        controller,
+        onChange
+      }
+    )
+  ] });
 }
 export {
   TextEditor

package/package.json

@@ -1,59 +1,59 @@
 {
-  "name": "dn-react-text-editor",
-  "version": "0.3.6",
-  "types": "./dist/index.d.ts",
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.js",
-  "sideEffects": false,
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+    "name": "dn-react-text-editor",
+    "version": "0.3.9",
+    "types": "./dist/index.d.ts",
+    "main": "./dist/index.mjs",
+    "module": "./dist/index.js",
+    "sideEffects": false,
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.js"
+        },
+        "./prosemirror": {
+            "types": "./dist/prosemirror/index.d.ts",
+            "import": "./dist/prosemirror/index.mjs",
+            "require": "./dist/prosemirror/index.js"
+        }
     },
-    "./prosemirror": {
-      "types": "./dist/prosemirror/index.d.ts",
-      "import": "./dist/prosemirror/index.mjs",
-      "require": "./dist/prosemirror/index.js"
+    "scripts": {
+        "build": "NODE_OPTIONS='--max-old-space-size=16384' tsup",
+        "dev": "tsup --watch"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/dndnsoft/dn-react-text-editor.git"
+    },
+    "author": "",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/dndnsoft/dn-react-text-editor/issues"
+    },
+    "homepage": "https://github.com/dndnsoft/dn-react-text-editor#readme",
+    "description": "",
+    "devDependencies": {
+        "@types/node": "^24.10.1",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "tsup": "^8.5.1",
+        "typescript": "^5.7.3"
+    },
+    "peerDependencies": {
+        "react": "^19",
+        "react-dom": "^19"
+    },
+    "dependencies": {
+        "highlight.js": "^11.11.1",
+        "html-entities": "^2.6.0",
+        "prosemirror-commands": "^1.7.1",
+        "prosemirror-highlightjs": "^0.9.1",
+        "prosemirror-history": "^1.5.0",
+        "prosemirror-keymap": "^1.2.3",
+        "prosemirror-model": "^1.25.4",
+        "prosemirror-schema-list": "^1.5.1",
+        "prosemirror-state": "^1.4.4",
+        "prosemirror-view": "^1.41.3",
+        "rxjs": "^7.8.2"
     }
-  },
-  "scripts": {
-    "build": "NODE_OPTIONS='--max-old-space-size=16384' tsup",
-    "dev": "tsup --watch"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/dndnsoft/dn-react-text-editor.git"
-  },
-  "author": "",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/dndnsoft/dn-react-text-editor/issues"
-  },
-  "homepage": "https://github.com/dndnsoft/dn-react-text-editor#readme",
-  "description": "",
-  "devDependencies": {
-    "@types/node": "^24.10.1",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "tsup": "^8.5.1",
-    "typescript": "^5.7.3"
-  },
-  "peerDependencies": {
-    "react": "^19",
-    "react-dom": "^19"
-  },
-  "dependencies": {
-    "highlight.js": "^11.11.1",
-    "html-entities": "^2.6.0",
-    "prosemirror-commands": "^1.7.1",
-    "prosemirror-highlightjs": "^0.9.1",
-    "prosemirror-history": "^1.5.0",
-    "prosemirror-keymap": "^1.2.3",
-    "prosemirror-model": "^1.25.4",
-    "prosemirror-schema-list": "^1.5.1",
-    "prosemirror-state": "^1.4.4",
-    "prosemirror-view": "^1.41.3",
-    "rxjs": "^7.8.2"
-  }
-}
+}