@trii/components 2.0.76 → 2.0.78

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

@@ -0,0 +1,15 @@
+export { default as DatePicker } from './DatePicker';
+export { default as TitleTextField } from './TitleTextField';
+export { default as ReminderNotifications } from './ReminderNotifications';
+export { default as DescriptionTextField } from './DescriptionTextField';
+export { default as LocationTextField } from './LocationTextField';
+export { default as ShareUsersSelect } from './ShareUsersSelect';
+export { default as LinkContactsSelect } from './LinkContactsSelect';
+export { default as ActionButtons } from './ActionButtons';
+export { default as CreateTypeTabs } from './CreateTypeTabs';
+export { default as TaskDatePicker } from './TaskDatePicker';
+export { default as TaskCalendarSelect } from './TaskCalendarSelect';
+export { default as AllDayCheckbox } from './AllDayCheckbox';
+export { default as IsPrivateCheckbox } from './IsPrivateCheckbox';
+export { default as ColorPicker } from './ColorPicker';
+export { default as RecurrenceSelect } from './RecurrenceSelect';

package/dist/esm/types/components/ModalEvents/context/CalendarContext.d.ts

@@ -0,0 +1,84 @@
+import type { Dispatch, SetStateAction } from "react";
+import { Mode } from './types/Mode';
+import { ICalendar } from '@trii/types/dist/Calendar/Calendar';
+import { CalendarDialogMode } from './types/CalendarDialogMode';
+import { UseCalendarEventsType } from '../hooks/useCalendarEvents';
+import { UseDialog } from '../hooks/useDialog';
+import { UseEvent } from '../hooks/useEvent';
+import { UseCalendarType } from '../hooks/useCalendar';
+import { UseCalendarTasksType } from '../hooks/useCalendarTasks';
+import { UseTask } from '../hooks/useTask';
+import { DialogType } from './types/DialogType';
+export type CalendarContextType = {
+    eventDialog: UseDialog;
+    createCalendarDialog: UseDialog;
+    event: UseEvent;
+    events: UseCalendarEventsType;
+    calendar: UseCalendarType;
+    dialogMode: Mode;
+    handleCreateEvent(): void;
+    handleSelectEvent(event: any): void;
+    handleOpenEventCreate: () => void;
+    handleStartEditingEvent: () => void;
+    handleSaveUpdatedEvent: (event: any) => void;
+    handleEndEvent(): void;
+    handleDeleteEvent(): void;
+    handleResizeEvent(event: any, start: Date | string, end: Date | string): void;
+    selectedEvent: any;
+    savingSnackbar: {
+        open: boolean;
+        message: string;
+        severity: 'info' | 'success' | 'error';
+    };
+    handleCloseSnackbar: () => void;
+    dialogType: DialogType;
+    setDialogType: (value: DialogType) => void;
+    handleOpenTaskCreate: () => void;
+    handleOpenCreateFromSlot: (start: Date, end: Date) => void;
+    handleCloseCreateCalendarDialog: () => void;
+    calendarDialogMode: CalendarDialogMode;
+    editingCalendar: ICalendar | null;
+    handleOpenCreateCalendarDialog: () => void;
+    handleOpenEditCalendarDialog: (cal: ICalendar) => void;
+    handleSubmitCalendar: () => Promise<void>;
+    tasks: UseCalendarTasksType;
+    activeCalendarIds: string[];
+    setActiveCalendarIds: Dispatch<SetStateAction<string[]>>;
+    handleCreateTask: () => void;
+    task: UseTask;
+    selectedTask: any;
+    taskCalendarId: string;
+    setTaskCalendarId: Dispatch<SetStateAction<string>>;
+    eventCalendarId: string;
+    setEventCalendarId: Dispatch<SetStateAction<string>>;
+    userManuallyChangedColor: boolean;
+    setUserManuallyChangedColor: Dispatch<SetStateAction<boolean>>;
+    myCalendars: ICalendar[];
+    otherCalendars: ICalendar[];
+    handleSaveUpdatedTask: () => void;
+    handleDeleteTask: () => void;
+    handleToggleTaskCompleted: () => void;
+    handleDuplicateItem: () => void;
+    calendarView: 'month' | 'week' | 'day';
+    setCalendarView: (view: 'month' | 'week' | 'day') => void;
+    calendarDate: Date;
+    setCalendarDate: (date: Date) => void;
+    navigateToDate: (date: Date) => void;
+    confirmDeleteDialog: {
+        open: boolean;
+        handleClose: () => void;
+        itemType: 'event' | 'task';
+    };
+    handleConfirmDelete: () => void;
+    deleteRecurringDialog: {
+        open: boolean;
+        handleClose: () => void;
+    };
+    handleConfirmDeleteRecurring: (deleteAll: boolean) => void;
+    editRecurringDialog: {
+        open: boolean;
+        handleClose: () => void;
+    };
+    handleConfirmEditRecurring: (editAll: boolean) => void;
+};
+export declare const CalendarContext: import("react").Context<CalendarContextType>;

