@eclass/ui-kit 1.33.0 → 1.33.2

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export * from '@atoms';
-export * from '@molecules';
-export * from '@organisms';
-export * from '@theme';
+export * from "./atoms";
+export * from "./molecules";
+export * from "./organisms";
+export * from "./theme";

package/dist/molecules/Buttons/BtnPrimary.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { type propsBaseBtns } from './Btn';
+import { propsBaseBtns } from './Btn';
 /**
  * Componente BtnPrimary
  *

package/dist/molecules/Buttons/BtnSecondary.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { type propsBaseBtns } from './Btn';
+import { propsBaseBtns } from './Btn';
 /**
  * Componente BtnSecondary
  *

package/dist/molecules/Buttons/BtnTertiary.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
 export interface propsTertiaryBtn {
     iconStatus?: 'answer' | 'ahead' | 'back' | 'edit' | 'delete' | 'more' | 'password' | 'multimedia' | 'record' | 'download' | 'noIcon';
-    /** Se permite agregar un nuevo icono, para casos en que no sirvan los de la lista definida */
-    iconCustom?: JSX.Element;
     children?: React.ReactNode;
     rightIcon?: boolean;
+    iconCustom?: JSX.Element;
     withoutColor?: boolean;
     m?: string;
     type?: 'button' | 'submit' | 'reset';

package/dist/molecules/Tooltip/NewTooltip.d.ts

@@ -1,5 +1,5 @@
-import { type FC, type ReactElement } from 'react';
-import { type PlacementWithLogical } from '@chakra-ui/react';
+import { FC } from 'react';
+import { PlacementWithLogical } from '@chakra-ui/react';
 interface TooltipProps {
     className?: string;
     label?: React.ReactNode;
@@ -7,7 +7,6 @@ interface TooltipProps {
     m?: string;
     maxWidth?: string;
     placement?: PlacementWithLogical;
-    children?: ReactElement;
 }
 export declare const NewTooltip: FC<TooltipProps>;
 export {};

package/dist/organisms/Alerts/Alert.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { type IAlertProps } from './types.d';
+import { IAlertProps } from './types.d';
 /**
  * Componente de alerta embebida que puede tener 4 estados diferentes.
  * Opcionalmente puede llevar un botón. El botón puede mostrar sólo un texto
@@ -14,4 +13,4 @@ import { type IAlertProps } from './types.d';
  * Mensaje
  * </Alert>
  */
-export declare function Alert({ children, canDismiss, buttonText, buttonIcon, buttonLink, isFlash, onClick, state, m, }: IAlertProps): JSX.Element;
+export declare function Alert({ children, canDismiss, buttonText, buttonIcon, buttonLink, fullWidth, isFlash, onClick, state, m, }: IAlertProps): JSX.Element;

package/dist/organisms/Alerts/FlashNotification.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { type IFlashNotificationProps } from './types.d';
+import { IFlashNotificationProps } from './types.d';
 /**
  * Componente de notificación flash que se muestra centrada en la parte superior de la pantalla.
  * Para implementarlo, se usa en conjunto con el hook useFlashNotification.

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

@@ -0,0 +1,70 @@
+type TState = 'error' | 'info' | 'success' | 'warning'
+export interface IAlertProps {
+  /**
+   * Mensaje de alerta
+   */
+  children?: React.ReactChild | React.ReactChild[]
+  /**
+   * Muestra el botón para cerrar
+   */
+  canDismiss?: boolean
+  /**
+   * Texto del botón
+   */
+  buttonText?: string
+  /**
+   * Ícono del botón
+   */
+  buttonIcon?: React.ReactElement
+  /**
+   * Boolean que determina si el botón es tipo link
+   */
+  buttonLink?: boolean
+  /**
+   * Ancho al 100% del contenedot
+   */
+  fullWidth?: boolean
+  /**
+   * Para notificación flash
+   */
+  isFlash?: boolean
+  /**
+   * Función del botón
+   */
+  onClick?: () => void
+  /**
+   * Estado que define color e ícono de la alerta
+   * @exampe
+   * 'error'
+   * 'info'
+   * 'success'
+   * 'warning'
+   */
+  state: TState
+  /**
+   * Margen
+   */
+  m?: string
+}
+
+export interface IFlashNotificationProps {
+  /**
+   * Margen
+   */
+  m?: string
+  /**
+   * Mensaje que muestra la notificación
+   */
+  message: string
+  /**
+   * Estado que define color e ícono de la alerta
+   * @exampe
+   * 'error'
+   * 'info'
+   * 'success'
+   * 'warning'
+   * @
+   */
+  state: TState
+  show?: boolean
+}

