tp-react-elements-dev 1.7.2 → 1.7.4

package/dist/components/Form/FormRender.d.ts

@@ -41,6 +41,8 @@ export interface FormSectionPropsItem {
     handleFileError?: (message: string) => void;
     doNotAllowPaste?: boolean;
     removeButtons?: string;
+    Fonts?: number[];
+    FontFamily?: any[];
 }
 export interface FormRenderProps {
     item: FormSectionPropsItem;

package/dist/index.esm.js

@@ -52347,28 +52347,59 @@ var joditReactExports = joditReact.exports;
 var JoditEditor = /*@__PURE__*/getDefaultExportFromCjs(joditReactExports);
 
 const RichTextEditor = ({ props }) => {
+    var _a;
     const editor = useRef(null);
     const [content, setContent] = useState("");
     const value = props.getValues(props.item.name);
     const config = Object.assign({ readonly: false, placeholder: "Start typing...", removeButtons: props.item.removeButtons, style: {
-            'font-family': 'Arial', // Default font is Arial
+            "font-family": "Arial",
         }, controls: {
             font: {
-                list: {
-                    Arial: 'Arial',
-                    'Rotis Semi Sans': 'Rotis Semi Sans', // Allow Rotis Semi Sans
-                },
+                list: Object.assign({ Arial: "Arial" }, (_a = props.item) === null || _a === void 0 ? void 0 : _a.FontFamily),
             },
             fontsize: {
-                list: joditReactExports.Jodit.atom([8, 9, 10, 11])
-            }
-        }, defaultFont: 'Arial', defaultFontSize: '11px' }, props.item.sx);
-    // [placeholder]
-    // );
+                list: joditReactExports.Jodit.atom(props.item.Fonts || [8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30]),
+            },
+        }, defaultFont: "Arial", defaultFontSize: "11px", askBeforePasteFromWord: false, askBeforePasteHTML: false, hotkeys: {
+            redo: "ctrl+z",
+            undo: "ctrl+y,ctrl+shift+z",
+            indent: "ctrl+]",
+            outdent: "ctrl+[",
+            bold: "ctrl+b",
+            italic: "ctrl+i",
+            removeFormat: "ctrl+shift+m",
+            insertOrderedList: "ctrl+shift+7",
+            insertUnorderedList: "ctrl+shift+8",
+            openSearchDialog: "ctrl+f",
+            openReplaceDialog: "ctrl+r",
+        }, events: {
+            processPaste: (event, html) => {
+                if (editor.current && editor.current.editor) {
+                    const joditEditor = editor.current.editor;
+                    joditEditor.selection.insertHTML(html);
+                    joditEditor.tempContent = joditEditor.getHTML(); // Correct method
+                }
+            },
+            afterPaste: (event) => {
+                if (editor.current && editor.current.editor) {
+                    const joditEditor = editor.current.editor;
+                    const el = document.createElement("div");
+                    el.innerHTML = joditEditor.tempContent
+                        ? joditEditor.tempContent
+                        : joditEditor.getHTML(); // Correct method
+                    joditEditor.setHTML(el.innerHTML); // Correct method
+                    joditEditor.tempContent = null;
+                }
+            },
+        } }, props.item.sx);
+    // Update content when props value changes
+    useEffect(() => {
+        setContent(value);
+    }, [value]);
     const handleBlur = (newContent) => {
         if (newContent === "<p><br></p>") {
             setContent(newContent);
-            props.setValue(props.item.name, '');
+            props.setValue(props.item.name, "");
         }
         else {
             setContent(newContent);
@@ -52376,11 +52407,8 @@ const RichTextEditor = ({ props }) => {
         }
         props.item.onBlurFn && props.item.onBlurFn(newContent);
     };
-    useEffect(() => {
-        setContent(value);
-    }, [value]);
     const handleChange = (newContent) => {
-        console.log(newContent, 'newContent Editor');
+        console.log(newContent, "newContent Editor");
     };
     return (jsxRuntimeExports.jsx(JoditEditor, { ref: editor, value: content, config: config, tabIndex: 1, onBlur: handleBlur, onChange: handleChange }));
 };