@zealicsolutions/web-ui 1.0.68 → 1.0.70
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/containers/Container.stories.d.ts +15 -1
- package/dist/cjs/containers/types/moleculeTypes.d.ts +32 -4
- package/dist/cjs/contexts/OrganismContext/OrganismContextProvider.d.ts +2 -2
- package/dist/cjs/index.js +1561 -1561
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/BinaryRadioButtons/BinaryRadioButtons.d.ts +47 -0
- package/dist/cjs/molecules/BinaryRadioButtons/BinaryRadioButtons.stories.d.ts +38 -0
- package/dist/cjs/molecules/Calendar/CalendarMolecule.d.ts +87 -31
- package/dist/cjs/molecules/Calendar/CalendarMolecule.stories.d.ts +7 -4
- package/dist/cjs/molecules/Calendar/ResourceTimelineCalendar.d.ts +101 -2
- package/dist/cjs/molecules/Calendar/SimpleCalendar.d.ts +98 -2
- package/dist/cjs/molecules/Calendar/YearViewCalendar.d.ts +82 -2
- package/dist/cjs/molecules/Calendar/hooks/useCalendarCore.d.ts +14 -0
- package/dist/cjs/molecules/Calendar/hooks/useCalendarCore.test.d.ts +1 -0
- package/dist/cjs/molecules/Calendar/hooks/useCalendarStyling.d.ts +229 -0
- package/dist/cjs/molecules/Checkbox/Checkbox.d.ts +34 -0
- package/dist/cjs/molecules/Checkbox/Checkbox.stories.d.ts +23 -0
- package/dist/cjs/molecules/Consent/Consent.stories.d.ts +76 -7
- package/dist/cjs/molecules/Consent/ConsentMolecule.d.ts +10 -4
- package/dist/cjs/molecules/index.d.ts +22 -20
- package/dist/esm/components/Checkbox/Checkbox.js +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/RichTextViewer/components/Leaf.js +1 -1
- package/dist/esm/components/RichTextViewer/components/Leaf.js.map +1 -1
- package/dist/esm/containers/Container.js +1 -1
- package/dist/esm/containers/Container.js.map +1 -1
- package/dist/esm/containers/Container.stories.d.ts +15 -1
- package/dist/esm/containers/ContainerStoriesComponent.js +1 -1
- package/dist/esm/containers/ContainerStoriesComponent.js.map +1 -1
- package/dist/esm/containers/FormContainer.js +1 -1
- package/dist/esm/containers/FormContainer.js.map +1 -1
- package/dist/esm/containers/FormStepContainer.js +1 -1
- package/dist/esm/containers/FormStepContainer.js.map +1 -1
- package/dist/esm/containers/OrganismItem.js +1 -1
- package/dist/esm/containers/OrganismItem.js.map +1 -1
- package/dist/esm/containers/hooks/useCheckCondition.js +1 -1
- package/dist/esm/containers/hooks/useCheckCondition.js.map +1 -1
- package/dist/esm/containers/hooks/useStateListenerValue.js +1 -1
- package/dist/esm/containers/hooks/useStateListenerValue.js.map +1 -1
- package/dist/esm/containers/hooks/useStateModifierHandler.js +1 -1
- package/dist/esm/containers/hooks/useStateModifierHandler.js.map +1 -1
- package/dist/esm/containers/types/moleculeTypes.d.ts +32 -4
- package/dist/esm/contexts/ApiContext/queries/useDataModelFieldOptions.js +1 -1
- package/dist/esm/contexts/ApiContext/queries/useDataModelFieldOptions.js.map +1 -1
- package/dist/esm/contexts/ButtonActionsContext/ButtonActionsContextProvider.js +1 -1
- package/dist/esm/contexts/ButtonActionsContext/ButtonActionsContextProvider.js.map +1 -1
- package/dist/esm/contexts/FormStepContext/FormStepContextProvider.js +1 -1
- package/dist/esm/contexts/FormStepContext/FormStepContextProvider.js.map +1 -1
- package/dist/esm/contexts/OrganismContext/OrganismContextProvider.d.ts +2 -2
- package/dist/esm/contexts/OrganismContext/OrganismContextProvider.js +1 -1
- package/dist/esm/contexts/OrganismContext/OrganismContextProvider.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/molecules/Accordion/Accordion.js +1 -1
- package/dist/esm/molecules/Accordion/Accordion.js.map +1 -1
- package/dist/esm/molecules/Avatar/Avatar.js +1 -1
- package/dist/esm/molecules/Avatar/Avatar.js.map +1 -1
- package/dist/esm/molecules/BaseMolecule.js +1 -1
- package/dist/esm/molecules/BaseMolecule.js.map +1 -1
- package/dist/esm/molecules/BasicTextField/BasicTextField.js +1 -1
- package/dist/esm/molecules/BasicTextField/BasicTextField.js.map +1 -1
- package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.d.ts +47 -0
- package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.js +2 -0
- package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.js.map +1 -0
- package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.stories.d.ts +38 -0
- package/dist/esm/molecules/Calendar/CalendarMolecule.d.ts +87 -31
- package/dist/esm/molecules/Calendar/CalendarMolecule.stories.d.ts +7 -4
- package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.d.ts +101 -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 +82 -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/useCalendarCore.test.d.ts +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/molecules/Checkbox/Checkbox.d.ts +34 -0
- package/dist/esm/molecules/Checkbox/Checkbox.js +2 -0
- package/dist/esm/molecules/Checkbox/Checkbox.js.map +1 -0
- package/dist/esm/molecules/Checkbox/Checkbox.stories.d.ts +23 -0
- package/dist/esm/molecules/Checklist/Checklist.js +1 -1
- package/dist/esm/molecules/Checklist/Checklist.js.map +1 -1
- package/dist/esm/molecules/Consent/Consent.stories.d.ts +76 -7
- package/dist/esm/molecules/Consent/ConsentMolecule.d.ts +10 -4
- package/dist/esm/molecules/Consent/ConsentMolecule.js +1 -1
- package/dist/esm/molecules/Consent/ConsentMolecule.js.map +1 -1
- package/dist/esm/molecules/CurrencyInputtField/CurrencyInputField.js +1 -1
- package/dist/esm/molecules/CurrencyInputtField/CurrencyInputField.js.map +1 -1
- package/dist/esm/molecules/DatePicker/DatePicker.js +1 -1
- package/dist/esm/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/molecules/Drawer/Drawer.js +1 -1
- package/dist/esm/molecules/Drawer/Drawer.js.map +1 -1
- package/dist/esm/molecules/EmailInputField/EmailInputField.js +1 -1
- package/dist/esm/molecules/EmailInputField/EmailInputField.js.map +1 -1
- package/dist/esm/molecules/Menu/Menu.js +1 -1
- package/dist/esm/molecules/Menu/Menu.js.map +1 -1
- package/dist/esm/molecules/NumericInputField/NumericInputField.js +1 -1
- package/dist/esm/molecules/NumericInputField/NumericInputField.js.map +1 -1
- package/dist/esm/molecules/PasswordSetup/PasswordSetup.js +1 -1
- package/dist/esm/molecules/PasswordSetup/PasswordSetup.js.map +1 -1
- package/dist/esm/molecules/PhoneNumberInputField/PhoneNumberInputField.js +1 -1
- package/dist/esm/molecules/PhoneNumberInputField/PhoneNumberInputField.js.map +1 -1
- package/dist/esm/molecules/Rating/Rating.js +1 -1
- package/dist/esm/molecules/Rating/Rating.js.map +1 -1
- package/dist/esm/molecules/Select/Select.js +1 -1
- package/dist/esm/molecules/Select/Select.js.map +1 -1
- package/dist/esm/molecules/Slider/Slider.js +1 -1
- package/dist/esm/molecules/Slider/Slider.js.map +1 -1
- package/dist/esm/molecules/SpeedDial/SpeedDial.js +1 -1
- package/dist/esm/molecules/SpeedDial/SpeedDial.js.map +1 -1
- package/dist/esm/molecules/Stepper/Stepper.js +1 -1
- package/dist/esm/molecules/Stepper/Stepper.js.map +1 -1
- package/dist/esm/molecules/Switch/Switch.js +1 -1
- package/dist/esm/molecules/Switch/Switch.js.map +1 -1
- package/dist/esm/molecules/Tabs/Tabs.js +1 -1
- package/dist/esm/molecules/Tabs/Tabs.js.map +1 -1
- package/dist/esm/molecules/index.d.ts +22 -20
- 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/esm/node_modules/@mui/material/Checkbox/Checkbox.js.map +1 -1
- package/dist/index.d.ts +686 -651
- package/package.json +3 -3
- package/dist/cjs/molecules/Consent/Consent.d.ts +0 -32
- package/dist/cjs/molecules/Consent/ConsentCapture.d.ts +0 -20
- package/dist/cjs/molecules/Consent/consentMock.d.ts +0 -7
- package/dist/esm/components/Checkbox/helpers.js +0 -2
- package/dist/esm/components/Checkbox/helpers.js.map +0 -1
- package/dist/esm/molecules/Calendar/CalendarMolecule.js +0 -2
- package/dist/esm/molecules/Calendar/CalendarMolecule.js.map +0 -1
- package/dist/esm/molecules/Consent/Consent.d.ts +0 -32
- package/dist/esm/molecules/Consent/Consent.js +0 -2
- package/dist/esm/molecules/Consent/Consent.js.map +0 -1
- package/dist/esm/molecules/Consent/ConsentCapture.d.ts +0 -20
- package/dist/esm/molecules/Consent/ConsentCapture.js +0 -2
- package/dist/esm/molecules/Consent/ConsentCapture.js.map +0 -1
- package/dist/esm/molecules/Consent/consentMock.d.ts +0 -7
- /package/dist/cjs/containers/{mock-data.d.ts → mockData.d.ts} +0 -0
- /package/dist/cjs/organisms/Organism/{mock-data.d.ts → mockData.d.ts} +0 -0
- /package/dist/esm/containers/{mock-data.d.ts → mockData.d.ts} +0 -0
- /package/dist/esm/organisms/Organism/{mock-data.d.ts → mockData.d.ts} +0 -0
@@ -0,0 +1,47 @@
|
|
1
|
+
import { ConfigurationItemInfo } from 'containers';
|
2
|
+
import { FC } from 'react';
|
3
|
+
export declare type BinaryRadioButtonsProps = {
|
4
|
+
moleculeId?: string;
|
5
|
+
name: string;
|
6
|
+
confirmText?: string;
|
7
|
+
rejectText?: string;
|
8
|
+
confirmTextColor?: string;
|
9
|
+
confirmIconName?: string;
|
10
|
+
confirmSelectedIconName?: string;
|
11
|
+
confirmIconColor?: string;
|
12
|
+
confirmSelectedIconColor?: string;
|
13
|
+
rejectIconName?: string;
|
14
|
+
rejectSelectedIconName?: string;
|
15
|
+
rejectTextColor?: string;
|
16
|
+
rejectIconColor?: string;
|
17
|
+
rejectSelectedIconColor?: string;
|
18
|
+
fontSize?: string;
|
19
|
+
fontFamily?: string;
|
20
|
+
fontWeight?: string;
|
21
|
+
textAlign?: 'left' | 'center' | 'right' | 'justify';
|
22
|
+
disabled?: boolean;
|
23
|
+
required?: boolean;
|
24
|
+
requiredErrorText?: string;
|
25
|
+
validationErrorText?: string;
|
26
|
+
iconSize?: 'small' | 'medium' | 'large';
|
27
|
+
labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
|
28
|
+
layout?: 'row' | 'column';
|
29
|
+
gap?: string;
|
30
|
+
paddingTop?: string;
|
31
|
+
paddingRight?: string;
|
32
|
+
paddingBottom?: string;
|
33
|
+
paddingLeft?: string;
|
34
|
+
marginTop?: string;
|
35
|
+
marginRight?: string;
|
36
|
+
marginBottom?: string;
|
37
|
+
marginLeft?: string;
|
38
|
+
borderStyle?: string;
|
39
|
+
borderWidth?: string;
|
40
|
+
borderColor?: string;
|
41
|
+
borderRadius?: string;
|
42
|
+
backgroundColor?: string;
|
43
|
+
sourceDataModelField?: string;
|
44
|
+
configurationItemInfo?: ConfigurationItemInfo;
|
45
|
+
isDisplayOnly?: boolean;
|
46
|
+
};
|
47
|
+
export declare const BinaryRadioButtons: FC<BinaryRadioButtonsProps>;
|
@@ -0,0 +1,38 @@
|
|
1
|
+
import { BinaryRadioButtonsProps } from './BinaryRadioButtons';
|
2
|
+
/**
|
3
|
+
* Note: Icon names should match lucide-react icon names.
|
4
|
+
* Common examples:
|
5
|
+
* - heart, star, thumbs-up, thumbs-down, x, circle, circle-check, circle-x
|
6
|
+
* - For filled variants, lucide-react typically uses the same name but different styling
|
7
|
+
* - See full list at: https://lucide.dev/icons/
|
8
|
+
*/
|
9
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
10
|
+
export default _default;
|
11
|
+
/** Default binary radio buttons */
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
13
|
+
/** Required binary radio buttons with validation */
|
14
|
+
export declare const Required: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
15
|
+
/** Disabled binary radio buttons */
|
16
|
+
export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
17
|
+
/** Display-only variant */
|
18
|
+
export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
19
|
+
/** Column layout with custom styling */
|
20
|
+
export declare const ColumnLayout: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
21
|
+
/** Custom colors */
|
22
|
+
export declare const CustomColors: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
23
|
+
/** With border and background */
|
24
|
+
export declare const WithBorder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
25
|
+
/** Large size with custom gap */
|
26
|
+
export declare const LargeWithGap: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
27
|
+
/** Small size vertical layout */
|
28
|
+
export declare const SmallVertical: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
29
|
+
/** Label placement variants */
|
30
|
+
export declare const LabelStart: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
31
|
+
export declare const LabelTop: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
32
|
+
/** Custom icons with different selected/unselected states */
|
33
|
+
export declare const DifferentSelectedIcons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
34
|
+
/** Star rating style with different icons for selected state */
|
35
|
+
export declare const StarRating: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
36
|
+
/** Thumbs up/down with different selected states */
|
37
|
+
export declare const ThumbsUpDown: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
38
|
+
export declare const Standalone: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
@@ -1,36 +1,35 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { EventInput, ThemeSystem } from '@fullcalendar/react';
|
3
2
|
import { ConfigurationItemInfo } from 'containers';
|
4
3
|
export interface CalendarMoleculeProps {
|
5
|
-
events?:
|
4
|
+
events?: any[];
|
6
5
|
resources?: any[];
|
7
6
|
initialView?: string;
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
enableTimeline?: boolean;
|
12
|
-
enableResourceTimeline?: boolean;
|
7
|
+
enableDayView?: boolean;
|
8
|
+
enableWeekView?: boolean;
|
9
|
+
enableMonthView?: boolean;
|
13
10
|
enableYearView?: boolean;
|
14
|
-
|
15
|
-
|
16
|
-
|
11
|
+
enableDayListView?: boolean;
|
12
|
+
enableWeekListView?: boolean;
|
13
|
+
enableGridView?: boolean;
|
14
|
+
enableTimelineView?: boolean;
|
15
|
+
enableResourceView?: boolean;
|
17
16
|
monthsPerRow?: number;
|
18
17
|
dayMaxEvents?: number;
|
19
18
|
yearViewMode?: 'grid' | 'stack' | 'continuous';
|
19
|
+
showPrevButton?: boolean;
|
20
|
+
showNextButton?: boolean;
|
21
|
+
showTodayButton?: boolean;
|
22
|
+
showViewSwitcher?: boolean;
|
23
|
+
editable?: boolean;
|
24
|
+
droppable?: boolean;
|
25
|
+
selectable?: boolean;
|
20
26
|
slotDuration?: string;
|
21
27
|
snapDuration?: string;
|
22
28
|
businessHours?: any;
|
23
29
|
eventOverlap?: boolean;
|
24
30
|
showGridLines?: boolean;
|
25
|
-
buttonBorderRadius?: string;
|
26
|
-
eventFontSize?: string | number;
|
27
|
-
eventFontFamily?: string;
|
28
|
-
eventFontWeight?: string | number;
|
29
|
-
resourceGroupCollapsible?: boolean;
|
30
31
|
width?: string | number;
|
31
32
|
height?: string | number;
|
32
|
-
backgroundColor?: string;
|
33
|
-
themeSystem?: ThemeSystem;
|
34
33
|
marginLeft?: string;
|
35
34
|
marginTop?: string;
|
36
35
|
marginRight?: string;
|
@@ -39,28 +38,85 @@ export interface CalendarMoleculeProps {
|
|
39
38
|
paddingTop?: string;
|
40
39
|
paddingRight?: string;
|
41
40
|
paddingBottom?: string;
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
buttonBg?: string;
|
41
|
+
buttonFontSize?: string | number;
|
42
|
+
buttonPaddingY?: string;
|
43
|
+
buttonPaddingX?: string;
|
44
|
+
buttonColor?: string;
|
47
45
|
buttonTextColor?: string;
|
48
|
-
|
46
|
+
buttonBorderColor?: string;
|
47
|
+
buttonFontWeight?: string | number;
|
48
|
+
buttonElevation?: number;
|
49
|
+
buttonHeight?: string | number;
|
50
|
+
buttonMinWidth?: string | number;
|
51
|
+
buttonMarginY?: string;
|
52
|
+
buttonMarginX?: string;
|
53
|
+
buttonBorderRadius?: string;
|
54
|
+
buttonHoverColor?: string;
|
55
|
+
buttonHoverTextColor?: string;
|
56
|
+
buttonHoverBorderColor?: string;
|
57
|
+
headerBackgroundColor?: string;
|
58
|
+
headerBorderColor?: string;
|
59
|
+
headerPadding?: string;
|
60
|
+
headerHeight?: string | number;
|
61
|
+
headerFontSize?: string | number;
|
62
|
+
headerFontWeight?: string | number;
|
63
|
+
headerTextColor?: string;
|
49
64
|
dayHeaderColor?: string;
|
50
65
|
dayHeaderFontWeight?: string | number;
|
51
|
-
|
52
|
-
slotLabelFontSize?: string | number;
|
53
|
-
eventBg?: string;
|
66
|
+
eventBackgroundColor?: string;
|
54
67
|
eventBorderColor?: string;
|
55
68
|
eventTextColor?: string;
|
56
|
-
|
69
|
+
eventBorderRadius?: string;
|
70
|
+
eventOpacity?: number;
|
71
|
+
eventElevation?: number;
|
72
|
+
eventPadding?: string;
|
73
|
+
eventFontSize?: string | number;
|
74
|
+
eventFontFamily?: string;
|
75
|
+
eventFontWeight?: string | number;
|
76
|
+
cellBackgroundColor?: string;
|
77
|
+
cellHoverBackgroundColor?: string;
|
78
|
+
cellTodayBackgroundColor?: string;
|
79
|
+
cellBorderColor?: string;
|
80
|
+
cellTextColor?: string;
|
81
|
+
cellFontSize?: string | number;
|
82
|
+
cellPadding?: string;
|
83
|
+
cellHeight?: string | number;
|
84
|
+
timeGridSlotHeight?: string | number;
|
85
|
+
timeGridSlotBorderColor?: string;
|
86
|
+
timeGridNowIndicatorColor?: string;
|
87
|
+
timeGridLabelFontSize?: string | number;
|
88
|
+
timeGridLabelColor?: string;
|
57
89
|
nowIndicatorColor?: string;
|
58
|
-
|
90
|
+
allDaySlot?: boolean;
|
91
|
+
allDayBackgroundColor?: string;
|
92
|
+
allDayTextColor?: string;
|
93
|
+
resourceAreaWidth?: string | number;
|
94
|
+
resourceBackgroundColor?: string;
|
59
95
|
resourceTextColor?: string;
|
60
96
|
resourceBorderColor?: string;
|
61
|
-
|
62
|
-
|
63
|
-
|
97
|
+
resourceFontSize?: string | number;
|
98
|
+
resourcePadding?: string;
|
99
|
+
resourceGroupCollapsible?: boolean;
|
100
|
+
borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
|
101
|
+
borderWidth?: string;
|
102
|
+
borderColor?: string;
|
103
|
+
borderRadius?: string;
|
104
|
+
backgroundColor?: string;
|
105
|
+
fontFamily?: string;
|
106
|
+
elevation?: number;
|
107
|
+
overlayColor?: string;
|
108
|
+
overlayOpacity?: 'none' | 'light' | 'medium' | 'strong';
|
109
|
+
glassEffect?: 'none' | 'light' | 'medium' | 'strong';
|
110
|
+
headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
|
111
|
+
textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
|
112
|
+
enableAnimations?: boolean;
|
113
|
+
animationSpeed?: 'slow' | 'medium' | 'fast';
|
114
|
+
hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
|
115
|
+
customButtons?: Record<string, {
|
116
|
+
text: string;
|
117
|
+
click: () => void;
|
118
|
+
}>;
|
119
|
+
onEventAdd?: (e: any) => void;
|
64
120
|
configurationItemInfo?: ConfigurationItemInfo;
|
65
121
|
}
|
66
122
|
export declare const CalendarMolecule: React.FC<CalendarMoleculeProps>;
|
@@ -1,5 +1,8 @@
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
2
|
import { CalendarMolecule } from './CalendarMolecule';
|
3
|
-
declare const
|
4
|
-
export default
|
5
|
-
|
3
|
+
declare const meta: Meta<typeof CalendarMolecule>;
|
4
|
+
export default meta;
|
5
|
+
declare type Story = StoryObj<typeof CalendarMolecule>;
|
6
|
+
export declare const ResourcesWithVisits: Story;
|
7
|
+
export declare const Simple: Story;
|
8
|
+
export declare const Styled: Story;
|
@@ -1,3 +1,102 @@
|
|
1
|
+
import { ConfigurationItemInfo } from 'containers';
|
1
2
|
import React from 'react';
|
2
|
-
|
3
|
-
|
3
|
+
export interface CalendarResource {
|
4
|
+
id: string;
|
5
|
+
title: string;
|
6
|
+
group?: string;
|
7
|
+
[key: string]: any;
|
8
|
+
}
|
9
|
+
export interface ResourceTimelineCalendarProps {
|
10
|
+
events?: any[];
|
11
|
+
resources?: CalendarResource[];
|
12
|
+
initialView?: 'week' | 'day';
|
13
|
+
enableTimelineView?: boolean;
|
14
|
+
showPrevButton?: boolean;
|
15
|
+
showNextButton?: boolean;
|
16
|
+
showTodayButton?: boolean;
|
17
|
+
showViewSwitcher?: boolean;
|
18
|
+
editable?: boolean;
|
19
|
+
droppable?: boolean;
|
20
|
+
selectable?: boolean;
|
21
|
+
slotDuration?: string;
|
22
|
+
snapDuration?: string;
|
23
|
+
businessHours?: any;
|
24
|
+
eventOverlap?: boolean;
|
25
|
+
showGridLines?: boolean;
|
26
|
+
width?: string | number;
|
27
|
+
height?: string | number;
|
28
|
+
marginLeft?: string;
|
29
|
+
marginTop?: string;
|
30
|
+
marginRight?: string;
|
31
|
+
marginBottom?: string;
|
32
|
+
paddingLeft?: string;
|
33
|
+
paddingTop?: string;
|
34
|
+
paddingRight?: string;
|
35
|
+
paddingBottom?: string;
|
36
|
+
buttonFontSize?: string | number;
|
37
|
+
buttonPaddingY?: string;
|
38
|
+
buttonPaddingX?: string;
|
39
|
+
buttonColor?: string;
|
40
|
+
buttonTextColor?: string;
|
41
|
+
buttonBorderColor?: string;
|
42
|
+
buttonFontWeight?: string | number;
|
43
|
+
buttonElevation?: number;
|
44
|
+
buttonHeight?: string | number;
|
45
|
+
buttonMinWidth?: string | number;
|
46
|
+
buttonMarginY?: string;
|
47
|
+
buttonMarginX?: string;
|
48
|
+
buttonBorderRadius?: string;
|
49
|
+
buttonHoverColor?: string;
|
50
|
+
buttonHoverTextColor?: string;
|
51
|
+
buttonHoverBorderColor?: string;
|
52
|
+
headerBackgroundColor?: string;
|
53
|
+
headerBorderColor?: string;
|
54
|
+
headerPadding?: string;
|
55
|
+
headerHeight?: string | number;
|
56
|
+
headerFontSize?: string | number;
|
57
|
+
headerFontWeight?: string | number;
|
58
|
+
headerTextColor?: string;
|
59
|
+
dayHeaderColor?: string;
|
60
|
+
dayHeaderFontWeight?: string | number;
|
61
|
+
eventBackgroundColor?: string;
|
62
|
+
eventBorderColor?: string;
|
63
|
+
eventTextColor?: string;
|
64
|
+
eventBorderRadius?: string;
|
65
|
+
eventOpacity?: number;
|
66
|
+
eventElevation?: number;
|
67
|
+
eventPadding?: string;
|
68
|
+
eventFontSize?: string | number;
|
69
|
+
eventFontFamily?: string;
|
70
|
+
eventFontWeight?: string | number;
|
71
|
+
timeGridSlotHeight?: string | number;
|
72
|
+
timeGridSlotBorderColor?: string;
|
73
|
+
timeGridNowIndicatorColor?: string;
|
74
|
+
timeGridLabelFontSize?: string | number;
|
75
|
+
timeGridLabelColor?: string;
|
76
|
+
nowIndicatorColor?: string;
|
77
|
+
allDaySlot?: boolean;
|
78
|
+
allDayBackgroundColor?: string;
|
79
|
+
allDayTextColor?: string;
|
80
|
+
resourceAreaWidth?: string | number;
|
81
|
+
resourceBackgroundColor?: string;
|
82
|
+
resourceTextColor?: string;
|
83
|
+
resourceBorderColor?: string;
|
84
|
+
resourceFontSize?: string | number;
|
85
|
+
resourcePadding?: string;
|
86
|
+
resourceGroupCollapsible?: boolean;
|
87
|
+
borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
|
88
|
+
borderWidth?: string;
|
89
|
+
borderColor?: string;
|
90
|
+
borderRadius?: string;
|
91
|
+
backgroundColor?: string;
|
92
|
+
fontFamily?: string;
|
93
|
+
elevation?: number;
|
94
|
+
headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
|
95
|
+
textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
|
96
|
+
enableAnimations?: boolean;
|
97
|
+
animationSpeed?: string;
|
98
|
+
hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
|
99
|
+
onEventAdd?: (e: any) => void;
|
100
|
+
configurationItemInfo?: ConfigurationItemInfo;
|
101
|
+
}
|
102
|
+
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,83 @@
|
|
1
|
+
import { ConfigurationItemInfo } from 'containers';
|
1
2
|
import React from 'react';
|
2
|
-
|
3
|
-
|
3
|
+
export interface YearViewCalendarProps {
|
4
|
+
events?: any[];
|
5
|
+
businessHours?: any;
|
6
|
+
monthsPerRow?: number;
|
7
|
+
dayMaxEvents?: number;
|
8
|
+
yearViewMode?: 'grid' | 'stack' | 'continuous';
|
9
|
+
showPrevButton?: boolean;
|
10
|
+
showNextButton?: boolean;
|
11
|
+
showTodayButton?: boolean;
|
12
|
+
editable?: boolean;
|
13
|
+
droppable?: boolean;
|
14
|
+
selectable?: boolean;
|
15
|
+
width?: string | number;
|
16
|
+
height?: string | number;
|
17
|
+
marginLeft?: string;
|
18
|
+
marginTop?: string;
|
19
|
+
marginRight?: string;
|
20
|
+
marginBottom?: string;
|
21
|
+
paddingLeft?: string;
|
22
|
+
paddingTop?: string;
|
23
|
+
paddingRight?: string;
|
24
|
+
paddingBottom?: string;
|
25
|
+
buttonFontSize?: string | number;
|
26
|
+
buttonPaddingY?: string;
|
27
|
+
buttonPaddingX?: string;
|
28
|
+
buttonColor?: string;
|
29
|
+
buttonTextColor?: string;
|
30
|
+
buttonBorderColor?: string;
|
31
|
+
buttonFontWeight?: string | number;
|
32
|
+
buttonElevation?: number;
|
33
|
+
buttonHeight?: string | number;
|
34
|
+
buttonMinWidth?: string | number;
|
35
|
+
buttonMarginY?: string;
|
36
|
+
buttonMarginX?: string;
|
37
|
+
buttonBorderRadius?: string;
|
38
|
+
buttonHoverColor?: string;
|
39
|
+
buttonHoverTextColor?: string;
|
40
|
+
buttonHoverBorderColor?: string;
|
41
|
+
headerBackgroundColor?: string;
|
42
|
+
headerBorderColor?: string;
|
43
|
+
headerPadding?: string;
|
44
|
+
headerHeight?: string | number;
|
45
|
+
headerFontSize?: string | number;
|
46
|
+
headerFontWeight?: string | number;
|
47
|
+
headerTextColor?: string;
|
48
|
+
dayHeaderColor?: string;
|
49
|
+
dayHeaderFontWeight?: string | number;
|
50
|
+
eventBackgroundColor?: string;
|
51
|
+
eventBorderColor?: string;
|
52
|
+
eventTextColor?: string;
|
53
|
+
eventBorderRadius?: string;
|
54
|
+
eventOpacity?: number;
|
55
|
+
eventElevation?: number;
|
56
|
+
eventPadding?: string;
|
57
|
+
eventFontSize?: string | number;
|
58
|
+
eventFontFamily?: string;
|
59
|
+
eventFontWeight?: string | number;
|
60
|
+
cellBackgroundColor?: string;
|
61
|
+
cellHoverBackgroundColor?: string;
|
62
|
+
cellTodayBackgroundColor?: string;
|
63
|
+
cellBorderColor?: string;
|
64
|
+
cellTextColor?: string;
|
65
|
+
cellFontSize?: string | number;
|
66
|
+
cellPadding?: string;
|
67
|
+
cellHeight?: string | number;
|
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
|
+
headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
|
76
|
+
textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
|
77
|
+
enableAnimations?: boolean;
|
78
|
+
animationSpeed?: string;
|
79
|
+
hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
|
80
|
+
onEventAdd?: (e: any) => void;
|
81
|
+
configurationItemInfo?: ConfigurationItemInfo;
|
82
|
+
}
|
83
|
+
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 @@
|
|
1
|
+
export {};
|