@eclass/ui-kit 1.52.14 → 1.53.1

package/dist/eclass-ui-kit.es.js

@@ -1769,15 +1769,17 @@ function BtnLink({
   onClick,
   role = "link",
   tabIndex,
+  target = "_blank",
   textDecorationLine = true
 }) {
   const typeButton = {
     button: {
-      onClick
+      onClick,
+      target
     },
     a: {
       href,
-      target: "_blank"
+      target
     }
   };
   return /* @__PURE__ */ jsx(Box, {
@@ -6060,14 +6062,14 @@ const Empty = ({
   });
 };
 const EventsGroup = ({
-  title,
+  colors: colors2,
   events,
+  hasMoreNext,
+  title,
+  redirect,
   text,
   textSeeMore,
-  textLinkMore,
-  colors: colors2,
-  redirect,
-  hasMoreNext
+  textLinkMore
 }) => {
   var _a;
   if (!events || events && events.length === 0)
@@ -6103,7 +6105,7 @@ const EventsGroup = ({
               boxShadow: "none !important"
             },
             children: /* @__PURE__ */ jsx(EventsList, {
-              name: event.associated_resource.name || "",
+              name: event.translatedTitle,
               courseName: event.course.name,
               day: event.formatedDate.day,
               date: event.formatedDate.date,
@@ -6127,18 +6129,19 @@ const EventsGroup = ({
         children: textSeeMore
       }), " ", /* @__PURE__ */ jsx(BtnLink, {
         onClick: redirect,
+        target: "_self",
         children: textLinkMore
       })]
     })]
   });
 };
 const Events = ({
+  colors: colors2,
   events,
-  text,
-  redirecToCalendar,
+  hasMoreNext,
   isMobile,
-  colors: colors2,
-  hasMoreNext
+  redirecToCalendar,
+  text
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   const {
@@ -6175,35 +6178,35 @@ const Events = ({
       })
     }), /* @__PURE__ */ jsx(EventsGroup, {
       colors: colors2,
+      events: today,
       text: (_c = text == null ? void 0 : text.course) != null ? _c : "",
-      title: (_e = (_d = text == null ? void 0 : text.events) == null ? void 0 : _d.today) != null ? _e : "Hoy",
-      events: today
+      title: (_e = (_d = text == null ? void 0 : text.events) == null ? void 0 : _d.today) != null ? _e : "Hoy"
     }), /* @__PURE__ */ jsx(EventsGroup, {
       colors: colors2,
+      events: tomorrow,
       text: (_f = text == null ? void 0 : text.course) != null ? _f : "",
-      title: (_h = (_g = text == null ? void 0 : text.events) == null ? void 0 : _g.tomorrow) != null ? _h : "Ma\xF1ana",
-      events: tomorrow
+      title: (_h = (_g = text == null ? void 0 : text.events) == null ? void 0 : _g.tomorrow) != null ? _h : "Ma\xF1ana"
     }), /* @__PURE__ */ jsx(EventsGroup, {
-      hasMoreNext,
       colors: colors2,
+      events: next,
+      hasMoreNext,
+      redirect: redirecToCalendar,
       textSeeMore: (_i = text == null ? void 0 : text.seeMore.see) != null ? _i : "Ver m\xE1s fechas en",
       textLinkMore: (_j = text == null ? void 0 : text.seeMore.link) != null ? _j : "Mi calendario",
       text: (_k = text == null ? void 0 : text.course) != null ? _k : "",
-      title: (_m = (_l = text == null ? void 0 : text.events) == null ? void 0 : _l.next) != null ? _m : "Pr\xF3ximos",
-      events: next,
-      redirect: redirecToCalendar
+      title: (_m = (_l = text == null ? void 0 : text.events) == null ? void 0 : _l.next) != null ? _m : "Pr\xF3ximos"
     })]
   });
 };
 const CalendarDropdownContainer = ({
+  courseColors,
   events,
   loading,
-  text,
+  m: m2,
   now,
-  redirectToCalendar,
-  courseColors,
   onlyToCalendar,
-  m: m2
+  redirectToCalendar,
+  text
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const [isMobile] = useMediaQuery("(max-width: 577px)");
@@ -6329,8 +6332,8 @@ const CalendarDropdownContainer = ({
           onClick: redirectToCalendar
         }), !onlyToCalendar && /* @__PURE__ */ jsxs(MenuList, {
           children: [/* @__PURE__ */ jsx(Header, {
-            text: (_d = text == null ? void 0 : text.header) != null ? _d : "Pr\xF3ximas fechas importantes de tus cursos",
-            isMobile
+            isMobile,
+            text: (_d = text == null ? void 0 : text.header) != null ? _d : "Pr\xF3ximas fechas importantes de tus cursos"
           }), /* @__PURE__ */ jsx(Box, {
             bg: (_e = vars("colors-neutral-white")) != null ? _e : "#FFF",
             children: loading ? /* @__PURE__ */ jsx(Loading, {
@@ -6338,12 +6341,12 @@ const CalendarDropdownContainer = ({
             }) : events.length === 0 || empty ? /* @__PURE__ */ jsx(Empty, {
               text: (_g = text == null ? void 0 : text.empty) != null ? _g : "A\xFAn no tienes eventos en tu calendario"
             }) : /* @__PURE__ */ jsx(Events, {
-              hasMoreNext,
               colors: courseColors,
               events: all,
-              text,
+              hasMoreNext,
+              isMobile,
               redirecToCalendar: redirectToCalendar,
-              isMobile
+              text
             })
           })]
         })]
@@ -6359,26 +6362,26 @@ const Loading = ({
   });
 };
 const CalendarDropdown = ({
-  redirectToCalendar,
-  text,
   courseColors,
-  now,
   events,
   loading,
+  m: m2,
+  now,
   onlyToCalendar = false,
-  m: m2
+  redirectToCalendar,
+  text
 }) => {
   const date = new Date(now);
   const isoDate = date.toISOString();
   return /* @__PURE__ */ jsx(CalendarDropdownContainer, {
-    m: m2,
+    courseColors,
     events,
     loading,
+    m: m2,
     now: isoDate,
-    courseColors,
+    onlyToCalendar,
     redirectToCalendar,
-    text,
-    onlyToCalendar
+    text
   });
 };
 const NotificationIcon = () => /* @__PURE__ */ jsx("svg", {