master-components-react-ts 1.0.11 → 1.0.13

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 (130) hide show
  1. package/dist/assets/Icons/index.d.ts +23 -0
  2. package/dist/master-components-react-ts.es.js +3137 -30
  3. package/package.json +4 -4
  4. package/dist/master-components-react-ts.cjs.js +0 -10
  5. package/dist/master-components-react-ts.cjs10.js +0 -30
  6. package/dist/master-components-react-ts.cjs11.js +0 -5
  7. package/dist/master-components-react-ts.cjs12.js +0 -24
  8. package/dist/master-components-react-ts.cjs13.js +0 -65
  9. package/dist/master-components-react-ts.cjs14.js +0 -55
  10. package/dist/master-components-react-ts.cjs15.js +0 -4
  11. package/dist/master-components-react-ts.cjs16.js +0 -30
  12. package/dist/master-components-react-ts.cjs17.js +0 -4
  13. package/dist/master-components-react-ts.cjs18.js +0 -14
  14. package/dist/master-components-react-ts.cjs19.js +0 -13
  15. package/dist/master-components-react-ts.cjs2.js +0 -21
  16. package/dist/master-components-react-ts.cjs20.js +0 -11
  17. package/dist/master-components-react-ts.cjs21.js +0 -17
  18. package/dist/master-components-react-ts.cjs22.js +0 -9
  19. package/dist/master-components-react-ts.cjs23.js +0 -12
  20. package/dist/master-components-react-ts.cjs24.js +0 -9
  21. package/dist/master-components-react-ts.cjs25.js +0 -7
  22. package/dist/master-components-react-ts.cjs26.js +0 -7
  23. package/dist/master-components-react-ts.cjs27.js +0 -9
  24. package/dist/master-components-react-ts.cjs28.js +0 -7
  25. package/dist/master-components-react-ts.cjs29.js +0 -5
  26. package/dist/master-components-react-ts.cjs3.js +0 -40
  27. package/dist/master-components-react-ts.cjs30.js +0 -24
  28. package/dist/master-components-react-ts.cjs31.js +0 -5
  29. package/dist/master-components-react-ts.cjs32.js +0 -13
  30. package/dist/master-components-react-ts.cjs33.js +0 -8
  31. package/dist/master-components-react-ts.cjs34.js +0 -5
  32. package/dist/master-components-react-ts.cjs35.js +0 -14
  33. package/dist/master-components-react-ts.cjs36.js +0 -11
  34. package/dist/master-components-react-ts.cjs37.js +0 -13
  35. package/dist/master-components-react-ts.cjs38.js +0 -11
  36. package/dist/master-components-react-ts.cjs39.js +0 -10
  37. package/dist/master-components-react-ts.cjs4.js +0 -44
  38. package/dist/master-components-react-ts.cjs40.js +0 -12
  39. package/dist/master-components-react-ts.cjs41.js +0 -8
  40. package/dist/master-components-react-ts.cjs42.js +0 -8
  41. package/dist/master-components-react-ts.cjs43.js +0 -8
  42. package/dist/master-components-react-ts.cjs44.js +0 -35
  43. package/dist/master-components-react-ts.cjs45.js +0 -24
  44. package/dist/master-components-react-ts.cjs46.js +0 -19
  45. package/dist/master-components-react-ts.cjs47.js +0 -66
  46. package/dist/master-components-react-ts.cjs48.js +0 -8
  47. package/dist/master-components-react-ts.cjs49.js +0 -183
  48. package/dist/master-components-react-ts.cjs5.js +0 -8
  49. package/dist/master-components-react-ts.cjs50.js +0 -14
  50. package/dist/master-components-react-ts.cjs51.js +0 -7
  51. package/dist/master-components-react-ts.cjs52.js +0 -11
  52. package/dist/master-components-react-ts.cjs53.js +0 -3
  53. package/dist/master-components-react-ts.cjs54.js +0 -12
  54. package/dist/master-components-react-ts.cjs55.js +0 -68
  55. package/dist/master-components-react-ts.cjs56.js +0 -9
  56. package/dist/master-components-react-ts.cjs57.js +0 -9
  57. package/dist/master-components-react-ts.cjs58.js +0 -5
  58. package/dist/master-components-react-ts.cjs59.js +0 -3
  59. package/dist/master-components-react-ts.cjs6.js +0 -11
  60. package/dist/master-components-react-ts.cjs60.js +0 -18
  61. package/dist/master-components-react-ts.cjs61.js +0 -8
  62. package/dist/master-components-react-ts.cjs62.js +0 -8
  63. package/dist/master-components-react-ts.cjs63.js +0 -3
  64. package/dist/master-components-react-ts.cjs64.js +0 -3
  65. package/dist/master-components-react-ts.cjs7.js +0 -112
  66. package/dist/master-components-react-ts.cjs8.js +0 -11
  67. package/dist/master-components-react-ts.cjs9.js +0 -42
  68. package/dist/master-components-react-ts.es10.js +0 -116
  69. package/dist/master-components-react-ts.es11.js +0 -10
  70. package/dist/master-components-react-ts.es12.js +0 -57
  71. package/dist/master-components-react-ts.es13.js +0 -172
  72. package/dist/master-components-react-ts.es14.js +0 -211
  73. package/dist/master-components-react-ts.es15.js +0 -8
  74. package/dist/master-components-react-ts.es16.js +0 -74
  75. package/dist/master-components-react-ts.es17.js +0 -12
  76. package/dist/master-components-react-ts.es18.js +0 -56
  77. package/dist/master-components-react-ts.es19.js +0 -36
  78. package/dist/master-components-react-ts.es2.js +0 -72
  79. package/dist/master-components-react-ts.es20.js +0 -26
  80. package/dist/master-components-react-ts.es21.js +0 -62
  81. package/dist/master-components-react-ts.es22.js +0 -15
  82. package/dist/master-components-react-ts.es23.js +0 -41
  83. package/dist/master-components-react-ts.es24.js +0 -15
  84. package/dist/master-components-react-ts.es25.js +0 -29
  85. package/dist/master-components-react-ts.es26.js +0 -26
  86. package/dist/master-components-react-ts.es27.js +0 -15
  87. package/dist/master-components-react-ts.es28.js +0 -7
  88. package/dist/master-components-react-ts.es29.js +0 -7
  89. package/dist/master-components-react-ts.es3.js +0 -144
  90. package/dist/master-components-react-ts.es30.js +0 -74
  91. package/dist/master-components-react-ts.es31.js +0 -15
  92. package/dist/master-components-react-ts.es32.js +0 -31
  93. package/dist/master-components-react-ts.es33.js +0 -13
  94. package/dist/master-components-react-ts.es34.js +0 -8
  95. package/dist/master-components-react-ts.es35.js +0 -19
  96. package/dist/master-components-react-ts.es36.js +0 -16
  97. package/dist/master-components-react-ts.es37.js +0 -19
  98. package/dist/master-components-react-ts.es38.js +0 -16
  99. package/dist/master-components-react-ts.es39.js +0 -35
  100. package/dist/master-components-react-ts.es4.js +0 -149
  101. package/dist/master-components-react-ts.es40.js +0 -41
  102. package/dist/master-components-react-ts.es41.js +0 -16
  103. package/dist/master-components-react-ts.es42.js +0 -16
  104. package/dist/master-components-react-ts.es43.js +0 -16
  105. package/dist/master-components-react-ts.es44.js +0 -66
  106. package/dist/master-components-react-ts.es45.js +0 -59
  107. package/dist/master-components-react-ts.es46.js +0 -50
  108. package/dist/master-components-react-ts.es47.js +0 -129
  109. package/dist/master-components-react-ts.es48.js +0 -17
  110. package/dist/master-components-react-ts.es49.js +0 -437
  111. package/dist/master-components-react-ts.es5.js +0 -20
  112. package/dist/master-components-react-ts.es50.js +0 -32
  113. package/dist/master-components-react-ts.es51.js +0 -20
  114. package/dist/master-components-react-ts.es52.js +0 -29
  115. package/dist/master-components-react-ts.es53.js +0 -4
  116. package/dist/master-components-react-ts.es54.js +0 -41
  117. package/dist/master-components-react-ts.es55.js +0 -274
  118. package/dist/master-components-react-ts.es56.js +0 -15
  119. package/dist/master-components-react-ts.es57.js +0 -15
  120. package/dist/master-components-react-ts.es58.js +0 -8
  121. package/dist/master-components-react-ts.es59.js +0 -4
  122. package/dist/master-components-react-ts.es6.js +0 -54
  123. package/dist/master-components-react-ts.es60.js +0 -83
  124. package/dist/master-components-react-ts.es61.js +0 -13
  125. package/dist/master-components-react-ts.es62.js +0 -13
  126. package/dist/master-components-react-ts.es63.js +0 -4
  127. package/dist/master-components-react-ts.es64.js +0 -4
  128. package/dist/master-components-react-ts.es7.js +0 -336
  129. package/dist/master-components-react-ts.es8.js +0 -46
  130. package/dist/master-components-react-ts.es9.js +0 -153