package/dist/esm/types/components/ModalEvents/context/CalendarContextProvider.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface Props {
+    children: React.ReactNode;
+}
+declare const CalendarContextProvider: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CalendarContextProvider;

package/dist/esm/types/components/ModalEvents/context/types/CalendarDialogMode.d.ts

@@ -0,0 +1 @@
+export type CalendarDialogMode = 'create' | 'edit';

package/dist/esm/types/components/ModalEvents/context/types/CalendarDialogState.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/components/ModalEvents/context/types/DialogType.d.ts

@@ -0,0 +1 @@
+export type DialogType = 'event' | 'task';

package/dist/esm/types/components/ModalEvents/context/types/Mode.d.ts

@@ -0,0 +1 @@
+export type Mode = 'view' | 'create' | 'edit';

package/dist/esm/types/components/ModalEvents/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useModalData } from './useModalData';
+export { useContactSearch } from './useContactSearch';

package/dist/esm/types/components/ModalEvents/hooks/useContactSearch.d.ts

@@ -0,0 +1,23 @@
+import type { Contact } from '../types';
+interface UseContactSearchOptions {
+    contacts?: Contact[];
+    onSearchContacts?: (query: string) => Promise<Contact[]>;
+    searchDebounceMs?: number;
+    open: boolean;
+}
+interface UseContactSearchReturn {
+    searchQuery: string;
+    searchResults: Contact[];
+    isSearching: boolean;
+    handleSearchChange: (query: string) => void;
+    clearSearch: () => void;
+}
+/**
+ * Hook para manejar la búsqueda de contactos con debounce
+ *
+ * Soporta dos modos:
+ * - Búsqueda local: filtra sobre la lista `contacts`
+ * - Búsqueda asíncrona: usa `onSearchContacts` callback con debounce
+ */
+export declare function useContactSearch({ contacts, onSearchContacts, searchDebounceMs, open, }: UseContactSearchOptions): UseContactSearchReturn;
+export {};

package/dist/esm/types/components/ModalEvents/hooks/useModalData.d.ts

@@ -0,0 +1,33 @@
+import type { EventData, TaskData, Notification, Contact, ItemType, ModalMode } from '../types';
+interface UseModalDataOptions {
+    initialType: ItemType;
+    eventData?: Partial<EventData>;
+    taskData?: Partial<TaskData>;
+    mode: ModalMode;
+}
+interface UseModalDataReturn {
+    currentType: ItemType;
+    localEventData: Partial<EventData>;
+    localTaskData: Partial<TaskData>;
+    currentData: Partial<EventData> | Partial<TaskData>;
+    isEvent: boolean;
+    isViewMode: boolean;
+    isCreateMode: boolean;
+    canDelete: boolean;
+    setCurrentType: (type: ItemType) => void;
+    handleFieldChange: (field: string, value: any) => void;
+    handleTypeChange: (newType: ItemType, onTypeChange?: (type: ItemType) => void) => void;
+    handleAddNotification: () => void;
+    handleRemoveNotification: (index: number) => void;
+    handleUpdateNotification: (index: number, notification: Notification) => void;
+    handleAddContact: (contact: Contact) => void;
+    handleRemoveContact: (contactId: string) => void;
+}
+/**
+ * Hook para manejar el estado local del modal
+ *
+ * Encapsula toda la lógica de estado y sincronización
+ * para mantener el componente principal limpio.
+ */
+export declare function useModalData({ initialType, eventData, taskData, mode, }: UseModalDataOptions): UseModalDataReturn;
+export {};

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

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

