@lets-events/react 12.2.8 → 12.2.9

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lets-events/react@12.2.8 build
+> @lets-events/react@12.2.9 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
+CJS dist/index.js 393.79 KB
+CJS ⚡️ Build success in 326ms
+ESM dist/index.mjs 379.85 KB
+ESM ⚡️ Build success in 327ms
 DTS Build start
-DTS ⚡️ Build success in 9746ms
+DTS ⚡️ Build success in 6004ms
 DTS dist/index.d.mts 389.25 KB
 DTS dist/index.d.ts  389.25 KB
 ⠙

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lets-events/react
 
+## 12.2.9
+
+### Patch Changes
+
+- RichEditor stylization
+
 ## 12.2.8
 
 ### Patch Changes

package/dist/index.js

@@ -12189,12 +12189,6 @@ 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 ? {
@@ -12270,7 +12264,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 +12276,7 @@ var QuillComponent = ({
         });
       }
     }),
-    [disabled, quill, addToast, removeToast, uploadConfig]
+    [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
   (0, import_react20.useEffect)(() => {
     if (quill && value) {

package/dist/index.mjs

@@ -12087,12 +12087,6 @@ 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 ? {
@@ -12168,7 +12162,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 +12174,7 @@ var QuillComponent = ({
         });
       }
     }),
-    [disabled, quill, addToast, removeToast, uploadConfig]
+    [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
   useEffect6(() => {
     if (quill && value) {

package/package.json

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

package/src/components/RichEditor/QuillComponent.tsx

@@ -31,14 +31,6 @@ 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
@@ -124,7 +116,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 +132,7 @@ const QuillComponent: React.FC<RichEditorProps> = ({
         });
       }
     },
-    [disabled, quill, addToast, removeToast, uploadConfig]
+    [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
 
   useEffect(() => {