@trii/components 2.0.74 → 2.0.76

package/dist/cjs/types/components/ModalEvents/types/index.d.ts

@@ -1,376 +0,0 @@
-/// <reference types="react" />
-import { Moment } from 'moment';
-/**
- * Modos de operación del modal
- */
-export type ModalMode = 'create' | 'edit' | 'view' | 'duplicate';
-/**
- * Tipos de elementos que puede manejar el modal
- */
-export type ItemType = 'event' | 'task';
-/**
- * Estructura de una notificación/recordatorio
- */
-export interface Notification {
-    id?: string;
-    type: 'minutes' | 'hours' | 'days';
-    value: number;
-    sendToContact?: boolean;
-}
-/**
- * Estructura de un calendario
- */
-export interface Calendar {
-    id: string;
-    /** Nombre del calendario (para compatibilidad con versiones anteriores) */
-    name?: string;
-    /** Título del calendario (usado por la API de Trii) */
-    title?: string;
-    color?: string;
-}
-/**
- * Estructura de un contacto
- */
-export interface Contact {
-    id: string;
-    name: string;
-    email?: string;
-    phone?: string;
-    avatarUrl?: string;
-}
-/**
- * Estructura de un usuario para compartir
- */
-export interface User {
-    id: string;
-    name: string;
-    email?: string;
-    avatarUrl?: string;
-}
-/**
- * Datos de un evento
- *
- * Nota para desarrolladores Trii: Mapeo de propiedades de la API:
- * - title ← title
- * - description ← details
- * - startDate ← startAt (convertir a Moment)
- * - endDate ← endAt (convertir a Moment)
- * - allDay ← allDay
- * - calendarId ← calendarId
- * - color ← color
- * - location ← location
- * - isPrivate ← isPrivate
- * - recurrence ← rule
- * - notifications ← notifications
- * - linkedContacts ← relatedContact
- * - finalized ← finalized
- */
-export interface EventData {
-    id?: string;
-    title: string;
-    /** Descripción del evento (API: details) */
-    description?: string;
-    /** Fecha y hora de inicio (API: startAt) */
-    startDate: Moment;
-    /** Fecha y hora de fin (API: endAt) */
-    endDate: Moment;
-    allDay: boolean;
-    calendarId: string;
-    color: string;
-    location?: string;
-    isPrivate?: boolean;
-    /** Regla de recurrencia (API: rule) */
-    recurrence?: string;
-    notifications: Notification[];
-    /** Contactos vinculados (API: relatedContact) */
-    linkedContacts: Contact[];
-    sharedUsers?: string[];
-    finalized?: boolean;
-}
-/**
- * Datos de una tarea
- */
-export interface TaskData {
-    id?: string;
-    title: string;
-    description?: string;
-    dueDate: Moment;
-    calendarId: string;
-    notifications: Notification[];
-    linkedContacts: Contact[];
-    sharedUsers?: string[];
-    finalized?: boolean;
-}
-/**
- * Configuración de campos visibles
- */
-export interface FieldsConfig {
-    showTitle?: boolean;
-    showDescription?: boolean;
-    showCalendar?: boolean;
-    showDateTime?: boolean;
-    showAllDay?: boolean;
-    showRecurrence?: boolean;
-    showColor?: boolean;
-    showLocation?: boolean;
-    showPrivate?: boolean;
-    showNotifications?: boolean;
-    showLinkedContacts?: boolean;
-    showSharedUsers?: boolean;
-}
-/**
- * Textos personalizables del modal
- */
-export interface ModalLabels {
-    createEvent?: string;
-    editEvent?: string;
-    viewEvent?: string;
-    createTask?: string;
-    editTask?: string;
-    viewTask?: string;
-    eventTab?: string;
-    taskTab?: string;
-    title?: string;
-    titlePlaceholder?: string;
-    description?: string;
-    descriptionPlaceholder?: string;
-    calendar?: string;
-    calendarPlaceholder?: string;
-    date?: string;
-    startTime?: string;
-    endTime?: string;
-    allDay?: string;
-    recurrence?: string;
-    color?: string;
-    location?: string;
-    locationPlaceholder?: string;
-    private?: string;
-    notifications?: string;
-    addNotification?: string;
-    linkedContacts?: string;
-    searchContacts?: string;
-    sharedUsers?: string;
-    save?: string;
-    saveEvent?: string;
-    saveTask?: string;
-    cancel?: string;
-    delete?: string;
-    edit?: string;
-    duplicate?: string;
-    close?: string;
-}
-/**
- * Props del componente ModalEvents
- */
-export interface ModalEventsProps {
-    open: boolean;
-    onClose: () => void;
-    mode: ModalMode;
-    type: ItemType;
-    showTypeTabs?: boolean;
-    onTypeChange?: (type: ItemType) => void;
-    eventData?: Partial<EventData>;
-    taskData?: Partial<TaskData>;
-    onSave?: (data: EventData | TaskData, type: ItemType) => void | Promise<void>;
-    onDelete?: (id: string, type: ItemType) => void | Promise<void>;
-    onDuplicate?: () => void;
-    onEdit?: () => void;
-    calendars: Calendar[];
-    fieldsConfig?: FieldsConfig;
-    labels?: ModalLabels;
-    contacts?: Contact[];
-    onSearchContacts?: (query: string) => Promise<Contact[]>;
-    isSearchingContacts?: boolean;
-    searchDebounceMs?: number;
-    users?: User[];
-    onSearchUsers?: (query: string) => Promise<User[]>;
-    isSearchingUsers?: boolean;
-    isSaving?: boolean;
-    isDeleting?: boolean;
-    validationErrors?: Record<string, string>;
-    slots?: ModalSlots;
-}
-/**
- * Props comunes pasadas a todos los slots
- */
-export interface BaseSlotProps {
-    disabled: boolean;
-    mode: ModalMode;
-    type: ItemType;
-}
-/**
- * Props para el slot de título
- */
-export interface TitleSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string;
-    error?: string;
-    variant?: 'default' | 'inline';
-}
-/**
- * Props para el slot de descripción
- */
-export interface DescriptionSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string;
-}
-/**
- * Props para el slot de calendario
- */
-export interface CalendarSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (calendarId: string) => void;
-    calendars: Calendar[];
-    placeholder?: string;
-}
-/**
- * Props para el slot de fecha/hora (eventos)
- */
-export interface DateTimeSlotProps extends BaseSlotProps {
-    startDate: Moment;
-    endDate: Moment;
-    onStartDateChange: (date: Moment) => void;
-    onEndDateChange: (date: Moment) => void;
-    allDay: boolean;
-    onAllDayChange: (allDay: boolean) => void;
-    error?: boolean;
-}
-/**
- * Props para el slot de fecha/hora (tareas)
- */
-export interface TaskDateSlotProps extends BaseSlotProps {
-    dueDate: Moment;
-    onDueDateChange: (date: Moment) => void;
-    error?: boolean;
-}
-/**
- * Props para el slot de color
- */
-export interface ColorSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (color: string) => void;
-}
-/**
- * Props para el slot de ubicación
- */
-export interface LocationSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (location: string) => void;
-    placeholder?: string;
-}
-/**
- * Props para el slot de recurrencia
- */
-export interface RecurrenceSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (recurrence: string) => void;
-}
-/**
- * Props para el slot de notificaciones
- */
-export interface NotificationsSlotProps extends BaseSlotProps {
-    notifications: Notification[];
-    onAdd: () => void;
-    onRemove: (index: number) => void;
-    onChange: (index: number, notification: Notification) => void;
-}
-/**
- * Props para el slot de contactos vinculados
- */
-export interface LinkedContactsSlotProps extends BaseSlotProps {
-    linkedContacts: Contact[];
-    onAdd: (contact: Contact) => void;
-    onRemove: (contactId: string) => void;
-    searchQuery: string;
-    onSearchChange: (query: string) => void;
-    searchResults: Contact[];
-    isSearching: boolean;
-}
-/**
- * Props para el slot de usuarios compartidos
- */
-export interface SharedUsersSlotProps extends BaseSlotProps {
-    selectedUserIds: string[];
-    onChange: (userIds: string[]) => void;
-    users: User[];
-}
-/**
- * Props para el slot de botones de acción
- */
-export interface ActionButtonsSlotProps extends BaseSlotProps {
-    onSave: () => void;
-    onCancel: () => void;
-    onDelete?: () => void;
-    onEdit?: () => void;
-    onDuplicate?: () => void;
-    isSaving: boolean;
-    isDeleting: boolean;
-    canDelete: boolean;
-    labels: {
-        save: string;
-        cancel: string;
-        delete: string;
-        edit: string;
-        duplicate: string;
-    };
-}
-/**
- * Slots para renderizado personalizado de secciones del modal
- *
- * Cada slot recibe las props necesarias para renderizar esa sección.
- * Si no se proporciona, se usa el renderizado por defecto.
- *
- * @example
- * ```tsx
- * import { TitleTextField } from '@trii/components/EventDialog';
- *
- * <ModalEvents
- *   slots={{
- *     title: (props) => <TitleTextField titleField={adaptToUseField(props)} disabled={props.disabled} />,
- *     location: (props) => <LocationTextField locationField={adaptToUseField(props)} disabled={props.disabled} />,
- *   }}
- * />
- * ```
- */
-export interface ModalSlots {
-    /** Renderiza el campo de título */
-    title?: (props: TitleSlotProps) => React.ReactNode;
-    /** Renderiza el campo de descripción */
-    description?: (props: DescriptionSlotProps) => React.ReactNode;
-    /** Renderiza el selector de calendario */
-    calendar?: (props: CalendarSlotProps) => React.ReactNode;
-    /** Renderiza el selector de fecha/hora para eventos */
-    dateTime?: (props: DateTimeSlotProps) => React.ReactNode;
-    /** Renderiza el selector de fecha/hora para tareas */
-    taskDate?: (props: TaskDateSlotProps) => React.ReactNode;
-    /** Renderiza el selector de color */
-    color?: (props: ColorSlotProps) => React.ReactNode;
-    /** Renderiza el campo de ubicación */
-    location?: (props: LocationSlotProps) => React.ReactNode;
-    /** Renderiza el selector de recurrencia */
-    recurrence?: (props: RecurrenceSlotProps) => React.ReactNode;
-    /** Renderiza la sección de notificaciones/recordatorios */
-    notifications?: (props: NotificationsSlotProps) => React.ReactNode;
-    /** Renderiza la sección de contactos vinculados */
-    linkedContacts?: (props: LinkedContactsSlotProps) => React.ReactNode;
-    /** Renderiza la sección de usuarios compartidos */
-    sharedUsers?: (props: SharedUsersSlotProps) => React.ReactNode;
-    /** Renderiza los botones de acción (guardar, cancelar, etc.) */
-    actionButtons?: (props: ActionButtonsSlotProps) => React.ReactNode;
-    /** Renderiza el header del modal */
-    header?: (props: BaseSlotProps & {
-        title: string;
-        onClose: () => void;
-    }) => React.ReactNode;
-    /** Renderiza los tabs de tipo (evento/tarea) */
-    typeTabs?: (props: {
-        value: ItemType;
-        onChange: (type: ItemType) => void;
-        labels: {
-            event: string;
-            task: string;
-        };
-    }) => React.ReactNode;
-}

