jodit-react 5.0.0-beta.2 → 5.0.0-beta.3

package/build/types/JoditEditor.d.ts

@@ -1,13 +1,14 @@
 import React from 'react';
 import type { IJodit } from 'jodit/types/types/jodit';
 import type { Jodit as JoditConstructorType } from 'jodit';
+import type { Config } from 'jodit/config';
 import { Jodit } from './include.jodit';
 type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
 } : T;
 interface Props<T extends typeof JoditConstructorType = typeof Jodit> {
     JoditConstructor?: T;
-    config?: DeepPartial<ReturnType<T['make']>['options']>;
+    config?: DeepPartial<Config>;
     className?: string;
     id?: string;
     name?: string;

package/examples/components/Form.tsx

@@ -30,6 +30,7 @@ const Form = () => {
 	const [isSource, setSource] = useState(false);
 
 	const [config, setConfig] = useState({
+		toolbarAdaptive: false,
 		readonly: false,
 		toolbar: true
 	});

package/index.d.ts

@@ -1 +1,4 @@
-export type * from './build/types/index.d.ts';
+import JoditEditor from './build/types/JoditEditor';
+import { Jodit } from './build/types/include.jodit';
+export default JoditEditor;
+export { Jodit };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit-react",
-	"version": "5.0.0-beta.2",
+	"version": "5.0.0-beta.3",
 	"description": "Jodit is awesome and usefully wysiwyg editor with filebrowser",
 	"main": "build/jodit-react.js",
 	"author": "Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)",
@@ -19,8 +19,8 @@
 		"jodit": "^4.2.47"
 	},
 	"peerDependencies": {
-		"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"
+		"react": "~0.14 || ^15 || ^16 || ^17 || ^18 || ^19",
+		"react-dom": "~0.14 || ^15 || ^16 || ^17 || ^18 || ^19"
 	},
 	"devDependencies": {
 		"@eslint/compat": "^1.2.4",
@@ -40,6 +40,7 @@
 		"react-dom": "^18.3.1",
 		"style-loader": "^4.0.0",
 		"swc-loader": "^0.2.6",
+		"typescript": "^5.7.2",
 		"webpack": "^5.97.1",
 		"webpack-cli": "^5.1.4",
 		"webpack-dev-server": "^5.1.0"

package/src/JoditEditor.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useRef, forwardRef, useLayoutEffect } from 'react';
 import type { IJodit } from 'jodit/types/types/jodit';
 import type { Jodit as JoditConstructorType } from 'jodit';
+import type { Config } from 'jodit/config';
 import { Jodit } from './include.jodit';
 
 function usePrevious(value: string): string {
@@ -19,7 +20,7 @@ type DeepPartial<T> = T extends object
 
 interface Props<T extends typeof JoditConstructorType = typeof Jodit> {
 	JoditConstructor?: T;
-	config?: DeepPartial<ReturnType<T['make']>['options']>;
+	config?: DeepPartial<Config>;
 	className?: string;
 	id?: string;
 	name?: string;
@@ -84,11 +85,17 @@ const JoditEditor = forwardRef<IJodit, Props>(
 				preClassName !== className &&
 				typeof preClassName === 'string'
 			) {
-				preClassName.split(/\s+/).forEach(cl => classList?.remove(cl));
+				preClassName
+					.split(/\s+/)
+					.filter(Boolean)
+					.forEach(cl => classList?.remove(cl));
 			}
 
 			if (className && typeof className === 'string') {
-				className.split(/\s+/).forEach(cl => classList?.add(cl));
+				className
+					.split(/\s+/)
+					.filter(Boolean)
+					.forEach(cl => classList?.add(cl));
 			}
 		}, [className, preClassName]);