jodit-react 5.3.14 → 5.3.16

package/build/esm/JoditEditor-DBKuYyUu.d.mts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IJodit } from 'jodit/esm/types/jodit';
+import { Jodit as Jodit$2 } from 'jodit/esm/index';
+import { Config } from 'jodit/esm/config';
+import { Jodit as Jodit$1 } from 'jodit/esm/jodit';
+import { DeepPartial } from 'jodit/esm/types';
+
+declare const Jodit: typeof Jodit$1;
+
+interface JoditEditorProps<T extends typeof Jodit$2 = typeof Jodit> {
+    JoditConstructor?: T;
+    config?: DeepPartial<Config>;
+    className?: string;
+    id?: string;
+    name?: string;
+    onBlur?: (value: string, event: MouseEvent) => void;
+    onChange?: (value: string) => void;
+    tabIndex?: number;
+    value?: string;
+    editorRef?: (editor: IJodit) => void;
+}
+declare const JoditEditor: React.ForwardRefExoticComponent<JoditEditorProps<typeof Jodit$2> & React.RefAttributes<IJodit>>;
+
+export { JoditEditor as J, Jodit as a, type JoditEditorProps as b };

package/build/esm/JoditEditor.d.mts

@@ -0,0 +1,7 @@
+import 'react';
+import 'jodit/esm/types/jodit';
+import 'jodit/esm/index';
+import 'jodit/esm/config';
+export { b as JoditEditorProps, J as default } from './JoditEditor-DBKuYyUu.mjs';
+import 'jodit/esm/types';
+import 'jodit/esm/jodit';

package/build/esm/JoditEditor.mjs

@@ -0,0 +1,6 @@
+import {
+  JoditEditor_default
+} from "./chunk-IWOD2W62.mjs";
+export {
+  JoditEditor_default as default
+};

package/build/esm/chunk-IWOD2W62.mjs

@@ -0,0 +1,123 @@
+// src/JoditEditor.tsx
+import { useEffect, useRef, forwardRef } from "react";
+
+// src/include.jodit.ts
+import { Jodit as JoditES5 } from "jodit/esm/index";
+import "jodit/es2021/jodit.min.css";
+import "jodit/esm/plugins/all";
+var Jodit = JoditES5;
+
+// src/JoditEditor.tsx
+import { jsx } from "react/jsx-runtime";
+function usePrevious(value) {
+  const ref = useRef("");
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+var JoditEditor = forwardRef(
+  ({
+    JoditConstructor = Jodit,
+    className,
+    config,
+    id,
+    name,
+    onBlur,
+    onChange,
+    tabIndex,
+    value,
+    editorRef
+  }, ref) => {
+    const textAreaRef = useRef(null);
+    const joditRef = useRef(null);
+    useEffect(() => {
+      const element = textAreaRef.current;
+      const jodit = JoditConstructor.make(element, config);
+      joditRef.current = jodit;
+      if (typeof editorRef === "function") {
+        editorRef(jodit);
+      }
+      return () => {
+        if (jodit.isReady) {
+          jodit.destruct();
+        } else {
+          jodit.waitForReady().then((joditInstance) => joditInstance.destruct());
+        }
+      };
+    }, [JoditConstructor, config, editorRef]);
+    useEffect(() => {
+      if (ref) {
+        if (typeof ref === "function") {
+          ref(joditRef.current);
+        } else {
+          ref.current = joditRef.current;
+        }
+      }
+    }, [textAreaRef, ref, joditRef]);
+    const preClassName = usePrevious(className != null ? className : "");
+    useEffect(() => {
+      var _a, _b;
+      const classList = (_b = (_a = joditRef.current) == null ? void 0 : _a.container) == null ? void 0 : _b.classList;
+      if (preClassName !== className && typeof preClassName === "string") {
+        preClassName.split(/\s+/).filter(Boolean).forEach((cl) => classList == null ? void 0 : classList.remove(cl));
+      }
+      if (className && typeof className === "string") {
+        className.split(/\s+/).filter(Boolean).forEach((cl) => classList == null ? void 0 : classList.add(cl));
+      }
+    }, [className, preClassName]);
+    useEffect(() => {
+      var _a;
+      if ((_a = joditRef.current) == null ? void 0 : _a.workplace) {
+        joditRef.current.workplace.tabIndex = tabIndex || -1;
+      }
+    }, [tabIndex]);
+    useEffect(() => {
+      const jodit = joditRef.current;
+      if (!(jodit == null ? void 0 : jodit.events) || !(onBlur || onChange)) {
+        return;
+      }
+      const onBlurHandler = (event) => {
+        var _a, _b;
+        return onBlur && onBlur((_b = (_a = joditRef == null ? void 0 : joditRef.current) == null ? void 0 : _a.value) != null ? _b : "", event);
+      };
+      const onChangeHandler = (value2) => onChange && onChange(value2);
+      jodit.events.on("blur", onBlurHandler).on("change", onChangeHandler);
+      return () => {
+        var _a;
+        (_a = jodit.events) == null ? void 0 : _a.off("blur", onBlurHandler).off("change", onChangeHandler);
+      };
+    }, [onBlur, onChange]);
+    useEffect(() => {
+      const jodit = joditRef.current;
+      const updateValue = () => {
+        if (jodit && value !== void 0 && jodit.value !== value) {
+          jodit.value = value;
+        }
+      };
+      if (jodit) {
+        if (jodit.isReady) {
+          updateValue();
+        } else {
+          jodit.waitForReady().then(updateValue);
+        }
+      }
+    }, [value]);
+    return /* @__PURE__ */ jsx("div", { className: "jodit-react-container", children: /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        defaultValue: value,
+        name,
+        id,
+        ref: textAreaRef
+      }
+    ) });
+  }
+);
+JoditEditor.displayName = "JoditEditor";
+var JoditEditor_default = JoditEditor;
+
+export {
+  Jodit,
+  JoditEditor_default
+};