package/dist/cjs/types/components/TextBox/TestBox.d.ts

@@ -1,8 +0,0 @@
-export interface TestBoxProps {
-    /**
-     * Color of the box background
-     */
-    bgColor?: 'red' | 'blue' | 'green';
-}
-declare const TestBox: ({ bgColor }: TestBoxProps) => import("react/jsx-runtime").JSX.Element;
-export default TestBox;

package/dist/cjs/types/components/TextBox/index.d.ts

@@ -1 +0,0 @@
-export { default } from './TestBox';

package/dist/cjs/types/components/index.d.ts

@@ -1,4 +0,0 @@
-export { default as TestBox } from './TextBox';
-export { default as ContactInfoPopup } from './ContactInfoPopup';
-export { ModalEvents } from './ModalEvents';
-export type { ModalEventsProps, ModalMode, ItemType, EventData, TaskData, Notification, Calendar, Contact, FieldsConfig, ModalLabels, } from './ModalEvents';

package/dist/cjs/types/index.d.ts

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

package/dist/cjs/types/src/components/ContactInfoPopup/ContactInfoPopup.d.ts

@@ -1,14 +0,0 @@
-import { IBusiness, IContact } from '@trii/types/dist/Contacts';
-import { SxProps, Theme } from '@mui/material';
-export interface ContactInfoPopupProps {
-    open: boolean;
-    anchorEl: HTMLElement | null;
-    onClose: () => void;
-    t?: (key: string) => string;
-    contactData?: IContact | IBusiness;
-    avatarImgUrl?: string;
-    sx?: SxProps<Theme>;
-    navigate: (path: string) => void;
-}
-declare const ContactInfoPopup: ({ open, anchorEl, onClose, contactData, avatarImgUrl, navigate, t, }: ContactInfoPopupProps) => import("react/jsx-runtime").JSX.Element;
-export default ContactInfoPopup;

