pds-dev-kit-web 2.2.211 → 2.2.213

package/dist/src/common/services/i18n/resources/en.json

@@ -37,18 +37,18 @@
         "str_calendar_all_day": "All day",
         "str_calendar_schedule_more": "{{count}} more",
         "str_calendar_today": "Today",
-        "calendar_month_1": "Jan",
-        "calendar_month_2": "Feb",
-        "calendar_month_3": "Mar",
-        "calendar_month_4": "Apr",
+        "calendar_month_1": "January",
+        "calendar_month_2": "February",
+        "calendar_month_3": "March",
+        "calendar_month_4": "April",
         "calendar_month_5": "May",
-        "calendar_month_6": "Jun",
-        "calendar_month_7": "Jul",
-        "calendar_month_8": "Aug",
-        "calendar_month_9": "Sep",
-        "calendar_month_10": "Oct",
-        "calendar_month_11": "Nov",
-        "calendar_month_12": "Dec",
+        "calendar_month_6": "June",
+        "calendar_month_7": "July",
+        "calendar_month_8": "August",
+        "calendar_month_9": "September",
+        "calendar_month_10": "October",
+        "calendar_month_11": "November",
+        "calendar_month_12": "December",
         "str_fm_datetime_am": "{{hour}} AM",
         "str_fm_datetime_pm": "{{hour}} PM",
         "str_fm_am": "AM",
@@ -60,14 +60,14 @@
         "calendar_header_weekly_same_month": "{{month}} {{startDay}} - {{endDay}}",
         "calendar_header_weekly_diff_month": "{{startMonth}} {{startDay}} - {{endMonth}} {{endDay}}",
         "str_calendar_yearly_header": "{{year}}",
-        "str_calendar_monthly_header": "{{month}}.{{year}}",
-        "str_calendar_weekly_header": "{{month}}.{{year}}",
+        "str_calendar_monthly_header": "{{month}} {{year}}",
+        "str_calendar_weekly_header": "{{month}} {{year}}",
         "calendar_view_monthly": "Monthly",
         "calendar_view_weekly": "Weekly",
         "calendar_view_daily": "Daily",
         "calendar_view_yearly": "Yearly",
         "calendar_date_format": "{{day}} ({{dayText}})",
-        "str_calendar_weekly_date": "{{month}}-{{date}} {{day}}",
+        "str_calendar_weekly_date": "{{month}} {{date}} ({{day}})",
         "str_fm_year": "Year",
         "str_fm_month": "Month",
         "str_fm_day": "Day",

package/dist/src/common/styles/colorSet/UIColor.json

@@ -904,5 +904,6 @@
     "ui_141": "sys_widget_grey_07",
     "ui_142": "sys_widget_grey_08",
     "ui_143": "sys_on_base_hover_01",
-    "ui_144": "sys_on_base_pressed_01"
+    "ui_144": "sys_on_base_pressed_01",
+    "ui_cpnt_badge_base_confirm": "sys_component_base_green"
 }

package/dist/src/common/styles/colorSet/index.d.ts

