@mlw-packages/react-components 1.10.22 → 1.10.24

package/dist/index.css

@@ -1203,6 +1203,9 @@ body {
 .max-h-\[300px\] {
   max-height: 300px;
 }
+.max-h-\[85vh\] {
+  max-height: 85vh;
+}
 .max-h-\[95vh\] {
   max-height: 95vh;
 }
@@ -1499,6 +1502,9 @@ body {
 .min-w-\[1\.5rem\] {
   min-width: 1.5rem;
 }
+.min-w-\[100px\] {
+  min-width: 100px;
+}
 .min-w-\[10rem\] {
   min-width: 10rem;
 }
@@ -1514,6 +1520,9 @@ body {
 .min-w-\[200px\] {
   min-width: 200px;
 }
+.min-w-\[20px\] {
+  min-width: 20px;
+}
 .min-w-\[250px\] {
   min-width: 250px;
 }
@@ -3704,6 +3713,9 @@ body {
 .pb-4 {
   padding-bottom: 1rem;
 }
+.pb-6 {
+  padding-bottom: 1.5rem;
+}
 .pb-7 {
   padding-bottom: 1.75rem;
 }
@@ -3776,6 +3788,9 @@ body {
 .pt-4 {
   padding-top: 1rem;
 }
+.pt-6 {
+  padding-top: 1.5rem;
+}
 .text-left {
   text-align: left;
 }
@@ -5543,6 +5558,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-slate-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-teal-200\/80:hover {
   background-color: rgb(153 246 228 / 0.8);
 }
@@ -5614,6 +5633,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(248 250 252 / var(--tw-text-opacity, 1));
 }
+.hover\:text-slate-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
+}
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));

package/dist/index.d.mts

@@ -225,11 +225,12 @@ declare const ModalTriggerBase: React$1.ForwardRefExoticComponent<DialogPrimitiv
 declare const ModalPortalBase: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const ModalCloseBase: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const ModalOverlayBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & TestIdProps$1 & React$1.RefAttributes<HTMLDivElement>>;
-type ModalSize = "sm" | "md" | "lg" | "full";
+type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
 declare const ModalContentBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & TestIdProps$1 & {
     size?: ModalSize;
     centered?: boolean;
     backdropBlur?: boolean;
+    noPadding?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const ModalHeaderBase: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & TestIdProps$1 & React$1.RefAttributes<HTMLDivElement>>;
 declare const ModalFooterBase: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & TestIdProps$1 & React$1.RefAttributes<HTMLDivElement>>;
@@ -1017,6 +1018,7 @@ interface EventCalendarProps$1 {
     className?: string;
     initialView?: CalendarViewAgenda;
     initialDate?: Date;
+    optionsViewEvents?: CalendarViewAgenda[];
     onClick?: ((event: CalendarEventAgenda, e?: React__default.MouseEvent) => void) | React__default.ReactElement<ModalLikeProps>;
     showYearView?: boolean;
     noTime?: boolean;
@@ -1032,7 +1034,7 @@ interface ModalLikeProps {
     onClose?: () => void;
     [key: string]: unknown;
 }
-declare function EventAgenda({ events, onEventUpdate, className, initialView, initialDate, onClick, showYearView, noTime, onlyDay, onlyMonth, onlyWeek, onlyAgenda, onlyYear, allowCellClick, }: EventCalendarProps$1): react_jsx_runtime.JSX.Element;
+declare function EventAgenda({ events, optionsViewEvents, onEventUpdate, className, initialView, initialDate, onClick, showYearView, noTime, onlyDay, onlyMonth, onlyWeek, onlyAgenda, onlyYear, allowCellClick, }: EventCalendarProps$1): react_jsx_runtime.JSX.Element;
 
 interface EventItemProps$1 {
     event: CalendarEventAgenda;

package/dist/index.d.ts

@@ -225,11 +225,12 @@ declare const ModalTriggerBase: React$1.ForwardRefExoticComponent<DialogPrimitiv
 declare const ModalPortalBase: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const ModalCloseBase: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const ModalOverlayBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & TestIdProps$1 & React$1.RefAttributes<HTMLDivElement>>;
-type ModalSize = "sm" | "md" | "lg" | "full";
+type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
 declare const ModalContentBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & TestIdProps$1 & {
     size?: ModalSize;
     centered?: boolean;
     backdropBlur?: boolean;
+    noPadding?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const ModalHeaderBase: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & TestIdProps$1 & React$1.RefAttributes<HTMLDivElement>>;
 declare const ModalFooterBase: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & TestIdProps$1 & React$1.RefAttributes<HTMLDivElement>>;
@@ -1017,6 +1018,7 @@ interface EventCalendarProps$1 {
     className?: string;
     initialView?: CalendarViewAgenda;
     initialDate?: Date;
+    optionsViewEvents?: CalendarViewAgenda[];
     onClick?: ((event: CalendarEventAgenda, e?: React__default.MouseEvent) => void) | React__default.ReactElement<ModalLikeProps>;
     showYearView?: boolean;
     noTime?: boolean;
@@ -1032,7 +1034,7 @@ interface ModalLikeProps {
     onClose?: () => void;
     [key: string]: unknown;
 }
-declare function EventAgenda({ events, onEventUpdate, className, initialView, initialDate, onClick, showYearView, noTime, onlyDay, onlyMonth, onlyWeek, onlyAgenda, onlyYear, allowCellClick, }: EventCalendarProps$1): react_jsx_runtime.JSX.Element;
+declare function EventAgenda({ events, optionsViewEvents, onEventUpdate, className, initialView, initialDate, onClick, showYearView, noTime, onlyDay, onlyMonth, onlyWeek, onlyAgenda, onlyYear, allowCellClick, }: EventCalendarProps$1): react_jsx_runtime.JSX.Element;
 
 interface EventItemProps$1 {
     event: CalendarEventAgenda;

package/dist/index.js

@@ -1664,9 +1664,16 @@ var ModalContentBase = React32__namespace.forwardRef(
     size = "md",
     centered = true,
     backdropBlur = true,
+    noPadding = false,
     ...props
   }, ref) => {
-    const sizeClass = size === "sm" ? "max-w-md" : size === "lg" ? "max-w-4xl" : size === "full" ? "w-full max-w-[calc(100%-2rem)]" : "max-w-2xl";
+    const sizeClass = {
+      sm: "max-w-md",
+      md: "max-w-2xl",
+      lg: "max-w-4xl",
+      xl: "max-w-6xl",
+      full: "w-full max-w-[calc(100%-2rem)]"
+    }[size];
     const positionClass = centered ? "left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]" : "left-[50%] top-20 translate-x-[-50%] translate-y-0 sm:translate-y-0";
     return /* @__PURE__ */ jsxRuntime.jsxs(ModalPortalBase, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -1699,8 +1706,9 @@ var ModalContentBase = React32__namespace.forwardRef(
         {
           ref,
           className: cn(
-            "fixed z-50 grid w-[calc(100%-2rem)] gap-3 sm:gap-4 border bg-background p-4 sm:p-6 shadow-lg rounded-md sm:rounded-lg max-h-[calc(100dvh-2rem)] sm:max-h-[90dvh] overflow-auto",
+            "fixed z-50 grid w-[calc(100%-2rem)] border bg-background shadow-lg rounded-md sm:rounded-lg max-h-[calc(100dvh-2rem)] sm:max-h-[90dvh] overflow-auto",
             "data-[state=open]:animate-modal-in data-[state=closed]:animate-modal-out border-border",
+            !noPadding && "p-4 sm:p-6 gap-3 sm:gap-4",
             positionClass,
             sizeClass,
             className
@@ -10219,6 +10227,7 @@ function Select({
 }
 function EventAgenda({
   events = [],
+  optionsViewEvents,
   onEventUpdate,
   className,
   initialView = "month",
@@ -10231,7 +10240,7 @@ function EventAgenda({
   onlyWeek,
   onlyAgenda,
   onlyYear,
-  allowCellClick = false
+  allowCellClick = true
 }) {
   const lockedView = onlyDay ? "day" : onlyMonth ? "month" : onlyWeek ? "week" : onlyAgenda ? "agenda" : onlyYear ? "year" : void 0;
   const [currentDate, setCurrentDate] = React32.useState(
@@ -10326,7 +10335,10 @@ function EventAgenda({
     }
     return capitalize2(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
   }, [currentDate, activeView]);
-  const availableViews = showYearView ? ["year", "month", "week", "day", "agenda"] : ["month", "week", "day", "agenda"];
+  let availableViews;
+  if (optionsViewEvents?.length == 0 || !optionsViewEvents)
+    availableViews = showYearView ? ["year", "month", "week", "day", "agenda"] : ["month", "week", "day", "agenda"];
+  else availableViews = [...new Set(optionsViewEvents.map((options) => options))];
   const selectItems = availableViews.map(
     (v) => ({
       label: viewLabel(v),
@@ -10425,12 +10437,7 @@ function EventAgenda({
                 events,
                 onEventSelect: handleEventSelect,
                 noTime,
-                onEventCreate: allowCellClick ? (d) => onEventUpdate?.({
-                  start: d,
-                  end: d,
-                  title: "Novo Evento",
-                  id: crypto.randomUUID()
-                }) : void 0
+                onEventCreate: allowCellClick ? (d) => console.log(d) : void 0
               }
             ),
             activeView === "agenda" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -21411,7 +21418,7 @@ function CarouselBase({
       setDownloadSuccess(true);
       setTimeout(() => setDownloadSuccess(false), 2e3);
     } catch (error) {
-      alert(
+      sonner.toast.error(
         "Erro ao baixar imagem. Verifique a URL ou permiss\xF5es do servidor."
       );
       console.error("Error downloading image:", error);

package/dist/index.mjs

@@ -1622,9 +1622,16 @@ var ModalContentBase = React32.forwardRef(
     size = "md",
     centered = true,
     backdropBlur = true,
+    noPadding = false,
     ...props
   }, ref) => {
-    const sizeClass = size === "sm" ? "max-w-md" : size === "lg" ? "max-w-4xl" : size === "full" ? "w-full max-w-[calc(100%-2rem)]" : "max-w-2xl";
+    const sizeClass = {
+      sm: "max-w-md",
+      md: "max-w-2xl",
+      lg: "max-w-4xl",
+      xl: "max-w-6xl",
+      full: "w-full max-w-[calc(100%-2rem)]"
+    }[size];
     const positionClass = centered ? "left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]" : "left-[50%] top-20 translate-x-[-50%] translate-y-0 sm:translate-y-0";
     return /* @__PURE__ */ jsxs(ModalPortalBase, { children: [
       /* @__PURE__ */ jsx(
@@ -1657,8 +1664,9 @@ var ModalContentBase = React32.forwardRef(
         {
           ref,
           className: cn(
-            "fixed z-50 grid w-[calc(100%-2rem)] gap-3 sm:gap-4 border bg-background p-4 sm:p-6 shadow-lg rounded-md sm:rounded-lg max-h-[calc(100dvh-2rem)] sm:max-h-[90dvh] overflow-auto",
+            "fixed z-50 grid w-[calc(100%-2rem)] border bg-background shadow-lg rounded-md sm:rounded-lg max-h-[calc(100dvh-2rem)] sm:max-h-[90dvh] overflow-auto",
             "data-[state=open]:animate-modal-in data-[state=closed]:animate-modal-out border-border",
+            !noPadding && "p-4 sm:p-6 gap-3 sm:gap-4",
             positionClass,
             sizeClass,
             className
@@ -10177,6 +10185,7 @@ function Select({
 }
 function EventAgenda({
   events = [],
+  optionsViewEvents,
   onEventUpdate,
   className,
   initialView = "month",
@@ -10189,7 +10198,7 @@ function EventAgenda({
   onlyWeek,
   onlyAgenda,
   onlyYear,
-  allowCellClick = false
+  allowCellClick = true
 }) {
   const lockedView = onlyDay ? "day" : onlyMonth ? "month" : onlyWeek ? "week" : onlyAgenda ? "agenda" : onlyYear ? "year" : void 0;
   const [currentDate, setCurrentDate] = useState(
@@ -10284,7 +10293,10 @@ function EventAgenda({
     }
     return capitalize2(format(currentDate, "MMMM yyyy", { locale: ptBR }));
   }, [currentDate, activeView]);
-  const availableViews = showYearView ? ["year", "month", "week", "day", "agenda"] : ["month", "week", "day", "agenda"];
+  let availableViews;
+  if (optionsViewEvents?.length == 0 || !optionsViewEvents)
+    availableViews = showYearView ? ["year", "month", "week", "day", "agenda"] : ["month", "week", "day", "agenda"];
+  else availableViews = [...new Set(optionsViewEvents.map((options) => options))];
   const selectItems = availableViews.map(
     (v) => ({
       label: viewLabel(v),
@@ -10383,12 +10395,7 @@ function EventAgenda({
                 events,
                 onEventSelect: handleEventSelect,
                 noTime,
-                onEventCreate: allowCellClick ? (d) => onEventUpdate?.({
-                  start: d,
-                  end: d,
-                  title: "Novo Evento",
-                  id: crypto.randomUUID()
-                }) : void 0
+                onEventCreate: allowCellClick ? (d) => console.log(d) : void 0
               }
             ),
             activeView === "agenda" && /* @__PURE__ */ jsx(
@@ -21369,7 +21376,7 @@ function CarouselBase({
       setDownloadSuccess(true);
       setTimeout(() => setDownloadSuccess(false), 2e3);
     } catch (error) {
-      alert(
+      toast$1.error(
         "Erro ao baixar imagem. Verifique a URL ou permiss\xF5es do servidor."
       );
       console.error("Error downloading image:", error);

package/package.json

@@ -5,7 +5,7 @@
     "access": "public",
     "type": "module"
   },
-  "version": "1.10.22",
+  "version": "1.10.24",
   "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
   "repository": {
     "type": "git",