@eclass/ui-kit 1.64.0 → 1.64.1

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

@@ -3566,8 +3566,8 @@ function BoxTraditional({
   });
 }
 BoxTraditional.displayName = "BoxTraditional";
-const StyledLinkBox = LinkBox;
-const StyledLinkOverlay = LinkOverlay;
+const StyledLinkBox$1 = LinkBox;
+const StyledLinkOverlay$1 = LinkOverlay;
 function WithRipples({
   enabled,
   children
@@ -3607,7 +3607,7 @@ function BoxImage({
   };
   return /* @__PURE__ */ jsx(WithRipples, {
     enabled: isClickable,
-    children: /* @__PURE__ */ jsxs(StyledLinkBox, {
+    children: /* @__PURE__ */ jsxs(StyledLinkBox$1, {
       className: "CourseList-ImageBox",
       _focusVisible: {
         boxShadow: `0 0 0 3px ${vars("colors-alert-deepSkyBlue")} inset`
@@ -3637,7 +3637,7 @@ function BoxImage({
       "aria-label": hasCustomClick ? title : void 0,
       role: hasCustomClick ? "button" : void 0,
       onKeyDown: hasCustomClick ? handleKeyDown : void 0,
-      children: [(hasCustomClick || !(data == null ? void 0 : data.hasFinanzeFreezed)) && isClickable && (hasHref || hasCustomClick) && /* @__PURE__ */ jsx(StyledLinkOverlay, {
+      children: [(hasCustomClick || !(data == null ? void 0 : data.hasFinanzeFreezed)) && isClickable && (hasHref || hasCustomClick) && /* @__PURE__ */ jsx(StyledLinkOverlay$1, {
         "data-testid": "course-link-overlay",
         href: hasHref ? (_e = data == null ? void 0 : data.action) == null ? void 0 : _e.href : void 0,
         isExternal: hasHref && ((_f = data == null ? void 0 : data.action) == null ? void 0 : _f.targetBlank),
@@ -11543,53 +11543,66 @@ const ShareAndReviewModal = ({
 const StyledText = Text$1;
 const StyledFlex = Flex;
 const StyledImage = Image;
+const StyledLinkBox = LinkBox;
+const StyledLinkOverlay = LinkOverlay;
 const SimpleCourseBox = ({
-  img,
   courseName,
+  href,
+  img,
   icon,
-  label
+  label,
+  noLink = false
 }) => {
-  return /* @__PURE__ */ jsxs(StyledFlex, {
-    alignItems: "center",
-    justifyContent: "space-between",
-    p: "16px 0",
+  const link = noLink || !href || href === "" ? void 0 : href;
+  return /* @__PURE__ */ jsx(StyledLinkBox, {
+    p: "16px",
     borderBottom: `1px solid ${vars("colors-neutral-platinum")}`,
-    children: [/* @__PURE__ */ jsxs(StyledFlex, {
-      gap: "24px",
+    _hover: {
+      backgroundColor: link ? vars("colors-neutral-cultured2") : "none",
+      cursor: link ? "pointer" : "default"
+    },
+    children: /* @__PURE__ */ jsxs(StyledLinkOverlay, {
+      href: link,
+      display: "flex",
       alignItems: "center",
-      children: [/* @__PURE__ */ jsx(StyledImage, {
-        src: img,
-        w: "150px",
-        h: "74px",
-        borderRadius: "10px"
-      }), /* @__PURE__ */ jsxs(StyledFlex, {
-        flexDirection: "column",
-        gap: "8px",
-        justifyContent: "center",
-        children: [/* @__PURE__ */ jsx("strong", {
-          children: courseName
-        }), icon && label && /* @__PURE__ */ jsxs(StyledText, {
-          m: "0",
-          fontSize: "14px",
-          lineHeight: "19px",
-          display: "flex",
-          gap: "10px",
-          maxW: "395px",
-          sx: {
-            svg: {
-              verticalAlign: "top"
-            }
-          },
-          children: [/* @__PURE__ */ jsx(IconSelection, {
-            type: icon
-          }), " ", label]
+      justifyContent: "space-between",
+      children: [/* @__PURE__ */ jsxs(StyledFlex, {
+        gap: "24px",
+        alignItems: "center",
+        children: [/* @__PURE__ */ jsx(StyledImage, {
+          src: img,
+          w: "150px",
+          h: "74px",
+          borderRadius: "10px"
+        }), /* @__PURE__ */ jsxs(StyledFlex, {
+          flexDirection: "column",
+          gap: "8px",
+          justifyContent: "center",
+          children: [/* @__PURE__ */ jsx("strong", {
+            children: courseName
+          }), icon && label && /* @__PURE__ */ jsxs(StyledText, {
+            m: "0",
+            fontSize: "14px",
+            lineHeight: "19px",
+            display: "flex",
+            gap: "10px",
+            maxW: "395px",
+            sx: {
+              svg: {
+                verticalAlign: "top"
+              }
+            },
+            children: [/* @__PURE__ */ jsx(IconSelection, {
+              type: icon
+            }), " ", label]
+          })]
         })]
+      }), link && /* @__PURE__ */ jsx(Box, {
+        children: /* @__PURE__ */ jsx(ArrowRight, {
+          color: "#60798E"
+        })
       })]
-    }), /* @__PURE__ */ jsx(Box, {
-      children: /* @__PURE__ */ jsx(ArrowRight, {
-        color: "#60798E"
-      })
-    })]
+    })
   });
 };
 export { Alert, Btn, BtnLink, BtnPrimary, BtnSecondary, BtnTertiary, CalendarDropdown, CourseList, CourseStatus, Eventos, EventsList, FlashNotification, index$1 as Icons, Label, Modal, ModalAlert, ModalAlertButtons, ModalAlertNew, ModalButtons, ModalCard, ModalCardContent, ModalContent, ModalMultiple, ModalSimple, NavBarButton, NewTooltip, Progress, Resources, Ripples, ShareAndReviewModal, SimpleCourseBox, TinyAlert, UserDropdown, UserWay, UserWayCookie, dataFake, maxWidthCoursesList, theme, useFlashNotification, vars };