analytica-frontend-lib 1.1.84 → 1.1.86

package/dist/index.js

@@ -9240,7 +9240,7 @@ var Whiteboard = ({
       "div",
       {
         className: cn(
-          "flex items-center justify-center p-8 bg-background border border-gray-100 rounded-xl",
+          "flex items-center justify-center p-8 bg-background border border-border-50 rounded-xl",
           className
         ),
         ...rest,
@@ -9252,7 +9252,7 @@ var Whiteboard = ({
     "div",
     {
       className: cn(
-        "flex flex-col bg-background border border-gray-100 p-4 gap-2 rounded-xl w-fit mx-auto",
+        "flex flex-col bg-background border border-border-50 p-4 gap-2 rounded-xl w-fit mx-auto",
         className
       ),
       ...rest,
@@ -11535,80 +11535,83 @@ var Quiz = (0, import_react36.forwardRef)(({ children, className, variant = "def
   }, [variant, setVariant]);
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children });
 });
-var QuizTitle = (0, import_react36.forwardRef)(
-  ({ className, ...props }, ref) => {
-    const {
-      quiz,
-      currentQuestionIndex,
-      getTotalQuestions,
-      getQuizTitle,
-      timeElapsed,
-      formatTime: formatTime2,
-      isStarted
-    } = useQuizStore();
-    const [showExitConfirmation, setShowExitConfirmation] = (0, import_react36.useState)(false);
-    const totalQuestions = getTotalQuestions();
-    const quizTitle = getQuizTitle();
-    const handleBackClick = () => {
-      if (isStarted) {
-        setShowExitConfirmation(true);
-      } else {
-        window.history.back();
-      }
-    };
-    const handleConfirmExit = () => {
-      setShowExitConfirmation(false);
+var QuizTitle = (0, import_react36.forwardRef)(({ className, onBack, ...props }, ref) => {
+  const {
+    quiz,
+    currentQuestionIndex,
+    getTotalQuestions,
+    getQuizTitle,
+    timeElapsed,
+    formatTime: formatTime2,
+    isStarted
+  } = useQuizStore();
+  const [showExitConfirmation, setShowExitConfirmation] = (0, import_react36.useState)(false);
+  const totalQuestions = getTotalQuestions();
+  const quizTitle = getQuizTitle();
+  const handleBackClick = () => {
+    if (isStarted) {
+      setShowExitConfirmation(true);
+    } else {
+      actionOnBack();
+    }
+  };
+  const handleConfirmExit = () => {
+    setShowExitConfirmation(false);
+    actionOnBack();
+  };
+  const actionOnBack = () => {
+    if (onBack) {
+      onBack();
+    } else {
       window.history.back();
-    };
-    const handleCancelExit = () => {
-      setShowExitConfirmation(false);
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-        "div",
-        {
-          ref,
-          className: cn(
-            "flex flex-row justify-between items-center relative p-2",
-            className
-          ),
-          ...props,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-              IconButton_default,
-              {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.CaretLeft, { size: 24 }),
-                size: "md",
-                "aria-label": "Voltar",
-                onClick: handleBackClick
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-        AlertDialog,
-        {
-          isOpen: showExitConfirmation,
-          onChangeOpen: setShowExitConfirmation,
-          title: "Deseja sair?",
-          description: getExitConfirmationText(
-            quiz?.type || "SIMULADO" /* SIMULADO */
+    }
+  };
+  const handleCancelExit = () => {
+    setShowExitConfirmation(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex flex-row justify-between items-center relative p-2",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            IconButton_default,
+            {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.CaretLeft, { size: 24 }),
+              size: "md",
+              "aria-label": "Voltar",
+              onClick: handleBackClick
+            }
           ),
-          cancelButtonLabel: "Voltar e revisar",
-          submitButtonLabel: "Sair Mesmo Assim",
-          onSubmit: handleConfirmExit,
-          onCancel: handleCancelExit
-        }
-      )
-    ] });
-  }
-);
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react25.Clock, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      AlertDialog,
+      {
+        isOpen: showExitConfirmation,
+        onChangeOpen: setShowExitConfirmation,
+        title: "Deseja sair?",
+        description: getExitConfirmationText(quiz?.type || "SIMULADO" /* SIMULADO */),
+        cancelButtonLabel: "Voltar e revisar",
+        submitButtonLabel: "Sair Mesmo Assim",
+        onSubmit: handleConfirmExit,
+        onCancel: handleCancelExit
+      }
+    )
+  ] });
+});
 var QuizHeader = () => {
   const { getCurrentQuestion, currentQuestionIndex } = useQuizStore();
   const currentQuestion = getCurrentQuestion();