jodit-react 4.1.2 → 5.0.0-beta.2

package/examples/webpack.config.js

@@ -1,45 +0,0 @@
-var path = require('path');
-
-module.exports = {
-	entry: './app.js',
-	devtool: 'eval',
-	module: {
-		rules: [
-			{
-				test: /\.js$/,
-				use: [
-					{
-						loader: 'babel-loader',
-						options: {
-							presets: [
-								'@babel/preset-env',
-								'@babel/preset-react'
-							]
-						}
-					}
-				]
-			},
-			{
-				test: /\.css$/,
-				use: ['style-loader', 'css-loader']
-			}
-		]
-	},
-
-	output: {
-		path: path.join(__dirname, '/build/'),
-		filename: 'app.js'
-	},
-
-	devServer: {
-		static: './',
-		open: true,
-		allowedHosts: 'all',
-		client: {
-			progress: true,
-			overlay: true
-		},
-		port: 4000,
-		hot: true
-	}
-};

package/src/JoditEditor.js

@@ -1,146 +0,0 @@
-import React, { useEffect, useRef, forwardRef, useLayoutEffect } from 'react';
-import { func, number, object, string } from 'prop-types';
-import { Jodit } from './include.jodit';
-
-const { isFunction } = Jodit.modules.Helpers;
-
-function usePrevious(value) {
-	const ref = useRef();
-	useEffect(() => {
-		ref.current = value;
-	}, [value]);
-	return ref.current;
-}
-
-const JoditEditor = forwardRef(
-	(
-		{
-			className,
-			config,
-			id,
-			name,
-			onBlur,
-			onChange,
-			tabIndex,
-			value,
-			editorRef
-		},
-		ref
-	) => {
-		const textArea = useRef(null);
-
-		useLayoutEffect(() => {
-			if (ref) {
-				if (isFunction(ref)) {
-					ref(textArea.current);
-				} else {
-					ref.current = textArea.current;
-				}
-			}
-		}, [textArea, ref]);
-
-		useEffect(() => {
-			const element = textArea.current;
-			const jodit = Jodit.make(element, config);
-			textArea.current = jodit;
-
-			if (isFunction(editorRef)) {
-				editorRef(jodit);
-			}
-
-			return () => {
-				if (jodit) {
-					jodit.destruct();
-				}
-
-				textArea.current = element;
-			};
-		}, [config, editorRef]);
-
-		const preClassName = usePrevious(className);
-
-		useEffect(() => {
-			const classList = textArea.current?.container?.classList;
-
-			if (
-				preClassName !== className &&
-				typeof preClassName === 'string'
-			) {
-				preClassName.split(/\s+/).forEach(cl => classList?.remove(cl));
-			}
-
-			if (className && typeof className === 'string') {
-				className.split(/\s+/).forEach(cl => classList?.add(cl));
-			}
-		}, [className, preClassName]);
-
-		useEffect(() => {
-			if (textArea.current.workplace) {
-				textArea.current.workplace.tabIndex = tabIndex || -1;
-			}
-		}, [tabIndex]);
-
-		useEffect(() => {
-			if (!textArea.current.events || (!onBlur && !onChange)) {
-				return;
-			}
-
-			const onBlurHandler = e =>
-				onBlur && onBlur(textArea.current.value, e);
-			const onChangeHandler = value => onChange && onChange(value);
-
-			// adding event handlers
-			textArea.current.events
-				.on('blur', onBlurHandler)
-				.on('change', onChangeHandler);
-
-			return () => {
-				// Remove event handlers
-				textArea.current?.events
-					?.off('blur', onBlurHandler)
-					.off('change', onChangeHandler);
-			};
-		}, [onBlur, onChange]);
-
-		useEffect(() => {
-			const updateValue = () => {
-				if (textArea.current && textArea?.current?.value !== value) {
-					textArea.current.value = value;
-				}
-			};
-
-			if (textArea.current) {
-				textArea.current.isReady
-					? updateValue()
-					: textArea.current.waitForReady().then(updateValue);
-			}
-		}, [value]);
-
-		return (
-			<div className={'jodit-react-container'}>
-				<textarea
-					defaultValue={value}
-					name={name}
-					id={id}
-					ref={textArea}
-				/>
-			</div>
-		);
-	}
-);
-
-JoditEditor.displayName = 'JoditEditor';
-
-JoditEditor.propTypes = {
-	className: string,
-	config: object,
-	id: string,
-	name: string,
-	onBlur: func,
-	onChange: func,
-	editorRef: func,
-	tabIndex: number,
-	value: string
-};
-
-export default JoditEditor;

package/src/include.jodit.js

@@ -1,4 +0,0 @@
-import { Jodit } from 'jodit/es2018/jodit.fat.min';
-import 'jodit/es5/jodit.min.css';
-
-export { Jodit };

package/webpack.config.js

@@ -1,70 +0,0 @@
-const webpack = require('webpack');
-const path = require('path');
-
-module.exports = (env, argv, dir = process.cwd()) => {
-	const debug = !argv || !argv.mode || !argv.mode.match(/production/);
-
-	return {
-		context: dir,
-
-		entry: './src/index.js',
-		devtool: debug ? 'inline-source-map' : false,
-
-		module: {
-			rules: [
-				{
-					test: /\.js$/,
-					use: {
-						loader: 'babel-loader',
-						options: require(path.join(dir, './babel.config.json'))
-					}
-				},
-				{
-					test: /\.css$/,
-					use: ['style-loader', 'css-loader']
-				}
-			]
-		},
-
-		resolve: {
-			alias: {
-				'jodit-react': path.join(__dirname, './src')
-			}
-		},
-
-		output: {
-			path: path.join(dir, './build/'),
-			filename: 'jodit-react.js',
-			library: ['JoditEditor', 'Jodit'],
-			libraryTarget: 'umd'
-		},
-
-		plugins: [
-			new webpack.DefinePlugin({
-				'process.env': {
-					NODE_ENV: JSON.stringify(
-						debug ? 'development' : 'production'
-					)
-				}
-			}),
-			new webpack.optimize.ModuleConcatenationPlugin()
-		],
-
-		externals: {
-			jodit: 'jodit',
-			Jodit: 'Jodit',
-			react: {
-				root: 'React',
-				commonjs2: 'react',
-				commonjs: 'react',
-				amd: 'react'
-			},
-			'react-dom': {
-				root: 'ReactDOM',
-				commonjs2: 'react-dom',
-				commonjs: 'react-dom',
-				amd: 'react-dom'
-			}
-		}
-	};
-};