package/dist/cjs/types/src/components/ContactInfoPopup/components/BusinessSection/BusinessSection.d.ts

@@ -1,7 +0,0 @@
-import { IContact } from '@trii/types/dist/Contacts';
-interface BusinessSectionProps {
-    contactData?: IContact;
-    title: string;
-}
-declare const BusinessSection: ({ contactData, title }: BusinessSectionProps) => import("react/jsx-runtime").JSX.Element | null;
-export default BusinessSection;

package/dist/cjs/types/src/components/ContactInfoPopup/components/BusinessSection/index.d.ts

@@ -1 +0,0 @@
-export { default } from './BusinessSection';

package/dist/cjs/types/src/components/ContactInfoPopup/components/ContactMethod/ContactMethod.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { IContactAddress } from '@trii/types/dist/Contacts';
-interface ContactProps {
-    contactList: IContactAddress[];
-    title?: string;
-    showTitle?: boolean;
-    icon: React.ReactNode;
-}
-declare const ContactMethod: ({ icon, contactList, title, showTitle, }: ContactProps) => import("react/jsx-runtime").JSX.Element;
-export default ContactMethod;

package/dist/cjs/types/src/components/ContactInfoPopup/components/ContactMethod/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ContactMethod';

package/dist/cjs/types/src/components/ContactInfoPopup/components/Header/Header.d.ts

