@lets-events/react 12.2.8 → 12.2.10

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lets-events/react@12.2.8 build
+> @lets-events/react@12.2.10 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -10,12 +10,12 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-CJS dist/index.js 394.03 KB
-CJS ⚡️ Build success in 600ms
-ESM dist/index.mjs 380.08 KB
-ESM ⚡️ Build success in 602ms
+ESM dist/index.mjs 379.95 KB
+ESM ⚡️ Build success in 300ms
+CJS dist/index.js 393.90 KB
+CJS ⚡️ Build success in 301ms
 DTS Build start
-DTS ⚡️ Build success in 9746ms
+DTS ⚡️ Build success in 5682ms
 DTS dist/index.d.mts 389.25 KB
 DTS dist/index.d.ts  389.25 KB
 ⠙

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 12.2.10
+
+### Patch Changes
+
+- Simple Version RichEditor
+
+## 12.2.9
+
+### Patch Changes
+
+- RichEditor stylization
+
 ## 12.2.8
 
 ### Patch Changes

package/dist/index.d.mts

@@ -14747,7 +14747,7 @@ type RichEditorFormFieldProps = Omit<RichEditorProps, "value" | "onChange"> & {
     maxLength?: number;
     validationErrorMessage?: string;
     simpleVersion?: boolean;
-    uploadConfig: RichEditorProps["uploadConfig"];
+    uploadConfig?: RichEditorProps["uploadConfig"];
     disableVideo?: boolean;
 };
 declare const RichEditorFormField: ({ name, label, required, validate, validationErrorMessage, maxLength, simpleVersion, disableVideo, ...props }: RichEditorFormFieldProps) => react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -14747,7 +14747,7 @@ type RichEditorFormFieldProps = Omit<RichEditorProps, "value" | "onChange"> & {
     maxLength?: number;
     validationErrorMessage?: string;
     simpleVersion?: boolean;
-    uploadConfig: RichEditorProps["uploadConfig"];
+    uploadConfig?: RichEditorProps["uploadConfig"];
     disableVideo?: boolean;
 };
 declare const RichEditorFormField: ({ name, label, required, validate, validationErrorMessage, maxLength, simpleVersion, disableVideo, ...props }: RichEditorFormFieldProps) => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -12189,19 +12189,15 @@ var QuillComponent = ({
   const formatHTML = (html) => {
     const parser = new DOMParser();
     const doc = parser.parseFromString(html, "text/html");
-    doc.querySelectorAll("h1").forEach((h1) => {
-      h1.setAttribute("style", `${h1.getAttribute("style") || ""}line-height: 2em;`);
-    });
-    doc.querySelectorAll("img").forEach((img) => {
-      img.setAttribute("style", `${img.getAttribute("style") || ""}max-width: 100%; height: auto; width: auto;`);
-    });
     return doc.body.innerHTML;
   };
   const modules = simpleVersion ? {
     toolbar: [
+      [{ header: [1, 2, false] }],
       ["bold", "italic", "underline"],
-      [{ list: "ordered" }, { list: "bullet" }],
-      ["link"]
+      [{ color: [] }, { background: [] }],
+      [{ align: [] }],
+      [{ list: "ordered" }, { list: "bullet" }]
     ],
     clipboard: {
       matchVisual: false
@@ -12270,7 +12266,9 @@ var QuillComponent = ({
         const selection = quill.getSelection();
         const index = selection ? selection.index : quill.getLength();
         quill.insertEmbed(index, "image", uploadedFile.url);
-        quill.setSelection(index + 1, 0);
+        quill.insertText(index + 1, "\n");
+        quill.setSelection(index + 2, 0);
+        quill.focus();
         onChange == null ? void 0 : onChange(formatHTML(quill.root.innerHTML));
       } catch (error) {
         console.error("Erro no upload:", error);
@@ -12280,7 +12278,7 @@ var QuillComponent = ({
         });
       }
     }),
-    [disabled, quill, addToast, removeToast, uploadConfig]
+    [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
   (0, import_react20.useEffect)(() => {
     if (quill && value) {
@@ -12663,7 +12661,8 @@ var RichEditorFormField = (_a) => {
         "aria-labelledby": `${name}-label`,
         onCharacterCountChange: handleCharacterCountChange,
         maxLength,
-        disableVideo
+        disableVideo,
+        simpleVersion
       })
     ),
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ErrorFormMessage, { message: errorMsg })

package/dist/index.mjs

@@ -12087,19 +12087,15 @@ var QuillComponent = ({
   const formatHTML = (html) => {
     const parser = new DOMParser();
     const doc = parser.parseFromString(html, "text/html");
-    doc.querySelectorAll("h1").forEach((h1) => {
-      h1.setAttribute("style", `${h1.getAttribute("style") || ""}line-height: 2em;`);
-    });
-    doc.querySelectorAll("img").forEach((img) => {
-      img.setAttribute("style", `${img.getAttribute("style") || ""}max-width: 100%; height: auto; width: auto;`);
-    });
     return doc.body.innerHTML;
   };
   const modules = simpleVersion ? {
     toolbar: [
+      [{ header: [1, 2, false] }],
       ["bold", "italic", "underline"],
-      [{ list: "ordered" }, { list: "bullet" }],
-      ["link"]
+      [{ color: [] }, { background: [] }],
+      [{ align: [] }],
+      [{ list: "ordered" }, { list: "bullet" }]
     ],
     clipboard: {
       matchVisual: false
@@ -12168,7 +12164,9 @@ var QuillComponent = ({
         const selection = quill.getSelection();
         const index = selection ? selection.index : quill.getLength();
         quill.insertEmbed(index, "image", uploadedFile.url);
-        quill.setSelection(index + 1, 0);
+        quill.insertText(index + 1, "\n");
+        quill.setSelection(index + 2, 0);
+        quill.focus();
         onChange == null ? void 0 : onChange(formatHTML(quill.root.innerHTML));
       } catch (error) {
         console.error("Erro no upload:", error);
@@ -12178,7 +12176,7 @@ var QuillComponent = ({
         });
       }
     }),
-    [disabled, quill, addToast, removeToast, uploadConfig]
+    [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
   useEffect6(() => {
     if (quill && value) {
@@ -12561,7 +12559,8 @@ var RichEditorFormField = (_a) => {
         "aria-labelledby": `${name}-label`,
         onCharacterCountChange: handleCharacterCountChange,
         maxLength,
-        disableVideo
+        disableVideo,
+        simpleVersion
       })
     ),
     /* @__PURE__ */ jsx53(ErrorFormMessage, { message: errorMsg })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "12.2.8",
+  "version": "12.2.10",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/FormFields/RichEditorFormField.tsx

@@ -17,7 +17,7 @@ export type RichEditorFormFieldProps = Omit<
   maxLength?: number;
   validationErrorMessage?: string;
   simpleVersion?: boolean;
-  uploadConfig: RichEditorProps["uploadConfig"];
+  uploadConfig?: RichEditorProps["uploadConfig"];
   disableVideo?: boolean
 };
 
@@ -95,6 +95,7 @@ export const RichEditorFormField = ({
         onCharacterCountChange={handleCharacterCountChange}
         maxLength={maxLength}
         disableVideo={disableVideo}
+        simpleVersion={simpleVersion}
       />
       <ErrorFormMessage message={errorMsg} />
     </Flex>

package/src/components/RichEditor/QuillComponent.tsx

@@ -31,22 +31,16 @@ const QuillComponent: React.FC<RichEditorProps> = ({
     const parser = new DOMParser();
     const doc = parser.parseFromString(html, "text/html");
 
-    doc.querySelectorAll("h1").forEach((h1) => {
-      h1.setAttribute("style", `${h1.getAttribute("style") || ""}line-height: 2em;`);
-    });
-
-    doc.querySelectorAll("img").forEach((img) => {
-      img.setAttribute("style", `${img.getAttribute("style") || ""}max-width: 100%; height: auto; width: auto;`);
-    });
-
     return doc.body.innerHTML;
   };
   const modules = simpleVersion
     ? {
       toolbar: [
+        [{ header: [1, 2, false] }],
         ["bold", "italic", "underline"],
+        [{ color: [] }, { background: [] }],
+        [{ align: [] }],
         [{ list: "ordered" }, { list: "bullet" }],
-        ["link"],
       ],
       clipboard: {
         matchVisual: false,
@@ -124,7 +118,12 @@ const QuillComponent: React.FC<RichEditorProps> = ({
         const selection = quill.getSelection();
         const index = selection ? selection.index : quill.getLength();
         quill.insertEmbed(index, "image", uploadedFile.url);
-        quill.setSelection(index + 1, 0);
+
+        quill.insertText(index + 1, "\n");
+        quill.setSelection(index + 2, 0);
+
+        quill.focus();
+
         onChange?.(formatHTML(quill.root.innerHTML));
       } catch (error) {
         console.error("Erro no upload:", error);
@@ -135,7 +134,7 @@ const QuillComponent: React.FC<RichEditorProps> = ({
         });
       }
     },
-    [disabled, quill, addToast, removeToast, uploadConfig]
+    [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
 
   useEffect(() => {