@eclass/ui-kit 1.51.7 → 1.51.8

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

@@ -0,0 +1,3 @@
+export { Header } from './Header';
+export { Section } from './Section';
+export { Footer } from './Footer';

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

@@ -0,0 +1,3 @@
+export { CourseList } from './CourseList';
+export { CourseStatus } from './components/CourseStatus';
+export { dataFake, maxWidthCoursesList } from './utils';

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

@@ -0,0 +1,42 @@
+import { AcademicBox } from '@eclass/api'
+
+export type ExtendAcademicList = AcademicBox & {
+  soonCourse?: {
+    show?: true
+    text?: string
+  }
+}
+
+interface PaymentText {
+  title: string
+  body: string
+  buttonName: string
+}
+
+export interface WrapperCoursesProps {
+  /** Array de cursos a desplegar */
+  courses: AcademicList[]
+
+  /** Especificación de margen
+   * @example m: '0 0 0 16px'
+   */
+  m?: string
+
+  /** Objeto con información acerca del estado de pago del curso, que incluye 'title', 'body' y 'buttonName'.
+   * @example
+   *
+   * modalPaymentTextArg = {
+   * title: 'Curso congelado por pagos pendientes'
+   * body: 'Para regularizar esta situación, comúnicate con ___'
+   * buttonName: 'Entendido'
+   * }
+   */
+  modalPaymentText?: PaymentText
+
+  /** Especificación de tipo de caja curso a mostrar. Por default se muestra el tipo TRADITIONAL */
+  typeBox?: 'TRADITIONAL' | 'TRADITIONAL_LANDSCAPE' | 'IMAGE_LARGE' | 'IMAGE_SMALL'
+}
+
+export interface FooterProps {
+  modalPaymentText?: PaymentText
+}

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

@@ -0,0 +1,47 @@
+export type icon = 'schedule' | 'certificate' | 'circularCheck' | 'progress' | 'circularInformation';
+export declare const dataBase: {
+    name: string;
+    background: string;
+    logo: string;
+    logoAlt: string;
+    status: {
+        id: number;
+        name: string;
+        detail: string;
+        style: string;
+    };
+    Profile: {
+        id: number;
+        name: string;
+    };
+    progress: {
+        label: string;
+        icon: string;
+        progress: number;
+        isApproved: boolean;
+        finalGrade: string;
+    };
+    dateStatus: {
+        hasDates: boolean;
+        init: string;
+        end: string;
+    };
+    information: {
+        icon: string;
+        text: string;
+        href: string;
+    }[];
+    action: {
+        enabled: boolean;
+        text: string;
+        hasIcon: boolean;
+        href: string;
+        targetBlank: boolean;
+    };
+    labels: {
+        id: string;
+        text: string;
+    }[];
+};
+export declare const dataStates: any;
+export declare const dataFake: any[];

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

@@ -0,0 +1,3 @@
+export * from './dataFake';
+export * from './isCourseActive';
+export * from './maxWidthCoursesList';

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

@@ -0,0 +1,10 @@
+export declare const PROFILE_STUDENT = 4;
+/**
+ * Valida si se puede acceder al curso, eso depende de dos casos:
+ * - Que el curso se encuentre habilitado para acceder
+ * - O si tengo un perfil de usuario distinto al de estudiante (revisor, admin, etc)
+ *
+ * @example
+ * isCourseActive(action.enabled, Profile.id)
+ */
+export declare const isCourseActive: (enabled: boolean, profileID?: number) => boolean;

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

@@ -0,0 +1,13 @@
+interface payload {
+    px: string;
+    rem: string;
+    remValue: number;
+}
+/**
+ * Obtine max-width que debe tener el wrapper de CourseList
+ * @param {number} nCols Por defecto es 4
+ * @example
+ * maxWidthCoursesList()
+ */
+export declare function maxWidthCoursesList(nCols?: number): payload;
+export {};

package/dist/organisms/Events/Eventos.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { EventosProps } from './EventsTypes';
+export declare const Eventos: FC<EventosProps>;

package/dist/organisms/Events/EventsTypes.d.ts

@@ -0,0 +1,17 @@
+export interface EventosProps {
+  typeEvent: 'SMALL_EVENTS' | 'LARGE_EVENTS' | string
+  isMobile?: boolean
+  itemsEvent: ItemsEventsProps
+}
+
+export interface ItemsEventsProps {
+  id: string
+  eventTitle: string
+  startDate: string
+  startTime: string
+  buttonInfo: string
+  redirect: string
+  eventImage: string
+  targetBlank?: boolean
+  isMobile?: boolean
+}

package/dist/organisms/Events/Icons/Calendar.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface CalendarProps {
+    color?: string;
+}
+export declare const Calendar: FC<CalendarProps>;
+export {};

package/dist/organisms/Events/Icons/Clock.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface ClockProps {
+    color?: string;
+}
+export declare const Clock: FC<ClockProps>;
+export {};

package/dist/organisms/Events/Icons/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Calendar';
+export * from './Clock';

