jodit-pro-react 4.1.26 → 5.0.4

package/jodit-react.js.LICENSE.txt

@@ -1,9 +1,15 @@
+/*!
+ * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
+ * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
+ * Version: v4.2.49
+ * Url: https://xdsoft.net/jodit/
+ * License(s): MIT
+ */
+
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valeriy <chupurnov@gmail.com>
- * Version: v4.2.53
+ * Version: v4.2.55
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
-
-/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit-pro-react",
-	"version": "4.1.26",
+	"version": "5.0.4",
 	"description": "Jodit PRO is awesome and usefully wysiwyg editor with filebrowser",
 	"main": "jodit-react.js",
 	"author": "Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/pro/)",
@@ -16,30 +16,29 @@
 		"rte"
 	],
 	"scripts": {
-		"build": "webpack --mode=production --node-env=production",
-		"watch": "webpack --watch",
-		"start": "webpack serve"
+		"build": "node -r @swc-node/register ./node_modules/.bin/webpack --mode=production --node-env=production",
+		"watch": "node -r @swc-node/register ./node_modules/.bin/webpack --watch",
+		"start": "node -r @swc-node/register ./node_modules/.bin/webpack serve"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.22.5",
-		"@babel/plugin-syntax-jsx": "^7.22.5",
-		"@babel/preset-env": "^7.22.5",
-		"@babel/preset-react": "^7.22.5",
-		"@webpack-cli/generators": "^3.0.7",
-		"babel-loader": "^9.1.2",
-		"css-loader": "^6.8.1",
-		"html-webpack-plugin": "^5.5.3",
-		"jodit": "^4.2.47",
-		"jodit-pro": "^4.2.53",
-		"jodit-react": "^4.1.2",
-		"style-loader": "^3.3.3",
-		"webpack": "^5.88.1",
+		"@swc-node/register": "^1.10.9",
+		"css-loader": "^7.1.2",
+		"html-webpack-plugin": "^5.6.3",
+		"jodit": "^4.2.49",
+		"jodit-pro": "^4.2.55",
+		"jodit-react": "^5.0.10",
+		"replace": "^1.2.2",
+		"style-loader": "^4.0.0",
+		"swc-loader": "^0.2.6",
+		"ts-node": "^10.9.2",
+		"typescript": "^5.7.3",
+		"webpack": "^5.97.1",
 		"webpack-cli": "^5.1.4",
-		"webpack-dev-server": "^4.15.1"
+		"webpack-dev-server": "^5.1.0"
 	},
 	"peerDependencies": {
-		"react": "~0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
-		"react-dom": "~0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
+		"react": "~0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+		"react-dom": "~0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
 	},
 	"repository": {
 		"type": "git",
@@ -49,8 +48,5 @@
 	"bugs": {
 		"url": "https://xdsoft.net/jodit/pro/cab/issues/"
 	},
-	"homepage": "https://xdsoft.net/jodit/pro/",
-	"dependencies": {
-		"prop-types": "^15.8.1"
-	}
+	"homepage": "https://xdsoft.net/jodit/pro/"
 }

