dn-react-text-editor 0.2.0 → 0.2.2

package/dist/create_text_editor.d.mts

@@ -1,4 +1,4 @@
-import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import { DetailedHTMLProps, InputHTMLAttributes, Ref, FC } from 'react';
 import { Transaction } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { createSchema } from './schema.mjs';
@@ -23,6 +23,6 @@ type TextEditorProps = Omit<HTMLElementProps, "ref"> & {
     ref?: Ref<TextEditorController>;
     name?: string;
 } & TextEditorControllerProps;
-declare function createTextEditor(options?: CreateTextEditorOptions): ({ ref, className, autoFocus, placeholder, defaultValue, onChange, updateDelay, ...props }?: TextEditorProps) => React.JSX.Element;
+declare function createTextEditor(options?: CreateTextEditorOptions): FC<TextEditorProps>;
 
 export { type TextEditorController, type TextEditorProps, createTextEditor };

package/dist/create_text_editor.d.ts

@@ -1,4 +1,4 @@
-import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
+import { DetailedHTMLProps, InputHTMLAttributes, Ref, FC } from 'react';
 import { Transaction } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { createSchema } from './schema.js';
@@ -23,6 +23,6 @@ type TextEditorProps = Omit<HTMLElementProps, "ref"> & {
     ref?: Ref<TextEditorController>;
     name?: string;
 } & TextEditorControllerProps;
-declare function createTextEditor(options?: CreateTextEditorOptions): ({ ref, className, autoFocus, placeholder, defaultValue, onChange, updateDelay, ...props }?: TextEditorProps) => React.JSX.Element;
+declare function createTextEditor(options?: CreateTextEditorOptions): FC<TextEditorProps>;
 
 export { type TextEditorController, type TextEditorProps, createTextEditor };

package/dist/create_text_editor.js

