@lets-events/react 12.2.1 → 12.2.3

package/dist/index.js

@@ -1783,6 +1783,7 @@ var ButtonStyled = styled(import_themes2.Button, {
         color: "$$buttonOutlinedColor",
         border: "1px solid $$buttonOutlinedColor",
         backgroundColor: "$$buttonBgColor",
+        boxShadow: "none",
         "&:disabled": {
           boxShadow: "none",
           borderColor: "$colors$neutral100",
@@ -1826,7 +1827,8 @@ var ButtonStyled = styled(import_themes2.Button, {
     variant: "contained",
     color: "brand",
     size: "medium",
-    fontWeight: "medium"
+    fontWeight: "medium",
+    outlinedBgColor: "transparent"
   }
 });
 
@@ -8183,7 +8185,7 @@ function Drawer({
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DrawerHeaderDiv, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Flex2, { gap: 8, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Flex2, { gap: 8, align: "center", children: [
             goBackIcon && goBackIcon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GoBackButtonStyled, { type: "button", onClick: goBackAction, children: goBackIcon }),
             /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DrawerHeaderTitle, { children: title })
           ] }),
@@ -9466,8 +9468,10 @@ var itemStyle = {
   }
 };
 var StyledItem2 = styled("div", __spreadValues({}, itemStyle));
-var BadgeCloseBtn = styled("div", {
-  cursor: "pointer"
+var CloseBtnStyled = styled("button", {
+  cursor: "pointer",
+  background: "none",
+  border: "none"
 });
 var StyledFlexWithMaxHeight = styled(Flex2, {
   variants: {
@@ -9734,13 +9738,13 @@ var MultiSelect = import_react16.default.forwardRef(
               css: { flexWrap: "wrap" },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                  BadgeCloseBtn,
+                  CloseBtnStyled,
                   {
                     onClick: (e) => {
                       e.stopPropagation();
                       handleRemove(value);
                     },
-                    role: "button",
+                    type: "button",
                     children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_fontawesome3.FontAwesomeIcon, { icon: import_free_solid_svg_icons3.faSquareXmark, size: "sm" })
                   }
                 ),
@@ -11308,7 +11312,8 @@ var QuillEditor = styled("div", {
       marginBottom: 0
     },
     "& h1": {
-      fontSize: "2em"
+      fontSize: "2em",
+      lineHeight: "2em!important"
     },
     "& h2": {
       fontSize: "1.5em"
@@ -12167,6 +12172,17 @@ var QuillComponent = ({
   const videoModalRef = (0, import_react20.useRef)(null);
   const linkModalRef = (0, import_react20.useRef)(null);
   const { addToast, removeToast } = useToast();
+  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: [
       ["bold", "italic", "underline"],
@@ -12229,7 +12245,7 @@ var QuillComponent = ({
         const index = selection ? selection.index : quill.getLength();
         quill.insertEmbed(index, "image", uploadedFile.url);
         quill.setSelection(index + 1, 0);
-        onChange == null ? void 0 : onChange(quill.root.innerHTML);
+        onChange == null ? void 0 : onChange(formatHTML(quill.root.innerHTML));
       } catch (error) {
         console.error("Erro no upload:", error);
         addToast({
@@ -12264,7 +12280,7 @@ var QuillComponent = ({
             quill.deleteText(maxLength, count - maxLength);
             return;
           }
-          onChange == null ? void 0 : onChange(quill.root.innerHTML);
+          onChange == null ? void 0 : onChange(formatHTML(quill.root.innerHTML));
           onCharacterCountChange == null ? void 0 : onCharacterCountChange(count);
         }
       });

package/dist/index.mjs

@@ -1668,6 +1668,7 @@ var ButtonStyled = styled(ButtonRadix, {
         color: "$$buttonOutlinedColor",
         border: "1px solid $$buttonOutlinedColor",
         backgroundColor: "$$buttonBgColor",
+        boxShadow: "none",
         "&:disabled": {
           boxShadow: "none",
           borderColor: "$colors$neutral100",
@@ -1711,7 +1712,8 @@ var ButtonStyled = styled(ButtonRadix, {
     variant: "contained",
     color: "brand",
     size: "medium",
-    fontWeight: "medium"
+    fontWeight: "medium",
+    outlinedBgColor: "transparent"
   }
 });
 
@@ -8072,7 +8074,7 @@ function Drawer({
       },
       children: [
         /* @__PURE__ */ jsxs7(DrawerHeaderDiv, { children: [
-          /* @__PURE__ */ jsxs7(Flex2, { gap: 8, children: [
+          /* @__PURE__ */ jsxs7(Flex2, { gap: 8, align: "center", children: [
             goBackIcon && goBackIcon && /* @__PURE__ */ jsx16(GoBackButtonStyled, { type: "button", onClick: goBackAction, children: goBackIcon }),
             /* @__PURE__ */ jsx16(DrawerHeaderTitle, { children: title })
           ] }),
@@ -9359,8 +9361,10 @@ var itemStyle = {
   }
 };
 var StyledItem2 = styled("div", __spreadValues({}, itemStyle));
-var BadgeCloseBtn = styled("div", {
-  cursor: "pointer"
+var CloseBtnStyled = styled("button", {
+  cursor: "pointer",
+  background: "none",
+  border: "none"
 });
 var StyledFlexWithMaxHeight = styled(Flex2, {
   variants: {
@@ -9627,13 +9631,13 @@ var MultiSelect = React9.forwardRef(
               css: { flexWrap: "wrap" },
               children: [
                 /* @__PURE__ */ jsx26(
-                  BadgeCloseBtn,
+                  CloseBtnStyled,
                   {
                     onClick: (e) => {
                       e.stopPropagation();
                       handleRemove(value);
                     },
-                    role: "button",
+                    type: "button",
                     children: /* @__PURE__ */ jsx26(FontAwesomeIcon3, { icon: faSquareXmark, size: "sm" })
                   }
                 ),
@@ -11206,7 +11210,8 @@ var QuillEditor = styled("div", {
       marginBottom: 0
     },
     "& h1": {
-      fontSize: "2em"
+      fontSize: "2em",
+      lineHeight: "2em!important"
     },
     "& h2": {
       fontSize: "1.5em"
@@ -12065,6 +12070,17 @@ var QuillComponent = ({
   const videoModalRef = useRef8(null);
   const linkModalRef = useRef8(null);
   const { addToast, removeToast } = useToast();
+  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: [
       ["bold", "italic", "underline"],
@@ -12127,7 +12143,7 @@ var QuillComponent = ({
         const index = selection ? selection.index : quill.getLength();
         quill.insertEmbed(index, "image", uploadedFile.url);
         quill.setSelection(index + 1, 0);
-        onChange == null ? void 0 : onChange(quill.root.innerHTML);
+        onChange == null ? void 0 : onChange(formatHTML(quill.root.innerHTML));
       } catch (error) {
         console.error("Erro no upload:", error);
         addToast({
@@ -12162,7 +12178,7 @@ var QuillComponent = ({
             quill.deleteText(maxLength, count - maxLength);
             return;
           }
-          onChange == null ? void 0 : onChange(quill.root.innerHTML);
+          onChange == null ? void 0 : onChange(formatHTML(quill.root.innerHTML));
           onCharacterCountChange == null ? void 0 : onCharacterCountChange(count);
         }
       });

package/package.json

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