eleven-solutions-common-website-unique-web 9.0.55 → 9.0.57

package/dist/components/admin/Editor.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface EditorProps {
+    content: string;
+    setContent: (newContent: string) => void;
+    config?: Record<string, any>;
+}
+declare const Editor: React.FC<EditorProps>;
+export default Editor;

package/dist/components/admin/Editor.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import JoditEditor from "jodit-react";
+const Editor = ({ content, setContent, config }) => {
+    const editor = useRef(null);
+    return (_jsx(JoditEditor, { ref: editor, value: content, config: config, onBlur: (newContent) => setContent(newContent), onChange: () => { } }));
+};
+export default Editor;

package/dist/components/admin/TemplateForm.js

@@ -11,6 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useMemo } from "react";
 import { addTemplateApi, fetchTemplateByIdApi, updateTemplateApi, } from "../api/template";
 import JoditEditor from "jodit-react";
+import Editor from "./Editor";
 const TemplateForm = () => {
     const [name, setName] = useState("");
     const [content, setContent] = useState("");
@@ -76,6 +77,6 @@ const TemplateForm = () => {
         window.history.pushState({}, "", "/admin/template");
         window.dispatchEvent(new PopStateEvent("popstate"));
     };
-    return (_jsx("div", { className: "max-w-4xl p-6 mx-auto dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? "Edit Template" : "Add Template" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, type: "text", value: name, onChange: (e) => setName(e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Content ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(JoditEditor, { ref: editor, value: content, config: config, onBlur: (newContent) => setContent(newContent), onChange: (newContent) => { } })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [_jsx("button", { type: "submit", onClick: handleSubmit, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Edit" : "Add" }), _jsx("button", { type: "button", onClick: handleCancelClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] }) }) }));
+    return (_jsx("div", { className: "max-w-4xl p-6 mx-auto dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? "Edit Template" : "Add Template" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, type: "text", value: name, onChange: (e) => setName(e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Content ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(JoditEditor, { ref: editor, value: content, config: config, onBlur: (newContent) => setContent(newContent), onChange: (newContent) => { } }), _jsx(Editor, { content: content, setContent: setContent, config: config })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [_jsx("button", { type: "submit", onClick: handleSubmit, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Edit" : "Add" }), _jsx("button", { type: "button", onClick: handleCancelClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] }) }) }));
 };
 export default TemplateForm;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eleven-solutions-common-website-unique-web",
-  "version": "9.0.55",
+  "version": "9.0.57",
   "main": "./dist/index.js",
   "scripts": {
     "build": "tsc",

package/src/components/admin/Editor.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import { useRef } from "react";
+import JoditEditor from "jodit-react";
+
+interface EditorProps {
+  content: string;
+  setContent: (newContent: string) => void;
+  config?: Record<string, any>;
+}
+
+const Editor: React.FC<EditorProps> = ({ content, setContent, config }) => {
+  const editor = useRef(null);
+
+  return (
+    <JoditEditor
+      ref={editor}
+      value={content}
+      config={config}
+      onBlur={(newContent) => setContent(newContent)}
+      onChange={() => {}}
+    />
+  );
+};
+
+export default Editor;

package/src/components/admin/TemplateForm.tsx

@@ -6,6 +6,8 @@ import {
 } from "../api/template";
 import JoditEditor from "jodit-react";
 
+import Editor from "./Editor";
+
 const TemplateForm = () => {
   const [name, setName] = useState("");
   const [content, setContent] = useState("");
@@ -115,6 +117,7 @@ const TemplateForm = () => {
               onBlur={(newContent) => setContent(newContent)}
               onChange={(newContent) => {}}
             />
+            <Editor content={content} setContent={setContent} config={config} />
           </div>
 
           <div className="flex space-x-4 mt-6 justify-end">