@zealicsolutions/web-ui 1.0.60-test.2 → 1.0.60-test.3

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.
Files changed (32) hide show
  1. package/dist/cjs/index.js +247 -247
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/molecules/Calendar/CalendarMolecule.d.ts +0 -6
  4. package/dist/cjs/molecules/Calendar/ResourceTimelineCalendar.d.ts +95 -2
  5. package/dist/cjs/molecules/Calendar/SimpleCalendar.d.ts +98 -2
  6. package/dist/cjs/molecules/Calendar/YearViewCalendar.d.ts +85 -2
  7. package/dist/cjs/molecules/Calendar/hooks/useCalendarCore.d.ts +14 -0
  8. package/dist/cjs/molecules/Calendar/hooks/useCalendarStyling.d.ts +229 -0
  9. package/dist/esm/molecules/Calendar/CalendarMolecule.d.ts +0 -6
  10. package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.d.ts +95 -2
  11. package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.js +1 -1
  12. package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.js.map +1 -1
  13. package/dist/esm/molecules/Calendar/SimpleCalendar.d.ts +98 -2
  14. package/dist/esm/molecules/Calendar/SimpleCalendar.js +1 -1
  15. package/dist/esm/molecules/Calendar/SimpleCalendar.js.map +1 -1
  16. package/dist/esm/molecules/Calendar/YearViewCalendar.d.ts +85 -2
  17. package/dist/esm/molecules/Calendar/YearViewCalendar.js +1 -1
  18. package/dist/esm/molecules/Calendar/YearViewCalendar.js.map +1 -1
  19. package/dist/esm/molecules/Calendar/hooks/useCalendarCore.d.ts +14 -0
  20. package/dist/esm/molecules/Calendar/hooks/useCalendarCore.js +2 -0
  21. package/dist/esm/molecules/Calendar/hooks/useCalendarCore.js.map +1 -0
  22. package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.d.ts +229 -0
  23. package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.js +2 -0
  24. package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.js.map +1 -0
  25. package/dist/esm/node_modules/@fullcalendar/premium-common/index.js +1 -1
  26. package/dist/esm/node_modules/@fullcalendar/premium-common/index.js.map +1 -1
  27. package/dist/esm/node_modules/@fullcalendar/timeline/internal.js +1 -1
  28. package/dist/esm/node_modules/@fullcalendar/timeline/internal.js.map +1 -1
  29. package/dist/index.d.ts +0 -6
  30. package/package.json +1 -1
  31. package/dist/esm/molecules/Calendar/CalendarMolecule.js +0 -2
  32. package/dist/esm/molecules/Calendar/CalendarMolecule.js.map +0 -1
package/dist/cjs/molecules/Calendar/CalendarMolecule.d.ts CHANGED
@@ -1,10 +1,8 @@
1
1
  import React from 'react';
2
2
  import { ConfigurationItemInfo } from 'containers';