package/build/esm/index.d.mts

@@ -1,24 +1,12 @@
-import React from 'react';
-import { IJodit } from 'jodit/esm/types/jodit';
-import { Jodit as Jodit$2 } from 'jodit/esm/index';
-import { Config } from 'jodit/esm/config';
-import { Jodit as Jodit$1 } from 'jodit/esm/jodit';
-import { DeepPartial } from 'jodit/esm/types';
+import { J as JoditEditor } from './JoditEditor-DBKuYyUu.mjs';
+export { a as Jodit, b as JoditEditorProps } from './JoditEditor-DBKuYyUu.mjs';
+import 'react';
+import 'jodit/esm/types/jodit';
+import 'jodit/esm/index';
+import 'jodit/esm/config';
+import 'jodit/esm/jodit';
+import 'jodit/esm/types';
 
-declare const Jodit: typeof Jodit$1;
 
-interface Props<T extends typeof Jodit$2 = typeof Jodit> {
-    JoditConstructor?: T;
-    config?: DeepPartial<Config>;
-    className?: string;
-    id?: string;
-    name?: string;
-    onBlur?: (value: string, event: MouseEvent) => void;
-    onChange?: (value: string) => void;
-    tabIndex?: number;
-    value?: string;
-    editorRef?: (editor: IJodit) => void;
-}
-declare const JoditEditor: React.ForwardRefExoticComponent<Props<typeof Jodit$2> & React.RefAttributes<IJodit>>;
 
-export { Jodit, JoditEditor as default };
+export { JoditEditor as default };

package/build/esm/index.mjs

@@ -1,121 +1,7 @@
-// src/JoditEditor.tsx
-import { useEffect, useRef, forwardRef } from "react";
-
-// src/include.jodit.ts
-import { Jodit as JoditES5 } from "jodit/esm/index";
-import "jodit/es2021/jodit.min.css";
-import "jodit/esm/plugins/all";
-var Jodit = JoditES5;
-
-// src/JoditEditor.tsx
-import { jsx } from "react/jsx-runtime";
-function usePrevious(value) {
-  const ref = useRef("");
-  useEffect(() => {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
-}
-var JoditEditor = forwardRef(
-  ({
-    JoditConstructor = Jodit,
-    className,
-    config,
-    id,
-    name,
-    onBlur,
-    onChange,
-    tabIndex,
-    value,
-    editorRef
-  }, ref) => {
-    const textAreaRef = useRef(null);
-    const joditRef = useRef(null);
-    useEffect(() => {
-      const element = textAreaRef.current;
-      const jodit = JoditConstructor.make(element, config);
-      joditRef.current = jodit;
-      if (typeof editorRef === "function") {
-        editorRef(jodit);
-      }
-      return () => {
-        if (jodit.isReady) {
-          jodit.destruct();
-        } else {
-          jodit.waitForReady().then((joditInstance) => joditInstance.destruct());
-        }
-      };
-    }, [JoditConstructor, config, editorRef]);
-    useEffect(() => {
-      if (ref) {
-        if (typeof ref === "function") {
-          ref(joditRef.current);
-        } else {
-          ref.current = joditRef.current;
-        }
-      }
-    }, [textAreaRef, ref, joditRef]);
-    const preClassName = usePrevious(className != null ? className : "");
-    useEffect(() => {
-      var _a, _b;
-      const classList = (_b = (_a = joditRef.current) == null ? void 0 : _a.container) == null ? void 0 : _b.classList;
-      if (preClassName !== className && typeof preClassName === "string") {
-        preClassName.split(/\s+/).filter(Boolean).forEach((cl) => classList == null ? void 0 : classList.remove(cl));
-      }
-      if (className && typeof className === "string") {
-        className.split(/\s+/).filter(Boolean).forEach((cl) => classList == null ? void 0 : classList.add(cl));
-      }
-    }, [className, preClassName]);
-    useEffect(() => {
-      var _a;
-      if ((_a = joditRef.current) == null ? void 0 : _a.workplace) {
-        joditRef.current.workplace.tabIndex = tabIndex || -1;
-      }
-    }, [tabIndex]);
-    useEffect(() => {
-      const jodit = joditRef.current;
-      if (!(jodit == null ? void 0 : jodit.events) || !(onBlur || onChange)) {
-        return;
-      }
-      const onBlurHandler = (event) => {
-        var _a, _b;
-        return onBlur && onBlur((_b = (_a = joditRef == null ? void 0 : joditRef.current) == null ? void 0 : _a.value) != null ? _b : "", event);
-      };
-      const onChangeHandler = (value2) => onChange && onChange(value2);
-      jodit.events.on("blur", onBlurHandler).on("change", onChangeHandler);
-      return () => {
-        var _a;
-        (_a = jodit.events) == null ? void 0 : _a.off("blur", onBlurHandler).off("change", onChangeHandler);
-      };
-    }, [onBlur, onChange]);
-    useEffect(() => {
-      const jodit = joditRef.current;
-      const updateValue = () => {
-        if (jodit && value !== void 0 && jodit.value !== value) {
-          jodit.value = value;
-        }
-      };
-      if (jodit) {
-        if (jodit.isReady) {
-          updateValue();
-        } else {
-          jodit.waitForReady().then(updateValue);
-        }
-      }
-    }, [value]);
-    return /* @__PURE__ */ jsx("div", { className: "jodit-react-container", children: /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        defaultValue: value,
-        name,
-        id,
-        ref: textAreaRef
-      }
-    ) });
-  }
-);
-JoditEditor.displayName = "JoditEditor";
-var JoditEditor_default = JoditEditor;
+import {
+  Jodit,
+  JoditEditor_default
+} from "./chunk-IWOD2W62.mjs";
 
 // src/index.ts
 var index_default = JoditEditor_default;

