dn-react-text-editor 0.3.5 → 0.3.7

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,6 +3,7 @@ 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 'orderedmap';
 import 'prosemirror-model';

package/dist/index.d.ts

@@ -3,6 +3,7 @@ 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 'orderedmap';
 import 'prosemirror-model';

package/dist/index.js

@@ -41,14 +41,15 @@ __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),
@@ -64,7 +65,7 @@ function TextEditorInput({ controller, onChange, ...props }) {
       sub.unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "input",
     {
       ...props,
@@ -1087,8 +1088,8 @@ var TextEditorController = class {
     this.view?.destroy();
   }
 };
-var configTextEditorController = (options = {} = {}) => {
-  return (props) => new TextEditorController({
+var configTextEditorController = (options = {}) => {
+  return (props = {}) => new TextEditorController({
     ...props,
     className: props.className || options.className,
     style: props.style || options.style,
@@ -1097,8 +1098,8 @@ var configTextEditorController = (options = {} = {}) => {
 };
 
 // src/text_editor.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function TextEditor({
-  controller: externalController,
   ref,
   name,
   className,
@@ -1115,7 +1116,7 @@ function TextEditor({
   ...props
 } = {}) {
   const containerRef = (0, import_react3.useRef)(null);
-  const innerController = (0, import_react2.useMemo)(
+  const controller = (0, import_react2.useMemo)(
     () => new TextEditorController({
       mode,
       state,
@@ -1129,7 +1130,6 @@ function TextEditor({
     }),
     []
   );
-  const controller = externalController || innerController;
   (0, import_react2.useImperativeHandle)(ref, () => controller, [controller]);
   (0, import_react3.useEffect)(() => {
     const container = containerRef.current;
@@ -1141,19 +1141,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,
@@ -1181,7 +1184,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,17 +1,19 @@
 // src/text_editor.tsx
-import React2, {
+import {
   useImperativeHandle,
   useMemo
 } from "react";
-import { useEffect as useEffect2, useRef } from "react";
+import { useEffect as useEffect2, 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),
@@ -27,7 +29,7 @@ function TextEditorInput({ controller, onChange, ...props }) {
       sub.unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "input",
     {
       ...props,
@@ -1052,8 +1054,8 @@ var TextEditorController = class {
     this.view?.destroy();
   }
 };
-var configTextEditorController = (options = {} = {}) => {
-  return (props) => new TextEditorController({
+var configTextEditorController = (options = {}) => {
+  return (props = {}) => new TextEditorController({
     ...props,
     className: props.className || options.className,
     style: props.style || options.style,
@@ -1062,8 +1064,8 @@ var configTextEditorController = (options = {} = {}) => {
 };
 
 // src/text_editor.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 function TextEditor({
-  controller: externalController,
   ref,
   name,
   className,
@@ -1079,8 +1081,8 @@ function TextEditor({
   style,
   ...props
 } = {}) {
-  const containerRef = useRef(null);
-  const innerController = useMemo(
+  const containerRef = useRef2(null);
+  const controller = useMemo(
     () => new TextEditorController({
       mode,
       state,
@@ -1094,7 +1096,6 @@ function TextEditor({
     }),
     []
   );
-  const controller = externalController || innerController;
   useImperativeHandle(ref, () => controller, [controller]);
   useEffect2(() => {
     const container = containerRef.current;
@@ -1106,19 +1107,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,
@@ -1146,7 +1150,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, ChangeEvent } from 'react';
 import { TextEditorController } from './text_editor_controller.mjs';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -11,8 +12,8 @@ import 'rxjs';
 type Props = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     controller: TextEditorController;
     name?: string;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => 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, ChangeEvent } from 'react';
 import { TextEditorController } from './text_editor_controller.js';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -11,8 +12,8 @@ import 'rxjs';
 type Props = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     controller: TextEditorController;
     name?: string;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => 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,10 +23,11 @@ __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),
@@ -52,7 +43,7 @@ function TextEditorInput({ controller, onChange, ...props }) {
       sub.unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "input",
     {
       ...props,

package/dist/input.mjs

@@ -1,10 +1,12 @@
 // 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),
@@ -20,7 +22,7 @@ function TextEditorInput({ controller, onChange, ...props }) {
       sub.unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "input",
     {
       ...props,

package/dist/text_editor.d.mts

@@ -1,4 +1,5 @@
-import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
 import { TextEditorController, TextEditorControllerProps } from './text_editor_controller.mjs';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -10,10 +11,9 @@ import 'rxjs';
 
 type HTMLElementProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
 type TextEditorProps = Omit<HTMLElementProps, "ref"> & {
-    controller?: TextEditorController;
     name?: string;
     ref?: Ref<TextEditorController>;
 } & TextEditorControllerProps;
-declare function TextEditor({ controller: externalController, 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,5 @@
-import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
 import { TextEditorController, TextEditorControllerProps } from './text_editor_controller.js';
 import 'prosemirror-model';
 import 'prosemirror-state';
@@ -10,10 +11,9 @@ import 'rxjs';
 
 type HTMLElementProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
 type TextEditorProps = Omit<HTMLElementProps, "ref"> & {
-    controller?: TextEditorController;
     name?: string;
     ref?: Ref<TextEditorController>;
 } & TextEditorControllerProps;
-declare function TextEditor({ controller: externalController, 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,14 +33,15 @@ __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),
@@ -56,7 +57,7 @@ function TextEditorInput({ controller, onChange, ...props }) {
       sub.unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "input",
     {
       ...props,
@@ -1081,8 +1082,8 @@ var TextEditorController = class {
 };
 
 // src/text_editor.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function TextEditor({
-  controller: externalController,
   ref,
   name,
   className,
@@ -1099,7 +1100,7 @@ function TextEditor({
   ...props
 } = {}) {
   const containerRef = (0, import_react3.useRef)(null);
-  const innerController = (0, import_react2.useMemo)(
+  const controller = (0, import_react2.useMemo)(
     () => new TextEditorController({
       mode,
       state,
@@ -1113,7 +1114,6 @@ function TextEditor({
     }),
     []
   );
-  const controller = externalController || innerController;
   (0, import_react2.useImperativeHandle)(ref, () => controller, [controller]);
   (0, import_react3.useEffect)(() => {
     const container = containerRef.current;
@@ -1125,14 +1125,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,17 +1,19 @@
 // src/text_editor.tsx
-import React2, {
+import {
   useImperativeHandle,
   useMemo
 } from "react";
-import { useEffect as useEffect2, useRef } from "react";
+import { useEffect as useEffect2, 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),
@@ -27,7 +29,7 @@ function TextEditorInput({ controller, onChange, ...props }) {
       sub.unsubscribe();
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "input",
     {
       ...props,
@@ -1054,8 +1056,8 @@ var TextEditorController = class {
 };
 
 // src/text_editor.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 function TextEditor({
-  controller: externalController,
   ref,
   name,
   className,
@@ -1071,8 +1073,8 @@ function TextEditor({
   style,
   ...props
 } = {}) {
-  const containerRef = useRef(null);
-  const innerController = useMemo(
+  const containerRef = useRef2(null);
+  const controller = useMemo(
     () => new TextEditorController({
       mode,
       state,
@@ -1086,7 +1088,6 @@ function TextEditor({
     }),
     []
   );
-  const controller = externalController || innerController;
   useImperativeHandle(ref, () => controller, [controller]);
   useEffect2(() => {
     const container = containerRef.current;
@@ -1098,14 +1099,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/dist/text_editor_controller.d.mts

@@ -56,6 +56,6 @@ declare class TextEditorController {
     dispose(): void;
 }
 type ConfigTextEditorOptions = Pick<TextEditorControllerProps, "className" | "style" | "attachFile">;
-declare const configTextEditorController: (options?: ConfigTextEditorOptions) => (props: TextEditorControllerProps) => TextEditorController;
+declare const configTextEditorController: (options?: ConfigTextEditorOptions) => (props?: TextEditorControllerProps) => TextEditorController;
 
 export { type ConfigTextEditorOptions, TextEditorController, type TextEditorControllerProps, configTextEditorController };

package/dist/text_editor_controller.d.ts

@@ -56,6 +56,6 @@ declare class TextEditorController {
     dispose(): void;
 }
 type ConfigTextEditorOptions = Pick<TextEditorControllerProps, "className" | "style" | "attachFile">;
-declare const configTextEditorController: (options?: ConfigTextEditorOptions) => (props: TextEditorControllerProps) => TextEditorController;
+declare const configTextEditorController: (options?: ConfigTextEditorOptions) => (props?: TextEditorControllerProps) => TextEditorController;
 
 export { type ConfigTextEditorOptions, TextEditorController, type TextEditorControllerProps, configTextEditorController };

package/dist/text_editor_controller.js

@@ -1044,8 +1044,8 @@ var TextEditorController = class {
     this.view?.destroy();
   }
 };
-var configTextEditorController = (options = {} = {}) => {
-  return (props) => new TextEditorController({
+var configTextEditorController = (options = {}) => {
+  return (props = {}) => new TextEditorController({
     ...props,
     className: props.className || options.className,
     style: props.style || options.style,

package/dist/text_editor_controller.mjs

@@ -1011,8 +1011,8 @@ var TextEditorController = class {
     this.view?.destroy();
   }
 };
-var configTextEditorController = (options = {} = {}) => {
-  return (props) => new TextEditorController({
+var configTextEditorController = (options = {}) => {
+  return (props = {}) => new TextEditorController({
     ...props,
     className: props.className || options.className,
     style: props.style || options.style,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dn-react-text-editor",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.mjs",
   "module": "./dist/index.js",