@eclass/ui-kit 1.60.0 → 1.60.1

package/dist/atoms/Icons/MapIndicator.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BaseProps } from './Base';
+export declare function MapIndicator(props: BaseProps): JSX.Element;
+export declare namespace MapIndicator {
+    var displayName: string;
+}
+//# sourceMappingURL=MapIndicator.d.ts.map

package/dist/atoms/Icons/MapIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapIndicator.d.ts","sourceRoot":"","sources":["../../../src/atoms/Icons/MapIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAExC,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAU1D;yBAVe,YAAY"}

package/dist/atoms/Icons/index.d.ts

@@ -8,8 +8,9 @@ export * from './CircularInformation';
 export * from './Download';
 export * from './GoAhead';
 export * from './GoBack';
-export * from './Multimedia';
 export * from './Loader';
+export * from './MapIndicator';
+export * from './Multimedia';
 export * from './Profile';
 export * from './Remote';
 export * from './Schedule';

package/dist/atoms/Icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/Icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,uBAAuB,CAAA;AACrC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/Icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,uBAAuB,CAAA;AACrC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA"}

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

@@ -719,28 +719,6 @@ function GoBack(props) {
   });
 }
 GoBack.displayName = "GoBack";
-function Multimedia(props) {
-  return /* @__PURE__ */ jsxs(Base, {
-    ...props,
-    w: "12px",
-    viewBox: "0 0 14 14",
-    title: "multimedia",
-    children: [/* @__PURE__ */ jsx("path", {
-      d: "M3 6C4.65685 6 6 4.65685 6 3C6 1.34315 4.65685 0 3 0C1.34315 0 0 1.34315 0 3C0 4.65685 1.34315 6 3 6Z",
-      fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M11 6C12.6569 6 14 4.65685 14 3C14 1.34315 12.6569 0 11 0C9.34315 0 8 1.34315 8 3C8 4.65685 9.34315 6 11 6Z",
-      fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M3 14C4.65685 14 6 12.6569 6 11C6 9.34315 4.65685 8 3 8C1.34315 8 0 9.34315 0 11C0 12.6569 1.34315 14 3 14Z",
-      fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M11 14C12.6569 14 14 12.6569 14 11C14 9.34315 12.6569 8 11 8C9.34315 8 8 9.34315 8 11C8 12.6569 9.34315 14 11 14Z",
-      fill: "currentColor"
-    })]
-  });
-}
-Multimedia.displayName = "Multimedia";
 function Loader({
   fill = "#fff"
 }) {
@@ -786,6 +764,43 @@ function Loader({
     })
   });
 }