@@ -1,12 +0,0 @@
-type HeaderProps = {
-    imgUrl?: string;
-    name?: string;
-    contactId?: string;
-    navigate: (path: string) => void;
-    isLoading?: boolean;
-    onError?: (error: Error) => void;
-    onClose: () => void;
-    isBusiness?: boolean;
-};
-declare const Header: ({ imgUrl, name, contactId, navigate, isLoading, onError, onClose, isBusiness }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export default Header;

package/dist/cjs/types/src/components/ContactInfoPopup/components/Header/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Header';

package/dist/cjs/types/src/components/ContactInfoPopup/components/LabelsSection/LabelsSection.d.ts

@@ -1,7 +0,0 @@
-import { IContact, IBusiness } from '@trii/types/dist/Contacts';
-interface LabelsSectionProps {
-    contactData?: IContact | IBusiness;
-    title: string;
-}
-declare const LabelsSection: ({ contactData, title }: LabelsSectionProps) => import("react/jsx-runtime").JSX.Element | null;
-export default LabelsSection;

package/dist/cjs/types/src/components/ContactInfoPopup/components/LabelsSection/index.d.ts

@@ -1 +0,0 @@
-export { default } from './LabelsSection';

package/dist/cjs/types/src/components/ContactInfoPopup/components/MembersSection/MembersSection.d.ts

@@ -1,7 +0,0 @@
-import { IBusiness } from '@trii/types/dist/Contacts';
-interface MembersSectionProps {
-    contactData?: IBusiness;
-    title: string;
-}
-declare const MembersSection: ({ contactData, title }: MembersSectionProps) => import("react/jsx-runtime").JSX.Element | null;
-export default MembersSection;

package/dist/cjs/types/src/components/ContactInfoPopup/components/MembersSection/components/MemberItem/MemberItem.d.ts

@@ -1,4 +0,0 @@
-declare const MemberItem: ({ name }: {
-    name: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default MemberItem;

package/dist/cjs/types/src/components/ContactInfoPopup/components/MembersSection/components/MemberItem/index.d.ts

@@ -1 +0,0 @@
-export { default } from './MemberItem';

package/dist/cjs/types/src/components/ContactInfoPopup/components/MembersSection/components/index.d.ts

@@ -1 +0,0 @@
-export { default as MemberItem } from './MemberItem';

package/dist/cjs/types/src/components/ContactInfoPopup/components/MembersSection/index.d.ts

@@ -1 +0,0 @@
-export { default } from './MembersSection';

package/dist/cjs/types/src/components/ContactInfoPopup/components/Properties/Properties.d.ts

@@ -1,7 +0,0 @@
-import { Property } from '@trii/types/dist/Contacts';
-interface Props {
-    properties: Property[] | undefined;
-    title: string;
-}
-declare const Properties: ({ properties, title }: Props) => import("react/jsx-runtime").JSX.Element;
-export default Properties;

package/dist/cjs/types/src/components/ContactInfoPopup/components/Properties/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Properties';

package/dist/cjs/types/src/components/ContactInfoPopup/components/index.d.ts

@@ -1,6 +0,0 @@
-export { default as Header } from './Header';
-export { default as ContactMethod } from './ContactMethod';
-export { default as Properties } from './Properties';
-export { default as LabelsSection } from './LabelsSection';
-export { default as BusinessSection } from './BusinessSection';
-export { default as MembersSection } from './MembersSection';

package/dist/cjs/types/src/components/ContactInfoPopup/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ContactInfoPopup';

package/dist/cjs/types/src/components/ContactInfoPopup/types/is-business.typeguard.d.ts

@@ -1,7 +0,0 @@
-import { IBusiness } from '@trii/types/dist/Contacts/contacts';
-/**
- * Type guard to check if an object is an IBusiness
- * @param obj The object to check
- * @returns True if the object is an IBusiness
- */
-export declare function isBusiness(obj: any): obj is IBusiness;

package/dist/cjs/types/src/components/ContactInfoPopup/types/is-contact.typeguard.d.ts

@@ -1,7 +0,0 @@
-import { IContact } from '@trii/types/dist/Contacts/contacts';
-/**
- * Type guard to check if an object is an IContact
- * @param obj The object to check
- * @returns True if the object is an IContact
- */
-export declare function isContact(obj: any): obj is IContact;

package/dist/cjs/types/src/components/ModalEvents/ModalEvents.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import type { ModalEventsProps } from './types';
-/**
- * ModalEvents - Componente reutilizable para crear/editar/visualizar eventos y tareas
- *
- * Este componente es completamente controlado desde el exterior. No mantiene estado interno
- * de datos, todo se maneja a través de props y callbacks.
- *
- * @example
- * ```tsx
- * <ModalEvents
- *   open={isOpen}
- *   onClose={handleClose}
- *   mode="create"
- *   type="event"
- *   eventData={eventData}
- *   onSave={handleSave}
- *   calendars={calendars}
- * />
- * ```
- */
-declare const ModalEvents: React.FC<ModalEventsProps>;
-export default ModalEvents;

package/dist/cjs/types/src/components/ModalEvents/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * ModalEvents - Componente para gestión de eventos y tareas
- *
- * Exporta el componente principal y todos los tipos necesarios
- */
-export { default as ModalEvents } from './ModalEvents';
-export * from './types';