@@ -1,128 +1,4 @@
 declare const colorSet: {
-    readonly SemanticColor: {
-        blue500: string;
-        blue700: string;
-        blue300: string;
-        green700: string;
-        green500: string;
-        green300: string;
-        red500: string;
-        grey900: string;
-        grey500: string;
-        grey400: string;
-        grey100: string;
-        grey50: string;
-        white: string;
-        black: string;
-        darkblue500: string;
-        grey950: string;
-        darkgrey900: string;
-        darkgrey500: string;
-        darkgrey400: string;
-        darkgrey100: string;
-        darkgrey50: string;
-        darkred500: string;
-        darkgreen700: string;
-        orange500: string;
-        darkorange500: string;
-        opacity00: string;
-        opacity20: string;
-        opacity30: string;
-        opacity65: string;
-        darkgreen500: string;
-        grey70: string;
-        navy500: string;
-        lightgreen500: string;
-        pink500: string;
-        darkgrey70: string;
-        darknavy500: string;
-        darkpink500: string;
-        darklightgreen500: string;
-        opacity10: string;
-        grey600: string;
-        darkgrey600: string;
-        skyblue500: string;
-        skyblue300: string;
-        pink300: string;
-        lightpink500: string;
-        darkblue300: string;
-        darkblue700: string;
-        darkgreen300: string;
-        darkskyblue500: string;
-        navy100: string;
-        darknavy100: string;
-        opacity80: string;
-        opacity50: string;
-        grey30: string;
-        opacity95: string;
-        darkgrey30: string;
-        opacity40: string;
-        kakaoyellow: string;
-        pastelblue500: string;
-        pastelpink500: string;
-        pastelorange500: string;
-        pastelgreen500: string;
-        pastelpurple500: string;
-        darkpastelblue500: string;
-        darkpastelpink500: string;
-        darkpastelorange500: string;
-        darkpastelgreen500: string;
-        darkpastelpurple500: string;
-        green30: string;
-        darkgreen30: string;
-        orange50: string;
-        darkorange50: string;
-        orange30: string;
-        darkorange30: string;
-        green50: string;
-        darkgreen50: string;
-        opacity90: string;
-        facebookblue: string;
-        opacity05: string;
-        opacity15: string;
-        grey80: string;
-        grey200: string;
-        darkgrey80: string;
-        darkgrey200: string;
-        opacity70: string;
-        opacity60: string;
-        skyblue100: string;
-        green100: string;
-        darkgreen100: string;
-        darkskyblue100: string;
-        opacity25: string;
-        opacity35: string;
-        grey10: string;
-        darkgrey10: string;
-        blue50: string;
-        darkblue50: string;
-        blue10: string;
-        red10: string;
-        green10: string;
-        blue30: string;
-        red30: string;
-        orange300: string;
-        darkorange300: string;
-        darkpink300: string;
-        pastelblue300: string;
-        darkpastelblue300: string;
-        softpurple500: string;
-        darksoftpurple500: string;
-        coolpink500: string;
-        darkcoolpink500: string;
-        brown500: string;
-        darkbrown500: string;
-        yellow300: string;
-        darkyellow300: string;
-        grey20: string;
-        darkgrey20: string;
-        grey300: string;
-        darkgrey300: string;
-        yellow500: string;
-        darkyellow500: string;
-        grey450: string;
-        darkgrey450: string;
-    };
     readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
@@ -506,6 +382,130 @@ declare const colorSet: {
         sys_on_base_hover_01: string;
         sys_on_base_pressed_01: string;
     };
+    readonly SemanticColor: {
+        blue500: string;
+        blue700: string;
+        blue300: string;
+        green700: string;
+        green500: string;
+        green300: string;
+        red500: string;
+        grey900: string;
+        grey500: string;
+        grey400: string;
+        grey100: string;
+        grey50: string;
+        white: string;
+        black: string;
+        darkblue500: string;
+        grey950: string;
+        darkgrey900: string;
+        darkgrey500: string;
+        darkgrey400: string;
+        darkgrey100: string;
+        darkgrey50: string;
+        darkred500: string;
+        darkgreen700: string;
+        orange500: string;
+        darkorange500: string;
+        opacity00: string;
+        opacity20: string;
+        opacity30: string;
+        opacity65: string;
+        darkgreen500: string;
+        grey70: string;
+        navy500: string;
+        lightgreen500: string;
+        pink500: string;
+        darkgrey70: string;
+        darknavy500: string;
+        darkpink500: string;
+        darklightgreen500: string;
+        opacity10: string;
+        grey600: string;
+        darkgrey600: string;
+        skyblue500: string;
+        skyblue300: string;
+        pink300: string;
+        lightpink500: string;
+        darkblue300: string;
+        darkblue700: string;
+        darkgreen300: string;
+        darkskyblue500: string;
+        navy100: string;
+        darknavy100: string;
+        opacity80: string;
+        opacity50: string;
+        grey30: string;
+        opacity95: string;
+        darkgrey30: string;
+        opacity40: string;
+        kakaoyellow: string;
+        pastelblue500: string;
+        pastelpink500: string;
+        pastelorange500: string;
+        pastelgreen500: string;
+        pastelpurple500: string;
+        darkpastelblue500: string;
+        darkpastelpink500: string;
+        darkpastelorange500: string;
+        darkpastelgreen500: string;
+        darkpastelpurple500: string;
+        green30: string;
+        darkgreen30: string;
+        orange50: string;
+        darkorange50: string;
+        orange30: string;
+        darkorange30: string;
+        green50: string;
+        darkgreen50: string;
+        opacity90: string;
+        facebookblue: string;
+        opacity05: string;
+        opacity15: string;
+        grey80: string;
+        grey200: string;
+        darkgrey80: string;
+        darkgrey200: string;
+        opacity70: string;
+        opacity60: string;
+        skyblue100: string;
+        green100: string;
+        darkgreen100: string;
+        darkskyblue100: string;
+        opacity25: string;
+        opacity35: string;
+        grey10: string;
+        darkgrey10: string;
+        blue50: string;
+        darkblue50: string;
+        blue10: string;
+        red10: string;
+        green10: string;
+        blue30: string;
+        red30: string;
+        orange300: string;
+        darkorange300: string;
+        darkpink300: string;
+        pastelblue300: string;
+        darkpastelblue300: string;
+        softpurple500: string;
+        darksoftpurple500: string;
+        coolpink500: string;
+        darkcoolpink500: string;
+        brown500: string;
+        darkbrown500: string;
+        yellow300: string;
+        darkyellow300: string;
+        grey20: string;
+        darkgrey20: string;
+        grey300: string;
+        darkgrey300: string;
+        yellow500: string;
+        darkyellow500: string;
+        grey450: string;
+        darkgrey450: string;
+    };
     readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
@@ -1796,6 +1796,7 @@ declare const colorSet: {
         ui_142: string;
         ui_143: string;
         ui_144: string;
+        ui_cpnt_badge_base_confirm: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/index.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
-var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
 var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
+var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
 var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
-    SemanticColor: SemanticColor_json_1.default,
     PaletteColor_Dark: PaletteColor_Dark_json_1.default,
+    SemanticColor: SemanticColor_json_1.default,
     PaletteColor_light: PaletteColor_light_json_1.default,
     UIColor: UIColor_json_1.default
 };

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -905,4 +905,5 @@ export interface UITheme {
     ui_142: string;
     ui_143: string;
     ui_144: string;
+    ui_cpnt_badge_base_confirm: string;
 }

package/dist/src/common/styles/scroll/scrollbarStyle.d.ts

@@ -1,2 +1,4 @@
 export declare const scrollbarStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 export declare const scrollbarWithPaddingStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const scrollInvisible: import("styled-components").FlattenSimpleInterpolation;
+export type ScrollVisibleType = 'hidden' | 'visible';

package/dist/src/common/styles/scroll/scrollbarStyle.js

@@ -4,11 +4,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollbarWithPaddingStyle = exports.scrollbarStyle = void 0;
+exports.scrollInvisible = exports.scrollbarWithPaddingStyle = exports.scrollbarStyle = void 0;
 var styled_components_1 = require("styled-components");
-exports.scrollbarStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    background-clip: padding-box;\n    border-radius: 5px;\n    border: 2px solid transparent;\n  }\n\n  ::-webkit-scrollbar {\n    display: block;\n    width: 10px;\n  }\n"], ["\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    background-clip: padding-box;\n    border-radius: 5px;\n    border: 2px solid transparent;\n  }\n\n  ::-webkit-scrollbar {\n    display: block;\n    width: 10px;\n  }\n"])), function (_a) {
+exports.scrollbarStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    background-clip: padding-box;\n    border-radius: 5px;\n    border: 2px solid transparent;\n  }\n\n  ::-webkit-scrollbar {\n    display: block;\n    width: 10px;\n  }\n\n  scrollbar-width: auto;\n"], ["\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    background-clip: padding-box;\n    border-radius: 5px;\n    border: 2px solid transparent;\n  }\n\n  ::-webkit-scrollbar {\n    display: block;\n    width: 10px;\n  }\n\n  scrollbar-width: auto;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_container_scroll;
 });
 exports.scrollbarWithPaddingStyle = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n\n  ::-webkit-scrollbar-track {\n    margin-bottom: 24px;\n    margin-top: 24px;\n  }\n"], ["\n  ", "\n\n  ::-webkit-scrollbar-track {\n    margin-bottom: 24px;\n    margin-top: 24px;\n  }\n"])), exports.scrollbarStyle);
