jodit-pro-react 5.3.2 → 5.4.13

package/types/JoditEditor.d.ts

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

package/types/JoditEditor.js

@@ -1,101 +0,0 @@
-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

@@ -1,4 +0,0 @@
-import type { Jodit as JoditConstructorType } from 'jodit-pro/esm/jodit';
-
-import 'jodit-pro/esm/plugins/all';
-export declare const Jodit: typeof JoditConstructorType;

package/types/include.jodit.js

@@ -1,4 +0,0 @@
-import { Jodit as JoditES5 } from 'jodit-pro/esm/index';
-import 'jodit-pro/es2021/jodit.min.css';
-import 'jodit-pro/esm/plugins/all';
-export const Jodit = JoditES5;

package/types/index.d.ts

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

package/types/index.js

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