@zealicsolutions/web-ui 1.0.60-test.1 → 1.0.60-test.2
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 +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/Calendar/CalendarMolecule.d.ts +81 -24
- package/dist/cjs/molecules/Calendar/CalendarMolecule.stories.d.ts +3 -17
- package/dist/cjs/molecules/Calendar/ResourceTimelineCalendar.d.ts +1 -1
- package/dist/cjs/molecules/Calendar/SimpleCalendar.d.ts +1 -1
- package/dist/cjs/molecules/Calendar/YearViewCalendar.d.ts +1 -1
- package/dist/cjs/molecules/DatePicker/DatePicker.d.ts +3 -1
- package/dist/esm/containers/FormContainer.js +1 -1
- package/dist/esm/containers/FormContainer.js.map +1 -1
- package/dist/esm/molecules/Calendar/CalendarMolecule.d.ts +81 -24
- package/dist/esm/molecules/Calendar/CalendarMolecule.js +1 -1
- package/dist/esm/molecules/Calendar/CalendarMolecule.js.map +1 -1
- package/dist/esm/molecules/Calendar/CalendarMolecule.stories.d.ts +3 -17
- package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.d.ts +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/esm/molecules/Calendar/YearViewCalendar.js +1 -1
- package/dist/esm/molecules/Calendar/YearViewCalendar.js.map +1 -1
- package/dist/esm/molecules/DatePicker/DatePicker.d.ts +3 -1
- package/dist/esm/molecules/DatePicker/DatePicker.js +1 -1
- package/dist/esm/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/index.d.ts +83 -24
- package/package.json +1 -1
@@ -1,18 +1,23 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { ConfigurationItemInfo } from 'containers';
|
3
|
+
import { MoleculeItemDTO } from 'containers/types/moleculeItemTypes';
|
3
4
|
export interface CalendarMoleculeProps {
|
4
5
|
events?: any[];
|
5
6
|
resources?: any[];
|
7
|
+
items?: MoleculeItemDTO[];
|
6
8
|
initialView?: string;
|
7
9
|
enableDayView?: boolean;
|
8
10
|
enableWeekView?: boolean;
|
9
11
|
enableMonthView?: boolean;
|
12
|
+
enableYearView?: boolean;
|
10
13
|
enableDayListView?: boolean;
|
11
14
|
enableWeekListView?: boolean;
|
12
15
|
enableGridView?: boolean;
|
13
16
|
enableTimelineView?: boolean;
|
14
17
|
enableResourceView?: boolean;
|
15
|
-
|
18
|
+
monthsPerRow?: number;
|
19
|
+
dayMaxEvents?: number;
|
20
|
+
yearViewMode?: 'grid' | 'stack' | 'continuous';
|
16
21
|
showPrevButton?: boolean;
|
17
22
|
showNextButton?: boolean;
|
18
23
|
showTodayButton?: boolean;
|
@@ -20,23 +25,13 @@ export interface CalendarMoleculeProps {
|
|
20
25
|
editable?: boolean;
|
21
26
|
droppable?: boolean;
|
22
27
|
selectable?: boolean;
|
23
|
-
monthsPerRow?: number;
|
24
|
-
dayMaxEvents?: number;
|
25
|
-
yearViewMode?: 'grid' | 'stack' | 'continuous';
|
26
28
|
slotDuration?: string;
|
27
29
|
snapDuration?: string;
|
28
30
|
businessHours?: any;
|
29
31
|
eventOverlap?: boolean;
|
30
32
|
showGridLines?: boolean;
|
31
|
-
buttonBorderRadius?: string;
|
32
|
-
eventFontSize?: string | number;
|
33
|
-
eventFontFamily?: string;
|
34
|
-
eventFontWeight?: string | number;
|
35
|
-
resourceGroupCollapsible?: boolean;
|
36
33
|
width?: string | number;
|
37
34
|
height?: string | number;
|
38
|
-
backgroundColor?: string;
|
39
|
-
themeSystem?: any;
|
40
35
|
marginLeft?: string;
|
41
36
|
marginTop?: string;
|
42
37
|
marginRight?: string;
|
@@ -45,27 +40,89 @@ export interface CalendarMoleculeProps {
|
|
45
40
|
paddingTop?: string;
|
46
41
|
paddingRight?: string;
|
47
42
|
paddingBottom?: string;
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
43
|
+
themeSystem?: any;
|
44
|
+
buttonFontSize?: string | number;
|
45
|
+
buttonPaddingY?: string;
|
46
|
+
buttonPaddingX?: string;
|
47
|
+
buttonColor?: string;
|
53
48
|
buttonTextColor?: string;
|
54
|
-
|
49
|
+
buttonBorderColor?: string;
|
50
|
+
buttonFontWeight?: string | number;
|
51
|
+
buttonElevation?: number;
|
52
|
+
buttonHeight?: string | number;
|
53
|
+
buttonMinWidth?: string | number;
|
54
|
+
buttonMarginY?: string;
|
55
|
+
buttonMarginX?: string;
|
56
|
+
buttonBorderRadius?: string;
|
57
|
+
buttonHoverColor?: string;
|
58
|
+
buttonHoverTextColor?: string;
|
59
|
+
buttonHoverBorderColor?: string;
|
60
|
+
headerBackgroundColor?: string;
|
61
|
+
headerBorderColor?: string;
|
62
|
+
headerPadding?: string;
|
63
|
+
headerHeight?: string | number;
|
64
|
+
headerFontSize?: string | number;
|
65
|
+
headerFontWeight?: string | number;
|
66
|
+
headerTextColor?: string;
|
55
67
|
dayHeaderColor?: string;
|
56
68
|
dayHeaderFontWeight?: string | number;
|
57
|
-
|
58
|
-
slotLabelFontSize?: string | number;
|
59
|
-
eventBg?: string;
|
69
|
+
eventBackgroundColor?: string;
|
60
70
|
eventBorderColor?: string;
|
61
71
|
eventTextColor?: string;
|
62
|
-
|
72
|
+
eventBorderRadius?: string;
|
73
|
+
eventOpacity?: number;
|
74
|
+
eventElevation?: number;
|
75
|
+
eventPadding?: string;
|
76
|
+
eventFontSize?: string | number;
|
77
|
+
eventFontFamily?: string;
|
78
|
+
eventFontWeight?: string | number;
|
79
|
+
cellBackgroundColor?: string;
|
80
|
+
cellHoverBackgroundColor?: string;
|
81
|
+
cellTodayBackgroundColor?: string;
|
82
|
+
cellBorderColor?: string;
|
83
|
+
cellTextColor?: string;
|
84
|
+
cellFontSize?: string | number;
|
85
|
+
cellPadding?: string;
|
86
|
+
cellHeight?: string | number;
|
87
|
+
timeGridSlotHeight?: string | number;
|
88
|
+
timeGridSlotBorderColor?: string;
|
89
|
+
timeGridNowIndicatorColor?: string;
|
90
|
+
timeGridLabelFontSize?: string | number;
|
91
|
+
timeGridLabelColor?: string;
|
63
92
|
nowIndicatorColor?: string;
|
64
|
-
|
93
|
+
allDaySlot?: boolean;
|
94
|
+
allDayBackgroundColor?: string;
|
95
|
+
allDayTextColor?: string;
|
96
|
+
resourceAreaWidth?: string | number;
|
97
|
+
resourceBackgroundColor?: string;
|
65
98
|
resourceTextColor?: string;
|
66
99
|
resourceBorderColor?: string;
|
67
|
-
|
68
|
-
|
100
|
+
resourceFontSize?: string | number;
|
101
|
+
resourcePadding?: string;
|
102
|
+
resourceGroupCollapsible?: boolean;
|
103
|
+
borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
|
104
|
+
borderWidth?: string;
|
105
|
+
borderColor?: string;
|
106
|
+
borderRadius?: string;
|
107
|
+
backgroundColor?: string;
|
108
|
+
fontFamily?: string;
|
109
|
+
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
|
+
overlayColor?: string;
|
115
|
+
overlayOpacity?: 'none' | 'light' | 'medium' | 'strong';
|
116
|
+
glassEffect?: 'none' | 'light' | 'medium' | 'strong';
|
117
|
+
headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
|
118
|
+
textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
|
119
|
+
enableAnimations?: boolean;
|
120
|
+
animationSpeed?: 'slow' | 'medium' | 'fast';
|
121
|
+
hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
|
122
|
+
customButtons?: Record<string, {
|
123
|
+
text: string;
|
124
|
+
click: () => void;
|
125
|
+
}>;
|
69
126
|
onEventAdd?: (e: any) => void;
|
70
127
|
configurationItemInfo?: ConfigurationItemInfo;
|
71
128
|
}
|
@@ -3,20 +3,6 @@ import { CalendarMolecule } from './CalendarMolecule';
|
|
3
3
|
declare const meta: Meta<typeof CalendarMolecule>;
|
4
4
|
export default meta;
|
5
5
|
declare type Story = StoryObj<typeof CalendarMolecule>;
|
6
|
-
export declare const
|
7
|
-
export declare const
|
8
|
-
export declare const
|
9
|
-
export declare const DayGridView: Story;
|
10
|
-
export declare const DayTimelineView: Story;
|
11
|
-
export declare const ListViews: Story;
|
12
|
-
export declare const ResourceGridViews: Story;
|
13
|
-
export declare const ResourceTimelineViews: Story;
|
14
|
-
export declare const ResourceListViews: Story;
|
15
|
-
export declare const DragAndDrop: Story;
|
16
|
-
export declare const SelectableDates: Story;
|
17
|
-
export declare const BackgroundEvents: Story;
|
18
|
-
export declare const YearView: Story;
|
19
|
-
export declare const AllViewsEnabled: Story;
|
20
|
-
export declare const CustomToolbar: Story;
|
21
|
-
export declare const MinimalToolbar: Story;
|
22
|
-
export declare const Themed: Story;
|
6
|
+
export declare const ResourcesWithVisits: Story;
|
7
|
+
export declare const Simple: Story;
|
8
|
+
export declare const Styled: Story;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { CalendarMoleculeProps } from './CalendarMolecule';
|
3
|
-
export declare const ResourceTimelineCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | '
|
3
|
+
export declare const ResourceTimelineCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableDayView' | 'enableWeekView' | 'enableMonthView' | 'enableDayListView' | 'enableWeekListView' | 'enableGridView' | 'enableTimelineView' | 'enableResourceView' | 'enableYearView'>>;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { CalendarMoleculeProps } from './CalendarMolecule';
|
3
|
-
export declare const SimpleCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableYearView' | '
|
3
|
+
export declare const SimpleCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableYearView' | 'enableResourceView'>>;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { CalendarMoleculeProps } from './CalendarMolecule';
|
3
|
-
export declare const YearViewCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | '
|
3
|
+
export declare const YearViewCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableDayView' | 'enableWeekView' | 'enableDayListView' | 'enableWeekListView' | 'enableGridView' | 'enableTimelineView' | 'enableResourceView'>>;
|
@@ -1,8 +1,10 @@
|
|
1
|
-
import React from 'react';
|
2
1
|
import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers';
|
2
|
+
import React from 'react';
|
3
3
|
export interface DatePickerMoleculeProps extends MuiDatePickerProps {
|
4
4
|
required?: boolean;
|
5
5
|
placeholderText?: string;
|
6
|
+
requiredErrorText?: string;
|
7
|
+
validationErrorText?: string;
|
6
8
|
moleculeId?: string;
|
7
9
|
configurationItemInfo?: any;
|
8
10
|
text: string;
|