@lets-events/react 12.10.2 → 12.10.4

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lets-events/react@12.10.2 build
+> @lets-events/react@12.10.4 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 426.31 KB
-CJS ⚡️ Build success in 356ms
-ESM dist/index.mjs 410.72 KB
-ESM ⚡️ Build success in 358ms
+ESM dist/index.mjs 411.50 KB
+ESM ⚡️ Build success in 519ms
+CJS dist/index.js 427.16 KB
+CJS ⚡️ Build success in 521ms
 DTS Build start
-DTS ⚡️ Build success in 6877ms
-DTS dist/index.d.mts 404.95 KB
-DTS dist/index.d.ts  404.95 KB
+DTS ⚡️ Build success in 9718ms
+DTS dist/index.d.mts 404.99 KB
+DTS dist/index.d.ts  404.99 KB
 ⠙

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 12.10.4
+
+### Patch Changes
+
+- simpleAction prop
+
+## 12.10.3
+
+### Patch Changes
+
+- fix
+
 ## 12.10.2
 
 ### Patch Changes

package/dist/index.d.mts

@@ -4743,6 +4743,7 @@ type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     setSelected: React__default.Dispatch<React__default.SetStateAction<DateRange>>;
     position?: "top" | "bottom" | "top-right" | "bottom-right";
     action?: boolean;
+    simpleAction?: boolean;
     actionText?: string;
     hasError?: boolean;
     expand?: boolean;
@@ -4751,7 +4752,7 @@ type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     maxDate?: Date;
     disabled?: boolean;
 };
-declare function DoubleCalendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, maxDate, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
+declare function DoubleCalendar({ action, actionText, simpleAction, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, maxDate, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
 
 declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
     open?: boolean | "false" | "true" | undefined;

package/dist/index.d.ts

@@ -4743,6 +4743,7 @@ type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     setSelected: React__default.Dispatch<React__default.SetStateAction<DateRange>>;
     position?: "top" | "bottom" | "top-right" | "bottom-right";
     action?: boolean;
+    simpleAction?: boolean;
     actionText?: string;
     hasError?: boolean;
     expand?: boolean;
@@ -4751,7 +4752,7 @@ type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     maxDate?: Date;
     disabled?: boolean;
 };
-declare function DoubleCalendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, maxDate, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
+declare function DoubleCalendar({ action, actionText, simpleAction, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, maxDate, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
 
 declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
     open?: boolean | "false" | "true" | undefined;

package/dist/index.js

@@ -8476,6 +8476,7 @@ function DoubleCalendar(_a) {
   var _b = _a, {
     action,
     actionText,
+    simpleAction,
     calendarLayout,
     selected,
     setSelected,
@@ -8489,6 +8490,7 @@ function DoubleCalendar(_a) {
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
+    "simpleAction",
     "calendarLayout",
     "selected",
     "setSelected",
@@ -8606,7 +8608,28 @@ function DoubleCalendar(_a) {
             children: actionText != null ? actionText : "Aplicar"
           }
         )
-      ] })
+      ] }),
+      simpleAction && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CalendarFooterStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          style: { display: "flex", justifyContent: "center", padding: "1rem", width: "100%" },
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            Button,
+            {
+              style: { margin: "0 0.5rem" },
+              variant: "text",
+              color: "brand",
+              type: "button",
+              onClick: () => {
+                setShowCalendar(false);
+              },
+              size: "medium",
+              fontWeight: "medium",
+              children: actionText != null ? actionText : "Aplicar"
+            }
+          )
+        }
+      ) })
     ] })
   ] })) });
 }
@@ -8747,7 +8770,10 @@ function Drawer({
         css: {
           zIndex: zIndex + 1,
           width: width != null ? width : "34.25rem",
-          maxWidth: "100%"
+          maxWidth: "100%",
+          "@md": {
+            width: "100%"
+          }
         },
         open: isOpen,
         children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(

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"
+            }
+          )
+        }
+      ) })
     ] })
   ] })) });
 }
@@ -8630,7 +8653,10 @@ function Drawer({
         css: {
           zIndex: zIndex + 1,
           width: width != null ? width : "34.25rem",
-          maxWidth: "100%"
+          maxWidth: "100%",
+          "@md": {
+            width: "100%"
+          }
         },
         open: isOpen,
         children: /* @__PURE__ */ jsxs9(

package/package.json

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

package/src/components/DoubleCalendar/index.tsx

@@ -23,6 +23,7 @@ export type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     setSelected: React.Dispatch<React.SetStateAction<DateRange>>;
     position?: "top" | "bottom" | "top-right" | "bottom-right";
     action?: boolean;
+    simpleAction?: boolean;
     actionText?: string;
     hasError?: boolean;
     expand?: boolean;
@@ -35,6 +36,7 @@ export type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
 export function DoubleCalendar({
     action,
     actionText,
+    simpleAction,
     calendarLayout,
     selected,
     setSelected,
@@ -172,6 +174,26 @@ export function DoubleCalendar({
                                 </Button>
                             </CalendarFooterStyled>
                         )}
+                        {simpleAction && (
+                            <CalendarFooterStyled>
+                                <div
+                                style={{ display: "flex", justifyContent: "center", padding: "1rem", width: "100%" }}>
+                                 <Button
+                                    style={{ margin: "0 0.5rem" }}
+                                    variant="text"
+                                    color="brand"
+                                    type="button"
+                                    onClick={() => {
+                                        setShowCalendar(false);
+                                    }}
+                                    size={"medium"}
+                                    fontWeight="medium"
+                                >
+                                    {actionText ?? "Aplicar"}
+                                </Button>
+                                </div>
+                            </CalendarFooterStyled>
+                        )}
                     </CalendarContentStyled>
                 )}
             </CalendarStyled>

package/src/components/Drawer/index.tsx

@@ -69,7 +69,10 @@ export function Drawer({
         css={{
           zIndex: zIndex + 1,
           width: width ?? "34.25rem",
-          maxWidth: "100%"
+          maxWidth: "100%",
+          "@md": {
+            width: "100%",
+          }
         }}
         open={isOpen}
       >