pds-dev-kit-web 2.2.219 → 2.2.221
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/common/services/i18n/resources/en.json +12 -12
- package/dist/src/common/services/i18n/resources/es.json +12 -12
- package/dist/src/common/services/i18n/resources/fil.json +12 -12
- package/dist/src/common/services/i18n/resources/index.d.ts +84 -84
- package/dist/src/common/services/i18n/resources/ja.json +12 -12
- package/dist/src/common/services/i18n/resources/ko.json +12 -12
- package/dist/src/common/services/i18n/resources/zh-cn.json +12 -12
- package/dist/src/common/services/i18n/resources/zh-tw.json +12 -12
- package/dist/src/desktop/components/Calendar/Calendar.js +56 -13
- package/dist/src/desktop/components/Calendar/CurrentTimeIndicator.js +1 -1
- package/dist/src/desktop/components/Calendar/DailyView.js +1 -1
- package/dist/src/desktop/components/Calendar/MonthlyView.js +1 -1
- package/dist/src/desktop/components/Calendar/TimeBasedScheduleItem.js +1 -1
- package/dist/src/desktop/components/Calendar/WeeklyView.js +1 -1
- package/dist/src/desktop/components/Calendar/YearlyView.js +1 -1
- package/dist/src/desktop/components/Calendar/calendarUtils.d.ts +0 -11
- package/dist/src/desktop/components/Calendar/calendarUtils.js +1 -39
- package/package.json +1 -1
- package/release-note.md +2 -2
|
@@ -37,18 +37,18 @@
|
|
|
37
37
|
"str_calendar_all_day": "All day",
|
|
38
38
|
"str_calendar_schedule_more": "{{count}} more",
|
|
39
39
|
"str_calendar_today": "Today",
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
40
|
+
"str_month_january": "Jan",
|
|
41
|
+
"str_month_february": "Feb",
|
|
42
|
+
"str_month_march": "Mar",
|
|
43
|
+
"str_month_april": "Apr",
|
|
44
|
+
"str_month_may": "May",
|
|
45
|
+
"str_month_june": "Jun",
|
|
46
|
+
"str_month_july": "Jul",
|
|
47
|
+
"str_month_august": "Aug",
|
|
48
|
+
"str_month_september": "Sep",
|
|
49
|
+
"str_month_october": "Oct",
|
|
50
|
+
"str_month_november": "Nov",
|
|
51
|
+
"str_month_december": "Dec",
|
|
52
52
|
"str_fm_datetime_am": "{{hour}} AM",
|
|
53
53
|
"str_fm_datetime_pm": "{{hour}} PM",
|
|
54
54
|
"str_fm_am": "AM",
|
|
@@ -37,18 +37,18 @@
|
|
|
37
37
|
"str_calendar_all_day": "Todo el día",
|
|
38
38
|
"str_calendar_schedule_more": "{{count}} más",
|
|
39
39
|
"str_calendar_today": "Hoy",
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
40
|
+
"str_month_january": "Jan",
|
|
41
|
+
"str_month_february": "Feb",
|
|
42
|
+
"str_month_march": "Mar",
|
|
43
|
+
"str_month_april": "Apr",
|
|
44
|
+
"str_month_may": "May",
|
|
45
|
+
"str_month_june": "Jun",
|
|
46
|
+
"str_month_july": "Jul",
|
|
47
|
+
"str_month_august": "Aug",
|
|
48
|
+
"str_month_september": "Sep",
|
|
49
|
+
"str_month_october": "Oct",
|
|
50
|
+
"str_month_november": "Nov",
|
|
51
|
+
"str_month_december": "Dec",
|
|
52
52
|
"str_fm_datetime_am": "{{hour}} AM",
|
|
53
53
|
"str_fm_datetime_pm": "{{hour}} PM",
|
|
54
54
|
"str_fm_am": "AM",
|
|
@@ -37,18 +37,18 @@
|
|
|
37
37
|
"str_calendar_all_day": "Buong araw",
|
|
38
38
|
"str_calendar_schedule_more": "{{count}} pa",
|
|
39
39
|
"str_calendar_today": "Ngayon",
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
40
|
+
"str_month_january": "Jan",
|
|
41
|
+
"str_month_february": "Feb",
|
|
42
|
+
"str_month_march": "Mar",
|
|
43
|
+
"str_month_april": "Apr",
|
|
44
|
+
"str_month_may": "May",
|
|
45
|
+
"str_month_june": "Jun",
|
|
46
|
+
"str_month_july": "Jul",
|
|
47
|
+
"str_month_august": "Aug",
|
|
48
|
+
"str_month_september": "Sep",
|
|
49
|
+
"str_month_october": "Oct",
|
|
50
|
+
"str_month_november": "Nov",
|
|
51
|
+
"str_month_december": "Dec",
|
|
52
52
|
"str_fm_datetime_am": "{{hour}} NU",
|
|
53
53
|
"str_fm_datetime_pm": "{{hour}} NH",
|
|
54
54
|
"str_fm_am": "NU",
|
|
@@ -38,18 +38,18 @@ declare const locale: {
|
|
|
38
38
|
str_calendar_all_day: string;
|
|
39
39
|
str_calendar_schedule_more: string;
|
|
40
40
|
str_calendar_today: string;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
41
|
+
str_month_january: string;
|
|
42
|
+
str_month_february: string;
|
|
43
|
+
str_month_march: string;
|
|
44
|
+
str_month_april: string;
|
|
45
|
+
str_month_may: string;
|
|
46
|
+
str_month_june: string;
|
|
47
|
+
str_month_july: string;
|
|
48
|
+
str_month_august: string;
|
|
49
|
+
str_month_september: string;
|
|
50
|
+
str_month_october: string;
|
|
51
|
+
str_month_november: string;
|
|
52
|
+
str_month_december: string;
|
|
53
53
|
str_fm_datetime_am: string;
|
|
54
54
|
str_fm_datetime_pm: string;
|
|
55
55
|
str_fm_am: string;
|
|
@@ -137,18 +137,18 @@ declare const locale: {
|
|
|
137
137
|
str_calendar_all_day: string;
|
|
138
138
|
str_calendar_schedule_more: string;
|
|
139
139
|
str_calendar_today: string;
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
140
|
+
str_month_january: string;
|
|
141
|
+
str_month_february: string;
|
|
142
|
+
str_month_march: string;
|
|
143
|
+
str_month_april: string;
|
|
144
|
+
str_month_may: string;
|
|
145
|
+
str_month_june: string;
|
|
146
|
+
str_month_july: string;
|
|
147
|
+
str_month_august: string;
|
|
148
|
+
str_month_september: string;
|
|
149
|
+
str_month_october: string;
|
|
150
|
+
str_month_november: string;
|
|
151
|
+
str_month_december: string;
|
|
152
152
|
str_fm_datetime_am: string;
|
|
153
153
|
str_fm_datetime_pm: string;
|
|
154
154
|
str_fm_am: string;
|
|
@@ -235,18 +235,18 @@ declare const locale: {
|
|
|
235
235
|
str_calendar_all_day: string;
|
|
236
236
|
str_calendar_schedule_more: string;
|
|
237
237
|
str_calendar_today: string;
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
238
|
+
str_month_january: string;
|
|
239
|
+
str_month_february: string;
|
|
240
|
+
str_month_march: string;
|
|
241
|
+
str_month_april: string;
|
|
242
|
+
str_month_may: string;
|
|
243
|
+
str_month_june: string;
|
|
244
|
+
str_month_july: string;
|
|
245
|
+
str_month_august: string;
|
|
246
|
+
str_month_september: string;
|
|
247
|
+
str_month_october: string;
|
|
248
|
+
str_month_november: string;
|
|
249
|
+
str_month_december: string;
|
|
250
250
|
str_fm_datetime_am: string;
|
|
251
251
|
str_fm_datetime_pm: string;
|
|
252
252
|
str_fm_am: string;
|
|
@@ -333,18 +333,18 @@ declare const locale: {
|
|
|
333
333
|
str_calendar_all_day: string;
|
|
334
334
|
str_calendar_schedule_more: string;
|
|
335
335
|
str_calendar_today: string;
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
336
|
+
str_month_january: string;
|
|
337
|
+
str_month_february: string;
|
|
338
|
+
str_month_march: string;
|
|
339
|
+
str_month_april: string;
|
|
340
|
+
str_month_may: string;
|
|
341
|
+
str_month_june: string;
|
|
342
|
+
str_month_july: string;
|
|
343
|
+
str_month_august: string;
|
|
344
|
+
str_month_september: string;
|
|
345
|
+
str_month_october: string;
|
|
346
|
+
str_month_november: string;
|
|
347
|
+
str_month_december: string;
|
|
348
348
|
str_fm_datetime_am: string;
|
|
349
349
|
str_fm_datetime_pm: string;
|
|
350
350
|
str_fm_am: string;
|
|
@@ -431,18 +431,18 @@ declare const locale: {
|
|
|
431
431
|
str_calendar_all_day: string;
|
|
432
432
|
str_calendar_schedule_more: string;
|
|
433
433
|
str_calendar_today: string;
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
434
|
+
str_month_january: string;
|
|
435
|
+
str_month_february: string;
|
|
436
|
+
str_month_march: string;
|
|
437
|
+
str_month_april: string;
|
|
438
|
+
str_month_may: string;
|
|
439
|
+
str_month_june: string;
|
|
440
|
+
str_month_july: string;
|
|
441
|
+
str_month_august: string;
|
|
442
|
+
str_month_september: string;
|
|
443
|
+
str_month_october: string;
|
|
444
|
+
str_month_november: string;
|
|
445
|
+
str_month_december: string;
|
|
446
446
|
str_fm_datetime_am: string;
|
|
447
447
|
str_fm_datetime_pm: string;
|
|
448
448
|
str_fm_am: string;
|
|
@@ -529,18 +529,18 @@ declare const locale: {
|
|
|
529
529
|
str_calendar_all_day: string;
|
|
530
530
|
str_calendar_schedule_more: string;
|
|
531
531
|
str_calendar_today: string;
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
532
|
+
str_month_january: string;
|
|
533
|
+
str_month_february: string;
|
|
534
|
+
str_month_march: string;
|
|
535
|
+
str_month_april: string;
|
|
536
|
+
str_month_may: string;
|
|
537
|
+
str_month_june: string;
|
|
538
|
+
str_month_july: string;
|
|
539
|
+
str_month_august: string;
|
|
540
|
+
str_month_september: string;
|
|
541
|
+
str_month_october: string;
|
|
542
|
+
str_month_november: string;
|
|
543
|
+
str_month_december: string;
|
|
544
544
|
str_fm_datetime_am: string;
|
|
545
545
|
str_fm_datetime_pm: string;
|
|
546
546
|
str_fm_am: string;
|
|
@@ -627,18 +627,18 @@ declare const locale: {
|
|
|
627
627
|
str_calendar_all_day: string;
|
|
628
628
|
str_calendar_schedule_more: string;
|
|
629
629
|
str_calendar_today: string;
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
630
|
+
str_month_january: string;
|
|
631
|
+
str_month_february: string;
|
|
632
|
+
str_month_march: string;
|
|
633
|
+
str_month_april: string;
|
|
634
|
+
str_month_may: string;
|
|
635
|
+
str_month_june: string;
|
|
636
|
+
str_month_july: string;
|
|
637
|
+
str_month_august: string;
|
|
638
|
+
str_month_september: string;
|
|
639
|
+
str_month_october: string;
|
|
640
|
+
str_month_november: string;
|
|
641
|
+
str_month_december: string;
|
|
642
642
|
str_fm_datetime_am: string;
|
|
643
643
|
str_fm_datetime_pm: string;
|
|
644
644
|
str_fm_am: string;
|
|
@@ -37,18 +37,18 @@
|
|
|
37
37
|
"str_calendar_all_day": "終日",
|
|
38
38
|
"str_calendar_schedule_more": "{{count}}件以上",
|
|
39
39
|
"str_calendar_today": "今日",
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
40
|
+
"str_month_january": "Jan",
|
|
41
|
+
"str_month_february": "Feb",
|
|
42
|
+
"str_month_march": "Mar",
|
|
43
|
+
"str_month_april": "Apr",
|
|
44
|
+
"str_month_may": "May",
|
|
45
|
+
"str_month_june": "Jun",
|
|
46
|
+
"str_month_july": "Jul",
|
|
47
|
+
"str_month_august": "Aug",
|
|
48
|
+
"str_month_september": "Sep",
|
|
49
|
+
"str_month_october": "Oct",
|
|
50
|
+
"str_month_november": "Nov",
|
|
51
|
+
"str_month_december": "Dec",
|
|
52
52
|
"str_fm_datetime_am": "午前{{hour}}時",
|
|
53
53
|
"str_fm_datetime_pm": "午後{{hour}}時",
|
|
54
54
|
"str_fm_am": "午前",
|
|
@@ -37,18 +37,18 @@
|
|
|
37
37
|
"str_calendar_all_day": "종일",
|
|
38
38
|
"str_calendar_schedule_more": "{{count}}개 더보기",
|
|
39
39
|
"str_calendar_today": "오늘",
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
40
|
+
"str_month_january": "1월",
|
|
41
|
+
"str_month_february": "2월",
|
|
42
|
+
"str_month_march": "3월",
|
|
43
|
+
"str_month_april": "4월",
|
|
44
|
+
"str_month_may": "5월",
|
|
45
|
+
"str_month_june": "6월",
|
|
46
|
+
"str_month_july": "7월",
|
|
47
|
+
"str_month_august": "8월",
|
|
48
|
+
"str_month_september": "9월",
|
|
49
|
+
"str_month_october": "10월",
|
|
50
|
+
"str_month_november": "11월",
|
|
51
|
+
"str_month_december": "12월",
|
|
52
52
|
"str_fm_datetime_am": "오전 {{hour}}시",
|
|
53
53
|
"str_fm_datetime_pm": "오후 {{hour}}시",
|
|
54
54
|
"str_fm_am": "오전",
|
|
@@ -37,18 +37,18 @@
|
|
|
37
37
|
"str_calendar_all_day": "全天",
|
|
38
38
|
"str_calendar_schedule_more": "{{count}} 更多",
|
|
39
39
|
"str_calendar_today": "今天",
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
40
|
+
"str_month_january": "Jan",
|
|
41
|
+
"str_month_february": "Feb",
|
|
42
|
+
"str_month_march": "Mar",
|
|
43
|
+
"str_month_april": "Apr",
|
|
44
|
+
"str_month_may": "May",
|
|
45
|
+
"str_month_june": "Jun",
|
|
46
|
+
"str_month_july": "Jul",
|
|
47
|
+
"str_month_august": "Aug",
|
|
48
|
+
"str_month_september": "Sep",
|
|
49
|
+
"str_month_october": "Oct",
|
|
50
|
+
"str_month_november": "Nov",
|
|
51
|
+
"str_month_december": "Dec",
|
|
52
52
|
"str_fm_datetime_am": "上午{{hour}}时",
|
|
53
53
|
"str_fm_datetime_pm": "下午{{hour}}时",
|
|
54
54
|
"str_fm_am": "上午",
|
|
@@ -37,18 +37,18 @@
|
|
|
37
37
|
"str_calendar_all_day": "全天",
|
|
38
38
|
"str_calendar_schedule_more": "{{count}} 更多",
|
|
39
39
|
"str_calendar_today": "今天",
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
40
|
+
"str_month_january": "Jan",
|
|
41
|
+
"str_month_february": "Feb",
|
|
42
|
+
"str_month_march": "Mar",
|
|
43
|
+
"str_month_april": "Apr",
|
|
44
|
+
"str_month_may": "May",
|
|
45
|
+
"str_month_june": "Jun",
|
|
46
|
+
"str_month_july": "Jul",
|
|
47
|
+
"str_month_august": "Aug",
|
|
48
|
+
"str_month_september": "Sep",
|
|
49
|
+
"str_month_october": "Oct",
|
|
50
|
+
"str_month_november": "Nov",
|
|
51
|
+
"str_month_december": "Dec",
|
|
52
52
|
"str_fm_datetime_am": "上午{{hour}}時",
|
|
53
53
|
"str_fm_datetime_pm": "下午{{hour}}時",
|
|
54
54
|
"str_fm_am": "上午",
|
|
@@ -38,6 +38,7 @@ var TextButton_1 = require("../TextButton");
|
|
|
38
38
|
var TextLabel_1 = require("../TextLabel");
|
|
39
39
|
var CalendarContext_1 = require("./CalendarContext");
|
|
40
40
|
var calendarUtils_1 = require("./calendarUtils");
|
|
41
|
+
var constants_1 = require("./constants");
|
|
41
42
|
var DailyView_1 = require("./DailyView");
|
|
42
43
|
var MonthlyView_1 = require("./MonthlyView");
|
|
43
44
|
var WeeklyView_1 = require("./WeeklyView");
|
|
@@ -45,17 +46,17 @@ var YearlyView_1 = require("./YearlyView");
|
|
|
45
46
|
var Calendar = function (_a) {
|
|
46
47
|
var _b;
|
|
47
48
|
var _c = _a.defaultViewType, defaultViewType = _c === void 0 ? 'str_fm_month' : _c, _d = _a.viewTypes, viewTypes = _d === void 0 ? ['str_fm_month', 'str_fm_week', 'str_fm_day', 'str_fm_year'] : _d, _e = _a.displayAllDayScheduleMode, displayAllDayScheduleMode = _e === void 0 ? 'none' : _e, _f = _a.startOfWeek, startOfWeek = _f === void 0 ? 'sunday' : _f, _g = _a.todayBtnMode, todayBtnMode = _g === void 0 ? 'use' : _g, _h = _a.schedules, schedules = _h === void 0 ? [] : _h, config = _a.config, onActionDispatch = _a.onActionDispatch;
|
|
48
|
-
var
|
|
49
|
-
var
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
var
|
|
53
|
-
var
|
|
54
|
-
var
|
|
55
|
-
var
|
|
56
|
-
var
|
|
57
|
-
var
|
|
58
|
-
var
|
|
49
|
+
var _j = (0, react_i18next_1.useTranslation)('translation'), t = _j.t, i18n = _j.i18n;
|
|
50
|
+
var _k = (0, react_1.useState)(defaultViewType), currentViewType = _k[0], setCurrentViewType = _k[1];
|
|
51
|
+
var _l = (0, react_1.useState)(new Date()), selectedDate = _l[0], setSelectedDate = _l[1];
|
|
52
|
+
var _m = (0, react_1.useState)(null), dragStartDate = _m[0], setDragStartDate = _m[1];
|
|
53
|
+
var _o = (0, react_1.useState)(null), dragEndDate = _o[0], setDragEndDate = _o[1];
|
|
54
|
+
var _p = (0, react_1.useState)(false), isDragging = _p[0], setIsDragging = _p[1];
|
|
55
|
+
var _q = (0, react_1.useState)(null), draggedSchedule = _q[0], setDraggedSchedule = _q[1];
|
|
56
|
+
var _r = (0, react_1.useState)(null), isDragOverDate = _r[0], setIsDragOverDate = _r[1];
|
|
57
|
+
var _s = (0, react_1.useState)([]), selectedSchedules = _s[0], setSelectedSchedules = _s[1];
|
|
58
|
+
var _t = (0, react_1.useState)([]), selectedDates = _t[0], setSelectedDates = _t[1];
|
|
59
|
+
var _u = (0, react_1.useState)(null), lastSelectedDate = _u[0], setLastSelectedDate = _u[1];
|
|
59
60
|
// 오늘 날짜인지 확인
|
|
60
61
|
var today = new Date();
|
|
61
62
|
var isToday = function (date) { return dateHelper_1.DateHelper.isSameDay(date, today); };
|
|
@@ -63,7 +64,7 @@ var Calendar = function (_a) {
|
|
|
63
64
|
// 과거 날짜인지 확인
|
|
64
65
|
var isPastDate = (0, react_1.useCallback)(function (date) { return dateHelper_1.DateHelper.isBefore(date, today) && !dateHelper_1.DateHelper.isSameDay(date, today); }, [today]);
|
|
65
66
|
// 뷰 타입에 따른 시작일과 종료일 계산
|
|
66
|
-
var
|
|
67
|
+
var _v = (0, calendarUtils_1.calculateDateRange)(currentViewType, selectedDate), startDate = _v.startDate, endDate = _v.endDate;
|
|
67
68
|
// 뷰 타입 변경 처리
|
|
68
69
|
var handleViewTypeChange = (0, react_1.useCallback)(function (option) {
|
|
69
70
|
var newViewType = option.value;
|
|
@@ -358,6 +359,48 @@ var Calendar = function (_a) {
|
|
|
358
359
|
}
|
|
359
360
|
});
|
|
360
361
|
}, [onActionDispatch, calendarUtils_1.calculateDateRange]);
|
|
362
|
+
var getMonthStringKey = function (monthNumber) {
|
|
363
|
+
var monthKeys = [
|
|
364
|
+
'str_month_january',
|
|
365
|
+
'str_month_february',
|
|
366
|
+
'str_month_march',
|
|
367
|
+
'str_month_april',
|
|
368
|
+
'str_month_may',
|
|
369
|
+
'str_month_june',
|
|
370
|
+
'str_month_july',
|
|
371
|
+
'str_month_august',
|
|
372
|
+
'str_month_september',
|
|
373
|
+
'str_month_october',
|
|
374
|
+
'str_month_november',
|
|
375
|
+
'str_month_december'
|
|
376
|
+
];
|
|
377
|
+
return monthKeys[monthNumber - 1];
|
|
378
|
+
};
|
|
379
|
+
var getHeaderText = function (viewType, selectedDate) {
|
|
380
|
+
var year = selectedDate.getFullYear();
|
|
381
|
+
var monthNumber = selectedDate.getMonth() + 1;
|
|
382
|
+
var day = selectedDate.getDate();
|
|
383
|
+
var locale = (0, constants_1.getLocaleFromLang)(i18n.language);
|
|
384
|
+
if (viewType === 'str_fm_day') {
|
|
385
|
+
return t('str_calendar_daily_header', { year: year, month: monthNumber, day: day });
|
|
386
|
+
}
|
|
387
|
+
if (viewType === 'str_fm_week') {
|
|
388
|
+
return t('str_calendar_weekly_header', {
|
|
389
|
+
year: year,
|
|
390
|
+
month: locale === 'en-US' ? t(getMonthStringKey(monthNumber)) : monthNumber
|
|
391
|
+
});
|
|
392
|
+
}
|
|
393
|
+
if (viewType === 'str_fm_month') {
|
|
394
|
+
return t('str_calendar_monthly_header', {
|
|
395
|
+
year: year,
|
|
396
|
+
month: locale === 'en-US' ? t(getMonthStringKey(monthNumber)) : monthNumber
|
|
397
|
+
});
|
|
398
|
+
}
|
|
399
|
+
if (viewType === 'str_fm_year') {
|
|
400
|
+
return t('str_calendar_yearly_header', { year: year });
|
|
401
|
+
}
|
|
402
|
+
return '';
|
|
403
|
+
};
|
|
361
404
|
// 뷰 타입에 따른 캘린더 콘텐츠 렌더링
|
|
362
405
|
var renderCalendarContent = function () {
|
|
363
406
|
switch (currentViewType) {
|
|
@@ -383,7 +426,7 @@ var Calendar = function (_a) {
|
|
|
383
426
|
// 유틸리티 함수
|
|
384
427
|
getSchedulesForDate: getSchedulesForDate, isToday: isToday, isPastDate: isPastDate, getDayTextByDate: getDayTextByDate,
|
|
385
428
|
// 상태값
|
|
386
|
-
isDragOverDate: isDragOverDate, selectedDate: selectedDate, displayAllDayScheduleMode: displayAllDayScheduleMode }, { children: (0, jsx_runtime_1.jsxs)(S_CalendarContainer, __assign({ "x-pds-name": "Calendar", "x-pds-element-type": "component", "x-pds-device-type": "desktop", onKeyDown: handleKeyDown, tabIndex: 0 }, { children: [(0, jsx_runtime_1.jsxs)(S_CalendarHeader, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "headingBold", textAlign: "center", text:
|
|
429
|
+
isDragOverDate: isDragOverDate, selectedDate: selectedDate, displayAllDayScheduleMode: displayAllDayScheduleMode }, { children: (0, jsx_runtime_1.jsxs)(S_CalendarContainer, __assign({ "x-pds-name": "Calendar", "x-pds-element-type": "component", "x-pds-device-type": "desktop", onKeyDown: handleKeyDown, tabIndex: 0 }, { children: [(0, jsx_runtime_1.jsxs)(S_CalendarHeader, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "headingBold", textAlign: "center", text: getHeaderText(currentViewType, selectedDate) }), (0, jsx_runtime_1.jsxs)(S_LeftContainer, { children: [(0, jsx_runtime_1.jsx)(S_NavigationButtonContainer, __assign({ onClick: function () { return navigateDate('prev'); } }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_arrow_left", baseSize: "small", iconSize: 16, baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_icon_sys_grey_01" }) })), todayBtnMode === 'use' && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: t('str_calendar_today'), size: "small", colorTheme: "grey_01", onClick: handleTodayClick })), (0, jsx_runtime_1.jsx)(S_NavigationButtonContainer, __assign({ onClick: function () { return navigateDate('next'); } }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_arrow_right", baseSize: "small", iconSize: 16, baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_icon_sys_grey_01" }) })), (0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { size: "small", valueArray: viewTypeOptions, value: viewTypeOptions.find(function (option) { return option.value === currentViewType; }), onChange: handleViewTypeChange, customWidth: "120px" })] })] }), (0, jsx_runtime_1.jsx)(S_CalendarContent, { children: renderCalendarContent() })] })) })));
|
|
387
430
|
};
|
|
388
431
|
var S_CalendarContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 400px;\n outline: 0px;\n overflow: hidden;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 400px;\n outline: 0px;\n overflow: hidden;\n width: 100%;\n"])));
|
|
389
432
|
var S_CalendarHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n gap: 16px;\n padding: 0px 0px 8px 0px;\n"], ["\n align-items: center;\n display: flex;\n gap: 16px;\n padding: 0px 0px 8px 0px;\n"])));
|
|
@@ -16,7 +16,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
16
16
|
var constants_1 = require("./constants");
|
|
17
17
|
var CurrentTimeIndicator = function (_a) {
|
|
18
18
|
var show = _a.show, _b = _a.leftOffset, leftOffset = _b === void 0 ? '80px' : _b;
|
|
19
|
-
var i18n = (0, react_i18next_1.useTranslation)().i18n;
|
|
19
|
+
var i18n = (0, react_i18next_1.useTranslation)('translation').i18n;
|
|
20
20
|
var getCurrentTime = (0, react_1.useCallback)(function () {
|
|
21
21
|
var now = new Date();
|
|
22
22
|
var locale = (0, constants_1.getLocaleFromLang)(i18next_1.default.language);
|
|
@@ -51,7 +51,7 @@ var TimeBasedScheduleItem_1 = require("./TimeBasedScheduleItem");
|
|
|
51
51
|
var timeFormatUtils_1 = require("./timeFormatUtils");
|
|
52
52
|
var DailyView = function (_a) {
|
|
53
53
|
var schedules = _a.schedules, config = _a.config;
|
|
54
|
-
var i18n = (0, react_i18next_1.useTranslation)().i18n;
|
|
54
|
+
var i18n = (0, react_i18next_1.useTranslation)('translation').i18n;
|
|
55
55
|
var _b = (0, CalendarContext_1.useCalendarContext)(), selectedDate = _b.selectedDate, selectedSchedules = _b.selectedSchedules, displayAllDayScheduleMode = _b.displayAllDayScheduleMode, getSchedulesForDate = _b.getSchedulesForDate, isDragOverDate = _b.isDragOverDate, handleDateDragOver = _b.handleDateDragOver, handleDateDragLeave = _b.handleDateDragLeave, handleDateDrop = _b.handleDateDrop, handleDateClick = _b.handleDateClick, handleDateDrag = _b.handleDateDrag, handleScheduleDragStart = _b.handleScheduleDragStart, handleScheduleDragEnd = _b.handleScheduleDragEnd, handleScheduleClick = _b.handleScheduleClick;
|
|
56
56
|
// 시간 드래그 상태
|
|
57
57
|
var _c = (0, react_1.useState)(null), timeSelectionStart = _c[0], setTimeSelectionStart = _c[1];
|
|
@@ -42,7 +42,7 @@ var calendarUtils_1 = require("./calendarUtils");
|
|
|
42
42
|
var MultiWeekSchedulesLayer_1 = require("./MultiWeekSchedulesLayer");
|
|
43
43
|
var MonthlyView = function (_a) {
|
|
44
44
|
var getDayTextByDate = _a.getDayTextByDate, startOfWeek = _a.startOfWeek, selectedDate = _a.selectedDate, selectedDates = _a.selectedDates, selectedSchedules = _a.selectedSchedules, dragStartDate = _a.dragStartDate, dragEndDate = _a.dragEndDate, isDragOverDate = _a.isDragOverDate, schedules = _a.schedules, getSchedulesForDate = _a.getSchedulesForDate, isToday = _a.isToday, isPastDate = _a.isPastDate, handleDateClick = _a.handleDateClick, handleScheduleClick = _a.handleScheduleClick, handleMouseUp = _a.handleMouseUp, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd, _b = _a.isDraggable, isDraggable = _b === void 0 ? false : _b, onSwitchToWeeklyView = _a.onSwitchToWeeklyView, config = _a.config;
|
|
45
|
-
var t = (0, react_i18next_1.useTranslation)().t;
|
|
45
|
+
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
46
46
|
var _c = (0, CalendarContext_1.useCalendarContext)(), renderScheduleItem = _c.renderScheduleItem, handleDateDrag = _c.handleDateDrag;
|
|
47
47
|
var height = (0, useWindowSize_1.useWindowSize)().height;
|
|
48
48
|
var calendarCellRef = (0, react_1.useRef)(null);
|
|
@@ -37,7 +37,7 @@ var calendarUtils_1 = require("./calendarUtils");
|
|
|
37
37
|
var timeFormatUtils_1 = require("./timeFormatUtils");
|
|
38
38
|
var TimeBasedScheduleItem = function (_a) {
|
|
39
39
|
var schedules = _a.schedules, selectedSchedules = _a.selectedSchedules, _b = _a.isDraggable, isDraggable = _b === void 0 ? false : _b, onClick = _a.onClick, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd;
|
|
40
|
-
var _c = (0, react_i18next_1.useTranslation)(), i18n = _c.i18n, t = _c.t;
|
|
40
|
+
var _c = (0, react_i18next_1.useTranslation)('translation'), i18n = _c.i18n, t = _c.t;
|
|
41
41
|
// 시간별 스케줄 계산 및 grid 위치 할당
|
|
42
42
|
var timedSchedulesWithGrid = (0, react_1.useMemo)(function () {
|
|
43
43
|
var filteredSchedules = schedules.filter(function (schedule) { return !(0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate)); });
|
|
@@ -52,7 +52,7 @@ var TimeBasedScheduleItem_1 = require("./TimeBasedScheduleItem");
|
|
|
52
52
|
var timeFormatUtils_1 = require("./timeFormatUtils");
|
|
53
53
|
var WeeklyView = function (_a) {
|
|
54
54
|
var startOfWeek = _a.startOfWeek, schedules = _a.schedules, config = _a.config;
|
|
55
|
-
var _b = (0, react_i18next_1.useTranslation)(), t = _b.t, i18n = _b.i18n;
|
|
55
|
+
var _b = (0, react_i18next_1.useTranslation)('translation'), t = _b.t, i18n = _b.i18n;
|
|
56
56
|
var _c = (0, CalendarContext_1.useCalendarContext)(), selectedDate = _c.selectedDate, selectedSchedules = _c.selectedSchedules, displayAllDayScheduleMode = _c.displayAllDayScheduleMode, getSchedulesForDate = _c.getSchedulesForDate, isToday = _c.isToday, isDragOverDate = _c.isDragOverDate, handleDateDragOver = _c.handleDateDragOver, handleDateDragLeave = _c.handleDateDragLeave, handleDateDrop = _c.handleDateDrop, handleDateClick = _c.handleDateClick, handleDateDrag = _c.handleDateDrag, handleScheduleDragStart = _c.handleScheduleDragStart, handleScheduleDragEnd = _c.handleScheduleDragEnd, isDraggable = _c.isDraggable, handleScheduleClick = _c.handleScheduleClick, getDayTextByDate = _c.getDayTextByDate;
|
|
57
57
|
var _d = (0, react_1.useState)(null), timeSelectionStart = _d[0], setTimeSelectionStart = _d[1];
|
|
58
58
|
var _e = (0, react_1.useState)(null), timeSelectionEnd = _e[0], setTimeSelectionEnd = _e[1];
|
|
@@ -25,7 +25,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
25
25
|
var TextLabel_1 = require("../TextLabel");
|
|
26
26
|
var YearlyView = function (_a) {
|
|
27
27
|
var selectedDate = _a.selectedDate, getMonthDates = _a.getMonthDates, getDayTextByDate = _a.getDayTextByDate, startOfWeek = _a.startOfWeek, isToday = _a.isToday, handleDateClick = _a.handleDateClick, getSchedulesForDate = _a.getSchedulesForDate;
|
|
28
|
-
var t = (0, react_i18next_1.useTranslation)().t;
|
|
28
|
+
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
29
29
|
var currentYear = selectedDate.getFullYear();
|
|
30
30
|
var orderedDayTexts = (function () {
|
|
31
31
|
var weekDates = [];
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { CalendarViewType } from './types';
|
|
2
|
-
import type { TFunction } from 'i18next';
|
|
3
2
|
/**
|
|
4
3
|
* 일정이 종일 일정인지 확인하는 함수
|
|
5
4
|
* @param startDate 시작 날짜
|
|
@@ -11,14 +10,4 @@ export declare const calculateDateRange: (viewType: CalendarViewType, baseDate:
|
|
|
11
10
|
startDate: Date;
|
|
12
11
|
endDate: Date;
|
|
13
12
|
};
|
|
14
|
-
/**
|
|
15
|
-
* 뷰 타입에 따른 헤더 텍스트를 반환하는 함수
|
|
16
|
-
* @param viewType 캘린더 뷰 타입 (DAILY, WEEKLY, MONTHLY, YEARLY)
|
|
17
|
-
* @param selectedDate 선택된 날짜
|
|
18
|
-
* @param t 다국어 변환 함수 (i18next)
|
|
19
|
-
* @param monthNames 월 이름 배열 (예: ['1월', '2월', ...])
|
|
20
|
-
* @param getDayTextByDate 날짜에 따른 요일 텍스트 반환 함수
|
|
21
|
-
* @returns 헤더에 표시할 텍스트
|
|
22
|
-
*/
|
|
23
|
-
export declare const getHeaderText: (viewType: CalendarViewType, selectedDate: Date, t: TFunction) => string;
|
|
24
13
|
export declare const toUTC: (date: Date | null | undefined) => string | null;
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.toUTC = exports.
|
|
7
|
-
var i18next_1 = __importDefault(require("i18next"));
|
|
3
|
+
exports.toUTC = exports.calculateDateRange = exports.calculateIsAllDay = void 0;
|
|
8
4
|
var dateHelper_1 = require("../../../common/utils/dateHelper");
|
|
9
|
-
var constants_1 = require("./constants");
|
|
10
5
|
/**
|
|
11
6
|
* 일정이 종일 일정인지 확인하는 함수
|
|
12
7
|
* @param startDate 시작 날짜
|
|
@@ -55,39 +50,6 @@ var calculateDateRange = function (viewType, baseDate) {
|
|
|
55
50
|
}
|
|
56
51
|
};
|
|
57
52
|
exports.calculateDateRange = calculateDateRange;
|
|
58
|
-
/**
|
|
59
|
-
* 뷰 타입에 따른 헤더 텍스트를 반환하는 함수
|
|
60
|
-
* @param viewType 캘린더 뷰 타입 (DAILY, WEEKLY, MONTHLY, YEARLY)
|
|
61
|
-
* @param selectedDate 선택된 날짜
|
|
62
|
-
* @param t 다국어 변환 함수 (i18next)
|
|
63
|
-
* @param monthNames 월 이름 배열 (예: ['1월', '2월', ...])
|
|
64
|
-
* @param getDayTextByDate 날짜에 따른 요일 텍스트 반환 함수
|
|
65
|
-
* @returns 헤더에 표시할 텍스트
|
|
66
|
-
*/
|
|
67
|
-
var getHeaderText = function (viewType, selectedDate, t) {
|
|
68
|
-
var year = selectedDate.getFullYear();
|
|
69
|
-
var monthNumber = selectedDate.getMonth() + 1;
|
|
70
|
-
var day = selectedDate.getDate();
|
|
71
|
-
var locale = (0, constants_1.getLocaleFromLang)(i18next_1.default.language);
|
|
72
|
-
// For English locale, use month names instead of numbers for WEEKLY and MONTHLY views
|
|
73
|
-
var monthValue = locale === 'en-US' && (viewType === 'str_fm_week' || viewType === 'str_fm_month')
|
|
74
|
-
? t("calendar_month_".concat(monthNumber))
|
|
75
|
-
: monthNumber;
|
|
76
|
-
if (viewType === 'str_fm_day') {
|
|
77
|
-
return t('str_calendar_daily_header', { year: year, month: monthNumber, day: day });
|
|
78
|
-
}
|
|
79
|
-
if (viewType === 'str_fm_week') {
|
|
80
|
-
return t('str_calendar_weekly_header', { year: year, month: monthValue });
|
|
81
|
-
}
|
|
82
|
-
if (viewType === 'str_fm_month') {
|
|
83
|
-
return t('str_calendar_monthly_header', { year: year, month: monthValue });
|
|
84
|
-
}
|
|
85
|
-
if (viewType === 'str_fm_year') {
|
|
86
|
-
return t('str_calendar_yearly_header', { year: year });
|
|
87
|
-
}
|
|
88
|
-
return '';
|
|
89
|
-
};
|
|
90
|
-
exports.getHeaderText = getHeaderText;
|
|
91
53
|
// Date를 UTC 시간으로 변환
|
|
92
54
|
var toUTC = function (date) {
|
|
93
55
|
if (!(date instanceof Date))
|
package/package.json
CHANGED
package/release-note.md
CHANGED