@lets-events/react 12.10.3 → 12.10.5

package/dist/index.mjs

@@ -8359,6 +8359,7 @@ function DoubleCalendar(_a) {
   var _b = _a, {
     action,
     actionText,
+    simpleAction,
     calendarLayout,
     selected,
     setSelected,
@@ -8372,6 +8373,7 @@ function DoubleCalendar(_a) {
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
+    "simpleAction",
     "calendarLayout",
     "selected",
     "setSelected",
@@ -8489,7 +8491,28 @@ function DoubleCalendar(_a) {
             children: actionText != null ? actionText : "Aplicar"
           }
         )
-      ] })
+      ] }),
+      simpleAction && /* @__PURE__ */ jsx16(CalendarFooterStyled, { children: /* @__PURE__ */ jsx16(
+        "div",
+        {
+          style: { display: "flex", justifyContent: "center", padding: "1rem", width: "100%" },
+          children: /* @__PURE__ */ jsx16(
+            Button,
+            {
+              style: { margin: "0 0.5rem" },
+              variant: "text",
+              color: "brand",
+              type: "button",
+              onClick: () => {
+                setShowCalendar(false);
+              },
+              size: "medium",
+              fontWeight: "medium",
+              children: actionText != null ? actionText : "Aplicar"
+            }
+          )
+        }
+      ) })
     ] })
   ] })) });
 }
@@ -12790,9 +12813,141 @@ var QuillEditor = styled("div", {
   // Container snow
   "& .ql-container.ql-snow": {
     border: "1px solid #ccc"
+  },
+  "& button.ql-list:first-child": {
+    borderLeft: "1px solid #C2C3C7",
+    paddingLeft: "16px",
+    width: "38px"
   }
 });
 
