@trii/components 2.0.61 → 2.0.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +1039 -6237
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/ModalEvents/ModalEvents.backup.d.ts +23 -0
- package/dist/cjs/types/components/ModalEvents/ModalEvents.d.ts +1 -15
- package/dist/cjs/types/components/ModalEvents/ModalEvents.refactored.d.ts +9 -0
- package/dist/cjs/types/components/ModalEvents/components/SyncWithGoogleField/SyncWithGoogleField.d.ts +5 -0
- package/dist/cjs/types/components/ModalEvents/context/CalendarContext.d.ts +84 -0
- package/dist/cjs/types/components/ModalEvents/context/CalendarContextProvider.d.ts +6 -0
- package/dist/cjs/types/components/ModalEvents/context/types/CalendarDialogMode.d.ts +1 -0
- package/dist/cjs/types/components/ModalEvents/context/types/CalendarDialogState.d.ts +1 -0
- package/dist/cjs/types/components/ModalEvents/context/types/DialogType.d.ts +1 -0
- package/dist/cjs/types/components/ModalEvents/context/types/Mode.d.ts +1 -0
- package/dist/esm/index.js +1034 -6232
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/ModalEvents/ModalEvents.backup.d.ts +23 -0
- package/dist/esm/types/components/ModalEvents/ModalEvents.d.ts +1 -15
- package/dist/esm/types/components/ModalEvents/ModalEvents.refactored.d.ts +9 -0
- package/dist/esm/types/components/ModalEvents/components/SyncWithGoogleField/SyncWithGoogleField.d.ts +5 -0
- package/dist/esm/types/components/ModalEvents/context/CalendarContext.d.ts +84 -0
- package/dist/esm/types/components/ModalEvents/context/CalendarContextProvider.d.ts +6 -0
- package/dist/esm/types/components/ModalEvents/context/types/CalendarDialogMode.d.ts +1 -0
- package/dist/esm/types/components/ModalEvents/context/types/CalendarDialogState.d.ts +1 -0
- package/dist/esm/types/components/ModalEvents/context/types/DialogType.d.ts +1 -0
- package/dist/esm/types/components/ModalEvents/context/types/Mode.d.ts +1 -0
- package/dist/index.d.ts +1 -15
- package/package.json +3 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ModalEventsProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* ModalEvents - Componente reutilizable para crear/editar/visualizar eventos y tareas
|
|
5
|
+
*
|
|
6
|
+
* Este componente es completamente controlado desde el exterior. No mantiene estado interno
|
|
7
|
+
* de datos, todo se maneja a través de props y callbacks.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* <ModalEvents
|
|
12
|
+
* open={isOpen}
|
|
13
|
+
* onClose={handleClose}
|
|
14
|
+
* mode="create"
|
|
15
|
+
* type="event"
|
|
16
|
+
* eventData={eventData}
|
|
17
|
+
* onSave={handleSave}
|
|
18
|
+
* calendars={calendars}
|
|
19
|
+
* />
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
22
|
+
declare const ModalEvents: React.FC<ModalEventsProps>;
|
|
23
|
+
export default ModalEvents;
|
|
@@ -3,21 +3,7 @@ import type { ModalEventsProps } from './types';
|
|
|
3
3
|
/**
|
|
4
4
|
* ModalEvents - Componente reutilizable para crear/editar/visualizar eventos y tareas
|
|
5
5
|
*
|
|
6
|
-
*
|
|
7
|
-
* de datos, todo se maneja a través de props y callbacks.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <ModalEvents
|
|
12
|
-
* open={isOpen}
|
|
13
|
-
* onClose={handleClose}
|
|
14
|
-
* mode="create"
|
|
15
|
-
* type="event"
|
|
16
|
-
* eventData={eventData}
|
|
17
|
-
* onSave={handleSave}
|
|
18
|
-
* calendars={calendars}
|
|
19
|
-
* />
|
|
20
|
-
* ```
|
|
6
|
+
* VERSIÓN REFACTORIZADA: Componentes internos más limpios y organizados
|
|
21
7
|
*/
|
|
22
8
|
declare const ModalEvents: React.FC<ModalEventsProps>;
|
|
23
9
|
export default ModalEvents;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ModalEventsProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* ModalEvents - Componente reutilizable para crear/editar/visualizar eventos y tareas
|
|
5
|
+
*
|
|
6
|
+
* VERSIÓN REFACTORIZADA: Componentes internos más limpios y organizados
|
|
7
|
+
*/
|
|
8
|
+
declare const ModalEvents: React.FC<ModalEventsProps>;
|
|
9
|
+
export default ModalEvents;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import type { Dispatch, SetStateAction } from "react";
|
|
2
|
+
import { Mode } from './types/Mode';
|
|
3
|
+
import { ICalendar } from '@trii/types/dist/Calendar/Calendar';
|
|
4
|
+
import { CalendarDialogMode } from './types/CalendarDialogMode';
|
|
5
|
+
import { UseCalendarEventsType } from '../hooks/useCalendarEvents';
|
|
6
|
+
import { UseDialog } from '../hooks/useDialog';
|
|
7
|
+
import { UseEvent } from '../hooks/useEvent';
|
|
8
|
+
import { UseCalendarType } from '../hooks/useCalendar';
|
|
9
|
+
import { UseCalendarTasksType } from '../hooks/useCalendarTasks';
|
|
10
|
+
import { UseTask } from '../hooks/useTask';
|
|
11
|
+
import { DialogType } from './types/DialogType';
|
|
12
|
+
export type CalendarContextType = {
|
|
13
|
+
eventDialog: UseDialog;
|
|
14
|
+
createCalendarDialog: UseDialog;
|
|
15
|
+
event: UseEvent;
|
|
16
|
+
events: UseCalendarEventsType;
|
|
17
|
+
calendar: UseCalendarType;
|
|
18
|
+
dialogMode: Mode;
|
|
19
|
+
handleCreateEvent(): void;
|
|
20
|
+
handleSelectEvent(event: any): void;
|
|
21
|
+
handleOpenEventCreate: () => void;
|
|
22
|
+
handleStartEditingEvent: () => void;
|
|
23
|
+
handleSaveUpdatedEvent: (event: any) => void;
|
|
24
|
+
handleEndEvent(): void;
|
|
25
|
+
handleDeleteEvent(): void;
|
|
26
|
+
handleResizeEvent(event: any, start: Date | string, end: Date | string): void;
|
|
27
|
+
selectedEvent: any;
|
|
28
|
+
savingSnackbar: {
|
|
29
|
+
open: boolean;
|
|
30
|
+
message: string;
|
|
31
|
+
severity: 'info' | 'success' | 'error';
|
|
32
|
+
};
|
|
33
|
+
handleCloseSnackbar: () => void;
|
|
34
|
+
dialogType: DialogType;
|
|
35
|
+
setDialogType: (value: DialogType) => void;
|
|
36
|
+
handleOpenTaskCreate: () => void;
|
|
37
|
+
handleOpenCreateFromSlot: (start: Date, end: Date) => void;
|
|
38
|
+
handleCloseCreateCalendarDialog: () => void;
|
|
39
|
+
calendarDialogMode: CalendarDialogMode;
|
|
40
|
+
editingCalendar: ICalendar | null;
|
|
41
|
+
handleOpenCreateCalendarDialog: () => void;
|
|
42
|
+
handleOpenEditCalendarDialog: (cal: ICalendar) => void;
|
|
43
|
+
handleSubmitCalendar: () => Promise<void>;
|
|
44
|
+
tasks: UseCalendarTasksType;
|
|
45
|
+
activeCalendarIds: string[];
|
|
46
|
+
setActiveCalendarIds: Dispatch<SetStateAction<string[]>>;
|
|
47
|
+
handleCreateTask: () => void;
|
|
48
|
+
task: UseTask;
|
|
49
|
+
selectedTask: any;
|
|
50
|
+
taskCalendarId: string;
|
|
51
|
+
setTaskCalendarId: Dispatch<SetStateAction<string>>;
|
|
52
|
+
eventCalendarId: string;
|
|
53
|
+
setEventCalendarId: Dispatch<SetStateAction<string>>;
|
|
54
|
+
userManuallyChangedColor: boolean;
|
|
55
|
+
setUserManuallyChangedColor: Dispatch<SetStateAction<boolean>>;
|
|
56
|
+
myCalendars: ICalendar[];
|
|
57
|
+
otherCalendars: ICalendar[];
|
|
58
|
+
handleSaveUpdatedTask: () => void;
|
|
59
|
+
handleDeleteTask: () => void;
|
|
60
|
+
handleToggleTaskCompleted: () => void;
|
|
61
|
+
handleDuplicateItem: () => void;
|
|
62
|
+
calendarView: 'month' | 'week' | 'day';
|
|
63
|
+
setCalendarView: (view: 'month' | 'week' | 'day') => void;
|
|
64
|
+
calendarDate: Date;
|
|
65
|
+
setCalendarDate: (date: Date) => void;
|
|
66
|
+
navigateToDate: (date: Date) => void;
|
|
67
|
+
confirmDeleteDialog: {
|
|
68
|
+
open: boolean;
|
|
69
|
+
handleClose: () => void;
|
|
70
|
+
itemType: 'event' | 'task';
|
|
71
|
+
};
|
|
72
|
+
handleConfirmDelete: () => void;
|
|
73
|
+
deleteRecurringDialog: {
|
|
74
|
+
open: boolean;
|
|
75
|
+
handleClose: () => void;
|
|
76
|
+
};
|
|
77
|
+
handleConfirmDeleteRecurring: (deleteAll: boolean) => void;
|
|
78
|
+
editRecurringDialog: {
|
|
79
|
+
open: boolean;
|
|
80
|
+
handleClose: () => void;
|
|
81
|
+
};
|
|
82
|
+
handleConfirmEditRecurring: (editAll: boolean) => void;
|
|
83
|
+
};
|
|
84
|
+
export declare const CalendarContext: import("react").Context<CalendarContextType>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type CalendarDialogMode = 'create' | 'edit';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type DialogType = 'event' | 'task';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type Mode = 'view' | 'create' | 'edit';
|