analytica-frontend-lib 1.0.66 → 1.0.68

package/dist/Card/index.d.mts

@@ -114,5 +114,12 @@ interface CardAudioProps extends HTMLAttributes<HTMLDivElement> {
     }>;
 }
 declare const CardAudio: react.ForwardRefExoticComponent<CardAudioProps & react.RefAttributes<HTMLDivElement>>;
+interface CardSimuladoProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    duration?: string;
+    info: string;
+    backgroundColor: 'enem' | 'prova' | 'simuladao' | 'vestibular';
+}
+declare const CardSimulado: react.ForwardRefExoticComponent<CardSimuladoProps & react.RefAttributes<HTMLDivElement>>;
 
-export { CardActivitiesResults, CardAudio, CardBase, CardForum, CardPerformance, CardProgress, CardQuestions, CardResults, CardSettings, CardStatus, CardSupport, CardTopic };
+export { CardActivitiesResults, CardAudio, CardBase, CardForum, CardPerformance, CardProgress, CardQuestions, CardResults, CardSettings, CardSimulado, CardStatus, CardSupport, CardTopic };

package/dist/Card/index.d.ts

@@ -114,5 +114,12 @@ interface CardAudioProps extends HTMLAttributes<HTMLDivElement> {
     }>;
 }
 declare const CardAudio: react.ForwardRefExoticComponent<CardAudioProps & react.RefAttributes<HTMLDivElement>>;
+interface CardSimuladoProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    duration?: string;
+    info: string;
+    backgroundColor: 'enem' | 'prova' | 'simuladao' | 'vestibular';
+}
+declare const CardSimulado: react.ForwardRefExoticComponent<CardSimuladoProps & react.RefAttributes<HTMLDivElement>>;
 
-export { CardActivitiesResults, CardAudio, CardBase, CardForum, CardPerformance, CardProgress, CardQuestions, CardResults, CardSettings, CardStatus, CardSupport, CardTopic };
+export { CardActivitiesResults, CardAudio, CardBase, CardForum, CardPerformance, CardProgress, CardQuestions, CardResults, CardSettings, CardSimulado, CardStatus, CardSupport, CardTopic };

package/dist/Card/index.js

@@ -29,6 +29,7 @@ __export(Card_exports, {
   CardQuestions: () => CardQuestions,
   CardResults: () => CardResults,
   CardSettings: () => CardSettings,
+  CardSimulado: () => CardSimulado,
   CardStatus: () => CardStatus,
   CardSupport: () => CardSupport,
   CardTopic: () => CardTopic
@@ -1162,42 +1163,32 @@ var CardResults = (0, import_react.forwardRef)(
 );
 var CardStatus = (0, import_react.forwardRef)(
   ({ header, className, status, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       CardBase,
       {
         ref,
         layout: "horizontal",
-        padding: "none",
+        padding: "medium",
         minHeight: "medium",
-        className: `items-center pr-4 ${className}`,
+        className: `items-center ${className}`,
         ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-            "div",
-            {
-              className: `
-            p-4 flex justify-between w-full h-full flex-row items-center gap-2
-          `,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
-                status && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex flex-row gap-1 items-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                    Badge_default,
-                    {
-                      action: status == "correct" ? "success" : "error",
-                      variant: "solid",
-                      size: "medium",
-                      iconLeft: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CheckCircle, {}),
-                      children: status == "correct" ? "Correta" : "Incorreta"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-text-800", children: "Respondida" })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer" })
-        ]
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+          status && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              Badge_default,
+              {
+                action: status == "correct" ? "success" : "error",
+                variant: "solid",
+                size: "medium",
+                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CheckCircle, {}),
+                children: status == "correct" ? "Correta" : "Incorreta"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-text-800", children: "Respondida" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
+        ] })
       }
     );
   }
@@ -1559,6 +1550,49 @@ var CardAudio = (0, import_react.forwardRef)(
     );
   }
 );
+var SIMULADO_BACKGROUND_CLASSES = {
+  enem: "bg-exam-1",
+  prova: "bg-exam-2",
+  simuladao: "bg-exam-3",
+  vestibular: "bg-exam-4"
+};
+var CardSimulado = (0, import_react.forwardRef)(
+  ({ title, duration, info, backgroundColor, className, ...props }, ref) => {
+    const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      CardBase,
+      {
+        ref,
+        layout: "horizontal",
+        padding: "medium",
+        minHeight: "none",
+        cursor: "pointer",
+        className: `${backgroundClass} hover:shadow-soft-shadow-2 transition-shadow duration-200 ${className}`,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.Clock, { size: 16, className: "flex-shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "sm", children: duration })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_phosphor_react2.CaretRight,
+            {
+              size: 24,
+              className: "text-text-800 flex-shrink-0",
+              "data-testid": "caret-icon"
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CardActivitiesResults,
@@ -1570,6 +1604,7 @@ var CardAudio = (0, import_react.forwardRef)(
   CardQuestions,
   CardResults,
   CardSettings,
+  CardSimulado,
   CardStatus,
   CardSupport,
   CardTopic