package/types/JoditEditor.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { IJodit } from 'jodit/types/types/jodit';
+import type { Jodit as JoditBaseConstructor } from 'jodit/types/index';
+import type { Config as BaseConfig } from 'jodit/config';
+import type { Config } from 'jodit/types/config';
+import { Jodit } from './include.jodit';
+import type { DeepPartial } from 'jodit/types/types';
+interface Props<T extends typeof JoditBaseConstructor = typeof Jodit> {
+    JoditConstructor?: T;
+    config?: DeepPartial<Config & BaseConfig>;
+    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 JoditBaseConstructor> & React.RefAttributes<IJodit>>;
+export default JoditEditor;

package/types/JoditEditor.js

@@ -0,0 +1,101 @@
+import React, { useEffect, useRef, forwardRef } from 'react';
+import { Jodit } from './include.jodit';
+function usePrevious(value) {
+    const ref = useRef('');
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+}
+const 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 ?? '');
+    useEffect(() => {
+        const classList = joditRef.current?.container?.classList;
+        if (preClassName !== className &&
+            typeof preClassName === 'string') {
+            preClassName
+                .split(/\s+/)
+                .filter(Boolean)
+                .forEach(cl => classList?.remove(cl));
+        }
+        if (className && typeof className === 'string') {
+            className
+                .split(/\s+/)
+                .filter(Boolean)
+                .forEach(cl => classList?.add(cl));
+        }
+    }, [className, preClassName]);
+    useEffect(() => {
+        if (joditRef.current?.workplace) {
+            joditRef.current.workplace.tabIndex = tabIndex || -1;
+        }
+    }, [tabIndex]);
+    useEffect(() => {
+        const jodit = joditRef.current;
+        if (!jodit?.events || !(onBlur || onChange)) {
+            return;
+        }
+        const onBlurHandler = (event) => onBlur && onBlur(joditRef?.current?.value ?? '', event);
+        const onChangeHandler = (value) => onChange && onChange(value);
+        // adding event handlers
+        jodit.events
+            .on('blur', onBlurHandler)
+            .on('change', onChangeHandler);
+        return () => {
+            // Remove event handlers
+            jodit.events
+                ?.off('blur', onBlurHandler)
+                .off('change', onChangeHandler);
+        };
+    }, [onBlur, onChange]);
+    useEffect(() => {
+        const jodit = joditRef.current;
+        const updateValue = () => {
+            if (jodit && value !== undefined && jodit.value !== value) {
+                jodit.value = value;
+            }
+        };
+        if (jodit) {
+            if (jodit.isReady) {
+                updateValue();
+            }
+            else {
+                jodit.waitForReady().then(updateValue);
+            }
+        }
+    }, [value]);
+    return (React.createElement("div", { className: 'jodit-react-container' },
+        React.createElement("textarea", { defaultValue: value, name: name, id: id, ref: textAreaRef })));
+});
+JoditEditor.displayName = 'JoditEditor';
+export default JoditEditor;

package/types/include.jodit.d.ts

@@ -0,0 +1,3 @@
+import type { Jodit as JoditConstructorType } from 'jodit';
+
+export declare const Jodit: typeof JoditConstructorType;

package/types/include.jodit.js

@@ -0,0 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore - Jodit Editor (https://xdsoft.net/jodit/)
+import { Jodit as JoditES5 } from 'jodit/es5/jodit.fat.min';
+import 'jodit/es5/jodit.min.css';
+export const Jodit = JoditES5;

package/types/index.d.ts

@@ -0,0 +1,4 @@
+import JoditEditor from './JoditEditor';
+import { Jodit } from './include.jodit';
+export default JoditEditor;
+export { Jodit };

package/types/index.js

@@ -0,0 +1,4 @@
+import JoditEditor from './JoditEditor';
+import { Jodit } from './include.jodit';
+export default JoditEditor;
+export { Jodit };

package/index.d.ts

@@ -1,27 +0,0 @@
-import { Jodit } from 'jodit/esm/index';
-import * as React from 'react';
-
-type DeepPartial<T> = T extends object
-	? {
-			[P in keyof T]?: DeepPartial<T[P]>;
-	  }
-	: T;
-
-export interface IJoditEditorProps {
-	value: string;
-
-	className?: string;
-
-	config?: DeepPartial<Jodit['options']>;
-	// eslint-disable-next-line no-unused-vars
-	onChange?: (newValue: string) => void;
-	// eslint-disable-next-line no-unused-vars
-	onBlur?: (newValue: string) => void;
-}
-
-declare const JoditEditor: React.ForwardRefExoticComponent<
-	React.PropsWithoutRef<IJoditEditorProps> & React.RefAttributes<Jodit>
->;
-
-export default JoditEditor;
-export { Jodit };