package/dist/esm/types/components/ModalEvents/layout/BasicInputContainer/BasicInputContainer.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type BasicInputContainerProps = {
+    name: string;
+    children: ReactNode;
+};
+declare const BasicInputContainer: ({ name, children }: BasicInputContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default BasicInputContainer;

package/dist/esm/types/components/ModalEvents/layout/BasicInputContainer/index.d.ts

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

package/dist/esm/types/components/ModalEvents/layout/BasicInputContainer/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const StyledBoxContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledDialogContextText: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/types/components/ModalEvents/layout/InputContainer/InputContainer.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type InputContainerProps = {
+    children: ReactNode;
+    title: string;
+};
+declare const InputContainer: ({ children, title }: InputContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default InputContainer;

package/dist/esm/types/components/ModalEvents/layout/InputContainer/index.d.ts

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

package/dist/esm/types/components/ModalEvents/layout/index.d.ts

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

package/dist/esm/types/components/ModalEvents/sections/ActionButtonsSection.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ActionButtonsSlotProps, ModalMode, ItemType, ModalLabels } from '../types';
+interface ActionButtonsSectionProps {
+    mode: ModalMode;
+    onSave: () => void;
+    onClose: () => void;
+    isSaving: boolean;
+    isDeleting: boolean;
+    labels: ModalLabels;
+    type?: ItemType;
+    slot?: (props: ActionButtonsSlotProps) => React.ReactNode;
+}
+/**
+ * Sección de botones de acción (guardar, cancelar)
+ */
+declare const ActionButtonsSection: React.FC<ActionButtonsSectionProps>;
+export default ActionButtonsSection;

package/dist/esm/types/components/ModalEvents/sections/CalendarSection.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { CalendarSlotProps, Calendar, ModalMode, ItemType } from '../types';
+interface CalendarSectionProps {
+    value: string;
+    onChange: (calendarId: string) => void;
+    calendars: Calendar[];
+    label?: string;
+    placeholder?: string;
+    disabled: boolean;
+    mode?: ModalMode;
+    type?: ItemType;
+    slot?: (props: CalendarSlotProps) => React.ReactNode;
+}
+/**
+ * Sección de selección de calendario
+ */
+declare const CalendarSection: React.FC<CalendarSectionProps>;
+export default CalendarSection;

package/dist/esm/types/components/ModalEvents/sections/ColorSection.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ColorSlotProps, ModalMode, ItemType } from '../types';
+interface ColorSectionProps {
+    value: string;
+    onChange: (color: string) => void;
+    label?: string;
+    disabled: boolean;
+    mode?: ModalMode;
+    type?: ItemType;
+    slot?: (props: ColorSlotProps) => React.ReactNode;
+}
+/**
+ * Sección de selección de color (solo eventos)
+ */
+declare const ColorSection: React.FC<ColorSectionProps>;
+export default ColorSection;

package/dist/esm/types/components/ModalEvents/sections/DateTimeSection.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { EventData, TaskData, FieldsConfig, ModalLabels, ModalSlots } from '../types';
+interface DateTimeSectionProps {
+    isEvent: boolean;
+    eventData: Partial<EventData>;
+    taskData: Partial<TaskData>;
+    onFieldChange: (field: string, value: any) => void;
+    config: FieldsConfig;
+    labels: ModalLabels;
+    disabled: boolean;
+    slots?: ModalSlots;
+}
+/**
+ * Sección de fecha y hora
+ * - Eventos: selector de rango con fecha, hora inicio/fin, todo el día, recurrencia
+ * - Tareas: selector simple de fecha y hora
+ */
+declare const DateTimeSection: React.FC<DateTimeSectionProps>;
+export default DateTimeSection;

package/dist/esm/types/components/ModalEvents/sections/DescriptionSection.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { DescriptionSlotProps, ModalMode, ItemType } from '../types';
+interface DescriptionSectionProps {
+    value: string;
+    onChange: (value: string) => void;
+    label?: string;
+    placeholder?: string;
+    disabled: boolean;
+    mode?: ModalMode;
+    type?: ItemType;
+    slot?: (props: DescriptionSlotProps) => React.ReactNode;
+}
+/**
+ * Sección de descripción del evento/tarea
+ */
+declare const DescriptionSection: React.FC<DescriptionSectionProps>;
+export default DescriptionSection;

