@lets-events/react 12.2.6 → 12.2.8

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lets-events/react@12.2.6 build
+> @lets-events/react@12.2.8 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 393.82 KB
-CJS ⚡️ Build success in 285ms
-ESM dist/index.mjs 379.87 KB
-ESM ⚡️ Build success in 286ms
+CJS dist/index.js 394.03 KB
+CJS ⚡️ Build success in 600ms
+ESM dist/index.mjs 380.08 KB
+ESM ⚡️ Build success in 602ms
 DTS Build start
-DTS ⚡️ Build success in 5185ms
-DTS dist/index.d.mts 389.16 KB
-DTS dist/index.d.ts  389.16 KB
+DTS ⚡️ Build success in 9746ms
+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.8
+
+### Patch Changes
+
+- Calendar maxYearsFromNow and multiSelect close
+
+## 12.2.7
+
+### Patch Changes
+
+- fix button background prop
+
 ## 12.2.6
 
 ### 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

@@ -1814,7 +1814,7 @@ var ButtonStyled = styled(import_themes2.Button, {
     outlinedBgColor: {
       neutral: {},
       transparent: {
-        backgroundColor: "transparent"
+        $$buttonBgColor: "transparent"
       }
     },
     radii: {
@@ -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" : "" }),
@@ -12679,7 +12683,8 @@ var CalendarFormField = (_a) => {
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     rules,
     onChange,
-    allowPastDates
+    allowPastDates,
+    maxYearsFromNow = 20
   } = _b, calendarProps = __objRest(_b, [
     "name",
     "label",
@@ -12688,7 +12693,8 @@ var CalendarFormField = (_a) => {
     "validationErrorMessage",
     "rules",
     "onChange",
-    "allowPastDates"
+    "allowPastDates",
+    "maxYearsFromNow"
   ]);
   const handleValidate = (0, import_react23.useCallback)(
     (value) => {
@@ -12735,7 +12741,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

@@ -1699,7 +1699,7 @@ var ButtonStyled = styled(ButtonRadix, {
     outlinedBgColor: {
       neutral: {},
       transparent: {
-        backgroundColor: "transparent"
+        $$buttonBgColor: "transparent"
       }
     },
     radii: {
@@ -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" : "" }),
@@ -12577,7 +12581,8 @@ var CalendarFormField = (_a) => {
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     rules,
     onChange,
-    allowPastDates
+    allowPastDates,
+    maxYearsFromNow = 20
   } = _b, calendarProps = __objRest(_b, [
     "name",
     "label",
@@ -12586,7 +12591,8 @@ var CalendarFormField = (_a) => {
     "validationErrorMessage",
     "rules",
     "onChange",
-    "allowPastDates"
+    "allowPastDates",
+    "maxYearsFromNow"
   ]);
   const handleValidate = useCallback5(
     (value) => {
@@ -12633,7 +12639,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.6",
+  "version": "12.2.8",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -47,4 +47,4 @@
     "react-hook-form": "^7.57.0",
     "react-quilljs": "^2.0.5"
   }
-}
+}

package/src/components/Button/styledComponents.ts

@@ -270,7 +270,7 @@ export const ButtonStyled = styled(ButtonRadix, {
     outlinedBgColor: {
       neutral: {},
       transparent: {
-        backgroundColor: "transparent",
+        $$buttonBgColor: "transparent",
       },
     },
     radii: {

package/src/components/Calendar/index.tsx

@@ -25,6 +25,7 @@ export type CalendarProps = ComponentProps<typeof CalendarStyled> & {
   hasError?: boolean;
   expand?: boolean;
   allowPastDates?: boolean;
+  maxYearsFromNow?: number;
 };
 
 function formatToDateMask(value: string): string {
@@ -45,6 +46,7 @@ export function Calendar({
   hasError,
   expand,
   allowPastDates = false,
+  maxYearsFromNow = 20,
   ...props
 }: CalendarProps) {
   const [inputValue, setInputValue] = useState("");
@@ -56,7 +58,7 @@ export function Calendar({
     setShowCalendar(false);
   });
   const today = new Date();
-  const maxDate = addYears(today, 20);
+  const maxDate = addYears(today, maxYearsFromNow);
 
   useEffect(() => {
     if (selected) {

package/src/components/FormFields/CalendarFormField.tsx

@@ -20,6 +20,7 @@ export type CalendarFormFieldProps = Omit<
     "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled"
   >;
   allowPastDates?: boolean;
+  maxYearsFromNow?: number;
 };
 
 export const CalendarFormField = ({
@@ -31,6 +32,7 @@ export const CalendarFormField = ({
   rules,
   onChange,
   allowPastDates,
+  maxYearsFromNow = 20,
   ...calendarProps
 }: CalendarFormFieldProps) => {
   const handleValidate = useCallback(
@@ -83,6 +85,7 @@ export const CalendarFormField = ({
         }}
         hasError={haveError}
         allowPastDates={allowPastDates}
+        maxYearsFromNow={maxYearsFromNow}
         {...calendarProps}
       />
 

package/src/components/MultiSelect/index.tsx

@@ -169,7 +169,7 @@ export const MultiSelect = React.forwardRef<HTMLDivElement, MultiSelectProps>(
                   {selectedAllOptions && (
                     <ButtonSelectAllStyled
                       css={itemStyle}
-                      onClick={(e) => handleSelectAll(e)}
+                      onClick={(e) => { handleSelectAll(e), setIsOpen(false) }}
                       type="button"
                     >
                       <div className={allOptionsSelected ? "checked" : ""}></div>