@@ -916,7 +916,7 @@ function createAttachFile({
 var import_prosemirror_model3 = require("prosemirror-model");
 var import_rxjs2 = require("rxjs");
 function createTextEditorController(container, schema, options, {
-  mode,
+  mode = "html",
   state,
   editor,
   defaultValue,
@@ -928,10 +928,10 @@ function createTextEditorController(container, schema, options, {
   const prosemirrorSerializer = import_prosemirror_model3.DOMSerializer.fromSchema(schema);
   const wrapper = document.createElement("div");
   const toInnerHTML = (value) => {
-    if (mode === "html") {
-      return value;
+    if (mode === "text") {
+      return value.split("\n").map((line) => `<p>${line}</p>`).join("");
     }
-    return value.split("\n").map((line) => `<p>${line}</p>`).join("");
+    return value;
   };
   wrapper.innerHTML = toInnerHTML(defaultValue ? String(defaultValue) : "");
   const attachFile = createAttachFile({
@@ -1037,32 +1037,38 @@ function createTextEditor(options = {}) {
     ref,
     className,
     autoFocus,
-    placeholder,
-    defaultValue,
     onChange,
+    mode,
+    state,
+    editor,
+    defaultValue,
     updateDelay,
+    placeholder,
     ...props
   } = {}) {
     const containerRef = (0, import_react3.useRef)(null);
     const controllerRef = (0, import_react3.useRef)(null);
-    (0, import_react2.useImperativeHandle)(ref, () => {
+    (0, import_react2.useImperativeHandle)(ref || controllerRef, () => {
       const container = containerRef.current;
       const textEditorController = createTextEditorController(
         container,
         schema,
         options,
-        props
+        {
+          mode,
+          state,
+          editor,
+          defaultValue,
+          updateDelay,
+          placeholder
+        }
       );
       controllerRef.current = textEditorController;
       return textEditorController;
     });
     (0, import_react3.useEffect)(() => {
-      const controller = controllerRef.current;
-      if (!controller) {
-        return;
-      }
       if (autoFocus) {
-        controller.view.focus();
+        controllerRef.current?.view.focus();
       }
     }, []);
     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(
@@ -1070,6 +1076,7 @@ function createTextEditor(options = {}) {
       {
         ref: controllerRef,
         updateDelay,
+        defaultValue,
         onChange
       }
     ));

package/dist/create_text_editor.mjs

@@ -888,7 +888,7 @@ function createAttachFile({
 import { DOMParser, DOMSerializer } from "prosemirror-model";
 import { Subject } from "rxjs";
 function createTextEditorController(container, schema, options, {
-  mode,
+  mode = "html",
   state,
   editor,
   defaultValue,
@@ -900,10 +900,10 @@ function createTextEditorController(container, schema, options, {
   const prosemirrorSerializer = DOMSerializer.fromSchema(schema);
   const wrapper = document.createElement("div");
   const toInnerHTML = (value) => {
-    if (mode === "html") {
-      return value;
+    if (mode === "text") {
+      return value.split("\n").map((line) => `<p>${line}</p>`).join("");
     }
-    return value.split("\n").map((line) => `<p>${line}</p>`).join("");
+    return value;
   };
   wrapper.innerHTML = toInnerHTML(defaultValue ? String(defaultValue) : "");
   const attachFile = createAttachFile({
@@ -1009,32 +1009,38 @@ function createTextEditor(options = {}) {
     ref,
     className,
     autoFocus,
-    placeholder,
-    defaultValue,
     onChange,
+    mode,
+    state,
+    editor,
+    defaultValue,
     updateDelay,
+    placeholder,
     ...props
   } = {}) {
     const containerRef = useRef(null);
     const controllerRef = useRef(null);
-    useImperativeHandle(ref, () => {
+    useImperativeHandle(ref || controllerRef, () => {
       const container = containerRef.current;
       const textEditorController = createTextEditorController(
         container,
         schema,
         options,
-        props
+        {
+          mode,
+          state,
+          editor,
+          defaultValue,
+          updateDelay,
+          placeholder
+        }
       );
       controllerRef.current = textEditorController;
       return textEditorController;
     });
     useEffect2(() => {
-      const controller = controllerRef.current;
-      if (!controller) {
-        return;
-      }
       if (autoFocus) {
-        controller.view.focus();
+        controllerRef.current?.view.focus();
       }
     }, []);
     return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { ...props, ref: containerRef, className }), /* @__PURE__ */ React2.createElement(
@@ -1042,6 +1048,7 @@ function createTextEditor(options = {}) {
       {
         ref: controllerRef,
         updateDelay,
+        defaultValue,
         onChange
       }
     ));

package/dist/index.js

@@ -922,7 +922,7 @@ function createAttachFile({
 var import_prosemirror_model3 = require("prosemirror-model");
 var import_rxjs2 = require("rxjs");
 function createTextEditorController(container, schema, options, {
-  mode,
+  mode = "html",
   state,
   editor,
   defaultValue,
@@ -934,10 +934,10 @@ function createTextEditorController(container, schema, options, {
   const prosemirrorSerializer = import_prosemirror_model3.DOMSerializer.fromSchema(schema);
   const wrapper = document.createElement("div");
   const toInnerHTML = (value) => {
-    if (mode === "html") {
-      return value;
+    if (mode === "text") {
+      return value.split("\n").map((line) => `<p>${line}</p>`).join("");
     }
-    return value.split("\n").map((line) => `<p>${line}</p>`).join("");
+    return value;
   };
   wrapper.innerHTML = toInnerHTML(defaultValue ? String(defaultValue) : "");
   const attachFile = createAttachFile({
@@ -1043,32 +1043,38 @@ function createTextEditor(options = {}) {
     ref,
     className,
     autoFocus,
-    placeholder,
-    defaultValue,
     onChange,
+    mode,
+    state,
+    editor,
+    defaultValue,
     updateDelay,
+    placeholder,
     ...props
   } = {}) {
     const containerRef = (0, import_react3.useRef)(null);
     const controllerRef = (0, import_react3.useRef)(null);
-    (0, import_react2.useImperativeHandle)(ref, () => {
+    (0, import_react2.useImperativeHandle)(ref || controllerRef, () => {
       const container = containerRef.current;
       const textEditorController = createTextEditorController(
         container,
         schema,
         options,
-        props
+        {
+          mode,
+          state,
+          editor,
+          defaultValue,
+          updateDelay,
+          placeholder
+        }
       );
       controllerRef.current = textEditorController;
       return textEditorController;
     });
     (0, import_react3.useEffect)(() => {
-      const controller = controllerRef.current;
-      if (!controller) {
-        return;
-      }
       if (autoFocus) {
-        controller.view.focus();
+        controllerRef.current?.view.focus();
       }
     }, []);
     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(
@@ -1076,6 +1082,7 @@ function createTextEditor(options = {}) {
       {
         ref: controllerRef,
         updateDelay,
+        defaultValue,
         onChange
       }
     ));

package/dist/index.mjs

@@ -888,7 +888,7 @@ function createAttachFile({
 import { DOMParser, DOMSerializer } from "prosemirror-model";
 import { Subject } from "rxjs";
 function createTextEditorController(container, schema, options, {
-  mode,
+  mode = "html",
   state,
   editor,
   defaultValue,
@@ -900,10 +900,10 @@ function createTextEditorController(container, schema, options, {
   const prosemirrorSerializer = DOMSerializer.fromSchema(schema);
   const wrapper = document.createElement("div");
   const toInnerHTML = (value) => {
-    if (mode === "html") {
-      return value;
+    if (mode === "text") {
+      return value.split("\n").map((line) => `<p>${line}</p>`).join("");
     }
-    return value.split("\n").map((line) => `<p>${line}</p>`).join("");
+    return value;
   };
   wrapper.innerHTML = toInnerHTML(defaultValue ? String(defaultValue) : "");
   const attachFile = createAttachFile({
@@ -1009,32 +1009,38 @@ function createTextEditor(options = {}) {
     ref,
     className,
     autoFocus,
-    placeholder,
-    defaultValue,
     onChange,
+    mode,
+    state,
+    editor,
+    defaultValue,
     updateDelay,
+    placeholder,
     ...props
   } = {}) {
     const containerRef = useRef(null);
     const controllerRef = useRef(null);
-    useImperativeHandle(ref, () => {
+    useImperativeHandle(ref || controllerRef, () => {
       const container = containerRef.current;
       const textEditorController = createTextEditorController(
         container,
         schema,
         options,
-        props
+        {
+          mode,
+          state,
+          editor,
+          defaultValue,
+          updateDelay,
+          placeholder
+        }
       );
       controllerRef.current = textEditorController;
       return textEditorController;
     });
     useEffect2(() => {
-      const controller = controllerRef.current;
-      if (!controller) {
-        return;
-      }
       if (autoFocus) {
-        controller.view.focus();
+        controllerRef.current?.view.focus();
       }
     }, []);
     return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { ...props, ref: containerRef, className }), /* @__PURE__ */ React2.createElement(
@@ -1042,6 +1048,7 @@ function createTextEditor(options = {}) {
       {
         ref: controllerRef,
         updateDelay,
+        defaultValue,
         onChange
       }
     ));

package/dist/text_editor_controller.js

@@ -384,7 +384,7 @@ var createCommands = (schema, view, options = {}) => {
 var import_prosemirror_model2 = require("prosemirror-model");
 var import_rxjs = require("rxjs");
 function createTextEditorController(container, schema, options, {
-  mode,
+  mode = "html",
   state,
   editor,
   defaultValue,
@@ -396,10 +396,10 @@ function createTextEditorController(container, schema, options, {
   const prosemirrorSerializer = import_prosemirror_model2.DOMSerializer.fromSchema(schema);
   const wrapper = document.createElement("div");
   const toInnerHTML = (value) => {
-    if (mode === "html") {
-      return value;
+    if (mode === "text") {
+      return value.split("\n").map((line) => `<p>${line}</p>`).join("");
     }
-    return value.split("\n").map((line) => `<p>${line}</p>`).join("");
+    return value;
   };
   wrapper.innerHTML = toInnerHTML(defaultValue ? String(defaultValue) : "");
   const attachFile = createAttachFile({

package/dist/text_editor_controller.mjs

@@ -352,7 +352,7 @@ var createCommands = (schema, view, options = {}) => {
 import { DOMParser, DOMSerializer } from "prosemirror-model";
 import { Subject } from "rxjs";
 function createTextEditorController(container, schema, options, {
-  mode,
+  mode = "html",
   state,
   editor,
   defaultValue,
@@ -364,10 +364,10 @@ function createTextEditorController(container, schema, options, {
   const prosemirrorSerializer = DOMSerializer.fromSchema(schema);
   const wrapper = document.createElement("div");
   const toInnerHTML = (value) => {
-    if (mode === "html") {
-      return value;
+    if (mode === "text") {
+      return value.split("\n").map((line) => `<p>${line}</p>`).join("");
     }
-    return value.split("\n").map((line) => `<p>${line}</p>`).join("");
+    return value;
   };
   wrapper.innerHTML = toInnerHTML(defaultValue ? String(defaultValue) : "");
   const attachFile = createAttachFile({

package/package.json

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