@zealicsolutions/web-ui 1.0.60-test.2 → 1.0.60-test.4
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 +247 -247
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/Calendar/CalendarMolecule.d.ts +0 -7
- package/dist/cjs/molecules/Calendar/ResourceTimelineCalendar.d.ts +95 -2
- package/dist/cjs/molecules/Calendar/SimpleCalendar.d.ts +98 -2
- package/dist/cjs/molecules/Calendar/YearViewCalendar.d.ts +84 -2
- package/dist/cjs/molecules/Calendar/hooks/useCalendarCore.d.ts +14 -0
- package/dist/cjs/molecules/Calendar/hooks/useCalendarStyling.d.ts +229 -0
- package/dist/esm/molecules/Calendar/CalendarMolecule.d.ts +0 -7
- package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.d.ts +95 -2
- package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.js +1 -1
- package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.js.map +1 -1
- package/dist/esm/molecules/Calendar/SimpleCalendar.d.ts +98 -2
- package/dist/esm/molecules/Calendar/SimpleCalendar.js +1 -1
- package/dist/esm/molecules/Calendar/SimpleCalendar.js.map +1 -1
- package/dist/esm/molecules/Calendar/YearViewCalendar.d.ts +84 -2
- package/dist/esm/molecules/Calendar/YearViewCalendar.js +1 -1
- package/dist/esm/molecules/Calendar/YearViewCalendar.js.map +1 -1
- package/dist/esm/molecules/Calendar/hooks/useCalendarCore.d.ts +14 -0
- package/dist/esm/molecules/Calendar/hooks/useCalendarCore.js +2 -0
- package/dist/esm/molecules/Calendar/hooks/useCalendarCore.js.map +1 -0
- package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.d.ts +229 -0
- package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.js +2 -0
- package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/premium-common/index.js +1 -1
- package/dist/esm/node_modules/@fullcalendar/premium-common/index.js.map +1 -1
- package/dist/esm/node_modules/@fullcalendar/timeline/internal.js +1 -1
- package/dist/esm/node_modules/@fullcalendar/timeline/internal.js.map +1 -1
- package/dist/index.d.ts +0 -7
- package/package.json +1 -1
- package/dist/esm/molecules/Calendar/CalendarMolecule.js +0 -2
- package/dist/esm/molecules/Calendar/CalendarMolecule.js.map +0 -1
@@ -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;
|
@@ -40,7 +38,6 @@ export interface CalendarMoleculeProps {
|
|
40
38
|
paddingTop?: string;
|
41
39
|
paddingRight?: string;
|
42
40
|
paddingBottom?: string;
|
43
|
-
themeSystem?: any;
|
44
41
|
buttonFontSize?: string | number;
|
45
42
|
buttonPaddingY?: string;
|
46
43
|
buttonPaddingX?: string;
|
@@ -107,10 +104,6 @@ export interface CalendarMoleculeProps {
|
|
107
104
|
backgroundColor?: string;
|
108
105
|
fontFamily?: string;
|
109
106
|
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
107
|
overlayColor?: string;
|
115
108
|
overlayOpacity?: 'none' | 'light' | 'medium' | 'strong';
|
116
109
|
glassEffect?: 'none' | 'light' | 'medium' | 'strong';
|
@@ -1,3 +1,96 @@
|
|
1
|
+
import { ConfigurationItemInfo } from 'containers';
|
1
2
|
import React from 'react';
|
2
|
-
|
3
|
-
|
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>;
|
@@ -1,3 +1,99 @@
|
|
1
|
+
import { ConfigurationItemInfo } from 'containers';
|
1
2
|
import React from 'react';
|
2
|
-
|
3
|
-
|
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>;
|
@@ -1,3 +1,85 @@
|
|
1
|
+
import { ConfigurationItemInfo } from 'containers';
|
1
2
|
import React from 'react';
|
2
|
-
|
3
|
-
|
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
|
+
buttonFontSize?: string | number;
|
28
|
+
buttonPaddingY?: string;
|
29
|
+
buttonPaddingX?: string;
|
30
|
+
buttonColor?: string;
|
31
|
+
buttonTextColor?: string;
|
32
|
+
buttonBorderColor?: string;
|
33
|
+
buttonFontWeight?: string | number;
|
34
|
+
buttonElevation?: number;
|
35
|
+
buttonHeight?: string | number;
|
36
|
+
buttonMinWidth?: string | number;
|
37
|
+
buttonMarginY?: string;
|
38
|
+
buttonMarginX?: string;
|
39
|
+
buttonBorderRadius?: string;
|
40
|
+
buttonHoverColor?: string;
|
41
|
+
buttonHoverTextColor?: string;
|
42
|
+
buttonHoverBorderColor?: string;
|
43
|
+
headerBackgroundColor?: string;
|
44
|
+
headerBorderColor?: string;
|
45
|
+
headerPadding?: string;
|
46
|
+
headerHeight?: string | number;
|
47
|
+
headerFontSize?: string | number;
|
48
|
+
headerFontWeight?: string | number;
|
49
|
+
headerTextColor?: string;
|
50
|
+
dayHeaderColor?: string;
|
51
|
+
dayHeaderFontWeight?: string | number;
|
52
|
+
eventBackgroundColor?: string;
|
53
|
+
eventBorderColor?: string;
|
54
|
+
eventTextColor?: string;
|
55
|
+
eventBorderRadius?: string;
|
56
|
+
eventOpacity?: number;
|
57
|
+
eventElevation?: number;
|
58
|
+
eventPadding?: string;
|
59
|
+
eventFontSize?: string | number;
|
60
|
+
eventFontFamily?: string;
|
61
|
+
eventFontWeight?: string | number;
|
62
|
+
cellBackgroundColor?: string;
|
63
|
+
cellHoverBackgroundColor?: string;
|
64
|
+
cellTodayBackgroundColor?: string;
|
65
|
+
cellBorderColor?: string;
|
66
|
+
cellTextColor?: string;
|
67
|
+
cellFontSize?: string | number;
|
68
|
+
cellPadding?: string;
|
69
|
+
cellHeight?: string | number;
|
70
|
+
borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
|
71
|
+
borderWidth?: string;
|
72
|
+
borderColor?: string;
|
73
|
+
borderRadius?: string;
|
74
|
+
backgroundColor?: string;
|
75
|
+
fontFamily?: string;
|
76
|
+
elevation?: number;
|
77
|
+
headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
|
78
|
+
textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
|
79
|
+
enableAnimations?: boolean;
|
80
|
+
animationSpeed?: string;
|
81
|
+
hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
|
82
|
+
onEventAdd?: (e: any) => void;
|
83
|
+
configurationItemInfo?: ConfigurationItemInfo;
|
84
|
+
}
|
85
|
+
export declare const YearViewCalendarMolecule: React.FC<YearViewCalendarProps>;
|
@@ -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 {};
|
@@ -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 {};
|
@@ -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;
|
@@ -40,7 +38,6 @@ export interface CalendarMoleculeProps {
|
|
40
38
|
paddingTop?: string;
|
41
39
|
paddingRight?: string;
|
42
40
|
paddingBottom?: string;
|
43
|
-
themeSystem?: any;
|
44
41
|
buttonFontSize?: string | number;
|
45
42
|
buttonPaddingY?: string;
|
46
43
|
buttonPaddingX?: string;
|
@@ -107,10 +104,6 @@ export interface CalendarMoleculeProps {
|
|
107
104
|
backgroundColor?: string;
|
108
105
|
fontFamily?: string;
|
109
106
|
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
107
|
overlayColor?: string;
|
115
108
|
overlayOpacity?: 'none' | 'light' | 'medium' | 'strong';
|
116
109
|
glassEffect?: 'none' | 'light' | 'medium' | 'strong';
|