analytica-frontend-lib 1.2.30 → 1.2.32

package/dist/index.mjs

@@ -11445,7 +11445,7 @@ var useTableFilter = (initialConfigs, options = {}) => {
 };
 
 // src/components/ActivityFilters/ActivityFilters.tsx
-import { useState as useState22, useEffect as useEffect22, useMemo as useMemo10, useCallback as useCallback4 } from "react";
+import { useState as useState22, useEffect as useEffect22, useMemo as useMemo10, useCallback as useCallback4, useRef as useRef12 } from "react";
 import { jsx as jsx58, jsxs as jsxs45 } from "react/jsx-runtime";
 var questionTypes = [
   "ALTERNATIVA" /* ALTERNATIVA */,
@@ -11458,11 +11458,13 @@ var questionTypes = [
 ];
 var QuestionTypeFilter = ({
   selectedTypes,
-  onToggleType
+  onToggleType,
+  allowedQuestionTypes
 }) => {
+  const availableQuestionTypes = allowedQuestionTypes || questionTypes;
   return /* @__PURE__ */ jsxs45("div", { children: [
     /* @__PURE__ */ jsx58(Text_default, { size: "sm", weight: "bold", className: "mb-3 block", children: "Tipo de quest\xE3o" }),
-    /* @__PURE__ */ jsx58("div", { className: "grid grid-cols-2 gap-2", children: questionTypes.map((questionType) => /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx58("div", { className: "grid grid-cols-2 gap-2", children: availableQuestionTypes.map((questionType) => /* @__PURE__ */ jsx58(
       Chips_default,
       {
         selected: selectedTypes.includes(questionType),
@@ -11473,10 +11475,11 @@ var QuestionTypeFilter = ({
     )) })
   ] });
 };
-var BanksFilter = ({
+var BanksAndYearsFilter = ({
   banks,
-  selectedBanks,
-  onToggleBank,
+  bankYears,
+  bankCategories,
+  onBankCategoriesChange,
   loading = false,
   error = null
 }) => {
@@ -11486,18 +11489,21 @@ var BanksFilter = ({
   if (error) {
     return /* @__PURE__ */ jsx58(Text_default, { size: "sm", className: "text-text-600", children: error });
   }
-  if (banks.length === 0) {
+  if (banks.length === 0 && bankYears.length === 0) {
     return /* @__PURE__ */ jsx58(Text_default, { size: "sm", className: "text-text-600", children: "Nenhuma banca encontrada" });
   }
-  return /* @__PURE__ */ jsx58("div", { className: "grid grid-cols-2 gap-2", children: banks.map((bank) => /* @__PURE__ */ jsx58(
-    Chips_default,
-    {
-      selected: selectedBanks.includes(bank.examInstitution),
-      onClick: () => onToggleBank(bank.examInstitution),
-      children: bank.examInstitution
-    },
-    bank.examInstitution
-  )) });
+  if (bankCategories.length > 0) {
+    return /* @__PURE__ */ jsx58(
+      CheckboxGroup,
+      {
+        categories: bankCategories,
+        onCategoriesChange: onBankCategoriesChange,
+        compactSingleItem: true,
+        showSingleItem: true
+      }
+    );
+  }
+  return null;
 };
 var SubjectsFilter = ({
   knowledgeAreas,
@@ -11546,38 +11552,10 @@ var SubjectsFilter = ({
     area.id
   )) });
 };
-var KnowledgeSummary = ({
-  knowledgeStructure,
-  selectedKnowledgeSummary
-}) => {
-  return /* @__PURE__ */ jsxs45("div", { className: "mt-4 p-3 bg-background-50 rounded-lg border border-border-200", children: [
-    /* @__PURE__ */ jsx58(Text_default, { size: "sm", weight: "bold", className: "mb-2 block", children: "Resumo da sele\xE7\xE3o" }),
-    /* @__PURE__ */ jsxs45("div", { className: "flex flex-col gap-2", children: [
-      knowledgeStructure.topics.length === 1 && /* @__PURE__ */ jsxs45("div", { children: [
-        /* @__PURE__ */ jsx58(Text_default, { size: "xs", weight: "medium", className: "text-text-600", children: "Tema:" }),
-        /* @__PURE__ */ jsx58("div", { className: "flex flex-wrap gap-1 mt-1", children: selectedKnowledgeSummary.topics.map((topic) => /* @__PURE__ */ jsx58(Chips_default, { selected: true, children: topic }, topic)) })
-      ] }),
-      knowledgeStructure.subtopics.length === 1 && /* @__PURE__ */ jsxs45("div", { children: [
-        /* @__PURE__ */ jsx58(Text_default, { size: "xs", weight: "medium", className: "text-text-600", children: "Subtema:" }),
-        /* @__PURE__ */ jsx58("div", { className: "flex flex-wrap gap-1 mt-1", children: selectedKnowledgeSummary.subtopics.map((subtopic) => /* @__PURE__ */ jsx58(Chips_default, { selected: true, children: subtopic }, subtopic)) })
-      ] }),
-      knowledgeStructure.contents.length === 1 && /* @__PURE__ */ jsxs45("div", { children: [
-        /* @__PURE__ */ jsx58(Text_default, { size: "xs", weight: "medium", className: "text-text-600", children: "Assunto:" }),
-        /* @__PURE__ */ jsx58("div", { className: "flex flex-wrap gap-1 mt-1", children: selectedKnowledgeSummary.contents.map((content) => /* @__PURE__ */ jsx58(Chips_default, { selected: true, children: content }, content)) })
-      ] })
-    ] })
-  ] });
-};
 var KnowledgeStructureFilter = ({
   knowledgeStructure,
   knowledgeCategories,
-  handleCategoriesChange,
-  selectedKnowledgeSummary = {
-    topics: [],
-    subtopics: [],
-    contents: []
-  },
-  enableSummary = false
+  handleCategoriesChange
 }) => {
   return /* @__PURE__ */ jsxs45("div", { className: "mt-4", children: [
     /* @__PURE__ */ jsx58(Text_default, { size: "sm", weight: "bold", className: "mb-3 block", children: "Tema, Subtema e Assunto" }),
@@ -11587,17 +11565,12 @@ var KnowledgeStructureFilter = ({
       CheckboxGroup,
       {
         categories: knowledgeCategories,
-        onCategoriesChange: handleCategoriesChange
+        onCategoriesChange: handleCategoriesChange,
+        compactSingleItem: false,
+        showSingleItem: true
       }
     ),
-    !knowledgeStructure.loading && knowledgeCategories.length === 0 && knowledgeStructure.topics.length === 0 && /* @__PURE__ */ jsx58(Text_default, { size: "sm", className: "text-text-600", children: "Nenhum tema dispon\xEDvel para as mat\xE9rias selecionadas" }),
-    enableSummary && /* @__PURE__ */ jsx58(
-      KnowledgeSummary,
-      {
-        knowledgeStructure,
-        selectedKnowledgeSummary
-      }
-    )
+    !knowledgeStructure.loading && knowledgeCategories.length === 0 && knowledgeStructure.topics.length === 0 && /* @__PURE__ */ jsx58(Text_default, { size: "sm", className: "text-text-600", children: "Nenhum tema dispon\xEDvel para as mat\xE9rias selecionadas" })
   ] });
 };
 var FilterActions = ({
@@ -11617,6 +11590,7 @@ var ActivityFilters = ({
   variant = "default",
   // Data
   banks = [],
+  bankYears = [],
   knowledgeAreas = [],
   knowledgeStructure = {
     topics: [],
@@ -11626,6 +11600,8 @@ var ActivityFilters = ({
     error: null
   },
   knowledgeCategories = [],
+  // Question types
+  allowedQuestionTypes,
   // Loading states
   loadingBanks = false,
   loadingKnowledge: _loadingKnowledge = false,
@@ -11641,19 +11617,47 @@ var ActivityFilters = ({
   loadContents: _loadContents,
   // Handlers
   handleCategoriesChange,
-  selectedKnowledgeSummary = {
-    topics: [],
-    subtopics: [],
-    contents: []
-  },
-  enableSummary = false,
   // Action buttons
   onClearFilters,
   onApplyFilters
 }) => {
   const [selectedQuestionTypes, setSelectedQuestionTypes] = useState22([]);
-  const [selectedBanks, setSelectedBanks] = useState22([]);
   const [selectedSubject, setSelectedSubject] = useState22(null);
+  const prevAllowedQuestionTypesRef = useRef12(null);
+  useEffect22(() => {
+    if (!allowedQuestionTypes || allowedQuestionTypes.length === 0) {
+      prevAllowedQuestionTypesRef.current = null;
+      return;
+    }
+    const currentKey = allowedQuestionTypes.slice().sort((a, b) => {
+      return a === b ? 0 : allowedQuestionTypes.indexOf(a) - allowedQuestionTypes.indexOf(b);
+    }).join(",");
+    const prevKey = prevAllowedQuestionTypesRef.current;
+    if (currentKey === prevKey) {
+      return;
+    }
+    prevAllowedQuestionTypesRef.current = currentKey;
+    setSelectedQuestionTypes((prev) => {
+      const filtered = prev.filter(
+        (type) => allowedQuestionTypes.includes(type)
+      );
+      if (filtered.length !== prev.length) {
+        return filtered;
+      }
+      const prevSet = new Set(prev);
+      const filteredSet = new Set(filtered);
+      if (prevSet.size !== filteredSet.size) {
+        return filtered;
+      }
+      for (const item of prevSet) {
+        if (!filteredSet.has(item)) {
+          return filtered;
+        }
+      }
+      return prev;
+    });
+  }, [allowedQuestionTypes]);
+  const [bankCategories, setBankCategories] = useState22([]);
   const selectedSubjects = useMemo10(
     () => selectedSubject ? [selectedSubject] : [],
     [selectedSubject]
@@ -11661,12 +11665,38 @@ var ActivityFilters = ({
   const toggleQuestionType = (questionType) => {
     setSelectedQuestionTypes((prev) => toggleArrayItem(prev, questionType));
   };
-  const toggleBank = (bankName) => {
-    setSelectedBanks((prev) => toggleArrayItem(prev, bankName));
-  };
   const handleSubjectChange = (subjectId) => {
     setSelectedSubject(toggleSingleValue(selectedSubject, subjectId));
   };
+  const handleBankCategoriesChange = (updatedCategories) => {
+    setBankCategories(updatedCategories);
+  };
+  useEffect22(() => {
+    setBankCategories((prevCategories) => {
+      const bankCategory = {
+        key: "banca",
+        label: "Banca",
+        itens: banks.map((bank) => ({
+          id: bank.id,
+          name: bank.name || bank.examInstitution
+        })),
+        selectedIds: prevCategories.find((c) => c.key === "banca")?.selectedIds || []
+      };
+      const yearCategory = {
+        key: "ano",
+        label: "Ano",
+        dependsOn: ["banca"],
+        itens: bankYears.map((year) => ({
+          id: year.id,
+          name: year.name,
+          bankId: year.bankId
+        })),
+        filteredBy: [{ key: "banca", internalField: "bankId" }],
+        selectedIds: prevCategories.find((c) => c.key === "ano")?.selectedIds || []
+      };
+      return [bankCategory, yearCategory];
+    });
+  }, [banks, bankYears]);
   useEffect22(() => {
     if (loadBanks) {
       loadBanks();
@@ -11687,24 +11717,36 @@ var ActivityFilters = ({
       contentIds: "assunto"
     });
   }, [knowledgeCategories]);
+  const getSelectedBankIds = useCallback4(() => {
+    return getSelectedIdsFromCategories(bankCategories, {
+      bankIds: "banca",
+      yearIds: "ano"
+    });
+  }, [bankCategories]);
+  const onFiltersChangeRef = useRef12(onFiltersChange);
+  useEffect22(() => {
+    onFiltersChangeRef.current = onFiltersChange;
+  }, [onFiltersChange]);
   useEffect22(() => {
     const knowledgeIds = getSelectedKnowledgeIds();
+    const bankIds = getSelectedBankIds();
     const filters = {
       types: selectedQuestionTypes,
-      bankIds: selectedBanks,
+      bankIds: bankIds.bankIds || [],
+      yearIds: bankIds.yearIds || [],
       knowledgeIds: selectedSubjects,
       topicIds: knowledgeIds.topicIds,
       subtopicIds: knowledgeIds.subtopicIds,
       contentIds: knowledgeIds.contentIds
     };
-    onFiltersChange(filters);
+    onFiltersChangeRef.current(filters);
   }, [
     selectedQuestionTypes,
-    selectedBanks,
     selectedSubjects,
     knowledgeCategories,
+    bankCategories,
     getSelectedKnowledgeIds,
-    onFiltersChange
+    getSelectedBankIds
   ]);
   const containerClassName = variant === "popover" ? "w-full bg-background" : "w-[400px] flex-shrink-0 p-4 bg-background";
   const contentClassName = variant === "popover" ? "p-4" : "";
@@ -11715,17 +11757,19 @@ var ActivityFilters = ({
         QuestionTypeFilter,
         {
           selectedTypes: selectedQuestionTypes,
-          onToggleType: toggleQuestionType
+          onToggleType: toggleQuestionType,
+          allowedQuestionTypes
         }
       ),
       /* @__PURE__ */ jsxs45("div", { children: [
         /* @__PURE__ */ jsx58(Text_default, { size: "sm", weight: "bold", className: "mb-3 block", children: "Banca de vestibular" }),
         /* @__PURE__ */ jsx58(
-          BanksFilter,
+          BanksAndYearsFilter,
           {
             banks,
-            selectedBanks,
-            onToggleBank: toggleBank,
+            bankYears,
+            bankCategories,
+            onBankCategoriesChange: handleBankCategoriesChange,
             loading: loadingBanks,
             error: banksError
           }
@@ -11749,9 +11793,7 @@ var ActivityFilters = ({
         {
           knowledgeStructure,
           knowledgeCategories,
-          handleCategoriesChange,
-          selectedKnowledgeSummary,
-          enableSummary
+          handleCategoriesChange
         }
       ),
       /* @__PURE__ */ jsx58(
@@ -12090,7 +12132,7 @@ var TableProvider_default = TableProvider;
 import { create as create10, useStore as useStore4 } from "zustand";
 import {
   useEffect as useEffect24,
-  useRef as useRef12,
+  useRef as useRef13,
   forwardRef as forwardRef19,
   isValidElement as isValidElement6,
   Children as Children6,
@@ -12196,10 +12238,10 @@ var Select = ({
   errorMessage,
   id
 }) => {
-  const storeRef = useRef12(null);
+  const storeRef = useRef13(null);
   storeRef.current ??= createSelectStore(onValueChange);
   const store = storeRef.current;
-  const selectRef = useRef12(null);
+  const selectRef = useRef13(null);
   const { open, setOpen, setValue, selectedLabel } = useStore4(store, (s) => s);
   const generatedId = useId10();
   const selectId = id ?? `select-${generatedId}`;
@@ -12443,7 +12485,7 @@ var Select_default = Select;
 import { create as create11, useStore as useStore5 } from "zustand";
 import {
   useEffect as useEffect25,
-  useRef as useRef13,
+  useRef as useRef14,
   forwardRef as forwardRef20,
   isValidElement as isValidElement7,
   Children as Children7,
@@ -12480,7 +12522,7 @@ var Menu = forwardRef20(
     onValueChange,
     ...props
   }, ref) => {
-    const storeRef = useRef13(null);
+    const storeRef = useRef14(null);
     storeRef.current ??= createMenuStore(onValueChange);
     const store = storeRef.current;
     const { setValue } = useStore5(store, (s) => s);
@@ -12685,7 +12727,7 @@ var MenuOverflow = ({
   onValueChange,
   ...props
 }) => {
-  const containerRef = useRef13(null);
+  const containerRef = useRef14(null);
   const [showLeftArrow, setShowLeftArrow] = useState24(false);
   const [showRightArrow, setShowRightArrow] = useState24(false);
   useEffect25(() => {
@@ -13012,7 +13054,7 @@ var NotFound_default = NotFound;
 
 // src/components/VideoPlayer/VideoPlayer.tsx
 import {
-  useRef as useRef14,
+  useRef as useRef15,
   useState as useState26,
   useEffect as useEffect26,
   useCallback as useCallback7
@@ -13286,9 +13328,9 @@ var SpeedMenu = ({
   iconSize = 24,
   isTinyMobile = false
 }) => {
-  const buttonRef = useRef14(null);
-  const speedMenuContainerRef = useRef14(null);
-  const speedMenuRef = useRef14(null);
+  const buttonRef = useRef15(null);
+  const speedMenuContainerRef = useRef15(null);
+  const speedMenuRef = useRef15(null);
   const getMenuPosition = () => {
     if (!buttonRef.current) return { top: 0, left: 0 };
     const rect = buttonRef.current.getBoundingClientRect();
@@ -13381,7 +13423,7 @@ var VideoPlayer = ({
   onDownloadComplete,
   onDownloadError
 }) => {
-  const videoRef = useRef14(null);
+  const videoRef = useRef15(null);
   const { isUltraSmallMobile, isTinyMobile } = useMobile();
   const [isPlaying, setIsPlaying] = useState26(false);
   const [currentTime, setCurrentTime] = useState26(0);
@@ -13398,10 +13440,10 @@ var VideoPlayer = ({
   }, [src]);
   const [playbackRate, setPlaybackRate] = useState26(1);
   const [showSpeedMenu, setShowSpeedMenu] = useState26(false);
-  const lastSaveTimeRef = useRef14(0);
-  const trackRef = useRef14(null);
-  const controlsTimeoutRef = useRef14(null);
-  const lastMousePositionRef = useRef14({ x: 0, y: 0 });
+  const lastSaveTimeRef = useRef15(0);
+  const trackRef = useRef15(null);
+  const controlsTimeoutRef = useRef15(null);
+  const lastMousePositionRef = useRef15({ x: 0, y: 0 });
   const isUserInteracting = useCallback7(() => {
     if (showSpeedMenu) {
       return true;
@@ -14415,7 +14457,7 @@ function createZustandAuthAdapter(useAuthStore2) {
 }
 
 // src/components/Auth/useUrlAuthentication.ts
-import { useEffect as useEffect28, useRef as useRef15 } from "react";
+import { useEffect as useEffect28, useRef as useRef16 } from "react";
 import { useLocation as useLocation2 } from "react-router-dom";
 var getAuthParams = (location, extractParams) => {
   const searchParams = new URLSearchParams(location.search);
@@ -14463,7 +14505,7 @@ var handleUserData = (responseData, setUser) => {
 };
 function useUrlAuthentication(options) {
   const location = useLocation2();
-  const processedRef = useRef15(false);
+  const processedRef = useRef16(false);
   useEffect28(() => {
     const handleAuthentication = async () => {
       if (processedRef.current) {
@@ -14566,7 +14608,7 @@ import {
   useEffect as useEffect30,
   useId as useId11,
   useMemo as useMemo14,
-  useRef as useRef16,
+  useRef as useRef17,
   useState as useState30
 } from "react";
 
@@ -14823,8 +14865,8 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
   const currentQuestionResult = getQuestionResultByQuestionId(
     currentQuestion?.id || ""
   );
-  const prevSelectedValuesRef = useRef16([]);
-  const prevQuestionIdRef = useRef16("");
+  const prevSelectedValuesRef = useRef17([]);
+  const prevQuestionIdRef = useRef17("");
   const allCurrentAnswerIds = useMemo14(() => {
     return allCurrentAnswers?.map((answer) => answer.optionId) || [];
   }, [allCurrentAnswers]);
@@ -14924,7 +14966,7 @@ var QuizDissertative = ({ paddingBottom }) => {
     currentQuestion?.id || ""
   );
   const currentAnswer = getCurrentAnswer();
-  const textareaRef = useRef16(null);
+  const textareaRef = useRef17(null);
   const charLimit = getDissertativeCharLimit();
   const handleAnswerChange = (value) => {
     if (currentQuestion) {