analytica-frontend-lib 1.0.80 → 1.0.82

package/dist/Accordation/index.js

@@ -1709,6 +1709,112 @@ var CardTest = (0, import_react.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_react.forwardRef)(({ data, onSimulationClick, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      ref,
+      className: `w-full max-w-[992px] h-auto ${className}`,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-0", children: [
+        data.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)(
+                Text_default,
+                {
+                  size: "xs",
+                  weight: "bold",
+                  className: "text-text-800 w-11 flex-shrink-0",
+                  children: section.date
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.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_runtime5.jsxs)("div", { className: "flex justify-between items-center w-full gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                          Text_default,
+                          {
+                            size: "lg",
+                            weight: "bold",
+                            className: "text-text-950 truncate",
+                            children: simulation.title
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                            Badge_default,
+                            {
+                              variant: "examsOutlined",
+                              action: typeStyles.badge,
+                              size: "medium",
+                              children: typeStyles.text
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        import_phosphor_react2.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_runtime5.jsx)("div", { className: "w-full h-6 bg-white rounded-b-3xl" })
+      ] })
+    }
+  );
+});
 
 // src/components/Accordation/Accordation.tsx
 var import_phosphor_react3 = require("phosphor-react");