analytica-frontend-lib 1.2.30 → 1.2.32

package/dist/ActivityFilters/index.mjs

@@ -1,5 +1,5 @@
 // src/components/ActivityFilters/ActivityFilters.tsx
-import { useState as useState9, useEffect as useEffect10, useMemo as useMemo2, useCallback } from "react";
+import { useState as useState9, useEffect as useEffect10, useMemo as useMemo2, useCallback, useRef as useRef6 } from "react";
 
 // src/utils/utils.ts
 import { clsx } from "clsx";
@@ -4613,11 +4613,13 @@ var questionTypes = [
 ];
 var QuestionTypeFilter = ({
   selectedTypes,
-  onToggleType
+  onToggleType,
+  allowedQuestionTypes
 }) => {
+  const availableQuestionTypes = allowedQuestionTypes || questionTypes;
   return /* @__PURE__ */ jsxs16("div", { children: [
     /* @__PURE__ */ jsx21(Text_default, { size: "sm", weight: "bold", className: "mb-3 block", children: "Tipo de quest\xE3o" }),
-    /* @__PURE__ */ jsx21("div", { className: "grid grid-cols-2 gap-2", children: questionTypes.map((questionType) => /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx21("div", { className: "grid grid-cols-2 gap-2", children: availableQuestionTypes.map((questionType) => /* @__PURE__ */ jsx21(
       Chips_default,
       {
         selected: selectedTypes.includes(questionType),
@@ -4628,10 +4630,11 @@ var QuestionTypeFilter = ({
     )) })
   ] });
 };
-var BanksFilter = ({
+var BanksAndYearsFilter = ({
   banks,
-  selectedBanks,
-  onToggleBank,
+  bankYears,
+  bankCategories,
+  onBankCategoriesChange,
   loading = false,
   error = null
 }) => {
@@ -4641,18 +4644,21 @@ var BanksFilter = ({
   if (error) {
     return /* @__PURE__ */ jsx21(Text_default, { size: "sm", className: "text-text-600", children: error });
   }
-  if (banks.length === 0) {
+  if (banks.length === 0 && bankYears.length === 0) {
     return /* @__PURE__ */ jsx21(Text_default, { size: "sm", className: "text-text-600", children: "Nenhuma banca encontrada" });
   }
-  return /* @__PURE__ */ jsx21("div", { className: "grid grid-cols-2 gap-2", children: banks.map((bank) => /* @__PURE__ */ jsx21(
-    Chips_default,
-    {
-      selected: selectedBanks.includes(bank.examInstitution),
-      onClick: () => onToggleBank(bank.examInstitution),
-      children: bank.examInstitution
-    },
-    bank.examInstitution
-  )) });
+  if (bankCategories.length > 0) {
+    return /* @__PURE__ */ jsx21(
+      CheckboxGroup,
+      {
+        categories: bankCategories,
+        onCategoriesChange: onBankCategoriesChange,
+        compactSingleItem: true,
+        showSingleItem: true
+      }
+    );
+  }
+  return null;
 };
 var SubjectsFilter = ({
   knowledgeAreas,
@@ -4701,38 +4707,10 @@ var SubjectsFilter = ({
     area.id
   )) });
 };
-var KnowledgeSummary = ({
-  knowledgeStructure,
-  selectedKnowledgeSummary
-}) => {
-  return /* @__PURE__ */ jsxs16("div", { className: "mt-4 p-3 bg-background-50 rounded-lg border border-border-200", children: [
-    /* @__PURE__ */ jsx21(Text_default, { size: "sm", weight: "bold", className: "mb-2 block", children: "Resumo da sele\xE7\xE3o" }),
-    /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2", children: [
-      knowledgeStructure.topics.length === 1 && /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx21(Text_default, { size: "xs", weight: "medium", className: "text-text-600", children: "Tema:" }),
-        /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-1 mt-1", children: selectedKnowledgeSummary.topics.map((topic) => /* @__PURE__ */ jsx21(Chips_default, { selected: true, children: topic }, topic)) })
-      ] }),
-      knowledgeStructure.subtopics.length === 1 && /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx21(Text_default, { size: "xs", weight: "medium", className: "text-text-600", children: "Subtema:" }),
-        /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-1 mt-1", children: selectedKnowledgeSummary.subtopics.map((subtopic) => /* @__PURE__ */ jsx21(Chips_default, { selected: true, children: subtopic }, subtopic)) })
-      ] }),
-      knowledgeStructure.contents.length === 1 && /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx21(Text_default, { size: "xs", weight: "medium", className: "text-text-600", children: "Assunto:" }),
-        /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-1 mt-1", children: selectedKnowledgeSummary.contents.map((content) => /* @__PURE__ */ jsx21(Chips_default, { selected: true, children: content }, content)) })
-      ] })
-    ] })
-  ] });
-};
 var KnowledgeStructureFilter = ({
   knowledgeStructure,
   knowledgeCategories,
-  handleCategoriesChange,
-  selectedKnowledgeSummary = {
-    topics: [],
-    subtopics: [],
-    contents: []
-  },
-  enableSummary = false
+  handleCategoriesChange
 }) => {
   return /* @__PURE__ */ jsxs16("div", { className: "mt-4", children: [
     /* @__PURE__ */ jsx21(Text_default, { size: "sm", weight: "bold", className: "mb-3 block", children: "Tema, Subtema e Assunto" }),
@@ -4742,17 +4720,12 @@ var KnowledgeStructureFilter = ({
       CheckboxGroup,
       {
         categories: knowledgeCategories,
-        onCategoriesChange: handleCategoriesChange
+        onCategoriesChange: handleCategoriesChange,
+        compactSingleItem: false,
+        showSingleItem: true
       }
     ),
-    !knowledgeStructure.loading && knowledgeCategories.length === 0 && knowledgeStructure.topics.length === 0 && /* @__PURE__ */ jsx21(Text_default, { size: "sm", className: "text-text-600", children: "Nenhum tema dispon\xEDvel para as mat\xE9rias selecionadas" }),
-    enableSummary && /* @__PURE__ */ jsx21(
-      KnowledgeSummary,
-      {
-        knowledgeStructure,
-        selectedKnowledgeSummary
-      }
-    )
+    !knowledgeStructure.loading && knowledgeCategories.length === 0 && knowledgeStructure.topics.length === 0 && /* @__PURE__ */ jsx21(Text_default, { size: "sm", className: "text-text-600", children: "Nenhum tema dispon\xEDvel para as mat\xE9rias selecionadas" })
   ] });
 };
 var FilterActions = ({
@@ -4772,6 +4745,7 @@ var ActivityFilters = ({
   variant = "default",
   // Data
   banks = [],
+  bankYears = [],
   knowledgeAreas = [],
   knowledgeStructure = {
     topics: [],
@@ -4781,6 +4755,8 @@ var ActivityFilters = ({
     error: null
   },
   knowledgeCategories = [],
+  // Question types
+  allowedQuestionTypes,
   // Loading states
   loadingBanks = false,
   loadingKnowledge: _loadingKnowledge = false,
@@ -4796,19 +4772,47 @@ var ActivityFilters = ({
   loadContents: _loadContents,
   // Handlers
   handleCategoriesChange,
-  selectedKnowledgeSummary = {
-    topics: [],
-    subtopics: [],
-    contents: []
-  },
-  enableSummary = false,
   // Action buttons
   onClearFilters,
   onApplyFilters
 }) => {
   const [selectedQuestionTypes, setSelectedQuestionTypes] = useState9([]);
-  const [selectedBanks, setSelectedBanks] = useState9([]);
   const [selectedSubject, setSelectedSubject] = useState9(null);
+  const prevAllowedQuestionTypesRef = useRef6(null);
+  useEffect10(() => {
+    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] = useState9([]);
   const selectedSubjects = useMemo2(
     () => selectedSubject ? [selectedSubject] : [],
     [selectedSubject]
@@ -4816,12 +4820,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);
+  };
+  useEffect10(() => {
+    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]);
   useEffect10(() => {
     if (loadBanks) {
       loadBanks();
@@ -4842,24 +4872,36 @@ var ActivityFilters = ({
       contentIds: "assunto"
     });
   }, [knowledgeCategories]);
+  const getSelectedBankIds = useCallback(() => {
+    return getSelectedIdsFromCategories(bankCategories, {
+      bankIds: "banca",
+      yearIds: "ano"
+    });
+  }, [bankCategories]);
+  const onFiltersChangeRef = useRef6(onFiltersChange);
+  useEffect10(() => {
+    onFiltersChangeRef.current = onFiltersChange;
+  }, [onFiltersChange]);
   useEffect10(() => {
     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" : "";
@@ -4870,17 +4912,19 @@ var ActivityFilters = ({
         QuestionTypeFilter,
         {
           selectedTypes: selectedQuestionTypes,
-          onToggleType: toggleQuestionType
+          onToggleType: toggleQuestionType,
+          allowedQuestionTypes
         }
       ),
       /* @__PURE__ */ jsxs16("div", { children: [
         /* @__PURE__ */ jsx21(Text_default, { size: "sm", weight: "bold", className: "mb-3 block", children: "Banca de vestibular" }),
         /* @__PURE__ */ jsx21(
-          BanksFilter,
+          BanksAndYearsFilter,
           {
             banks,
-            selectedBanks,
-            onToggleBank: toggleBank,
+            bankYears,
+            bankCategories,
+            onBankCategoriesChange: handleBankCategoriesChange,
             loading: loadingBanks,
             error: banksError
           }
@@ -4904,9 +4948,7 @@ var ActivityFilters = ({
         {
           knowledgeStructure,
           knowledgeCategories,
-          handleCategoriesChange,
-          selectedKnowledgeSummary,
-          enableSummary
+          handleCategoriesChange
         }
       ),
       /* @__PURE__ */ jsx21(