+function MapIndicator(props) {
+  return /* @__PURE__ */ jsx(Base, {
+    ...props,
+    w: "16px",
+    h: "16px",
+    viewBox: "0 0 16 16",
+    title: "mapIndicator",
+    children: /* @__PURE__ */ jsx("path", {
+      fill: "currentColor",
+      fillRule: "nonzero",
+      d: "M7 0C3.1 0 0 3.1 0 7c0 1.9.7 3.7 2.1 5 .1.1 4.1 3.7 4.2 3.8.4.3 1 .3 1.3 0 .1-.1 4.2-3.7 4.2-3.8 1.4-1.3 2.1-3.1 2.1-5 .1-3.9-3-7-6.9-7zm0 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
+    })
+  });
+}
+MapIndicator.displayName = "MapIndicator";
+function Multimedia(props) {
+  return /* @__PURE__ */ jsxs(Base, {
+    ...props,
+    w: "12px",
+    viewBox: "0 0 14 14",
+    title: "multimedia",
+    children: [/* @__PURE__ */ jsx("path", {
+      d: "M3 6C4.65685 6 6 4.65685 6 3C6 1.34315 4.65685 0 3 0C1.34315 0 0 1.34315 0 3C0 4.65685 1.34315 6 3 6Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M11 6C12.6569 6 14 4.65685 14 3C14 1.34315 12.6569 0 11 0C9.34315 0 8 1.34315 8 3C8 4.65685 9.34315 6 11 6Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M3 14C4.65685 14 6 12.6569 6 11C6 9.34315 4.65685 8 3 8C1.34315 8 0 9.34315 0 11C0 12.6569 1.34315 14 3 14Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M11 14C12.6569 14 14 12.6569 14 11C14 9.34315 12.6569 8 11 8C9.34315 8 8 9.34315 8 11C8 12.6569 9.34315 14 11 14Z",
+      fill: "currentColor"
+    })]
+  });
+}
+Multimedia.displayName = "Multimedia";
 function Profile(props) {
   return /* @__PURE__ */ jsx(Base, {
     ...props,
@@ -1374,8 +1389,9 @@ var index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   Download,
   GoAhead,
   GoBack,
-  Multimedia,
   Loader,
+  MapIndicator,
+  Multimedia,
   Profile,
   Remote,
   Schedule,
@@ -10194,15 +10210,17 @@ const EventsGroup = ({
       children: /* @__PURE__ */ jsx(MenuGroup, {
         title,
         children: events.map((event) => {
-          var _a2;
+          var _a2, _b;
+          const hasUrl = Boolean(event.url);
+          const eventOnClick = onClickEvent && hasUrl ? () => onClickEvent(event) : void 0;
           return /* @__PURE__ */ jsx(Box, {
             bg: (_a2 = vars("colors-neutral-white")) != null ? _a2 : "#FFFFFF",
             border: "none",
-            cursor: onClickEvent ? "pointer" : "default",
+            cursor: "default",
             padding: "0",
             _hover: {
               boxShadow: "none !important",
-              cursor: onClickEvent ? "pointer !important" : "default !important",
+              cursor: "default !important",
               bg: "none !important"
             },
             _focus: {
@@ -10220,8 +10238,10 @@ const EventsGroup = ({
               text: text2,
               type: event.type,
               hasNotification: event.isNew,
-              onClick: onClickEvent ? () => onClickEvent(event) : void 0,
-              showCourse: true
+              headquartersAddress: event.headquarters_address,
+              onClick: eventOnClick,
+              showCourse: true,
+              url: (_b = event.url) != null ? _b : ""
             }, event.id)
           }, event.id);
         })
@@ -10513,19 +10533,25 @@ const EventsList = ({
   duration,
   name,
   hasNotification,
+  headquartersAddress,
   onClick,
   showCourse,
   showUnit,
   time,
   text: text2,
   type,
-  unitName
+  unitName,
+  unavailableLabel = "A\xFAn no disponible",
+  url
 }) => {
-  var _a, _b, _c;
+  var _a, _b;
   const border = `1px solid ${(_a = vars("colors-neutral-platinum")) != null ? _a : "#E8E8E8"}`;
-  const hoverBg = (_b = vars("colors-neutral-cultured2")) != null ? _b : "#F8F8F8";
-  const isClickable = Boolean(onClick);
-  const showEventDuration = ["online", "in-person"].includes(type) && duration !== void 0 && duration > 0;
+  const hasUrl = Boolean(url);
+  const isAvailable = url === void 0 ? true : hasUrl;
+  const disabledOpacity = isAvailable ? 1 : 0.5;
+  const isCpr = type === "cpr";
+  const showEventLocation = !isCpr || Boolean(headquartersAddress);
+  const showEventDuration = ["online", "in-person", "cpr"].includes(type) && duration !== void 0 && duration > 0;
   const initOrEnd = ["end-course", "init-course", "init-course-flexible", "end-course-flexible"].includes(type);
   const dateTextStyle = {
     color: vars("colors-neutral-white"),
@@ -10534,7 +10560,7 @@ const EventsList = ({
     lineHeight: "100%"
   };
   const detailTextStyle = {
-    color: (_c = vars("colors-neutral-gray")) != null ? _c : "#808080",
+    color: (_b = vars("colors-neutral-gray")) != null ? _b : "#808080",
     fontSize: "14px",
     alignItems: "center",
     display: "flex",
@@ -10553,13 +10579,11 @@ const EventsList = ({
     borderTop: border,
     display: "flex",
     gap: "12px",
-    cursor: isClickable ? "pointer" : "default",
-    onClick,
+    cursor: "default",
+    onClick: void 0,
     p: "16px",
     transition: "background-color 0.2s ease",
-    _hover: isClickable ? {
-      bg: hoverBg
-    } : void 0,
+    _hover: void 0,
     children: [/* @__PURE__ */ jsxs(Box, {
       bg: color,
       minW: "88px",
@@ -10571,6 +10595,7 @@ const EventsList = ({
       display: "flex",
       flexDirection: "column",
       justifyContent: "space-around",
+      opacity: disabledOpacity,
       children: [/* @__PURE__ */ jsx(Box, {
         as: "span",
         sx: dateTextStyle,
@@ -10588,67 +10613,84 @@ const EventsList = ({
       flexDirection: "column",
       gap: "8px",
       w: "100%",
-      children: [/* @__PURE__ */ jsxs(Box, {
-        alignItems: "center",
-        display: "flex",
-        fontSize: "16px",
-        fontWeight: "700",
-        justifyContent: "space-between",
-        lineHeight: "21px",
+      children: [!isAvailable && /* @__PURE__ */ jsx(TinyAlert, {
+        status: "warning",
+        text: unavailableLabel,
         sx: {
-          ">span": {
-            width: "calc(100% - 12px)"
-          },
-          ">svg": {
-            alignSelf: "flex-start"
+          padding: "4px 6px",
+          "> span": {
+            fontSize: "12px"
           }
-        },
-        children: [/* @__PURE__ */ jsx("span", {
-          children: name
-        }), hasNotification && /* @__PURE__ */ jsx(NotificationIcon, {})]
-      }), showCourse && !initOrEnd && /* @__PURE__ */ jsxs(Box, {
-        as: "span",
-        sx: detailTextStyle,
-        children: [type === "cv-events" ? /* @__PURE__ */ jsx(Fragment, {}) : /* @__PURE__ */ jsx("strong", {
-          children: text2 ? `${text2}:` : "Curso:"
-        }), " ", courseName]
-      }), showEventDuration && /* @__PURE__ */ jsxs(Box, {
+        }
+      }), /* @__PURE__ */ jsxs(Box, {
         display: "flex",
-        flexDirection: "row",
+        flexDirection: "column",
         gap: "8px",
-        flexWrap: "wrap",
+        opacity: disabledOpacity,
         children: [/* @__PURE__ */ jsxs(Box, {
+          alignItems: "center",
+          display: "flex",
+          fontSize: "16px",
+          fontWeight: "700",
+          justifyContent: "space-between",
+          lineHeight: "21px",
+          sx: {
+            ">span": {
+              width: "calc(100% - 12px)"
+            },
+            ">svg": {
+              alignSelf: "flex-start"
+            }
+          },
+          children: [/* @__PURE__ */ jsx("span", {
+            children: name
+          }), hasNotification && /* @__PURE__ */ jsx(NotificationIcon, {})]
+        }), showCourse && !initOrEnd && /* @__PURE__ */ jsxs(Box, {
           as: "span",
           sx: detailTextStyle,
-          paddingRight: "8px",
-          borderRight: `1px solid ${vars("colors-neutral-platinum")}`,
-          children: [/* @__PURE__ */ jsx(Box, {
+          children: [type === "cv-events" ? /* @__PURE__ */ jsx(Fragment, {}) : /* @__PURE__ */ jsx("strong", {
+            children: text2 ? `${text2}:` : "Curso:"
+          }), " ", courseName]
+        }), showEventDuration && /* @__PURE__ */ jsxs(Box, {
+          display: "flex",
+          flexDirection: "row",
+          gap: "8px",
+          flexWrap: "wrap",
+          children: [showEventLocation && /* @__PURE__ */ jsxs(Box, {
             as: "span",
-            sx: eventIconStyle,
-            children: /* @__PURE__ */ jsx(Remote, {
-              color: vars("colors-main-ziggurat")
-            })
-          }), "Link clase online"]
-        }), /* @__PURE__ */ jsxs(Box, {
-          as: "span",
-          sx: detailTextStyle,
-          children: [/* @__PURE__ */ jsx(Box, {
+            sx: detailTextStyle,
+            paddingRight: "8px",
+            borderRight: `1px solid ${vars("colors-neutral-platinum")}`,
+            children: [/* @__PURE__ */ jsx(Box, {
+              as: "span",
+              sx: eventIconStyle,
+              children: isCpr ? /* @__PURE__ */ jsx(MapIndicator, {
+                color: vars("colors-main-ziggurat")
+              }) : /* @__PURE__ */ jsx(Remote, {
+                color: vars("colors-main-ziggurat")
+              })
+            }), isCpr ? headquartersAddress : "Link clase online"]
+          }), /* @__PURE__ */ jsxs(Box, {
             as: "span",
-            sx: eventIconStyle,
-            children: /* @__PURE__ */ jsx(Time, {
-              color: vars("colors-main-ziggurat")
-            })
-          }), duration, " min"]
+            sx: detailTextStyle,
+            children: [/* @__PURE__ */ jsx(Box, {
+              as: "span",
+              sx: eventIconStyle,
+              children: /* @__PURE__ */ jsx(Time, {
+                color: vars("colors-main-ziggurat")
+              })
+            }), duration, " min"]
+          })]
+        }), showUnit && !initOrEnd && /* @__PURE__ */ jsx(Box, {
+          display: "flex",
+          gap: "4px",
+          alignItems: "baseline",
+          children: /* @__PURE__ */ jsx(Box, {
+            as: "span",
+            sx: detailTextStyle,
+            children: unitName
+          })
         })]
-      }), showUnit && !initOrEnd && /* @__PURE__ */ jsx(Box, {
-        display: "flex",
-        gap: "4px",
-        alignItems: "baseline",
-        children: /* @__PURE__ */ jsx(Box, {
-          as: "span",
-          sx: detailTextStyle,
-          children: unitName
-        })
       })]
     })]
   });