analytica-frontend-lib 1.0.80 → 1.0.81

package/dist/index.d.mts

@@ -27,7 +27,7 @@ export { AlertDialog } from './AlertDialog/index.mjs';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger } from './DropdownMenu/index.mjs';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.mjs';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.mjs';
-export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTest, CardTopic } from './Card/index.mjs';
+export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardSimulationHistory, CardStatus, CardTest, CardTopic } from './Card/index.mjs';
 export { Skeleton, SkeletonCard, SkeletonCircle, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText } from './Skeleton/index.mjs';
 export { default as NotFound } from './NotFound/index.mjs';
 export { AuthProvider, ProtectedRoute, PublicRoute, getRootDomain, useAuth, useAuthGuard, useRouteAuth, withAuth } from './Auth/index.mjs';

package/dist/index.d.ts

@@ -27,7 +27,7 @@ export { AlertDialog } from './AlertDialog/index.js';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger } from './DropdownMenu/index.js';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.js';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.js';
-export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTest, CardTopic } from './Card/index.js';
+export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardSimulationHistory, CardStatus, CardTest, CardTopic } from './Card/index.js';
 export { Skeleton, SkeletonCard, SkeletonCircle, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText } from './Skeleton/index.js';
 export { default as NotFound } from './NotFound/index.js';
 export { AuthProvider, ProtectedRoute, PublicRoute, getRootDomain, useAuth, useAuthGuard, useRouteAuth, withAuth } from './Auth/index.js';

package/dist/index.js

@@ -34,6 +34,7 @@ __export(src_exports, {
   CardQuestions: () => CardQuestions,
   CardResults: () => CardResults,
   CardSimulado: () => CardSimulado,
+  CardSimulationHistory: () => CardSimulationHistory,
   CardStatus: () => CardStatus,
   CardTest: () => CardTest,
   CardTopic: () => CardTopic,
@@ -4221,6 +4222,166 @@ var CardTest = (0, import_react11.forwardRef)(
     );
   }
 );
+var SIMULATION_TYPE_STYLES = {
+  enem: {
+    background: "bg-exam-1",
+    badge: "exam1",
+    text: "Enem"
+  },
+  prova: {
+    background: "bg-exam-2",
+    badge: "exam2",
+    text: "Prova"
+  },
+  simulado: {
+    background: "bg-exam-3",
+    badge: "exam3",
+    text: "Simulado"
+  },
+  vestibular: {
+    background: "bg-exam-4",
+    badge: "exam4",
+    text: "Vestibular"
+  }
+};
+var CardSimulationHistory = (0, import_react11.forwardRef)(
+  ({
+    title = "Simulados",
+    activeTab = "history",
+    data,
+    onTabChange,
+    onSimulationClick,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      "div",
+      {
+        ref,
+        className: `w-full max-w-[992px] h-auto ${className}`,
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row items-end justify-between gap-4 mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "2xl", weight: "bold", className: "text-text-950 flex-1", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onTabChange?.("create"),
+                  className: `
+                flex flex-row justify-center items-center px-4 py-3 gap-2 rounded-md relative
+                ${activeTab === "create" ? "text-text-950" : "text-text-950 hover:bg-background-50"}
+              `,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "xs", weight: "bold", className: "leading-4 tracking-wide", children: "Criar Simulado" }),
+                    activeTab === "create" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute bottom-0 left-2 right-2 h-1 bg-primary-950 rounded-lg" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onTabChange?.("history"),
+                  className: `
+                flex flex-row justify-center items-center px-4 py-3 gap-2 rounded-md relative
+                ${activeTab === "history" ? "text-text-950" : "text-text-950 hover:bg-background-50"}
+              `,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default, { size: "xs", weight: "bold", className: "leading-4 tracking-wide", children: "Hist\xF3rico" }),
+                    activeTab === "history" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute bottom-0 left-2 right-2 h-1 bg-primary-950 rounded-lg" })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-0", children: [
+            data.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+              "div",
+              {
+                className: `
+                  flex flex-row justify-center items-start px-4 py-6 gap-2 w-full bg-white
+                  ${sectionIndex === 0 ? "rounded-t-3xl" : ""}
+                `,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    Text_default,
+                    {
+                      size: "xs",
+                      weight: "bold",
+                      className: "text-text-800 w-11 flex-shrink-0",
+                      children: section.date
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
+                    const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
+                    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                      CardBase,
+                      {
+                        layout: "horizontal",
+                        padding: "medium",
+                        minHeight: "none",
+                        cursor: "pointer",
+                        className: `
+                          ${typeStyles.background} rounded-xl hover:shadow-soft-shadow-2 
+                          transition-shadow duration-200 h-auto min-h-[61px]
+                        `,
+                        onClick: () => onSimulationClick?.(simulation),
+                        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-between items-center w-full gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                              Text_default,
+                              {
+                                size: "lg",
+                                weight: "bold",
+                                className: "text-text-950 truncate",
+                                children: simulation.title
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                                Badge_default,
+                                {
+                                  variant: "examsOutlined",
+                                  action: typeStyles.badge,
+                                  size: "medium",
+                                  children: typeStyles.text
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                                Text_default,
+                                {
+                                  size: "sm",
+                                  className: "text-text-800 truncate",
+                                  children: simulation.info
+                                }
+                              )
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                            import_phosphor_react10.CaretRight,
+                            {
+                              size: 24,
+                              className: "text-text-800 flex-shrink-0",
+                              "data-testid": "caret-icon"
+                            }
+                          )
+                        ] })
+                      },
+                      simulation.id
+                    );
+                  }) })
+                ]
+              }
+            ) }, section.date)),
+            data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-full h-6 bg-white rounded-b-3xl" })
+          ] })
+        ]
+      }
+    );
+  }
+);
 
 // src/components/Accordation/Accordation.tsx
 var import_phosphor_react11 = require("phosphor-react");
@@ -6176,6 +6337,7 @@ function useApiConfig(api) {
   CardQuestions,
   CardResults,
   CardSimulado,
+  CardSimulationHistory,
   CardStatus,
   CardTest,
   CardTopic,