@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.
Files changed (148) hide show
  1. package/dist/cjs/containers/Container.stories.d.ts +15 -1
  2. package/dist/cjs/containers/types/moleculeTypes.d.ts +32 -4
  3. package/dist/cjs/contexts/OrganismContext/OrganismContextProvider.d.ts +2 -2
  4. package/dist/cjs/index.js +1561 -1561
  5. package/dist/cjs/index.js.map +1 -1
  6. package/dist/cjs/molecules/BinaryRadioButtons/BinaryRadioButtons.d.ts +47 -0
  7. package/dist/cjs/molecules/BinaryRadioButtons/BinaryRadioButtons.stories.d.ts +38 -0
  8. package/dist/cjs/molecules/Calendar/CalendarMolecule.d.ts +87 -31
  9. package/dist/cjs/molecules/Calendar/CalendarMolecule.stories.d.ts +7 -4
  10. package/dist/cjs/molecules/Calendar/ResourceTimelineCalendar.d.ts +101 -2
  11. package/dist/cjs/molecules/Calendar/SimpleCalendar.d.ts +98 -2
  12. package/dist/cjs/molecules/Calendar/YearViewCalendar.d.ts +82 -2
  13. package/dist/cjs/molecules/Calendar/hooks/useCalendarCore.d.ts +14 -0
  14. package/dist/cjs/molecules/Calendar/hooks/useCalendarCore.test.d.ts +1 -0
  15. package/dist/cjs/molecules/Calendar/hooks/useCalendarStyling.d.ts +229 -0
  16. package/dist/cjs/molecules/Checkbox/Checkbox.d.ts +34 -0
  17. package/dist/cjs/molecules/Checkbox/Checkbox.stories.d.ts +23 -0
  18. package/dist/cjs/molecules/Consent/Consent.stories.d.ts +76 -7
  19. package/dist/cjs/molecules/Consent/ConsentMolecule.d.ts +10 -4
  20. package/dist/cjs/molecules/index.d.ts +22 -20
  21. package/dist/esm/components/Checkbox/Checkbox.js +1 -1
  22. package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
  23. package/dist/esm/components/RichTextViewer/components/Leaf.js +1 -1
  24. package/dist/esm/components/RichTextViewer/components/Leaf.js.map +1 -1
  25. package/dist/esm/containers/Container.js +1 -1
  26. package/dist/esm/containers/Container.js.map +1 -1
  27. package/dist/esm/containers/Container.stories.d.ts +15 -1
  28. package/dist/esm/containers/ContainerStoriesComponent.js +1 -1
  29. package/dist/esm/containers/ContainerStoriesComponent.js.map +1 -1
  30. package/dist/esm/containers/FormContainer.js +1 -1
  31. package/dist/esm/containers/FormContainer.js.map +1 -1
  32. package/dist/esm/containers/FormStepContainer.js +1 -1
  33. package/dist/esm/containers/FormStepContainer.js.map +1 -1
  34. package/dist/esm/containers/OrganismItem.js +1 -1
  35. package/dist/esm/containers/OrganismItem.js.map +1 -1
  36. package/dist/esm/containers/hooks/useCheckCondition.js +1 -1
  37. package/dist/esm/containers/hooks/useCheckCondition.js.map +1 -1
  38. package/dist/esm/containers/hooks/useStateListenerValue.js +1 -1
  39. package/dist/esm/containers/hooks/useStateListenerValue.js.map +1 -1
  40. package/dist/esm/containers/hooks/useStateModifierHandler.js +1 -1
  41. package/dist/esm/containers/hooks/useStateModifierHandler.js.map +1 -1
  42. package/dist/esm/containers/types/moleculeTypes.d.ts +32 -4
  43. package/dist/esm/contexts/ApiContext/queries/useDataModelFieldOptions.js +1 -1
  44. package/dist/esm/contexts/ApiContext/queries/useDataModelFieldOptions.js.map +1 -1
  45. package/dist/esm/contexts/ButtonActionsContext/ButtonActionsContextProvider.js +1 -1
  46. package/dist/esm/contexts/ButtonActionsContext/ButtonActionsContextProvider.js.map +1 -1
  47. package/dist/esm/contexts/FormStepContext/FormStepContextProvider.js +1 -1
  48. package/dist/esm/contexts/FormStepContext/FormStepContextProvider.js.map +1 -1
  49. package/dist/esm/contexts/OrganismContext/OrganismContextProvider.d.ts +2 -2
  50. package/dist/esm/contexts/OrganismContext/OrganismContextProvider.js +1 -1
  51. package/dist/esm/contexts/OrganismContext/OrganismContextProvider.js.map +1 -1
  52. package/dist/esm/index.js +1 -1
  53. package/dist/esm/molecules/Accordion/Accordion.js +1 -1
  54. package/dist/esm/molecules/Accordion/Accordion.js.map +1 -1
  55. package/dist/esm/molecules/Avatar/Avatar.js +1 -1
  56. package/dist/esm/molecules/Avatar/Avatar.js.map +1 -1
  57. package/dist/esm/molecules/BaseMolecule.js +1 -1
  58. package/dist/esm/molecules/BaseMolecule.js.map +1 -1
  59. package/dist/esm/molecules/BasicTextField/BasicTextField.js +1 -1
  60. package/dist/esm/molecules/BasicTextField/BasicTextField.js.map +1 -1
  61. package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.d.ts +47 -0
  62. package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.js +2 -0
  63. package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.js.map +1 -0
  64. package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.stories.d.ts +38 -0
  65. package/dist/esm/molecules/Calendar/CalendarMolecule.d.ts +87 -31
  66. package/dist/esm/molecules/Calendar/CalendarMolecule.stories.d.ts +7 -4
  67. package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.d.ts +101 -2
  68. package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.js +1 -1
  69. package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.js.map +1 -1
  70. package/dist/esm/molecules/Calendar/SimpleCalendar.d.ts +98 -2
  71. package/dist/esm/molecules/Calendar/SimpleCalendar.js +1 -1
  72. package/dist/esm/molecules/Calendar/SimpleCalendar.js.map +1 -1
  73. package/dist/esm/molecules/Calendar/YearViewCalendar.d.ts +82 -2
  74. package/dist/esm/molecules/Calendar/YearViewCalendar.js +1 -1
  75. package/dist/esm/molecules/Calendar/YearViewCalendar.js.map +1 -1
  76. package/dist/esm/molecules/Calendar/hooks/useCalendarCore.d.ts +14 -0
  77. package/dist/esm/molecules/Calendar/hooks/useCalendarCore.js +2 -0
  78. package/dist/esm/molecules/Calendar/hooks/useCalendarCore.js.map +1 -0
  79. package/dist/esm/molecules/Calendar/hooks/useCalendarCore.test.d.ts +1 -0
  80. package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.d.ts +229 -0
  81. package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.js +2 -0
  82. package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.js.map +1 -0
  83. package/dist/esm/molecules/Checkbox/Checkbox.d.ts +34 -0
  84. package/dist/esm/molecules/Checkbox/Checkbox.js +2 -0
  85. package/dist/esm/molecules/Checkbox/Checkbox.js.map +1 -0
  86. package/dist/esm/molecules/Checkbox/Checkbox.stories.d.ts +23 -0
  87. package/dist/esm/molecules/Checklist/Checklist.js +1 -1
  88. package/dist/esm/molecules/Checklist/Checklist.js.map +1 -1
  89. package/dist/esm/molecules/Consent/Consent.stories.d.ts +76 -7
  90. package/dist/esm/molecules/Consent/ConsentMolecule.d.ts +10 -4
  91. package/dist/esm/molecules/Consent/ConsentMolecule.js +1 -1
  92. package/dist/esm/molecules/Consent/ConsentMolecule.js.map +1 -1
  93. package/dist/esm/molecules/CurrencyInputtField/CurrencyInputField.js +1 -1
  94. package/dist/esm/molecules/CurrencyInputtField/CurrencyInputField.js.map +1 -1
  95. package/dist/esm/molecules/DatePicker/DatePicker.js +1 -1
  96. package/dist/esm/molecules/DatePicker/DatePicker.js.map +1 -1
  97. package/dist/esm/molecules/Drawer/Drawer.js +1 -1
  98. package/dist/esm/molecules/Drawer/Drawer.js.map +1 -1
  99. package/dist/esm/molecules/EmailInputField/EmailInputField.js +1 -1
  100. package/dist/esm/molecules/EmailInputField/EmailInputField.js.map +1 -1
  101. package/dist/esm/molecules/Menu/Menu.js +1 -1
  102. package/dist/esm/molecules/Menu/Menu.js.map +1 -1
  103. package/dist/esm/molecules/NumericInputField/NumericInputField.js +1 -1
  104. package/dist/esm/molecules/NumericInputField/NumericInputField.js.map +1 -1
  105. package/dist/esm/molecules/PasswordSetup/PasswordSetup.js +1 -1
  106. package/dist/esm/molecules/PasswordSetup/PasswordSetup.js.map +1 -1
  107. package/dist/esm/molecules/PhoneNumberInputField/PhoneNumberInputField.js +1 -1
  108. package/dist/esm/molecules/PhoneNumberInputField/PhoneNumberInputField.js.map +1 -1
  109. package/dist/esm/molecules/Rating/Rating.js +1 -1
  110. package/dist/esm/molecules/Rating/Rating.js.map +1 -1
  111. package/dist/esm/molecules/Select/Select.js +1 -1
  112. package/dist/esm/molecules/Select/Select.js.map +1 -1
  113. package/dist/esm/molecules/Slider/Slider.js +1 -1
  114. package/dist/esm/molecules/Slider/Slider.js.map +1 -1
  115. package/dist/esm/molecules/SpeedDial/SpeedDial.js +1 -1
  116. package/dist/esm/molecules/SpeedDial/SpeedDial.js.map +1 -1
  117. package/dist/esm/molecules/Stepper/Stepper.js +1 -1
  118. package/dist/esm/molecules/Stepper/Stepper.js.map +1 -1
  119. package/dist/esm/molecules/Switch/Switch.js +1 -1
  120. package/dist/esm/molecules/Switch/Switch.js.map +1 -1
  121. package/dist/esm/molecules/Tabs/Tabs.js +1 -1
  122. package/dist/esm/molecules/Tabs/Tabs.js.map +1 -1
  123. package/dist/esm/molecules/index.d.ts +22 -20
  124. package/dist/esm/node_modules/@fullcalendar/premium-common/index.js +1 -1
  125. package/dist/esm/node_modules/@fullcalendar/premium-common/index.js.map +1 -1
  126. package/dist/esm/node_modules/@fullcalendar/timeline/internal.js +1 -1
  127. package/dist/esm/node_modules/@fullcalendar/timeline/internal.js.map +1 -1
  128. package/dist/esm/node_modules/@mui/material/Checkbox/Checkbox.js.map +1 -1
  129. package/dist/index.d.ts +686 -651
  130. package/package.json +3 -3
  131. package/dist/cjs/molecules/Consent/Consent.d.ts +0 -32
  132. package/dist/cjs/molecules/Consent/ConsentCapture.d.ts +0 -20
  133. package/dist/cjs/molecules/Consent/consentMock.d.ts +0 -7
  134. package/dist/esm/components/Checkbox/helpers.js +0 -2
  135. package/dist/esm/components/Checkbox/helpers.js.map +0 -1
  136. package/dist/esm/molecules/Calendar/CalendarMolecule.js +0 -2
  137. package/dist/esm/molecules/Calendar/CalendarMolecule.js.map +0 -1
  138. package/dist/esm/molecules/Consent/Consent.d.ts +0 -32
  139. package/dist/esm/molecules/Consent/Consent.js +0 -2
  140. package/dist/esm/molecules/Consent/Consent.js.map +0 -1
  141. package/dist/esm/molecules/Consent/ConsentCapture.d.ts +0 -20
  142. package/dist/esm/molecules/Consent/ConsentCapture.js +0 -2
  143. package/dist/esm/molecules/Consent/ConsentCapture.js.map +0 -1
  144. package/dist/esm/molecules/Consent/consentMock.d.ts +0 -7
  145. /package/dist/cjs/containers/{mock-data.d.ts → mockData.d.ts} +0 -0
  146. /package/dist/cjs/organisms/Organism/{mock-data.d.ts → mockData.d.ts} +0 -0
  147. /package/dist/esm/containers/{mock-data.d.ts → mockData.d.ts} +0 -0
  148. /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?: EventInput[];