@@ -1,437 +0,0 @@
1
- import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
2
- import { useState, useRef, useEffect } from "react";
3
- import dayjs from "dayjs";
4
- import style from "./master-components-react-ts.es60.js";
5
- import { IconLeft } from "./master-components-react-ts.es61.js";
6
- import { IconRight } from "./master-components-react-ts.es62.js";
7
- import { _filterUnique } from "./master-components-react-ts.es31.js";
8
- import customParseFormat from "./master-components-react-ts.es47.js";
9
- import MainButton from "./master-components-react-ts.es2.js";
10
- dayjs.extend(customParseFormat);
11
- const Calendar = ({
12
- valueFormat,
13
- quickPick,
14
- onChange,
15
- CurrentMonth,
16
- setCurrentMonth,
17
- SelectedDate,
18
- namespace,
19
- customYears,
20
- setSelectedDate,
21
- IsFocused,
22
- setIsFocused,
23
- mode,
24
- RangeSelection,
25
- setRangeSelection,
26
- pickerType,
27
- disabledDatesRange,
28
- disabledDatesTill,
29
- disabledDatesFrom,
30
- CalendarRef,
31
- defaultValue,
32
- selectedStyle,
33
- endDateStyle,
34
- startDateStyle,
35
- inRangeStyle,
36
- otherMonthStyle,
37
- todayStyle,
38
- weekDayStyle,
39
- quickPickStyle,
40
- monthStyle
41
- }) => {
42
- const daysOfWeek = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
43
- const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
44
- dayjs().year();
45
- const [PickedMonth, setPickedMonth] = useState("");
46
- const QuickPicker = useRef([]);
47
- const [ShowMonths, setShowMonths] = useState(false);
48
- const getMonthMatrix = (month) => {
49
- if (customYears?.length && !customYears.includes(month.year().toString())) {
50
- return [];
51
- }
52
- const startDay = (month.startOf("month").day() + 6) % 7;
53
- const endDay = month.endOf("month").date();
54
- const prevMonthEnd = month.subtract(1, "month").endOf("month").date();
55
- const matrix = [];
56
- let week = [];
57
- let day = 1;
58
- for (let i = 0; i < startDay; i++) {
59
- week.push({
60
- date: month.subtract(1, "month").date(prevMonthEnd - startDay + i + 1),
61
- currentMonth: false
62
- });
63
- }
64
- while (day <= endDay) {
65
- week.push({ date: month.date(day++), currentMonth: true });
66
- if (week.length === 7) {
67
- matrix.push(week);
68
- week = [];
69
- }
70
- }
71
- let nextMonthDay = 1;
72
- while (matrix.length < 5) {
73
- if (week.length === 7) {
74
- matrix.push(week);
75
- week = [];
76
- }
77
- week.push({
78
- date: month.add(1, "month").date(nextMonthDay++),
79
- currentMonth: false
80
- });
81
- }
82
- if (week.length) {
83
- while (week.length < 7) {
84
- week.push({
85
- date: month.add(1, "month").date(nextMonthDay++),
86
- currentMonth: false
87
- });
88
- }
89
- matrix.push(week);
90
- }
91
- return matrix;
92
- };
93
- const currentMonthMatrix = getMonthMatrix(CurrentMonth);
94
- const nextMonthMatrix = pickerType === "dual" ? getMonthMatrix(CurrentMonth.add(1, "month")) : null;
95
- const getQuickPickers = () => {
96
- let array = [];
97
- if (quickPick && Array.isArray(quickPick) && quickPick.length > 0) {
98
- quickPick.forEach((item) => {
99
- switch (item) {
100
- case "today":
101
- QuickPicker.current.push({ name: "Today", key: "Today" });
102
- break;
103
- case "yesterday":
104
- QuickPicker.current.push({ name: "Yesterday", key: "Yesterday" });
105
- break;
106
- case "thisweek":
107
- QuickPicker.current.push({ name: "This week", key: "Thisweek" });
108
- break;
109
- case "lastweek":
110
- QuickPicker.current.push({ name: "Last week", key: "Lastweek" });
111
- break;
112
- case "thismonth":
113
- QuickPicker.current.push({ name: "This month", key: "Thismonth" });
114
- break;
115
- case "lastmonth":
116
- QuickPicker.current.push({ name: "Last month", key: "Lastmonth" });
117
- break;
118
- case "thisyear":
119
- QuickPicker.current.push({ name: "This year", key: "Thisyear" });
120
- break;
121
- case "lastyear":
122
- QuickPicker.current.push({ name: "Last year", key: "Lastyear" });
123
- break;
124
- case "alltime":
125
- QuickPicker.current.push({ name: "All time", key: "Alltime" });
126
- break;
127
- }
128
- });
129
- }
130
- QuickPicker.current = _filterUnique(QuickPicker.current, "key");
131
- array = QuickPicker.current;
132
- return array;
133
- };
134
- const handleQuickPick = (item) => {
135
- let obj = { start: "", end: "" };
136
- setSelectedDate(null);
137
- switch (item.key?.toLowerCase()) {
138
- case "today":
139
- setRangeSelection({
140
- start: dayjs(),
141
- end: dayjs()
142
- });
143
- obj.start = dayjs();
144
- break;
145
- case "yesterday":
146
- setSelectedDate(dayjs().subtract(1, "day"));
147
- setRangeSelection({
148
- start: dayjs().subtract(1, "day"),
149
- end: dayjs().subtract(1, "day")
150
- });
151
- obj.start = dayjs().subtract(1, "day");
152
- break;
153
- case "thisweek":
154
- setRangeSelection({
155
- start: dayjs().startOf("week"),
156
- end: dayjs().endOf("week")
157
- });
158
- obj.start = dayjs().startOf("week");
159
- obj.end = dayjs().endOf("week");
160
- break;
161
- case "lastweek":
162
- setRangeSelection({
163
- start: dayjs().subtract(1, "week").startOf("week"),
164
- end: dayjs().subtract(1, "week").endOf("week")
165
- });
166
- obj.start = dayjs().subtract(1, "week").startOf("week");
167
- obj.end = dayjs().subtract(1, "week").endOf("week");
168
- break;
169
- case "thismonth":
170
- setRangeSelection({
171
- start: dayjs().startOf("month"),
172
- end: dayjs().endOf("month")
173
- });
174
- obj.start = dayjs().startOf("month");
175
- obj.end = dayjs().endOf("month");
176
- break;
177
- case "lastmonth":
178
- setRangeSelection({
179
- start: dayjs().subtract(1, "month").startOf("month"),
180
- end: dayjs().subtract(1, "month").endOf("month")
181
- });
182
- obj.start = dayjs().subtract(1, "month").startOf("month");
183
- obj.end = dayjs().subtract(1, "month").endOf("month");
184
- break;
185
- case "thisyear":
186
- setRangeSelection({
187
- start: dayjs().startOf("year"),
188
- end: dayjs().endOf("year")
189
- });
190
- obj.start = dayjs().startOf("year");
191
- obj.end = dayjs().endOf("year");
192
- break;
193
- case "lastyear":
194
- setRangeSelection({
195
- start: dayjs().subtract(1, "year").startOf("year"),
196
- end: dayjs().subtract(1, "year").endOf("year")
197
- });
198
- obj.start = dayjs().subtract(1, "year").startOf("year");
199
- obj.end = dayjs().subtract(1, "year").endOf("year");
200
- break;
201
- case "alltime":
202
- setRangeSelection({
203
- start: "",
204
- end: ""
205
- });
206
- obj.start = "";
207
- obj.end = "";
208
- break;
209
- default:
210
- console.warn("Unsupported quick pick option:", item);
211
- break;
212
- }
213
- if (onChange && typeof onChange === "function") {
214
- const range = {
215
- start: obj.start ? obj.start : "",
216
- end: obj.end ? obj.end : ""
217
- };
218
- setIsFocused(false);
219
- onChange(range.end === "" ? range.start : range);
220
- }
221
- };
222
- const HandleChooseMonth = () => {
223
- return;
224
- };
225
- const handleDayClick = (day, isCurrentMonth, withDefault = false) => {
226
- if (!isCurrentMonth) {
227
- setCurrentMonth(day.startOf("month"));
228
- }
229
- if (mode === "range") {
230
- setRangeSelection((prev) => {
231
- if (!prev.start || prev.start && prev.end) {
232
- if (onChange && typeof onChange === "function") {
233
- onChange({
234
- start: day ?? "",
235
- end: ""
236
- });
237
- }
238
- return { start: day ?? "", end: "" };
239
- } else if (prev.start && !prev.end) {
240
- if (day.isBefore(prev.start, "day")) {
241
- if (onChange && typeof onChange === "function") {
242
- onChange({
243
- start: day ?? "",
244
- end: prev?.start ?? ""
245
- });
246
- }
247
- return { start: day ?? "", end: prev?.start ?? "" };
248
- } else {
249
- onChange({
250
- ...prev,
251
- end: day ?? ""
252
- });
253
- return { ...prev, end: day ?? "" };
254
- }
255
- }
256
- return prev;
257
- });
258
- } else {
259
- setRangeSelection({ start: null, end: null });
260
- setSelectedDate(day);
261
- if (!withDefault) {
262
- setIsFocused(false);
263
- if (onChange && typeof onChange === "function") {
264
- onChange(day.format(valueFormat));
265
- }
266
- }
267
- }
268
- };
269
- const goToNextMonth = () => {
270
- setCurrentMonth(CurrentMonth.add(1, "month"));
271
- };
272
- const goToPreviousMonth = () => {
273
- setCurrentMonth(CurrentMonth.subtract(1, "month"));
274
- };
275
- const goToNextYear = () => {
276
- setCurrentMonth(CurrentMonth.add(1, "year"));
277
- };
278
- const goToPreviousYear = () => {
279
- setCurrentMonth(CurrentMonth.subtract(1, "year"));
280
- };
281
- useEffect(() => {
282
- if (defaultValue?.state) {
283
- if (Array.isArray(defaultValue?.value)) {
284
- setRangeSelection({ start: dayjs(defaultValue?.value[0], valueFormat), end: dayjs(defaultValue?.value[1], valueFormat) });
285
- } else {
286
- handleDayClick(dayjs(defaultValue.value), false, true);
287
- }
288
- defaultValue.state = false;
289
- }
290
- }, []);
291
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
292
- "div",
293
- {
294
- ref: CalendarRef,
295
- className: `${namespace === "namespaceHr" ? style.namespaceHr : ""} ${style.datePicker} ${IsFocused ? style.focused : ""} ${pickerType === "dual" ? quickPick && Array.isArray(quickPick) && quickPick.length > 0 ? style.dualCalendarWithQuick : style.dualCalendar : ""} `,
296
- onClick: (e) => e.stopPropagation(),
297
- style: pickerType === "dual" && quickPick && Array.isArray(quickPick) && quickPick.length > 0 ? { width: "848px" } : {},
298
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.div, children: [
299
- pickerType === "dual" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", display: "flex", justifyContent: "space-between" }, children: [
300
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "50%", display: "flex", alignItems: "center", justifyContent: "flex-start", gap: "80px" }, children: [
301
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.left, children: [
302
- (!customYears || customYears.length > 1) && (!customYears || CurrentMonth.year() > Math.min(...customYears.map(Number))) ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.doubleIcon, onClick: goToPreviousYear, children: [
303
- /* @__PURE__ */ jsxRuntimeExports.jsx(IconLeft, {}),
304
- /* @__PURE__ */ jsxRuntimeExports.jsx(IconLeft, {})
305
- ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "20px", height: "20px" } }),
306
- !customYears || customYears && CurrentMonth.format("MMMM YYYY") !== `January ${Math.min(...customYears.map(Number))}` ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.singleIcon, onClick: goToPreviousMonth, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconLeft, {}) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "20px", height: "20px" } })
307
- ] }),
308
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: monthStyle ?? {}, children: customYears && customYears.length === 1 ? CurrentMonth.format("MMMM") : CurrentMonth.format("MMMM YYYY") })
309
- ] }),
310
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "50%", display: "flex", alignItems: "center", justifyContent: "flex-end", gap: "80px" }, children: [
311
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: monthStyle ?? {}, children: customYears && customYears.length === 1 ? CurrentMonth.add(1, "month").format("MMMM") : CurrentMonth.add(1, "month").format("MMMM YYYY") }),
312
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.right, children: [
313
- !customYears || customYears && CurrentMonth.format("MMMM YYYY") !== `December ${Math.max(...customYears.map(Number))}` ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.singleIcon, onClick: goToNextMonth, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconRight, {}) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "20px", height: "20px" } }),
314
- (!customYears || customYears.length > 1) && (!customYears || CurrentMonth.year() < Math.max(...customYears.map(Number))) ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.doubleIcon, onClick: goToNextYear, children: [
315
- /* @__PURE__ */ jsxRuntimeExports.jsx(IconRight, {}),
316
- /* @__PURE__ */ jsxRuntimeExports.jsx(IconRight, {})
317
- ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "20px", height: "20px" } })
318
- ] })
319
- ] })
320
- ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.datePickerHeader, children: [
321
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
322
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.left, children: [
323
- (!customYears || customYears.length > 1) && (!customYears || CurrentMonth.year() > Math.min(...customYears.map(Number))) ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.doubleIcon, onClick: goToPreviousYear, children: [
324
- /* @__PURE__ */ jsxRuntimeExports.jsx(IconLeft, {}),
325
- /* @__PURE__ */ jsxRuntimeExports.jsx(IconLeft, {})
326
- ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "20px", height: "20px" } }),
327
- !customYears || customYears && CurrentMonth.format("MMMM YYYY") !== `January ${Math.min(...customYears.map(Number))}` ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.singleIcon, onClick: goToPreviousMonth, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconLeft, {}) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "20px", height: "20px" } })
328
- ] }),
329
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.currentDateHeader, style: monthStyle ?? {}, onClick: HandleChooseMonth, children: customYears && customYears.length === 1 ? CurrentMonth.format("MMMM") : CurrentMonth.format("MMMM YYYY") }),
330
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.right, children: [
331
- !customYears || customYears && CurrentMonth.format("MMMM YYYY") !== `December ${Math.max(...customYears.map(Number))}` ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.singleIcon, onClick: goToNextMonth, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconRight, {}) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "20px", height: "20px" } }),
332
- (!customYears || customYears.length > 1) && (!customYears || CurrentMonth.year() < Math.max(...customYears.map(Number))) ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.doubleIcon, onClick: goToNextYear, children: [
333
- /* @__PURE__ */ jsxRuntimeExports.jsx(IconRight, {}),
334
- /* @__PURE__ */ jsxRuntimeExports.jsx(IconRight, {})
335
- ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.doubleIcon })
336
- ] })
337
- ] }),
338
- pickerType === "single" && quickPick && Array.isArray(quickPick) && quickPick.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: style.quickPick, children: getQuickPickers().slice(0, 3).map((item) => {
339
- return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { style: quickPickStyle ?? {}, onClick: () => handleQuickPick(item), children: item.name }, item.key);
340
- }) })
341
- ] }),
342
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.calendarWrapper, children: [
343
- ShowMonths ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: style.monthsWrapper, children: months.map((month) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: `${style.month} ${PickedMonth === month ? style.pickedMonth : ""}`, onClick: () => setPickedMonth(month), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.monthName, children: month }) })) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { children: [
344
- /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: daysOfWeek.map((day) => /* @__PURE__ */ jsxRuntimeExports.jsx("th", { style: weekDayStyle ?? {}, children: day }, day)) }) }),
345
- /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { children: [
346
- /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { className: style.spacerRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", {}) }),
347
- currentMonthMatrix.map((week, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: week.map(({ date, currentMonth }, idx) => {
348
- const isInRange = RangeSelection.start && RangeSelection.end && date.isAfter(RangeSelection.start, "day") && date.isBefore(RangeSelection.end, "day");
349
- const isStartDate = RangeSelection.start && date.isSame(RangeSelection.start, "day");
350
- const isEndDate = RangeSelection.end && date.isSame(RangeSelection.end, "day");
351
- const selected = mode === "single" && SelectedDate && date.isSame(SelectedDate, "day");
352
- const isDisabledTill = disabledDatesTill && date.isBefore(dayjs(disabledDatesTill), "day");
353
- const isDisabledFrom = disabledDatesFrom && date.isAfter(dayjs(disabledDatesFrom), "day");
354
- let isInDisabledRange = false;
355
- if (disabledDatesRange?.length === 2) {
356
- const [start, end] = disabledDatesRange.map((d) => dayjs(d));
357
- isInDisabledRange = date.isAfter(start.subtract(1, "day")) && date.isBefore(end.add(1, "day"));
358
- }
359
- const isDisabled = isDisabledFrom || isDisabledTill || isInDisabledRange;
360
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
361
- "td",
362
- {
363
- style: {
364
- ...currentMonth ? {} : otherMonthStyle,
365
- ...date.isSame(dayjs(), "day") ? todayStyle : {},
366
- ...isInRange ? inRangeStyle : {},
367
- ...isStartDate ? startDateStyle : {},
368
- ...isEndDate ? endDateStyle : {},
369
- ...selected ? selectedStyle : {}
370
- },
371
- className: `${style.day}
372
- ${currentMonth ? "" : style.otherMonth}
373
- ${!currentMonth ? "" : date.isSame(dayjs(), "day") ? style.today : ""}
374
- ${!currentMonth ? "" : isInRange ? style.inRange : ""}
375
- ${!currentMonth ? "" : isStartDate ? style.startDate : ""}
376
- ${!currentMonth ? "" : isEndDate ? style.endDate : ""}
377
- ${!currentMonth && !isInRange && !isEndDate ? "" : selected ? style.selected : ""}
378
- ${isDisabled ? style.disabled : ""}`,
379
- onClick: () => handleDayClick(date, currentMonth),
380
- children: date.date()
381
- },
382
- idx
383
- );
384
- }) }, index))
385
- ] })
386
- ] }),
387
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.buttonWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MainButton, { label: "Current date", onClick: () => handleDayClick(dayjs(), true) }) }),
388
- pickerType === "dual" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.border }),
389
- pickerType === "dual" && /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { children: [
390
- /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: daysOfWeek.map((day) => /* @__PURE__ */ jsxRuntimeExports.jsx("th", { style: weekDayStyle ?? {}, children: day }, day)) }) }),
391
- /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: nextMonthMatrix?.map((week, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: week.map(({ date, currentMonth }, idx) => {
392
- const isInRange = RangeSelection.start && RangeSelection.end && date.isAfter(RangeSelection.start, "day") && date.isBefore(RangeSelection.end, "day");
393
- const isStartDate = RangeSelection.start && date.isSame(RangeSelection.start, "day");
394
- const isEndDate = RangeSelection.end && date.isSame(RangeSelection.end, "day");
395
- const selected = mode === "single" && SelectedDate && date.isSame(SelectedDate, "day");
396
- const isDisabledTill = disabledDatesTill && date.isBefore(dayjs(disabledDatesTill), "day");
397
- const isDisabledFrom = disabledDatesFrom && date.isAfter(dayjs(disabledDatesFrom), "day");
398
- let isInDisabledRange = false;
399
- if (disabledDatesRange?.length === 2) {
400
- const [start, end] = disabledDatesRange.map((d) => dayjs(d));
401
- isInDisabledRange = date.isAfter(start.subtract(1, "day")) && date.isBefore(end.add(1, "day"));
402
- }
403
- const isDisabled = isDisabledFrom || isDisabledTill || isInDisabledRange;
404
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
405
- "td",
406
- {
407
- style: {
408
- ...currentMonth ? {} : otherMonthStyle,
409
- ...date.isSame(dayjs(), "day") ? todayStyle : {},
410
- ...isInRange ? inRangeStyle : {},
411
- ...isStartDate ? startDateStyle : {},
412
- ...isEndDate ? endDateStyle : {},
413
- ...selected ? selectedStyle : {}
414
- },
415
- className: `${style.day}
416
- ${currentMonth ? "" : style.otherMonth}
417
- ${!currentMonth ? "" : date.isSame(dayjs(), "day") ? style.today : ""}
418
- ${!currentMonth ? "" : isInRange ? style.inRange : ""}
419
- ${!currentMonth ? "" : isStartDate ? style.startDate : ""}
420
- ${!currentMonth ? "" : isEndDate ? style.endDate : ""}
421
- ${!currentMonth && !isInRange && !isEndDate ? "" : selected ? style.selected : ""}
422
- ${isDisabled ? style.disabled : ""}`,
423
- onClick: () => handleDayClick(date, currentMonth),
424
- children: date.date()
425
- },
426
- idx
427
- );
428
- }) }, index)) })
429
- ] })
430
- ] })
431
- ] })
432
- }
433
- );
434
- };
435
- export {
436
- Calendar as default
437
- };
@@ -1,20 +0,0 @@
1
- import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
2
- import style from "./master-components-react-ts.es25.js";
3
- const Toggle = ({ checked, change, disabled = false, size = "md", toggleType = "default", required = false }) => {
4
- const onChange = () => {
5
- if (!disabled) {
6
- change?.(!checked);
7
- }
8
- };
9
- return /* @__PURE__ */ jsxRuntimeExports.jsx(
10
- "div",
11
- {
12
- onClick: onChange,
13
- className: `${style.toggleWrapper} ${toggleType === "error" ? style.error : ""} ${style[size]} ${checked ? style.checked : ""} ${disabled ? style.disabled : ""}`,
14
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.toggleState, children: /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "checkbox", checked, readOnly: true, disabled: disabled ?? false, hidden: true, required }) })
15
- }
16
- );
17
- };
18
- export {
19
- Toggle as default
20
- };
@@ -1,32 +0,0 @@
1
- import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
2
- const IconCalendar = ({ width = "16", height = "16", color = "#C1C2C7" }) => {
3
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width, height, viewBox: "0 0 16 16", fill: "none", children: [
4
- /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M1.33333 5.5H14.6667V7.16667H1.33333V5.5Z", fill: color }),
5
- /* @__PURE__ */ jsxRuntimeExports.jsx(
6
- "path",
7
- {
8
- fillRule: "evenodd",
9
- clipRule: "evenodd",
10
- d: "M5.29892 2.16667H10.7011C11.3719 2.16666 11.9255 2.16665 12.3765 2.20349C12.8449 2.24177 13.2755 2.3239 13.68 2.52998C14.3072 2.84956 14.8171 3.35949 15.1367 3.9867C15.3428 4.39114 15.4249 4.82173 15.4632 5.29014C15.5 5.74114 15.5 6.29476 15.5 6.96556V10.7011C15.5 11.3719 15.5 11.9255 15.4632 12.3765C15.4249 12.8449 15.3428 13.2755 15.1367 13.68C14.8171 14.3072 14.3072 14.8171 13.68 15.1367C13.2755 15.3428 12.8449 15.4249 12.3765 15.4632C11.9255 15.5 11.3719 15.5 10.7011 15.5H5.29894C4.62812 15.5 4.07448 15.5 3.62348 15.4632C3.15506 15.4249 2.72448 15.3428 2.32003 15.1367C1.69283 14.8171 1.18289 14.3072 0.863312 13.68C0.657237 13.2755 0.5751 12.8449 0.536829 12.3765C0.499981 11.9255 0.49999 11.3719 0.5 10.7011V6.96558C0.49999 6.29478 0.499981 5.74114 0.536829 5.29014C0.5751 4.82173 0.657237 4.39114 0.863312 3.9867C1.18289 3.35949 1.69283 2.84956 2.32003 2.52998C2.72448 2.3239 3.15506 2.24177 3.62348 2.20349C4.07448 2.16665 4.62811 2.16666 5.29892 2.16667ZM3.7592 3.86463C3.39385 3.89448 3.20702 3.94858 3.07668 4.01499C2.76308 4.17478 2.50811 4.42975 2.34832 4.74335C2.28192 4.87368 2.22781 5.06052 2.19796 5.42586C2.16732 5.80094 2.16667 6.28618 2.16667 7V10.6667C2.16667 11.3805 2.16732 11.8657 2.19796 12.2408C2.22781 12.6061 2.28192 12.793 2.34832 12.9233C2.50811 13.2369 2.76308 13.4919 3.07668 13.6517C3.20702 13.7181 3.39385 13.7722 3.7592 13.802C4.13427 13.8327 4.61952 13.8333 5.33333 13.8333H10.6667C11.3805 13.8333 11.8657 13.8327 12.2408 13.802C12.6061 13.7722 12.793 13.7181 12.9233 13.6517C13.2369 13.4919 13.4919 13.2369 13.6517 12.9233C13.7181 12.793 13.7722 12.6061 13.802 12.2408C13.8327 11.8657 13.8333 11.3805 13.8333 10.6667V7C13.8333 6.28618 13.8327 5.80094 13.802 5.42586C13.7722 5.06052 13.7181 4.87368 13.6517 4.74335C13.4919 4.42975 13.2369 4.17478 12.9233 4.01499C12.793 3.94858 12.6061 3.89448 12.2408 3.86463C11.8657 3.83398 11.3805 3.83333 10.6667 3.83333H5.33333C4.61952 3.83333 4.13427 3.83398 3.7592 3.86463Z",
11
- fill: color
12
- }
13
- ),
14
- /* @__PURE__ */ jsxRuntimeExports.jsx(
15
- "path",
16
- {
17
- d: "M5.5 1.33333C5.5 0.873096 5.1269 0.5 4.66667 0.5C4.20643 0.5 3.83333 0.873096 3.83333 1.33333V3C3.83333 3.46024 4.20643 3.83333 4.66667 3.83333C5.1269 3.83333 5.5 3.46024 5.5 3V1.33333Z",
18
- fill: color
19
- }
20
- ),
21
- /* @__PURE__ */ jsxRuntimeExports.jsx(
22
- "path",
23
- {
24
- d: "M12.1667 1.33333C12.1667 0.873096 11.7936 0.5 11.3333 0.5C10.8731 0.5 10.5 0.873096 10.5 1.33333V3C10.5 3.46024 10.8731 3.83333 11.3333 3.83333C11.7936 3.83333 12.1667 3.46024 12.1667 3V1.33333Z",
25
- fill: color
26
- }
27
- )
28
- ] });
29
- };
30
- export {
31
- IconCalendar
32
- };
@@ -1,20 +0,0 @@
1
- const skeleton = "Skeleton-module__skeleton";
2
- const shimmer = "Skeleton-module__shimmer";
3
- const text = "Skeleton-module__text";
4
- const avatar = "Skeleton-module__avatar";
5
- const dark = "Skeleton-module__dark";
6
- const style = {
7
- skeleton,
8
- shimmer,
9
- text,
10
- avatar,
11
- dark
12
- };
13
- export {
14
- avatar,
15
- dark,
16
- style as default,
17
- shimmer,
18
- skeleton,
19
- text
20
- };
@@ -1,29 +0,0 @@
1
- const actionDropdownContainer = "ActionDropdown-module__actionDropdownContainer";
2
- const collapsed = "ActionDropdown-module__collapsed";
3
- const actionDropdownIcon = "ActionDropdown-module__actionDropdownIcon";
4
- const actionDropdownContent = "ActionDropdown-module__actionDropdownContent";
5
- const actionDropdownTitle = "ActionDropdown-module__actionDropdownTitle";
6
- const actionDropdownList = "ActionDropdown-module__actionDropdownList";
7
- const actionDropdownItem = "ActionDropdown-module__actionDropdownItem";
8
- const selected = "ActionDropdown-module__selected";
9
- const style = {
10
- actionDropdownContainer,
11
- collapsed,
12
- actionDropdownIcon,
13
- actionDropdownContent,
14
- actionDropdownTitle,
15
- actionDropdownList,
16
- actionDropdownItem,
17
- selected
18
- };
19
- export {
20
- actionDropdownContainer,
21
- actionDropdownContent,
22
- actionDropdownIcon,
23
- actionDropdownItem,
24
- actionDropdownList,
25
- actionDropdownTitle,
26
- collapsed,
27
- style as default,
28
- selected
29
- };
@@ -1,4 +0,0 @@
1
- var jsxRuntime = { exports: {} };
2
- export {
3
- jsxRuntime as __module
4
- };
@@ -1,41 +0,0 @@
1
- import { __exports as reactJsxRuntime_production } from "./master-components-react-ts.es63.js";
2
- /**
3
- * @license React
4
- * react-jsx-runtime.production.js
5
- *
6
- * Copyright (c) Meta Platforms, Inc. and affiliates.
7
- *
8
- * This source code is licensed under the MIT license found in the
9
- * LICENSE file in the root directory of this source tree.
10
- */
11
- var hasRequiredReactJsxRuntime_production;
12
- function requireReactJsxRuntime_production() {
13
- if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
14
- hasRequiredReactJsxRuntime_production = 1;
15
- var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
16
- function jsxProd(type, config, maybeKey) {
17
- var key = null;
18
- void 0 !== maybeKey && (key = "" + maybeKey);
19
- void 0 !== config.key && (key = "" + config.key);
20
- if ("key" in config) {
21
- maybeKey = {};
22
- for (var propName in config)
23
- "key" !== propName && (maybeKey[propName] = config[propName]);
24
- } else maybeKey = config;
25
- config = maybeKey.ref;
26
- return {
27
- $$typeof: REACT_ELEMENT_TYPE,
28
- type,
29
- key,
30
- ref: void 0 !== config ? config : null,
31
- props: maybeKey
32
- };
33
- }
34
- reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
35
- reactJsxRuntime_production.jsx = jsxProd;
36
- reactJsxRuntime_production.jsxs = jsxProd;
37
- return reactJsxRuntime_production;
38
- }
39
- export {
40
- requireReactJsxRuntime_production as __require
41
- };