@eclass/ui-kit 1.5.4 → 1.6.0

package/dist/organisms/CourseList/CourseBox.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import * as Type from './types';
-export declare const CourseBoxContext: React.Context<Partial<import("./utils").box>>;
+export declare const CourseBoxContext: React.Context<Partial<import("@eclass/api").AcademicBox>>;
 interface CourseBoxProps {
     data: Type.AcademicList;
+    onClick?: () => void;
 }
-export declare function CourseBox({ data }: CourseBoxProps): JSX.Element;
+export declare function CourseBox({ data, onClick }: CourseBoxProps): JSX.Element;
 export declare namespace CourseBox {
     var displayName: string;
 }

package/dist/organisms/CourseList/CourseList.d.ts

@@ -10,7 +10,7 @@ export declare const wCourse = 17.8125;
  * Tener en cuenta el width del padre donde se pondra este componente, utilizar método maxWidthCoursesList
  * @see src/organisms/CourseList/maxWidthCoursesList.ts
  */
-export declare function CourseList({ courses, m, }: Type.WrapperCoursesProps): JSX.Element | null;
+export declare function CourseList({ courses, m, onClick, }: Type.WrapperCoursesProps): JSX.Element | null;
 export declare namespace CourseList {
     var displayName: string;
 }

package/dist/organisms/CourseList/components/Footer.d.ts

@@ -1,5 +1,9 @@
 /// <reference types="react" />
-export declare function Footer(): JSX.Element | null;
+interface FooterProps {
+    onClick?: () => void;
+}
+export declare function Footer({ onClick }: FooterProps): JSX.Element | null;
 export declare namespace Footer {
     var displayName: string;
 }
+export {};

package/dist/organisms/CourseList/types.d.ts

@@ -0,0 +1,9 @@
+import { AcademicBox } from '@eclass/api'
+
+export type AcademicList = AcademicBox
+
+export interface WrapperCoursesProps {
+  courses: AcademicList[]
+  m?: string
+  onClick?: () => void
+}

package/dist/organisms/CourseList/utils/dataFake.d.ts

@@ -1,98 +1,4 @@
 export declare type icon = 'schedule' | 'certificate' | 'circularCheck' | 'progress' | 'circularInformation';
-export interface box {
-    id: number;
-    /**
-     * Nombre del curso (utilizado en el titulo de la caja).
-     */
-    name: string;
-    /** Imagen de fondo de la caja de curso. */
-    background: string;
-    /** Logo del partner del curso. (OPCIONAL) */
-    logo?: string;
-    /** Name del partner del curso. (OPCIONAL) */
-    logoAlt?: string;
-    /** Estado del curso. */
-    status?: {
-        /** ID del estado. */
-        id: number;
-        /**
-         * Nombre del estado.
-         * ESTADOS PLATAFORMA V8
-         * - STUDYING: Curso iniciado. El alumno está rindiendo el curso de forma normal.
-         * - ACTIVATED: Curso activado recientemente. Pero el alumno no ha ingresado aún. Cuando ingrese el alumno podrá cambiarse el estado a `RECENT` y si supera el rango de fechas pasará a `STUDYING`.
-         * - RECENT: Curso iniciado recientemente. El curso se habilitó hace poco y el alumno está en ese rango de fechas que se definió como "Reciente".
-         * - FINISHED: Curso terminado académicamente, pero aún no desactivado. El alumno puede seguir viendo su contenido.
-         * - PENDING: Curso terminado académicamente, pero con la nota del exámen aún pendiente de revisión.
-         * - NEXT: Curso aún no activo por fecha de inicio, es un curso futuro cargado en mi listado académico.
-         * - QUALIFIED: Curso terminado académicamente con nota de examen y promedio revisado.
-         * - PAST: Curso terminado y desactivado.
-         */
-        name: string;
-        /** Detalle del estado. */
-        detail: string;
-        /** Estilo que puede poseer el estado. */
-        style: string;
-    };
-    Profile: {
-        id: number;
-        name: string;
-    };
-    /** Detalle del progreso del curso. */
-    progress: {
-        /** Texto a incluir en el label (traducido). */
-        label: string;
-        /** Icono que acompaña al texto */
-        icon: icon;
-        /** % de avance que posee el alumno en el curso (default 0) */
-        progress: number;
-        /** Indica si el alumno se encuentra aprobado. */
-        isApproved: boolean;
-        /** Promedio final que posee el alumno (formateado según la escala de notas) */
-        finalGrade: string;
-    };
-    /** Fechas que van sobre el titulo del curso */
-    dateStatus: {
-        /** Indica si el curso presentará las fechas */
-        hasDates: boolean;
-        /** Fecha de inicio del curso (texto traducido) */
-        init: string;
-        /** Fecha de fin del curso (texto traducido) */
-        end: string;
-    };
-    /** Listado de iconos informativos (EJ. Certificado por Duoc, Pertenece a: Diplomado en...) */
-    information: [
-        {
-            /** Nombre del icono que acompaña la información */
-            icon: icon;
-            /** Texto informativo (traducido) */
-            text: string;
-            /** Si corresponde a un link, url hacia donde apunta (Ej: Información del curso CV) */
-            href: string;
-        }
-    ];
-    /** Información del botón del curso */
-    action: {
-        /** Indica si el botón se encontrará habilitado */
-        enabled: boolean;
-        /** Texto que poseerá el botón (traducido) */
-        text: string;
-        /** Indica si el botón contiene un icono */
-        hasIcon: boolean;
-        /** Contiene la url hacia donde apunta el botón */
-        href: string;
-        /** Si el link se abre en otra pestaña (CV). En V8 te manda al curso */
-        targetBlank: boolean;
-    };
-    /** Etiquetas utilizadas en CV */
-    labels: [
-        {
-            /** Indica el ID de la etiqueta (NEW | OBLIGATORY | PROFILE ) */
-            id: string;
-            /** Contiene el texto de la etiqueta */
-            text: string;
-        }
-    ];
-}
 export declare const dataBase: {
     name: string;
     background: string;