package/dist/organisms/Alerts/utils/alertStates.d.ts

@@ -1,21 +1,21 @@
 export declare const alertStates: {
     success: {
-        icon: import("react/jsx-runtime").JSX.Element;
+        icon: JSX.Element;
         bg: string;
         id: string;
     };
     error: {
-        icon: import("react/jsx-runtime").JSX.Element;
+        icon: JSX.Element;
         bg: string;
         id: string;
     };
     info: {
-        icon: import("react/jsx-runtime").JSX.Element;
+        icon: JSX.Element;
         bg: string;
         id: string;
     };
     warning: {
-        icon: import("react/jsx-runtime").JSX.Element;
+        icon: JSX.Element;
         bg: string;
         id: string;
     };

package/dist/organisms/Alerts/utils/useFlashNotification.d.ts

@@ -1,4 +1,4 @@
-import { type IFlashNotificationProps } from '../types';
+import { IFlashNotificationProps } from '../types';
 /**
  * Hook que actúa como trigger del componente FlashNotification,
  * usando los siguientes parámetros:

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type * as Type from '../types';
+import * as Type from '../types';
 interface ImageBoxProps {
     backgroundImg: string;
     title: string;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type * as Type from '../types';
+import * as Type from '../types';
 export declare const CourseBoxContext: React.Context<Partial<import("@eclass/api").AcademicBox>>;
 interface IBoxTraditional {
     data: Type.AcademicList;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { type AcademicList, type WrapperCoursesProps } from '../types';
+import { AcademicList, WrapperCoursesProps } from '../types';
 interface IBoxes {
     type: WrapperCoursesProps['typeBox'];
     modalPaymentText: WrapperCoursesProps['modalPaymentText'];

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type * as Type from './types';
+import * as Type from './types';
 export declare const columnGap = 1.25;
 export declare const wCourse = 17.8125;
 /**

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { type ProgressCourse, type StatusCourse } from '@eclass/api';
+import { ProgressCourse, StatusCourse } from '@eclass/api';
 interface props {
     /** import { ProgressCourse } from '@eclass/api' */
     progress: ProgressCourse;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface DateStatusProps {
     date?: string;
 }

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type * as Type from '../types';
+import * as Type from '../types';
 export declare function Footer({ modalPaymentText }: Type.FooterProps): JSX.Element | null;
 export declare namespace Footer {
     var displayName: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function Header(): JSX.Element;
 export declare namespace Header {
     var displayName: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IconSelectionProps {
     type: string;
     progressValue?: number;

package/dist/organisms/CourseList/components/Modal/PaymentModal.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type * as Type from '../../types';
+import * as Type from '../../types';
 interface PaymentModalProps {
     isOpen: boolean;
     onOpen: () => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function Section(): JSX.Element | null;
 export declare namespace Section {
     var displayName: string;

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

@@ -0,0 +1,37 @@
+import { AcademicBox } from '@eclass/api'
+
+export type AcademicList = AcademicBox
+
+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

@@ -1,4 +1,4 @@
-export type icon = 'schedule' | 'certificate' | 'circularCheck' | 'progress' | 'circularInformation';
+export declare type icon = 'schedule' | 'certificate' | 'circularCheck' | 'progress' | 'circularInformation';
 export declare const dataBase: {
     name: string;
     background: string;

package/dist/theme/index.d.ts

@@ -1,2 +1,2 @@
-export declare const theme: Record<string, any>;
+export declare const theme: import("@chakra-ui/utils").Dict<any>;
 export declare const vars: (value: string) => string;