@lets-events/react 12.2.7 → 12.2.9

package/.eslintrc.json

@@ -1,3 +1,3 @@
-{
-  "extends": "@lets-events/eslint-config"
+{
+  "extends": "@lets-events/eslint-config"
 }

package/.turbo/turbo-build.log

@@ -1,19 +1,21 @@
-
-> @lets-events/react@12.2.7 build
-> tsup src/index.tsx  --format esm,cjs --dts --external react
-
-CLI Building entry: src/index.tsx
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.5.0
-CLI Using tsup config: C:\Users\cazuz\OneDrive\Desktop\Web\design-system\packages\react\tsup.config.ts
-CLI Target: es6
-ESM Build start
-CJS Build start
-CJS dist\index.js 393.82 KB
-CJS ⚡️ Build success in 950ms
-ESM dist\index.mjs 379.87 KB
-ESM ⚡️ Build success in 951ms
-DTS Build start
-DTS ⚡️ Build success in 5292ms
-DTS dist\index.d.mts 389.16 KB
-DTS dist\index.d.ts  389.16 KB
+
+
+> @lets-events/react@12.2.9 build
+> tsup src/index.tsx  --format esm,cjs --dts --external react
+
+CLI Building entry: src/index.tsx
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.0
+CLI Using tsup config: /home/bia3003/Lets/design-system/packages/react/tsup.config.ts
+CLI Target: es6
+ESM Build start
+CJS Build start
+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 6004ms
+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.9
+
+### Patch Changes
+
+- RichEditor stylization
+
+## 12.2.8
+
+### Patch Changes
+
+- Calendar maxYearsFromNow and multiSelect close
+
 ## 12.2.7
 
 ### Patch Changes

package/dist/index.d.mts

@@ -4673,8 +4673,9 @@ type CalendarProps = ComponentProps<typeof CalendarStyled> & {
     hasError?: boolean;
     expand?: boolean;
     allowPastDates?: boolean;
+    maxYearsFromNow?: number;
 };
-declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
 
 declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -14759,8 +14760,9 @@ type CalendarFormFieldProps = Omit<CalendarProps, "selected" | "setSelected"> &
     validationErrorMessage?: string;
     rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
     allowPastDates?: boolean;
+    maxYearsFromNow?: number;
 };
-declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, allowPastDates, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, allowPastDates, maxYearsFromNow, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type TimePickerFormFieldProps = Omit<TimePickerProps, "selected" | "setSelected"> & {
     name: string;

package/dist/index.d.ts

@@ -4673,8 +4673,9 @@ type CalendarProps = ComponentProps<typeof CalendarStyled> & {
     hasError?: boolean;
     expand?: boolean;
     allowPastDates?: boolean;
+    maxYearsFromNow?: number;
 };
-declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
 
 declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -14759,8 +14760,9 @@ type CalendarFormFieldProps = Omit<CalendarProps, "selected" | "setSelected"> &
     validationErrorMessage?: string;
     rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
     allowPastDates?: boolean;
+    maxYearsFromNow?: number;
 };
-declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, allowPastDates, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, allowPastDates, maxYearsFromNow, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type TimePickerFormFieldProps = Omit<TimePickerProps, "selected" | "setSelected"> & {
     name: string;

package/dist/index.js

@@ -7981,7 +7981,8 @@ function Calendar(_a) {
     position = "bottom",
     hasError,
     expand,
-    allowPastDates = false
+    allowPastDates = false,
+    maxYearsFromNow = 20
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
@@ -7991,7 +7992,8 @@ function Calendar(_a) {
     "position",
     "hasError",
     "expand",
-    "allowPastDates"
+    "allowPastDates",
+    "maxYearsFromNow"
   ]);
   const [inputValue, setInputValue] = (0, import_react7.useState)("");
   const [showContainer, setShowCalendar] = (0, import_react7.useState)(false);
@@ -8000,7 +8002,7 @@ function Calendar(_a) {
     setShowCalendar(false);
   });
   const today = /* @__PURE__ */ new Date();
