@trii/components 2.0.60 → 2.0.64

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

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

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

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

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

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

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

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/types/components/ModalEvents/layout/BasicInputContainer/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/types/components/ModalEvents/layout/InputContainer/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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';