release: v0.50.1 (#283)

* fix(perf): Improve code splitting (#282)

* perf: Improve code splitting

Lazily import views to the main page instead of lazily import components to each view.

Author: PedroChaparro

CHANGELOG.md

@@ -1,3 +1,12 @@
+## [0.50.1](https://github.com/upb-code-labs/react-client/compare/v0.50.0...v0.50.1) (2024-02-06)
+
+
+### Bug Fixes
+
+* **perf:** Improve code splitting ([#282](https://github.com/upb-code-labs/react-client/issues/282)) ([48f2d4d](https://github.com/upb-code-labs/react-client/commit/48f2d4d4cd93b3cc46d00835d72773b4581926ad))
+
+
+
 # [0.50.0](https://github.com/upb-code-labs/react-client/compare/v0.49.1...v0.50.0) (2024-02-02)
 
 
@@ -34,12 +43,3 @@
 
 
 
-## [0.48.1](https://github.com/upb-code-labs/react-client/compare/v0.48.0...v0.48.1) (2024-01-26)
-
-
-### Bug Fixes
-
-* **ui:** Increase bar chart height according to the number of students ([#270](https://github.com/upb-code-labs/react-client/issues/270)) ([5c3dec5](https://github.com/upb-code-labs/react-client/commit/5c3dec5a232ff6ec3f44a509ba0c03f114c0bf84))
-
-
-

e2e/rubrics/EditRubric.spec.ts

@@ -95,7 +95,7 @@ test.describe.serial("Rubrics edition workflow", () => {
     await page.getByLabel(`Edit ${rubricName}`).click();
 
     // Wait for the input with the rubric name to be visible
-    await expect(page.getByLabel("Name")).toBeVisible();
+    await expect(page.getByLabel("Rubric name", {exact: true})).toBeVisible();
 
     // Create objectives with their criteria
     const { objectives } = rubricData;
@@ -161,7 +161,7 @@ test.describe.serial("Rubrics edition workflow", () => {
     await page.getByLabel(`Edit ${rubricName}`).click();
 
     // Wait for the input with the rubric name to be visible
-    await expect(page.getByLabel("Name")).toBeVisible();
+    await expect(page.getByLabel("Rubric name", {exact: true})).toBeVisible();
 
     // Update the objective description
     const objectiveIndex = 1;
@@ -201,7 +201,7 @@ test.describe.serial("Rubrics edition workflow", () => {
     await page.getByLabel(`Edit ${rubricName}`).click();
 
     // Wait for the input with the rubric name to be visible
-    await expect(page.getByLabel("Name")).toBeVisible();
+    await expect(page.getByLabel("Rubric name", {exact: true})).toBeVisible();
 
     // Update the criteria
     const objectiveIndex = 1;
@@ -260,7 +260,7 @@ test.describe.serial("Rubrics edition workflow", () => {
     await page.getByLabel(`Edit ${rubricName}`).click();
 
     // Wait for the input with the rubric name to be visible
-    await expect(page.getByLabel("Name")).toBeVisible();
+    await expect(page.getByLabel("Rubric name", {exact: true})).toBeVisible();
 
     // Open the confirmation modal
     const objectiveIndex = 8;
@@ -303,7 +303,7 @@ test.describe.serial("Rubrics edition workflow", () => {
     await page.getByLabel(`Edit ${rubricName}`).click();
 
     // Wait for the input with the rubric name to be visible
-    await expect(page.getByLabel("Name")).toBeVisible();
+    await expect(page.getByLabel("Rubric name", {exact: true})).toBeVisible();
 
     // Open the confirmation modal
     const objectiveIndex = 8;

e2e/rubrics/rubric.json

@@ -4,6 +4,10 @@
     {
       "description": "Definición de la situación problema",
       "criteria": [
+        {
+          "description": "No plantea la situación, necesidad, u oportunidad, que da origen al proyecto que intenta llevar a cabo.",
+          "weight": 0
+        },
         {
           "description": "Plantea en forma poco clara y no concisa la situación, necesidad, u oportunidad, que da origen al proyecto que intenta llevar a cabo; carece de la formulación de la pregunta de investigación.",
           "weight": 0.05625
@@ -25,6 +29,10 @@
     {
       "description": "Marco tecnológico y conceptual",
       "criteria": [
+        {
+          "description": "No se evidencia indagación de fundamentos conceptuales de las temáticas o áreas asociadas a la situación problema planteada.",
+          "weight": 0
+        },
         {
           "description": "Se demuestra indagación de muy pocos fundamentos conceptuales de las temáticas o áreas asociadas a la situación problema planteada. Las aseveraciones y conceptos presentados carecen de validación por referentes referentes apropiados.",
           "weight": 0.05625
@@ -46,6 +54,10 @@
     {
       "description": "Objetivos",
       "criteria": [
+        {
+          "description": "No plantea los objetivos general y específicos.",
+          "weight": 0
+        },
         {
           "description": "Plantea los objetivos general y específicos; aunque los objetivos específicos no permiten evidenciar la consecución del objetivo general.",
           "weight": 0.1125
@@ -67,6 +79,10 @@
     {
       "description": "Justificación",
       "criteria": [
+        {
+          "description": "No sustenta la importancia de realizar el proyecto.",
+          "weight": 0
+        },
         {
           "description": "La justificación carece de un sustento claro de la importancia de realizar el proyecto.",
           "weight": 0.01875
@@ -88,6 +104,10 @@
     {
       "description": "Metodología",
       "criteria": [
+        {
+          "description": "No se presenta una metodología.",
+          "weight": 0
+        },
         {
           "description": "Aunque se presenta una metodología, la misma no refleja orden en las actividades o tareas que permitan el cumplimiento de los objetivos general y específicos.",
           "weight": 0.075
@@ -111,7 +131,7 @@
       "criteria": [
         {
           "description": "No presenta una lista de requisitos funcionales.",
-          "weight": 0.1125
+          "weight": 0
         },
         {
           "description": "Presenta requisitos funcionales que no describen las características del sistema.",
@@ -132,7 +152,7 @@
       "criteria": [
         {
           "description": "No se evidencian referentes pertinentes en el documento.",
-          "weight": 0.0375
+          "weight": 0
         },
         {
           "description": "Se incluyen menos 8 referentes pertinentes en el documento. 100% de referentes en español.",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-client",
   "private": true,
-  "version": "0.50.0",
+  "version": "0.50.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/Skeletons/GenericFormSkeleton.tsx

@@ -0,0 +1,24 @@
+import { InputWithLabelSkeleton } from "@/components/Skeletons/InputWithLabelSkeleton";
+import { Skeleton } from "@/components/ui/skeleton";
+
+interface GenericFormSkeletonProps {
+  inputCount: number;
+}
+
+export const GenericFormSkeleton = ({
+  inputCount
+}: GenericFormSkeletonProps) => {
+  const inputsIndex = [...Array(inputCount)].map((_, index) => index);
+
+  return (
+    <div className="mx-auto my-4 max-w-md space-y-4 border p-4 shadow-sm">
+      {/* Title */}
+      <Skeleton className="mx-auto h-9 w-3/4" />
+      {inputsIndex.map((index) => (
+        <InputWithLabelSkeleton key={`input-group-skeleton-${index}`} />
+      ))}
+      {/* Submit button */}
+      <Skeleton className="h-10 w-full" />
+    </div>
+  );
+};

src/components/Skeletons/HighlightableRubricSkeleton.tsx

@@ -3,7 +3,6 @@ import { RubricObjectivesSkeleton } from "@/screens/edit-rubric/skeletons/Rubric
 export const HighlightableRubricSkeleton = () => {
   return (
     <div className="flex max-w-[calc(100vw-2rem)] flex-col gap-4 md:col-span-3">
-      {/* rubric skeleton */}
       <RubricObjectivesSkeleton />
     </div>
   );

src/components/Skeletons/InputWithLabelSkeleton.tsx

@@ -0,0 +1,10 @@
+import { Skeleton } from "../ui/skeleton";
+
+export const InputWithLabelSkeleton = () => {
+  return (
+    <div className="space-y-2">
+      <Skeleton className="h-4 w-16" />
+      <Skeleton className="h-10 w-full" />
+    </div>
+  );
+};