analytica-frontend-lib 1.0.79 → 1.0.81

package/dist/Accordation/index.js

@@ -110,6 +110,12 @@ var VARIANT_ACTION_CLASSES2 = {
     exam3: "bg-exam-3 text-typography-2 focus-visible:outline-none",
     exam4: "bg-exam-4 text-success-700 focus-visible:outline-none"
   },
+  examsOutlined: {
+    exam1: "bg-exam-1 text-info-700 border border-info-700 focus-visible:outline-none",
+    exam2: "bg-exam-2 text-typography-1 border border-typography-1 focus-visible:outline-none",
+    exam3: "bg-exam-3 text-typography-2 border border-typography-2 focus-visible:outline-none",
+    exam4: "bg-exam-4 text-success-700 border border-success-700 focus-visible:outline-none"
+  },
   resultStatus: {
     negative: "bg-error text-error-800 focus-visible:outline-none",
     positive: "bg-success text-success-800 focus-visible:outline-none"
@@ -1703,6 +1709,166 @@ 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)(
+  ({
+    title = "Simulados",
+    activeTab = "history",
+    data,
+    onTabChange,
+    onSimulationClick,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "div",
+      {
+        ref,
+        className: `w-full max-w-[992px] h-auto ${className}`,
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row items-end justify-between gap-4 mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "2xl", weight: "bold", className: "text-text-950 flex-1", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)(Text_default, { size: "xs", weight: "bold", className: "leading-4 tracking-wide", children: "Criar Simulado" }),
+                    activeTab === "create" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute bottom-0 left-2 right-2 h-1 bg-primary-950 rounded-lg" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)(Text_default, { size: "xs", weight: "bold", className: "leading-4 tracking-wide", children: "Hist\xF3rico" }),
+                    activeTab === "history" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute bottom-0 left-2 right-2 h-1 bg-primary-950 rounded-lg" })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__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");