-var templateObject_1, templateObject_2;
+exports.scrollInvisible = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ::-webkit-scrollbar {\n    background: transparent;\n    display: block;\n    width: 10px;\n  }\n  scrollbar-width: auto;\n"], ["\n  ::-webkit-scrollbar {\n    background: transparent;\n    display: block;\n    width: 10px;\n  }\n  scrollbar-width: auto;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;

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

@@ -44,27 +44,9 @@ var WeeklyView_1 = require("./WeeklyView");
 var YearlyView_1 = require("./YearlyView");
 var Calendar = function (_a) {
     var _b;
-    var _c = _a.defaultViewType, defaultViewType = _c === void 0 ? 'MONTHLY' : _c, _d = _a.viewTypes, viewTypes = _d === void 0 ? ['MONTHLY', 'WEEKLY', 'DAILY', 'YEARLY'] : _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;
-    // 다국어 키를 CalendarViewType으로 매핑하는 함수
-    var mapI18nKeyToViewType = function (key) {
-        switch (key) {
-            case 'str_fm_month':
-                return 'MONTHLY';
-            case 'str_fm_week':
-                return 'WEEKLY';
-            case 'str_fm_day':
-                return 'DAILY';
-            case 'str_fm_year':
-                return 'YEARLY';
-            default:
-                return key;
-        }
-    };
-    // 다국어 키를 받아서 내부적으로 매핑
-    var actualDefaultViewType = mapI18nKeyToViewType(defaultViewType);
-    var actualViewTypes = viewTypes.map(mapI18nKeyToViewType);
+    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 t = (0, react_i18next_1.useTranslation)().t;
-    var _j = (0, react_1.useState)(actualDefaultViewType), currentViewType = _j[0], setCurrentViewType = _j[1];
+    var _j = (0, react_1.useState)(defaultViewType), currentViewType = _j[0], setCurrentViewType = _j[1];
     var _k = (0, react_1.useState)(new Date()), selectedDate = _k[0], setSelectedDate = _k[1];
     var _l = (0, react_1.useState)(null), dragStartDate = _l[0], setDragStartDate = _l[1];
     var _m = (0, react_1.useState)(null), dragEndDate = _m[0], setDragEndDate = _m[1];
@@ -115,13 +97,13 @@ var Calendar = function (_a) {
         var increment = direction === 'next' ? 1 : -1;
         var getNewDateByViewType = function (viewType) {
             switch (viewType) {
-                case 'DAILY':
+                case 'str_fm_day':
                     return dateHelper_1.DateHelper.addDays(selectedDate, increment);
-                case 'WEEKLY':
+                case 'str_fm_week':
                     return dateHelper_1.DateHelper.addDays(selectedDate, increment * 7);
-                case 'MONTHLY':
+                case 'str_fm_month':
                     return dateHelper_1.DateHelper.addMonths(selectedDate, increment);
-                case 'YEARLY':
+                case 'str_fm_year':
                     return new Date(selectedDate.getFullYear() + increment, selectedDate.getMonth(), selectedDate.getDate());
                 default:
                     return selectedDate;
@@ -193,6 +175,21 @@ var Calendar = function (_a) {
         setDragStartDate(null);
         setDragEndDate(null);
     }, [isDragging, dragStartDate, dragEndDate]);
+    // 날짜 드래그 이벤트 처리
+    var handleDateDrag = (0, react_1.useCallback)(function (action) {
+        var _a, _b;
+        if (action.action === 'DRAG' && action.target === 'DATE') {
+            // 선택된 스케줄들을 selectedSchedules state에 반영
+            if (action.schedules && action.schedules.length > 0) {
+                setSelectedSchedules(action.schedules);
+            }
+            else {
+                setSelectedSchedules([]);
+            }
+            // 원래 config.DATE.DRAG 콜백이 있다면 호출
+            (_b = (_a = config === null || config === void 0 ? void 0 : config.DATE) === null || _a === void 0 ? void 0 : _a.DRAG) === null || _b === void 0 ? void 0 : _b.call(_a, action);
+        }
+    }, [config]);
     // 이벤트 드래그 핸들러
     var handleScheduleDragStart = (0, react_1.useCallback)(function (schedule, e) {
         setDraggedSchedule(schedule);
@@ -224,20 +221,24 @@ var Calendar = function (_a) {
     }, []);
     // 삭제 키 이벤트 처리
     var handleKeyDown = (0, react_1.useCallback)(function (e) {
-        var _a, _b, _c;
-        if (e.key === 'Backspace' &&
-            selectedSchedules.length > 0 &&
-            ((_a = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _a === void 0 ? void 0 : _a.DELETE_KEY_DOWN)) {
-            (_c = (_b = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _b === void 0 ? void 0 : _b.DELETE_KEY_DOWN) === null || _c === void 0 ? void 0 : _c.call(_b, {
+        var _a, _b;
+        if ((e.key === 'Backspace' || e.key === 'Delete') &&
+            (selectedSchedules.length > 0 || selectedDates.length > 0)) {
+            // config 콜백이 있으면 호출
+            (_b = (_a = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _a === void 0 ? void 0 : _a.DELETE_KEY_DOWN) === null || _b === void 0 ? void 0 : _b.call(_a, {
                 action: 'DELETE_KEY_DOWN',
                 target: 'SCHEDULE',
                 schedules: selectedSchedules,
                 startDate: (0, calendarUtils_1.toUTC)(startDate),
                 endDate: (0, calendarUtils_1.toUTC)(endDate)
             });
+            // 항상 선택된 스케줄들 해제
             setSelectedSchedules([]);
+            setSelectedDates([]);
+            // 브라우저 기본 동작 방지 (뒤로가기 등)
+            e.preventDefault();
         }
-    }, [config, selectedSchedules]);
+    }, [config, selectedSchedules, startDate, endDate]);
     // 날짜 드래그 놓기
     var handleDateDrop = (0, react_1.useCallback)(function (date, e) {
         var _a, _b, _c;
@@ -253,7 +254,7 @@ var Calendar = function (_a) {
         var duration = originalEndDate.getTime() - originalStartDate.getTime();
         var getAdjustedStartDate = function () {
             var baseDate = new Date(date);
-            if (currentViewType === 'MONTHLY') {
+            if (currentViewType === 'str_fm_month') {
                 var target = e.target;
                 var gridContainer = target.closest('[data-calendar-grid]');
                 if (gridContainer) {
@@ -299,17 +300,11 @@ var Calendar = function (_a) {
     };
     // 뷰 타입을 위한 드롭다운 옵션 생성
     var viewTypeOptions = (0, react_1.useMemo)(function () {
-        var viewTypeTextMap = {
-            MONTHLY: t('str_fm_month'),
-            WEEKLY: t('str_fm_week'),
-            DAILY: t('str_fm_day'),
-            YEARLY: t('str_fm_year')
-        };
-        return actualViewTypes.map(function (viewType) { return ({
-            text: viewTypeTextMap[viewType] || viewType,
+        return viewTypes.map(function (viewType) { return ({
+            text: t(viewType),
             value: viewType
         }); });
-    }, [actualViewTypes, t]);
+    }, [viewTypes, t]);
     // 특정 월의 캘린더 날짜 생성 (연간 보기용)
     var getMonthDates = (0, react_1.useCallback)(function (year, month) {
         var monthDate = new Date(year, month, 1);
@@ -350,14 +345,14 @@ var Calendar = function (_a) {
     };
     // 주간 뷰로 전환하는 핸들러
     var handleSwitchToWeeklyView = (0, react_1.useCallback)(function (date) {
-        setCurrentViewType('WEEKLY');
+        setCurrentViewType('str_fm_week');
         setSelectedDate(date);
         // 주간 뷰로 전환할 때의 startDate와 endDate 계산
-        var _a = (0, calendarUtils_1.calculateDateRange)('WEEKLY', date), newStartDate = _a.startDate, newEndDate = _a.endDate;
+        var _a = (0, calendarUtils_1.calculateDateRange)('str_fm_week', date), newStartDate = _a.startDate, newEndDate = _a.endDate;
         onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
             type: 'CALENDAR_TYPE_CHANGE',
             payload: {
-                type: 'WEEKLY',
+                type: 'str_fm_week',
                 startDate: (0, calendarUtils_1.toUTC)(newStartDate),
                 endDate: (0, calendarUtils_1.toUTC)(newEndDate)
             }
@@ -366,13 +361,13 @@ var Calendar = function (_a) {
     // 뷰 타입에 따른 캘린더 콘텐츠 렌더링
     var renderCalendarContent = function () {
         switch (currentViewType) {
-            case 'MONTHLY':
-                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 }));
-            case 'WEEKLY':
-                return (0, jsx_runtime_1.jsx)(WeeklyView_1.WeeklyView, { startOfWeek: startOfWeek });
-            case 'DAILY':
-                return (0, jsx_runtime_1.jsx)(DailyView_1.DailyView, {});
-            case 'YEARLY':
+            case 'str_fm_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':
+                return (0, jsx_runtime_1.jsx)(WeeklyView_1.WeeklyView, { startOfWeek: startOfWeek, schedules: schedules, config: config });
+            case 'str_fm_day':
+                return (0, jsx_runtime_1.jsx)(DailyView_1.DailyView, { schedules: schedules, config: config });
+            case 'str_fm_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;
@@ -384,7 +379,7 @@ var Calendar = function (_a) {
         // 스케줄 관련
         selectedSchedules: selectedSchedules, isDraggable: isDraggable, handleScheduleClick: handleScheduleClick, handleScheduleDragStart: handleScheduleDragStart, handleScheduleDragEnd: handleScheduleDragEnd, 
         // 날짜 관련
-        handleDateClick: handleDateClick, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop, 
+        handleDateClick: handleDateClick, handleDateDrag: handleDateDrag, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop, 
         // 유틸리티 함수
         getSchedulesForDate: getSchedulesForDate, isToday: isToday, isPastDate: isPastDate, getDayTextByDate: getDayTextByDate, 
         // 상태값

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Schedule, displayAllDayScheduleMode } from './types';
+import type { Schedule, displayAllDayScheduleMode, Action } from './types';
 export interface ScheduleItemExtraProps {
     onDragStart?: (e: React.DragEvent) => void;
     onDragEnd?: () => void;
@@ -14,6 +14,7 @@ interface CalendarContextValue {
     handleScheduleDragStart: (schedule: Schedule, e: React.DragEvent) => void;
     handleScheduleDragEnd: () => void;
     handleDateClick: (date: Date, e: React.MouseEvent) => void;
+    handleDateDrag: (action: Action) => void;
     handleDateDragOver: (date: Date, e: React.DragEvent) => void;
     handleDateDragLeave: () => void;
     handleDateDrop: (date: Date, e: React.DragEvent) => void;
@@ -36,6 +37,7 @@ interface CalendarProviderProps {
     handleScheduleDragStart: (schedule: Schedule, e: React.DragEvent) => void;
     handleScheduleDragEnd: () => void;
     handleDateClick: (date: Date, e: React.MouseEvent) => void;
+    handleDateDrag: (action: Action) => void;
     handleDateDragOver: (date: Date, e: React.DragEvent) => void;
     handleDateDragLeave: () => void;
     handleDateDrop: (date: Date, e: React.DragEvent) => void;

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

@@ -30,7 +30,7 @@ var CalendarProvider = function (_a) {
     // 스케줄 관련
     selectedSchedules = _a.selectedSchedules, isDraggable = _a.isDraggable, handleScheduleClick = _a.handleScheduleClick, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd, 
     // 날짜 관련
-    handleDateClick = _a.handleDateClick, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop, 
+    handleDateClick = _a.handleDateClick, handleDateDrag = _a.handleDateDrag, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop, 
     // 유틸리티 함수
     getSchedulesForDate = _a.getSchedulesForDate, isToday = _a.isToday, isPastDate = _a.isPastDate, getDayTextByDate = _a.getDayTextByDate, 
     // 상태값
@@ -56,6 +56,7 @@ var CalendarProvider = function (_a) {
         handleScheduleDragEnd: handleScheduleDragEnd,
         // 날짜 이벤트 핸들러
         handleDateClick: handleDateClick,
+        handleDateDrag: handleDateDrag,
         handleDateDragOver: handleDateDragOver,
         handleDateDragLeave: handleDateDragLeave,
         handleDateDrop: handleDateDrop,

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

@@ -1,2 +1,8 @@
-/// <reference types="react" />
-export declare const DailyView: () => JSX.Element;
+import React from 'react';
+import type { Schedule } from './types';
+interface DailyViewProps {
+    schedules: Schedule[];
+    config?: any;
+}
+export declare const DailyView: React.FC<DailyViewProps>;
+export {};