pds-dev-kit-web-test 2.7.2 → 2.7.3

package/dist/src/desktop/components/Calendar/Calendar.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { CalendarProps } from './types';
+import type { CalendarProps } from './types/types';
 declare const Calendar: React.FC<CalendarProps>;
 export default Calendar;

package/dist/src/desktop/components/Calendar/Calendar.js

@@ -36,16 +36,22 @@ var Dropdown_1 = require("../Dropdown");
 var IconButton_1 = require("../IconButton");
 var TextButton_1 = require("../TextButton");
 var TextLabel_1 = require("../TextLabel");
-var CalendarContext_1 = require("./CalendarContext");
-var calendarUtils_1 = require("./calendarUtils");
 var constants_1 = require("./constants");
-var DailyView_1 = require("./DailyView");
-var MonthlyView_1 = require("./MonthlyView");
-var WeeklyView_1 = require("./WeeklyView");
-var YearlyView_1 = require("./YearlyView");
+var CalendarContext_1 = require("./context/CalendarContext");
+var types_1 = require("./types/types");
+var utils_1 = require("./utils");
+var DailyView_1 = require("./views/DailyView");
+var MonthlyView_1 = require("./views/MonthlyView");
+var WeeklyView_1 = require("./views/WeeklyView");
+var YearlyView_1 = require("./views/YearlyView");
 var Calendar = function (_a) {
     var _b;
-    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;
+    var _c = _a.defaultViewType, defaultViewType = _c === void 0 ? types_1.CalendarViewType.MONTH : _c, _d = _a.viewTypes, viewTypes = _d === void 0 ? [
+        types_1.CalendarViewType.MONTH,
+        types_1.CalendarViewType.WEEK,
+        types_1.CalendarViewType.DAY,
+        types_1.CalendarViewType.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;
     var _j = (0, react_i18next_1.useTranslation)('translation'), t = _j.t, i18n = _j.i18n;
     var _k = (0, react_1.useState)(defaultViewType), currentViewType = _k[0], setCurrentViewType = _k[1];
     var _l = (0, react_1.useState)(new Date()), selectedDate = _l[0], setSelectedDate = _l[1];
@@ -64,47 +70,47 @@ var Calendar = function (_a) {
     // 과거 날짜인지 확인
     var isPastDate = (0, react_1.useCallback)(function (date) { return dateHelper_1.DateHelper.isBefore(date, today) && !dateHelper_1.DateHelper.isSameDay(date, today); }, [today]);
     // 뷰 타입에 따른 시작일과 종료일 계산
-    var _v = (0, calendarUtils_1.calculateDateRange)(currentViewType, selectedDate), startDate = _v.startDate, endDate = _v.endDate;
+    var _v = (0, utils_1.calculateDateRange)(currentViewType, selectedDate), startDate = _v.startDate, endDate = _v.endDate;
     // 뷰 타입 변경 처리
     var handleViewTypeChange = (0, react_1.useCallback)(function (option) {
         var newViewType = option.value;
         setCurrentViewType(newViewType);
         // 새로운 뷰 타입 기준으로 startDate와 endDate 계산
-        var _a = (0, calendarUtils_1.calculateDateRange)(newViewType, selectedDate), newStartDate = _a.startDate, newEndDate = _a.endDate;
+        var _a = (0, utils_1.calculateDateRange)(newViewType, selectedDate), newStartDate = _a.startDate, newEndDate = _a.endDate;
         onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
             type: 'CALENDAR_TYPE_CHANGE',
             payload: {
                 type: newViewType,
-                startDate: (0, calendarUtils_1.toUTC)(newStartDate),
-                endDate: (0, calendarUtils_1.toUTC)(newEndDate)
+                startDate: (0, utils_1.toUTC)(newStartDate),
+                endDate: (0, utils_1.toUTC)(newEndDate)
             }
         });
-    }, [selectedDate, onActionDispatch, calendarUtils_1.calculateDateRange]);
+    }, [selectedDate, onActionDispatch, utils_1.calculateDateRange]);
     // "오늘" 버튼 클릭 이벤트
     var handleTodayClick = (0, react_1.useCallback)(function () {
         setSelectedDate(today);
         // 오늘 날짜 기준으로 startDate와 endDate 계산
-        var _a = (0, calendarUtils_1.calculateDateRange)(currentViewType, today), newStartDate = _a.startDate, newEndDate = _a.endDate;
+        var _a = (0, utils_1.calculateDateRange)(currentViewType, today), newStartDate = _a.startDate, newEndDate = _a.endDate;
         onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
             type: 'TODAY_BUTTON_CLICK',
             payload: {
-                startDate: (0, calendarUtils_1.toUTC)(newStartDate),
-                endDate: (0, calendarUtils_1.toUTC)(newEndDate)
+                startDate: (0, utils_1.toUTC)(newStartDate),
+                endDate: (0, utils_1.toUTC)(newEndDate)
             }
         });
