@trii/components 2.0.66 → 2.0.68

package/dist/index.d.ts

@@ -1,410 +1,196 @@
-/// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IContact, IBusiness } from '@trii/types/dist/Contacts';
 import { SxProps, Theme } from '@mui/material';
-import React$1 from 'react';
-import { Moment } from 'moment';
-
-interface TestBoxProps {
-    /**
-     * Color of the box background
-     */
-    bgColor?: 'red' | 'blue' | 'green';
-}
-declare const TestBox: ({ bgColor }: TestBoxProps) => react_jsx_runtime.JSX.Element;
+import { IContact as IContact$1, IBusiness as IBusiness$1 } from '@trii/types/dist/Contacts/contacts';
+import React from 'react';
+import { ICalendar } from '@trii/types/dist/Calendar/Calendar';
+import { IEvent } from '@trii/types/dist/Calendar';
+import * as i18next from 'i18next';
 
 interface ContactInfoPopupProps {
     open: boolean;
     anchorEl: HTMLElement | null;
     onClose: () => void;
-    t?: (key: string) => string;
+    language?: 'en' | 'es';
     contactData?: IContact | IBusiness;
     avatarImgUrl?: string;
     sx?: SxProps<Theme>;
     navigate: (path: string) => void;
 }
-declare const ContactInfoPopup: ({ open, anchorEl, onClose, contactData, avatarImgUrl, navigate, t, }: ContactInfoPopupProps) => react_jsx_runtime.JSX.Element;
+declare const ContactInfoPopup: (props: ContactInfoPopupProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * Modos de operación del modal
- */
-type ModalMode = 'create' | 'edit' | 'view' | 'duplicate';
-/**
- * Tipos de elementos que puede manejar el modal
- */
-type ItemType = 'event' | 'task';
-/**
- * Estructura de una notificación/recordatorio
- */
-interface Notification {
+interface Props {
+    open: boolean;
+    onClose: () => void;
+    baseUrl?: string;
+    spaceId?: string;
+    contactId?: string;
+    language?: 'en' | 'es';
+    sx?: SxProps<Theme>;
+    navigate: (path: string) => void;
+    googleMapsApiKey?: string;
+    onEntityUpdated?: (entity: IContact$1 | IBusiness$1) => void;
+}
+declare const EditContactModal: (props: Props) => react_jsx_runtime.JSX.Element;
+
+type Mode = 'view' | 'create' | 'edit';
+
+type DialogType = 'event' | 'task';
+
+interface Notification$1 {
     id?: string;
     type: 'minutes' | 'hours' | 'days';
     value: number;
     sendToContact?: boolean;
 }
-/**
- * Estructura de un calendario
- */
-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
- */
-interface Contact {
-    id: string;
-    name: string;
-    email?: string;
-    phone?: string;
-    avatarUrl?: string;
-}
-/**
- * Estructura de un usuario para compartir
- */
-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
- */
 interface EventData {
     id?: string;
     title: string;
-    /** Descripción del evento (API: details) */
+    details?: string;
     description?: string;
-    /** Fecha y hora de inicio (API: startAt) */
-    startDate: Moment;
-    /** Fecha y hora de fin (API: endAt) */
-    endDate: Moment;
+    startAt: string;
+    endAt: string;
     allDay: boolean;
-    calendarId: string;
-    color: string;
+    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;
+    rule?: string;
+    notifications?: Notification$1[];
+    relatedContactId?: string;
+    sharedWith?: string[];
 }
-/**
- * Datos de una tarea
- */
 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
- */
-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
- */
-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;
+    startAt: string;
+    endAt: string;
+    calendarId?: string;
+    isCompleted?: boolean;
+    relatedContactId?: string;
 }
 /**
- * Props del componente ModalEvents
+ * Props para el componente EventsDialog
+ * Siguiendo el patrón de EditContactModal para consistencia
  */
-interface ModalEventsProps {
+interface EventsDialogProps {
+    /** Estado de apertura del modal */
     open: boolean;
+    /** Callback al cerrar el modal */
     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>;
+    /** URL base de la API */
+    baseUrl?: string;
+    /** ID del espacio */
+    spaceId?: string;
+    /** Idioma de la interfaz */
+    language?: 'en' | 'es';
+    /** Estilos personalizados */
+    sx?: SxProps<Theme>;
+    /** Modo del diálogo: 'create' | 'edit' | 'view' */
+    mode?: Mode;
+    /** Tipo de diálogo: 'event' | 'task' */
+    type?: DialogType;
+    /** Lista de calendarios disponibles */
+    calendars?: ICalendar[];
+    /** ID del calendario seleccionado para eventos */
+    eventCalendarId?: string;
+    /** ID del calendario seleccionado para tareas */
+    taskCalendarId?: string;
+    /** Evento seleccionado para editar/ver */
+    selectedEvent?: IEvent | null;
+    /** Tarea seleccionada para editar/ver */
+    selectedTask?: any | null;
+    /** Callback al crear un evento */
+    onCreateEvent?: (eventData: EventData) => void | Promise<void>;
+    /** Callback al actualizar un evento */
+    onUpdateEvent?: (eventId: string, eventData: EventData) => void | Promise<void>;
+    /** Callback al eliminar un evento */
+    onDeleteEvent?: (eventId: string) => void | Promise<void>;
+    /** Callback al crear una tarea */
+    onCreateTask?: (taskData: TaskData) => void | Promise<void>;
+    /** Callback al actualizar una tarea */
+    onUpdateTask?: (taskId: string, taskData: TaskData) => void | Promise<void>;
+    /** Callback al eliminar una tarea */
+    onDeleteTask?: (taskId: string) => void | Promise<void>;
+    /** Callback al duplicar un elemento */
     onDuplicate?: () => void;
+    /** Callback al cambiar el modo a edición */
     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
- */
-interface BaseSlotProps {
-    disabled: boolean;
-    mode: ModalMode;
-    type: ItemType;
-}
-/**
- * Props para el slot de título
- */
-interface TitleSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string;
-    error?: string;
-    variant?: 'default' | 'inline';
-}
-/**
- * Props para el slot de descripción
- */
-interface DescriptionSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string;
-}
-/**
- * Props para el slot de calendario
- */
-interface CalendarSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (calendarId: string) => void;
-    calendars: Calendar[];
-    placeholder?: string;
-}
-/**
- * Props para el slot de fecha/hora (eventos)
- */
-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)
- */
-interface TaskDateSlotProps extends BaseSlotProps {
-    dueDate: Moment;
-    onDueDateChange: (date: Moment) => void;
-    error?: boolean;
-}
-/**
- * Props para el slot de color
- */
-interface ColorSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (color: string) => void;
-}
-/**
- * Props para el slot de ubicación
- */
-interface LocationSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (location: string) => void;
-    placeholder?: string;
-}
-/**
- * Props para el slot de recurrencia
+    /** Callback al cambiar el tipo de diálogo */
+    onTypeChange?: (type: DialogType) => void;
+    /** Callback al cambiar el calendario seleccionado para eventos */
+    onEventCalendarChange?: (calendarId: string) => void;
+    /** Callback al cambiar el calendario seleccionado para tareas */
+    onTaskCalendarChange?: (calendarId: string) => void;
+    /** Ocultar tabs de tipo (evento/tarea) */
+    hideTypeTabs?: boolean;
+    /** Ocultar botón de eliminar */
+    hideDeleteButton?: boolean;
+    /** Ocultar botón de editar */
+    hideEditButton?: boolean;
+    /** Ocultar botón de duplicar */
+    hideDuplicateButton?: boolean;
+}
+/**
+ * EventsDialog - Componente para gestión de eventos y tareas
+ *
+ * @example
+ * ```tsx
+ * <EventsDialog
+ *   open={isOpen}
+ *   onClose={handleClose}
+ *   baseUrl="https://api.trii.app/api/v1"
+ *   spaceId={spaceId}
+ *   language="es"
+ *   mode="create"
+ *   type="event"
+ *   calendars={myCalendars}
+ *   onCreateEvent={(data) => createEvent(data)}
+ *   onUpdateEvent={(id, data) => updateEvent(id, data)}
+ *   onDeleteEvent={(id) => deleteEvent(id)}
+ * />
+ * ```
  */