package/dist/esm/types/components/ModalEvents/sections/LinkedContactsSection.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { Contact, LinkedContactsSlotProps, ModalMode, ItemType } from '../types';
+interface LinkedContactsSectionProps {
+    linkedContacts: Contact[];
+    onAdd: (contact: Contact) => void;
+    onRemove: (contactId: string) => void;
+    searchQuery: string;
+    onSearchChange: (query: string) => void;
+    searchResults: Contact[];
+    isSearching: boolean;
+    label?: string;
+    searchPlaceholder?: string;
+    disabled: boolean;
+    mode?: ModalMode;
+    type?: ItemType;
+    slot?: (props: LinkedContactsSlotProps) => React.ReactNode;
+}
+/**
+ * Sección de contactos vinculados
+ */
+declare const LinkedContactsSection: React.FC<LinkedContactsSectionProps>;
+export default LinkedContactsSection;

package/dist/esm/types/components/ModalEvents/sections/LocationSection.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { LocationSlotProps, ModalMode, ItemType } from '../types';
+interface LocationSectionProps {
+    value: string;
+    onChange: (location: string) => void;
+    placeholder?: string;
+    label?: string;
+    disabled: boolean;
+    mode?: ModalMode;
+    type?: ItemType;
+    slot?: (props: LocationSlotProps) => React.ReactNode;
+}
+/**
+ * Sección de ubicación (solo eventos)
+ */
+declare const LocationSection: React.FC<LocationSectionProps>;
+export default LocationSection;

package/dist/esm/types/components/ModalEvents/sections/ModalHeader.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { ModalMode, ItemType, ModalLabels } from '../types';
+interface ModalHeaderProps {
+    mode: ModalMode;
+    type: ItemType;
+    labels: ModalLabels;
+    onEdit?: () => void;
+    onDelete?: () => void;
+    onDuplicate?: () => void;
+    onClose: () => void;
+    canDelete: boolean;
+    isDeleting: boolean;
+}
+/**
+ * Cabecera del modal con título y acciones (editar, eliminar, duplicar, cerrar)
+ */
+declare const ModalHeader: React.FC<ModalHeaderProps>;
+export default ModalHeader;

package/dist/esm/types/components/ModalEvents/sections/NotificationsSection.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { Notification, NotificationsSlotProps, ModalMode, ItemType } from '../types';
+interface NotificationsSectionProps {
+    notifications: Notification[];
+    onAdd: () => void;
+    onRemove: (index: number) => void;
+    onChange: (index: number, notification: Notification) => void;
+    label?: string;
+    addLabel?: string;
+    disabled: boolean;
+    mode?: ModalMode;
+    type?: ItemType;
+    slot?: (props: NotificationsSlotProps) => React.ReactNode;
+}
+/**
+ * Sección de recordatorios/notificaciones
+ */
+declare const NotificationsSection: React.FC<NotificationsSectionProps>;
+export default NotificationsSection;

package/dist/esm/types/components/ModalEvents/sections/TitleSection.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { TitleSlotProps, ModalMode, ItemType } from '../types';
+interface TitleSectionProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    disabled: boolean;
+    error?: string;
+    variant?: 'default' | 'inline';
+    mode?: ModalMode;
+    type?: ItemType;
+    slot?: (props: TitleSlotProps) => React.ReactNode;
+}
+/**
+ * Sección de título del evento/tarea
+ *
+ * - variant="inline": Sin etiqueta, estilo Google Calendar (modo crear)
+ * - variant="default": Con etiqueta (modo editar/ver)
+ */
+declare const TitleSection: React.FC<TitleSectionProps>;
+export default TitleSection;

package/dist/esm/types/components/ModalEvents/sections/index.d.ts

@@ -0,0 +1,10 @@
+export { default as ModalHeader } from './ModalHeader';
+export { default as TitleSection } from './TitleSection';
+export { default as DescriptionSection } from './DescriptionSection';
+export { default as CalendarSection } from './CalendarSection';
+export { default as DateTimeSection } from './DateTimeSection';
+export { default as ColorSection } from './ColorSection';
+export { default as LocationSection } from './LocationSection';
+export { default as NotificationsSection } from './NotificationsSection';
+export { default as LinkedContactsSection } from './LinkedContactsSection';
+export { default as ActionButtonsSection } from './ActionButtonsSection';