-    }, [today, currentViewType, onActionDispatch, calendarUtils_1.calculateDateRange]);
+    }, [today, currentViewType, onActionDispatch, utils_1.calculateDateRange]);
     // 이전/다음 이동 함수
     var navigateDate = (0, react_1.useCallback)(function (direction) {
         var increment = direction === 'next' ? 1 : -1;
         var getNewDateByViewType = function (viewType) {
             switch (viewType) {
-                case 'str_fm_day':
+                case types_1.CalendarViewType.DAY:
                     return dateHelper_1.DateHelper.addDays(selectedDate, increment);
-                case 'str_fm_week':
+                case types_1.CalendarViewType.WEEK:
                     return dateHelper_1.DateHelper.addDays(selectedDate, increment * 7);
-                case 'str_fm_month':
+                case types_1.CalendarViewType.MONTH:
                     return dateHelper_1.DateHelper.addMonths(selectedDate, increment);
-                case 'str_fm_year':
+                case types_1.CalendarViewType.YEAR:
                     return new Date(selectedDate.getFullYear() + increment, selectedDate.getMonth(), selectedDate.getDate());
                 default:
                     return selectedDate;
@@ -113,15 +119,15 @@ var Calendar = function (_a) {
         var newDate = getNewDateByViewType(currentViewType);
         setSelectedDate(newDate);
         // 새로운 날짜 기준으로 startDate와 endDate 계산
-        var _a = (0, calendarUtils_1.calculateDateRange)(currentViewType, newDate), newStartDate = _a.startDate, newEndDate = _a.endDate;
+        var _a = (0, utils_1.calculateDateRange)(currentViewType, newDate), newStartDate = _a.startDate, newEndDate = _a.endDate;
         onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
             type: direction === 'prev' ? 'PREV_BUTTON_CLICK' : 'NEXT_BUTTON_CLICK',
             payload: {
-                startDate: (0, calendarUtils_1.toUTC)(newStartDate),
-                endDate: (0, calendarUtils_1.toUTC)(newEndDate)
+                startDate: (0, utils_1.toUTC)(newStartDate),
+                endDate: (0, utils_1.toUTC)(newEndDate)
             }
         });
-    }, [selectedDate, currentViewType, onActionDispatch, calendarUtils_1.calculateDateRange]);
+    }, [selectedDate, currentViewType, onActionDispatch, utils_1.calculateDateRange]);
     // 특정 날짜의 이벤트 가져오기
     var getSchedulesForDate = (0, react_1.useCallback)(function (date) {
         return schedules.filter(function (schedule) {
@@ -154,8 +160,8 @@ var Calendar = function (_a) {
                 action: 'CLICK_WITH_SHIFT_KEY_DOWN',
                 target: 'DATE',
                 dates: newSelectedDates,
-                startDate: (0, calendarUtils_1.toUTC)(startDate),
-                endDate: (0, calendarUtils_1.toUTC)(endDate)
+                startDate: (0, utils_1.toUTC)(startDate),
+                endDate: (0, utils_1.toUTC)(endDate)
             });
         }
         setSelectedDate(date);
@@ -165,8 +171,8 @@ var Calendar = function (_a) {
                 action: 'CLICK',
                 target: 'DATE',
                 date: date,
-                startDate: (0, calendarUtils_1.toUTC)(startDate),
-                endDate: (0, calendarUtils_1.toUTC)(endDate)
+                startDate: (0, utils_1.toUTC)(startDate),
+                endDate: (0, utils_1.toUTC)(endDate)
             });
         }
     }, [isPastDate, config, lastSelectedDate, selectedDates, startDate, endDate]);
@@ -230,8 +236,8 @@ var Calendar = function (_a) {
                 action: 'DELETE_KEY_DOWN',
                 target: 'SCHEDULE',
                 schedules: selectedSchedules,
-                startDate: (0, calendarUtils_1.toUTC)(startDate),
-                endDate: (0, calendarUtils_1.toUTC)(endDate)
+                startDate: (0, utils_1.toUTC)(startDate),
+                endDate: (0, utils_1.toUTC)(endDate)
             });
             // 항상 선택된 스케줄들 해제
             setSelectedSchedules([]);