package/dist/organisms/Events/TypeBox/LargeBox.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ItemsEventsProps } from '../EventsTypes';
+export declare const LargeBox: FC<ItemsEventsProps>;

package/dist/organisms/Events/TypeBox/SmallBox.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ItemsEventsProps } from '../EventsTypes';
+export declare const SmallBox: FC<ItemsEventsProps>;

package/dist/organisms/Events/TypeBox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LargeBox';
+export * from './SmallBox';

package/dist/organisms/Events/index.d.ts

@@ -0,0 +1 @@
+export * from './Eventos';

package/dist/organisms/ModalAlert/ModalAlert.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ModalAlertProps } from './types';
+export declare function ModalAlert({ showModal, typeAlert, title, description, optionsButton, top, }: ModalAlertProps): JSX.Element;
+export declare namespace ModalAlert {
+    var displayName: string;
+}

package/dist/organisms/ModalAlert/index.d.ts

@@ -0,0 +1 @@
+export * from './ModalAlert';

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

@@ -0,0 +1,25 @@
+export interface ModalAlertProps {
+  /** Muestra/Oculta el modal */
+  showModal: boolean
+
+  /** Tipo de alerta */
+  typeAlert: 'success' | 'error' | 'warning' | 'info'
+
+  /** Título del modal */
+  title?: string
+
+  /** Mensaje del modal */
+  description?: string | any
+
+  /** Opciones del boton */
+  optionsButton: optionsButton[]
+
+  /** Posición del modal */
+  top?: string
+}
+
+interface optionsButton {
+  id: string
+  label: string
+  action: () => void
+}

package/dist/organisms/Resources/Icons/Avi.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Avi: FC;

package/dist/organisms/Resources/Icons/Csv.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Csv: FC;

package/dist/organisms/Resources/Icons/Doc.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Doc: FC;

package/dist/organisms/Resources/Icons/Docx.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Docx: FC;

package/dist/organisms/Resources/Icons/Gif.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Gif: FC;

package/dist/organisms/Resources/Icons/Icons.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface IconsProps {
+    type: string | 'avi' | 'csv' | 'doc' | 'docx' | 'gif' | 'jpeg' | 'jpg' | 'mkv' | 'mp3' | 'mp4' | 'pdf' | 'png' | 'ppt' | 'pptx' | 'wav' | 'xls' | 'xlsx';
+}
+export declare const Icons: FC<IconsProps>;
+export {};

package/dist/organisms/Resources/Icons/Jpeg.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Jpeg: FC;

package/dist/organisms/Resources/Icons/Jpg.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Jpg: FC;

package/dist/organisms/Resources/Icons/Mkv.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Mkv: FC;

package/dist/organisms/Resources/Icons/Mp3.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Mp3: FC;

package/dist/organisms/Resources/Icons/Mp4.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Mp4: FC;

package/dist/organisms/Resources/Icons/Pdf.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Pdf: FC;

package/dist/organisms/Resources/Icons/Png.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Png: FC;

package/dist/organisms/Resources/Icons/Ppt.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Ppt: FC;

package/dist/organisms/Resources/Icons/Pptx.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Pptx: FC;

package/dist/organisms/Resources/Icons/Url.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Url: FC;

package/dist/organisms/Resources/Icons/Wav.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Wav: FC;

package/dist/organisms/Resources/Icons/Xls.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Xls: FC;

package/dist/organisms/Resources/Icons/Xlsx.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Xlsx: FC;

package/dist/organisms/Resources/Icons/index.d.ts

@@ -0,0 +1,19 @@
+export * from './Avi';
+export * from './Csv';
+export * from './Doc';
+export * from './Docx';
+export * from './Gif';
+export * from './Icons';
+export * from './Jpeg';
+export * from './Jpg';
+export * from './Mkv';
+export * from './Mp3';
+export * from './Mp4';
+export * from './Pdf';
+export * from './Png';
+export * from './Ppt';
+export * from './Pptx';
+export * from './Wav';
+export * from './Xls';
+export * from './Xlsx';
+export * from './Url';

package/dist/organisms/Resources/Resources.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+interface ResourcesProps {
+    id: string | number;
+    resourceType: string;
+    resourceTitle: string;
+    resourceDetail: string;
+    resourceTextDownload: string;
+    resourceLink: string;
+    targetBlank?: boolean;
+}
+export declare const Resources: FC<ResourcesProps>;
+export {};

package/dist/organisms/Resources/StandardBackground.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface StandardBackgroundProps {
+    colorFill: string;
+}
+export declare const StandardBackground: FC<StandardBackgroundProps>;
+export {};

package/dist/organisms/Resources/index.d.ts

@@ -0,0 +1 @@
+export * from './Resources';

package/dist/organisms/index.d.ts

@@ -0,0 +1,6 @@
+export * from './CourseList';
+export * from './Alerts';
+export * from './ModalAlert';
+export * from './Events';
+export * from './Resources';
+export * from './Calendar';

package/dist/services/index.d.ts

@@ -0,0 +1 @@
+export * from './uniqueId';

package/dist/services/uniqueId.d.ts

@@ -0,0 +1 @@
+export declare function uniqueId(): string;