@capillarytech/blaze-ui 6.1.0 → 6.1.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.
Files changed (92) hide show
  1. package/.npmrc +3 -0
  2. package/CapCustomCheckboxList/styles.css +3 -3
  3. package/CapCustomCheckboxList/styles.scss +7 -8
  4. package/CapEventCalendar/CalendarCanvas/calendarCanvasStyles.css +21 -0
  5. package/CapEventCalendar/CalendarCanvas/calendarCanvasStyles.module.scss.js +8 -0
  6. package/CapEventCalendar/CalendarCanvas/calendarCanvasStyles.scss +17 -0
  7. package/CapEventCalendar/CalendarCanvas/index.d.ts +3 -52
  8. package/CapEventCalendar/CalendarCanvas/index.d.ts.map +1 -1
  9. package/CapEventCalendar/CalendarCanvas/index.js +31 -50
  10. package/CapEventCalendar/CalendarCanvas/utils.d.ts +5 -9
  11. package/CapEventCalendar/CalendarCanvas/utils.d.ts.map +1 -1
  12. package/CapEventCalendar/CalendarCanvas/utils.js +6 -6
  13. package/CapEventCalendar/components/DayDropdown/index.d.ts +3 -13
  14. package/CapEventCalendar/components/DayDropdown/index.d.ts.map +1 -1
  15. package/CapEventCalendar/components/DayDropdown/index.js +32 -14
  16. package/CapEventCalendar/components/MonthHeader/index.d.ts +3 -9
  17. package/CapEventCalendar/components/MonthHeader/index.d.ts.map +1 -1
  18. package/CapEventCalendar/components/MonthHeader/index.js +4 -9
  19. package/CapEventCalendar/components/MonthHeader/monthHeaderStyles.css +20 -0
  20. package/CapEventCalendar/components/MonthHeader/monthHeaderStyles.module.scss.js +7 -0
  21. package/CapEventCalendar/components/MonthHeader/monthHeaderStyles.scss +15 -0
  22. package/CapEventCalendar/drawUtils.d.ts +9 -71
  23. package/CapEventCalendar/drawUtils.d.ts.map +1 -1
  24. package/CapEventCalendar/drawUtils.js +12 -4
  25. package/CapEventCalendar/index.d.ts +4 -80
  26. package/CapEventCalendar/index.d.ts.map +1 -1
  27. package/CapEventCalendar/index.js +60 -85
  28. package/CapEventCalendar/messages.d.ts +25 -0
  29. package/CapEventCalendar/messages.d.ts.map +1 -0
  30. package/CapEventCalendar/messages.js +28 -0
  31. package/CapEventCalendar/styles.css +9 -81
  32. package/CapEventCalendar/styles.module.scss.js +12 -0
  33. package/CapEventCalendar/styles.scss +34 -107
  34. package/CapEventCalendar/tests/types.d.ts +26 -0
  35. package/CapEventCalendar/tests/types.d.ts.map +1 -0
  36. package/CapEventCalendar/types.d.ts +188 -0
  37. package/CapEventCalendar/types.d.ts.map +1 -0
  38. package/CapEventCalendar/types.js +1 -0
  39. package/CapEventCalendar/utils.d.ts +11 -9
  40. package/CapEventCalendar/utils.d.ts.map +1 -1
  41. package/CapEventCalendar/utils.js +10 -7
  42. package/CapProductSelection/index.d.ts +7 -29
  43. package/CapProductSelection/index.d.ts.map +1 -1
  44. package/CapProductSelection/index.js +52 -89
  45. package/CapProductSelection/messages.d.ts +76 -0
  46. package/CapProductSelection/messages.d.ts.map +1 -0
  47. package/CapProductSelection/messages.js +79 -0
  48. package/CapProductSelection/styles.css +81 -0
  49. package/CapProductSelection/styles.module.scss.js +8 -0
  50. package/CapProductSelection/styles.scss +82 -40
  51. package/CapProductSelection/tests/CapProductSelection.mockData.d.ts +36 -0
  52. package/CapProductSelection/tests/CapProductSelection.mockData.d.ts.map +1 -0
  53. package/CapProductSelection/types.d.ts +34 -0
  54. package/CapProductSelection/types.d.ts.map +1 -0
  55. package/CapProductSelection/types.js +1 -0
  56. package/CapRadioCard/index.d.ts.map +1 -1
  57. package/CapRadioCard/index.js +52 -20
  58. package/CapRadioCard/styles.css +25 -25
  59. package/CapRadioCard/styles.module.scss.js +14 -40
  60. package/CapRadioCard/styles.scss +20 -20
  61. package/CapRadioCard/types.d.ts +20 -0
  62. package/CapRadioCard/types.d.ts.map +1 -1
  63. package/CapStaticTemplates/index.d.ts +3 -1
  64. package/CapStaticTemplates/index.d.ts.map +1 -1
  65. package/CapStaticTemplates/index.js +185 -144
  66. package/CapStaticTemplates/messages.d.ts +32 -0
  67. package/CapStaticTemplates/messages.d.ts.map +1 -0
  68. package/CapStaticTemplates/messages.js +35 -0
  69. package/CapStaticTemplates/styles.css +220 -0
  70. package/CapStaticTemplates/styles.module.scss.js +55 -0
  71. package/CapStaticTemplates/styles.scss +291 -0
  72. package/CapStaticTemplates/tests/CapStaticTemplates.mockData.d.ts +54 -0
  73. package/CapStaticTemplates/tests/CapStaticTemplates.mockData.d.ts.map +1 -0
  74. package/CapStaticTemplates/types.d.ts +97 -0
  75. package/CapStaticTemplates/types.d.ts.map +1 -0
  76. package/CapStaticTemplates/types.js +1 -0
  77. package/CapTabV3/tests/CapTabV3.mockData.d.ts +26 -26
  78. package/CapTabV3/tests/CapTabV3.mockData.d.ts.map +1 -1
  79. package/index.d.ts +6 -0
  80. package/index.d.ts.map +1 -1
  81. package/index.js +227 -221
  82. package/package.json +1 -1
  83. package/styles/_variables.scss +2 -0
  84. package/utils/dayjs.d.ts +1 -0
  85. package/utils/dayjs.d.ts.map +1 -1
  86. package/utils/dayjs.js +1 -0
  87. package/CapProductSelection/style.d.ts +0 -3
  88. package/CapProductSelection/style.d.ts.map +0 -1
  89. package/CapProductSelection/style.js +0 -38
  90. package/CapStaticTemplates/style.d.ts +0 -13
  91. package/CapStaticTemplates/style.d.ts.map +0 -1
  92. package/CapStaticTemplates/style.js +0 -216
