analytica-frontend-lib 1.3.69 → 1.3.71

package/dist/index.js

@@ -7602,6 +7602,9 @@ var ProfileMenuInfo = (0, import_react22.forwardRef)(
     store: _store,
     ...props
   }, ref) => {
+    if (!schoolName && !classYearName && !schoolYearName) {
+      return null;
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "div",
       {
@@ -7612,11 +7615,11 @@ var ProfileMenuInfo = (0, import_react22.forwardRef)(
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "w-16 h-16" }),
           /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col ", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "flex flex-row items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-text-600 text-xs align-middle", children: "\u25CF" }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
+            schoolName && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
+            (classYearName || schoolYearName) && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "flex flex-row items-center gap-2", children: [
+              classYearName && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
+              classYearName && schoolYearName && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: "\u25CF" }),
+              schoolYearName && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
             ] })
           ] })
         ]
@@ -8869,7 +8872,8 @@ var TablePagination = ({
   className,
   ...props
 }) => {
-  const startItem = (currentPage - 1) * itemsPerPage + 1;
+  const startItem = totalItems === 0 ? 0 : (currentPage - 1) * itemsPerPage + 1;
+  const endItem = totalItems === 0 ? 0 : Math.min(currentPage * itemsPerPage, totalItems);
   const handlePrevious = () => {
     if (currentPage > 1) {
       onPageChange(currentPage - 1);
@@ -8899,6 +8903,8 @@ var TablePagination = ({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "font-normal text-xs leading-[14px] text-text-800", children: [
           startItem,
+          " - ",
+          endItem,
           " de ",
           totalItems,
           " ",
@@ -42611,22 +42617,6 @@ function buildStudentHoursSlices(hoursByItem) {
     }
   ];
 }
-function buildProfessionalHoursSlices(hoursByItem) {
-  return [
-    {
-      label: "Atividades",
-      value: hoursByItem.activities.percentage,
-      colorClass: "bg-success-700",
-      color: "var(--Success-success700, #206F3E)"
-    },
-    {
-      label: "Aulas recomendadas",
-      value: hoursByItem.recommendedLessons.percentage,
-      colorClass: "bg-indicator-positive",
-      color: "var(--Indicator-Indicator-Positive, #F8CC2E)"
-    }
-  ];
-}
 var ReportContentLayout = ({
   user,
   metricBoxes,
@@ -42688,40 +42678,48 @@ var StudentModalContent2 = ({ data }) => /* @__PURE__ */ (0, import_jsx_runtime1
 );
 var ProfessionalModalContent2 = ({
   data
-}) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-  ReportContentLayout,
-  {
-    user: data.user,
-    platformSlices: buildPlatformSlices(data.accessByPlatform),
-    hoursSlices: buildProfessionalHoursSlices(data.hoursByItem),
-    metricBoxes: /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(import_jsx_runtime174.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(MetricBox, { label: "Tempo total", value: data.accessData.totalTime }),
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(MetricBox, { label: "Atividades", value: data.accessData.activitiesTime }),
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-        MetricBox,
-        {
-          label: "Aulas recomendadas",
-          value: data.accessData.recommendedLessonsTime
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-        MetricBox,
-        {
-          label: "Quantidade de acessos",
-          value: data.accessData.accessCount
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-        MetricBox,
-        {
-          label: "\xDAltimo acesso",
-          value: data.accessData.lastAccess ?? "\u2014"
-        }
-      )
-    ] })
-  }
-);
-var LoadingSkeleton8 = ({ metricCount }) => /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "flex flex-col gap-4 animate-pulse", children: [
+}) => /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "flex flex-col gap-6", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+    UserHeader,
+    {
+      name: data.user.name,
+      school: data.user.school,
+      className: data.user.class ?? "",
+      year: data.user.year
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+      MetricBox,
+      {
+        label: "Tempo na plataforma",
+        value: data.accessData.totalTime
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+      MetricBox,
+      {
+        label: "Quantidade de acessos",
+        value: data.accessData.accessCount
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+      MetricBox,
+      {
+        label: "\xDAltimo acesso",
+        value: data.accessData.lastAccess ?? "\u2014"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(SectionTitle, { children: "Plataforma de acesso" }),
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(LegendPieCard, { slices: buildPlatformSlices(data.accessByPlatform) })
+  ] })
+] });
+var LoadingSkeleton8 = ({
+  metricCount,
+  showSecondaryChart = true
+}) => /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "flex flex-col gap-4 animate-pulse", children: [
   /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: Array.from({ length: metricCount }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
     "div",
     {
@@ -42731,8 +42729,10 @@ var LoadingSkeleton8 = ({ metricCount }) => /* @__PURE__ */ (0, import_jsx_runti
   )) }),
   /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "h-5 bg-background-200 rounded w-40 mt-2" }),
   /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "h-32 bg-background-200 rounded-xl" }),
-  /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "h-5 bg-background-200 rounded w-32" }),
-  /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "h-32 bg-background-200 rounded-xl" })
+  showSecondaryChart && /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(import_jsx_runtime174.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "h-5 bg-background-200 rounded w-32" }),
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "h-32 bg-background-200 rounded-xl" })
+  ] })
 ] });
 var AccessReportModal = ({
   isOpen,
@@ -42743,9 +42743,17 @@ var AccessReportModal = ({
   ...variantProps
 }) => {
   let content;
-  const metricCount = variantProps.variant === "student" /* STUDENT */ ? 6 : 5;
+  const isStudent = variantProps.variant === "student" /* STUDENT */;
+  const metricCount = isStudent ? 6 : 3;
+  const showSecondaryChart = isStudent;
   if (loading) {
-    content = /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(LoadingSkeleton8, { metricCount });
+    content = /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+      LoadingSkeleton8,
+      {
+        metricCount,
+        showSecondaryChart
+      }
+    );
   } else if (error) {
     content = /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(ErrorContent5, { message: error });
   } else if (variantProps.data === null) {