analytica-frontend-lib 1.1.0 → 1.1.2

package/dist/index.d.mts

@@ -32,7 +32,7 @@ export { MultipleChoiceList } from './MultipleChoice/index.mjs';
 export { default as IconRender } from './IconRender/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 { Breadcrumb, default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/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';

package/dist/index.d.ts

@@ -32,7 +32,7 @@ export { MultipleChoiceList } from './MultipleChoice/index.js';
 export { default as IconRender } from './IconRender/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 { Breadcrumb, default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/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';

package/dist/index.js

@@ -35,6 +35,7 @@ __export(src_exports, {
   AlternativesList: () => AlternativesList,
   AuthProvider: () => AuthProvider,
   Badge: () => Badge_default,
+  Breadcrumb: () => Breadcrumb,
   Button: () => Button_default,
   Calendar: () => Calendar_default,
   CardAccordation: () => CardAccordation,
@@ -6564,6 +6565,46 @@ var injectStore5 = (children, store) => import_react20.Children.map(children, (c
     ...typedChild.props.children ? { children: injectStore5(typedChild.props.children, store) } : {}
   });
 });
+var Breadcrumb = (0, import_react20.forwardRef)(
+  ({ currentPage, parentPageName, onBackClick, className, ...props }, ref) => {
+    const handleBackToParent = (0, import_react20.useCallback)(() => {
+      onBackClick();
+    }, [onBackClick]);
+    const breadcrumbClassName = `bg-transparent shadow-none !px-0 py-4 !-ml-2 ${typeof className === "string" ? className : ""}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      Menu,
+      {
+        variant: "breadcrumb",
+        defaultValue: "",
+        className: breadcrumbClassName,
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(MenuContent, { variant: "breadcrumb", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            MenuItem,
+            {
+              variant: "breadcrumb",
+              value: parentPageName.toLowerCase(),
+              onClick: handleBackToParent,
+              separator: true,
+              className: "text-text-600 underline cursor-pointer hover:text-text-950",
+              children: parentPageName
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            MenuItem,
+            {
+              variant: "breadcrumb",
+              value: currentPage.toLowerCase(),
+              className: "text-text-950 font-bold",
+              disabled: true,
+              children: currentPage
+            }
+          )
+        ] })
+      }
+    ) });
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
 var Menu_default = Menu;
 
 // src/components/Skeleton/Skeleton.tsx
@@ -7574,6 +7615,15 @@ var useQuizStore = (0, import_zustand7.create)()(
             (answer) => answer.questionId === questionId
           );
           return userAnswer ? userAnswer.answerStatus : null;
+        },
+        getQuestionIndex: (questionId) => {
+          const { getActiveQuiz } = get();
+          const activeQuiz = getActiveQuiz();
+          if (!activeQuiz) return 0;
+          const questionIndex = activeQuiz.quiz.questions.findIndex(
+            (q) => q.id === questionId
+          );
+          return questionIndex + 1;
         }
       };
     },
@@ -8416,7 +8466,8 @@ var QuizQuestionList = ({
   const {
     getQuestionsGroupedBySubject,
     goToQuestion,
-    getQuestionStatusFromUserAnswers
+    getQuestionStatusFromUserAnswers,
+    getQuestionIndex
   } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const getQuestionStatus = (questionId) => {
@@ -8443,13 +8494,6 @@ var QuizQuestionList = ({
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     {}
   );
-  const getQuestionIndex = (questionId) => {
-    const { bySimulated, byActivity, byQuestionary } = useQuizStore.getState();
-    const quiz = bySimulated ?? byActivity ?? byQuestionary;
-    if (!quiz) return 0;
-    const index = quiz.questions.findIndex((q) => q.id === questionId);
-    return index + 1;
-  };
   const getStatusLabel = (status) => {
     switch (status) {
       case "answered":
@@ -8787,9 +8831,7 @@ var QuizResultPerformance = (0, import_react25.forwardRef)(
     if (quiz) {
       quiz.questions.forEach((question) => {
         const userAnswerItem = getUserAnswerByQuestionId(question.id);
-        const userAnswer = userAnswerItem?.optionId;
-        const isCorrectOption = question?.options.find((op) => op.isCorrect);
-        const isCorrect = userAnswer && userAnswer === isCorrectOption?.id;
+        const isCorrect = userAnswerItem?.answerStatus == "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */;
         if (isCorrect) {
           correctAnswers++;
         }
@@ -8906,9 +8948,7 @@ var QuizListResult = (0, import_react25.forwardRef)(({ className, onSubjectClick
       questions.forEach((question) => {
         if (isQuestionAnswered(question.id)) {
           const userAnswerItem = getUserAnswerByQuestionId(question.id);
-          const userAnswer = userAnswerItem?.optionId;
-          const isCorrectOption = question?.options.find((op) => op.isCorrect);
-          if (userAnswer === isCorrectOption?.id) {
+          if (userAnswerItem?.answerStatus == "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */) {
             correct++;
           } else {
             incorrect++;
@@ -8943,28 +8983,36 @@ var QuizListResultByMateria = ({
   subject,
   onQuestionClick
 }) => {
-  const { getQuestionsGroupedBySubject, getUserAnswerByQuestionId } = useQuizStore();
+  const {
+    getQuestionsGroupedBySubject,
+    getUserAnswerByQuestionId,
+    getQuestionIndex
+  } = useQuizStore();
   const groupedQuestions = getQuestionsGroupedBySubject();
   const answeredQuestions = groupedQuestions[subject] || [];
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "w-full max-w-[1000px] flex flex-col mx-auto h-full relative not-lg:px-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: subject }) }),
     /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("section", { className: "flex flex-col ", children: [
       /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-        CardStatus,
-        {
-          className: "max-w-full",
-          header: `Quest\xE3o ${question.id}`,
-          status: (() => {
-            const userAnswer = getUserAnswerByQuestionId(question.id);
-            const isCorrectOption = question?.options.find(
-              (op) => op.isCorrect
-            );
-            return userAnswer && userAnswer.optionId === isCorrectOption?.id ? "correct" : "incorrect";
-          })(),
-          onClick: () => onQuestionClick?.(question)
-        }
-      ) }, question.id)) })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
+        const questionIndex = getQuestionIndex(question.id);
+        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          CardStatus,
+          {
+            className: "max-w-full",
+            header: `Quest\xE3o ${questionIndex.toString().padStart(2, "0")}`,
+            status: (() => {
+              const userAnswer = getUserAnswerByQuestionId(question.id);
+              if (userAnswer?.answerStatus === "RESPOSTA_CORRETA" /* RESPOSTA_CORRETA */)
+                return "correct";
+              if (userAnswer?.answerStatus === "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */)
+                return "incorrect";
+              return void 0;
+            })(),
+            onClick: () => onQuestionClick?.(question)
+          }
+        ) }, question.id);
+      }) })
     ] })
   ] });
 };
@@ -8975,6 +9023,7 @@ var QuizListResultByMateria = ({
   AlternativesList,
   AuthProvider,
   Badge,
+  Breadcrumb,
   Button,
   Calendar,
   CardAccordation,