-interface RecurrenceSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (recurrence: string) => void;
-}
+declare const EventsDialog: React.FC<EventsDialogProps>;
+
 /**
- * Props para el slot de notificaciones
+ * Modos de operación del modal
  */
-interface NotificationsSlotProps extends BaseSlotProps {
-    notifications: Notification[];
-    onAdd: () => void;
-    onRemove: (index: number) => void;
-    onChange: (index: number, notification: Notification) => void;
-}
+type ModalMode = 'create' | 'edit' | 'view';
 /**
- * Props para el slot de contactos vinculados
+ * Tipos de elementos que puede manejar el modal
  */
-interface LinkedContactsSlotProps extends BaseSlotProps {
-    linkedContacts: Contact[];
-    onAdd: (contact: Contact) => void;
-    onRemove: (contactId: string) => void;
-    searchQuery: string;
-    onSearchChange: (query: string) => void;
-    searchResults: Contact[];
-    isSearching: boolean;
-}
+type ItemType = 'event' | 'task';
 /**
- * Props para el slot de usuarios compartidos
+ * Estructura de una notificación/recordatorio
  */
-interface SharedUsersSlotProps extends BaseSlotProps {
-    selectedUserIds: string[];
-    onChange: (userIds: string[]) => void;
-    users: User[];
+interface Notification {
+    id?: string;
+    type: 'minutes' | 'hours' | 'days';
+    value: number;
+    sendToContact?: boolean;
 }
 /**
- * Props para el slot de botones de acción
+ * Estructura de un calendario
  */
-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;
-    };
+interface Calendar {
+    id: string;
+    name?: string;
+    title?: string;
+    color?: 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} />,
- *   }}
- * />
- * ```
+ * Estructura de un contacto
  */
-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;
+interface Contact {
+    id: string;
+    name: string;
+    email?: string;
+    phone?: string;
+    avatarUrl?: string;
 }
 
-/**
- * ModalEvents - Componente reutilizable para crear/editar/visualizar eventos y tareas
- *
- * VERSIÓN REFACTORIZADA: Componentes internos más limpios y organizados
- */
-declare const ModalEvents: React$1.FC<ModalEventsProps>;
+declare const i18nInstance: i18next.i18n;
 
-export { type Calendar, type Contact, ContactInfoPopup, type EventData, type FieldsConfig, type ItemType, ModalEvents, type ModalEventsProps, type ModalLabels, type ModalMode, type Notification, type TaskData, TestBox };
+export { type Calendar, type Contact, ContactInfoPopup, EditContactModal, type EventData, EventsDialog, type EventsDialogProps, type ItemType, type ModalMode, type Notification, type TaskData, i18nInstance as i18n };

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

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

package/dist/types/components/ContactInfoPopup/ContactInfoPopup.stories.d.ts

@@ -0,0 +1,9 @@
+declare const meta: {
+    title: string;
+    component: (props: import("./ContactInfoPopup").ContactInfoPopupProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;

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

@@ -0,0 +1,7 @@
+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/types/components/ContactInfoPopup/components/BusinessSection/index.d.ts

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

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

@@ -0,0 +1,10 @@
+/// <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/types/components/ContactInfoPopup/components/ContactMethod/index.d.ts

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

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

@@ -0,0 +1,12 @@
+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/types/components/ContactInfoPopup/components/Header/index.d.ts

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

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

@@ -0,0 +1,7 @@
+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/types/components/ContactInfoPopup/components/LabelsSection/index.d.ts

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

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

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

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

@@ -0,0 +1,7 @@
+type MemberItemProps = {
+    name: string;
+    memberId: string;
+    navigate: (path: string) => void;
+};
+declare const MemberItem: ({ name, memberId, navigate }: MemberItemProps) => import("react/jsx-runtime").JSX.Element;
+export default MemberItem;

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+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;