analytica-frontend-lib 1.4.75 → 1.4.76

package/dist/SimulationsPage/index.js

@@ -660,7 +660,7 @@ __export(SimulationsPage_exports, {
 module.exports = __toCommonJS(SimulationsPage_exports);
 
 // src/components/SimulationsPage/SimulationsPage.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_phosphor_react16 = require("phosphor-react");
 
 // src/components/PageContainer/PageContainer.tsx
@@ -697,7 +697,7 @@ init_Text();
 init_Button();
 
 // src/components/TableProvider/TableProvider.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // src/components/Table/Table.tsx
 var import_react3 = require("react");
@@ -2957,7 +2957,7 @@ var Search_default = Search;
 init_Modal();
 
 // src/components/CheckBoxGroup/CheckBoxGroup.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/index.ts
 init_Text();
@@ -7106,15 +7106,71 @@ var HeaderAlternative = (0, import_react20.forwardRef)(
   }
 );
 
+// src/components/SimulatedFilters/hooks.ts
+var import_react21 = require("react");
+function useUserAccessData(api) {
+  const [state, setState] = (0, import_react21.useState)({
+    isLoading: false,
+    error: null,
+    schools: [],
+    schoolYears: [],
+    classes: []
+  });
+  const hasFetched = (0, import_react21.useRef)(false);
+  const fetchData = (0, import_react21.useCallback)(async () => {
+    setState((prev) => ({ ...prev, isLoading: true, error: null }));
+    try {
+      const response = await api.get("/auth/me");
+      const data = response.data.data;
+      setState({
+        isLoading: false,
+        error: null,
+        schools: data.schools.map((s) => ({
+          id: s.id,
+          name: s.name
+        })),
+        schoolYears: data.schoolYears.map((sy) => ({
+          id: sy.id,
+          name: sy.name,
+          schoolId: sy.schoolId
+        })),
+        classes: data.classes.map((c) => ({
+          id: c.id,
+          name: c.name,
+          schoolId: c.schoolId,
+          schoolYearId: c.schoolYearId
+        }))
+      });
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Falha ao carregar dados";
+      setState((prev) => ({
+        ...prev,
+        isLoading: false,
+        error: errorMessage
+      }));
+    }
+  }, [api]);
+  (0, import_react21.useEffect)(() => {
+    if (!hasFetched.current) {
+      hasFetched.current = true;
+      fetchData();
+    }
+  }, [fetchData]);
+  return {
+    ...state,
+    refetch: fetchData
+  };
+}
+
 // src/index.ts
 init_utils();
 
 // src/hooks/useSimulations.ts
-var import_react21 = require("react");
+var import_react22 = require("react");
 var BASE_URL = "/performance/simulations";
 var segment = (value) => encodeURIComponent(value);
 var createUseSimulations = (apiClient) => () => {
-  const fetchStudents = (0, import_react21.useCallback)(
+  const fetchStudents = (0, import_react22.useCallback)(
     async (filters = {}) => {
       const { page = 1, limit = 20, search, classIds } = filters;
       const response = await apiClient.get(
@@ -7125,7 +7181,7 @@ var createUseSimulations = (apiClient) => () => {
     },
     []
   );
-  const fetchStudentSimulations = (0, import_react21.useCallback)(
+  const fetchStudentSimulations = (0, import_react22.useCallback)(
     async (userInstitutionId, filters = {}) => {
       const { page = 1, limit = 20 } = filters;
       const response = await apiClient.get(
@@ -7136,7 +7192,7 @@ var createUseSimulations = (apiClient) => () => {
     },
     []
   );
-  const fetchSimulationDetail = (0, import_react21.useCallback)(
+  const fetchSimulationDetail = (0, import_react22.useCallback)(
     async (userInstitutionId, simulationId) => {
       const response = await apiClient.get(
         `${BASE_URL}/students/${segment(userInstitutionId)}/${segment(simulationId)}`
@@ -7145,7 +7201,7 @@ var createUseSimulations = (apiClient) => () => {
     },
     []
   );
-  const fetchNote = (0, import_react21.useCallback)(
+  const fetchNote = (0, import_react22.useCallback)(
     async (userInstitutionId, simulationId) => {
       const response = await apiClient.get(
         `${BASE_URL}/students/${segment(userInstitutionId)}/${segment(simulationId)}/note`
@@ -7154,7 +7210,7 @@ var createUseSimulations = (apiClient) => () => {
     },
     []
   );
-  const saveNote = (0, import_react21.useCallback)(
+  const saveNote = (0, import_react22.useCallback)(
     async (userInstitutionId, simulationId, note) => {
       const response = await apiClient.post(
         `${BASE_URL}/students/${segment(userInstitutionId)}/${segment(simulationId)}/note`,
@@ -7164,7 +7220,7 @@ var createUseSimulations = (apiClient) => () => {
     },
     []
   );
-  return (0, import_react21.useMemo)(
+  return (0, import_react22.useMemo)(
     () => ({
       fetchStudents,
       fetchStudentSimulations,
@@ -7192,14 +7248,14 @@ var CheckboxGroup = ({
   showSingleItem = false,
   disableAutoSelection = false
 }) => {
-  const [openAccordion, setOpenAccordion] = (0, import_react22.useState)("");
-  const onCategoriesChangeRef = (0, import_react22.useRef)(onCategoriesChange);
-  const previousCategoriesRef = (0, import_react22.useRef)(categories);
-  const appliedAutoSelectionRef = (0, import_react22.useRef)("");
-  (0, import_react22.useEffect)(() => {
+  const [openAccordion, setOpenAccordion] = (0, import_react23.useState)("");
+  const onCategoriesChangeRef = (0, import_react23.useRef)(onCategoriesChange);
+  const previousCategoriesRef = (0, import_react23.useRef)(categories);
+  const appliedAutoSelectionRef = (0, import_react23.useRef)("");
+  (0, import_react23.useEffect)(() => {
     onCategoriesChangeRef.current = onCategoriesChange;
   }, [onCategoriesChange]);
-  const categoriesWithAutoSelection = (0, import_react22.useMemo)(() => {
+  const categoriesWithAutoSelection = (0, import_react23.useMemo)(() => {
     if (disableAutoSelection) {
       return categories;
     }
@@ -7217,7 +7273,7 @@ var CheckboxGroup = ({
       return category;
     });
   }, [categories, disableAutoSelection]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const categoriesChanged = categories !== previousCategoriesRef.current;
     previousCategoriesRef.current = categories;
     const hasAutoSelectionChanges = categoriesWithAutoSelection.some(
@@ -7350,7 +7406,7 @@ var CheckboxGroup = ({
     );
     return groupedItems.length ? groupedItems : [{ itens: [] }];
   };
-  const formattedItemsMap = (0, import_react22.useMemo)(() => {
+  const formattedItemsMap = (0, import_react23.useMemo)(() => {
     const formattedItemsMap2 = {};
     for (const category of categories) {
       const formattedItems = calculateFormattedItems(category.key);
@@ -7620,7 +7676,7 @@ var CheckboxGroup = ({
       openAccordion !== category.key && showDivider && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Divider_default, {})
     ] }, category.key);
   };
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!openAccordion) return;
     const category = categories.find((c) => c.key === openAccordion);
     if (!category) return;
@@ -7815,8 +7871,8 @@ function TableProvider({
   containerClassName,
   children
 }) {
-  const [searchQuery, setSearchQuery] = (0, import_react23.useState)("");
-  const [inputValue, setInputValue] = (0, import_react23.useState)("");
+  const [searchQuery, setSearchQuery] = (0, import_react24.useState)("");
+  const [inputValue, setInputValue] = (0, import_react24.useState)("");
   const sortResultRaw = useTableSort(data, { syncWithUrl: true });
   const sortResult = enableTableSort ? sortResultRaw : {
     sortedData: data,
@@ -7827,7 +7883,7 @@ function TableProvider({
   };
   const { sortedData, sortColumn, sortDirection, handleSort } = sortResult;
   const filterResultRaw = useTableFilter(initialFilters, { syncWithUrl: true });
-  const disabledFilterResult = (0, import_react23.useMemo)(
+  const disabledFilterResult = (0, import_react24.useMemo)(
     () => ({
       filterConfigs: [],
       activeFilters: {},
@@ -7858,10 +7914,10 @@ function TableProvider({
     totalItems,
     totalPages
   } = paginationConfig;
-  const [currentPage, setCurrentPage] = (0, import_react23.useState)(1);
-  const [itemsPerPage, setItemsPerPage] = (0, import_react23.useState)(defaultItemsPerPage);
-  const [isFilterModalOpen, setIsFilterModalOpen] = (0, import_react23.useState)(false);
-  const combinedParams = (0, import_react23.useMemo)(() => {
+  const [currentPage, setCurrentPage] = (0, import_react24.useState)(1);
+  const [itemsPerPage, setItemsPerPage] = (0, import_react24.useState)(defaultItemsPerPage);
+  const [isFilterModalOpen, setIsFilterModalOpen] = (0, import_react24.useState)(false);
+  const combinedParams = (0, import_react24.useMemo)(() => {
     const params = {
       page: currentPage,
       limit: itemsPerPage
@@ -7888,29 +7944,29 @@ function TableProvider({
     enableFilters,
     enableTableSort
   ]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     onParamsChange?.(combinedParams);
   }, [combinedParams]);
-  const handleSearchChange = (0, import_react23.useCallback)((value) => {
+  const handleSearchChange = (0, import_react24.useCallback)((value) => {
     setSearchQuery(value);
     setCurrentPage(1);
   }, []);
-  const handleInputChange = (0, import_react23.useCallback)((e) => {
+  const handleInputChange = (0, import_react24.useCallback)((e) => {
     setInputValue(e.target.value);
   }, []);
-  const handleFilterApply = (0, import_react23.useCallback)(() => {
+  const handleFilterApply = (0, import_react24.useCallback)(() => {
     applyFilters();
     setIsFilterModalOpen(false);
     setCurrentPage(1);
   }, [applyFilters]);
-  const handlePageChange = (0, import_react23.useCallback)((page) => {
+  const handlePageChange = (0, import_react24.useCallback)((page) => {
     setCurrentPage(page);
   }, []);
-  const handleItemsPerPageChange = (0, import_react23.useCallback)((items) => {
+  const handleItemsPerPageChange = (0, import_react24.useCallback)((items) => {
     setItemsPerPage(items);
     setCurrentPage(1);
   }, []);
-  const handleRowClickInternal = (0, import_react23.useCallback)(
+  const handleRowClickInternal = (0, import_react24.useCallback)(
     (row, index) => {
       if (enableRowClick && onRowClick) {
         onRowClick(row, index);
@@ -7918,7 +7974,7 @@ function TableProvider({
     },
     [enableRowClick, onRowClick]
   );
-  const useInternalPagination = (0, import_react23.useMemo)(
+  const useInternalPagination = (0, import_react24.useMemo)(
     () => enablePagination && !onParamsChange && totalItems === void 0 && totalPages === void 0,
     [enablePagination, onParamsChange, totalItems, totalPages]
   );
@@ -7926,7 +7982,7 @@ function TableProvider({
     (totalItems ?? (useInternalPagination ? sortedData.length : data.length)) / itemsPerPage
   );
   const calculatedTotalItems = totalItems ?? (useInternalPagination ? sortedData.length : data.length);
-  const displayData = (0, import_react23.useMemo)(() => {
+  const displayData = (0, import_react24.useMemo)(() => {
     if (!useInternalPagination) {
       return sortedData;
     }
@@ -8112,7 +8168,7 @@ function TableProvider({
 var TableProvider_default = TableProvider;
 
 // src/components/SimulationsPage/SimulationsDetailModal.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_phosphor_react15 = require("phosphor-react");
 init_Modal();
 init_Text();
@@ -8200,10 +8256,10 @@ function NoteRow({
   loading,
   onSave
 }) {
-  const [editing, setEditing] = (0, import_react24.useState)(false);
-  const [draft, setDraft] = (0, import_react24.useState)("");
-  const [saving, setSaving] = (0, import_react24.useState)(false);
-  const [error, setError] = (0, import_react24.useState)(null);
+  const [editing, setEditing] = (0, import_react25.useState)(false);
+  const [draft, setDraft] = (0, import_react25.useState)("");
+  const [saving, setSaving] = (0, import_react25.useState)(false);
+  const [error, setError] = (0, import_react25.useState)(null);
   const startEditing = () => {
     setDraft(note?.note ?? "");
     setError(null);
@@ -8283,10 +8339,7 @@ function SimulationItem({
       value: simulation.id,
       expanded,
       onToggleExpanded: onToggle,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex-1 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Text_default, { weight: "bold", className: "text-text-950", children: [
-        "Simulado ",
-        index + 1
-      ] }) }),
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex-1 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Text_default, { weight: "bold", className: "text-text-950", children: simulation.title?.trim() ? simulation.title.trim() : `Simulado ${index + 1}` }) }),
       contentClassName: "px-3 pb-4",
       children: [
         detail?.loading && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonCard, { className: "h-40" }),
@@ -8351,35 +8404,35 @@ function SimulationsDetailModal({
   onClose,
   student
 }) {
-  const useSimulations = (0, import_react24.useMemo)(() => createUseSimulations(api), [api]);
+  const useSimulations = (0, import_react25.useMemo)(() => createUseSimulations(api), [api]);
   const {
     fetchStudentSimulations,
     fetchSimulationDetail,
     fetchNote,
     saveNote
   } = useSimulations();
-  const [list, setList] = (0, import_react24.useState)(null);
-  const [listLoading, setListLoading] = (0, import_react24.useState)(false);
-  const [listError, setListError] = (0, import_react24.useState)(null);
-  const [expandedId, setExpandedId] = (0, import_react24.useState)(null);
-  const [details, setDetails] = (0, import_react24.useState)({});
-  const [notes, setNotes] = (0, import_react24.useState)({});
-  const mountedRef = (0, import_react24.useRef)(true);
-  (0, import_react24.useEffect)(() => {
+  const [list, setList] = (0, import_react25.useState)(null);
+  const [listLoading, setListLoading] = (0, import_react25.useState)(false);
+  const [listError, setListError] = (0, import_react25.useState)(null);
+  const [expandedId, setExpandedId] = (0, import_react25.useState)(null);
+  const [details, setDetails] = (0, import_react25.useState)({});
+  const [notes, setNotes] = (0, import_react25.useState)({});
+  const mountedRef = (0, import_react25.useRef)(true);
+  (0, import_react25.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const requestEpochRef = (0, import_react24.useRef)(0);
-  (0, import_react24.useEffect)(() => {
+  const requestEpochRef = (0, import_react25.useRef)(0);
+  (0, import_react25.useEffect)(() => {
     requestEpochRef.current += 1;
   }, [isOpen, student?.userInstitutionId]);
-  const isStaleResponse = (0, import_react24.useCallback)(
+  const isStaleResponse = (0, import_react25.useCallback)(
     (epoch) => !mountedRef.current || requestEpochRef.current !== epoch,
     []
   );
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!isOpen || !student) return;
     setList(null);
     setExpandedId(null);
@@ -8399,7 +8452,7 @@ function SimulationsDetailModal({
       active = false;
     };
   }, [isOpen, student, fetchStudentSimulations]);
-  const handleToggle = (0, import_react24.useCallback)(
+  const handleToggle = (0, import_react25.useCallback)(
     (simulationId) => {
       if (!student) return;
       const requestEpoch = requestEpochRef.current;
@@ -8455,7 +8508,7 @@ function SimulationsDetailModal({
       isStaleResponse
     ]
   );
-  const makeSaveNote = (0, import_react24.useCallback)(
+  const makeSaveNote = (0, import_react25.useCallback)(
     (simulationId) => async (text) => {
       if (!student) return;
       const requestEpoch = requestEpochRef.current;
@@ -8506,19 +8559,39 @@ function SimulationsDetailModal({
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var DEFAULT_LIMIT = 10;
 function SimulationsPage({ api, noSearchImage }) {
-  const useSimulations = (0, import_react25.useMemo)(() => createUseSimulations(api), [api]);
+  const useSimulations = (0, import_react26.useMemo)(() => createUseSimulations(api), [api]);
   const { fetchStudents } = useSimulations();
-  const [students, setStudents] = (0, import_react25.useState)([]);
-  const [total, setTotal] = (0, import_react25.useState)(0);
-  const [loading, setLoading] = (0, import_react25.useState)(true);
-  const [selected, setSelected] = (0, import_react25.useState)(null);
-  const handleParamsChange = (0, import_react25.useCallback)(
+  const { classes } = useUserAccessData(api);
+  const [students, setStudents] = (0, import_react26.useState)([]);
+  const [total, setTotal] = (0, import_react26.useState)(0);
+  const [loading, setLoading] = (0, import_react26.useState)(true);
+  const [selected, setSelected] = (0, import_react26.useState)(null);
+  const initialFilters = (0, import_react26.useMemo)(
+    () => [
+      {
+        key: "turma",
+        label: "Turma",
+        categories: [
+          {
+            key: "classIds",
+            label: "Turma",
+            selectedIds: [],
+            itens: classes.map((c) => ({ id: c.id, name: c.name }))
+          }
+        ]
+      }
+    ],
+    [classes]
+  );
+  const handleParamsChange = (0, import_react26.useCallback)(
     (params) => {
+      const classIds = Array.isArray(params.classIds) ? params.classIds : void 0;
       setLoading(true);
       fetchStudents({
         page: params.page,
         limit: params.limit,
-        search: params.search?.trim() || void 0
+        search: params.search?.trim() || void 0,
+        classIds: classIds?.length ? classIds : void 0
       }).then((result) => {
         setStudents(result.data);
         setTotal(result.total);
@@ -8529,7 +8602,7 @@ function SimulationsPage({ api, noSearchImage }) {
     },
     [fetchStudents]
   );
-  const columns = (0, import_react25.useMemo)(
+  const columns = (0, import_react26.useMemo)(
     () => [
       {
         key: "name",
@@ -8581,7 +8654,9 @@ function SimulationsPage({ api, noSearchImage }) {
         loading,
         variant: "borderless",
         enableSearch: true,
+        enableFilters: true,
         enablePagination: true,
+        initialFilters,
         rowKey: "userInstitutionId",
         searchPlaceholder: "Buscar estudante",
         onParamsChange: handleParamsChange,