3
- import { MoleculeItemDTO } from 'containers/types/moleculeItemTypes';
4
3
  export interface CalendarMoleculeProps {
5
4
  events?: any[];
6
5
  resources?: any[];
7
- items?: MoleculeItemDTO[];
8
6
  initialView?: string;
9
7
  enableDayView?: boolean;
10
8
  enableWeekView?: boolean;
@@ -107,10 +105,6 @@ export interface CalendarMoleculeProps {
107
105
  backgroundColor?: string;
108
106
  fontFamily?: string;
109
107
  elevation?: number;
110
- gradientTheme?: 'none' | 'purple' | 'blue' | 'ocean' | 'sunset' | 'forest' | 'rose';
111
- headerGradientTheme?: 'none' | 'purple' | 'blue' | 'ocean' | 'sunset' | 'forest' | 'rose';
112
- cellGradientTheme?: 'none' | 'light' | 'subtle' | 'warm' | 'cool';
113
- eventGradientTheme?: 'none' | 'purple' | 'blue' | 'green' | 'orange' | 'red' | 'gradient';
114
108
  overlayColor?: string;
115
109
  overlayOpacity?: 'none' | 'light' | 'medium' | 'strong';
116
110
  glassEffect?: 'none' | 'light' | 'medium' | 'strong';
package/dist/cjs/molecules/Calendar/ResourceTimelineCalendar.d.ts CHANGED
@@ -1,3 +1,96 @@
1
+ import { ConfigurationItemInfo } from 'containers';
1
2
  import React from 'react';
2
- import { CalendarMoleculeProps } from './CalendarMolecule';
3
- export declare const ResourceTimelineCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableDayView' | 'enableWeekView' | 'enableMonthView' | 'enableDayListView' | 'enableWeekListView' | 'enableGridView' | 'enableTimelineView' | 'enableResourceView' | 'enableYearView'>>;
3
+ export interface ResourceTimelineCalendarProps {
4
+ events?: any[];
5
+ resources?: any[];
6
+ initialView?: 'resourceTimeGridDay' | 'resourceTimeGridWeek' | 'resourceTimelineDay' | 'resourceTimelineWeek';
7
+ enableTimelineView?: boolean;
8
+ showPrevButton?: boolean;
9
+ showNextButton?: boolean;
10
+ showTodayButton?: boolean;
11
+ showViewSwitcher?: boolean;
12
+ editable?: boolean;
13
+ droppable?: boolean;
14
+ selectable?: boolean;
15
+ slotDuration?: string;
16
+ snapDuration?: string;
17
+ businessHours?: any;
18
+ eventOverlap?: boolean;
19
+ showGridLines?: boolean;
20
+ width?: string | number;
21
+ height?: string | number;
22
+ marginLeft?: string;
23
+ marginTop?: string;
24
+ marginRight?: string;
25
+ marginBottom?: string;
26
+ paddingLeft?: string;
27
+ paddingTop?: string;
28
+ paddingRight?: string;
29
+ paddingBottom?: string;
30
+ buttonFontSize?: string | number;
31
+ buttonPaddingY?: string;
32
+ buttonPaddingX?: string;
33
+ buttonColor?: string;
34
+ buttonTextColor?: string;
35
+ buttonBorderColor?: string;
36
+ buttonFontWeight?: string | number;
37
+ buttonElevation?: number;
38
+ buttonHeight?: string | number;
39
+ buttonMinWidth?: string | number;
40
+ buttonMarginY?: string;
41
+ buttonMarginX?: string;
42
+ buttonBorderRadius?: string;
43
+ buttonHoverColor?: string;
44
+ buttonHoverTextColor?: string;
45
+ buttonHoverBorderColor?: string;
46
+ headerBackgroundColor?: string;
47
+ headerBorderColor?: string;
48
+ headerPadding?: string;
49
+ headerHeight?: string | number;
50
+ headerFontSize?: string | number;
51
+ headerFontWeight?: string | number;
52
+ headerTextColor?: string;
53
+ dayHeaderColor?: string;
54
+ dayHeaderFontWeight?: string | number;
55
+ eventBackgroundColor?: string;
56
+ eventBorderColor?: string;
57
+ eventTextColor?: string;
58
+ eventBorderRadius?: string;
59
+ eventOpacity?: number;
60
+ eventElevation?: number;
61
+ eventPadding?: string;
62
+ eventFontSize?: string | number;
63
+ eventFontFamily?: string;
64
+ eventFontWeight?: string | number;
65
+ timeGridSlotHeight?: string | number;
66
+ timeGridSlotBorderColor?: string;
67
+ timeGridNowIndicatorColor?: string;
68
+ timeGridLabelFontSize?: string | number;
69
+ timeGridLabelColor?: string;
70
+ nowIndicatorColor?: string;
71
+ allDaySlot?: boolean;
72
+ allDayBackgroundColor?: string;
73
+ allDayTextColor?: string;
74
+ resourceAreaWidth?: string | number;
75
+ resourceBackgroundColor?: string;
76
+ resourceTextColor?: string;
77
+ resourceBorderColor?: string;
78
+ resourceFontSize?: string | number;
79
+ resourcePadding?: string;
80
+ resourceGroupCollapsible?: boolean;
81
+ borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
82
+ borderWidth?: string;
83
+ borderColor?: string;
84
+ borderRadius?: string;
85
+ backgroundColor?: string;
86
+ fontFamily?: string;
87
+ elevation?: number;
88
+ headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
89
+ textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
90
+ enableAnimations?: boolean;
91
+ animationSpeed?: string;
92
+ hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
93
+ onEventAdd?: (e: any) => void;
94
+ configurationItemInfo?: ConfigurationItemInfo;
95
+ }
96
+ export declare const ResourceTimelineCalendarMolecule: React.FC<ResourceTimelineCalendarProps>;
package/dist/cjs/molecules/Calendar/SimpleCalendar.d.ts CHANGED
@@ -1,3 +1,99 @@
1
+ import { ConfigurationItemInfo } from 'containers';
1
2
  import React from 'react';
2
- import { CalendarMoleculeProps } from './CalendarMolecule';
3
- export declare const SimpleCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableYearView' | 'enableResourceView'>>;
3
+ export interface SimpleCalendarProps {
4
+ events?: any[];
5
+ initialView?: 'month' | 'week' | 'day';
6
+ enableDayView?: boolean;
7
+ enableWeekView?: boolean;
8
+ enableMonthView?: boolean;
9
+ enableGridView?: boolean;
10
+ showPrevButton?: boolean;
11
+ showNextButton?: boolean;
12
+ showTodayButton?: boolean;
13
+ showViewSwitcher?: boolean;
14
+ editable?: boolean;
15
+ droppable?: boolean;
16
+ selectable?: boolean;
17
+ slotDuration?: string;
18
+ snapDuration?: string;
19
+ businessHours?: any;
20
+ eventOverlap?: boolean;
21
+ showGridLines?: boolean;
22
+ width?: string | number;
23
+ height?: string | number;
24
+ marginLeft?: string;
25
+ marginTop?: string;
26
+ marginRight?: string;
27
+ marginBottom?: string;
28
+ paddingLeft?: string;
29
+ paddingTop?: string;
30
+ paddingRight?: string;
31
+ paddingBottom?: string;
32
+ buttonFontSize?: string | number;
33
+ buttonPaddingY?: string;
34
+ buttonPaddingX?: string;
35
+ buttonColor?: string;
36
+ buttonTextColor?: string;
37
+ buttonBorderColor?: string;
38
+ buttonFontWeight?: string | number;
39
+ buttonElevation?: number;
40
+ buttonHeight?: string | number;
41
+ buttonMinWidth?: string | number;
42
+ buttonMarginY?: string;
43
+ buttonMarginX?: string;
44
+ buttonBorderRadius?: string;
45
+ buttonHoverColor?: string;
46
+ buttonHoverTextColor?: string;
47
+ buttonHoverBorderColor?: string;
48
+ headerBackgroundColor?: string;
49
+ headerBorderColor?: string;
50
+ headerPadding?: string;
51
+ headerHeight?: string | number;
52
+ headerFontSize?: string | number;
53
+ headerFontWeight?: string | number;
54
+ headerTextColor?: string;
55
+ dayHeaderColor?: string;
56
+ dayHeaderFontWeight?: string | number;
57
+ eventBackgroundColor?: string;
58
+ eventBorderColor?: string;
59
+ eventTextColor?: string;
60
+ eventBorderRadius?: string;
61
+ eventOpacity?: number;
62
+ eventElevation?: number;
63
+ eventPadding?: string;
64
+ eventFontSize?: string | number;
65
+ eventFontFamily?: string;
66
+ eventFontWeight?: string | number;
67
+ cellBackgroundColor?: string;
68
+ cellHoverBackgroundColor?: string;
69
+ cellTodayBackgroundColor?: string;
70
+ cellBorderColor?: string;
71
+ cellTextColor?: string;
72
+ cellFontSize?: string | number;
73
+ cellPadding?: string;
74
+ cellHeight?: string | number;
75
+ timeGridSlotHeight?: string | number;
76
+ timeGridSlotBorderColor?: string;
77
+ timeGridNowIndicatorColor?: string;
78
+ timeGridLabelFontSize?: string | number;
79
+ timeGridLabelColor?: string;
80
+ nowIndicatorColor?: string;
81
+ allDaySlot?: boolean;
82
+ allDayBackgroundColor?: string;
83
+ allDayTextColor?: string;
84
+ borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
85
+ borderWidth?: string;
86
+ borderColor?: string;
87
+ borderRadius?: string;
88
+ backgroundColor?: string;
89
+ fontFamily?: string;
90
+ elevation?: number;
91
+ headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
92
+ textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
93
+ enableAnimations?: boolean;
94
+ animationSpeed?: string;
95
+ hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
96
+ onEventAdd?: (e: any) => void;
97
+ configurationItemInfo?: ConfigurationItemInfo;
98
+ }
99
+ export declare const SimpleCalendarMolecule: React.FC<SimpleCalendarProps>;
package/dist/cjs/molecules/Calendar/YearViewCalendar.d.ts CHANGED
@@ -1,3 +1,86 @@
1
+ import { ConfigurationItemInfo } from 'containers';
1
2
  import React from 'react';
2
- import { CalendarMoleculeProps } from './CalendarMolecule';
3
- export declare const YearViewCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableDayView' | 'enableWeekView' | 'enableDayListView' | 'enableWeekListView' | 'enableGridView' | 'enableTimelineView' | 'enableResourceView'>>;
3
+ export interface YearViewCalendarProps {
4
+ events?: any[];
5
+ monthsPerRow?: number;
6
+ dayMaxEvents?: number;
7
+ yearViewMode?: 'grid' | 'stack' | 'continuous';
8
+ showPrevButton?: boolean;
9
+ showNextButton?: boolean;
10
+ showTodayButton?: boolean;
11
+ editable?: boolean;
12
+ droppable?: boolean;
13
+ selectable?: boolean;
14
+ businessHours?: any;
15
+ eventOverlap?: boolean;
16
+ showGridLines?: boolean;
17
+ width?: string | number;
18
+ height?: string | number;
19
+ marginLeft?: string;
20
+ marginTop?: string;
21
+ marginRight?: string;
22
+ marginBottom?: string;
23
+ paddingLeft?: string;
24
+ paddingTop?: string;
25
+ paddingRight?: string;
26
+ paddingBottom?: string;
27
+ themeSystem?: any;
28
+ buttonFontSize?: string | number;
29
+ buttonPaddingY?: string;
30
+ buttonPaddingX?: string;
31
+ buttonColor?: string;
32
+ buttonTextColor?: string;
33
+ buttonBorderColor?: string;
34
+ buttonFontWeight?: string | number;
35
+ buttonElevation?: number;
36
+ buttonHeight?: string | number;
37
+ buttonMinWidth?: string | number;
38
+ buttonMarginY?: string;
39
+ buttonMarginX?: string;
40
+ buttonBorderRadius?: string;
41
+ buttonHoverColor?: string;
42
+ buttonHoverTextColor?: string;
43
+ buttonHoverBorderColor?: string;
44
+ headerBackgroundColor?: string;
45
+ headerBorderColor?: string;
46
+ headerPadding?: string;
47
+ headerHeight?: string | number;
48
+ headerFontSize?: string | number;
49
+ headerFontWeight?: string | number;
50
+ headerTextColor?: string;
51
+ dayHeaderColor?: string;
52
+ dayHeaderFontWeight?: string | number;
53
+ eventBackgroundColor?: string;
54
+ eventBorderColor?: string;
55
+ eventTextColor?: string;
56
+ eventBorderRadius?: string;
57
+ eventOpacity?: number;
58
+ eventElevation?: number;
59
+ eventPadding?: string;
60
+ eventFontSize?: string | number;
61
+ eventFontFamily?: string;
62
+ eventFontWeight?: string | number;
63
+ cellBackgroundColor?: string;
64
+ cellHoverBackgroundColor?: string;
65
+ cellTodayBackgroundColor?: string;
66
+ cellBorderColor?: string;
67
+ cellTextColor?: string;
68
+ cellFontSize?: string | number;
69
+ cellPadding?: string;
70
+ cellHeight?: string | number;
71
+ borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
72
+ borderWidth?: string;
73
+ borderColor?: string;
74
+ borderRadius?: string;
75
+ backgroundColor?: string;
76
+ fontFamily?: string;
77
+ elevation?: number;
78
+ headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
79
+ textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
80
+ enableAnimations?: boolean;
81
+ animationSpeed?: string;
82
+ hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
83
+ onEventAdd?: (e: any) => void;
84
+ configurationItemInfo?: ConfigurationItemInfo;
85
+ }
86
+ export declare const YearViewCalendarMolecule: React.FC<YearViewCalendarProps>;
package/dist/cjs/molecules/Calendar/hooks/useCalendarCore.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ interface UseCalendarCoreOptions {
3
+ initialEvents?: any[];
4
+ onEventAdd?: (event: any) => void;
5
+ businessHours?: any;
6
+ }
7
+ export declare const useCalendarCore: ({ initialEvents, onEventAdd, businessHours, }?: UseCalendarCoreOptions) => {
8
+ eventsState: any[];
9
+ setEventsState: import("react").Dispatch<import("react").SetStateAction<any[]>>;
10
+ calRef: import("react").MutableRefObject<any>;
11
+ allowDrop: (info: any) => boolean;
12
+ onReceive: (info: any) => void;
13
+ };
14
+ export {};
package/dist/cjs/molecules/Calendar/hooks/useCalendarStyling.d.ts ADDED
@@ -0,0 +1,229 @@
1
+ interface CalendarStylingProps {
2
+ width?: string | number;
3
+ marginLeft?: string;
4
+ marginTop?: string;
5
+ marginRight?: string;
6
+ marginBottom?: string;
7
+ paddingLeft?: string;
8
+ paddingTop?: string;
9
+ paddingRight?: string;
10
+ paddingBottom?: string;
11
+ buttonFontSize?: string | number;
12
+ buttonPaddingY?: string;
13
+ buttonPaddingX?: string;
14
+ buttonColor?: string;
15
+ buttonTextColor?: string;
16
+ buttonBorderColor?: string;
17
+ buttonFontWeight?: string | number;
18
+ buttonElevation?: number;
19
+ buttonHeight?: string | number;
20
+ buttonMinWidth?: string | number;
21
+ buttonMarginY?: string;
22
+ buttonMarginX?: string;
23
+ buttonBorderRadius?: string;
24
+ buttonHoverColor?: string;
25
+ buttonHoverTextColor?: string;
26
+ buttonHoverBorderColor?: string;
27
+ headerBackgroundColor?: string;
28
+ headerBorderColor?: string;
29
+ headerPadding?: string;
30
+ headerHeight?: string | number;
31
+ headerFontSize?: string | number;
32
+ headerFontWeight?: string | number;
33
+ headerTextColor?: string;
34
+ dayHeaderColor?: string;
35
+ dayHeaderFontWeight?: string | number;
36
+ eventBackgroundColor?: string;
37
+ eventBorderColor?: string;
38
+ eventTextColor?: string;
39
+ eventBorderRadius?: string;
40
+ eventOpacity?: number;
41
+ eventElevation?: number;
42
+ eventPadding?: string;
43
+ eventFontSize?: string | number;
44
+ eventFontFamily?: string;
45
+ eventFontWeight?: string | number;
46
+ cellBackgroundColor?: string;
47
+ cellHoverBackgroundColor?: string;
48
+ cellTodayBackgroundColor?: string;
49
+ cellBorderColor?: string;
50
+ cellTextColor?: string;
51
+ cellFontSize?: string | number;
52
+ cellPadding?: string;
53
+ cellHeight?: string | number;
54
+ timeGridSlotHeight?: string | number;
55
+ timeGridSlotBorderColor?: string;
56
+ timeGridNowIndicatorColor?: string;
57
+ timeGridLabelFontSize?: string | number;
58
+ timeGridLabelColor?: string;
59
+ nowIndicatorColor?: string;
60
+ allDayBackgroundColor?: string;
61
+ allDayTextColor?: string;
62
+ resourceAreaWidth?: string | number;
63
+ resourceBackgroundColor?: string;
64
+ resourceTextColor?: string;
65
+ resourceBorderColor?: string;
66
+ resourceFontSize?: string | number;
67
+ resourcePadding?: string;
68
+ borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
69
+ borderWidth?: string;
70
+ borderColor?: string;
71
+ borderRadius?: string;
72
+ backgroundColor?: string;
73
+ fontFamily?: string;
74
+ elevation?: number;
75
+ enableAnimations?: boolean;
76
+ animationSpeed?: string;
77
+ hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
78
+ showGridLines?: boolean;
79
+ }
80
+ export declare const useCalendarStyling: (props: CalendarStylingProps) => {
81
+ sx: {
82
+ readonly '& .fc': {
83
+ readonly borderRadius: string | undefined;
84
+ readonly borderColor: string | undefined;
85
+ readonly borderWidth: string | undefined;
86
+ readonly borderStyle: "inset" | "none" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid";
87
+ readonly boxShadow: string;
88
+ readonly fontFamily: string | undefined;
89
+ readonly backgroundColor: string | undefined;
90
+ };
91
+ readonly '& .fc .fc-button': {
92
+ readonly transition?: string | undefined;
93
+ readonly '&:hover'?: {
94
+ backgroundColor: string | undefined;
95
+ color: string | undefined;
96
+ borderColor: string | undefined;
97
+ transform: string;
98
+ } | undefined;
99
+ readonly fontSize: string | number | undefined;
100
+ readonly padding: string | undefined;
101
+ readonly borderRadius: string | undefined;
102
+ readonly backgroundColor: string | undefined;
103
+ readonly color: string | undefined;
104
+ readonly borderColor: string | undefined;
105
+ readonly fontWeight: string | number | undefined;
106
+ readonly boxShadow: string;
107
+ readonly height: string | number | undefined;
108
+ readonly minWidth: string | number | undefined;
109
+ readonly margin: string | undefined;
110
+ };
111
+ readonly '& .fc-event': {
112
+ readonly transition?: string | undefined;
113
+ readonly '&:hover'?: {
114
+ transform: string;
115
+ boxShadow: string;
116
+ } | undefined;
117
+ readonly backgroundColor: string | undefined;
118
+ readonly color: string | undefined;
119
+ readonly borderColor: string | undefined;
120
+ readonly borderRadius: string | undefined;
121
+ readonly fontSize: string | number | undefined;
122
+ readonly fontWeight: string | number | undefined;
123
+ readonly opacity: number | undefined;
124
+ readonly boxShadow: string;
125
+ readonly padding: string | undefined;
126
+ readonly borderWidth: string | undefined;
127
+ readonly borderStyle: "inset" | "none" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid";
128
+ };
129
+ readonly '& .fc .fc-daygrid-day, & .fc .fc-timegrid-slot, & .fc .fc-col-header-cell': {
130
+ readonly transition?: string | undefined;
131
+ readonly '&:hover'?: {
132
+ backgroundColor: string | undefined;
133
+ transform: string;
134
+ } | undefined;
135
+ readonly backgroundColor: string | undefined;
136
+ readonly borderColor: string | undefined;
137
+ readonly borderWidth: string | undefined;
138
+ readonly borderStyle: "inset" | "none" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid";
139
+ readonly padding: string | undefined;
140
+ readonly height: string | number | undefined;
141
+ readonly color: string | undefined;
142
+ readonly fontSize: string | number | undefined;
143
+ };
144
+ readonly '& .fc .fc-day-today': {
145
+ readonly backgroundColor: string | undefined;
146
+ };
147
+ readonly '& .fc .fc-timegrid-all-day-slot': {
148
+ readonly backgroundColor: string | undefined;
149
+ };
150
+ readonly '& .fc .fc-timegrid-all-day-slot .fc-event': {
151
+ readonly color: string | undefined;
152
+ };
153
+ readonly '& .fc .fc-daygrid-day .fc-event[data-all-day="true"]': {
154
+ readonly color: string | undefined;
155
+ readonly backgroundColor: string | undefined;
156
+ };
157
+ readonly '& .fc .fc-scrollgrid-shim, & .fc .fc-timegrid-divider'?: {
158
+ display: string;
159
+ } | undefined;
160
+ readonly width: string | number | undefined;
161
+ readonly marginLeft: string | undefined;
162
+ readonly marginTop: string | undefined;
163
+ readonly marginRight: string | undefined;
164
+ readonly marginBottom: string | undefined;
165
+ readonly paddingLeft: string | undefined;
166
+ readonly paddingTop: string | undefined;
167
+ readonly paddingRight: string | undefined;
168
+ readonly paddingBottom: string | undefined;
169
+ readonly '& .fc .fc-toolbar': {
170
+ readonly backgroundColor: string | undefined;
171
+ readonly color: string | undefined;
172
+ readonly borderColor: string | undefined;
173
+ readonly padding: string | undefined;
174
+ readonly height: string | number | undefined;
175
+ readonly '& .fc-toolbar-title': {
176
+ readonly fontSize: string | number | undefined;
177
+ readonly fontWeight: string | number | undefined;
178
+ readonly color: string | undefined;
179
+ };
180
+ };
181
+ readonly '& .fc .fc-col-header-cell-cushion': {
182
+ readonly color: string | undefined;
183
+ readonly fontWeight: string | number | undefined;
184
+ };
185
+ readonly '& .fc .fc-timegrid-slot-label-cushion': {
186
+ readonly color: string | undefined;
187
+ readonly fontSize: string | number | undefined;
188
+ };
189
+ readonly '& .fc .fc-event': {
190
+ readonly color: string | undefined;
191
+ };
192
+ readonly '& .fc .fc-event:hover': {
193
+ readonly backgroundColor: string | undefined;
194
+ };
195
+ readonly '& .fc .fc-event-title': {
196
+ readonly fontSize: string | number | undefined;
197
+ readonly fontFamily: string | undefined;
198
+ readonly fontWeight: string | number | undefined;
199
+ };
200
+ readonly '& .fc .fc-now-indicator': {
201
+ readonly backgroundColor: string | undefined;
202
+ };
203
+ readonly '& .fc .fc-timegrid-now-indicator-line': {
204
+ readonly backgroundColor: string | undefined;
205
+ };
206
+ readonly '& .fc .fc-timegrid-slot': {
207
+ readonly height: string | number | undefined;
208
+ readonly borderColor: string | undefined;
209
+ };
210
+ readonly '& .fc .fc-resource-area': {
211
+ readonly backgroundColor: string | undefined;
212
+ readonly width: string | number | undefined;
213
+ readonly borderColor: string | undefined;
214
+ readonly '& .fc-resource-cell': {
215
+ readonly color: string | undefined;
216
+ readonly fontSize: string | number | undefined;
217
+ readonly padding: string | undefined;
218
+ };
219
+ };
220
+ readonly '& .fc .fc-resource .fc-resource-title': {
221
+ readonly color: string | undefined;
222
+ };
223
+ readonly '& .fc .fc-resource-area-cell': {
224
+ readonly borderColor: string | undefined;
225
+ };
226
+ };
227
+ getMaterialElevation: (elevation?: number) => string;
228
+ };
229
+ export {};
package/dist/esm/molecules/Calendar/CalendarMolecule.d.ts CHANGED
@@ -1,10 +1,8 @@
1
1
  import React from 'react';
2
2
  import { ConfigurationItemInfo } from 'containers';
3
- import { MoleculeItemDTO } from 'containers/types/moleculeItemTypes';
4
3
  export interface CalendarMoleculeProps {
5
4
  events?: any[];
6
5
  resources?: any[];
7
- items?: MoleculeItemDTO[];
8
6
  initialView?: string;
9
7
  enableDayView?: boolean;
10
8
  enableWeekView?: boolean;
@@ -107,10 +105,6 @@ export interface CalendarMoleculeProps {
107
105
  backgroundColor?: string;
108
106
  fontFamily?: string;
109
107
  elevation?: number;
110
- gradientTheme?: 'none' | 'purple' | 'blue' | 'ocean' | 'sunset' | 'forest' | 'rose';
111
- headerGradientTheme?: 'none' | 'purple' | 'blue' | 'ocean' | 'sunset' | 'forest' | 'rose';
112
- cellGradientTheme?: 'none' | 'light' | 'subtle' | 'warm' | 'cool';
113
- eventGradientTheme?: 'none' | 'purple' | 'blue' | 'green' | 'orange' | 'red' | 'gradient';
114
108
  overlayColor?: string;
115
109
  overlayOpacity?: 'none' | 'light' | 'medium' | 'strong';
116
110
  glassEffect?: 'none' | 'light' | 'medium' | 'strong';
package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.d.ts CHANGED
@@ -1,3 +1,96 @@
1
+ import { ConfigurationItemInfo } from 'containers';
1
2
  import React from 'react';
2
- import { CalendarMoleculeProps } from './CalendarMolecule';
3
- export declare const ResourceTimelineCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableDayView' | 'enableWeekView' | 'enableMonthView' | 'enableDayListView' | 'enableWeekListView' | 'enableGridView' | 'enableTimelineView' | 'enableResourceView' | 'enableYearView'>>;
3
+ export interface ResourceTimelineCalendarProps {
4
+ events?: any[];
5
+ resources?: any[];
6
+ initialView?: 'resourceTimeGridDay' | 'resourceTimeGridWeek' | 'resourceTimelineDay' | 'resourceTimelineWeek';
7
+ enableTimelineView?: boolean;
8
+ showPrevButton?: boolean;
9
+ showNextButton?: boolean;
10
+ showTodayButton?: boolean;
11
+ showViewSwitcher?: boolean;
12
+ editable?: boolean;
13
+ droppable?: boolean;
14
+ selectable?: boolean;
15
+ slotDuration?: string;
16
+ snapDuration?: string;
17
+ businessHours?: any;
18
+ eventOverlap?: boolean;
19
+ showGridLines?: boolean;
20
+ width?: string | number;
21
+ height?: string | number;
22
+ marginLeft?: string;
23
+ marginTop?: string;
24
+ marginRight?: string;
25
+ marginBottom?: string;
26
+ paddingLeft?: string;
27
+ paddingTop?: string;
28
+ paddingRight?: string;
29
+ paddingBottom?: string;
30
+ buttonFontSize?: string | number;
31
+ buttonPaddingY?: string;
32
+ buttonPaddingX?: string;
33
+ buttonColor?: string;
34
+ buttonTextColor?: string;
35
+ buttonBorderColor?: string;
36
+ buttonFontWeight?: string | number;
37
+ buttonElevation?: number;
38
+ buttonHeight?: string | number;
39
+ buttonMinWidth?: string | number;
40
+ buttonMarginY?: string;
41
+ buttonMarginX?: string;
42
+ buttonBorderRadius?: string;
43
+ buttonHoverColor?: string;
44
+ buttonHoverTextColor?: string;
45
+ buttonHoverBorderColor?: string;
46
+ headerBackgroundColor?: string;
47
+ headerBorderColor?: string;
48
+ headerPadding?: string;
49
+ headerHeight?: string | number;
50
+ headerFontSize?: string | number;
51
+ headerFontWeight?: string | number;
52
+ headerTextColor?: string;
53
+ dayHeaderColor?: string;
54
+ dayHeaderFontWeight?: string | number;
55
+ eventBackgroundColor?: string;
56
+ eventBorderColor?: string;
57
+ eventTextColor?: string;
58
+ eventBorderRadius?: string;
59
+ eventOpacity?: number;
60
+ eventElevation?: number;
61
+ eventPadding?: string;
62
+ eventFontSize?: string | number;
63
+ eventFontFamily?: string;
64
+ eventFontWeight?: string | number;
65
+ timeGridSlotHeight?: string | number;
66
+ timeGridSlotBorderColor?: string;
67
+ timeGridNowIndicatorColor?: string;
68
+ timeGridLabelFontSize?: string | number;
69
+ timeGridLabelColor?: string;
70
+ nowIndicatorColor?: string;
71
+ allDaySlot?: boolean;
72
+ allDayBackgroundColor?: string;
73
+ allDayTextColor?: string;
74
+ resourceAreaWidth?: string | number;
75
+ resourceBackgroundColor?: string;
76
+ resourceTextColor?: string;
77
+ resourceBorderColor?: string;
78
+ resourceFontSize?: string | number;
79
+ resourcePadding?: string;
80
+ resourceGroupCollapsible?: boolean;
81
+ borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
82
+ borderWidth?: string;
83
+ borderColor?: string;
84
+ borderRadius?: string;
85
+ backgroundColor?: string;
86
+ fontFamily?: string;
87
+ elevation?: number;
88
+ headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
89
+ textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
90
+ enableAnimations?: boolean;
91
+ animationSpeed?: string;
92
+ hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
93
+ onEventAdd?: (e: any) => void;
94
+ configurationItemInfo?: ConfigurationItemInfo;
95
+ }
96
+ export declare const ResourceTimelineCalendarMolecule: React.FC<ResourceTimelineCalendarProps>;