4
+ events?: any[];
6
5
  resources?: any[];
7
6
  initialView?: string;
8
- enableDayGrid?: boolean;
9
- enableTimeGrid?: boolean;
10
- enableList?: boolean;
11
- enableTimeline?: boolean;
12
- enableResourceTimeline?: boolean;
7
+ enableDayView?: boolean;
8
+ enableWeekView?: boolean;
9
+ enableMonthView?: boolean;
13
10
  enableYearView?: boolean;
14
- editable?: boolean;
15
- droppable?: boolean;
16
- selectable?: boolean;
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
- primaryColor?: string;
43
- secondaryColor?: string;
44
- toolbarBg?: string;
45
- toolbarTextColor?: string;
46
- buttonBg?: string;
41
+ buttonFontSize?: string | number;
42
+ buttonPaddingY?: string;
43
+ buttonPaddingX?: string;
44
+ buttonColor?: string;
47
45
  buttonTextColor?: string;
48
- buttonHoverBg?: string;
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
- slotLabelColor?: string;
52
- slotLabelFontSize?: string | number;
53
- eventBg?: string;
66
+ eventBackgroundColor?: string;
54
67
  eventBorderColor?: string;
55
68
  eventTextColor?: string;
56
- eventHoverBg?: string;
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
- resourceAreaBg?: string;
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
- resourceAreaWidth?: string | number;
62
- bodyBg?: string;
63
- onEventAdd?: (e: EventInput) => void;
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 _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./CalendarMolecule").CalendarMoleculeProps>;
4
- export default _default;
5
- export declare const DragAndDrop: StoryObj<typeof CalendarMolecule>;
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
- import { CalendarMoleculeProps } from './CalendarMolecule';
3
- export declare const ResourceTimelineCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableDayGrid' | 'enableTimeline' | 'enableList' | 'enableYearView'>>;
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
- import { CalendarMoleculeProps } from './CalendarMolecule';
3
- export declare const SimpleCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableYearView' | 'enableResourceTimeline'>>;
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
- import { CalendarMoleculeProps } from './CalendarMolecule';
3
- export declare const YearViewCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableDayGrid' | 'enableTimeGrid' | 'enableList' | 'enableTimeline' | 'enableResourceTimeline'>>;
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 {};