@eclass/ui-kit 1.57.0 → 1.57.2

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

@@ -1763,6 +1763,7 @@ function BtnLink({
   fontSize = "0.875rem",
   href = "",
   id,
+  isDisable = false,
   m: m2 = "0",
   onClick,
   role = "link",
@@ -1773,7 +1774,7 @@ function BtnLink({
 }) {
   const typeButton = {
     button: {
-      onClick,
+      onClick: isDisable ? void 0 : onClick,
       target
     },
     a: {
@@ -1782,22 +1783,24 @@ function BtnLink({
     }
   };
   return /* @__PURE__ */ jsx(Box, {
+    "aria-label": ariaLabel,
     as,
     autoFocus: false,
-    "aria-label": ariaLabel,
-    id,
-    role,
     backgroundColor: "transparent",
     borderStyle: "none",
     className: "linkButton",
     color: vars("colors-main-deepSkyBlue"),
+    cursor: isDisable ? "not-allowed" : "pointer",
     fontFamily: "Roboto",
+    fontSize,
     fontStyle: "normal",
     fontWeight: "500",
-    fontSize,
+    id,
     lineHeight: "1rem",
-    onClick,
+    onClick: isDisable ? void 0 : onClick,
+    opacity: isDisable ? 0.5 : 1,
     padding: ".25em",
+    role,
     tabIndex,
     textDecorationLine: textDecorationLine ? "underline" : "none",
     width: "fit-content",
@@ -6794,6 +6797,7 @@ function Alert({
     p: "1rem",
     pr: canDismiss ? "1.75rem" : "1rem",
     position: "relative",
+    boxShadow: isFlash ? "0px 2px 8px 0px #5C5C5C33" : "",
     sx,
     children: [/* @__PURE__ */ jsxs(Box, {
       display: "flex",
@@ -7266,10 +7270,10 @@ function FlashNotification({
   message,
   state,
   show,
-  m: m2,
-  width
+  m: m2
 }) {
   const [shouldRenderToaster, setShouldRenderToaster] = useState(false);
+  const [isMobile] = useMediaQuery("(max-width: 425px)");
   useEffect(() => {
     if (typeof window !== "undefined" && !window[GLOBAL_TOASTER_FLAG]) {
       window[GLOBAL_TOASTER_FLAG] = true;
@@ -7282,15 +7286,21 @@ function FlashNotification({
       state,
       canDismiss: true,
       onClick: () => n.dismiss(t2.id),
-      width,
-      maxContent: !width,
       m: m2,
+      sx: {
+        w: "initial",
+        maxWidth: "initial",
+        ...isMobile && {
+          margin: "-4px -10px",
+          borderRadius: 0
+        }
+      },
       children: message
     }), {
       duration: state === "success" ? handleTime(message) : Infinity,
       id: alertStates[state].id
     });
-  }, [message, state, width, m2]);
+  }, [message, state, m2]);
   useEffect(() => {
     if (show) {
       showToast();
@@ -7304,13 +7314,24 @@ function FlashNotification({
         style: {
           background: "transparent",
           boxShadow: "none",
-          maxWidth: width != null ? width : "max-content"
+          maxWidth: "100vw",
+          padding: 0,
+          margin: 0
         }
+      },
+      containerStyle: {
+        left: 0,
+        right: 0,
+        ...isMobile && {
+          top: 0
+        },
+        padding: 0,
+        margin: 0
       }
     })
   });
 }
-const useFlashNotification = ({ state, message, width }) => {
+const useFlashNotification = ({ state, message }) => {
   const [show, setShow] = useState(false);
   useEffect(() => {
     if (show) {
@@ -7331,8 +7352,7 @@ const useFlashNotification = ({ state, message, width }) => {
     active,
     config: {
       state,
-      message,
-      width
+      message
     }
   };
 };
@@ -7579,6 +7599,7 @@ const ModalAlertContent = ({
   children
 }) => {
   const [isDesktop] = useMediaQuery("(min-width: 641px)");
+  const descriptionParsed = typeof description === "string" ? ReactParser(purify.sanitize(description)) : description;
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs(ModalBody, {
       p: "32px",
@@ -7604,7 +7625,7 @@ const ModalAlertContent = ({
         fontSize: "16px",
         lineHeight: "24px",
         mb: 0,
-        children: description
+        children: descriptionParsed
       })]
     }), type !== "loading" && children ? children : /* @__PURE__ */ jsx(Fragment, {})]
   });