-  const maxDate = addYears(today, 20);
+  const maxDate = addYears(today, maxYearsFromNow);
   (0, import_react7.useEffect)(() => {
     if (selected) {
       setInputValue(format2(selected, "dd/MM/yyyy"));
@@ -9705,7 +9707,9 @@ var MultiSelect = import_react16.default.forwardRef(
                         ButtonSelectAllStyled,
                         {
                           css: itemStyle,
-                          onClick: (e) => handleSelectAll(e),
+                          onClick: (e) => {
+                            handleSelectAll(e), setIsOpen(false);
+                          },
                           type: "button",
                           children: [
                             /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: allOptionsSelected ? "checked" : "" }),
@@ -12185,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 ? {
@@ -12266,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);
@@ -12276,7 +12276,7 @@ var QuillComponent = ({
         });
       }
     }),
-    [disabled, quill, addToast, removeToast, uploadConfig]
+    [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
   (0, import_react20.useEffect)(() => {
     if (quill && value) {
@@ -12679,7 +12679,8 @@ var CalendarFormField = (_a) => {
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     rules,
     onChange,
-    allowPastDates
+    allowPastDates,
+    maxYearsFromNow = 20
   } = _b, calendarProps = __objRest(_b, [
     "name",
     "label",
@@ -12688,7 +12689,8 @@ var CalendarFormField = (_a) => {
     "validationErrorMessage",
     "rules",
     "onChange",
-    "allowPastDates"
+    "allowPastDates",
+    "maxYearsFromNow"
   ]);
   const handleValidate = (0, import_react23.useCallback)(
     (value) => {
@@ -12735,7 +12737,8 @@ var CalendarFormField = (_a) => {
           handleCalendarChange(date);
         },
         hasError: haveError,
-        allowPastDates
+        allowPastDates,
+        maxYearsFromNow
       }, calendarProps)
     ),
     /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorFormMessage, { message: errorMsg })

package/dist/index.mjs

@@ -7870,7 +7870,8 @@ function Calendar(_a) {
     position = "bottom",
     hasError,
     expand,
-    allowPastDates = false
+    allowPastDates = false,
+    maxYearsFromNow = 20
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
@@ -7880,7 +7881,8 @@ function Calendar(_a) {
     "position",
     "hasError",
     "expand",
-    "allowPastDates"
+    "allowPastDates",
+    "maxYearsFromNow"
   ]);
   const [inputValue, setInputValue] = useState2("");
   const [showContainer, setShowCalendar] = useState2(false);
@@ -7889,7 +7891,7 @@ function Calendar(_a) {
     setShowCalendar(false);
   });
   const today = /* @__PURE__ */ new Date();
-  const maxDate = addYears(today, 20);
+  const maxDate = addYears(today, maxYearsFromNow);
   useEffect3(() => {
     if (selected) {
       setInputValue(format2(selected, "dd/MM/yyyy"));
@@ -9598,7 +9600,9 @@ var MultiSelect = React9.forwardRef(
                         ButtonSelectAllStyled,
                         {
                           css: itemStyle,
-                          onClick: (e) => handleSelectAll(e),
+                          onClick: (e) => {
+                            handleSelectAll(e), setIsOpen(false);
+                          },
                           type: "button",
                           children: [
                             /* @__PURE__ */ jsx26("div", { className: allOptionsSelected ? "checked" : "" }),
@@ -12083,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 ? {
@@ -12164,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);
@@ -12174,7 +12174,7 @@ var QuillComponent = ({
         });
       }
     }),
-    [disabled, quill, addToast, removeToast, uploadConfig]
+    [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
   useEffect6(() => {
     if (quill && value) {
@@ -12577,7 +12577,8 @@ var CalendarFormField = (_a) => {
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     rules,
     onChange,
-    allowPastDates
+    allowPastDates,
+    maxYearsFromNow = 20
   } = _b, calendarProps = __objRest(_b, [
     "name",
     "label",
@@ -12586,7 +12587,8 @@ var CalendarFormField = (_a) => {
     "validationErrorMessage",
     "rules",
     "onChange",
-    "allowPastDates"
+    "allowPastDates",
+    "maxYearsFromNow"
   ]);
   const handleValidate = useCallback5(
     (value) => {
@@ -12633,7 +12635,8 @@ var CalendarFormField = (_a) => {
           handleCalendarChange(date);
         },
         hasError: haveError,
-        allowPastDates
+        allowPastDates,
+        maxYearsFromNow
       }, calendarProps)
     ),
     /* @__PURE__ */ jsx54(ErrorFormMessage, { message: errorMsg })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "12.2.7",
+  "version": "12.2.9",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -47,4 +47,4 @@
     "react-hook-form": "^7.57.0",
     "react-quilljs": "^2.0.5"
   }
-}
+}