@@ -1,114 +1,41 @@
1
+ @import '../styles/_variables.scss';
1
2
 
2
- @import "../styles/_variables.scss";
3
+ .event-calendar {
4
+ height: 50rem;
3
5
 
4
- .event-calendar{
5
- height: 700px;
6
- &__header{
7
- display: flex;
8
- position: relative;
9
- justify-content: space-between;
10
- &__left{
11
- display: flex;
12
- padding-top: $CAP_SPACE_08;
13
- .quarter-label{
14
- width: 152px;
15
- height: $CAP_SPACE_20;
16
- margin: 2px 0 2px $CAP_SPACE_08;
17
- font-size: $FONT_SIZE_L;
18
- font-weight: $FONT_WEIGHT_MEDIUM;
19
- font-stretch: normal;
20
- font-style: normal;
21
- line-height: 1.25;
22
- letter-spacing: normal;
23
- color: $FONT_COLOR_01;
24
- span{
25
- margin-right: 10px;
26
- }
27
- }
28
- .disable-left{
29
- color:grey;
30
- cursor: not-allowed;
31
- pointer-events: none;
32
- }
33
- .carousel-icon{
34
- cursor: pointer;
35
- }
36
- }
37
- &__right{
38
- .grid-label{
39
- width: 111px;
40
- height: $CAP_SPACE_20;
41
- margin: 9px $CAP_SPACE_08 11px 0;
42
- font-size: $FONT_SIZE_M;
43
- font-weight: $FONT_WEIGHT_MEDIUM;
44
- font-stretch: normal;
45
- font-style: normal;
46
- line-height: 1.43;
47
- letter-spacing: normal;
48
- color: $FONT_COLOR_01;
49
- }
50
- }
51
- .ant-btn-flat{
52
- width: 140px !important;
53
- height: $CAP_SPACE_40 !important;
54
- margin: 0 0 0 $CAP_SPACE_08 !important;
55
- padding: $CAP_SPACE_08 !important;
56
- border-radius: $CAP_SPACE_04 !important;
57
- border: solid 1px $CAP_G06 !important;
58
- color: $FONT_COLOR_01;
59
- font-weight: normal;
60
- .cap-button-v2-suffix{
61
- position: absolute;
62
- right: $CAP_SPACE_08;
63
- }
64
- }
65
- .flat-btn:hover{
66
- background-color: $CAP_WHITE!important;
67
- }
68
- }
69
- &__month-header{
70
- display: flex;
71
- justify-content: center;
72
- position: relative;
73
- text-align: center;
74
- top: 0;
75
- margin-bottom: 10px;
76
- margin-top: 25px;
77
- &__label{
78
- width: 33.33%;
79
- height: $CAP_SPACE_20;
80
- text-align: center;
81
- color: $FONT_COLOR_01;
82
- font-size:$FONT_SIZE_M ;
83
- font-weight: $FONT_WEIGHT_MEDIUM;
84
- font-stretch: normal;
85
- font-style: normal;
86
- line-height: 1.43;
87
- letter-spacing: normal;
6
+ &__header {
7
+ display: flex;
8
+ position: relative;
9
+ justify-content: space-between;
10
+
11
+ &__left {
12
+ display: flex;
13
+ padding-top: $CAP_SPACE_08;
14
+
15
+ .quarter-label {
16
+ width: fit-content;
17
+ height: $CAP_SPACE_20;
18
+ margin: 0.142rem 0 0.142rem $CAP_SPACE_08;
19
+ gap: $CAP_SPACE_12;
20
+
21
+ &__text {
22
+ font-size: $FONT_SIZE_L;
88
23
  }
89
- }
90
- }
24
+ }
91
25
 
92
- .ant-dropdown-placement-bottomCenter{
93
- .ant-dropdown-menu-item{
94
- height: $CAP_SPACE_40 !important;
95
- padding: 9px $CAP_SPACE_08 11px $CAP_SPACE_16 !important;
96
- background-color: $CAP_WHITE !important;
97
- color: $FONT_COLOR_01 !important;
98
- font-size: $FONT_SIZE_M;
99
- }
100
- .ant-dropdown-menu-item:hover{
101
- background-color: $BG_02 !important;
102
- }
103
- .ant-dropdown-menu-item-selected{
104
- background-color: $CAP_PALE_GREY !important;
105
- border-left: 1px solid $FONT_COLOR_05 !important;
106
- color: $FONT_COLOR_01 !important;
26
+ .disable-left {
27
+ color: $FONT_COLOR_03 !important;
28
+ cursor: not-allowed;
29
+ pointer-events: none;
30
+ }
31
+
32
+ .carousel-icon {
33
+ cursor: pointer;
34
+ }
107
35
  }
108
- .ant-dropdown-menu-vertical{
109
- width: 140px !important;
110
- margin-left: 35px !important;
36
+
37
+ &__right {
38
+ gap: $CAP_SPACE_12;
111
39
  }
40
+ }
112
41
  }
113
-
114
-
@@ -0,0 +1,26 @@
1
+ export type MockCanvasContext = {
2
+ beginPath: jest.Mock;
3
+ closePath: jest.Mock;
4
+ fillStyle: string;
5
+ strokeStyle: string;
6
+ textAlign: string;
7
+ measureText: jest.Mock<(text: string) => {
8
+ width: number;
9
+ actualBoundingBoxAscent?: number;
10
+ actualBoundingBoxDescent?: number;
11
+ }>;
12
+ fillRect: jest.Mock;
13
+ fillText: jest.Mock;
14
+ arc: jest.Mock;
15
+ fill: jest.Mock;
16
+ setLineDash: jest.Mock;
17
+ moveTo: jest.Mock;
18
+ lineTo: jest.Mock;
19
+ stroke: jest.Mock;
20
+ quadraticCurveTo: jest.Mock;
21
+ rect: jest.Mock;
22
+ isPointInPath: jest.Mock<() => boolean>;
23
+ font: string;
24
+ };
25
+ export declare const createMockContext: () => MockCanvasContext;
26
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/CapEventCalendar/tests/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC;IACrB,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,IAAI,CAAC,IAAI,CACpB,CAAC,IAAI,EAAE,MAAM,KAAK;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC,CACF,CAAC;IACF,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC;IACpB,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC;IACpB,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC;IACf,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAChB,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC;IACvB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;IAClB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;IAClB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;IAClB,gBAAgB,EAAE,IAAI,CAAC,IAAI,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAChB,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,OAAO,CAAC,CAAC;IACxC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAGF,eAAO,MAAM,iBAAiB,QAAO,iBAuBnC,CAAC"}
@@ -0,0 +1,188 @@
1
+ import type { PopoverProps } from 'antd-v5';
2
+ import type { Dayjs } from 'dayjs';
3
+ import React from 'react';
4
+ import type { MutableRefObject } from 'react';
5
+ import type { Root } from 'react-dom/client';
6
+ import { WrappedComponentProps } from 'react-intl';
7
+ export interface CapEventCalendarEvent {
8
+ event_id: string | number;
9
+ start: string;
10
+ end: string;
11
+ title: string;
12
+ backgroundColor: string;
13
+ popoverProps?: Record<string, unknown>;
14
+ }
15
+ export interface CapEventCalendarProps extends WrappedComponentProps {
16
+ calendarDate?: string;
17
+ events?: CapEventCalendarEvent[];
18
+ popoverContent?: React.ComponentType<Record<string, unknown>>;
19
+ onQuarterChange?: (quarterNum: number, date: Dayjs) => void;
20
+ selectedQuarter?: 'JFM' | 'AMJ' | 'JAS' | 'OND';
21
+ calendarGridLineLabel?: string;
22
+ dayLabels?: string[];
23
+ allQuartersLabel?: string[];
24
+ monthLabels?: string[];
25
+ todayTooltipProps?: Record<string, unknown>;
26
+ dashLineOffsetY?: number;
27
+ eventHeight?: number;
28
+ eventRowGap?: number;
29
+ textPadding?: number;
30
+ eventStartYOffset?: number;
31
+ minCanvasHeight?: number;
32
+ canvasFont?: string;
33
+ popoverPlacement?: PopoverProps['placement'];
34
+ emptyState?: boolean;
35
+ emptyStateTitle?: string;
36
+ emptyStateDescription?: string;
37
+ emptyStateButtonLabel?: string;
38
+ onEmptyStateButtonClick?: () => void;
39
+ isButtonDisabled?: boolean;
40
+ }
41
+ export interface MonthDisplayItem {
42
+ name: string;
43
+ start: string;
44
+ end: string;
45
+ daysInMonth: number;
46
+ month: number;
47
+ }
48
+ export interface FormattedEvent {
49
+ event_id: string | number;
50
+ start: string;
51
+ end: string;
52
+ title: string;
53
+ backgroundColor: string;
54
+ popoverProps?: Record<string, unknown>;
55
+ }
56
+ export interface CalendarCanvasProps {
57
+ displayMonths: MonthDisplayItem[];
58
+ dayGrid: number;
59
+ formattedEvents: FormattedEvent[][];
60
+ todayTooltipProps?: Record<string, unknown>;
61
+ dashLineOffsetY?: number;
62
+ eventHeight?: number;
63
+ eventRowGap?: number;
64
+ textPadding?: number;
65
+ eventStartYOffset?: number;
66
+ minCanvasHeight?: number;
67
+ canvasFont?: string;
68
+ popoverPlacement?: PopoverProps['placement'];
69
+ carouselDate: string;
70
+ popoverContent?: React.ComponentType<Record<string, unknown>>;
71
+ }
72
+ export interface DayDropdownProps {
73
+ fetchDay: (day: number) => void;
74
+ day: number;
75
+ dayLabels: string[];
76
+ }
77
+ export interface MonthHeaderProps {
78
+ displayMonths: MonthDisplayItem[];
79
+ }
80
+ export interface DayRectObject {
81
+ x: number;
82
+ y: number;
83
+ midX: number;
84
+ width: number;
85
+ height: number;
86
+ isCont?: boolean;
87
+ }
88
+ export interface DrawState {
89
+ day: Record<string, DayRectObject>;
90
+ }
91
+ export interface HoverEvent {
92
+ event: FormattedEvent;
93
+ startRect: DayRectObject;
94
+ endRect: DayRectObject;
95
+ eventStartY: number;
96
+ eventHeight: number;
97
+ isNewEvent: boolean;
98
+ }
99
+ export interface MouseCoords {
100
+ mouseX?: number;
101
+ mouseY?: number;
102
+ }
103
+ export interface ToggleTooltipArgs {
104
+ visible: unknown;
105
+ isTooltipVisible: MutableRefObject<boolean | null>;
106
+ todayTooltipProps: Record<string, unknown>;
107
+ rootTooltipRef: MutableRefObject<Root | null>;
108
+ }
109
+ export interface TogglePopoverArgs {
110
+ visible: boolean;
111
+ rootPopoverRef: MutableRefObject<Root | null>;
112
+ isPopoverVisible: MutableRefObject<boolean | null>;
113
+ popoverContent?: React.ComponentType<Record<string, unknown>>;
114
+ popoverPlacement?: PopoverProps['placement'];
115
+ popoverContentProps?: Record<string, unknown>;
116
+ }
117
+ export interface DrawHeadingTextParams {
118
+ context: CanvasRenderingContext2D;
119
+ x: number;
120
+ y: number;
121
+ height: number;
122
+ text: string;
123
+ }
124
+ export interface DrawCircleParams {
125
+ context: CanvasRenderingContext2D;
126
+ x: number;
127
+ y: number;
128
+ radius: number;
129
+ color: string;
130
+ }
131
+ export interface DrawDashedLinesParams {
132
+ context: CanvasRenderingContext2D;
133
+ x: number;
134
+ y: number;
135
+ x1: number;
136
+ y1: number;
137
+ }
138
+ export interface DrawTodayLineParams {
139
+ context: CanvasRenderingContext2D;
140
+ x: number;
141
+ y: number;
142
+ x1: number;
143
+ y1: number;
144
+ mouseX?: number;
145
+ mouseY?: number;
146
+ }
147
+ export interface DrawLineSeperatorParams {
148
+ context: CanvasRenderingContext2D;
149
+ x: number;
150
+ y: number;
151
+ x1: number;
152
+ y1: number;
153
+ }
154
+ export interface DrawRoundRectParams {
155
+ context: CanvasRenderingContext2D;
156
+ x: number;
157
+ y: number;
158
+ width: number;
159
+ height: number;
160
+ radius: number;
161
+ openLeft?: boolean;
162
+ openRight?: boolean;
163
+ fillStyle: string;
164
+ mouseX?: number;
165
+ mouseY?: number;
166
+ }
167
+ export interface DoEllipsisParams {
168
+ context: CanvasRenderingContext2D;
169
+ text: string;
170
+ maxWidth: number;
171
+ }
172
+ export interface DrawRoundRectWithTextParams {
173
+ context: CanvasRenderingContext2D;
174
+ x: number;
175
+ y: number;
176
+ width: number;
177
+ height: number;
178
+ bgColor: string;
179
+ borderRadius?: number;
180
+ text: string;
181
+ color: string;
182
+ textPadding: number;
183
+ openLeft?: boolean;
184
+ openRight?: boolean;
185
+ mouseX?: number;
186
+ mouseY?: number;
187
+ }
188
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapEventCalendar/types.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+
@@ -1,5 +1,7 @@
1
- export declare const getQuarterForDate: (date: any) => number;
2
- export declare const splitMonthsArrayToQuarterChunks: (monthLabels?: string[]) => any[];
1
+ import type { Dayjs } from 'dayjs';
2
+ import type { CapEventCalendarEvent, FormattedEvent, MonthDisplayItem } from './types';
3
+ export declare const getQuarterForDate: (date: string | Dayjs) => number;
4
+ export declare const splitMonthsArrayToQuarterChunks: (monthLabels?: string[]) => string[][];
3
5
  /**
4
6
  * The start and end of the months is calculated along with other information needed for month
5
7
  * This is being used for drawing the canvas via the displayMonths state value in CapEventCalendar
@@ -7,13 +9,13 @@ export declare const splitMonthsArrayToQuarterChunks: (monthLabels?: string[]) =
7
9
  * @param {*} monthNames this is for localization of month strings when displaying the month names in the header
8
10
  * @returns
9
11
  */
10
- export declare const getMonthsForQuarter: (quarter: any, monthNames: any) => any[];
12
+ export declare const getMonthsForQuarter: (quarter: number, monthNames: string[][]) => MonthDisplayItem[];
11
13
  /**
12
14
  * To display the dates in the header and caculate the rectangles to be drawn in the canvas
13
15
  * @param {*} date
14
16
  * @returns
15
17
  */
16
- export declare const getDaysOfMonth: (date: any) => string[];
18
+ export declare const getDaysOfMonth: (date: string | Dayjs) => string[];
17
19
  /**
18
20
  * Checks if the date lies between start and end or
19
21
  * if it is same as start date or end date
@@ -24,7 +26,7 @@ export declare const getDaysOfMonth: (date: any) => string[];
24
26
  * @param {*} end
25
27
  * @returns
26
28
  */
27
- export declare const checkIfDateIsInRange: (date: any, start: any, end: any) => boolean;
29
+ export declare const checkIfDateIsInRange: (date: string | Dayjs, start: string | Dayjs, end: string | Dayjs) => boolean;
28
30
  /**
29
31
  * This is to check if the given event spans a longer duration( quarter long or spans multiple quarter)
30
32
  * So as to create a new array for such events
@@ -32,7 +34,7 @@ export declare const checkIfDateIsInRange: (date: any, start: any, end: any) =>
32
34
  * @param {*} newEvent
33
35
  * @returns
34
36
  */
35
- export declare const isEventLong: (eventInRow: any, newEvent: any) => boolean;
37
+ export declare const isEventLong: (eventInRow: CapEventCalendarEvent | FormattedEvent, newEvent: CapEventCalendarEvent | FormattedEvent) => boolean;
36
38
  /**
37
39
  * In order to decide if events are to be displayed in new row, we follow rules
38
40
  * 1- event start and end dates should not be in-between/same of any existing event in the row
@@ -41,8 +43,8 @@ export declare const isEventLong: (eventInRow: any, newEvent: any) => boolean;
41
43
  * @param {Number} chosenQuarter
42
44
  * @returns
43
45
  */
44
- export declare const formatDataToSuitCanvas: (events: any) => any[];
45
- export declare const getFirstDateOfQuarter: (quarter: any, year: any) => string;
46
+ export declare const formatDataToSuitCanvas: (events: CapEventCalendarEvent[]) => FormattedEvent[][];
47
+ export declare const getFirstDateOfQuarter: (quarter: number, year: number) => string;
46
48
  /**
47
49
  * Check if the year needs to be incremented/decremented based on the following rules
48
50
  * For decrement:
@@ -59,5 +61,5 @@ export declare const getFirstDateOfQuarter: (quarter: any, year: any) => string;
59
61
  * @param {String} referenceDate
60
62
  * @returns
61
63
  */
62
- export declare const handleYearChange: (quarter: any, date: any, increment: any, referenceDate: any) => false | any[];
64
+ export declare const handleYearChange: (quarter: number, date: string, increment: boolean, referenceDate?: string) => [number, string, boolean?] | false;
63
65
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../components/CapEventCalendar/utils.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,GAAI,SAAI,WAA0B,CAAC;AAEjE,eAAO,MAAM,+BAA+B,GAAI,sBAA0B,UAQzE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,YAAO,EAAE,eAAU,UAwCtD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,SAAI,aAalC,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,GAAI,SAAI,EAAE,UAAK,EAAE,QAAG,YAUpD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,eAAU,EAAE,aAAQ,YAQ/C,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GAAI,WAAM,UA+C5C,CAAC;AASF,eAAO,MAAM,qBAAqB,GAAI,YAAO,EAAE,SAAI,WACwC,CAAC;AAE5F;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,GAAI,YAAO,EAAE,SAAI,EAAE,cAAS,EAAE,kBAAa,kBA2BvE,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../components/CapEventCalendar/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAMnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEvF,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,GAAG,KAAK,KAAG,MAA+B,CAAC;AAEzF,eAAO,MAAM,+BAA+B,GAC1C,cAAa,MAAM,EAAiB,KACnC,MAAM,EAAE,EAQV,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,SAAS,MAAM,EACf,YAAY,MAAM,EAAE,EAAE,KACrB,gBAAgB,EAwClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,GAAG,KAAK,KAAG,MAAM,EAgB3D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,GAC/B,MAAM,MAAM,GAAG,KAAK,EACpB,OAAO,MAAM,GAAG,KAAK,EACrB,KAAK,MAAM,GAAG,KAAK,KAClB,OAUF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GACtB,YAAY,qBAAqB,GAAG,cAAc,EAClD,UAAU,qBAAqB,GAAG,cAAc,KAC/C,OAQF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,qBAAqB,EAAE,KAAG,cAAc,EAAE,EA+CxF,CAAC;AASF,eAAO,MAAM,qBAAqB,GAAI,SAAS,MAAM,EAAE,MAAM,MAAM,KAAG,MAKzD,CAAC;AAEd;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,MAAM,EACf,MAAM,MAAM,EACZ,WAAW,OAAO,EAClB,gBAAgB,MAAM,KACrB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,KA6B/B,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { forEach, some } from "lodash";
2
- import { momentToDayjs, TIME_UNITS } from "../utils/dayjs.js";
2
+ import { TIME_UNITS, momentToDayjs, FORMAT_TOKENS } from "../utils/dayjs.js";
3
3
  import { MONTH_LABELS, DATE_STRING_FORMAT } from "./constants.js";
4
4
  import dayjs from "dayjs";
5
5
  const getQuarterForDate = (date) => dayjs(date).quarter();
@@ -50,13 +50,16 @@ const getMonthsForQuarter = (quarter, monthNames) => {
50
50
  const getDaysOfMonth = (date) => {
51
51
  const month = dayjs(date).month();
52
52
  const year = dayjs(date).year();
53
- const monthDate = dayjs(`${year}-${month + 1}`, "YYYY-MM");
53
+ const monthDate = dayjs(
54
+ `${year}-${String(month + 1).padStart(2, "0")}`,
55
+ FORMAT_TOKENS.YEAR_MONTH
56
+ );
54
57
  const daysInMonth = monthDate.daysInMonth();
55
58
  const arrDays = [monthDate.format()];
56
59
  let current = monthDate.format();
57
60
  for (let i = 1; i < daysInMonth; ) {
58
- current = dayjs(current).add(1, TIME_UNITS.DAY);
59
- arrDays.push(current.format());
61
+ current = dayjs(current).add(1, TIME_UNITS.DAY).format();
62
+ arrDays.push(current);
60
63
  i++;
61
64
  }
62
65
  return arrDays;
@@ -127,8 +130,8 @@ const startMonthOfQuarter = {
127
130
  const getFirstDateOfQuarter = (quarter, year) => dayjs().year(year).month(startMonthOfQuarter[quarter]).startOf(TIME_UNITS.MONTH).format();
128
131
  const handleYearChange = (quarter, date, increment, referenceDate) => {
129
132
  const year = dayjs(date).year();
130
- const refYear = referenceDate && dayjs(referenceDate).year();
131
- if (referenceDate) {
133
+ const refYear = referenceDate ? dayjs(referenceDate).year() : void 0;
134
+ if (referenceDate && refYear !== void 0) {
132
135
  if (year === refYear - 1 && quarter === 1) return false;
133
136
  if (quarter === 1 && !increment) {
134
137
  const updatedDate2 = dayjs().year(year - 1).month(11);
@@ -144,7 +147,7 @@ const handleYearChange = (quarter, date, increment, referenceDate) => {
144
147
  return [
145
148
  _quarter,
146
149
  updatedDate.startOf(TIME_UNITS.MONTH).format(),
147
- quarter === 2 && year === refYear - 1
150
+ quarter === 2 && refYear !== void 0 && year === refYear - 1
148
151
  ];
149
152
  };
150
153
  export {
@@ -1,32 +1,10 @@
1
1
  import React from 'react';
2
- declare const _default: React.ComponentType<Omit<{
3
- [x: string]: any;
4
- treeData: any;
5
- target: any;
6
- trigger?: string;
7
- placement: any;
8
- overlayClassName: any;
9
- selectedAttributes?: any[];
10
- handleSelect?: () => void;
11
- isProductMandatory: any;
12
- lineItem: any;
13
- selectAttribute: any;
14
- brand: any;
15
- brandInfo: any;
16
- category: any;
17
- categoryInfo: any;
18
- product: any;
19
- productInfo: any;
20
- SKU: any;
21
- uploadSKU: any;
22
- uploadSKUInfo: any;
23
- comingSoon: any;
24
- changeSelection: any;
25
- description: any;
26
- okText: any;
27
- cancelText: any;
28
- selectValues: any;
29
- atleast1Attribute: any;
30
- } & import("react-intl").WrappedComponentProps, "intl">>;
2
+ import type { IntlShape } from 'react-intl';
3
+ import type { CapProductSelectionProps } from './types';
4
+ interface CapProductSelectionWithIntlProps extends CapProductSelectionProps {
5
+ intl: IntlShape;
6
+ }
7
+ declare const _default: React.ComponentType<Omit<CapProductSelectionWithIntlProps, "intl">>;
31
8
  export default _default;
9
+ export type { CapProductSelectionProps, TreeNodeItem } from './types';
32
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapProductSelection/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoZnD,wBAA8E"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapProductSelection/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAyB5C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAIxD,UAAU,gCAAiC,SAAQ,wBAAwB;IACzE,IAAI,EAAE,SAAS,CAAC;CACjB;;AA0VD,wBAA+C;AAC/C,YAAY,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}