+// src/components/RichEditor/editorConfig.ts
+var TEXT_FORMATS = ["bold", "italic", "underline"];
+var MEDIA_FORMATS = ["link", "image", "video"];
+var buildToolbarFromElements = (elements) => {
+  const toolbar = [];
+  if (elements.includes("header")) {
+    toolbar.push([{ header: [1, 2, false] }]);
+  }
+  const textGroup = elements.filter(
+    (element) => TEXT_FORMATS.includes(element)
+  );
+  if (textGroup.length > 0) {
+    toolbar.push(textGroup);
+  }
+  const colorGroup = [];
+  if (elements.includes("color")) colorGroup.push({ color: [] });
+  if (elements.includes("background")) colorGroup.push({ background: [] });
+  if (colorGroup.length > 0) {
+    toolbar.push(colorGroup);
+  }
+  if (elements.includes("align")) {
+    toolbar.push([{ align: [] }]);
+  }
+  if (elements.includes("list")) {
+    toolbar.push([{ list: "ordered" }, { list: "bullet" }]);
+  }
+  const mediaGroup = elements.filter(
+    (element) => MEDIA_FORMATS.includes(element)
+  );
+  if (mediaGroup.length > 0) {
+    toolbar.push(mediaGroup);
+  }
+  return toolbar;
+};
+var buildFormatsFromElements = (elements) => elements;
+var getEditorModulesAndFormats = (richEditorElements, simpleVersion = false, disableVideo = false) => {
+  const clipboard = { matchVisual: false };
+  if (richEditorElements && richEditorElements.length > 0) {
+    return {
+      modules: {
+        toolbar: buildToolbarFromElements(richEditorElements),
+        clipboard
+      },
+      formats: buildFormatsFromElements(richEditorElements)
+    };
+  }
+  if (simpleVersion) {
+    return {
+      modules: {
+        toolbar: [
+          [{ header: [1, 2, false] }],
+          ["bold", "italic", "underline"],
+          [{ color: [] }, { background: [] }],
+          [{ align: [] }],
+          [{ list: "ordered" }, { list: "bullet" }]
+        ],
+        clipboard
+      },
+      formats: [
+        "header",
+        "bold",
+        "italic",
+        "underline",
+        "color",
+        "background",
+        "align",
+        "list"
+      ]
+    };
+  }
+  if (disableVideo) {
+    return {
+      modules: {
+        toolbar: [
+          [{ header: [1, 2, false] }],
+          ["bold", "italic", "underline", "strike"],
+          [{ color: [] }, { background: [] }],
+          [{ align: [] }],
+          [{ list: "ordered" }, { list: "bullet" }],
+          ["link", "image"]
+        ],
+        clipboard
+      },
+      formats: [
+        "header",
+        "bold",
+        "italic",
+        "underline",
+        "strike",
+        "color",
+        "background",
+        "align",
+        "list",
+        "link",
+        "image"
+      ]
+    };
+  }
+  return {
+    modules: {
+      toolbar: [
+        [{ header: [1, 2, false] }],
+        ["bold", "italic", "underline", "strike"],
+        [{ color: [] }, { background: [] }],
+        [{ align: [] }],
+        [{ list: "ordered" }, { list: "bullet" }],
+        ["link", "image", "video"]
+      ],
+      clipboard
+    },
+    formats: [
+      "header",
+      "bold",
+      "italic",
+      "underline",
+      "strike",
+      "color",
+      "background",
+      "align",
+      "list",
+      "link",
+      "image",
+      "video"
+    ]
+  };
+};
+
 // src/components/RichEditor/QuillComponent.tsx
 import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
 var QuillComponent = ({
@@ -12804,6 +12959,7 @@ var QuillComponent = ({
   uploadConfig,
   simpleVersion = false,
   disableVideo = false,
+  richEditorElements,
   onCharacterCountChange,
   maxLength
 }) => {
@@ -12819,65 +12975,11 @@ var QuillComponent = ({
     const doc = parser.parseFromString(html, "text/html");
     return doc.body.innerHTML;
   };
-  const modules = simpleVersion ? {
-    toolbar: [
-      [{ header: [1, 2, false] }],
-      ["bold", "italic", "underline"],
-      [{ color: [] }, { background: [] }],
-      [{ align: [] }],
-      [{ list: "ordered" }, { list: "bullet" }]
-    ],
-    clipboard: {
-      matchVisual: false
-    }
-  } : disableVideo ? {
-    toolbar: [
-      [{ header: [1, 2, false] }],
-      ["bold", "italic", "underline", "strike"],
-      [{ color: [] }, { background: [] }],
-      [{ align: [] }],
-      [{ list: "ordered" }, { list: "bullet" }],
-      ["link", "image"]
-    ],
-    clipboard: {
-      matchVisual: false
-    }
-  } : {
-    toolbar: [
-      [{ header: [1, 2, false] }],
-      ["bold", "italic", "underline", "strike"],
-      [{ color: [] }, { background: [] }],
-      [{ align: [] }],
-      [{ list: "ordered" }, { list: "bullet" }],
-      ["link", "image", "video"]
-    ],
-    clipboard: {
-      matchVisual: false
-    }
-  };
-  const formats = simpleVersion ? [
-    "header",
-    "bold",
-    "italic",
-    "underline",
-    "color",
-    "background",
-    "align",
-    "list"
-  ] : [
-    "header",
-    "bold",
-    "italic",
-    "underline",
-    "strike",
-    "color",
-    "background",
-    "align",
-    "list",
-    "link",
-    "image",
-    "video"
-  ];
+  const { modules, formats } = getEditorModulesAndFormats(
+    richEditorElements,
+    simpleVersion,
+    disableVideo
+  );
   const { quill, quillRef } = useQuill({
     theme: "snow",
     modules,
@@ -12947,21 +13049,27 @@ var QuillComponent = ({
       });
       const toolbar = quill.getModule("toolbar");
       if (toolbar) {
-        toolbar.addHandler("link", () => setShowLinkModal(true));
-        toolbar.addHandler("video", () => setShowVideoModal(true));
-        toolbar.addHandler("image", () => {
-          const input = document.createElement("input");
-          input.setAttribute("type", "file");
-          input.setAttribute("accept", "image/*");
-          input.click();
-          input.onchange = () => __async(null, null, function* () {
-            var _a;
-            const file = (_a = input.files) == null ? void 0 : _a[0];
-            if (file) {
-              yield handleImageUpload(file);
-            }
+        if (formats.includes("link")) {
+          toolbar.addHandler("link", () => setShowLinkModal(true));
+        }
+        if (formats.includes("video")) {
+          toolbar.addHandler("video", () => setShowVideoModal(true));
+        }
+        if (formats.includes("image")) {
+          toolbar.addHandler("image", () => {
+            const input = document.createElement("input");
+            input.setAttribute("type", "file");
+            input.setAttribute("accept", "image/*");
+            input.click();
+            input.onchange = () => __async(null, null, function* () {
+              var _a;
+              const file = (_a = input.files) == null ? void 0 : _a[0];
+              if (file) {
+                yield handleImageUpload(file);
+              }
+            });
           });
-        });
+        }
       }
       setTimeout(() => {
         var _a, _b;
@@ -12985,7 +13093,7 @@ var QuillComponent = ({
         }
       }, 2e3);
     }
-  }, [quill, onChange, handleImageUpload, onCharacterCountChange]);
+  }, [quill, onChange, handleImageUpload, onCharacterCountChange, formats]);
   useEffect9(() => {
     if (quill) {
       quill.enable(!disabled);
@@ -13249,7 +13357,8 @@ var RichEditorFormField = (_a) => {
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     maxLength,
     simpleVersion = false,
-    disableVideo = false
+    disableVideo = false,
+    richEditorElements
   } = _b, props = __objRest(_b, [
     "name",
     "label",
@@ -13258,7 +13367,8 @@ var RichEditorFormField = (_a) => {
     "validationErrorMessage",
     "maxLength",
     "simpleVersion",
-    "disableVideo"
+    "disableVideo",
+    "richEditorElements"
   ]);
   const { field, fieldState } = useController3({
     name,

package/package.json

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