@@ -255,7 +261,7 @@ var Calendar = function (_a) {
         var duration = originalEndDate.getTime() - originalStartDate.getTime();
         var getAdjustedStartDate = function () {
             var baseDate = new Date(date);
-            if (currentViewType === 'str_fm_month') {
+            if (currentViewType === types_1.CalendarViewType.MONTH) {
                 var target = e.target;
                 var gridContainer = target.closest('[data-calendar-grid]');
                 if (gridContainer) {
@@ -281,8 +287,8 @@ var Calendar = function (_a) {
             action: 'DRAG',
             target: 'SCHEDULE',
             schedule: updatedSchedule,
-            startDate: (0, calendarUtils_1.toUTC)(startDate),
-            endDate: (0, calendarUtils_1.toUTC)(endDate)
+            startDate: (0, utils_1.toUTC)(startDate),
+            endDate: (0, utils_1.toUTC)(endDate)
         });
         setIsDragOverDate(null);
     }, [draggedSchedule, config, currentViewType]);
@@ -295,18 +301,26 @@ var Calendar = function (_a) {
         t('str_3891'),
         t('str_3892') // 토 -  6
     ]; }, [t]);
-    // 날짜의 실제 요일에 따른 요일 텍스트 가져오기
     var getDayTextByDate = function (date) {
         return defaultDayTexts[date.getDay()];
     };
-    // 뷰 타입을 위한 드롭다운 옵션 생성
+    var getTranslationKey = function (viewType) {
+        var _a;
+        var _b;
+        var TRANSLATION_KEYS = (_a = {},
+            _a[types_1.CalendarViewType.MONTH] = 'str_fm_month',
+            _a[types_1.CalendarViewType.WEEK] = 'str_fm_week',
+            _a[types_1.CalendarViewType.DAY] = 'str_fm_day',
+            _a[types_1.CalendarViewType.YEAR] = 'str_fm_year',
+            _a);
+        return (_b = TRANSLATION_KEYS[viewType]) !== null && _b !== void 0 ? _b : 'str_fm_month';
+    };
     var viewTypeOptions = (0, react_1.useMemo)(function () {
         return viewTypes.map(function (viewType) { return ({
-            text: t(viewType),
+            text: t(getTranslationKey(viewType)),
             value: viewType
         }); });
     }, [viewTypes, t]);
-    // 특정 월의 캘린더 날짜 생성 (연간 보기용)
     var getMonthDates = (0, react_1.useCallback)(function (year, month) {
         var monthDate = new Date(year, month, 1);
         return dateHelper_1.DateHelper.getCalendarDates(monthDate, startOfWeek);
@@ -326,8 +340,8 @@ var Calendar = function (_a) {
                 action: 'CLICK_WITH_SHIFT_KEY_DOWN',
                 target: 'SCHEDULE',
                 schedules: newSelectedSchedules,
-                startDate: (0, calendarUtils_1.toUTC)(startDate),
-                endDate: (0, calendarUtils_1.toUTC)(endDate)
+                startDate: (0, utils_1.toUTC)(startDate),
+                endDate: (0, utils_1.toUTC)(endDate)
             });
             return;
         }
@@ -338,65 +352,48 @@ var Calendar = function (_a) {
                 action: 'CLICK',
                 target: 'SCHEDULE',
                 schedule: schedule,
-                startDate: (0, calendarUtils_1.toUTC)(startDate),
-                endDate: (0, calendarUtils_1.toUTC)(endDate)
+                startDate: (0, utils_1.toUTC)(startDate),
+                endDate: (0, utils_1.toUTC)(endDate)
             });
             return;
         }
     };
     // 주간 뷰로 전환하는 핸들러
     var handleSwitchToWeeklyView = (0, react_1.useCallback)(function (date) {
-        setCurrentViewType('str_fm_week');
+        setCurrentViewType(types_1.CalendarViewType.WEEK);
         setSelectedDate(date);
         // 주간 뷰로 전환할 때의 startDate와 endDate 계산
-        var _a = (0, calendarUtils_1.calculateDateRange)('str_fm_week', date), newStartDate = _a.startDate, newEndDate = _a.endDate;
+        var _a = (0, utils_1.calculateDateRange)(types_1.CalendarViewType.WEEK, date), newStartDate = _a.startDate, newEndDate = _a.endDate;
         onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
             type: 'CALENDAR_TYPE_CHANGE',
             payload: {
-                type: 'str_fm_week',
-                startDate: (0, calendarUtils_1.toUTC)(newStartDate),
-                endDate: (0, calendarUtils_1.toUTC)(newEndDate)
+                type: types_1.CalendarViewType.WEEK,
+                startDate: (0, utils_1.toUTC)(newStartDate),
+                endDate: (0, utils_1.toUTC)(newEndDate)
             }
         });