package/build/types/JoditEditor.d.ts

@@ -4,7 +4,7 @@ import type { Jodit as JoditBaseConstructor } from 'jodit/esm/index';
 import type { Config } from 'jodit/esm/config';
 import { Jodit } from './include.jodit';
 import type { DeepPartial } from 'jodit/esm/types';
-interface Props<T extends typeof JoditBaseConstructor = typeof Jodit> {
+export interface JoditEditorProps<T extends typeof JoditBaseConstructor = typeof Jodit> {
     JoditConstructor?: T;
     config?: DeepPartial<Config>;
     className?: string;
@@ -16,5 +16,5 @@ interface Props<T extends typeof JoditBaseConstructor = typeof Jodit> {
     value?: string;
     editorRef?: (editor: IJodit) => void;
 }
-declare const JoditEditor: React.ForwardRefExoticComponent<Props<typeof JoditBaseConstructor> & React.RefAttributes<IJodit>>;
+declare const JoditEditor: React.ForwardRefExoticComponent<JoditEditorProps<typeof JoditBaseConstructor> & React.RefAttributes<IJodit>>;
 export default JoditEditor;

package/build/types/index.d.ts

@@ -2,3 +2,4 @@ import JoditEditor from './JoditEditor';
 import { Jodit } from './include.jodit';
 export default JoditEditor;
 export { Jodit };
+export type { JoditEditorProps } from './JoditEditor';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jodit-react",
-  "version": "5.3.14",
+  "version": "5.3.16",
   "description": "Jodit is awesome and usefully wysiwyg editor with filebrowser",
   "main": "build/jodit-react.js",
   "module": "./build/esm/index.mjs",
@@ -15,6 +15,16 @@
         "types": "./build/types/index.d.ts",
         "default": "./build/react-jodit.js"
       }
+    },
+    "./types/JoditEditor": {
+      "import": {
+        "types": "./build/esm/JoditEditor.d.mts",
+        "default": "./build/esm/JoditEditor.mjs"
+      },
+      "require": {
+        "types": "./build/types/JoditEditor.d.ts",
+        "default": "./build/types/JoditEditor.js"
+      }
     }
   },
   "files": [
@@ -84,7 +94,7 @@
     "build": "npm run build:react && npm run build:types && npm run build:esm",
     "build:react": "cross-env NODE_ENV=production node -r @swc-node/register ./node_modules/.bin/webpack --mode production",
     "build:types": "rm -rf ./build/types && tsc --project tsconfig.types.json && npm run remove-css",
-    "build:esm": "tsup src/index.ts --dts --format esm -d ./build/esm --clean",
+    "build:esm": "tsup src/index.ts src/JoditEditor.tsx --dts --format esm -d ./build/esm --clean",
     "remove-css": "replace \"import '[^']+.css';\" ''./build/**/*.ts",
     "github": "npm run git && git push --tags origin HEAD:main",
     "git": "git add --all  && git commit -m \"New version $npm_package_version. Read more https://github.com/jodit/jodit-react/releases/tag/$npm_package_version \" && git tag $npm_package_version",