-    }, [onActionDispatch, calendarUtils_1.calculateDateRange]);
-    var getMonthStringKey = function (monthNumber) {
-        var monthKeys = [
-            'str_month_january',
-            'str_month_february',
-            'str_month_march',
-            'str_month_april',
-            'str_month_may',
-            'str_month_june',
-            'str_month_july',
-            'str_month_august',
-            'str_month_september',
-            'str_month_october',
-            'str_month_november',
-            'str_month_december'
-        ];
-        return monthKeys[monthNumber - 1];
-    };
+    }, [onActionDispatch, utils_1.calculateDateRange]);
     var getHeaderText = function (viewType, selectedDate) {
         var year = selectedDate.getFullYear();
         var monthNumber = selectedDate.getMonth() + 1;
         var day = selectedDate.getDate();
         var locale = (0, constants_1.getLocaleFromLang)(i18n.language);
-        if (viewType === 'str_fm_day') {
+        if (viewType === types_1.CalendarViewType.DAY) {
             return t('str_calendar_daily_header', { year: year, month: monthNumber, day: day });
         }
-        if (viewType === 'str_fm_week') {
+        if (viewType === types_1.CalendarViewType.WEEK) {
             return t('str_calendar_weekly_header', {
                 year: year,
-                month: locale === 'en-US' ? t(getMonthStringKey(monthNumber)) : monthNumber
+                month: locale === 'en-US' ? t((0, constants_1.getMonthStringKey)(monthNumber)) : monthNumber
             });
         }
-        if (viewType === 'str_fm_month') {
+        if (viewType === types_1.CalendarViewType.MONTH) {
             return t('str_calendar_monthly_header', {
                 year: year,
-                month: locale === 'en-US' ? t(getMonthStringKey(monthNumber)) : monthNumber
+                month: locale === 'en-US' ? t((0, constants_1.getMonthStringKey)(monthNumber)) : monthNumber
             });
         }
-        if (viewType === 'str_fm_year') {
+        if (viewType === types_1.CalendarViewType.YEAR) {
             return t('str_calendar_yearly_header', { year: year });
         }
         return '';
@@ -404,13 +401,13 @@ var Calendar = function (_a) {
     // 뷰 타입에 따른 캘린더 콘텐츠 렌더링
     var renderCalendarContent = function () {
         switch (currentViewType) {
-            case 'str_fm_month':
+            case types_1.CalendarViewType.MONTH:
                 return ((0, jsx_runtime_1.jsx)(MonthlyView_1.MonthlyView, { getDayTextByDate: getDayTextByDate, startOfWeek: startOfWeek, selectedDate: selectedDate, selectedDates: selectedDates, dragStartDate: dragStartDate, selectedSchedules: selectedSchedules, dragEndDate: dragEndDate, isDragOverDate: isDragOverDate, schedules: schedules, getSchedulesForDate: getSchedulesForDate, isToday: isToday, isPastDate: isPastDate, handleDateClick: handleDateClick, handleScheduleClick: handleScheduleClick, handleMouseUp: handleMouseUp, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop, handleScheduleDragStart: handleScheduleDragStart, handleScheduleDragEnd: handleScheduleDragEnd, isDraggable: isDraggable, onSwitchToWeeklyView: handleSwitchToWeeklyView, config: config }));
-            case 'str_fm_week':
+            case types_1.CalendarViewType.WEEK:
                 return (0, jsx_runtime_1.jsx)(WeeklyView_1.WeeklyView, { startOfWeek: startOfWeek, schedules: schedules, config: config });
-            case 'str_fm_day':
+            case types_1.CalendarViewType.DAY:
                 return (0, jsx_runtime_1.jsx)(DailyView_1.DailyView, { schedules: schedules, config: config });
-            case 'str_fm_year':
+            case types_1.CalendarViewType.YEAR:
                 return ((0, jsx_runtime_1.jsx)(YearlyView_1.YearlyView, { selectedDate: selectedDate, getMonthDates: getMonthDates, getDayTextByDate: getDayTextByDate, startOfWeek: startOfWeek, isToday: isToday, handleDateClick: handleDateClick, getSchedulesForDate: getSchedulesForDate }));
             default:
                 return null;

package/dist/src/desktop/components/Calendar/{CurrentTimeIndicator.js → components/CurrentTimeIndicator/CurrentTimeIndicator.js}

@@ -9,24 +9,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CurrentTimeIndicator = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = __importDefault(require("i18next"));
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
 var styled_components_1 = __importDefault(require("styled-components"));
-var constants_1 = require("./constants");
 var CurrentTimeIndicator = function (_a) {
     var show = _a.show, _b = _a.leftOffset, leftOffset = _b === void 0 ? '80px' : _b;
-    var i18n = (0, react_i18next_1.useTranslation)('translation').i18n;
     var getCurrentTime = (0, react_1.useCallback)(function () {
-        var now = new Date();
-        var locale = (0, constants_1.getLocaleFromLang)(i18next_1.default.language);
-        var timeInTimezone = new Date(now.toLocaleString(locale));
+        var timeInTimezone = new Date();
+        var hour = timeInTimezone.getHours();
+        var minute = timeInTimezone.getMinutes();
+        // 절대 위치 계산 (각 시간 슬롯이 60px 높이)
+        var pixelPosition = hour * 60 + (minute / 60) * 60;
         return {
-            hour: timeInTimezone.getHours(),
-            minute: timeInTimezone.getMinutes(),
-            percentage: ((timeInTimezone.getHours() * 60 + timeInTimezone.getMinutes()) / (24 * 60)) * 100
+            hour: hour,
+            minute: minute,
+            pixelPosition: pixelPosition
         };
-    }, [i18n.language]);
+    }, []);
     var _c = (0, react_1.useState)(getCurrentTime()), currentTime = _c[0], setCurrentTime = _c[1];
     (0, react_1.useEffect)(function () {
         var updateTime = function () {
@@ -36,7 +34,7 @@ var CurrentTimeIndicator = function (_a) {
         var interval = setInterval(updateTime, 60000);
         return function () { return clearInterval(interval); };
     }, [getCurrentTime]);
-    return ((0, jsx_runtime_1.jsx)(S_CurrentTimeIndicator, { "$show": show, "$top": "".concat(currentTime.percentage, "%"), "$leftOffset": leftOffset }));
+    return ((0, jsx_runtime_1.jsx)(S_CurrentTimeIndicator, { "$show": show, "$top": "".concat(currentTime.pixelPosition, "px"), "$leftOffset": leftOffset }));
 };
 exports.CurrentTimeIndicator = CurrentTimeIndicator;
 var S_CurrentTimeIndicator = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  display: ", ";\n  height: 2px;\n  left: ", ";\n  position: absolute;\n  right: 0;\n  top: ", ";\n  z-index: 10;\n\n  &::before {\n    background: ", ";\n    border-radius: 50%;\n    content: '';\n    height: 8px;\n    left: -4px;\n    position: absolute;\n    top: -3px;\n    width: 8px;\n  }\n"], ["\n  background: ", ";\n  display: ", ";\n  height: 2px;\n  left: ", ";\n  position: absolute;\n  right: 0;\n  top: ", ";\n  z-index: 10;\n\n  &::before {\n    background: ", ";\n    border-radius: 50%;\n    content: '';\n    height: 8px;\n    left: -4px;\n    position: absolute;\n    top: -3px;\n    width: 8px;\n  }\n"])), function (_a) {

package/dist/src/desktop/components/Calendar/components/CurrentTimeIndicator/index.d.ts

@@ -0,0 +1,2 @@
+import { CurrentTimeIndicator } from './CurrentTimeIndicator';
+export default CurrentTimeIndicator;

package/dist/src/desktop/components/Calendar/components/CurrentTimeIndicator/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var CurrentTimeIndicator_1 = require("./CurrentTimeIndicator");
+exports.default = CurrentTimeIndicator_1.CurrentTimeIndicator;

package/dist/src/desktop/components/Calendar/{AllDaySchedulesSection.d.ts → components/Schedule/AllDaySchedulesSection.d.ts}

@@ -1,8 +1,8 @@
-import type { Schedule, displayAllDayScheduleMode } from './types';
-import type React from 'react';
+import React from 'react';
+import type { displayAllDayScheduleMode, Schedule } from '../../types/types';
 interface AllDaySchedulesSectionProps {
     calendarDates: Date[];
-    displayAllDayScheduleMode?: displayAllDayScheduleMode;
+    displayAllDayScheduleMode: displayAllDayScheduleMode;
     getSchedulesForDate: (date: Date) => Schedule[];
     handleDateDragOver: (date: Date, e: React.DragEvent) => void;
     handleDateDragLeave: () => void;

package/dist/src/desktop/components/Calendar/{AllDaySchedulesSection.js → components/Schedule/AllDaySchedulesSection.js}

@@ -20,25 +20,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AllDaySchedulesSection = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
+var react_1 = __importDefault(require("react"));
 var react_i18next_1 = require("react-i18next");
 var styled_components_1 = __importDefault(require("styled-components"));
-var TextLabel_1 = require("../TextLabel");
-var CalendarContext_1 = require("./CalendarContext");
-var calendarUtils_1 = require("./calendarUtils");
+var TextLabel_1 = require("../../../TextLabel");
+var CalendarContext_1 = require("../../context/CalendarContext");
+var ScheduleItem_1 = require("./ScheduleItem");
 var AllDaySchedulesSection = function (_a) {
-    var calendarDates = _a.calendarDates, _b = _a.displayAllDayScheduleMode, displayAllDayScheduleMode = _b === void 0 ? 'use' : _b, getSchedulesForDate = _a.getSchedulesForDate, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop;
+    var calendarDates = _a.calendarDates, displayAllDayScheduleMode = _a.displayAllDayScheduleMode, getSchedulesForDate = _a.getSchedulesForDate, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop;
     var t = (0, react_i18next_1.useTranslation)().t;
-    var renderScheduleItem = (0, CalendarContext_1.useCalendarContext)().renderScheduleItem;
+    var _b = (0, CalendarContext_1.useCalendarContext)(), selectedSchedules = _b.selectedSchedules, isDraggable = _b.isDraggable, handleScheduleClick = _b.handleScheduleClick, handleScheduleDragStart = _b.handleScheduleDragStart, handleScheduleDragEnd = _b.handleScheduleDragEnd, calculateIsAllDay = _b.calculateIsAllDay;
     // 다중 날짜 종일 이벤트 계산
-    var multiDayAllDaySchedules = (0, react_1.useMemo)(function () {
+    var multiDayAllDaySchedules = react_1.default.useMemo(function () {
         var allSchedules = new Map();
         var multiDaySchedules = [];
         // 모든 종일 이벤트 수집
         calendarDates.forEach(function (date) {
             var schedulesForDate = getSchedulesForDate(date);
             schedulesForDate.forEach(function (schedule) {
-                if (!(0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate))) {
+                if (!calculateIsAllDay(new Date(schedule.startDate), new Date(schedule.endDate))) {
                     return;
                 }
                 var scheduleStart = new Date(schedule.startDate);
@@ -101,10 +101,16 @@ var AllDaySchedulesSection = function (_a) {
     if (displayAllDayScheduleMode === 'none') {
         return null;
     }
+    var renderScheduleItem = function (schedule, extraProps) {
+        if (extraProps === void 0) { extraProps = {}; }
+        var isAllDay = calculateIsAllDay(new Date(schedule.startDate), new Date(schedule.endDate));
+        var isSelected = selectedSchedules.some(function (s) { return s.id === schedule.id; });
+        return ((0, jsx_runtime_1.jsx)(ScheduleItem_1.ScheduleItem, { schedule: schedule, extraProps: extraProps, onDragStart: handleScheduleDragStart, onDragEnd: handleScheduleDragEnd, onClick: handleScheduleClick, isSelected: isSelected, isAllDay: isAllDay, isDraggable: isDraggable }, schedule.id));
+    };
     return ((0, jsx_runtime_1.jsxs)(S_WeeklyAllDaySection, __assign({ "$rowCount": Math.max(1, multiDayAllDaySchedules.length) }, { children: [(0, jsx_runtime_1.jsx)(S_AllDayLabel, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption1Regular", colorTheme: "sysTextTertiary", text: t('calendar_all_day') }) }), (0, jsx_runtime_1.jsx)(S_WeeklyAllDayGrid, { children: calendarDates.map(function (date, index) {
                     // 단일 날짜 종일 이벤트만 표시
                     var singleDayAllDaySchedules = getSchedulesForDate(date).filter(function (schedule) {
-                        var isAllDay = (0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate));
+                        var isAllDay = calculateIsAllDay(new Date(schedule.startDate), new Date(schedule.endDate));
                         if (!isAllDay)
                             return false;
                         var scheduleStart = new Date(schedule.startDate);

package/dist/src/desktop/components/Calendar/{MultiWeekSchedulesLayer.d.ts → components/Schedule/MultiWeekSchedulesLayer.d.ts}

@@ -1,4 +1,4 @@
-import type { Schedule } from './types';
+import type { Schedule } from '../../types/types';
 import type React from 'react';
 export interface MultiWeekScheduleInfo {
     schedule: Schedule;

package/dist/src/desktop/components/Calendar/{MultiWeekSchedulesLayer.js → components/Schedule/MultiWeekSchedulesLayer.js}

@@ -30,10 +30,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultiWeekSchedulesLayer = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var useParentResizeObserver_1 = require("../../../common/hooks/useParentResizeObserver");
-var useWindowSize_1 = require("../../../common/hooks/useWindowSize");
+var useParentResizeObserver_1 = require("../../../../../common/hooks/useParentResizeObserver");
+var useWindowSize_1 = require("../../../../../common/hooks/useWindowSize");
 var styled_components_1 = __importDefault(require("styled-components"));
-var TextLabel_1 = require("../TextLabel");
+var TextLabel_1 = require("../../../TextLabel");
 var ScheduleItem_1 = require("./ScheduleItem");
 var MultiWeekSchedulesLayer = function (_a) {
     var multiWeekSchedules = _a.multiWeekSchedules, selectedSchedules = _a.selectedSchedules, handleScheduleClick = _a.handleScheduleClick, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd, _b = _a.isDraggable, isDraggable = _b === void 0 ? false : _b, _c = _a.maxSchedulesPerDay, maxSchedulesPerDay = _c === void 0 ? 3 : _c;

package/dist/src/desktop/components/Calendar/{ScheduleItem.d.ts → components/Schedule/ScheduleItem.d.ts}

@@ -1,4 +1,4 @@
-import type { Schedule } from './types';
+import type { Schedule } from '../../types/types';
 import type React from 'react';
 export interface ScheduleItemExtraProps {
     onDragStart?: (e: React.DragEvent) => void;

package/dist/src/desktop/components/Calendar/{ScheduleItem.js → components/Schedule/ScheduleItem.js}

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.S_Dot = exports.ScheduleItem = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var TextLabel_1 = require("../TextLabel");
+var TextLabel_1 = require("../../../TextLabel");
 var ScheduleItem = function (_a) {
     var schedule = _a.schedule, _b = _a.extraProps, extraProps = _b === void 0 ? {} : _b, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, onClick = _a.onClick, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c, _d = _a.isAllDay, isAllDay = _d === void 0 ? false : _d, _e = _a.isDraggable, isDraggable = _e === void 0 ? false : _e;
     return ((0, jsx_runtime_1.jsxs)(S_ScheduleItem, __assign({ "$color": schedule.color, "$position": "single", "$isSelected": isSelected, "$isAllday": isAllDay, "$isDraggable": isDraggable, draggable: isDraggable, onDragStart: isDraggable ? function (e) { return onDragStart(schedule, e); } : undefined, onDragEnd: isDraggable ? onDragEnd : undefined, onClick: function (e) {

package/dist/src/desktop/components/Calendar/{TimeBasedScheduleItem.d.ts → components/Schedule/TimeBasedScheduleItem.d.ts}

@@ -1,4 +1,4 @@
-import type { Schedule } from './types';
+import type { Schedule } from '../../types/types';
 import type React from 'react';
 interface TimeBasedScheduleItemProps {
     schedules: Schedule[];

package/dist/src/desktop/components/Calendar/{TimeBasedScheduleItem.js → components/Schedule/TimeBasedScheduleItem.js}

@@ -32,15 +32,14 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
 var styled_components_1 = __importDefault(require("styled-components"));
-var TextLabel_1 = require("../TextLabel");
-var calendarUtils_1 = require("./calendarUtils");
-var timeFormatUtils_1 = require("./timeFormatUtils");
+var TextLabel_1 = require("../../../TextLabel");
+var utils_1 = require("../../utils");
 var TimeBasedScheduleItem = function (_a) {
     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;
     var _c = (0, react_i18next_1.useTranslation)('translation'), i18n = _c.i18n, t = _c.t;
     // 시간별 스케줄 계산 및 grid 위치 할당
     var timedSchedulesWithGrid = (0, react_1.useMemo)(function () {
-        var filteredSchedules = schedules.filter(function (schedule) { return !(0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate)); });
+        var filteredSchedules = schedules.filter(function (schedule) { return !(0, utils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate)); });
         // 시간 순으로 정렬 (시작 시간 기준, 시작시간이 같으면 duration이 짧은 순)
         var sortedSchedules = __spreadArray([], filteredSchedules, true).sort(function (a, b) {
             var startTimeA = new Date(a.startDate).getTime();
@@ -142,7 +141,7 @@ var TimeBasedScheduleItem = function (_a) {
             return ((0, jsx_runtime_1.jsx)(S_ScheduleItem, __assign({ "$top": top, "$height": height, "$gridColumn": schedule.gridColumn, "$totalColumns": schedule.totalColumns, "$isSelected": isSelected, "$isDraggable": isDraggable, draggable: isDraggable, onClick: function (e) {
                     e.stopPropagation();
                     onClick === null || onClick === void 0 ? void 0 : onClick(schedule, e);
-                }, onDragStart: function (e) { return handleScheduleDragStart === null || handleScheduleDragStart === void 0 ? void 0 : handleScheduleDragStart(schedule, e); }, onDragEnd: function () { return handleScheduleDragEnd === null || handleScheduleDragEnd === void 0 ? void 0 : handleScheduleDragEnd(); } }, { children: (0, jsx_runtime_1.jsxs)(S_ScheduleContent, { children: [(0, jsx_runtime_1.jsx)(S_ScheduleTime, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Regular", text: "".concat((0, timeFormatUtils_1.formatTimeWithLocale)(localStartHour, localStartMinutes, i18n.language, t)), ellipsisMode: "use", singleLineMode: "use", colorTheme: isSelected ? 'sysTextWhite' : undefined }) }), (0, jsx_runtime_1.jsx)(S_ScheduleTitle, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Bold", text: schedule.title, ellipsisMode: "use", singleLineMode: "use", colorTheme: isSelected ? 'sysTextWhite' : undefined }) })] }) }), schedule.id));
+                }, onDragStart: function (e) { return handleScheduleDragStart === null || handleScheduleDragStart === void 0 ? void 0 : handleScheduleDragStart(schedule, e); }, onDragEnd: function () { return handleScheduleDragEnd === null || handleScheduleDragEnd === void 0 ? void 0 : handleScheduleDragEnd(); } }, { children: (0, jsx_runtime_1.jsxs)(S_ScheduleContent, { children: [(0, jsx_runtime_1.jsx)(S_ScheduleTime, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Regular", text: "".concat((0, utils_1.formatTimeWithLocale)(localStartHour, localStartMinutes, i18n.language, t)), ellipsisMode: "use", singleLineMode: "use", colorTheme: isSelected ? 'sysTextWhite' : undefined }) }), (0, jsx_runtime_1.jsx)(S_ScheduleTitle, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Bold", text: schedule.title, ellipsisMode: "use", singleLineMode: "use", colorTheme: isSelected ? 'sysTextWhite' : undefined }) })] }) }), schedule.id));
         }) }));
 };
 exports.TimeBasedScheduleItem = TimeBasedScheduleItem;

package/dist/src/desktop/components/Calendar/components/Schedule/index.d.ts

@@ -0,0 +1,4 @@
+export { MultiWeekSchedulesLayer } from './MultiWeekSchedulesLayer';
+export { ScheduleItem } from './ScheduleItem';
+export { TimeBasedScheduleItem } from './TimeBasedScheduleItem';
+export { AllDaySchedulesSection } from './AllDaySchedulesSection';

package/dist/src/desktop/components/Calendar/components/Schedule/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AllDaySchedulesSection = exports.TimeBasedScheduleItem = exports.ScheduleItem = exports.MultiWeekSchedulesLayer = void 0;
+var MultiWeekSchedulesLayer_1 = require("./MultiWeekSchedulesLayer");
+Object.defineProperty(exports, "MultiWeekSchedulesLayer", { enumerable: true, get: function () { return MultiWeekSchedulesLayer_1.MultiWeekSchedulesLayer; } });
+var ScheduleItem_1 = require("./ScheduleItem");
+Object.defineProperty(exports, "ScheduleItem", { enumerable: true, get: function () { return ScheduleItem_1.ScheduleItem; } });
+var TimeBasedScheduleItem_1 = require("./TimeBasedScheduleItem");
+Object.defineProperty(exports, "TimeBasedScheduleItem", { enumerable: true, get: function () { return TimeBasedScheduleItem_1.TimeBasedScheduleItem; } });
+var AllDaySchedulesSection_1 = require("./AllDaySchedulesSection");
+Object.defineProperty(exports, "AllDaySchedulesSection", { enumerable: true, get: function () { return AllDaySchedulesSection_1.AllDaySchedulesSection; } });

package/dist/src/desktop/components/Calendar/constants.d.ts

@@ -1 +1,2 @@
 export declare const getLocaleFromLang: (lang: string) => string;
+export declare const getMonthStringKey: (monthNumber: number) => string;

package/dist/src/desktop/components/Calendar/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLocaleFromLang = void 0;
+exports.getMonthStringKey = exports.getLocaleFromLang = void 0;
 // Map language codes to locales for toLocaleString
 var getLocaleFromLang = function (lang) {
     switch (lang === null || lang === void 0 ? void 0 : lang.toLowerCase()) {
@@ -29,3 +29,21 @@ var getLocaleFromLang = function (lang) {
     }
 };
 exports.getLocaleFromLang = getLocaleFromLang;
+var getMonthStringKey = function (monthNumber) {
+    var monthKeys = [
+        'str_month_january',
+        'str_month_february',
+        'str_month_march',
+        'str_month_april',
+        'str_month_may',
+        'str_month_june',
+        'str_month_july',
+        'str_month_august',
+        'str_month_september',
+        'str_month_october',
+        'str_month_november',
+        'str_month_december'
+    ];
+    return monthKeys[monthNumber - 1];
+};
+exports.getMonthStringKey = getMonthStringKey;

package/dist/src/desktop/components/Calendar/{CalendarContext.d.ts → context/CalendarContext.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Schedule, displayAllDayScheduleMode, Action } from './types';
+import type { Schedule, displayAllDayScheduleMode, Action } from '../types/types';
 export interface ScheduleItemExtraProps {
     onDragStart?: (e: React.DragEvent) => void;
     onDragEnd?: () => void;
@@ -9,7 +9,6 @@ export interface ScheduleItemExtraProps {
     [key: string]: unknown;
 }
 interface CalendarContextValue {
-    renderScheduleItem: (schedule: Schedule, extraProps?: ScheduleItemExtraProps) => React.ReactNode;
     handleScheduleClick: (schedule: Schedule, e?: React.MouseEvent) => void;
     handleScheduleDragStart: (schedule: Schedule, e: React.DragEvent) => void;
     handleScheduleDragEnd: () => void;
@@ -22,6 +21,7 @@ interface CalendarContextValue {
     isToday: (date: Date) => boolean;
     isPastDate: (date: Date) => boolean;
     getDayTextByDate: (date: Date) => string;
+    calculateIsAllDay: (startDate: Date, endDate: Date) => boolean;
     selectedSchedules: Schedule[];
     isDragOverDate: Date | null;
     selectedDate: Date;